@charset "utf-8";

.fnct-container {max-width:1480px; width:100%; margin:0 auto;}

/* banner-wrap */
.banner-wrap {position: relative;  padding: 50px 0 160px 40px; width:calc(100% + 211px);}
/* .banner-wrap::before {content:''; width:100%; height:100%; background:url('../../images/sub/sub-banner1.jpg') no-repeat center / cover; position: absolute; left: 0; top: 0;} */
.banner-wrap .img-box {position: absolute; width:100%; height:100%; left:0; top:0;}
.banner-wrap .img-box img {width:100%; height: 100%; object-fit: cover;}
.banner-wrap strong {font-size: 30px; color:#fff; line-height: 45px; font-family: 'ncb'; padding-left:155px; position: relative; display: inline-block;}
.banner-wrap strong::after {content:''; width:120px; height:1px; background: #fff; position: absolute; left:0; top:20px;}

@media screen and (min-width:1921px) {
  .banner-wrap::before {width:100vw;}
}

@media screen and (max-width:1200px) {
  .banner-wrap {padding: 50px 0 100px 40px;}
  .banner-wrap strong {font-size: 20px; line-height:1.5; padding-left: 100px;}
  .banner-wrap strong::after {width: 80px; top:15px;}
}

@media screen and (max-width:768px) {
  .banner-wrap {padding:35px 20px 80px 20px; width:calc(100% + 20px);}
  .banner-wrap strong {font-size: 18px; padding-left: 0;}
  .banner-wrap strong::after {display: none;}
}

/* step-box */ 
.step-banner-box.type1 {position: relative; display: flex; justify-content: start; flex-wrap:wrap; margin-left: -20px; margin-right:-20px;}
.step-banner-box.type1 .box {display: flex; flex-direction: column; padding:0 20px; margin-bottom: 20px;}
.step-banner-box.type1 .title {background:#152E6E; text-align: center; padding:12px 0;}
.step-banner-box.type1 .title strong {color:#fff; font-size: 20px; line-height: 24px; font-family: 'ncb';}
.step-banner-box.type1 .con-box {border:1px solid #aaa; margin-top: 10px; padding:33px 22px; background: #FAFAFA; flex:1; display: flex; align-items: center; position: relative;}
.step-banner-box.type1 .con-box::after {content:''; width:40px; height: 100%; background:url('../../images/sub/step-arrow.svg') no-repeat center; position: absolute; right: -40px;}
.step-banner-box.type1 .box:last-child .con-box::after {display:none;}
.step-banner-box.type1 .box .img-box {width:100%;}
.step-banner-box.type1 .box .img-box img {width:100%; height:400px; height:100%; object-fit: cover;}
.step-banner-box.type1 .list {font-size: 16px; color:#333; letter-spacing: -.05em; font-family: pm;}
.step-banner-box.type1 .list li {position: relative; padding-left:18px; margin-bottom: 10px;}
.step-banner-box.type1 .con-list1 li:first-child {margin-top: 0;}
.step-banner-box.type1 .list li:last-child {margin-bottom: 0;}
.step-banner-box.type1 .list li::after {content:''; width:5px; height:5px; background: #3176D0; border-radius:50%; position: absolute; left:0; top:9px;}
.step-banner-box.type1.step2 .box {width:calc(100% / 2);}
.step-banner-box.type1.step3 .box {width:calc(100% / 3);}
.step-banner-box.type1.step3 .box:nth-child(3n) .con-box::after {display: none;}

@media screen and (max-width:1024px) {
  .step-banner-box.type1 {flex-direction: column;}
  .step-banner-box.type1.step2 .box {width:100%; margin-bottom: 40px;}
  .step-banner-box.type1.step3 .box {width:100%; margin-bottom: 40px;}
  .step-banner-box.type1 .box:last-child {margin-bottom: 0;}
  .step-banner-box.type1 .con-box::after {right:unset; bottom:-40px; width:40px; height:40px; left:50%; margin-left:-20px; transform: rotate(90deg);}
  .step-banner-box.type1.step3 .box:nth-child(3n) .con-box::after {display: block;}
}

/* field-list */
.field-wrap {position: relative;}
.field-wrap .list-box {display: flex; justify-content: space-between;}
.field-wrap .list-box > li {width:calc(100% / 2 - 20px); border:1px solid #ddd; padding:25px 44px; margin-top:185px; background:url('../../images/sub/field-bg.svg') no-repeat right -145px bottom 10px;}
.field-wrap .con > strong {font-size: 25px; line-height: 40px; letter-spacing: -.05em; color:#152E6E; display:block; font-family: 'ncm'; margin:22px 0 12px 0;}
.field-wrap .box {margin-top:-210px;}

@media screen and (max-width: 1024px) {
  .field-wrap .list-box {flex-direction: column;}
  .field-wrap .list-box > li {width:100%;margin-top: 220px;}
  .field-wrap .img-box {text-align: center;}
}

@media screen and (max-width:768px) {
  .field-wrap .list-box > li {padding:25px 20px; margin-bottom: 40px; margin-top: 105px;}
  .field-wrap .box {margin-top:-130px;}
  .field-wrap .con > strong {margin:20px 0 10px 0;}
}

/* btn-style */
.btn-style.no-icon {position: relative; font-size: 14px; line-height: 24px; letter-spacing: -.05em; border:1px solid #C7D3E3; display: inline-block; padding:3px 12px; border-radius:3px; margin-left: 8px; color:#5B5B5B; background:#fff; transition:all .3s;}
.btn-style.no-icon:hover {color:#3176D0; border:1px solid #3176D0; background:#EFF6FF;}

/* 기관, 슬로건 */
.border-box {border:1px solid #888;}

/* Signature-wrap 시그니처 */
.signature-wrap > ul {display: flex; margin:0 -10px; flex-wrap:wrap;}
.signature-wrap > ul li {padding:0 10px; margin-bottom: 10px;}
.signature-wrap .box2 li {width:50%;}
.signature-wrap .box3 li {width:33.3333%;}

@media screen and (max-width:1024px) {
  .signature-wrap .box3 li {width:50%;}
}

@media screen and (max-width:950px) {
  .signature-wrap .box2 li {width:100%;}
}

@media screen and (max-width:500px) {
  .signature-wrap .box3 li {width:100%;}
}

.flex1 {flex:1;} 

/* 오시는길 */ 
.location-noti {padding:10px 20px 25px 20px;}
.bg-logo {background:#FAFAFA url('../../images/sub/field-bg.png') no-repeat right -145px bottom -35px; padding:10px 20px 25px 20px;}
#mapContent {position: relative; z-index: 100;}
.map-wrap {position: relative; color:#fff; letter-spacing: -.05em; }
.map-wrap .wrap-inner::after {content:''; display: block; clear:both;}
.map-wrap .img-box {border:2px solid #bbb;}

.map-wrap .address-box {position: relative; z-index: 1; background:#3176D0; padding:50px 60px; float: right; margin-right:113px; margin-top:-95px;}
.map-wrap .address-box::before {content:''; width:100%; height:100%; background:url('../../images/sub/address-obj.png') no-repeat right -15px bottom -10px; position: absolute; right:0; bottom:0; opacity:0.1;}
.map-wrap .address {font-size: 30px; font-family: 'ncb'; letter-spacing: -.05em; display: inline-block; margin-bottom: 18px;}
.map-wrap .address span {font-size: 20px; display: inline-block;}
.map-wrap .icon-box {width:36px; height:36px; background:#fff; border-radius:50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
.map-wrap .address-box ul { display: flex; flex-wrap:wrap;}
.map-wrap .address-box li {display: flex; margin-right:38px;}

.map-wrap .info span {display: block; font-size: 14px; color:#C1DCFF; font-family: 'pm'; line-height: 1;}
.map-wrap .info p {font-size: 20px; font-family: 'pm'; line-height: 1;}

/* [S] img-list */
.img-list {position: relative; margin-top: 45px;}
.img-list > ul {display: flex; margin:0 -10px;}
.img-list li {width:33.3333%; padding:0 10px;}

/* textbox */
.textbox p {color:#222; font-size: 18px; font-family: 'pm'; text-align: center; padding:15px 0;}

/* line-img */
.line-img .img-box {border:2px solid #2A2E41;}

@media screen and (max-width:1024px) {
  .map-wrap .address-box {padding:20px 30px; margin-top: -55px; float:unset; left:50%; transform:translateX(-50%) }
  .map-wrap .address {font-size: 20px;}
  .map-wrap .info p {font-size: 16px;}
}

@media screen and (max-width:768px) {
  .map-wrap .address-box {transform: unset; left:20px; margin-right: 40px;}
  .map-wrap .address {font-size: 18px; line-height: 1.2;}
  .map-wrap .address span {font-size: 16px;}
  .map-wrap .address-box li {width:100%; margin-bottom: 10px;}
  .map-wrap .address-box li:last-child {margin-bottom: 0;}
}

/* Step Banner */
.wrap-step-banner.type2 {padding: 38px 70px; border: 1px solid #bbbbbb;}
.wrap-step-banner.type2 ul {align-items: unset;}
.wrap-step-banner.type2 li {width:auto; height:auto; border:unset; border-radius:unset; flex:1;}
.wrap-step-banner.type2 li.arr {flex:unset;width:auto; height:140px; background:unset; position: relative;}
.wrap-step-banner.type2 li.arr::after {content:''; width:30px; height: 30px; background:#3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border-radius:50%;}
.wrap-step-banner.type2.flex li.arr {flex:1;}
.wrap-step-banner.type2 .box {text-align: center; display: flex; flex-direction: column; flex:1; width:100%;}
.wrap-step-banner.type2 .circle {width:140px; height:140px; border:2px solid #00abb3; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-direction: column;}
.wrap-step-banner.type2 em {margin-bottom: 8px;}
.wrap-step-banner.type2 .box strong {margin-top:15px; margin-bottom:10px; display: block; line-height: 24px; display: flex; align-items: center; justify-content: center; min-height:48px;}
.wrap-step-banner.type2 .con-box {border:1px solid #bbb; background:#fafafa; padding:15px 10px;font-family: 'pm'; line-height: 20px; color:#333; letter-spacing: -.05em; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner.type2 {padding: 30px;}
  .wrap-step-banner.type2 li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) { 
  .wrap-step-banner.type2 li {width: 45%; flex:unset;}
  .wrap-step-banner.type2 li.arr {width:30px;}
}

@media screen and (max-width: 830px) { 
  .wrap-step-banner.type2 ul {justify-content: center;}
  .wrap-step-banner.type2 li {width: 100%; }
  .wrap-step-banner.type2 li.arr {transform: rotate(90deg); height:30px;}
} 

.wrap-step-banner.type3 {padding: 38px 70px; border: 1px solid #bbbbbb;}
.wrap-step-banner.type3 ul {align-items: unset;}
.wrap-step-banner.type3 li {width:auto; height:auto; border:unset; border-radius:unset; flex:1;}
.wrap-step-banner.type3 li.arr {flex:unset;width:auto; height:140px; background:unset; position: relative;}
.wrap-step-banner.type3 li.arr::after {content:''; width:30px; height: 30px; background:#3176d0 url('../../images/guide/arr-link-banner.png') no-repeat center; border-radius:50%;}
.wrap-step-banner.type3.flex li.arr {flex:1;}
.wrap-step-banner.type3 .box {text-align: center; display: flex; flex-direction: column; flex:1; width:100%;}
.wrap-step-banner.type3 .circle {width:140px; height:140px; border:2px solid #00abb3; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; flex-direction: column; margin-bottom: 15px;}
.wrap-step-banner.type3 em {margin-bottom: 0px;}
.wrap-step-banner.type3 .box strong {margin-top:0px; margin-bottom:0px; display: block; line-height: 24px; display: flex; align-items: center; justify-content: center; min-height:unset;}
.wrap-step-banner.type3 .con-box {border:1px solid #bbb; background:#fafafa; padding:15px 10px;font-family: 'pm'; line-height: 20px; color:#333; letter-spacing: -.05em; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1400px) {
  .wrap-step-banner.type3 {padding: 30px;}
  .wrap-step-banner.type3 li {width: 30%; margin: 10px 0; border-radius: 0;}
}

@media screen and (max-width: 1100px) { 
  .wrap-step-banner.type3 li {width: 45%; flex:unset;}
  .wrap-step-banner.type3 li.arr {width:30px;}
}

@media screen and (max-width: 830px) { 
  .wrap-step-banner.type3 ul {justify-content: center;}
  .wrap-step-banner.type3 li {width: 100%; }
  .wrap-step-banner.type3 li.arr {transform: rotate(90deg); height:30px;}
} 

.dis-ib {display:inline-block !important;}  
.dis-f {display:flex !important;}
.ali-c {align-items:center !important;}
.jcc {justify-content: center !important;}

@media screen and (max-width:1024px) {
  .step-banner-box.type2 .dis-f {flex-wrap:wrap;}
}

/* 운항지원서비스 */
.step-banner-box.type2 {border:1px solid #bbb;}
.step-banner-box.type2 .box-inner {padding:75px 70px;}
.step-banner-box.type2 ul {display: flex;}
.step-banner-box.type2 li {position: relative;}
.step-banner-box.type2 .box {border-radius:50px; color:#fff; font-family: 'pb'; line-height: 24px; letter-spacing: -.05em; position: relative; text-align: center; padding:35px 0;}
.step-banner-box.type2 .box strong {font-size: 16px; text-transform: uppercase; color:#fff;}
.step-banner-box.type2 .box p {font-size: 18px;}
.step-banner-box.type2 .line1 .box:not(.step2) {width:26.11%;}
.step-banner-box.type2 .step2 {flex:1;} 

/* margin */
.step-banner-box.type2 .line1 {margin-bottom: 90px;} 
.step-banner-box.type2 .magr {margin-right:70px;}
.step-banner-box.type2 .arrow-r::after {content:''; width: 70px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; left:100%;}
.step-banner-box.type2 .magl {margin-left:70px;}
.step-banner-box.type2 .arrow-l::after {content:''; width:70px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; right:100%; transform: rotate(180deg);}
.step-banner-box.type2 .arrow-b::after {content:''; width:90px; height:90px; background:url('../../images/sub/step-arrow2.png') no-repeat center; transform: rotate(90deg); position: absolute; left:50%; margin-left:-45px; top:100%; }

.step-banner-box.type2 .pass {font-size: 16px; font-family: 'pm'; letter-spacing: -.05em; display: flex; align-items: center; color:#666; position: absolute; top:-30px; transform:translate(-50%); left:50%;}
.step-banner-box.type2 .pass i {text-indent: -9999px; width: 41px; height:9px; background:url('../../images/sub/step-arrow3.png') no-repeat center; margin:0 10px; display: inline-block;}
.step-banner-box.type2 .line2 .pass {top:unset; bottom:-30px;}
.step-banner-box.type2 .line2 .step4 {order:2; width:42.53%;}
.step-banner-box.type2 .line2 .box:not(.step4) {flex:1;}

@media screen and (max-width:1024px) { 
  .step-banner-box.type2 ul {flex-wrap:wrap;}
  .step-banner-box.type2 .line1 {margin-bottom:0;}
  .step-banner-box.type2 .line1 .box {width:100% !important; margin-right:0 !important; margin-left:0 !important; margin-bottom:70px;}
  .step-banner-box.type2 .box::after {width:40px; height:40px; top:100%; left:50%; right:unset; transform: rotate(90deg); margin-left:-20px;}

  .step-banner-box.type2 .line2 .step4 {order:unset;}
  .step-banner-box.type2 .line2 .box {width:100% !important; margin-left:0 !important; margin-bottom:70px;}
  .step-banner-box.type2 .line2 .box::after {width:40px; height:40px; top:100%; left:50%; right:unset; transform: rotate(90deg); margin-left:-20px;}
  .step-banner-box.type2 .line2 .pass {bottom:unset; top:-30px;}
  .step-banner-box.type2 ul:last-child li:last-child {margin-bottom: 0;}
}

@media screen and (max-width:768px) {
  .step-banner-box.type2 .box-inner {padding:45px 20px;}
  .step-banner-box.type2 .box {padding:15px 10px; border-radius:20px;}
  .step-banner-box.type2 .pass {top:-25px;}
  .step-banner-box.type2 .box p {font-size: 17px;}
}

/* Step Color */
.step-banner-box .bg-color1 {background: #00ABB3;}
.step-banner-box .bg-color2 {background: #3176D0;}
.step-banner-box .bg-color3 {background: #6EADFF;} 
.step-banner-box .bg-color4 {background: #00B393;}
.step-banner-box .bg-color5 {background: #152E6E;}

/* 계약체결 */
.contract-make {border:1px solid #bbb; padding:40px 70px 65px 70px;}
.contract-make .box {border-radius:50px; text-align: center; color:#fff; font-family: 'ncb'; line-height: 24px; letter-spacing: -.05em; position: relative; text-align: center; padding:35px 10px;}
.contract-make .box strong {font-size: 16px; text-transform: uppercase; color:#fff;}
.contract-make .box p {font-size: 16px;}
.contract-make .line1 {margin-bottom: 90px;}
.contract-make .step1 {flex:1;}
.contract-make .step2 {width:26.11%;}
.contract-make .step3 {width:26.11%;}
.contract-make .step4 {flex:1; order:2;}
.contract-make .step5 {width:38.04%;}
.contract-make .line2 {flex-direction: row-reverse;}
.contract-make .group {position: relative; padding-bottom:55px;}
.contract-make .group::before {content:''; width:calc(100% + 20px); position: absolute; left:-10px; top:-20px; height:calc(100% + 20px); background: #E7E7E7;}
.contract-make .group:first-child {flex:1;}
.contract-make .group:last-child {width:26.11%;}
.contract-make .group-txt {position: absolute; font-size: 14px; bottom:-30px; left:50%; transform:translateX(-50%); border:1px solid #bbb; padding:16px 10px; background:#fafafa; border-radius:3px; min-width:200px; text-align: center; font-family: ncm;}  

.contract-make .magr {margin-right:70px;} 
.contract-make .magl {margin-left:70px;} 
.contract-make .arrow-l::after {content:''; width:70px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; right:100%; transform: rotate(180deg);}
.contract-make .arrow-r::after {content:''; width: 70px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; left:100%;}
.contract-make .arrow-b::after {content:''; width:90px; height:90px; background:url('../../images/sub/step-arrow2.png') no-repeat center; transform: rotate(90deg); position: absolute; left:50%; margin-left:-45px; top:100%; }

@media screen and (max-width:1024px) {
  .contract-make {padding:40px;}
  .contract-make .dis-f {flex-wrap:wrap;}
  .contract-make .magr {margin-right:0px;} 
  .contract-make .magl {margin-left:0px;} 
  .contract-make .line1 {margin-bottom: 60px;}
  .contract-make .box {flex:unset !important; width:100% !important; margin-bottom:40px;}
  .contract-make .step4 {order:unset;}
  .contract-make .group {width:100% !important; padding-bottom:0; padding-top:75px;}
  .contract-make .group:first-child {flex:unset;}
  .contract-make .group-txt {top:0; bottom:unset;}
  .contract-make .box:last-child {margin-bottom:0;}
  .contract-make .arrow-r::after,
  .contract-make .arrow-l::after,
  .contract-make .arrow-b::after {width:40px; height:40px; transform: rotate(90deg); position: absolute; left:50%; margin-left:-20px; top:100%; z-index: 1;}
}

@media screen and (max-width:768px) {
  .contract-make {padding:30px 20px;}
  .contract-make .box {padding:15px 10px; border-radius:20px;}
  .contract-make .box p{font-size: 17px;}
}

/* 계약해지 */
.contract-end {position: relative; text-align: center; border:1px solid #bbb; padding:40px 70px 65px 70px;}
.contract-end .box {border-radius:50px; text-align: center; font-family: 'ncb'; line-height: 24px; letter-spacing: -.05em; position: relative; text-align: center; padding:35px 0;}
.contract-end .line1 {margin-bottom: 90px;}
.contract-end .line1 .box {flex:1;}
.contract-end .box strong {font-size: 16px; text-transform: uppercase; color:#fff;}
.contract-end .box p {font-size: 16px; color:#fff;}
.contract-end .line2 {flex-direction: row-reverse;}
.contract-end .step5 {flex:1;}
.contract-end .step6 {width:18.65%;}
.contract-end .step7 {width:18.65%;}

.contract-end .magr {margin-right:113px;}
.contract-end .magl {margin-left:113px;}
.contract-end .arrow-l::after {content:''; width:113px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; right:100%; transform: rotate(180deg);}
.contract-end .arrow-r::after {content:''; width: 113px; height:100%; background:url('../../images/sub/step-arrow2.png') no-repeat center; position: absolute; top:0; left:100%;}
.contract-end .arrow-b::after {content:''; width:90px; height:90px; background:url('../../images/sub/step-arrow2.png') no-repeat center; transform: rotate(90deg); position: absolute; left:50%; margin-left:-45px; top:100%; }

@media screen and (max-width:1200px) {
  .contract-end .magr {margin-right:70px;}
  .contract-end .magl {margin-left:70px;}
  .contract-end .arrow-l::after,
  .contract-end .arrow-r::after {width:70px;}
  .certify-wrap_center .per60 {width: 100%;}
}

@media screen and (max-width:1024px) {
  .contract-end {padding:40px; }
  .contract-end .dis-f {flex-wrap:wrap;}
  .contract-end .magr,
  .contract-end .magl {margin-right:0; margin-left:0;}
  .contract-end .line1 {margin-bottom:0;}
  .contract-end .box {width:100%; flex:unset !important; margin-bottom:40px;}
  .contract-end .arrow-b::after,
  .contract-end .arrow-r::after,
  .contract-end .arrow-l::after {width:40px; height:40px; transform: rotate(90deg); position: absolute; left:50%; margin-left:-20px; top:100%; }
  .contract-end .line2 .box:last-child {margin-bottom: 0;}
}

@media screen and (max-width:768px) {
  .contract-end {padding:30px 20px;}
  .contract-end .box {padding:15px 10px; border-radius:20px;}
  .contract-end .box p{font-size: 17px;}
}

/* 인센티브 */
.secu-wrap {position: relative; background:url('../../images/sub/secu-bg.jpg') no-repeat center / cover;}
.secu-wrap .wrap-inner {padding:70px 165px 35px 70px;}
.secu-wrap .wrap-inner::after {content:''; display: block; clear:both;}
.secu-wrap .title {letter-spacing: -.05em; font-family: ncm; margin-bottom: 40px;}
.secu-wrap .title strong {font-size: 25px; color:#152E6E; line-height: 1.2;}
.secu-wrap .title h1 {font-size: 35px; color:#000;}
.secu-wrap .title h1 em {display: inline-block; margin-right:12px;}
.secu-wrap .con {position: relative; font-size: 18px; color:#000; letter-spacing: -.05em; line-height: 28px; font-family: ncm;}
.secu-wrap .con .text1 {margin-bottom:28px;}
.secu-wrap .list li {position: relative; padding-left:58px; margin-bottom:28px;}
.secu-wrap .list li:last-child {margin-bottom: 0;}
.secu-wrap .list li span {position: absolute; left:0; top:0; font-size: 35px; font-family: pbl; line-height: 40px; color:rgba(0,0,0,0.2);}
.secu-wrap .list li strong {display: block; color:#3176D0; font-family: ncb;}
.secu-wrap .name-box {font-size: 18px; color:#000; line-height: 28px; letter-spacing: -.05em; font-family: ncb; padding:50px; margin-top: 10px; display: flex; align-items: center; background:url('../../images/sub/secu-obj.png') no-repeat center ; float:right;} 
.secu-wrap .name-box .right {width:115px; margin-left: 15px;} 

@media screen and (max-width:1400px) {
  .secu-wrap .wrap-inner {padding:40px;}
}

@media screen and (max-width:1024px) {
  .secu-wrap .title {margin-bottom: 25px;}
  .secu-wrap .name-box {float:unset; justify-content: center;}
}

@media screen and (max-width:768px) {
  .secu-wrap .wrap-inner {padding:40px; }
  .secu-wrap .title {margin-bottom: 15px;}
  .secu-wrap .title strong {font-size: 22px;}
  .secu-wrap .title h1 {font-size: 32px;}
  .secu-wrap .con {font-size: 16px;}
  .secu-wrap .list li {margin-bottom: 15px; padding-left:48px;} 
  .secu-wrap .list li span {font-size: 30px; line-height: 32px;}
  .secu-wrap .name-box {background-size: contain;}
}

@media screen and (max-width:550px) {
  .secu-wrap .name-box {flex-wrap:wrap;}
  .secu-wrap .name-box .left {margin-bottom: 10px;}
}

/* 에너지 사용량 공개 */
.con-table tbody td.table-bg {background: #F3F4F8;} 

/* 사업실명제 */
.b-search-box {position: relative; display: flex; align-items: center;}
.buslst-head h2 {display: none;}
.buslst-head h2.active {display: block;}
.b-search-box strong {font-size: 18px; font-family: pb; color:#333; letter-spacing: 0; display: inline-block; margin-right: 20px;}
.b-search-box select {height:50px; font-size: 18px; font-family: pm; border-radius:5px; border:1px solid #BCBCBC; padding:0 10px; min-width:195px; margin-right: 5px;}
.b-search-box select {appearance: none; -webkit-appearance: none; background:url('../../images/sub/select-arrow1.png') no-repeat center right;}
.b-search-box .b-search-btn {font-size: 18px; font-family: pm; color:#fff; background: #1473E6; display: flex; align-items: center; padding:14px 18px; border-radius:5px; }
.b-search-box .b-search-btn::before {content:''; display:inline-block; width:20px; height: 20px; background:url('../../images/sub/ic-search1.png') no-repeat center; margin-right:15px;}
.b-search-box .b-search-btn:hover {background:#152E6E;}
.buslst-con > div {display: none;} 
.buslst-con > div.active {display: block;}  

@media screen and (max-width:1024px){
  .b-search-box select {font-size: 16px; height:40px; min-width:150px;}
  .b-search-box .b-search-btn {font-size: 16px; padding:10px 15px;}
  .b-search-box .b-search-btn::before {margin-right: 10px;}
}

/* 사업실명제 */
.business-name {position: relative;}

@media screen and (max-width:1200px) {
  .wrap-icon-banner.business-name .desc .title {font-size: 20px;}
}

@media screen and (max-width:850px) {
  .wrap-icon-banner .thumb {margin-bottom: 20px;}
}

@media screen and (max-width:700px) {
  .wrap-icon-banner.business-name .desc .title {font-size: 18px;}
}

/* 수하물처리시스템 */
.bhs-box.bg-logo {background:#fafafa url('../../images/sub/bhs-box-bg.png') no-repeat right -90px bottom -30px;}

/* A-CDM - 개요 */
.circle-wrap {background: #fafafa; padding:60px 20px;}
.circle-wrap .wrap-inner {text-align: center; position: relative; padding:210px 0 40px 0;}
.circle-wrap .ring {display: inline-block; padding:45px 60px 0 60px; border:3px solid #A1A1A1; border-bottom:0; border-radius:300px 300px 0 0;} 
.circle-wrap .center {border-radius:300px 300px 0 0; background:#CCEDFF; width:455px; height:230px; font-size: 25px; line-height: 32px; letter-spacing: -.05em; color:#000; font-family: ncb; text-align: center; display: flex; align-items: end; justify-content: center; margin:0 auto; position: relative;}
.circle-wrap .center strong { position: relative; }
.circle-wrap .center strong span {position: relative; width:265px; height:130px; background: #fff; border-radius:300px 300px 0 0; display: flex; align-items: end; justify-content: center; padding-bottom: 15px;}
.circle-wrap .center strong::before {content:''; width:calc(100% + 110px); height:calc(100% + 55px); position: absolute; left:-55px; bottom:0; background:#EBF7FF; border-radius:300px 300px 0 0;} 
.circle-wrap .con > div > p {width:160px; height:160px; border-radius:100%; display: flex; align-items: center; justify-content: center; font-size: 20px; letter-spacing: -.05em; color:#fff; font-family: ncm; position: absolute;}
.circle-wrap .con1 p {background: #3B9C87; left:50%; margin-left:-550px; bottom:0;}
.circle-wrap .con1 p::before {content:''; width:40px; height:60px; border-top: 30px solid #3B9C87; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 50%; left: 100%; transform: rotate(-75deg);}
.circle-wrap .con1 p::after {content:''; width:28px; height:28px; background:#fff; border:8px solid #3B9C87; position: absolute; right:-115px; bottom:30px; border-radius:50%;}
.circle-wrap .con2 p  {background: #00ABB3; left:50%; margin-left:-400px; top:125px;}
.circle-wrap .con2 p::before {content:''; width:40px; height:60px; border-top: 30px solid #00ABB3; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 85%; right:0; transform: rotate(-40deg);}
.circle-wrap .con2 p::after {content:''; width:28px; height:28px; background:#fff; border:8px solid #00ABB3; position: absolute; right:-22px; bottom:-50px; border-radius:50%;}
.circle-wrap .con3 p {background: #3DA1D1; left:50%; margin-left:-80px; top:0;}
.circle-wrap .con3 p::before {content:''; width:40px; height:60px; border-top: 30px solid #3DA1D1; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 98%; left: 50%; margin-left:-20px;}
.circle-wrap .con3 p::after {content:''; width:28px; height:28px; background:#fff; border:8px solid #3DA1D1; position: absolute; left:50%; bottom:-65px; border-radius:50%; margin-left:-14px;}
.circle-wrap .con4 p {background: #3176D0; right:50%; margin-right:-400px; top:125px;}
.circle-wrap .con4 p::before {content:''; width:40px; height:60px; border-top: 30px solid #3176D0; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 85%; left: 0%; transform: rotate(40deg);}
.circle-wrap .con4 p::after {content:''; width:28px; height:28px; background:#fff; border:8px solid #3176D0; position: absolute; left:-22px; bottom:-50px; border-radius:50%;}
.circle-wrap .con5 p {background: #106691; right:50%; margin-right:-550px; bottom:0;}
.circle-wrap .con5 p::before {content:''; width:40px; height:60px; border-top: 30px solid #106691; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; top: 50%; right: 100%; transform: rotate(75deg);}
.circle-wrap .con5 p::after {content:''; width:28px; height:28px; background:#fff; border:8px solid #106691; position: absolute; left:-115px; bottom:30px; border-radius:50%;}

@media screen and (max-width:1200px) {
  .circle-wrap .wrap-inner {padding:0;}
  .circle-wrap .ring {border:0; border-radius:0; padding:0; padding-bottom:20px; position: relative;}
  .circle-wrap .ring::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
  .circle-wrap .center {border-radius:0; width: auto; height: auto; padding:30px; font-size: 20px;}
  .circle-wrap .center strong::before {display: none;}
  .circle-wrap .center strong span {border-radius:0; width:auto; height:auto; padding: 20px;}
  .circle-wrap .con {display: flex; justify-content: space-between; position: relative;}
  .circle-wrap .con::before {content:''; width:calc(100% - 118px); height:1px; background:#ddd; position: absolute; left:50%; top:0; transform: translateX(-50%);}
  .circle-wrap .con > div {padding-top:30px; position: relative;}
  .circle-wrap .con > div::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
  .circle-wrap .con > div p {position: relative; left:unset; right:unset; bottom:unset; top:unset; margin:0; width:120px; height:120px; font-size: 17px;}
  .circle-wrap .con > div p::after {top:-14px; left:50%; right:unset; margin-left:-14px;}
  .circle-wrap .con > div p::before {display: none;}
} 

@media screen and (max-width:768px) {
  .circle-wrap .con {flex-wrap:wrap; justify-content: center;}  
  .circle-wrap .con::before {width:66.7%;}
  .circle-wrap .con > div {width:33.3333%;}
  .circle-wrap .con > div p {margin:0 auto;}
  .circle-wrap .con > div:nth-child(n+4)::before {top:-100%; height:140%;}
}

.step-box-style {position: relative;}
.step-box-style .wrap-inner {display: flex; text-align: center; margin:0 -15px; padding-left:80px;} 
.step-box-style .box {flex:1; padding:0 15px; display: flex; flex-direction: column; position: relative;}
.step-box-style .box1::after {content:''; width:60px; height:60px; border:2px solid #0FA2A9; border-radius:50%; background:#fff url('../../images/sub/arrow2.png') no-repeat center; position: absolute; right:-30px; top:10px;  z-index: 1;} 
.step-box-style .box2::after {content:''; width:60px; height:60px; border:2px solid #007075; border-radius:50%; background:#fff url('../../images/sub/arrow3.png') no-repeat center; position: absolute; right:-30px; top:10px;  z-index: 1;} 
.step-box-style .box1 .title {background:#30C6CD; position: relative;}
.step-box-style .box2 .title {background:#0FA2A9; position: relative;}
.step-box-style .box3 .title {background:#007075; position: relative;}
.step-box-style .title {color:#fff; line-height: 20px; letter-spacing: -.05em; margin-bottom: 18px; padding:15px 0;}
.step-box-style .title span {font-size: 16px; font-family: ncm; display: block; margin-bottom: 6px;}
.step-box-style .title strong {font-size: 23px; font-family: ncb;} 
.step-box-style .con {background: #f5f5f5; padding:0 25px; flex:1;}
.step-box-style .list {padding:20px; border-bottom:1px solid #E6E6E6; text-align:left; position: relative;}
.step-box-style .list:last-child {border-bottom: 0;}
.step-box-style .list li {position: relative; padding-left:20px; font-size: 18px; letter-spacing: -.05em; color:#333; font-family: ncm; margin-bottom: 8px;}
.step-box-style .list li:last-child {margin-bottom: 0;}
.step-box-style .list li::after {content:''; width:5px; height:5px; background:#0FA2A9; border-radius:50%; position: absolute; left:0; top:13px;}
.step-box-style .after1::before {content:'内容'; width:80px; height:100%; font-size: 22px; letter-spacing: -.05em; font-family: ncm; color:#062B2D; position: absolute; left:-105px; top:0; display: flex; align-items: center;}
.step-box-style .after2::before {content:'活用'; width:80px; height:100%; font-size: 22px; letter-spacing: -.05em; font-family: ncm; color:#062B2D; position: absolute; left:-105px; top:0; display: flex; align-items: center;}
.step-box-style .after3::before {content:'効果'; width:80px; height:100%; font-size: 22px; letter-spacing: -.05em; font-family: ncm; color:#062B2D; position: absolute; left:-105px; top:0; display: flex; align-items: center;}

@media screen and (max-width:1024px) {
  .step-box-style .wrap-inner {padding:0;}
  .step-box-style .list li {font-size: 16px; margin-bottom: 5px;}
  .step-box-style .list li::after {top:9px;}
  .step-box-style .title strong {font-size: 22px;}
  .step-box-style .after1::before {display: none;}
  .step-box-style .after2::before {display: none;}
  .step-box-style .after3::before {display: none;}
}

@media screen and (max-width:768px) {
  .step-box-style .wrap-inner {flex-wrap: wrap;}
  .step-box-style .box {flex:unset; width:100%; margin-bottom: 30px;}
  .step-box-style .box1::after {top:unset; bottom:-45px; left:50%; margin-left:-30px; transform:rotate(90deg);}
  .step-box-style .box2::after {top:unset; bottom:-45px; left:50%; margin-left:-30px; transform:rotate(90deg);}
}

/* A-CDM 포털이용절차 */
.heading-flex {display: flex; align-items: flex-end; flex-wrap:wrap;}
.heading-flex a {transform:translateY(5px);}
.portal-step-box {position: relative;}
.portal-step-box .step-list {display: flex; margin:0 -20px;}
.portal-step-box .step-list > li {width:33.3333%; display: flex; flex-direction: column; justify-content: center; margin:0 20px; position: relative;}
.portal-step-box .step-list > li::after {content:''; width:40px; height:40px; background:url('../../images/sub/arrow4.png') no-repeat center; position: absolute; left:100%; top:50%; margin-top:-20px;}
.portal-step-box .step-list > li:last-child::after {display: none;}
.portal-step-box .step-list .box {border:1px solid #ccc; flex:1; display: flex; align-items: center; padding:35px 40px 20px 40px;}
.portal-step-box .icon {display: inline-block; vertical-align: middle; margin: 0 7px 0 5px;}

.circle-num-list2 > ul > li {position: relative; margin: 0 0 20px 0; padding-left: 30px; font-family: ncm; font-size: 18px; line-height: 1.5; color: #121212;}
.circle-num-list2 > ul > li .num {position: absolute; left: 0; top: 5px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 5px; background: #3176d0; border-radius: 100%; font-family: pm; font-size: 12px; text-align: center; color: #fff;}
.circle-num-list2 > ul > li strong {font-family: 'pm'; color: #111111;}
.circle-num-list2 .img-box{margin-top: 5px;}

@media all and (max-width: 1200px) {
  .circle-num-list2 > ul > li {font-size: 16px;}
  .circle-num-list2 > ul > li .num {top: 4px; width: 18px; height: 18px; font-size: 11px;}
}

@media screen and (max-width:800px) {
  .portal-step-box .step-list {flex-wrap:wrap;} 
  .portal-step-box .step-list > li {width:100%; margin-bottom:40px;}
  .portal-step-box .step-list > li::after {transform:rotate(90deg); top:100%; left:50%; margin-left:-20px; margin-top:0;}
  .portal-step-box .step-list > li:last-child {margin-bottom: 0;}
}

@media all and (max-width: 700px) {
  .circle-num-list2 > ul > li {font-size: 15px;}
  .circle-num-list2 > ul > li .num {top: 4px; width: 18px; height: 18px; font-size: 11px;}
}
/* 환경감시시스템 */
.ems-wrap {position: relative; border:1px solid #d2d2d2; padding:55px 43px}
.ems-wrap .box p {font-size: 25px; color:#fff; font-family: pb; line-height: 26px; letter-spacing: -.05em; width:100%; height:80px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; padding:0 10px;}
.ems-wrap .top {position: relative; margin:0 -18px;}
.ems-wrap .top .box {margin:0 auto; width: calc(100% / 5); padding:0 18px;}
.ems-wrap .top .box p {background: #152E6E;}
.ems-wrap .top-left {position: absolute; left:50%; top:50%; width:50%; padding-left:11.5%; transform: translateY(-50%);}
.ems-wrap .top-left::before {content:''; width:23%; height:1px; background:#ddd; position: absolute; left:0; top:50%;}
.ems-wrap .top-left p {font-size: 18px; line-height: 30px; letter-spacing: -.05em; color:#152E6E; font-family: pm; padding-left:50px; position: relative;}
.ems-wrap .top-left p:first-child::before {content:''; height:50%; width:1px; background:#ddd; position: absolute; bottom:0; left:0;}
.ems-wrap .top-left p:last-child::before {content:''; height:50%; width:1px; background:#ddd; position: absolute; top:0; left:0;}
.ems-wrap .top-left p::after {content:''; width:45px; height:1px; background:#ddd; position: absolute; left:0; top:50%;}
.ems-wrap .content_m {position: relative;margin: 20px 0;padding-top: 20px;}
.ems-wrap .content_e {position: relative;margin: 20px 0 0;padding-top: 40px;}
.ems-wrap .content_m::before {content: ''; width: 80%; height: 1px; background: #ddd; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.ems-wrap .content_m::after {content: ''; width: 80%; height: 1px; background: #ddd; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);}
.ems-wrap .content_m ul {display: flex;}
.ems-wrap .content_m li {position: relative; display: flex; width: calc(100% / 5); margin: 0 18px; justify-content: center; align-items: center; background: #3176D0; padding: 20px 0;}
.ems-wrap .content_m li::before {content: ''; width: 1px; height: 20px; background: #ddd; position: absolute; left: 50%; top: -20px;}
.ems-wrap .content_m li:nth-child(3)::before {content: ''; width: 1px; height: 40px; background: #ddd; position: absolute; left: 50%; top: -40px;}
.ems-wrap .content_m li::after {content: ''; width: 1px; height: 20px; background: #ddd; position: absolute; left: 50%; bottom: -20px;}
.ems-wrap .content_e::before {content: ''; width: 80%; height: 1px; background: #ddd; position: absolute; left: 50%; top: 20px; transform: translateX(-50%);}
.ems-wrap .content_e ul {display: flex;}
.ems-wrap .content_e li {position: relative; display: flex; width: calc(100% / 5); margin: 0 18px; justify-content: center; align-items: center; background: #00ABB3; padding: 20px 0;}
.ems-wrap .content_e li::before {content: ''; width: 1px; height: 20px; background: #ddd; position: absolute; left: 50%; top: -20px;}
.ems-wrap .content_e li:nth-child(3)::before {content: ''; width: 1px; height: 40px; background: #ddd; position: absolute; left: 50%; top: -40px;}
.ems-wrap .content_m li p, .ems-wrap .content_e li p {text-align: center; line-height: 1.3; font-size: 18px; color: #FFF; }

@media screen and (max-width: 1200px) {
  .ems-wrap .wrap-inner {position:relative;}
  .ems-wrap .box p {height:60px; font-size: 20px;}
  .ems-wrap .wrap-inner::before {content:''; width:1px; height:calc(100% - 90px); background:#ddd; position:absolute; left:0; top:30px;}
  .ems-wrap .top .box {margin:0 0 0 5px; max-width:250px; width:100%; padding-left:30px; padding-right:0;}
  .ems-wrap .top-left {width: 95%;left:19px;padding-left: 260px;}
  .ems-wrap .top-left::before {width: 260px;}
  .ems-wrap .top-left p {font-size: 16px;}
  .ems-wrap .content {display: flex;width: 100%;}
  .ems-wrap .content_m::before, .ems-wrap .content_m::after {width:1px;height: calc(100% - 90px);top: 50px;transform: unset;}
  .ems-wrap .content_m::before {left:0px;}
  .ems-wrap .content_m::after {left:240px;}   
  .ems-wrap .content_m ul {flex-direction: column;margin-left: 2px;}
  .ems-wrap .content_m li {width: 200px; margin-bottom: 10px;height: 60px;}
  .ems-wrap .content_m li::before {width:20px; height:1px; left:-20px; top:50%;}
  .ems-wrap .content_m li:nth-child(3)::before {width:20px; height:1px; left:-20px; top:50%;}
  .ems-wrap .content_m li::after {width:20px; height:1px; left: 200px; top:50%;}
  .ems-wrap .content_e {width: 100%;}
  .ems-wrap .content_e::before {width:1px;height: calc(100% - 110px); left:20px;top: 50px;transform: unset;}
  .ems-wrap .content_e ul {flex-direction: column;margin: -20px 0 0 22px;}
  .ems-wrap .content_e li {width: 90%;margin: 0 0 10px 20px;height: 60px;}
  .ems-wrap .content_e li::before {width:20px; height:1px; left:-20px; top:50%;}
  .ems-wrap .content_e li:nth-child(3)::before {width:40px; height:1px; left:-40px; top:50%;}
}

@media screen and (max-width:700px) {
  .ems-wrap {padding:20px;}
  .ems-wrap .wrap-inner::before {height:calc(100% - 65px); top:30px;}  
  .ems-wrap .top .box {position: relative;}
  .ems-wrap .top .box::before {content:''; width:40px; height:1px; background:#ddd; top:50%; left:13px; position: absolute;}
  .ems-wrap .top-left {padding-left:70px; width:100%; position: relative; top:0; transform:unset; margin:20px 0; margin-left:30px;}
  .ems-wrap .top-left::before {width:50px; left:20px;}
  .ems-wrap .top-left::after {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:20px; top:-30px;}
  .ems-wrap .content_m, .ems-wrap .content_e {margin: 0;padding-top: 0;}
  .ems-wrap .content_m::before, .ems-wrap .content_m::after {width:1px;height: calc(100% - 70px);top: 35px;transform: unset;}
  .ems-wrap .content_m::after {left:170px;}
  .ems-wrap .content_m li {width: 150px; height: 60px; padding: 0; margin: 5px 10px;}
  .ems-wrap .content_m li::before {width:10px;left:-10px;}
  .ems-wrap .content_m li:nth-child(3)::before {width:10px;left:-10px;}
  .ems-wrap .content_m li::after {width:10px;left: 150px;}
  .ems-wrap .content_m li p, .ems-wrap .content_e li p {font-size: 16px;}
  .ems-wrap .content_e::before {width:1px;height: calc(100% - 70px); left:10px;top: 35px;transform: unset;}
  .ems-wrap .content_e ul {margin: 0 0 0 10px;}
  .ems-wrap .content_e li {display:flex; height: 60px; padding: 0; margin: 5px 0 5px 10px;}
  .ems-wrap .content_e li::before {width:10px; height:1px; left:-10px; top:50%;}
  .ems-wrap .content_e li:nth-child(3)::before {width:30px; height:1px; left:-30px; top:50%;}
}
/* 환경감시시스템
.ems-wrap {position: relative; border:1px solid #d2d2d2; padding:55px 43px}
.ems-wrap .box p {font-size: 25px; color:#fff; font-family: pb; line-height: 26px; letter-spacing: -.05em; width:100%; height:80px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; padding:0 10px;}
.ems-wrap .top {position: relative; margin:0 -18px;}
.ems-wrap .top .box {margin:0 auto; width: calc(100% / 5); padding:0 18px;}
.ems-wrap .top .box p {background: #152E6E;}
.ems-wrap .top-left {position: absolute; left:50%; top:50%; width:50%; padding-left:11.5%; transform: translateY(-50%);}
.ems-wrap .top-left::before {content:''; width:23%; height:1px; background:#ddd; position: absolute; left:0; top:50%;}
.ems-wrap .top-left p {font-size: 18px; line-height: 30px; letter-spacing: -.05em; color:#152E6E; font-family: pm; padding-left:50px; position: relative;}
.ems-wrap .top-left p:first-child::before {content:''; height:50%; width:1px; background:#ddd; position: absolute; bottom:0; left:0;}
.ems-wrap .top-left p:last-child::before {content:''; height:50%; width:1px; background:#ddd; position: absolute; top:0; left:0;}
.ems-wrap .top-left p::after {content:''; width:45px; height:1px; background:#ddd; position: absolute; left:0; top:50%;}
.ems-wrap .con {padding-top:40px; position: relative;}
.ems-wrap .con::before {content:''; width:1px; height:40px; background:#ddd; position: absolute; left:50%; top:0;}
.ems-wrap .con ul {display: flex; flex-wrap:wrap; margin:0 -18px; position: relative;}
.ems-wrap .con ul::before {content:''; width:80%; height:1px; background:#ddd; position: absolute; left:50%; top:0; transform:translateX(-50%)}
.ems-wrap .con li {width: calc(100% / 5); padding:0 18px; text-align: center; }
.ems-wrap .con .box {padding-top:48px; position: relative;}
.ems-wrap .con .box::before {content:''; width:1px; height:100%; background: #ddd; position: absolute; left:50%; top:0;}
.ems-wrap .con .box p {background: #3176D0; font-size: 20px; position: relative;}
.ems-wrap .con .text {font-size: 18px; line-height: 28px; letter-spacing: -.05em; font-family: pm; color:#333; padding-top:55px; position: relative;}
.ems-wrap .con .text::after {content:''; width:55px; height:55px; background:url('../../images/sub/arrow5.png') no-repeat center; position: absolute; top:0; left:50%; margin-left:-30px;}

@media screen and (max-width:1024px) {
  .ems-wrap .box p {height:60px; font-size: 22px;}
  .ems-wrap .con .box p {font-size: 18px;}
  .ems-wrap .con .text {font-size: 16px; line-height: 1.5;}
} 

@media screen and (max-width:850px) {
  .ems-wrap .wrap-inner {position:relative;}
  .ems-wrap .wrap-inner::before {content:''; width:1px; height:calc(100% - 60px); background:#ddd; position:absolute; left:0; top:30px;}
  .ems-wrap .top  {margin:0;}
  .ems-wrap .top .box {margin:0; max-width:250px; width:100%; padding-left:30px; padding-right:0;}
  .ems-wrap .top-left {width: 95%;left:0;padding-left: 275px;}
  .ems-wrap .top-left::before {width: 275px;}
  .ems-wrap .top-left p {font-size: 16px;}
  .ems-wrap .con::before {display:none;}
  .ems-wrap .con ul {flex-direction:column; margin:0;}
  .ems-wrap .con ul::before {width:1px;height: calc(100% - 60px);left:0;top: 30px;transform: unset;}
  .ems-wrap .con li {display:flex; width:100%; padding:0;}
  .ems-wrap .con li:last-child .box {margin-bottom:0;}
  .ems-wrap .con .box {max-width:250px; width:100%; padding-top:0; margin-bottom:30px; padding-left:30px;}
  .ems-wrap .con .box::before {width:100%; height:1px; left:0; top:50%;}
  .ems-wrap .con .text {padding-top:0; padding-left:60px; height:60px; display:flex; align-items:center;}
  .ems-wrap .con .text::after {transform:rotate(90deg); top:unset; left:0; margin-left:0;}
  .ems-wrap .con .text br {display:none;}
}

@media screen and (max-width:700px) {
  .ems-wrap {padding:20px;}
  .ems-wrap .wrap-inner::before {height:calc(100% - 50px); top:25px;}
  .ems-wrap .top-inner {position: relative;}
  .ems-wrap .top .box {position: relative;}
  .ems-wrap .top .box::before {content:''; width:100%; height:1px; background:#ddd; top:50%; left:0; position: absolute;}
  .ems-wrap .top-left {padding-left:70px; width:100%; position: relative; top:0; transform:unset; margin:20px 0; margin-left:30px;}
  .ems-wrap .top-left::before {width:50px; left:20px;}
  .ems-wrap .top-left::after {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:20px; top:-30px;}
  .ems-wrap .box p {height:50px; font-size: 17px;}
  .ems-wrap .con {padding:0;}
  .ems-wrap .con .box {max-width:200px;}
  .ems-wrap .con .box p {font-size: 16px;}
  .ems-wrap .con .text::after {height:50px; width:50px;}
  .ems-wrap .con .text {height:50px; text-align:left;}
}
 */
.img-list-box {position: relative;}
.img-list-box ul {display: flex; margin:0 -30px;}
.img-list-box ul li {padding:0 30px; text-align: center;}
.img-list-box .text {font-size: 18px; color:#333; line-height:25px; letter-spacing: -.05em; font-family: pm; margin-top: 10px;} 

@media screen and (max-width:768px) {
  .img-list-box .text {font-size: 16px;}
} 

@media screen and (max-width:600px) {
  .img-list-box ul {flex-wrap:wrap;}
  .img-list-box ul li {width:100%; margin-bottom:20px;}
}

.location-ems .wrap-inner {display: flex; justify-content: space-between;}
.location-ems .left {margin-right:60px;}
.location-ems .left,
.location-ems .right {border:1px solid #e2e2e2; display: inline-block; }

@media screen and (max-width:1024px) {
  .location-ems .left {margin-right:10px;}
}

@media screen and (max-width:768px) {
  .location-ems .wrap-inner {flex-wrap:wrap; text-align: center;}
  .location-ems .left {margin-right:0; margin-bottom:20px;}
  .location-ems .right {margin: 0 auto;} 
}

/* 대기질 실시간 측정결과 */
.airquality-wrap1 .left {margin-right:45px; flex-shrink: 0;}

@media screen and (max-width:1024px) {
  .airquality-wrap1 .dis-f {flex-wrap:wrap;}
  .airquality-wrap1 .left {margin-right:0; margin-bottom:20px;}  
} 

/* 실시간 실내 공기질 측정결과 */
.airquality-wrap2 .left {margin-right:45px; flex-shrink: 0;}

@media screen and (max-width:1024px) {
  .airquality-wrap2 .dis-f {flex-wrap:wrap;}
  .airquality-wrap2 .left {margin-right:0; margin-bottom:20px;}  
} 

/* 분기별 실내공기질 측정결과 */
.airquality-wrap3 .left {margin-right:45px; flex-shrink: 0;}

@media screen and (max-width:1024px) {
  .airquality-wrap3 .dis-f {flex-wrap:wrap;}
  .airquality-wrap3 .left {margin-right:0; margin-bottom:20px;}  
}

/* 사업개요 */
/*.overview-wrap {position: relative;}
.step-frame {display: flex;}
.step-frame > div {border:1px solid #ddd; flex:1;}
.step-frame > div:not(:last-child) {border-right:none;}
.overview-wrap .tit {text-align: center; height:65px; display: flex; align-items: center; justify-content: center; position: relative;}
.overview-wrap .tit strong {font-size: 22px; line-height: 28px; letter-spacing: -.05em; color:#222; font-family: ncb;}
.overview-wrap .tit strong span {font-size: 18px; color:#555; font-family: ncm;}
.overview-wrap .year {position: relative;}
.overview-wrap .year::after {content:''; width:40px; height:100%; position: absolute; left:100%; top:0; z-index: 1;}
.step-frame > div:last-child .year::after {display: none;}
.overview-wrap .step1 .year {background:#3176D0;}
.overview-wrap .step1 .year::after {border-left:20px solid #3176D0; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid transparent;}
.overview-wrap .step2 .year {background:#FA9D1C;}
.overview-wrap .step2 .year::after {border-left:20px solid #FA9D1C; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid transparent;}
.overview-wrap .step3 .year {background:#00ABB3;}
.overview-wrap .step1 .left .box:last-child {display: flex; text-align: center;} 
.overview-wrap .year ul {display: flex; justify-content: space-around; padding:6px 40px;}
.overview-wrap .year li {color:#fff; font-size: 18px; line-height: 28px; letter-spacing: -.05em; font-family: ncb;}
.overview-wrap .year li.month {font-size: 20px; color:#FFF600; position: relative; padding:0 60px;}
.overview-wrap .year li.month::before {content:''; width:20px; height:14px; background:url('../../images/sub/ov-arrow.png') no-repeat center; position: absolute; left:0; top:50%; margin-top:-7px;}
.overview-wrap .year li.month::after {content:''; width:20px; height:14px; background:url('../../images/sub/ov-arrow.png') no-repeat center; position: absolute; right:0; top:50%; margin-top:-7px;}
.overview-wrap .img-box {display: flex; padding:0 20px; min-height:190px; align-items: center; justify-content: space-around;}
.overview-wrap .interval {text-align: center;}
.overview-wrap .step1 .interval {padding:0 5px;}
.overview-wrap .step2 .interval {padding:0 10px;}
.overview-wrap .img-box img {margin:0 auto; text-align: center;}
.overview-wrap .img-box .left {display: flex; align-content: center;}
.overview-wrap .img-box p {text-align: center; font-size: 16px; margin-top: 10px; line-height: 20px; letter-spacing: -.05em; color:#222; font-family: ncm;}
.overview-wrap .img-box .arrow {width:34px; height:55px; background:url('../../images/sub/ov-arrow3.png') no-repeat center; flex-shrink: 0;}
.overview-wrap .right strong {display: block;font-size: 20px; line-height: 20px; letter-spacing: -.05em; font-family: ncb;}
.overview-wrap .step1 .right strong {color:#3176D0;}
.overview-wrap .step2 .right strong {color:#FA9D1C;}
.overview-wrap .step3 .right strong {color:#00ABB3;}

.overview-wrap .list-box {padding:15px 25px; background:#F5F5F5; min-height:140px;}
.overview-wrap .list-box li {position: relative; padding-left:30px; font-family: ncb; font-size: 18px; letter-spacing: -.05em; color:#121212; margin-bottom: 13px;}
.overview-wrap .list-box li:last-child {margin-bottom: 0;}
.overview-wrap .list-box .num {display: flex; align-items: center; justify-content: center; width:20px; height:20px; color:#fff; font-size: 13px; font-family: ncm; letter-spacing: -.05em; border-radius:50%; position: absolute; left:0; top:5px;}
.overview-wrap .list-box strong {color:#444; display: inline-block; letter-spacing: -.05em; font-family: ncm; min-width:115px; position: relative; margin-right:17px;}
.overview-wrap .list-box strong::after {content:''; width:1px; height:13px; position: absolute; right:0; top:6px; background: #c9c9c9;;}
.overview-wrap .step1 .list-box .num {background:#3176D0;}
.overview-wrap .step2 .list-box .num {background:#FA9D1C;}
.overview-wrap .step3 .list-box .num {background:#00ABB3;}
.overview-wrap .fill {font-size: 16px; letter-spacing: -.05em; font-family: ncb; color:#fff; padding:2px 10px; border-radius:3px; display: inline-block; margin-right: 10px;}
.overview-wrap .fill:last-child {margin-left: 15px;}
.overview-wrap .step1 .fill {background:#3176D0;}
.overview-wrap .step2 .fill {background:#FA9D1C;}
.overview-wrap .step3 .fill {background:#00ABB3;}
.overview-wrap .list-box2 {padding:25px;}
.overview-wrap .list-box2 li {padding-left:20px; position: relative; display: flex; font-size: 18px; letter-spacing: -.05em; color:#555; margin-bottom: 10px;}
.overview-wrap .list-box2 li:last-child {margin-bottom: 0;}
.overview-wrap .list-box2 li::after {content:''; width:9px; height:4px; background:url('../../images/sub/ov-arrow2.png') no-repeat center; position: absolute; left:0; top:11px;}
.overview-wrap .list-box2 li strong {display: inline-block; color:#111; font-family: ncm; flex-shrink: 0;}

@media screen and (max-width:1400px) {
.overview-wrap .year li.month {padding:0 30px;}
.overview-wrap .img-box {flex-direction: column; padding:20px; max-height:380px; height:100%;}
.overview-wrap .img-box .arrow {transform: rotate(90deg);}
.overview-wrap .list-box li {font-size: 16px;}
.overview-wrap .list-box strong {min-width:100px;}
.overview-wrap .list-box2 {padding:10px 25px;}
.overview-wrap .list-box2 li {font-size: 16px; margin-bottom: 5px;}
}

@media screen and (max-width:1200px) {
.overview-wrap .list-box strong {min-width:unset;}
.overview-wrap .list-box strong::after {display: none;}
}

@media screen and (max-width:1050px) {
.step-frame {flex-wrap:wrap;}
.step-frame > div {border:1px solid #ddd !important; width:100%; flex:unset;}
.overview-wrap .year li {flex:1; padding:unset; text-align: center;}
.overview-wrap .year::after {display: none;}
.overview-wrap .img-box {flex-direction: unset; max-height:unset; height:auto;}
.overview-wrap .img-box .arrow {transform: unset;}
.overview-wrap .list-box {min-height:unset;}
}

@media screen and (max-width:768px) {
.overview-wrap .year li.month {font-size: 18px;}
.overview-wrap .year li {font-size: 16px;}
}*/

/* 사업개요 */
.overview-wrap {position: relative;}
.step-frame {display: flex;}
.step-frame > div {border:1px solid #ddd; width: 25%;}
.step-frame > div:not(:last-child) {border-right:none;}
.overview-wrap .tit {text-align: center; height:65px; display: flex; align-items: center; justify-content: center; position: relative;}
.overview-wrap .tit strong {font-size: 22px; line-height: 28px; letter-spacing: -.05em; color:#222; font-family: ncb;}
.overview-wrap .tit strong span {font-size: 18px; color:#555; font-family: ncm;}
.overview-wrap .thumb img {width: 100%;}
.overview-wrap .year {position: relative;}
.overview-wrap .year::after {content:''; width:40px; height:100%; position: absolute; left:100%; top:0; z-index: 1;}
.step-frame > div:last-child .year::after {display: none;}
.overview-wrap .step1 .year {background:#3176D0;}
.overview-wrap .step1 .year::after {border-left:20px solid #3176D0; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid transparent;}
.overview-wrap .step2 .year {background:#FA9D1C;}
.overview-wrap .step2 .year::after {border-left:20px solid #FA9D1C; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid transparent;}
.overview-wrap .step3 .year {background:#00ABB3;}
.overview-wrap .step3 .year::after {border-left:20px solid #00ABB3; border-top:20px solid transparent; border-right:20px solid transparent; border-bottom:20px solid transparent;}
.overview-wrap .step4 .year {background:#6eadff;}
.overview-wrap .step1 .left .box:last-child {display: flex; text-align: center;} 
.overview-wrap .year ul {display: flex; justify-content: space-around; padding:6px 15px;}
.overview-wrap .year li {color:#fff; font-size: 13px; line-height: 28px; letter-spacing: -.05em; font-family: ncb;}
.overview-wrap .year li.month {font-size: 15px; color:#FFF600; position: relative; padding:0 45px;}
.overview-wrap .year li.month::before {content:''; width:20px; height:14px; background:url('../../images/sub/ov-arrow.png') no-repeat center; position: absolute; left:0; top:50%; margin-top:-7px;}
.overview-wrap .year li.month::after {content:''; width:20px; height:14px; background:url('../../images/sub/ov-arrow.png') no-repeat center; position: absolute; right:0; top:50%; margin-top:-7px;}
.overview-wrap .img-box {display: flex; flex-direction: column; padding:30px 20px; min-height:190px; align-items: center; justify-content: space-around;}
.overview-wrap .interval {text-align: center;}
.overview-wrap .step1 .interval {padding:0 5px;}
.overview-wrap .step2 .interval {padding:0 10px;}
.overview-wrap .img-box img {margin:0 auto; text-align: center;}
.overview-wrap .img-box .left {display: flex; flex-direction: column; align-content: center;}
.overview-wrap .img-box p {text-align: center; font-size: 16px; margin-top: 10px; line-height: 20px; letter-spacing: -.05em; color:#222; font-family: ncm;}
.overview-wrap .img-box p span {position: relative; margin-right: 5px; padding-right: 10px;}
.overview-wrap .img-box p span:nth-child(1)::after {content: ''; position: absolute; right: 0px; top: 4px; width: 1px; height: 12px; background: #aaaaaa;}
.overview-wrap .img-box .arrow {width:65px; height:55px; background:url('../../images/sub/ov-arrow3.png') no-repeat center; flex-shrink: 0;}
.overview-wrap .right {display: flex; width: 100%; justify-content: center;}
.overview-wrap .right strong {display: block; margin-top: 5px; font-size: 18px; line-height: 20px; letter-spacing: -.05em; font-family: ncb;}
.overview-wrap .step1 .right strong {color:#3176D0;}
.overview-wrap .step2 .right strong {color:#FA9D1C;}
.overview-wrap .step3 .right strong {color:#00ABB3;}
.overview-wrap .step4 .right strong {color:#6eadff;}

.overview-wrap .list-box {padding:15px 25px; background:#F5F5F5; min-height:140px;}
.overview-wrap .list-box li {position: relative; padding-left:30px; font-family: ncb; font-size: 16px; letter-spacing: -.05em; color:#121212; margin-bottom: 13px;}
.overview-wrap .list-box li:last-child {margin-bottom: 0;}
.overview-wrap .list-box .num {display: flex; align-items: center; justify-content: center; width:20px; height:20px; color:#fff; font-size: 13px; font-family: pm; letter-spacing: -.05em; border-radius:50%; position: absolute; left:0; top:5px;}
.overview-wrap .list-box strong {color:#444; display: inline-block; letter-spacing: -.05em; font-family: ncm; min-width:90px; position: relative; margin-right:17px;}
.overview-wrap .list-box strong::after {content:''; width:1px; height:13px; position: absolute; right:0; top:6px; background: #c9c9c9;;}
.overview-wrap .step1 .list-box .num {background:#3176D0;}
.overview-wrap .step2 .list-box .num {background:#FA9D1C;}
.overview-wrap .step3 .list-box .num {background:#00ABB3;}
.overview-wrap .step4 .list-box .num {background:#6eadff;}
.overview-wrap .fill {font-size: 15px; letter-spacing: -.05em; font-family: ncb; color:#fff; padding:2px 10px; border-radius:3px; display: inline-block; margin-right: 10px;}
.overview-wrap .fill:last-child {margin-left: 10px;}
.overview-wrap .step1 .fill {background:#3176D0;}
.overview-wrap .step2 .fill {background:#FA9D1C;}
.overview-wrap .step3 .fill {background:#00ABB3;}
.overview-wrap .step4 .fill {background:#6eadff;}
.overview-wrap .list-box2 {padding:25px;}
.overview-wrap .list-box2 li {padding-left:20px; position: relative; display: flex; font-size: 18px; letter-spacing: -.05em; color:#555; margin-bottom: 10px;}
.overview-wrap .list-box2 li:last-child {margin-bottom: 0;}
.overview-wrap .list-box2 li::after {content:''; width:9px; height:4px; background:url('../../images/sub/ov-arrow2.png') no-repeat center; position: absolute; left:0; top:11px;}
.overview-wrap .list-box2 li strong {display: inline-block; color:#111; font-family: pm; flex-shrink: 0;}

@media screen and (max-width:1500px) {
  .overview-wrap .list-box {min-height: 202px;}
  .overview-wrap .list-box strong {width: 100%;}
  .overview-wrap .list-box strong::after {display: none;}
}

@media screen and (max-width:1400px) {
  .overview-wrap .year li.month {padding:0 30px;}
  .overview-wrap .img-box {flex-direction: column; padding:20px;}
  .overview-wrap .list-box li {font-size: 16px;}
  .overview-wrap .list-box strong {min-width:100px;}
  .overview-wrap .list-box2 {padding:10px 25px;}
  .overview-wrap .list-box2 li {font-size: 16px; margin-bottom: 5px;}
}

@media screen and (max-width:1300px) {
  .step-frame {flex-wrap: wrap;}
  .step-frame > div {width: 50%;}
  .overview-wrap .list-box {min-height: 140px;}
  .overview-wrap .list-box strong {min-width:unset; width: auto;}
  .overview-wrap .list-box strong::after {display: none;}
}

@media screen and (max-width:1050px) {
  .step-frame {flex-wrap:wrap;}
  .step-frame > div {border:1px solid #ddd !important; width:100%; flex:unset;}
  .overview-wrap .year li {flex:1; padding:unset; text-align: center;}
  .overview-wrap .year::after {display: none;}
  .overview-wrap .right {width: auto;}
  .overview-wrap .list-box {min-height:unset;}
}

@media screen and (max-width:768px) {
  .overview-wrap .year li.month {font-size: 18px;}
  .overview-wrap .year li {font-size: 16px;}
}

/* 에너지경영 개요 */
.energy-wrap {position: relative;}
.energy-wrap .box-section1{position: relative;}
.energy-wrap .tit {position: relative; width:22.29%;}
.energy-wrap .tit::before {content:''; width:calc(100% - 65px); height:1px; background:#1B3472; position: absolute; left:0; top:50%;}
.energy-wrap .tit strong {font-size: 25px; font-family: ncb; color:#333; letter-spacing: -.05em; width:175px; background:#fff; display: inline-block; position: relative;}
.box-section1 {position: relative; display: flex; align-items: center; margin-bottom: 40px;}
.box-section1 .section1-con {min-height:135px; flex:1; position: relative; display: flex; align-items: center; justify-content: center; border:2px solid #152E6E;}
.box-section1 .section1-con::before {content:''; width:88.69%; position: absolute; left: 50%; transform: translateX(-50%); top: -3px; height: calc(100% + 6px); background-color: #fff;}
.box-section1 .section1-con p {font-size: 30px; line-height: 45px; letter-spacing: -.05em; color:#152E6E; font-family: pb;}
.box-section1 .section1-con p span { position: relative; font-size: 30px; color: #152e6e; font-family: 'ncb'; display: inline-block;}
.box-section1 .section1-con p span::before {content: ''; position: absolute; left: -54px; top: -3px; width: 24px; height: 19px; background-image: url('../../images/common/dot-blue.png'); background-repeat: no-repeat; background-size: contain;}
.box-section1 .section1-con p span::after {content: ''; position: absolute; right: -54px; top: 7px; width: 24px; height: 19px; background-image: url('../../images/common/dot-blue.png'); background-repeat: no-repeat; background-size: contain; transform: rotate(180deg);}

.box-section2 {position: relative; display: flex; align-items: center; margin-bottom:30px;}
.box-section2 .section2-con {display: block; flex:1; position: relative; padding: 47.5px 0; text-align: center; color: #fff; font-size: 30px; font-family: 'ncb'; background-image: url('../../images/sub/ideal-bg.jpg'); background-size: cover; border-radius: 10px;}

.box-section3 {position: relative; display: flex; align-items: center; margin-bottom:0;}
.box-section3 .section3-con {flex:1;}
.box-section3 ul {display: flex; margin:0 -15px;}
.box-section3 li {width:25%; padding:0 15px; display: flex; flex-direction: column;}
.box-section3 li .box {border:1px solid #ddd; flex:1; display: flex; flex-direction: column;}
.box-section3 li .box-tit {background: #00ABB3; padding:25px 15px; display: flex; align-items: center;}
.box-section3 .box-tit em {font-size: 40px; line-height: 40px; letter-spacing: -.05em; color:rgba(255,255,255,0.5); font-family: pbl; margin-right: 15px;}
.box-section3 .box-tit strong {color:#fff; font-family: ncb; font-size: 15px; flex: 1; line-height: 28px; letter-spacing: -.05em;}
.box-section3 .con {font-size: 18px; line-height: 26px; color:#333; font-family: ncm; text-align: center; padding:20px 30px; flex:1; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width:1500px) {
  .box-section3 .box-tit em {font-size: 40px;}
}

@media screen and (max-width:1200px) {
  .energy-wrap .tit strong {width:105px; font-size: 22px;}
  .box-section1 .section1-con {min-height:115px; font-size: 20px;}
  .box-section1 .section1-con p span {font-size: 25px;}
  .box-section2 .section2-con {font-size: 25px;}
  .box-section3 ul {flex-wrap:wrap;}
  .box-section3 li {width:50%; margin-bottom: 20px;}
}

@media screen and (max-width:768px) {
  .energy-wrap .box-section1 {flex-direction: column;}
  .energy-wrap .tit {width:auto;}
  .energy-wrap .tit::before {display: none;}
  .energy-wrap .tit strong {width:auto; padding-bottom:60px; font-size: 23px; margin-right: 0; margin-bottom: 35px; position: relative; background: none;}
  .energy-wrap .tit strong::before {content:''; width: 1px; height: 50px; left: 50%; bottom: 0; transform: translate(-50%, 0); z-index: 10; position: absolute; left:50%; bottom:0; background: #152e6e;}
  .box-section1 .section1-con {width:100%;}

  .box-section2 {flex-direction: column; }
  .box-section1 .section1-con p span {font-size: 22px;}
  .box-section2 .section2-con {width:100%;  font-size: 22px; padding:30.5px;}

  .box-section3 {flex-direction: column;}
  .box-section3 .box-tit em {font-size: 30px; margin-right: 10px;}
  .box-section3 .box-tit strong {font-size: 16px; line-height: 1.5;}
  .box-section3 .con {font-size: 16px;}
  .box-section3 ul {margin:0 -10px;}
  .box-section3 li {padding:0 10px;}
}

@media screen and (max-width:500px) {
  .energy-wrap .tit strong {padding-bottom:30px;}
  .energy-wrap .tit strong::before {height:25px;}
  .box-section1 .section1-con {min-height:90px;}
}

.side-box {position: relative;}
.side-box .row {display:flex;}
.side-box .row > div {width:50%;}
.side-box .border-line {border:1px solid #ddd; }
.side-box.interval30 .row {margin:0 -30px;}
.side-box.interval30 .row > div {padding:0 30px;}

.side-box .img-box {height:100%;}
.side-box .img-box > img {height:100%; width:100%; object-fit: cover;}

.side-box.org-box .row > div {display: flex; flex-direction: column;}
.side-box.org-box .border-line {flex:1; display: flex; align-items: center;}

.energy-org1 {position: relative;  flex:1;}
.energy-org1 .org-inner {padding:40px 55px;}
.energy-org1 .top-middle {padding-bottom:50px; position: relative;}
.energy-org1 .top-middle::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
.energy-org1 .top {text-align: center; padding-bottom: 50px;}
.energy-org1 .top p {height:80px; max-width:250px; background: #152E6E; position: relative; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 28px; letter-spacing: -.05em; color:#fff; font-family: ncb; margin:0 auto;}
.energy-org1 .middle-left {width:50%; padding-right:80px; position: relative;}
.energy-org1 .middle-left::before {content:''; width:100%; height:1px; background: #ddd; position: absolute; left:0; top:50%;}
.energy-org1 .middle-left p {font-size: 18px; padding: 0 10px; line-height: 28px; text-align: center; letter-spacing: -.05em; color:#fff; font-family: ncb; background: #3176D0; height: 80px; display: flex; align-items: center; justify-content: center; position: relative;}
.energy-org1 .bottom-top {padding-bottom: 25px; position: relative;}
.energy-org1 .bottom-top::before {content:''; width:1px; height:100%; position: absolute; top:0; left:50%; background: #ddd;}
.energy-org1 .bottom-top p{max-width:250px; width:100%; background: #00ABB3; margin:0 auto; font-size: 20px; line-height: 28px; height:80px; display: flex; align-items: center; justify-content: center; color:#fff; font-family: ncb; position: relative;}
.energy-org1 .bottom-bottom ul {display: flex; justify-content: center; position: relative;}
.energy-org1 .bottom-bottom ul::before {content:''; width:46.9%; height:1px; background:#ddd; position: absolute; top:0; left:50%; transform:translateX(-50%);}
.energy-org1 .bottom-bottom li {margin:0 15px; max-width:250px; width:100%;}
.energy-org1 .bottom-bottom .box {padding-top:25px; position: relative;}
.energy-org1 .bottom-bottom .box::before {content:''; width: 1px; height: 100%; background: #ddd; position: absolute; left:50%; top:0;}
.energy-org1 .bottom-bottom .box p{border:2px solid #00ABB3; text-align: center; color:#00ABB3; height:80px; max-width:250px; width:100%; background: #fff;position: relative; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 28px; letter-spacing: -.05em; font-family: ncb;}

@media screen and (max-width:1500px) {
  .energy-org1 .bottom-bottom ul::before {width:49.9%;}
}

@media screen and (max-width:1400px) {
  .energy-org1 .top p {font-size: 20px;}
  .energy-org1 .middle-left {padding-right:20px;}
  .energy-org1 .middle-left p {font-size: 16px;}
  .energy-org1 .bottom-top p {font-size: 16px;}
  .energy-org1 .bottom-bottom .box p {font-size: 16px;}
}

@media screen and (max-width:1000px) {
  .side-box .row {flex-direction: column;}
  .side-box .row > div {width:100%;}
  .side-box .border-line {margin-bottom: 20px;}
  .side-box .img-box {margin-bottom: 20px;}
  .energy-org1 .bottom {text-align: center;}
  .energy-org1 .bottom-bottom {display: inline-block;}
  .energy-org1 .bottom-bottom ul::before {width:50%;}
  .energy-org1 .bottom-bottom li {width:250px;}
}

@media screen and (max-width:768px) {
  .energy-org1 .org-inner {padding: 40px 20px;}
  .energy-org1 .top p {height: 60px;}
  .energy-org1 .middle-left p {height: 60px;}
  .energy-org1 .bottom-top p{ height: 60px;}
  .energy-org1 .bottom-bottom {display:block;}
  .energy-org1 .bottom-bottom li {width:100%;}
  .energy-org1 .bottom-bottom .box p {height:60px; }
}

.energy-org2 {position: relative; flex:1; padding:0 20px;}
.energy-org2 .org-inner {position: relative;}
.energy-org2 .org-inner::before {content:''; width:1px; height:100%; background:#ddd; position: absolute; left:50%; top:0;}
.energy-org2 .box {height: 80px; display: flex; align-items: center; justify-content: center; max-width:250px; width:100%; font-size:18px; line-height: 30px; letter-spacing: -.05em; font-family: ncm; color:#fff; flex-wrap:wrap; position: relative; text-align: center;}
.energy-org2 .top .box span {font-size: 22px;}
.energy-org2 .box span {font-size: 20px; font-family: ncb; display: block; width:100%; text-align: center;}
.energy-org2 .top {padding-bottom: 50px;}
.energy-org2 .top .box {background:#152E6E; margin:0 auto; font-size: 20px;}
.energy-org2 .middle {display: flex; padding-bottom: 80px;}
.energy-org2 .middle > div {width:50%; position: relative;}
.energy-org2 .middle > div::before {content:''; width:100%; height:1px; background: #ddd; position: absolute; top:50%; left:0;}
.energy-org2 .middle .box {background: #3176D0; width:100%; max-width:unset;  position: relative;}
.energy-org2 .middle-left {padding-right:35px;}
.energy-org2 .middle-right {padding-left:35px;}
.energy-org2 .bottom .box {max-width:unset; width:100%; border:2px solid #3176D0; height:120px; background: #fff;}
.energy-org2 .bottom .box p {color:#3176D0; font-size: 18px;padding: 0 10px; line-height: 35px; letter-spacing: -.05em; font-family: ncb; text-align: center;} 

@media screen and (max-width:1000px) {
  .energy-org2 {padding:60px 20px;}
}

@media screen and (max-width:768px) {
  .energy-org2 {padding:40px 20px;}
  .energy-org2 .top .box {font-size: 18px;}
  .energy-org2 .top .box span {font-size: 20px;}
  .energy-org2 .middle .box {font-size: 17px;}
  .energy-org2 .box span {font-size: 18px;}
  .energy-org2 .bottom .box {height: 100px; padding:0 20px;}
  .energy-org2 .bottom .box p {font-size: 18px; line-height: 1.5; }
  .energy-org2 .bottom .box br {display: none;}
}

.iso-wrap {position: relative;}
.iso-wrap .row > div {display: flex; flex-direction: column;}
.iso-wrap .con-desc {flex:1;}
.iso-wrap .img-box img{border:1px solid #ddd;}
.iso-wrap .img-box p {font-size: 18px; line-height: 30px; letter-spacing: -.05em; color:#555; text-align: center; margin-top: 15px;}
.iso-wrap .left .img-box {padding: 0 15px;}
.iso-wrap .left .df {padding:33px 20px; background:#F8F8F8; margin-top: 20px; display: flex; }
.iso-wrap .right .img-box {padding:33px 37px; background:#F8F8F8; margin-top: 20px;}

@media screen and (max-width:768px) {
  .iso-wrap .img-box p {font-size: 16px; margin-top: 10px;}
  .iso-wrap .left .df {flex-wrap:wrap;}
  .iso-wrap .left .img-box {width:100%; margin-bottom: 25px;}
}

/* 시설현황 */
.global-edu {position: relative;}
.global-edu ul {display: flex; flex-wrap:wrap; margin:0 -15px;}
.global-edu li {width:33.3333%; padding:0 15px; margin-bottom: 10px;}
.global-edu .img-box {border:1px solid #ddd;}
.global-edu .img-box img {width:100%; height:100%; object-fit: cover;}
.global-edu li p {font-family: pm; font-size: 18px; margin:5px 0; text-align: center;}

@media screen and (max-width:1000px) {
  .global-edu li {width:50%;}
}

@media screen and (max-width:700px) {
  .global-edu li {width:100%;}
  .global-edu li p {font-size: 16px;}
}

.text-side-box {position: relative;}
.text-side-box .row {display:flex;}
.text-side-box .row > div {width:50%;}
.text-side-box.interval30 .row {margin:0 -30px;}
.text-side-box.interval30 .row > div {padding:0 30px;}

@media screen and (max-width:1000px) {
  .text-side-box .row {flex-direction: column;}
  .text-side-box .row > div {width:100%;}
}

.border-line {border:1px solid #ddd;}

.img-side-box {position: relative;}
.img-side-box .row {display:flex;}
.img-side-box .row > div {width:50%;}
.img-side-box.interval30 .row {margin:0 -30px;}
.img-side-box.interval30 .row > div {padding:0 30px;}

@media screen and (max-width:1000px) {
  .img-side-box .row {flex-direction: column;}
  .img-side-box .row > div {width:100%;}
  .img-side-box .img-box {margin-bottom: 20px;}
}

/* 교육기관 */
.iaaa-wrap {position: relative; background:url('../../images/sub/global-bg.png') no-repeat center; border:1px solid #ddd; min-height:687px;}
.iaaa-wrap .center {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.iaaa-wrap .center strong {font-size: 60px; line-height: 40px; letter-spacing: -.05em; color:#152E6E; font-family: pb;}
.iaaa-wrap .center p {font-size: 30px; font-family: ncm; color:#333;}
.iaaa-wrap .center p span {display: block; font-size: 20px;}
.iaaa-list {position: relative;}
.iaaa-list li {font-size: 25px; font-family: pm; line-height: 40px; letter-spacing: -.05em; color:#333;}
.iaaa-list li:nth-child(1) {position: absolute; left:50%; margin-left:-430px; top:87px;}
.iaaa-list li:nth-child(2) {position: absolute; left:50%; margin-left:-530px; top:243px;}
.iaaa-list li:nth-child(3) {position: absolute; left:50%; margin-left:-540px; top:400px;}
.iaaa-list li:nth-child(4) {position: absolute; left:50%; margin-left:-520px; top:555px;}
.iaaa-list li:nth-child(5) {position: absolute; right:50%; margin-right:-440px; top:87px;}
.iaaa-list li:nth-child(6) {position: absolute; right:50%; margin-right:-610px; top:243px;}
.iaaa-list li:nth-child(7) {position: absolute; right:50%; margin-right:-540px; top:400px;}
.iaaa-list li:nth-child(8) {position: absolute; right:50%; margin-right:-500px; top:555px;}

@media screen and (max-width:1400px) {
  .iaaa-list li {font-size: 20px;}
  .iaaa-list li:nth-child(1) {margin-left:-400px;}
  .iaaa-list li:nth-child(2) {margin-left:-495px;}
  .iaaa-list li:nth-child(3) {margin-left:-505px;}
  .iaaa-list li:nth-child(4) {margin-left:-470px;}
  .iaaa-list li:nth-child(5) {margin-right:-410px;}
  .iaaa-list li:nth-child(6) {margin-right:-560px;}
  .iaaa-list li:nth-child(7) {margin-right:-505px;}
  .iaaa-list li:nth-child(8) {margin-right:-455px;}
}

@media screen and (max-width:1200px) {
  .iaaa-wrap {background: none; padding:30px; min-height:unset;}
  .iaaa-wrap .wrap-inner {text-align: center;}
  .iaaa-wrap .center {position: relative; top:0; left:0; transform: unset; display: inline-block; border:1px solid #ddd; padding:30px; border-radius:15px; box-shadow: 0 0 5px rgba(0,0,0,0.3); background: #F4F8F9;}
  .iaaa-wrap .center strong {font-size: 40px;}
  .iaaa-wrap .center p {font-size: 22px;}
  .iaaa-wrap .center p span {font-size: 18px;}
  .iaaa-list {position: relative; padding-top: 30px;}
  .iaaa-list::before {content:''; width:2px; height:30px; background:linear-gradient(to bottom, #00B2B2, #0047AD); position: absolute; left:50%; top:0; margin-left:-1px;}
  .iaaa-list li {position: relative !important; left:unset !important; right:unset !important; margin-left:unset !important; margin-right:unset !important; top:unset !important;}
  .iaaa-list ul {display: flex;flex-wrap:wrap; justify-content: space-between; margin:0 -15px; position: relative;}
  .iaaa-list ul::after {content:''; width:75%; height:2px; background:linear-gradient(35deg, #00B2B2, #0047AD); position: absolute; top:0; left:50%; transform:translateX(-50%);}
  .iaaa-list li {width:25%; text-align: center; padding:20px 15px 0 15px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .iaaa-list li p {flex:1; display: flex; align-items: center; justify-content: center; width:100%; line-height: 1.5; padding:10px; position: relative; background: #fff;}
  .iaaa-list li::after {content:''; width:10px; height:10px; border-radius:50%; background:#fff; position: absolute; top:16px;}
  .iaaa-list li:nth-child(1)::before {content:''; width:2px; height:100%; background:#00B2B2; position: absolute; left:50%; margin-left:-1px; top:0;}
  .iaaa-list li:nth-child(1)::after {border:5px solid #00B2B2;}
  .iaaa-list li:nth-child(2)::before {content:''; width:2px; height:100%; background:#009FAF; position: absolute; left:50%; margin-left:-1px; top:0;}
  .iaaa-list li:nth-child(2)::after {border:5px solid #009FAF;}
  .iaaa-list li:nth-child(3)::before {content:''; width:2px; height:100%; background:#0071AA; position: absolute; left:50%; margin-left:-1px; top:0;}
  .iaaa-list li:nth-child(3)::after {border:5px solid #0071AA;}
  .iaaa-list li:nth-child(4)::before {content:''; width:2px; height:100%; background:#0047AD; position: absolute; left:50%; margin-left:-1px; top:0;}
  .iaaa-list li:nth-child(4)::after {border:5px solid #0047AD;}
  .iaaa-list li:nth-last-child(-n+4)::after {display: none;}
  .iaaa-list li:nth-child(1) p,
  .iaaa-list li:nth-child(5) p {border:2px solid #00B2B2;}
  .iaaa-list li:nth-child(2) p,
  .iaaa-list li:nth-child(6) p {border:2px solid #009FAF;}
  .iaaa-list li:nth-child(3) p,
  .iaaa-list li:nth-child(7) p {border:2px solid #0071AA;}
  .iaaa-list li:nth-child(4) p,
  .iaaa-list li:nth-child(8) p {border:2px solid #0047AD;}
}

@media screen and (max-width:900px) {
  .iaaa-list li {font-size: 18px; background:#fff;}
}

@media screen and (max-width:650px) {
  .iaaa-wrap .center {padding:15px;}
  .iaaa-list ul::after {width:50%;}
  .iaaa-wrap .center strong {font-size: 30px;}
  .iaaa-wrap .center p {font-size: 18px;}
  .iaaa-wrap .center p span {font-size: 15px;}
  .iaaa-list li {width:50%; font-size: 16px;}
  .iaaa-list li:nth-child(4)::after,
  .iaaa-list li:nth-child(4)::before {display: none;}
  .iaaa-list li:nth-child(3)::after,
  .iaaa-list li:nth-child(3)::before {display: none;}
}

/* ICAO */ 
.icao-box {position: relative; display: flex; justify-content: start; flex-wrap:wrap; margin-left: -20px; margin-right:-20px;}
.icao-box .box {display: flex; flex-direction: column; padding:0 20px; margin-bottom: 20px;}
.icao-box .title {background:#152E6E; text-align: center; padding:12px 0;}
.icao-box .title strong {color:#fff; font-size: 18px; line-height: 24px; font-family: 'ncb';}
.icao-box .con-box {border:1px solid #aaa; margin-top: 10px; padding:33px 22px; background: #FAFAFA; flex:1; display: flex; align-items: flex-start; position: relative;}
.icao-box .con-box strong {font-size: 18px; font-family: ncb; color:#000;}
/* .icao-box .con-box::after {content:''; width:40px; height: 100%; background:url('../../images/sub/step-arrow.svg') no-repeat center; position: absolute; right: -40px;} */
.icao-box .box:last-child .con-box::after {display:none;}
.icao-box .box .img-box {width:100%;}
.icao-box .box .img-box img {width:100%; height:400px; height:100%; object-fit: cover;}
.icao-box .list {font-size: 16px; color:#333; letter-spacing: -.05em; font-family: ncm;}
.icao-box .list li {position: relative; padding-left:18px; margin-bottom: 10px;}
.icao-box .list li:last-child {margin-bottom: 0;}
.icao-box .list li::after {content:''; width:5px; height:5px; background: #3176D0; border-radius:50%; position: absolute; left:0; top:9px;}
.icao-box.step2 .box {width:calc(100% / 2);}
.icao-box.step3 .box {width:calc(100% / 3);}
.icao-box.step3 .box:nth-child(3n) .con-box::after {display: none;}

@media screen and (max-width:1024px) {
  .icao-box {flex-direction: column;}
  .icao-box.step2 .box {width:100%; margin-bottom: 40px;}
  .icao-box.step3 .box {width:100%; margin-bottom: 40px;}
  .icao-box .box:last-child {margin-bottom: 0;}
  .icao-box .con-box::after {right:unset; bottom:-40px; width:40px; height:40px; left:50%; margin-left:-20px; transform: rotate(90deg);}
  .icao-box.step3 .box:nth-child(3n) .con-box::after {display: block;}
}

.wrap-text-banner.text-margin > .text {margin-top:0 !important;}

/*[S] 기능표시 박스   ----- 기능 첨부 후 삭제해도됨*/ 
.ready-fnct {font-size: 20px; font-family: pb; padding: 20px; background: #ccc; text-align: center; margin-top: 30px; }
/*[E] 기능표시 박스*/

/* 헤딩버튼 */
.heading-button .row {display: flex; align-items: flex-end; width: 100%;}
.heading-button .left {flex:1; position: relative;}
.heading-button .right {text-align: right;}

@media screen and (max-width: 750px) {
  .heading-button .row {flex-wrap: wrap;}
  .heading-button .left,
  .heading-button .right {width: 100%;}
  .heading-button .right {margin-top: 20px; text-align: left;}
}

/* arr-list */
.arr-list {margin-top: 18px;}
.arr-list li{padding-left: 17px; font-size: 18px; font-family: pm; color: #555555; position: relative; margin-top: 5px;}
.arr-list li::before{content: ''; width: 9px; height: 4px; position: absolute; top: 11px; left: 0; background: url(../../images/sub/goals-ic.png) no-repeat center / cover;}

.arr-list.none{margin-top: 0;}
.arr-list.none li{font-size: 16px;}
.arr-list.none li::before{top: 9px;}

@media screen and (max-width:1200px){
  .arr-list li{font-size: 16px;}
}

@media screen and (max-width:700px){
  .arr-list li{font-size: 15px;}
}

/* 바로가기 링크 */
.go-home .link {position: relative; color: #666;}
.go-home .link:hover {color: #00abb3;}
.go-home .link::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; margin-top: -3px; background: url('../../images/sub/ico-table-link.png') no-repeat center center; vertical-align: middle;}

/* 인사말 */
.greet-content{overflow: hidden;}
.greet-content i{margin: 27px 0; display: block;}
.greet-content > p{font-family: 'pb'; font-size: 40px; line-height: 1.5; letter-spacing: -.05em; color: #111111; }
.greet-content .txt-box::after{content: ""; display: block; clear: both;}
.greet-content .txt-box{display: flex; flex-direction: row-reverse; margin-top: 40px;}
.greet-content .tit-box{display: inline-block; position: relative; padding-bottom: 30px;}
.greet-content .tit-box::before{content: ''; width: 106%; height: 3px; position: absolute; left: 0; bottom: 0; background: #152E6E;}
.greet-content .tit-box > p{font-family: 'ncb'; font-size: 35px; line-height: 1.5; letter-spacing: -.05em; color: #152E6E; } 
.greet-content .inner-box{ width: calc(100% - 535px);}
.greet-content .inner-txt{margin-top: 40px; padding-bottom: 55px;}
.greet-content .inner-txt > span{font-family: 'ncm'; font-size: 18px; line-height: 1.5; letter-spacing: -.05em; color: #555555; }
.greet-content .pic-box{width: 430px; margin-left: 105px; position: relative; margin-top: 15px;}
.greet-content .pic-box::before{content: ''; background: url(../../images/sub/greeting-shape.png) no-repeat center / cover; width: 610px; height: 235px;position: absolute; bottom: -4%; right: 30%; z-index: -1;}
.greet-content .name-txt{text-align: right;color: #222222;  line-height: 1.5; letter-spacing: -.05em; margin-top: 30px;}
.greet-content .name-txt > span{font-family: 'ncm'; font-size: 20px; }
.greet-content .name-txt > p{font-family: 'ncb'; font-size: 30px;}

@media screen and (max-width:1220px){
  .greet-content .inner-box{width: calc(100% - 500px);}
  .greet-content .pic-box{margin-left: 70px;}
}

@media screen and (max-width:1024px){
  .greet-content .txt-box {flex-wrap: wrap;}
  .greet-content .inner-box{float: none;width: 100%; margin-top: 40px; }
  .greet-content .pic-box{float: none; margin-left: 0; margin: auto; width: 330px;}
  .greet-content .pic-box::before{background: none;}
  .greet-content .inner-txt{padding-bottom: 0;}
  .greet-content .name-txt{margin-top: 15px; text-align: center;}
  .greet-content .name-txt > span{font-size: 18px;}
  .greet-content .name-txt > p{font-size: 26px;}
  .greet-content .tit-box > p{font-size: 30px;}
  .greet-content .inner-txt{margin-top: 30px;}
}

@media screen and (max-width:768px){
  .greet-content .tit-box::before{width: 100%;}
  .greet-content .tit-box > p{font-size: 26px; line-height: 1.3;}
  .greet-content .inner-txt > span{font-size: 16px;}
  .greet-content i{margin: 15px 0;}
}

/* 비전 */
.vision-wrap > ul > li{padding-bottom: 40px;}
.vision-wrap .list-box{display: flex; align-items: center;}
.vision-wrap .tit-box{width: 265px; padding-right: 90px; position: relative;}
.vision-wrap .tit-box::before{content: ''; width: 90px; height: 1px; background: #152E6E; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.vision-wrap .item-wrap {margin-left: 65px;}
.vision-wrap .item-wrap .item-wrap-inner {display: flex; width:calc(100% + 20px);}
.vision-wrap .list-box .right{width: calc(100% - 265px); margin-left: 65px;}
.vision-wrap .tit-box > span{font-family: "pb"; font-size: 25px; line-height: 1.5; letter-spacing: -.05em; color: #333333;}


/* item01 */
.vision-wrap .item01{text-align: center; width:25%; margin-right:20px; display:flex;}
.vision-wrap .item-inner {padding: 26px 20px 20px 20px; position: relative; flex:1; display:flex; flex-direction: column; align-items: center;justify-content: center;}
.vision-wrap .item-inner::after{content:""; width:88%; height:calc(100% + 4px); background: #fff; position:absolute; left:50%; margin-left:-44%; top:50%;transform: translateY(-50%); display:inline-block; }
.vision-wrap .item-inner::before{content:''; width:100%; height:100%; border:2px solid #152E6E; position:absolute; top:0; left:0;}
.vision-wrap .item-inner > span{font-family: 'ncm'; font-size: 22px; line-height: 1.5; letter-spacing: -.05em; color: #3A528E; position: relative; display: inline; z-index: 1;}
/* .vision-wrap .item-inner > span{font-family: 'pm'; font-size: 25px; line-height: 1.5; letter-spacing: -.05em; color: #3A528E; position: relative; padding: 0 38px 0 35px ; display: inline; z-index: 1;} */
/* .vision-wrap .item-inner > span::before{content: ''; background: url(../../images/sub/mi-left-sh.png) no-repeat left / cover; width: 24px; height: 18px; position: absolute; left: 0; top: 0;} */
/* .vision-wrap .item-inner > span::after{content: ''; background: url(../../images/sub/mi-right-sh.png) no-repeat right / cover; width: 24px; height: 18px; position: absolute; right: 0; bottom: 18px;} */
.vision-wrap .item-inner em{font-family: "ncb"; color: #152E6E;}

/* item02 */
.vision-wrap .item02{text-align: center; background: url(../../images/sub/vision-bg.png) no-repeat center / cover; padding: 25px 20px; border-radius: 8px;}
.vision-wrap .item02 > span{font-family: 'ncm'; font-size: 30px; line-height: 1.5; letter-spacing: -.05em; color: #fff;}
.vision-wrap .item02 em{font-family: "ncb";}

/* item03 */
.vision-wrap .item03 > ul{display: flex;}
.vision-wrap .item03 > ul > li:not(.arrow){width: 25%; display:flex;}
.vision-wrap .goal-box{position: relative; flex:1; display:flex; align-items: center; justify-content: center;}
.vision-wrap .goal-box::before{content: ''; background: url(../../images/sub/plus.svg) no-repeat right / cover; width: 17px; height: 17px; position: absolute; right: -8px; top: 50%; margin-top: -7px; z-index: 2;}
.vision-wrap .goal-box::after{content: ''; width: 35px; height: 35px; border-radius:50%; background: #152E6E; position: absolute; right: -17px; z-index: 1; top: 50%;margin-top: -17.5px;}
.vision-wrap li:last-child .goal-box::before{content: none;}
.vision-wrap li:last-child .goal-box::after{content: none;}
.vision-wrap .goal-box > p{font-size: 15px; font-family: 'ncm'; color: #222222; line-height: 1.5; letter-spacing: -.05em; text-align: center;padding: 40px 0;}
.vision-wrap .goal-box.bg01{background: #D5EDF5; border-radius: 8px 0 0 8px;}
.vision-wrap .goal-box.bg02{background: #D6E6F8;}
.vision-wrap .goal-box.bg03{background: #D2E0F5;}
.vision-wrap .goal-box.bg04{background: #D2E9F5;}
.vision-wrap .goal-box.bg05{background: #D8F0F5;}
.vision-wrap .goal-box.bg06{background: #D5EDF5; border-radius: 0 8px 8px 0;}

/* item04 */
/* .vision-wrap .str-box{display: flex; margin-bottom: 20px; border: 1px solid #CCCCCC;}
.vision-wrap .str-box:last-child{margin-bottom: 0;}
.vision-wrap .pic-area{width: 500px;}
.vision-wrap .pic-area > img{object-fit: cover; width: 100%; height: 100%;}
.vision-wrap .list-area{padding: 28px 20px 22px 45px; width: calc(100% - 500px);}
.vision-wrap .item04-tit{font-family: "pb";line-height: 1.5; letter-spacing: -.05em;}
.vision-wrap .item04-tit > p{display: inline-block; font-size: 25px;}
.vision-wrap .p-shape{display: inline-block; margin-left: 5px;}
.vision-wrap .p-shape p{border-radius: 60px; color: #fff; line-height: 32px; padding: 0 17px; font-size: 20px;}
.vision-wrap .p-shape em{font-family: "pm";}
.vision-wrap .p-shape .bg01{background: #3176D0;}
.vision-wrap .p-shape .bg02{background: #FA9D1C;}
.vision-wrap .p-shape .bg03{background: #00ABB3;}
.vision-wrap .item04 ul{margin-top: 18px;}
.vision-wrap li > p{color:#555555; font-family: 'pm'; font-size: 18px; line-height: 36px; letter-spacing: -.05em; padding-left: 17px; position: relative;}
.vision-wrap li > p::before{content: ''; width: 5px; height: 5px; border-radius: 25px; background: #3176D0; position: absolute; left: 0; top: 15px;} */
.vision-wrap .str-box {position: relative; letter-spacing: -.05em;}
.vision-wrap .str-box > ul {display: flex; margin:0 -10px;}
.vision-wrap .str-box > ul > li {padding:0 10px; width:25%; display:flex;}
.vision-wrap .str-box > ul > li > .box {display:flex; flex-direction: column; flex:1;}
.vision-wrap .str-box .tit {display:block; font-family: ncb; font-size: 17px; color:#fff; padding:10px; text-align: center; height:110px; display: flex; align-items: center; justify-content: center; border-radius:10px; margin-bottom: 10px;}
.vision-wrap .str-box .bg1 .tit {background: #00ABB3;}
.vision-wrap .str-box .bg2 .tit {background: #3176D0;}
.vision-wrap .str-box .bg3 .tit {background: #6EADFF;}
.vision-wrap .str-box .bg4 .tit {background: #152E6E;}
.vision-wrap .str-box .con {border:1px solid #ccc; border-radius:10px; overflow:hidden; display: flex; flex:1; flex-direction: column;}
.vision-wrap .str-box .top {border-bottom:1px solid #ccc; background: #F6F6F6; display: flex; align-items: center; justify-content: center;}
.vision-wrap .str-box .top p {font-size: 15px; font-family: ncm; line-height: 30px; color:#555; text-align: center; padding:25px 10px;}
.vision-wrap .str-box .top p > br {display:none;}
.vision-wrap .str-box .bottom {padding:25px 5px 25px 15px; display:flex; align-items: center;}
.vision-wrap .str-box .list li {position: relative; padding-left:15px; font-size: 15px; font-family: ncr; color:#555; margin-bottom:10px; letter-spacing: -.05em;}
.vision-wrap .str-box .list li::after {content:''; width:5px; height:5px; background:#3176D0; border-radius:50%; position: absolute; left:0; top:9px;}

/* item05 */
.vision-wrap .item05 > ul{display: flex; flex-wrap: nowrap;}
.vision-wrap .item05 li:not(.arrow){width: 21%;}
.vision-wrap .item05 li.arrow{width: 60px; background: url(../../images/sub/x-ic.svg) no-repeat center top 38%;}
.vision-wrap .item-box{text-align: center; padding: 0 17px;}
.vision-wrap .item05-tit-bx{width: 162px; height: 162px; border: 1px solid #3176D0; border-radius: 50%; display: flex; margin: auto; }
.vision-wrap .item05-tit{margin: auto;}
.vision-wrap .item05-tit > p{font-family: "ncb"; font-size: 28px; color: #3176D0; line-height: 32px; letter-spacing: -.05em;}
.vision-wrap .item05-tit > span{font-size: 20px; font-family: "ncm"; color: #222222; line-height: 32px; letter-spacing: -.05em;}
.vision-wrap .item05 .txt-box{margin-top: 18px; font-family: ncm; font-size: 18px; color: #555555; line-height: 1.5;}

@media screen and (max-width:1500px) {
  .vision-wrap .str-box .list li {font-size: 16px;}
}

@media screen and (max-width:1330px){
  .vision-wrap .item-wrap .item-wrap-inner {flex-wrap:wrap; width:auto; margin:0 -10px;}
  .vision-wrap .item01 {width:50%; padding:0 10px; margin-right:0; margin-bottom:20px;}
  .vision-wrap .item01:nth-last-child(-n+2) {margin-bottom:0;}
  .vision-wrap li > p{font-size: 16px;}
  .vision-wrap .str-box{display: block;}
  .vision-wrap .str-box > ul {flex-wrap:wrap;}
  .vision-wrap .str-box > ul > li {width:50%; margin-bottom: 20px;}
  .vision-wrap .str-box > ul > li:nth-last-child(-n+2) {margin-bottom:0;}
  .vision-wrap .pic-area{width: 100%; height: 250px;}
  .vision-wrap .list-area{width: 100%;}
  .vision-wrap .item-box{padding: 0 0;}
}

@media screen and (max-width:1200px){
  .vision-wrap .list-box .right{margin-left: 40px;}
  .vision-wrap .item-inner > span{font-size: 25px;}
  .vision-wrap .item-inner > span::after{bottom: 13px;}
  .vision-wrap .item02 > span{font-size: 25px;}
  .vision-wrap .item05-tit-bx{width: 140px; height: 140px;}
  .vision-wrap .item05 .txt-box{font-size: 16px;}
  .vision-wrap .item05-tit > p{font-size: 26px;}
  .vision-wrap .item05-tit > span{font-size: 18px;}
}

@media screen and (max-width:1100px){
  .vision-wrap .list-box{display: block;}
  .vision-wrap .tit-box{padding-right: 0; display: inline-block; width: auto;}
  .vision-wrap .tit-box::before{top: unset; bottom: 0; left: 0; width: 100%; margin-top: 0;}
  .vision-wrap .list-box .right{margin-left: 0; width: 100%; margin-top: 40px;}
  .vision-wrap .list-area{padding: 20px 20px 20px 30px;}
  .vision-wrap .item04-tit > p{font-size: 23px;}
  .vision-wrap .p-shape p{font-size: 18px;}
}

@media screen and (max-width:768px){
  .vision-wrap .item-inner > span{font-size: 21px;}
  .vision-wrap .item02 > span{font-size: 21px;}
  .vision-wrap .item03 > ul{flex-wrap: wrap;}
  .vision-wrap .item03 > ul > li:not(.arrow){width: 100%; padding-bottom: 50px;}
  .vision-wrap .goal-box{border-radius: 8px;}
  .vision-wrap .goal-box.bg01{border-radius: 8px;}
  .vision-wrap .goal-box::after{top: unset; bottom: -42px; left: 50%; margin-left: -17.5px;}
  .vision-wrap .goal-box::before{bottom:-33px; top:unset; left: 50%; margin-left: -8.5px;}
  .vision-wrap .goal-box > p{padding: 25px 0;}
  .vision-wrap .str-box .top p {font-size: 16px;}
  .vision-wrap .str-box .list li {font-size: 15px;}
  /* .vision-wrap .item04 ul{margin-top: 8px;} */
  /* .vision-wrap .item04-tit > p{font-size: 21px;} */
  /* .vision-wrap .p-shape p{font-size: 16px;} */
  .vision-wrap .item05 > ul{flex-wrap: wrap;}
  .vision-wrap .item05 li:not(.arrow){width: 100%;padding: 20px 0;}
  .vision-wrap .item05 li:first-child{padding-top: 0;}
  .vision-wrap .item05-tit-bx{width: 100%; border-radius: 0; height: 110px;}
  .vision-wrap .item05 li.arrow{height: 21px; width: 100%; }
}
@media screen and (max-width:600px) {
  .vision-wrap .str-box > ul > li {width:100%; margin-bottom:20px !important;}
  .vision-wrap .str-box > ul > li:last-child {margin-bottom: 0 !important;}
}

/* 조직도 */
.org-wrap {position: relative; }

/* 공통 css */ 
.org-wrap .left {float:left;}
.org-wrap .right {float:right;}
.org-wrap .color0 > span{background: #2E3851;}
.org-wrap .color1 > strong{background: #16427B;}
.org-wrap .color2 > strong{background: #067075;}
.org-wrap .color4 > strong{background: #E6DED3;}
.org-wrap .color5 > strong{background: #cfccc8;}
.org-wrap .sub-tit.color4 > strong > button{color: #222222;}
.org-wrap .sub-tit.color5 > strong > button{color: #222222;}

/* [S] top 사장 */
/* top-top */
.org-wrap .ori-top-wrap{position: relative;padding-left: 50px; padding-right: 50px; overflow: hidden;}
.org-wrap .ori-top-wrap::before{content: ''; width: 1px; height: 74.5%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
.org-wrap .top-wrap{ position: relative;}
.org-wrap .top-top{text-align: center; position: relative; padding-bottom: 50px; }
.org-wrap .top-tit > span{width: 320px; height: 70px; display: flex; align-items: center; justify-content: center;}
.org-wrap .top-top > .top-tit > span{margin: auto;}
.org-wrap .ceo-box{font-family:ncb;font-size: 30px;line-height: 1.5;color: #fff;position: absolute;left: 50%;margin-left: -108px; background: #fff;}
.org-wrap .ceo-box > p{background: url(../../images/sub/main-ori-sh.png) no-repeat center / cover; width: 216px; height: 212px; margin: auto; display: table; line-height:1.2;}
.org-wrap .ceo-box > p > span{display: table-cell; vertical-align: middle; text-align: center;}
.org-wrap .top-tit > span > button{font-family:ncm; font-size: 25px; line-height: 1.5; color: #fff;} 

/* top-middle */
.org-wrap .sub-tit > strong{display: flex; width: 320px; min-height: 70px; align-items: center; justify-content: center; position: relative;}
.org-wrap .sub-wrap .sub-tit > strong{width: auto;}
.org-wrap .sub-wrap .list-box {position: relative; padding-bottom: 60px;}
.org-wrap .sub-wrap .list-box::before {content:''; width:1px; height:calc(100% + 15px); background: #ddd; position: absolute; right:-50px; top:-15px;}
.org-wrap .sub-wrap .list-box > ul > li > .list {flex:1;}
.org-wrap .top-middle{width: 50%; display: flex; align-items: center; height: 212px;}
.org-wrap .top-middle::after{content:""; display:block; clear:both;}
.org-wrap .top-middle .support > strong{ margin-right: 155px; margin-left: 110px;}
.org-wrap .top-middle .support > strong::before{content: ''; width: 60%; height: 1px; background: #DDDDDD; position: absolute; top: 50%; margin-top: -1px; left: 100%; z-index: -1; }
.org-wrap .sub-tit strong > button{font-family:ncm; font-size: 22px; line-height: 1.5; color: #fff;text-align: center;}
.org-wrap .list span{font-family:ncr; font-size: 16px; line-height: 1.5; color: #555555;}
.org-wrap .level1{height: 100%;padding: 10px 10px 15px 15px; border: 1px solid #DDDDDD; background: #fff;}
.org-wrap .level1 > li{padding-left: 12px;position: relative;}
.org-wrap .level1 > li::before{content: ''; width: 4px; height: 4px; border-radius: 50%; position:absolute; top: 12px; left: 0;}
.org-wrap .level1 > li > button{width: 100%; text-align: left;}
.org-wrap .level1.bg01 > li::before{content: ''; background: #16427B;}
.org-wrap .level1.bg02 > li::before{content: ''; background: #067075; }
.org-wrap .level1.bg03 > li::before{content: ''; background: #FA9D1C;}

/* top-bottom */
.org-wrap .top-bottom{width: 670px; margin: 50px auto 0; position: relative;}
.org-wrap .top-bottom::before{content: ''; width: 52.3%; height: 1px; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -175px; }
.org-wrap .top-bottom::after{content:''; display:block; clear:both;}
.org-wrap .top-bottom > div{position: relative; padding-top: 20px;}
.org-wrap .top-bottom > div::before{content: ''; width: 1px; height: 100%; background: #DDDDDD; position: absolute; left: 50%; margin-left: -1px; top: 0; z-index: -1;}

/* top-box */
.org-wrap .top-box{position: absolute; left: 74.3%; top: 0;}
.org-wrap .top-box .top-tit{padding-bottom: 35px; position: relative;}
.org-wrap .top-box .top-tit::before{content: ''; width: 1px; height: 100%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
/* [E] top 사장 */

/* [S] 부사장 */
.org-wrap .sub-wrap{position: relative;}
.org-wrap .sub-wrap::before{content: ''; width: 58%; height: 1px; background: #DDDDDD; position: absolute; left: 50%; top: 164px;}
.org-wrap .sub-ceo-box{font-family:ncb;font-size: 30px;line-height: 1.5;color: #fff; margin-top: 80px;}
.org-wrap .sub-ceo-box > p{background: url(../../images/sub/sub-ori-sh.png) no-repeat center / cover; width: 150px; height: 150px; margin: auto; display: table;}
.org-wrap .sub-ceo-box > p > span{display: table-cell; vertical-align: middle; text-align: center;}
.org-wrap .list-box > ul{display: flex;width: 100%;margin-top: 30px;position: relative;left: 50%;transform: translate(-50%);}
.org-wrap .list-box > ul::before{content: '';width: 75%;height: 1px;background: #DDDDDD;top: 0;left: 45.6%;margin-left: -33.2%;position: absolute;}
.org-wrap .list-box > ul > li{width: 25%; padding: 0 10px; padding-top: 25px; position: relative;}
.org-wrap .list-box > ul > li:last-child{margin-right: 0;}
.org-wrap .list-box > ul > li::before{content: ''; width: 1px; height: 30%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
/* [E] 부사장 */

/* 본부 컨텐츠 */
.org-wrap .level2 > li {position: relative; padding-left: 12px; }
.org-wrap .level2 > li span{font-family: tsb; font-size: 16px; line-height: 1.5; color: #666;}
.org-wrap .level2 > li::before {content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 2px; background: #666666;}
.org-wrap .content-wrap{padding: 0 50px 0 50px; position: relative;}
.org-wrap .content-wrap::before{content: '';height: 89%;width: 1px;background: #DDDDDD;position: absolute;right: 0;top: -333px;}
.org-wrap .content-wrap .sub-tit > strong{width: auto;}
.org-wrap .content-wrap .row{margin: 60px -20px; position: relative;}
.org-wrap .content-wrap .row::after{content: ''; display: block; clear: both;}
.org-wrap .content-wrap .subject{position: relative;}
.org-wrap .content-wrap .subject::before{content: ''; width: 100%; height: 1px; background: #DDDDDD; position: absolute; left: 50px; top: 50%; margin-top: -1px;}
.org-wrap .content-wrap .left{width: calc(100% / 3);float: left; padding: 0 20px;}
.org-wrap .content-wrap .right{width: calc(100% / 3);float: left; padding: 0 20px;}
.org-wrap .content-wrap .box-wrap{margin: 0 -15px;}
.org-wrap .content-wrap .box-wrap::after{content: ''; display: block; clear: both;}
.box-wrap .sign {text-align: right; color: #efefef;}
.org-wrap .content-wrap .sub-left{float: none;width: 100%;padding: 0 15px;} 
.org-wrap .content-wrap .sub-right{float: none;width: 100%;padding: 0 15px;} 
.org-wrap .content-wrap .box{padding-top: 20px; position: relative;}
.org-wrap .content-wrap .box::before{content: ''; width: 1px; height: 100%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
/*.org-wrap .content-wrap .box.tit-row .sub-tit{margin-bottom: 20px;}*/
.org-wrap button {text-align:left;}
.org-wrap .subject > strong{display: flex;  height: 70px; align-items: center; justify-content: center; position: relative; background: #FA9D1C;}
.org-wrap .subject button > span{ font-family:pb; font-size: 25px; line-height: 1.5; color: #fff; }
.org-wrap .subject.right-line > strong{background: none;}
.org-wrap .subject.right-line::before{content: ''; width: calc(100% + 50px); left: 0; top: 50%; margin-top: -1px;}
.org-wrap .content-wrap > div:last-child > div:last-child {position: relative;z-index: 20;}
.org-wrap .content-wrap > div:last-child > div:last-child::before {content: '';position: absolute;width: 100px;height: 100%;background: #fff;right: -100px;top: 35px;}

@media screen and (max-width:1300px){
  .org-wrap .top-middle .support > strong{margin-left: 80px; width: 250px;}
  .org-wrap .top-box> .top-tit > span{width: 250px;}
  .org-wrap .top-box .sub-tit > strong{width: 250px;}
  .org-wrap .top-box{left: unset; right: -40px;}
}

@media screen and (max-width:1100px){
  .org-wrap .top-tit > span{height: 50px;}
  .org-wrap .top-tit > span > button{font-size: 22px;}
  .org-wrap .sub-tit strong > button{font-size: 18px;}
  .org-wrap .list span{font-size: 16px;}
  .org-wrap .level2 > li span{font-size: 15px;}
  .org-wrap .subject > strong{height: 50px;}
  .org-wrap .subject button > span{font-size: 21px;}
  .org-wrap .level1 > li::before{top: 10px;}
  .org-wrap .ori-top-wrap{padding-left: 20px; padding-right: 20px;} /* 여백 간격 추후 수정할수도! */
  /* .org-wrap .content-wrap{padding: 0 40px 0 20px;} */
  .org-wrap .top-middle{display: block; width: 100%;}
  .org-wrap .sub-tit > strong{min-height: 50px;}
  .org-wrap .left.support{float: none;}
  .org-wrap .top-middle .support > strong{width: 26%;margin-left: 0;}
  .org-wrap .top-middle .support > strong::before{width: 92%;}
  .org-wrap .ceo-box{position: static; margin-left: 0;}
  .org-wrap .top-bottom{width: 85%; margin: 100px auto 0;}
  .org-wrap .top-bottom::before{width: 53%; margin-left: -26.5%;}
  .org-wrap .top-bottom .left{width: 47%;}
  .org-wrap .top-bottom .right{width: 47%;}
  .org-wrap .top-bottom .sub-tit > strong{width: 100%;}
  .org-wrap .top-box{position: static; margin-top: 30px;}
  .org-wrap .top-box .top-tit{padding-bottom: 20px;}
  .org-wrap .top-box > .top-tit > span{width: 100%;}
  .org-wrap .top-box .sub-tit > strong{width: 100%;}
  .org-wrap .list-box > ul{width: 100%;}
  .org-wrap .content-wrap::before{top: -298px; height: calc(100% - 340px);}
  /* .org-wrap .content-wrap .subject::before{left: 40px;} */
  .org-wrap .sub-wrap .list-box::before {right:-20px;}
  .org-wrap .content-wrap .row::before {top:25px;}
  .org-wrap .content-wrap > div:last-child > div:last-child::before {top: 24px;}
}

@media screen and (max-width:900px){
  .org-wrap .top-bottom{width: 100%;}
  .org-wrap .list-box > ul {flex-wrap:wrap;}
  .org-wrap .list-box > ul::before {display:none;}
  .org-wrap .sub-wrap .list-box {padding-bottom: 0;}
  .org-wrap .list-box > ul > li{padding: 0 5px; padding-top: 25px; width:100%;}
  .org-wrap .content-wrap{padding: 0 30px;}
  .org-wrap .content-wrap::before{height: calc(100% - 463px);}
  .org-wrap .content-wrap .row {margin:0;}
  .org-wrap .content-wrap .row > div {margin: 30px 0 0;}
  .org-wrap .content-wrap .subject::before {left:30px;}
  .org-wrap .content-wrap .left{width: 100%;padding: 0;}
  .org-wrap .content-wrap .right{width: 100%;}
  /* .org-wrap .content-wrap::before{top: -268px; height: calc(100% - 624px);} */
  .org-wrap .content-wrap .subject.right-line::before{display: none;}
  .org-wrap .content-wrap .box-wrap{margin: 0;}
}

@media screen and (max-width:860px){ 
  .org-wrap .sub-tit strong > button{font-size: 18px;}
}

/* [S] 정보공개 개요 */
.overview-content{border: 1px solid #BBBBBB;}
.con-table.font-small thead th {font-size: 17px;}
.con-table.font-small tbody td {font-size: 16px;}
.con-table.font-small .con-list1 > ul > li::before {top:9px;}
.con-table.font-small .con-list1 > ul > li,
.con-table.font-small .con-list2 > ul > li {font-size: 17px;}
.con-table.font-small .noti-txt.small {font-size: 15px;}
.con-table.font-small .noti-txt {font-size: 17px;}


/* 레이어팝업 */
.poup-wrap {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0;left: 0; z-index: 1002; transition: all .5s; position: fixed; opacity: 0; visibility: hidden;} 
.poup-wrap .inner-popup{display: flex; justify-content: center; align-items: center; height: 100%;}
.poup-wrap .popup-box {max-width: 1000px; width: 90%; max-height: 780px; background: #fff; position: relative; padding: 0px 0px 10px 40px;}
.poup-wrap .popup-tit{padding-right: 40px; padding-top: 17px; position: relative; overflow: hidden;}
.poup-wrap .popup-tit::before{content: ""; background: url(../../images/sub/info-popup-sh.png)no-repeat center / cover; width: 341px; height: 106px; position: absolute; right: 30px; bottom: 0;}
.poup-wrap .popup-tit > p{font-size: 30px; font-family: pb; color: #111111; padding-bottom: 20px; position: relative;}
.poup-wrap .popup-tit > p::before{content: ''; background: url(../../images/sub/pop-sh01.jpg) no-repeat bottom left /cover; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0;}
.poup-wrap .pop-con{position: relative; background: #fff; max-height: 670px; height: 100%; overflow-y: auto; padding-right: 20px;}
.poup-wrap .pop-con > p{padding-top: 15px;}
.poup-wrap .circle-num-list > ul > li{margin: 30px 0 0 0;}
.poup-wrap .pop-con .circle-num-list .con-list1 li{font-family: pm;}
.poup-wrap .pop-con::-webkit-scrollbar {width:30px;}
.poup-wrap .pop-con::-webkit-scrollbar-thumb {background-color: #aaa; border-right:8px solid #fff; border-left:8px solid #fff;}
.poup-wrap .pop-con::-webkit-scrollbar-track {background-color: #EEEEEE; border-right:8px solid #fff; border-left:8px solid #fff;}
.poup-wrap.on{opacity: 1; visibility: visible;}
.poup-wrap .info-popup-close {display:inline-block; text-indent:-9999px; width:35px; height:35px; position:absolute; top:25px; right:40px; background:url('../../images/sub/pop-close-btn.jpg') no-repeat center;}

@media screen and (max-width:768px){
  .poup-wrap .popup-tit::before{background: none;}
}

@media screen and (max-width:700px){
  .poup-wrap .popup-tit > p{font-size: 27px; padding-right: 40px;}
}
/* [E] 정보공개 개요 */

/* 경영공시 */
.manage-wrap .con-list2 > ul > li{position: relative; margin-top: 0;}
.manage-wrap .con-list2 > ul > li > a {position: relative;font-family: 'pm'; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; color: #3176D0;} 
.manage-wrap .con-list2 > ul > li::before {content: ''; position: absolute; left: 0; top: 12px; width: 9px; height: 4px; background: url(../../images/sub/arrow-blue.png) no-repeat center;}
.manage-wrap .con-list1 > ul > li > a{color: #555555; font-family: pm;}
.manage-wrap .con-list2 > ul {margin-top: 5px;}
.manage-wrap .tit-box > p{font-size: 25px; font-family: pb; color: #fff;text-align: center; padding: 11px 0; background: #152E6E;}
.manage-wrap .list-box > ul {display: flex; border: 1px solid #AAAAAA; border-top: 0;}
.manage-wrap .list-box > ul > li{width: 33.333%; border-right: 1px solid #AAAAAA; padding: 30px 20px 17px 40px;}
.manage-wrap .list-box > ul > li:last-child{border-right: 0;}
.manage-wrap .inner-tit > p{font-size: 25px; font-family: pm; color: #152E6E; margin-bottom: 15px;}
.manage-wrap .col{margin-bottom: 25px;}

.manage-wrap .alio{position: relative; text-indent: -9999px; display: inline-block; width: 43px;}
.manage-wrap .alio::after{content: ''; background: url(../../images/sub/alio-ic.png) no-repeat;  width: 43px;  height:13px; position: absolute; right: -5px; top: 6px;}

.manage-wrap .ico_logo{position: relative; text-indent: -9999px; display: inline-block; width: 33px;}
.manage-wrap .ico_logo::after{content: ''; background: url(../../images/sub/shape-logo.png) no-repeat;  width: 33px;  height:13px; position: absolute; right: -10px; top: 6px;}
.manage-wrap .con-list2 .alio::after{top: 4px;}
.manage-wrap .con-list2 > ul > li > a::before{top: 6px;}

/*type02*/
.manage-wrap.type02 .list-box > ul > li{width: 50%;}

@media screen and (max-width:1024px){
  .manage-wrap .list-box > ul > li{padding: 30px 10px 17px 20px;}
  .manage-wrap .inner-tit > p{font-size:22px}
}

@media screen and (max-width:768px){
  .manage-wrap .tit-box > p{font-size: 22px;}
  .manage-wrap .inner-tit > p{margin-bottom: 0;}
  .manage-wrap .list-box > ul{display: flex; flex-wrap: wrap;}
  .manage-wrap .list-box > ul{border: 0;}
  .manage-wrap .list-box > ul > li{width: 100%; border: 1px solid #AAAAAA; margin-bottom: 20px; padding: 20px 10px 10px 20px;}
  .manage-wrap .list-box > ul > li:last-child{border: 1px solid #AAAAAA;}
  .manage-wrap .col{margin-bottom: 10px;}
  .manage-wrap .con-list2 > ul > li > a{font-size: 15px;}
  .manage-wrap .con-list2 > ul > li::before{top: 9px;}

  .manage-wrap.type02 .list-box > ul > li{width: 100%;}
}

/* 규정 */
.rule-wrap .title-box > p{font-size: 20px; font-family: ncm; line-height: 1.5; letter-spacing: -.05em; color: #152E6E;}
.rule-wrap .title-box span{font-size: 16px; font-family: ncm; line-height: 30px; letter-spacing: -.05em; color: #555555; display: inline-block; margin-right: 10px; }

.rule-wrap > ul{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.rule-wrap > ul > li{width: 33.333%; padding: 0 15px; margin-bottom: 30px; display: flex;}
.rule-wrap .list-box{border: 1px solid #BBBBBB; padding: 18px 20px 15px 25px; display: flex; justify-content: space-between; align-items: center;min-height: 100px; flex: 1;}
.rule-wrap .list-box .title-box{flex: 1;}

.rule-wrap > ul > li > div{flex: 1;}

@media screen and (max-width:1300px){
  .rule-wrap .title-box span{font-size: 16px;}
  .rule-wrap > ul{margin: 0 -10px;}
  .rule-wrap > ul > li{padding: 0 10px;}
}

@media screen and (max-width:1200px){
  .rule-wrap > ul > li{width: 50%;}
}

@media screen and (max-width:1024px){
  .rule-wrap > ul{margin: 0 0px;}
  .rule-wrap > ul > li{width: 100%; padding: 0 0; margin-bottom: 15px;}
}

/* 영접카운터/가로등배너 */
.counter-wrap > ul{display: flex; margin: 0 -20px;}
.counter-wrap > ul > li{width: 50%; margin: 0 20px;display: flex; position: relative;overflow: hidden; }
.counter-wrap .counter-box{border: 1px solid #DDDDDD; margin-top: 180px;}
.counter-wrap .pic-box {text-align: center; padding: 0 45px; position: relative; z-index: 1; margin-top: -180px;}
.counter-wrap .pic-box > img {border: 1px solid #DDDDDD;}
.counter-wrap .con-box{ padding: 20px 20px 30px 55px;}
.counter-wrap > ul > li::before{content: ''; background: url(../../images/sub/counter-sh.png) no-repeat right bottom; width: 448px; height: 173px; position: absolute; right: -145px; bottom: -14px; z-index: -1;}
.counter-wrap .con-box > p{font-family:pm; font-size: 25px; color: #152E6E;}
.counter-wrap .btn-box{text-align: right; margin-top: 30px;}

@media screen and (max-width:1100px){
  .counter-wrap > ul {margin: 0 -10px;}
  .counter-wrap > ul > li{margin: 0 10px;}
  .counter-wrap .con-box > p{font-size: 23px;}
  .counter-wrap .pic-box{padding: 0 25px; margin-top: -145px;}
  .counter-wrap .con-box{ padding: 20px 20px 30px 27px;  }
}

@media screen and (max-width:850px){
  .counter-wrap .con-box > p{font-size: 21px;}
  .counter-wrap > ul{flex-wrap: wrap; margin: 0;}
  .counter-wrap > ul > li{width: 100%; margin-bottom: 30px; margin: 0; display: block;}
} 

/* 부지사용승인 */
.step-wrap {border: 1px solid #BBBBBB;}
.step-wrap > ul{padding: 45px 0 0 0 ;}
.step-wrap > ul::after{content: ''; display: block; clear: both;}
.step-wrap > ul{display: flex; flex-wrap: wrap;}
.step-wrap > ul > li{display: flex; width: 33.333%; padding: 0 70px;margin-bottom: 90px; position: relative;}
.step-wrap > ul > li.down::after{content: ''; background: url(../../images/sub/step-arrow.png) no-repeat center center; width: 30px; height: 30px; position: absolute; bottom: -58px; left: 50%; margin-left: -15px; transform: rotate(90deg);}
.step-wrap > ul > li:nth-child(1){order: 0;}
.step-wrap > ul > li:nth-child(2){order: 1;}
.step-wrap > ul > li:nth-child(3){order: 2;}
.step-wrap > ul > li:nth-child(3)::before{content: none;}
.step-wrap > ul > li:nth-child(4){order: 5;}
.step-wrap > ul > li:nth-child(4)::before{content: none;}
.step-wrap > ul > li:nth-child(5){order: 4;}
.step-wrap > ul > li:nth-child(6){order: 3;}
.step-wrap > ul > li:nth-child(7){order: 6; margin-bottom: 45px;}
.step-wrap > ul > li:nth-child(8){order: 7; margin-bottom: 45px;}
.step-wrap > ul > li:nth-child(9){order: 8; margin-bottom: 45px;}
.step-wrap > ul > li:nth-child(9)::before{content: none;}
.step-wrap > ul > li::before{content: ''; background: url(../../images/sub/step-arrow.png) no-repeat center center; width: 30px; height: 30px; position: absolute; right: -16px; top: 50%; margin-top: -15px; }
.step-wrap > ul > li.right::before{content: ''; background: url(../../images/sub/step-arrow.png) no-repeat center center; width: 30px; height: 30px; position: absolute; right: -16px; transform: rotate(180deg);}
.step-box{border: 2px solid #00ABB3; border-radius: 50px; flex: 1; padding: 30px 10px; display: flex; flex-direction: column; text-align: center; }

.step-wrap li:first-child .step-box{background: #00ABB3;}
.step-wrap li:first-child .step-box > p , .step-wrap li:first-child .step-box span{color: #fff;}

.step-wrap .step-box > p{font-size: 16px; font-family: pb; color: #01ABB3;}
.step-wrap .step-box span{font-size: 18px; font-family: pb; color: #222222;}
.step-wrap > ul > li.left::before {transform: rotate(180deg);}

@media screen and (max-width:1300px){
  .step-wrap .step-box span{font-size: 16px;}
  .step-wrap > ul > li{padding: 0 50px;}
}

@media screen and (max-width:1024px){
  .step-wrap > ul > li{padding: 0 30px;}
}

@media screen and (max-width:700px){
  .step-wrap > ul{display: block; padding: 45px 20px 0 20px;}
  .step-wrap > ul > li{padding: 0 0; width: 100%; margin-bottom: 50px;}
  .step-wrap > ul > li:nth-child(7){order: 6; margin-bottom: 50px;}
  .step-wrap > ul > li:nth-child(8){order: 7; margin-bottom: 50px;}
  .step-wrap > ul > li:nth-child(9){order: 8; margin-bottom: 50px;}
  .step-wrap > ul > li.down::after{content: none;}
  .step-wrap > ul > li::before{right: 50%; margin-right: -15px; bottom: -40px; top: unset; transform: rotate(90deg);}
  .step-wrap > ul > li:nth-child(3)::before{content: '';}
  .step-wrap > ul > li:nth-child(4)::before{content: '';}
  .step-wrap .step-box{padding: 20px 10px; border-radius: 25px;}
  .step-wrap > ul > li.left::before {transform: rotate(90deg);}
}

/*서비스카운터 */
.area-list-wrap .str-box{display: flex; margin-bottom: 20px; border: 1px solid #CCCCCC;}
.area-list-wrap .item04-tit{font-family: "ncb";line-height: 1.5; letter-spacing: -.05em;display: inline-block; font-size: 25px;}
.area-list-wrap .list-area{padding: 35px 10px 20px 45px;}
.area-list-wrap .pic-area{border-right: 1px solid #CCCCCC;}
.area-list-wrap .pic-area > img{object-fit: cover; width: 100%; height: 100%;}
.hotel-map-wrap > img{border: 1px solid #DDDDDD;}

@media screen and (max-width:1200px){
  .area-list-wrap .item04-tit{font-size: 23px;}
}

@media screen and (max-width:1100px){
  .area-list-wrap .str-box{display: block;}
  .area-list-wrap .pic-area{border-bottom: 1px solid #CCCCCC;}
  .area-list-wrap .list-area{padding: 20px 20px 20px 30px;}
  .area-list-wrap .pic-area > img{height: 400px;}
}

@media screen and (max-width:768px){
  .area-list-wrap .pic-area > img{height: auto;}
  .area-list-wrap .list-area{padding: 20px;}
}

/* 출입증&촬영 */
.entry-wrap::after{content: ''; display: block; clear: both;}
.entry-wrap .card-box{float: left;}
.entry-wrap .card-box > img{border: 1px solid #DDDDDD;}
.entry-wrap .card-txt{float: right; width: calc(100% - 240px); margin-left: 20px;}
.entry-wrap .btn-style1:last-child.ico1::before{ mask:url('/sites/airportCoGuide/images/guide/ic-btn2.svg') no-repeat 50% 50%;}

@media screen and (max-width:700px){
  .entry-wrap .card-box{float: none; text-align: center;}
  .entry-wrap .card-txt{float: none; width: 100%;}
}

/* 입주신청 */
.apply-wrap .banner-wrap{padding: 50px 0 80px 40px;}
.apply-wrap .banner-wrap::before {content:''; background:url('../../images/sub/apply-banner01.jpg') no-repeat center / cover; position: absolute; top: 0; left: 0; width: 1700px; height: 100%;}
.banner-wrap .btn-box{padding-left: 155px;}
.banner-wrap .btn-style1{position: relative;}

.apply-prosess .wrap-step-banner.type2{padding: 30px 30px 55px 30px;}
.apply-prosess .wrap-step-banner.type2 em{margin-bottom: 0;}
.apply-prosess .wrap-step-banner.type2 .box strong{margin-top: 0; margin-bottom: 0; min-height: auto;}
.apply-prosess .con-box{margin-top: 30px;}
.apply-prosess .wrap-step-banner li{ padding: 0 50px;}
.apply-prosess .wrap-step-banner .box{padding-top: 17px;}
.apply-prosess .circle{background: #FFF;}
.apply-prosess .wrap-step-banner.type2 li.bg{background: #E7E7E7;height: 215px;}
.apply-prosess .wrap-step-banner.type2.flex li.arr{height: 215px;}
.apply-prosess .wrap-step-banner.type2.flex li.arr.bg{background: #E7E7E7; }
.apply-prosess .wrap-step-banner.type2 .con-box{position: absolute; bottom: -27px; margin-top: 0; left: 50%; margin-left: -83.5px; padding: 15px 26px; font-family: ncm; font-size: 14px;}
.apply-prosess .wrap-step-banner.type2 li.arr::after {position: absolute; top: 34%;}

@media screen and (max-width:1400px){
  .apply-prosess .wrap-step-banner.type2 .con-box{ padding: 15px 10px;}
  .apply-prosess .wrap-step-banner li{ padding: 0;}
  .apply-prosess .wrap-step-banner.type2 li{margin: 0;}
  .apply-prosess .wrap-step-banner.type2 li.bg{margin-bottom: 30px; }
}

@media screen and (max-width:1200px){
  .banner-wrap .btn-box{padding-left: 0;}
}

@media screen and (max-width:830px){
  .apply-prosess .wrap-step-banner.type2 .con-box{padding: 10px; bottom: -18px;}
  .apply-prosess .wrap-step-banner.type2{padding: 30px;}
  .apply-prosess .wrap-step-banner.type2 li:not(.arr){margin-top: 30px;}
  .apply-prosess .wrap-step-banner.type2 li.bg{height: 190px;}
  .apply-prosess .wrap-step-banner.type2.flex li.arr{height: auto;}
  .apply-prosess .wrap-step-banner.type2 li.arr::after{position: static;}
  .apply-prosess .wrap-step-banner.type2.flex li.arr.bg{background: none; margin-bottom: 0;}
}

@media screen and (max-width:768px){
  .apply-wrap .btn-box{padding-left: 0;}
}

/* 입주자서비스센터 */
.port-video{border: 1px solid #DDDDDD;}
.port-video .top-box{padding-bottom: 25px; position: relative;}
.port-video .top-box::before{content: ''; width: 115%; height: 1px; background: #3176D0; position: absolute; bottom: 0; left: -70px;}
.port-video .top-box > span{font-size: 20px; font-family: ncb; color: #222222;}
.port-video .top-box > p{font-size: 25px; font-family: ncb; color: #152E6E; margin-top: 5px; }
.port-video .mid-box > p{font-size: 18px; font-family: ncm; color: #555555; padding-top: 25px; padding-bottom:90px;}
.port-video .port-video-box::after{content: ''; display: block;clear: both;}
.port-video .video-area{float: left; width: 900px; margin-right: 70px; height: 507px;}
.port-video .video-area iframe{width: 100%; height: 100%;}
.port-video .txt-box{float: right; width: calc(100% - 970px); padding: 80px 50px 0px 0; position: relative; min-height: 507px;}
.port-video .txt-box .noti-txt{ padding-bottom: 30px; padding-right: 10px;}
.port-video .noti-txt > span{position: relative; padding-left: 10px;}
.port-video .noti-txt > span::before{content: ''; width: 7px; height: 1px; background: #152E6E; position: absolute; top: 14px; left: 0; }

@media screen and (max-width:1500px){
  .port-video .video-area{margin-right: 30px; width: 700px; height: 420px;}
  /* .port-video .mid-box{padding-bottom: 125px;} */
  .port-video .txt-box{width: calc(100% - 730px); padding: 50px 20px 0px 0; min-height: 420px;}
  .port-video .top-box::before{left: -30px; width: 96%;}
}

@media screen and (max-width:1200px){
  .port-video .video-area{margin-right: 30px; width: 550px; height: 400px;}
  .port-video .txt-box{width: calc(100% - 580px); padding: 50px 20px 0px 0; min-height: 400px;}
}

@media screen and (max-width:1000px){
  .port-video .video-area{float: none; width: 100%; margin-right: 0; height: 350px;}
  .port-video .txt-box{float: none; width: 100%; padding: 30px 20px; min-height: 320px;}
  .port-video .video-area > img{width: 100%; object-fit: cover;}
  .port-video .top-box::before{left: -20px;}

  .port-video .top-box > span{font-size: 18px;}
  .port-video .top-box > p{margin-top: 0; font-size: 23px;}
  .port-video .mid-box > p{font-size: 16px; padding-bottom: 40px;}
}

@media screen and (max-width:768px){
  .port-video .video-area{height: 300px;}
}

@media screen and (max-width:550px){
  .port-video .txt-box{min-height: 380px;}
}


/* 공항 서비스 개선 */
.airport-service-wrap .banner-wrap{padding: 50px 0 90px 40px;}
.airport-service-wrap .banner-wrap::before {content:''; width:100%; height:100%; background:url('../../images/sub/airport-service-banner.jpg') no-repeat center / cover; position: absolute; left: 0; top: 0;}
.air-service-wrap .circle {width:150px; height:150px; background: #ECF3FF; border-radius:100px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.air-service-wrap ul{display: flex; justify-content: space-between; margin: 0 -15px;}
.air-service-wrap li{width: 25%; padding: 0 15px; display: flex;}
.air-service-wrap .box{border: 1px solid #CCCCCC; flex-direction: column; display: flex; text-align: center; padding: 30px 10px; flex: 1;}
.air-service-wrap .box > strong{font-family: ncm; font-size: 18px; color: #333333; margin-top: 30px;}
.air-service-box .wrap-link-banner .title{height: 50px;}
.airport-service-wrap a{position: relative;}

@media screen and (min-width:1921px) {
  .airport-service-wrap .banner-wrap::before {width:100vw;}
}

@media screen and (max-width:1100px) {
  .air-service-wrap ul{margin: 0 -10px;}
  .air-service-wrap li{padding: 0 10px;}
  .air-service-wrap .box > strong{font-size: 18px;}
}

@media screen and (max-width:800px) {
  .air-service-wrap ul{flex-wrap: wrap;}
  .air-service-wrap li{width: 50%; margin-bottom: 20px;}
}

@media screen and (max-width:600px) {
  .air-service-wrap .box{padding: 15px 10px;}
  .air-service-wrap .box > strong{margin-top: 15px;}
  .air-service-wrap .box > strong{font-size: 16px;}
}

/* 해외사업 - 개요 */
.oversea-wrap .img-box{border: 1px solid #DDDDDD; text-align: center;}
.oversea-wrap .wrap-link-banner .title{height: 50px;}
.oversea-wrap .wrap-link-banner .title .text{font-size: 18px;}
.mro.oversea-wrap .wrap-link-banner .list{height: auto; background: none; border: none;}
.oversea-wrap .wrap-link-banner .list > ul{height:calc(100% - 80px);}
.oversea-wrap .wrap-link-banner > .box{ flex: 1; border: 1px solid #aaaaaa; background-color: #fafafa;}

@media screen and (max-width:1200px){
  .mro.oversea-wrap .box-link-banner .wrap-link-banner{width: calc((100% / 3) - 10px);}
}

@media screen and (max-width: 900px) {
  .mro.oversea-wrap .box-link-banner {flex-wrap: wrap;}
  .mro.oversea-wrap .box-link-banner .wrap-link-banner {width: 100%;flex-direction: unset;margin-bottom: 25px;}
  .oversea-wrap .wrap-link-banner .list{padding: 18px 10px 18px 20px;}
  .oversea-wrap .wrap-link-banner .list li{margin-bottom: 8px; font-size: 15px;}
}

@media screen and (max-width: 835px) {
  .mro.oversea-wrap .box-link-banner .wrap-link-banner{width: 62%; margin:  0 auto 25px auto; flex-direction: column;}
}

@media screen and (max-width: 650px) {
  .mro.oversea-wrap .box-link-banner .wrap-link-banner{width: 79%;}
  .mro.oversea-wrap .wrap-link-banner .title .text {font-size: 18px;}
  .mro.oversea-wrap .wrap-link-banner .list li {font-size: 15px;}
}

@media screen and (max-width: 530px) {
  .mro.oversea-wrap .box-link-banner .wrap-link-banner{width: 100%;}
}

/* 허브 경쟁력*/
/* [S] 항공네트워크*/
.network-wrap .network-box{position: relative;}
.network-wrap .network-box img{border: 1px solid #ddd;}
.network-wrap .city-txt {position: absolute; left: 50%; margin-left: -200px; bottom: 40px;}
.network-wrap .city-txt strong{font-size: 18px; font-family: ncm; color: #222222;}
.network-wrap .city-txt p{font-size: 40px; font-family: gb; color: #152E6E;}
.network-wrap .city-txt ul{display: flex; width: 400px; background: #F1F7FF; padding: 21px 0px;}
.network-wrap .city-txt li{flex: 1; text-align: center;position: relative; padding: 0 10px;}
.network-wrap .city-txt li::before{content: ''; width: 1px; height: 65px; background: #CDDFF6; position: absolute; top: 50%; margin-top: -32.5px; right: 0;}
.network-wrap .city-txt li:last-child::before{content: none;}

@media screen and (max-width:1100px){
  .network-wrap .city-txt{margin-left: -175px; bottom: 10px;}
  .network-wrap .city-txt ul{width: 350px; padding: 10px 0;}
  .network-wrap .city-txt strong{font-size: 16px;}
  .network-wrap .city-txt p{font-size: 33px;}
}

@media screen and (max-width:700px){
  .network-wrap .city-txt ul{width: 100%;}
  .network-wrap .city-txt{position: static; margin-left: 0; margin-top: -40px; position: relative; left: unset; bottom: unset;}
}
/* [E] 항공네트워크*/

/* 운송 실적 그래프 type1*/
.trans-per-wrap > ul{display: flex; margin: 0 -15px;}
.trans-per-wrap > ul > li{width: 25%; padding: 0 15px;}
.trans-per-wrap .chart-list{border: 1px solid #CCCCCC;padding: 10px 20px 25px 20px;}
.trans-per-wrap .chart-list > strong{font-size: 18px; font-family: ncm; color: #222222;}
.trans-per-wrap .line > span{font-size: 25px; font-family: pb; position: relative; top: -40px;}
.trans-per-wrap .line.style1 > span{color: #999999;}
.trans-per-wrap .line.style2 > span{color: #555555;}
.trans-per-wrap .line.style3 > span{color: #3176D0;}
.trans-per-wrap .year-box{display: flex; margin-top: 7px;}
.trans-per-wrap .year-box > span{width: 33.333%; text-align: center; font-size: 20px; font-family: pm; color:#222222;}
.trans-per-wrap .in-chart{display: flex; border-bottom: 1px solid #222222;}
.trans-per-wrap .in-chart > li{width: 33.333%; text-align: center; position: relative; height: 300px;}
.trans-per-wrap .line{width: 70px; margin: auto; position: absolute; bottom: 0; left: 50%; margin-left: -35px;} 
.trans-per-wrap .line.style1{background: #999999;}
.trans-per-wrap .line.style2{background: #555555;} 
.trans-per-wrap .line.style3{background: #3176D0;} 

.trans-per-wrap .item1 .line.style1{height: 60px;}
.trans-per-wrap .item1 .line.style2{height: 223px;} 
.trans-per-wrap .item1 .line.style3{height: 205px;} 

.trans-per-wrap .item2 .line.style1{height: 90px;}
.trans-per-wrap .item2 .line.style2{height: 230px;} 
.trans-per-wrap .item2 .line.style3{height: 185px;} 

.trans-per-wrap .item3 .line.style1{height: 75px;}
.trans-per-wrap .item3 .line.style2{height: 140px;} 
.trans-per-wrap .item3 .line.style3{height: 135px;} 

.trans-per-wrap .item4 .line.style1{height: 65px;}
.trans-per-wrap .item4 .line.style2{height: 255px;} 
.trans-per-wrap .item4 .line.style3{height: 220px;} 

/* 그래프 type2 */
.trans-per-wrap.type2 > ul > li{width: 50%;}

.trans-per-wrap.type2 .line{width: 130px; margin: auto; position: absolute; bottom: 0; left: 50%; margin-left: -65px;} 

.trans-per-wrap.type2 .line.style3 > span{color: #00ABB3;}
.trans-per-wrap.type2 .line.style3{background: #00ABB3;} 

.trans-per-wrap.type2 .item1 .line.style1{height: 90px;}
.trans-per-wrap.type2 .item1 .line.style2{height: 180px;} 
.trans-per-wrap.type2 .item1 .line.style3{height: 178px;} 

.trans-per-wrap.type2 .item2 .line.style1{height: 150px;}
.trans-per-wrap.type2 .item2 .line.style2{height: 260px;} 
.trans-per-wrap.type2 .item2 .line.style3{height: 225px;} 

@media screen and (max-width:1300px){
  .trans-per-wrap > ul > li{padding: 0 7px;}
}

@media screen and (max-width:1200px){
  .trans-per-wrap .chart-list{padding: 10px 20px;}
  .trans-per-wrap .line{width: 40px; margin-left: -20px;}
  .trans-per-wrap .line > span{font-size: 18px; top: -32px;}
  .trans-per-wrap .year-box > span{font-size: 18px;}

  /* type2 */
  .trans-per-wrap.type2 .line{width: 100px; margin-left: -50px;} 
  .trans-per-wrap.type2 .line > span{font-size: 25px; top: -40px;}
}

@media screen and (max-width:1024px){
  .trans-per-wrap > ul{flex-wrap: wrap;}
  .trans-per-wrap > ul > li{width: 50%; margin-bottom: 15px;}

  /* type2 */
  .trans-per-wrap.type2 .line{width: 80px; margin-left: -40px;} 
  .trans-per-wrap.type2 .line > span{font-size: 22px; top: -36px;}
}

@media screen and (max-width:768px){
  /* type2 */
  .trans-per-wrap.type2 .line{width: 40px; margin-left: -20px;} 
  .trans-per-wrap.type2 .line > span{font-size: 18px; top: -32px;}
}

/* 윤리경영소개 */
/* item01 */
.manage-intro-wrap > ul > li{padding-bottom: 40px;}
.manage-intro-wrap > ul > li:first-child{padding-bottom: 120px;}
.manage-intro-wrap .list-box{display: flex; align-items: center;}
.manage-intro-wrap .tit-box{width: 285px; padding-right: 45px; position: relative;}
.manage-intro-wrap .tit-box::before{content: ''; width: 90px; height: 1px; background: #152E6E; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.manage-intro-wrap .list-box .right{width: calc(100% - 330px); margin-left: 45px; position: relative;}
.manage-intro-wrap .list-box .item01.right::before{content: ''; background: url(../../images/sub/intro-big-arr.png) no-repeat center / cover; width: 290px; height: 110px; position: absolute; top: 100%; left: 50%; margin-left: -145px;}
.manage-intro-wrap .tit-box > span{font-family: "ncb"; font-size: 21px; line-height: 1.5; letter-spacing: -.05em; color: #333333;}
.manage-intro-wrap .item01 p{font-size: 25px; font-family: ncb; color: #fff; height: 150px; display: table-cell; vertical-align: middle; text-align: center;}
.manage-intro-wrap .item01 .bg01{background: #152E6E; border-radius: 80px 0 0 80px; text-align: left; padding-left: 80px;}
.manage-intro-wrap .item01 .bg02{background: #3176D0;}
.manage-intro-wrap .item01 .bg03{background: #00ABB3; border-radius: 0px 80px 80px 0px;}
.manage-intro-wrap .item01 ul{display: flex; align-items: center;}
.manage-intro-wrap .item01 li{width: 33.333%; position: relative;display: table;}
.manage-intro-wrap .item01 li:first-child::after{content: "#ともに";width: 150px; height: 150px; background:url(../../images/sub/circle-patt.jpg); position: absolute; right: -75px;font-size: 25px; font-family: ncm; color: #FADD1C; border-radius: 80px; display: flex; justify-content: center; align-items: center; z-index: 1;}
.manage-intro-wrap .item01 li:nth-child(2)::after{content: "#顧客";width: 150px; height: 150px; background:url(../../images/sub/circle-patt02.jpg); position: absolute; right: -75px;font-size: 25px; font-family: ncm; color: #FADD1C; border-radius: 80px; display: flex; justify-content: center; align-items: center; z-index: 1;}

/* item02 */
.manage-intro-wrap .item02{text-align: center; background: url(../../images/sub/vision-bg.png) no-repeat center / cover; padding: 47px 20px; border-radius: 8px;}
.manage-intro-wrap .item02 > span{font-family: "ncb"; font-size: 30px; line-height: 1.5; letter-spacing: -.05em; color: #fff;}
.manage-intro-wrap .item02 em{color: #FADD1C;}

/* item03 */
.manage-intro-wrap .item03 > ul{display: flex; align-items: center; margin: 0 -15px; }
.manage-intro-wrap .item03 > ul > li{width: 25%; padding: 0 15px;}
.manage-intro-wrap .goal-box{position: relative; border-radius: 7px;}
.manage-intro-wrap .goal-box > p{font-size: 20px; font-family: 'ncb'; color: #222222; line-height: 1.5; letter-spacing: -.05em; text-align: center; display: flex; justify-content: center; align-items: center; min-height: 140px; } 
.manage-intro-wrap .goal-box.bg01{background: #D5EDF5; }
.manage-intro-wrap .goal-box.bg02{background: #D6E6F8;}
.manage-intro-wrap .goal-box.bg03{background: #D2E0F5;}
.manage-intro-wrap .goal-box.bg04{background: #D2E9F5;}
.manage-intro-wrap .goal-box.bg05{background: #D8F0F5;}

/* item04 */
.manage-intro-wrap .top-tit-box > p{font-size: 20px; font-family: ncb; color: #FFFFFF; text-align: center; background: #152E6E; padding: 24px; border-radius: 7px 7px 0 0 ;}
.manage-intro-wrap .item04 .list-box02{border: 1px solid #CCCCCC; position: relative; display: flex; align-items: center;}
.manage-intro-wrap .item04 .box01{width: 50%; position: relative;}
.manage-intro-wrap .item04 .box01::before{content: ''; width: 2px; height: 50%; background: #FA9D1C; position: absolute; right:0; bottom:33px;}
.manage-intro-wrap .item04 .box02{width: 50%; position: relative;}
.manage-intro-wrap .item04 .box02::before{content: ''; width: 2px; height: 50%; background: #FA9D1C; position: absolute; left:-2px; top:31px;}
.manage-intro-wrap .list-box02 > ul{ margin: 20px 0 35px 0;}
.manage-intro-wrap .list-box02 > ul > li{padding: 0 40px 40px 40px; position: relative;}
.manage-intro-wrap .list-box02 > ul > li::before{content: ''; background: url(../../images/sub/model-list-arr.png) no-repeat center / cover; width: 14px; height: 10px; position: absolute; bottom: 15px; left: 50%; margin-left: -7px;}
.manage-intro-wrap .list-box02 > ul > li:last-child:before{content: none;}
.manage-intro-wrap .box02 .circle-num-list{position: relative;}
.manage-intro-wrap .box01 > li:last-child::after{content: ''; width: 21px; height: 2px; background: #FA9D1C; position: absolute; top: 50%; margin-top: -1px; right: 0;}
.manage-intro-wrap .list-box02 > ul > li:last-child{padding-bottom: 0;}
.manage-intro-wrap .box02 li:first-child .circle-num-list::after{content: ''; width: 23px; height: 2px; background: #FA9D1C; position: absolute; top: 50%; margin-top: -1px; left: -40px;}
.manage-intro-wrap .box02 li:first-child .circle-num-list::before{content: ''; background: url(../../images/sub/model-list-arr.png) no-repeat center / cover; transform: rotate(270deg); position: absolute; left: -25px; width: 14px; height: 10px; top: 50%; margin-top: -5px;}
.manage-intro-wrap .circle-num-list{background:#F3F3F3; text-align: center; padding: 20px 10px;}
.manage-intro-wrap .circle-num-list > ul >li{display: inline-block; margin: 0; font-size: 16px;}

@media screen and (max-width:1300px){
  .manage-intro-wrap .item01 .bg01{padding-left: 60px;}
  .manage-intro-wrap .item01 p{font-size: 23px; height: 140px;}
  .manage-intro-wrap .item01 li:first-child::after{width: 140px; height: 140px; font-size: 23px;}
  .manage-intro-wrap .item01 li:nth-child(2)::after{width: 140px; height: 140px; font-size: 23px;}
}

@media screen and (max-width:1200px){
  /* .manage-intro-wrap .item01 .bg01{padding-left: 40px;} */
  .manage-intro-wrap .item01 p{font-size: 21px; height: 130px;}
  .manage-intro-wrap .item01 li:first-child::after{width: 130px; height: 130px; font-size: 21px;}
  .manage-intro-wrap .item01 li:nth-child(2)::after{width: 130px; height: 130px; font-size: 21px;}
  .manage-intro-wrap .item02 > span{font-size: 28px;}
  .manage-intro-wrap .item03 > ul{margin: 0 -5px;}
  .manage-intro-wrap .item03 > ul > li{padding: 0 5px;}
  .manage-intro-wrap .item04 .box01::before{margin-top: -113px;}
}

@media screen and (max-width:1150px){
  .manage-intro-wrap .list-box{display: block;}
  .manage-intro-wrap .tit-box{padding-right: 0; display: inline-block; width: auto;}
  .manage-intro-wrap .tit-box::before{top: unset; bottom: 0; left: 0; width: 100%; margin-top: 0;}
  .manage-intro-wrap .list-box .right{margin-left: 0; width: 100%; margin-top: 40px;}
  .manage-intro-wrap .list-area{padding: 20px 20px 20px 30px;}
}

@media screen and (max-width:768px){
  .manage-intro-wrap .item01 ul{flex-wrap: wrap;}
  .manage-intro-wrap .item01 li{width: 100%; padding-bottom: 35px;}
  .manage-intro-wrap .item01 p{height: 100px; padding-left: 0; border-radius: 80px;}
  .manage-intro-wrap .item01 .bg01{border-radius: 80px;}
  .manage-intro-wrap .item01 .bg01{padding-left: 0; text-align: center; }
  .manage-intro-wrap .item01 .bg03{border-radius: 80px;}
  .manage-intro-wrap .item01 li:first-child::after{width: 100%; height: 60px; bottom: -15px; right: unset; left: 0; border-radius: 80px;}
  .manage-intro-wrap .item01 li:nth-child(2)::after{width: 100%; height: 60px; bottom: -15px; right: unset; left: 0; border-radius: 80px;}
  .manage-intro-wrap .item02 > span{font-size: 24px;}
  .manage-intro-wrap .item02{padding: 40px 10px;}
  .manage-intro-wrap .item03 > ul{flex-wrap: wrap; margin: 0 0;}
  .manage-intro-wrap .item03 > ul > li{padding: 0 0; width: 100%; margin-bottom: 15px;}
  .manage-intro-wrap .item03 > ul > li:last-child{margin-bottom: 0;}
  .manage-intro-wrap .goal-box > p{min-height:100px;}
  .manage-intro-wrap .top-tit-box > p{font-size: 19px; padding: 20px 10px;}
  .manage-intro-wrap .item04 .list-box02{flex-wrap: wrap;}
  .manage-intro-wrap .item04 .box01{width: 100%;}
  .manage-intro-wrap .item04 .box02{width: 100%;}
  .manage-intro-wrap .box01 > li:last-child::after,
  .manage-intro-wrap .item04 .box01::before,
  .manage-intro-wrap .box02 li:first-child .circle-num-list::before ,
  .manage-intro-wrap .box02 li:first-child .circle-num-list::after{display: none;}
  .manage-intro-wrap .list-box02 > ul{margin: 20px 0 0 0;}
  .manage-intro-wrap .list-box02 > ul > li:last-child{padding-bottom: 40px;}
  .manage-intro-wrap .list-box02 > ul > li:last-child:before{content: "";}
  .manage-intro-wrap .list-box02 .box02{margin-top: 0;}
  .manage-intro-wrap .list-box02 .box02 > li:last-child:before{content: none;}
  .manage-intro-wrap .item04 .box02::before {display:none;}
}

.manage-org-img {border: 1px solid #CCCCCC;}

/* 안전관리시스템 - 개요 */
.secu-wrap.style1 {position: relative; background:url('../../images/sub/safety-bg.jpg') no-repeat center / cover;}
.secu-wrap.style1 .wrap-inner {padding:68px 115px 35px 70px;}
.secu-wrap.style1 .con .text1{font-size: 22px; font-family: ncb; color: #FADD1C;}
.secu-wrap.style1 .name-box{padding: 50px 50px 25px 30px;}
.secu-wrap.style1 .title{margin-bottom: 35px;}
.secu-wrap.style1 .list li span{top: 6px;}

@media screen and (max-width:768px){
  .secu-wrap.style1 .title{margin-bottom: 15px;}
  .secu-wrap.style1 .wrap-inner{padding: 40px;}
  .secu-wrap.style1 .con .text1{font-size: 18px;}
}

/* 안전보건경영시스템 개요 */
.safety-goal-wrap .item-inner{text-align: center; position: relative; padding: 23px;}
.safety-goal-wrap .item-inner::before{content:'';width:100%;height:100%;border:2px solid #152E6E;position:absolute;top:0;left:0;}
.safety-goal-wrap .item-inner::after{content:"";width:91%;height:100%;background: #fff;position:absolute;left:50%;margin-left:-45.5%;top:0px;display:inline-block;}
.safety-goal-wrap span{font-size: 60px; font-family: pb; color: #152E6E; position: relative; z-index: 1; }
.safety-goal-wrap em{font-family: pm; color: #3A528E;}
.safety-goal-wrap strong{font-family: nb; position: relative; padding:0 30px; margin-left: 35px;}
.safety-goal-wrap .item-inner strong::before{content: ''; background: url(../../images/sub/mi-left-sh.png) no-repeat left / cover; width: 24px; height: 18px; position: absolute; left: 0; top: 15px;}
.safety-goal-wrap .item-inner strong::after{content: ''; background: url(../../images/sub/mi-right-sh.png) no-repeat right / cover; width: 24px; height: 18px; position: absolute; right: 0; top: 24px;}
.secu-wrap.style2 .wrap-inner{padding: 70px 165px 45px 70px;}
.secu-wrap.style2 .title{margin-bottom:33px;}
.secu-wrap.style2{background: url('../../images/sub/secu-healthy-bg.jpg') no-repeat center / cover;}
.secu-wrap.style2 .con{line-height: 1.4;}
.secu-wrap.style2 .con .text1{font-size: 22px; color: #1E72DF; font-family: pb;}
.secu-wrap.style2 .list li span{top: -10px;}
.secu-wrap.style2 .list li{padding-left: 67px; margin-bottom: 35px;}
.secu-wrap.style2 .list li:last-child{margin-bottom: 0;}
.secu-wrap.style2 .name-box{text-align: right; align-items: end; padding: 70px 50px 30px 50px;}
.secu-wrap.style2 .name-box span{margin-left: 20px;}
.secu-wrap.style2 .name-box .right{margin-left: 0; width: 110px;}
.certify-wrap::after{content: ''; display: block; clear: both;}
.certify-wrap .left{float: left; width: 50%; padding-right: 30px;}
.certify-wrap .right{float: right; width: 50%; padding-left: 30px;}
.certify-wrap_center{display: flex; justify-content: center;padding: 50px;border: 1px solid #e5e5e5;}
.per60{width:60%;}

@media screen and (max-width:1200px){
  .certify-wrap .left{ padding-right: 10px;}
  .certify-wrap .right{ padding-left: 10px;}
}

@media screen and (max-width:1024px){
  .safety-goal-wrap span{font-size: 50px;}
}

@media screen and (max-width:768px){
  .safety-goal-wrap em{display: block;}
  .safety-goal-wrap span{font-size: 40px;}
  .safety-goal-wrap strong{margin-left: 0;}
  .safety-goal-wrap .item-inner strong::before{top: 8px;}
  .safety-goal-wrap .item-inner strong::after{top: 14px;}
  .secu-wrap.style2 .wrap-inner{padding: 40px;}
  .secu-wrap.style2 .con .text1{font-size: 18px;}
  .secu-wrap.style2 .name-box{flex-wrap: wrap; text-align: center;}
  .secu-wrap.style2 .name-box .right{margin-left: 0;}
  .certify-wrap .left{ float: none; padding-right: 0px; width: 100%;}
  .certify-wrap .right{ float: none; padding-left: 0px; width: 100%;}
}

@media screen and (max-width:600px){
  .safety-goal-wrap span{font-size: 32px;}
  .safety-goal-wrap .item-inner{padding: 15px 20px;}
}

/* 인천공항 안전신고 */
/* type4 */
.kako-ch-wrap .wrap-step-banner.type4{padding: 46px 30px 26px 70px;}
.kako-ch-wrap .wrap-step-banner.type4 li{flex: none;}
.kako-ch-wrap .con-list1 > ul > li{display: flex; align-items: center;}
.kako-ch-wrap .con-list1 .bg1 , .kako-ch-wrap .con-list1 .bg2{font-family: pb; font-size: 15px; padding: 0px 7px; margin: 0 10px; color: #fff;border-radius: 5px; line-height: 25px;}

.kako-ch-wrap .con-list1 span.bg1{background: #6EADFF;}
.kako-ch-wrap .con-list1 span.bg2{background: #FA9D1C;}

.wrap-step-banner.type4 li p{color: #fff; line-height: 30px; padding: 0 25px; border-radius: 5px; margin-top: 5px;}
.wrap-step-banner.type4 li p.bg1{background:#00ABB3;}
.wrap-step-banner.type4 li p.bg2{background:#3176D0;}
.wrap-step-banner.type4 li p.bg3{background:#152E6E;}

.hour-wrap .wrap-step-banner.type4{padding: 46px 30px 26px 70px;}
.hour-wrap .wrap-step-banner.type4 li:not(.line){flex: none;}
.hour-wrap .wrap-step-banner.type4 .line{margin: 0 30px 0 70px; width: 100%; height: 4px; background: #3176D0; position: relative; top: 70px; padding-right: 15px;}
.hour-wrap .wrap-step-banner.type4 .line::before{content: ''; width: 15px; height: 24px; position: absolute; top: -10px; right: -5px; background: url(../../images/sub/hour-arr.png) no-repeat center / cover; }

.smis-wrap a{padding-right: 23px; position: relative; color: #555555; }
.smis-wrap a::before{content: ''; width: 15px; height: 15px; position: absolute; top: 3px; right: 0; background: url(../../images/sub/title-ic.png) no-repeat right center / cover;}
.smis-wrap span{margin-left: 5px;}

.prcess-wrap .wrap-step-banner.type4{padding:46px 55px 60px 40px;}
.prcess-wrap .wrap-step-banner.type4.flex li.arr{flex: 1;}
.prcess-wrap .wrap-step-banner.type4 .box{width: auto;}

@media screen and (max-width:1400px){
  .kako-ch-wrap .wrap-step-banner.type4{padding: 30px;}
  .kako-ch-wrap .wrap-step-banner.type4 li{width: auto;}
  .kako-ch-wrap .wrap-step-banner.type4 .box strong , .hour-wrap .wrap-step-banner.type4 .box strong{font-size: 16px;}
  .hour-wrap .wrap-step-banner.type4 ul{flex-wrap: nowrap;}
  .hour-wrap .wrap-step-banner.type4 li{width: auto;}
  .prcess-wrap .wrap-step-banner.type4 li{width:auto;}
  .prcess-wrap .wrap-step-banner.type4{padding:30px;}
  .prcess-wrap .wrap-step-banner.type4.flex li.arr{flex: none;}
}

@media screen and (max-width:1024px){
  .hour-wrap .wrap-step-banner.type4{padding: 30px;}
  .hour-wrap .wrap-step-banner.type4 .line{margin: 0 30px;}
}

@media screen and (max-width:880px){
  .kako-ch-wrap .wrap-step-banner.type4 ul {justify-content: center;}
  .kako-ch-wrap .wrap-step-banner.type4 li {width: 100%; }
  .kako-ch-wrap .wrap-step-banner.type4 li.arr {transform: rotate(90deg); height:30px;}

  .prcess-wrap .wrap-step-banner.type4 li{width:100%;}
  .prcess-wrap .wrap-step-banner.type4 li.arr {transform: rotate(90deg); height:30px;}
}

@media screen and (max-width:768px){
  .hour-wrap .wrap-step-banner.type4 ul {justify-content: center; flex-wrap: wrap;}
  .hour-wrap .wrap-step-banner.type4 li {width: 100%; }
  .hour-wrap .wrap-step-banner.type4 li:last-child{padding-top: 100px;}
  .hour-wrap .wrap-step-banner.type4 .line{width: 60px; top: 45px; transform: rotate(90deg);}
  .smis-wrap a{display: inline-block;}
  .smis-wrap span{margin-left: 0; display: block;}
}

/* 고객헌장 전문 */
.cus-goal-wrap .goal-box{padding: 38px 20px 38px 60px; background: #F8F8F8;}
.cus-goal-wrap .goal-box > ul > li{display: flex; align-items: center; margin-bottom: 22px;}
.cus-goal-wrap .goal-box > ul > li:last-child{margin-bottom: 0;}
.cus-goal-wrap .goal-box .left{width: 80px;}
.cus-goal-wrap .goal-box .round{width: 80px; height: 80px; background: #3176D0; border-radius: 50px;display: flex; align-items: center; justify-content: center;}
.cus-goal-wrap .goal-box .left p{font-size: 22px; font-family: pb; color: #fff; }
.cus-goal-wrap .goal-box .right{width:calc(100% - 80px); margin-left: 30px;}
.cus-goal-wrap .list01 li{font-size: 20px; font-family: pm; color: #333333;}
.cus-goal-wrap .list02 strong{font-size: 18px; font-family: pm; color: #111111;}
.cus-goal-wrap .list02 li{padding-left: 15px; font-size: 18px; font-family: pm; color: #555555; position: relative; margin-top: 3px;}
.cus-goal-wrap .list02 li::before{content: ''; width: 9px; height: 4px; position: absolute; top: 12px; left: 0; background: url(../../images/sub/goals-ic.png) no-repeat center / cover;}

@media screen and (max-width:768px){
  .cus-goal-wrap .goal-box{padding: 30px;}
  .cus-goal-wrap .list01 li{font-size: 18px;}
  .cus-goal-wrap .list02 li{font-size: 16px;}
  .cus-goal-wrap .list02 strong{font-size: 16px;}
  .cus-goal-wrap .list02 li::before{top: 9px;}
}

@media screen and (max-width:550px){
  .cus-goal-wrap .goal-box > ul > li{align-items: normal;}
  .cus-goal-wrap .goal-box .left{width: 50px;}
  .cus-goal-wrap .goal-box .left p{font-size: 17px;}
  .cus-goal-wrap .goal-box .round{width: 50px;height: 50px;}
  .cus-goal-wrap .goal-box .right{width:100%; margin-left: 15px;}
  .cus-goal-wrap .list01 li{font-size: 16px;}
  .cus-goal-wrap .list02 li{font-size: 15px;}
  .cus-goal-wrap .list02 strong{font-size: 15px;}
  .cus-goal-wrap .list02 li::before{top: 8px;}
}

/* 민원신청 안내 */
.wrap-icon-banner.civil{padding: 40px 0;}
.wrap-icon-banner .con-list1 {margin-top: 7px;}
.wrap-icon-banner .emph{font-size: 20px; font-family: pm; color: #222222;}
.wrap-icon-banner .emph > em{font-family: pb; margin-top: 10px; display: inline-block;}
.wrap-icon-banner .btn-style1.ico1::before {mask:url('../../images/sub/ic-btn22.svg') no-repeat 50% 50%;}

.wrap-icon-banner .con-table .con-list1 li{font-size: 16px; color: #666666; margin-top: 0;}
.wrap-icon-banner .con-table .con-list1 > ul > li::before{top: 9px;}

@media screen and (max-width:1200px){
  .wrap-icon-banner .emph{font-size: 18px;}
  .wrap-icon-banner .con-table .con-list1 li{font-size: 15px;}
}

@media screen and (max-width:850px){
  .wrap-icon-banner.civil{padding: 30px 0;}
}

@media screen and (max-width:700px){
  .wrap-icon-banner .emph{font-size: 16px;}
}

/* 이용방법 */
.login-wrap .process-list{display: flex; padding: 30px 20px 30px 30px; background: #F8F8F8;}
.login-wrap > ul > li{margin-bottom: 30px;}
.login-wrap .left{width: 130px; height: 130px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.login-wrap .right{width: calc(100% - 180px ); margin-left: 50px;}
.login-wrap .right p{font-size: 25px; font-family: pb; color: #152E6E;}

.login-wrap .con-list1 > ul > li{color: #333333; letter-spacing: -0.05em;}
.login-wrap .circle-num-list > ul > li{font-size: 16px;}
.login-wrap .circle-num-list > ul > li .num{top: 2px;}

.login-wrap .list01{margin-top: 18px;}
.login-wrap .list01 li{padding-left: 20px; font-size: 16px; font-family: pm; color: #555555; position: relative; margin-top: 10px;}
.login-wrap .list01 li::before{content: ''; width: 9px; height: 4px; position: absolute; top: 9px; left: 0; background: url(../../images/sub/goals-ic.png) no-repeat center / cover;}

@media screen and (max-width:700px){
  .login-wrap .list01 li{font-size: 15px;}
  .login-wrap .right p{font-size: 23px;}
  .login-wrap .process-list{display: block; padding: 20px;}
  .login-wrap .left{ margin: auto;}
  .login-wrap .right{margin-left: 0; width: 100%; margin-top: 20px;}
}

/* 신청하기 */
.wrap-text-banner.login .btn-style2.small{margin-left: 10px;}

@media screen and (max-width:550px){
  .wrap-text-banner.login .btn-style2.small{margin-left: 5px; margin-top: 10px;}
}

/* 서면민원 */
.apply-list-banner .box > ul{display: flex; margin: 0 -15px; flex-wrap: wrap;}
.apply-list-banner .box > ul >li{width: 50%; padding: 0 15px; flex: 1; margin-bottom:30px;}
.apply-list-banner .list-box {padding: 45px 20px 25px 35px; display:flex; height: 100%;}
.apply-list-banner .left{width: 130px;}
.apply-list-banner .left > p{font-size: 25px; font-family: pb; color: #152E6E; text-align: center; margin-top: 20px;}
.apply-list-banner .ic-box{width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%;}
.apply-list-banner .right{width: calc(100% - 165px); margin-left: 35px;}
.apply-list-banner .right .tit{font-size: 18px; font-family: pb; color: #222222; line-height: 1.5;}
.apply-list-banner .right > a{margin-top: 20px;}
.apply-list-banner .list-box.bg1{background: #ECF3F9;}
.apply-list-banner .list-box.bg2{background: #ECF6F9;}
.apply-list-banner .con-list1{margin-top: 20px;}
.apply-list-banner .con-list1 > ul > li{font-size: 16px; color: #333333; letter-spacing: -.05em; margin: 7px 0 0 0;}
.apply-list-banner .con-list1 > ul > li:last-child{line-height: 30px;}

@media screen and (max-width:1400px){
  .write-wrap .wrap-step-banner ul{justify-content: unset;}
}

@media screen and (max-width:1100px){
  .apply-list-banner .list-box{padding: 30px 20px;}
  .apply-list-banner .left > p{font-size: 22px;}
  .apply-list-banner .right{width: calc(100% - 140px); margin-left: 20px;}
  .apply-list-banner .right .tit{font-size: 17px;}
}

@media screen and (max-width:1000px){
  .apply-list-banner .box > ul{display: block; margin: 0 0;}
  .apply-list-banner .box > ul >li{width: 100%; padding: 0 0}
  .apply-list-banner .box > ul >li:last-child{margin-bottom: 0;}
  .apply-list-banner .left > p{margin-top: 12px;}
  .apply-list-banner .box > ul >li:last-child{margin-bottom: 0;}
}

@media screen and (max-width:870px){
  .write-wrap .wrap-step-banner ul{justify-content: space-between;}
  .write-wrap .wrap-step-banner li.arr{margin: auto ;}
}

@media screen and (max-width:650px){
  .apply-list-banner .list-box{display: block;}
  .apply-list-banner .left{margin: 0 auto;}
  .apply-list-banner .right{width: 100%; margin-left: 0; margin-top: 20px;}
}

/* 신고하기 */
.banner-wrap.report{padding: 50px 0 115px 40px;}
.apply-list-banner.type2 .box > ul >li{flex: none; display: flex;}
.apply-list-banner.type2 .box > ul >li > div{display: flex;flex: 1;}
.apply-list-banner.type2 .list-box{flex: 1; padding: 32px 50px 30px 35px; min-height: 300px;}
.apply-list-banner.type2 .tit2{font-size: 30px; font-family: pb; color: #152E6E; line-height: 1.3 ;}
.apply-list-banner.type2 .right{position: relative;}
.apply-list-banner.type2 .right .btn-style2 {position: absolute; right: 0; bottom: 0; }
.apply-list-banner.type2 .con-list1{padding-bottom: 40px;}
.apply-list-banner.type2 .con-list1 > ul > li{line-height: 1.5; margin-top: 15px;}
.apply-list-banner.type2 .con-list1 > ul > li:last-child{line-height: 1.5;}
.apply-list-banner.type2 .con-list1 > ul > li:before{top: 9px;}

@media screen and (max-width:1200px){
  .apply-list-banner.type2 .tit2{font-size: 27px;}
  .apply-list-banner.type2 .list-box{padding: 30px 20px 20px 20px;}
}

@media screen and (max-width:1000px){
  .apply-list-banner.type2 .tit2{font-size: 24px;}
  .apply-list-banner.type2  .box > ul >li:last-child{margin-bottom: 0;}
  .apply-list-banner.type2 .list-box{min-height: auto;}
  .apply-list-banner.type2 .con-list1{padding-bottom: 50px;}
}

@media screen and (max-width:740px){
  .banner-wrap.report {padding:35px 20px 80px 20px;}
  .banner-wrap.report .wrap-inner{width: 100%;}
}

/* 부정부패 이용안내 */
.corrup-wrap .btn-style1.ico1::before {mask:url('../../images/sub/sound-ic1.png') no-repeat 50% 50%;}

/* 기업민원 보호 서비스 */
.one-tit-wrap > ul{background: #F9F9F9; padding: 30px 15px 8px 35px;}
.one-tit-wrap > ul > li{font-size:18px ; font-family: pm; color: #555555; margin-bottom: 17px;}
.one-tit-wrap strong{font-family: pm; color: #111111;}
.report-noti{border: 1px solid #DDDDDD; padding: 15px 20px 25px 30px;}
.report-noti ul{display: flex; margin-top: 10px;}
/* .report-noti ul li{flex: 1;} */

.report-noti ul li:first-child{margin-left: 35px;}
.report-noti ul li:nth-child(2){margin-left: 82px;}
.report-noti ul li:nth-child(3){margin-left: 80px;}

.report-noti li > p{padding-left: 35px; position: relative; font-size:18px; color:#555}

.report-noti li > p strong{font-family: pm; color: #111111;}
.report-noti li > p > a{color: #555555;}
.report-noti strong{margin-left: 10px; display: inline-block;}
.report-noti li:first-child > p::after{content: ''; background: url(../../images/sub/report-ic1.png) no-repeat; width: 19px; height: 13px; position: absolute; left: 8px; top: 7px;}
.report-noti li:nth-child(2) > p::after{content: ''; background: url(../../images/sub/report-ic2.png) no-repeat; width: 19px; height: 17px; position: absolute; left: 8px; top: 5px; }
.report-noti li:nth-child(3) > p::after{content: ''; background: url(../../images/sub/report-ic3.png) no-repeat; width: 16px; height: 18px; position: absolute; left: 10px; top:5px;}

.report-noti li > p::before{content: ''; width: 35px; height: 35px; background: #F1F1F1; border-radius: 50%; position: absolute; left: 0; top: 10px; margin-top: -12.5px;}
.circle-num-list.service .arr-list{margin-top: 0;}

.circle-num-list.service > ul > li{margin: 30px 0 0 0;}

@media screen and (max-width:1100px){
  .report-noti ul li:first-child , .report-noti ul li:nth-child(2) , .report-noti ul li:nth-child(3){margin-left: 30px;}
  .report-noti ul li{font-size: 16px;}
  .report-noti{padding: 25px 10px 25px 20px;}
}

@media screen and (max-width:1024px){
  .report-noti ul{display: block;}
  .report-noti ul li{margin-bottom: 25px;}
  .report-noti ul li:last-child{margin-bottom: 0px;}
  .one-tit-wrap > ul > li{font-size: 16px;}
}

@media screen and (max-width:768px){
  .one-tit-wrap > ul{padding: 20px 20px 8px 20px;}
  .one-tit-wrap > ul > li{margin-bottom: 10px;}
} 

/* 환경경영 시스템 */
.math-num-wrap {background: #F8FAFB; padding: 70px 30px 45px 50px;}
.math-num-wrap .top-box {border-bottom: 1px solid #D9D9D9; padding-bottom: 45px; margin-right: 50px;}
.math-num-wrap .top-box >img{width: 100%;}
.noti-txt .sub-p{color: #5E6A87;} 

/* 환경경영시스템 개요 */
.enviro-wrap > ul > li{padding-bottom: 30px;}
.enviro-wrap .list-box{display: flex; align-items: center;}
.enviro-wrap .tit-box{width: 265px; padding-right: 90px; position: relative;}
.enviro-wrap .tit-box::before{content: ''; width: 90px; height: 1px; background: #152E6E; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.enviro-wrap .list-box .right{width: calc(100% - 330px); margin-left: 65px;}
.enviro-wrap .tit-box > span{font-family: "ncb"; font-size: 25px; line-height: 1.5; letter-spacing: -.05em; color: #333333;}

/* item01 */
.enviro-wrap .item01{text-align: center;}
.enviro-wrap .item-inner {padding: 50px 20px 43px 20px; position: relative;}
.enviro-wrap .item-inner::after{content:""; width:88%; height:calc(100% + 4px); background: #fff; position:absolute; left:50%; margin-left:-44%; top:50%;transform: translateY(-50%); display:inline-block; }
.enviro-wrap .item-inner::before{content:''; width:100%; height:100%; border:2px solid #152E6E; position:absolute; top:0; left:0;}
.enviro-wrap .item-inner > span{font-family: 'ncm'; font-size: 30px; line-height: 1.5; letter-spacing: -.05em; color: #3A528E; position: relative; padding: 0 42px; display: inline; z-index: 1;}
.enviro-wrap .item-inner > span::before{content: ''; background: url(../../images/sub/mi-left-sh.png) no-repeat left / cover; width: 24px; height: 18px; position: absolute; left: 0; top: 0;}
.enviro-wrap .item-inner > span::after{content: ''; background: url(../../images/sub/mi-right-sh.png) no-repeat right / cover; width: 24px; height: 18px; position: absolute; right: 0; bottom: 18px;}
.enviro-wrap .item-inner em{font-family: "ncb"; color: #152E6E;}

/* item02 */
.enviro-wrap li:nth-child(2) .tit-box{margin-top: 120px;}
.enviro-wrap .item02{ position: relative;background: url(../../images/sub/vision-bg.png) no-repeat center / cover; margin-top: 120px; }
.enviro-wrap .item02::before{content: ''; background: url(../../images/sub/enviro-arrow.png) no-repeat center / cover; width: 282px; height: 133px; position: absolute; bottom: 84%;}
.enviro-wrap .item02 , .enviro-wrap .item03{text-align: center;  border-radius: 8px; min-height: 140px; display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.enviro-wrap .item03{background: url(../../images/sub/enviro-bg.png) no-repeat center / cover;}

/* item03 */
.enviro-wrap .item02 > span, .enviro-wrap .item03 > span{font-family: 'ncm'; font-size: 27px; line-height: 1.5; letter-spacing: -.05em; color: #fff;}
.enviro-wrap .item02 em , .enviro-wrap .item03 em{font-family: "ncb";}

/* item04 */
.enviro-wrap .item04 > ul{display: flex; align-items: center; justify-content: space-between; margin: 0 -25px;}
.enviro-wrap .item04 > ul > li{width:33.3333%; padding: 0 25px;}
.enviro-wrap .goal-box{position: relative;}
.enviro-wrap .goal-box > p{font-size: 18px; font-family: 'ncm'; color: #222222; line-height: 1.5; letter-spacing: -.05em; text-align: center; min-height: 140px; display: flex; align-items: center; justify-content: center;}
.enviro-wrap .goal-box{border-radius: 8px;}
.enviro-wrap .goal-box.bg01{background: #D5EDF5; }
.enviro-wrap .goal-box.bg02{background: #D6E6F8;}
.enviro-wrap .goal-box.bg03{background: #D2E0F5;}

@media screen and (max-width:1330px){
  .enviro-wrap li > p{font-size: 16px;}
  .enviro-wrap .str-box{display: block;}
  .enviro-wrap .pic-area{width: 100%; height: 250px;}
  .enviro-wrap .list-area{width: 100%;}
  .enviro-wrap .item-box{padding: 0 0;}
}

@media screen and (max-width:1200px){
  .enviro-wrap .list-box .right{margin-left: 40px; width: calc(100% - 305px);}
  .enviro-wrap .item-inner > span{font-size: 25px;}
  .enviro-wrap .item02 > span, .enviro-wrap .item03 > span{font-size: 25px;}
  .enviro-wrap .item03 > span{font-size: 25px;}
  .enviro-wrap .goal-box > p{font-size: 18px;}
  .enviro-wrap .item04 > ul{margin: 0 -10px;}
  .enviro-wrap .item04 > ul > li{padding: 0 10px;}
}

@media screen and (max-width:1024px){
  .enviro-wrap .tit-box{width: 220px;}
  .enviro-wrap .tit-box::before{width: 70px;}
  .enviro-wrap .list-box .right{width: calc(100% - 260px);}
  .enviro-wrap .tit-box > span{font-size: 23px;}
  .enviro-wrap .item02 > span, .enviro-wrap .item03 > span{font-size: 23px;}
  .enviro-wrap .item04 > ul{display: block; margin: 0 0;}
  .enviro-wrap .item04 > ul > li{padding: 0 0; margin-bottom: 15px; width: 100%;}
  .enviro-wrap .item04 > ul > li:last-child{margin-bottom: 0;}
}

@media screen and (max-width:768px){
  .enviro-wrap .list-box{display: block;}
  .enviro-wrap .tit-box{width: auto; padding-right: 0; display: inline-block;}
  .enviro-wrap .tit-box::before{top: unset; bottom: 0; left: 0; width: 100%; margin-top: 0;}
  .enviro-wrap .item02::before{bottom: 150%;}
  .enviro-wrap .list-box .right{margin-left: 0; width: 100%; margin-top: 40px;}
  .enviro-wrap .item-inner > span{font-size: 23px;}
  .enviro-wrap .item02 > span, .enviro-wrap .item03 > span{font-size: 21px;}
}
/* 환경경영시스템 개요-조직 */
.enviro-org-wrap {display: flex;justify-content: space-between;}
.enviro-org-wrap > .left {width: 25%;}
.enviro-org-wrap > .right {width: 75%; margin-left: 60px;}
.enviro-org-wrap .ori-in {border: 1px solid #CCCCCC; text-align: center; padding: 30px 40px;}
.enviro-org-wrap .top-box {margin: auto; padding-bottom: 20px; position: relative;}
.enviro-org-wrap .top-box::before {content: ''; width: 1px; height: 100%; background: #DEDEDE; position: absolute; bottom: 0; left: 50%; margin-left: -1px; z-index: -1;}
.enviro-org-wrap span {font-size: 20px; font-family: pb; color: #fff; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.enviro-org-wrap span.bg1 {background: #152E6E;}
.enviro-org-wrap span.bg2 {background: #3176D0;}

@media screen and (max-width:1200px){
  .enviro-org-wrap > .left {width: 40%;}
  .enviro-org-wrap > .right {width: 60%; margin-left: 50px;}
}

@media screen and (max-width:900px){
  .enviro-org-wrap {display: block;}
  .enviro-org-wrap > .left {width: 100%;}
  .enviro-org-wrap > .right {width: 100%; margin: 20px 0;}
  .enviro-org-wrap span {font-size: 16px; height: 50px}
}
/* 환경경영시스템 개요 - 조직 
.enviro-org-wrap .ori-in{border: 1px solid #CCCCCC; text-align: center; padding: 80px 20px 90px 20px;}
.enviro-org-wrap .top-box{margin: auto; padding-bottom: 20px; position: relative;}
.enviro-org-wrap .top-box::before{content: ''; width: 1px; height: 100%; background: #DEDEDE; position: absolute; bottom: 0; left: 50%; margin-left: -1px; z-index: -1;}
.enviro-org-wrap span{font-size: 20px; font-family: ncb; color: #fff; width: 250px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.enviro-org-wrap span.bg1{font-size: 25px; background: #152E6E;}
.enviro-org-wrap span.bg2{background: #3176D0;}
.enviro-org-wrap .under-box > ul{display: flex; justify-content: space-between;  position: relative; width: 820px; margin: auto;}
.enviro-org-wrap .under-box > ul::before{content: ''; width: 69.7%; height: 1px; background: #DEDEDE; position: absolute; top: 0; left: 50%; transform: translate(-50%);}
.enviro-org-wrap .under-box > ul > li{padding-top: 50px; position: relative;}
.enviro-org-wrap .under-box > ul > li::before{content: ''; width: 1px; height: 100%; background: #DEDEDE; position: absolute; top:0; left: 50%; margin-left: -1px; z-index: -1;}

@media screen and (max-width:1024px){
  .enviro-org-wrap span{width: 220px; font-size: 19px; height: 70px;}
  .enviro-org-wrap span.bg1{font-size: 23px;}
  .enviro-org-wrap .under-box > ul{width: 600px;}
  .enviro-org-wrap .under-box > ul::before{width: 64%;}
}
*/
@media screen and (max-width:730px){
  .enviro-org-wrap .under-box > ul{display: block; width: 100%;}
  .enviro-org-wrap .under-box > ul::before{display: none;}
}

/* 환경경영 체체 & 인증서 */
.certif-wrap .box-in{display: flex; justify-content: space-between; align-items: center;}
.certif-wrap img{width: 100%;}
.certif-wrap .box-in > .left{width: 1045px; border: 1px solid #CFCFCF;}
.certif-wrap .box-in > .right{width: 375px; border: 1px solid #CFCFCF; margin-left: 60px;}

@media screen and (max-width:1200px){
  .certif-wrap .box-in > .right{margin-left: 30px;}
}

@media screen and (max-width:720px){
  .certif-wrap .box-in{display: block;}
  .certif-wrap .box-in > .left{width: 100%; margin-bottom: 20px;}
  .certif-wrap .box-in > .right{width: 100%; margin-left: 0;}
}

/* 환경방침 */
.enviro-wrap .secu-wrap .con > p {padding-bottom: 35px;}
.enviro-wrap .secu-wrap .list li{margin-bottom: 40px;}
.enviro-wrap .secu-wrap {position: relative; background:url('../../images/sub/enviro-list-img.jpg') no-repeat center / cover;}

.enviro-wrap .last-p{padding-top: 55px;}
.enviro-wrap .secu-wrap .name-box{text-align: right; padding: 48px 50px 63px 50px; margin-top: -15px;}
.enviro-wrap .name-box .name2 > span{margin-left: 20px;}

@media screen and (max-width:768px){
  .enviro-wrap .secu-wrap .list li{margin-bottom: 20px;}
}

@media screen and (max-width:580px){
  .enviro-wrap .secu-wrap .list li{margin-bottom: 20px;}
  .enviro-wrap .secu-wrap .name-box{text-align: center;}
}

/* 공통 */
.full-img {width: 100%;}
.half-img {display: flex;justify-content: space-between;text-align: center;}
.half-img.img-mg30 > div {width: calc(50% - 15px);}
.half-img.img-mg60 > div {width: calc(50% - 30px);}
.half-img > div:last-child {margin-right: 0;}
.half-img > div img {width: 100%;}
.half-img.border > div img {border: 1px solid #ddd;}

@media screen and (max-width: 1480px) {
  .half-img.img-mg30 > div {width: calc(50% - 10px);}
  .half-img.img-mg60 > div {width: calc(50% - 10px);}
}

@media screen and (max-width: 900px) {
  .half-img {flex-direction: column;}
  .half-img > div {width: 100% !important;margin-right: 0;margin-bottom: 30px;}
  .half-img > div:last-child {margin-bottom: 0;}
}

/* [S] 수상 */
.award ul.tab { display: flex; margin-bottom: 100px; border-bottom: 1px solid #dadada; overflow-x: auto; } 
.award ul.tab li { position: relative; flex: 1; min-width: 70px; padding: 15px 0; font-size: 18px; color: #121212; font-family: 'gm'; cursor: pointer; text-align: center; } 
.award ul.tab::-webkit-scrollbar { height: 5px; } 
.award ul.tab::-webkit-scrollbar-thumb { background-color: #aaa; } 
.award ul.tab li::after { content: ''; position: absolute; right: 0; top: 20px; width: 1px; height: 15px; background-color: #cecece; } 
.award ul.tab li:last-child::after { display: none; } 
.award ul.tab li.on { border-bottom: 4px solid #3176d0; color: #3176d0; font-family: 'gm'; } 
.award .info { display: flex; } 
.award .banner { width: 180px; height: 590px; padding: 20px 10px; background-image: url('../../images/sub/award-banner-bg.jpg'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; text-align: center; flex-shrink: 0; border-radius: 30px 0 30px 0; overflow: hidden; position: sticky; top:140px;} 
.award .banner .year { display: block; font-size: 45px; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; font-family: 'pbl'; } 
.award .banner span { display: inline-block; padding: 12px 0; position: relative; color: #fff; } 
.award .banner span::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 18px; height: 1px; background-color: #fff; } 
.award .list-wrap { position: relative; padding-left: 90px; } 
.award .list-wrap::before { content: ''; position: absolute; left: 44.5px; top: 0; width:1px; height: 100%; background-color: #ddd; } 
/* .award .list { display: none; } */
.award .list.on { display: block; } 
.award .list ul { display: flex; flex-direction: column-reverse; position: relative; } 
.award .list a { position: relative; } 
.award .list li { display: flex; align-items: flex-start; transform: translateY(-6px); position: relative; margin-bottom: 35px; } 
.award .list li:first-child { margin-bottom: 0; } 
.award .list li > div { transform: translateY(-1px); } 
.award .list li .month {flex-shrink: 0;}
.award .list strong { position: relative; padding-right: 31px; margin-right: 10px; background-image: url('../../images/common/double-arrow-blue.svg'); background-position: right center; background-repeat: no-repeat; color: #152e6e; font-size: 20px; font-family: ncb; } 
.award .list strong::before { content: ''; position: absolute; left: -47.5px; top:50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background-color: #bbb; } 
.award .list ul li:last-child strong::before { content: ''; position: absolute; left: -55px; top: 6px; width: 21px; height: 21px; border-radius: 50%; background-color: #d3e6ff; } 
.award .list ul li:last-child strong::after { content: ''; position: absolute; left: -51.5px; top: 8px; width: 13px; height: 13px; border: 4px solid #3176d0; border-radius: 50%; background-color: #fff; } 
.award .list p { color: #121212; font-size: 22px; font-family: ncm; } 
.award .list em { display: flex; position: relative; padding-left: 20px; color: #666; font-size: 17px; font-family: ncl; } 
.award .list em::before { content: ''; position: absolute; left: 0; top: 11px; width: 10px; height: 4px; background-image: url('../../images/common/list-arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; } 
.award .list em i { font-size: 18px; font-family: ncm; color: #333; } 
.award .list em span { transform: translateY(0.5px); font-family: ncm;} 

@media screen and (max-width: 900px){
  .award ul.tab { margin-bottom: 50px; } 
  .award ul.tab::-webkit-scrollbar { height: 3px; } 
  .award ul.tab li { padding: 10px 0; } 
  .award ul.tab li::after { top: 14px } 
  .award .info { flex-direction: column; } 
  .award .list-wrap { padding-left: 40px; } 
  .award .list-wrap::before { left: 9.5px; } 
  .award .banner { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 180px; margin-bottom: 70px; top:0;} 
  .award .banner > div { position: relative; z-index: 1; } 
  .award .banner::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.6; } 
  .award .list strong::before { left: -32.5px; } 
  .award .list ul li:last-child strong::before { left: -40px } 
  .award .list ul li:last-child strong::after { left: -36px } 
}

@media screen and (max-width: 768px){
  .award ul.tab { margin-bottom: 40px; } 
  .award ul.tab li { padding: 7px 0; font-size: 16px; } 
  .award ul.tab li::after { top: 11px; height: 12px; } 
  .award .banner { height: 150px; } 
  .award .list strong { font-size: 18px; } 
  .award .list p { font-size: 17px; } 
  .award .list em { font-size: 16px; } 
  .award .list em::before { top: 9px; } 
  .award .list em i { font-size: 16px; } 
}
/* [E] 수상 */

/* [S] 임원 및 경영진 */
.executive ul.list { display: flex; flex-wrap: wrap; } 
.executive ul.list > li { position: relative; width: calc((100% / 4) - 22.5px); flex-wrap: wrap; margin-right: 30px; padding: 30px; min-height: 486px; margin-bottom: 30px; text-align: center; border: 1px solid #bbb; } 
.executive ul.list > li:nth-child(4n) { margin-right: 0; } 
.executive ul.list > li::before { content: ''; position: absolute; left: -5px; top: -5px; width: 121px; height: 110px; background-image: url('../../images/sub/profile-border-lt.png'); background-position: center; background-repeat: no-repeat; background-size: contain; background-color: #fff; } 
.executive ul.list > li::after { content: ''; position: absolute; right: -5px; bottom: -5px; width: 121px; height: 110px; background-image: url('../../images/sub/profile-border-rb.png'); background-position: center; background-repeat: no-repeat; background-size: contain; background-color: #fff; } 
.executive ul.list .img-box { display: inline-block; position: relative; width: 164px; height: 164px; } 
.executive ul.list .img-box img { position: relative; z-index: 1; } 
.executive ul.list .img-box::before { content: ''; position: absolute; left: -1px; bottom: 10px;; width: 64px; height: 64px; background-color: #6eadff; border-radius: 50%; } 
.executive ul.list .img-box::after { content: ''; position: absolute; right: -22px; bottom: 10px;; width: 127px; height: 127px; background-image: url('../../images/sub/profile-dashed-bg.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } 
.executive ul.list .img-box.no-image img { width: 100%; height: 100%; border: 1px solid #bbb; object-fit: cover; object-position: center; border-radius: 50%; background-color: #fff } 
.executive ul.list .name { display: block; padding-bottom: 20px; margin-top: 14px; margin-bottom: 24px; font-size: 20px; color: #152e6e; border-bottom: 1px solid #444; font-family: 'ncb'; } 
.executive ul.list .name em { position: relative; display: inline-block; padding: 0 8.5px; font-size: 18px;} 
/*.executive ul.list .name em::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 8px; background-color: #444; } */

.executive ul.list .name i { display: block; padding: 0 6.5px } 
.executive ul.info { position: relative; z-index: 1; text-align: left; } 
.executive ul.info li { display: flex; position: relative; margin-bottom: 9px; padding-left: 15px; font-size: 18px; color: #555; font-family: ncm;} 
.executive ul.info li:last-child { margin-bottom: 0; } 
.executive ul.info li::before { content: ''; position: absolute; left: 0; top: 6.5px; width: 5px; height: 5px; transform: translateY(4px); background-color: #3176d0; border-radius: 50%; flex-shrink: 0; } 
.executive ul.info li b { font-size: 16px; font-weight: normal; } 

@media screen and (max-width: 1200px){
  .executive ul.list { justify-content: space-between; } 
  .executive ul.list > li { width: calc((100% / 2) - 10px); min-height: auto; margin-right: 20px; padding: 20px 20px 40px; background-size: 100% 100%; } 
  .executive ul.list .name { margin-bottom: 18px; } 
  .executive ul.list > li:nth-child(2n) { margin-right: 0; } 
}

@media screen and (max-width: 768px){
  .executive ul.list > li {width: 100%; margin-right: 0; padding: 20px; } 
  .executive ul.list .name { font-size: 18px; padding-bottom: 10px; } 
  .executive ul.info li { padding-left: 10px; margin-bottom: 5px; font-size: 16px; } 
  .executive ul.info li::before { width: 4px; height: 4px; top: 5px } 
  .executive ul.list .img-box { width: 130px; height: 130px; } 
  .executive ul.list .img-box::before { width: 44px; height: 44px; left: -1px; } 
  .executive ul.list .img-box::after { right: -20px; width: 100px; height: 100px; } 
  .executive ul.list .name em { padding: 0 6px; } 
  .executive ul.list .name i { padding: 4px; } 
}
/* [E] 임원 및 경영진 */

/* [S] 프로필 */
.profile .visual { margin-top: 105px; margin-bottom: 78px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('../../images/sub/profile-bg.jpg'); } 
.profile .visual .center-wrap { display: flex; justify-content: space-between; width: 100%; max-width: 1480px; margin: 0 auto; } 
.profile .visual .left { width: 380px; min-width: 280px; margin-right: 70px; } 
.profile .visual .left img { transform: translateY(-66px); } 
.profile .visual .right { width: 1010px; margin-top: 82px; } 
.profile .visual .right > div { display: flex; margin-bottom: 55px; padding-bottom: 43px; align-items: center; border-bottom: 1px solid #fff; } 
.profile .visual .right ul { margin-left: 20px; } 
.profile .visual .right li { padding-left: 13px; } 
.profile .visual span { font-size: 20px; color: #9ec8ff; } 
.profile .visual strong { margin-right: 15px; font-size: 45px; color: #fff; font-family: 'ncb'; } 
.profile .visual li { position: relative; font-size: 20px; color: #fff; } 
.profile .visual li::before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -1.5px; background-color: #fff; } 
.profile .visual li span { margin-right: 15px; color: #fff; } 
.profile .visual li em { position: relative; } 
.profile .visual li em::before { content: ''; position: absolute; left: -10px; top: 50%; margin-top: -6.5px; width: 2px; height: 13px; background-color: #65a1eb; } 
.profile .info { position: relative; display: inline-block; font-size: 30px; color: #fff; } 
.profile .info i { position: relative; display: inline-block; } 
.profile .info em { position: relative; } 
.profile .info i:first-child { padding: 0 32px; } 
.profile .info i:last-child { padding: 0 32px; } 
.profile .info i:first-child:before { content: ''; position: absolute; left: 10px; top: -6px; width: 34px; height: 26px; background-image: url('../../images/common/dot.png'); background-size: contain; background-repeat: no-repeat; } 
.profile .info em::after { content: ''; width: 34px; height: 26px; position: absolute; top: -1px; right: -18px; background-image: url('../../images/common/dot.png'); background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); } 
.profile .info b { color: #fff; font-family: 'ncb'; } 
.profile .bottom strong { position: relative; display: inline-block; transform: translateY(-9px); padding-left: 35px; margin-right: 50px; font-size: 30px; color: #222; font-family: 'ncb'; width: 180px; } 
.profile .bottom strong::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -11px; width: 22px; height: 22px; background-color: #e2efff; border-radius: 50%; } 
.profile .bottom strong::after { content: ''; position: absolute; align-self: baseline; left: 5.5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-color: #3176d0; border-radius: 50%; } 
.profile .bottom > ul > li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; } 
.profile .bottom > ul > li:last-child { margin-bottom: 0; } 
.profile .bottom ul.info { width: 100%; padding: 27px 53px 27px 53px; border: 1px solid #ddd; } 
.profile .bottom ul.info li { display: flex; margin-bottom: 7px; font-size: 20px; } 
.profile .bottom ul.info li:last-child { margin-bottom: 0; } 
.profile .bottom ul.info li span { position: relative; display: inline-block; min-width: 95px; font-size: 20px; color: #222; font-family: 'ncm'; } 
.profile .bottom ul.info li span::before { content: ''; position: absolute; left: -16px; top: 50%; margin-top: -2px; width: 10px; height: 4px; background-image: url('../../images/common/list-arrow.svg'); background-size: contain; } 
.profile .bottom ul.info li em { font-size: 20px; color: #555; } 

@media screen and (max-width: 1480px){
  .profile .visual { margin-top: 65px; padding-bottom: 40px; } 
  .profile .visual .left img { transform: translateY(-2vw) } 
  .profile .visual .center-wrap { padding: 0 20px; } 
}

@media screen and (max-width: 1180px){
  .profile .visual .left img { transform: translateY(-20px) } 
  .profile .visual { padding-bottom: 20px; } 
  .profile .visual span { font-size: 18px; } 
  .profile .visual strong { font-size: 37px; } 
  .profile .visual li { font-size: 18px; } 
  .profile .visual .right > div { margin-bottom: 30px; padding-bottom: 28px; } 
  .profile .info { font-size: 30px; } 
  .profile .info i:first-child:before { width: 30px; height: 30px; } 
  .profile .info em::after { width: 30px; height: 30px; } 
}

@media screen and (max-width: 900px){
  .profile .visual { padding-bottom: 50px; background-position: right top } 
  .profile .visual .center-wrap { flex-direction: column; align-items: center; } 
  .profile .visual .left { margin-right: 0; width: 100%; text-align: center; } 
  .profile .visual .left img { width: 80%; min-width: 200px;} 
  .profile .visual .right { width: 100%; text-align: center; margin-top: 0; } 
  .profile .visual .right > div { flex-direction: column; } 
  .profile .visual .right li { text-align: left; } 
  .profile .visual strong { margin-right: 0; } 
  .profile .bottom > ul > li { flex-direction: column; margin-bottom: 70px; } 
}

@media screen and (max-width: 768px){
  .profile .visual { margin-bottom: 60px; } 
  .profile .visual .left img { transform: translateY(-20px) } 
  .profile .visual { padding-bottom: 22px; } 
  .profile .visual span { font-size: 15px; } 
  .profile .visual strong { font-size: 34px; } 
  .profile .visual li { font-size: 15px; } 
  .profile .visual .right > div { margin-bottom: 30px; padding-bottom: 28px; } 
  .profile .visual li span { margin-right: 15px; } 
  .profile .visual li em::before { left: -9.5px } 
  .profile .info { font-size: 23px; } 
  .profile .info i:first-child:before { width: 30px; height: 30px; } 
  .profile .info em::after { width: 30px; height: 30px; } 
  .profile .bottom > ul > li { margin-bottom: 50px; } 
  .profile .bottom strong { font-size: 23px; } 
  .profile .bottom strong::before { width: 18px; height: 18px; } 
  .profile .bottom strong::after { width: 8px; height: 8px; left: 4.5px; top: 16px } 
  .profile .visual .right > div { margin-bottom: 19px; padding-bottom: 19px; } 
  .profile .bottom ul.info li span { min-width: 80px; font-size: 16px; } 
  .profile .bottom ul.info li em { font-size: 16px; min-width: 30px; } 
  .profile .bottom ul.info li span::before { margin-top: 0; top: 9px; } 
}
/* [E] 프로필 */

/* [S] 연혁 */
.history .warden-list { margin-top: 25px; } 
.history .warden-list ul { display: flex; flex-wrap: wrap; } 
.history .warden-list li { width: calc((100% / 5) - 46.4px); margin-right: 58px; margin-bottom: 30px; text-align: center; } 
.history .warden-list li:nth-child(5n) { margin-right: 0; } 
.history .warden-list li img { min-width: 150px; box-shadow: 0px 5px 20px 0px rgba(71, 71, 71, 0.18); mix-blend-mode: multiply; border-radius: 10px;} 
.history .warden-list strong { display: block; margin-top: 10px; font-size: 18px; color: #222; font-family: ncb; } 
.history .warden-list span { color: #00abb3; } 
.history .warden-list em { color: #222; font-family: 'ncm'; display: block;} 
.history .warden-list i { font-size: 18px; color: #555; } 
.history .story {overflow: hidden; margin-top: 30px; position: relative; background-image: url('../../images/sub/history_bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } 
.history .story .center-wrap { display: flex; justify-content: space-between; width: 100%; max-width: 1480px; margin: 0 auto; } 
.history .story .left { width: 325px; margin-right: 95px; padding-top: 158px; } 
.history .story .left strong { position: relative; display: block; margin-bottom: 12px; font-size: 33px; line-height: 1.3; color: #fff; font-family: 'ncm'; } 
.history .story ul.tab { position: relative; display: flex; justify-content: space-between; } 
.history .story ul.tab li { margin-right: 5px; } 
.history .story ul.tab li:last-child { margin-right: 0; } 
.history .story ul.tab{ font-size: 18px; color: rgba(255, 255, 255, 0.8); padding-bottom: 5px; font-family: ncm; cursor: pointer; } 
.history .story ul.tab li.on { display: inline-block; color: #60f6ff; border-bottom: 2px solid #60f6ff; font-family: 'pb'; } 
.history .story .right { display: flex; justify-content: space-between; align-items: flex-start; flex: 1; height: 585px; margin-top: 103px; background-color: #fff; padding: 46px 33px 46px 83px; box-shadow: 0px 5px 20px rgba(71, 71, 71, 0.18); } 
.history .story .right .year { position: relative; height: 100%; } 
.history .story .right .year strong { display: inline-block; width: 130px; margin-right: 20px; color: #00abb3; font-size: 40px; font-family: ncb; transform: translateY(-12px); background-color: #fff; } 
.history .story .right .year::before { content: ''; position: absolute; left: 33%; width: 1px; height: 100%; background-color: #ddd; } 
.history .story .right .year span { display: block; transform: translateX(-25px); } 
.history .story .right .story-list { position: relative; width: 100%; } 
.history .story .right .scroll-wrap { width: 100%; height: 100%; height: 490px; overflow-y: auto;} 
.history .story .right .scroll-wrap .wrap { padding-right:  50px; } 
.history .story .right .scroll-wrap::-webkit-scrollbar { width: 8px; } 
.history .story .right .scroll-wrap::-webkit-scrollbar-thumb { background-color: #aaa; } 
.history .story .right .scroll-wrap::-webkit-scrollbar-track { background-color: #ededed; } 
.history .story .right ul.list {flex-direction: column-reverse; position: relative; width: 100%; padding: 30px;; border: 2px solid #e5e5e5; border-radius: 20px; margin-bottom: 40px; } 
.history .story .right ul.list.on {display: flex;}
.history .story .right ul.list:last-child { margin-bottom: 20px; } 
.history .story .right .circle { position: absolute; left: -7.5px; top: 30px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 1; } 
.history .story .right .circle::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #00abb3; border-radius: 50%; } 
.history .story .right .circle::after { content: ''; position: absolute;; left: -9px; top: 50%; background-image: url('../../images/common/arrow-green.svg'); margin-top: -3.5px; width: 15px; height: 7px; } 
.history .story .right li { display: flex; align-items: flex-start; margin-bottom: 12px; z-index: 10; } 
.history .story .right b { position: relative; display: inline-block; min-width: 115px; color: #00abb3; font-size: 18px; font-weight: normal; margin-right: 15px; letter-spacing: -.07em;} 
.history .story .right b::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-color: #4479ba; border-radius: 5px; background-image: url('../../images/common/arrow-white.svg'); background-repeat: no-repeat; background-position: center; background-size: 6px 10px; } 
.history .story .right p { align-self: center; font-family: ncm;} 

@media screen and (max-width: 1480px){
  .history .story { background-position: right top; } 
  .history .story .center-wrap { padding: 0 20px } 
  .history .story .left { max-width: 300px; } 
  .history .story .left strong { font-size: 44px; } 
  .history .story .right { padding: 46px 13px 46px 40px; margin-top: 60px;} 
  .history .story .right .scroll-wrap .wrap { padding-right: 30px; } 
  .history .story .right .year strong { font-size: 32px; margin-right: 10px; width: 105px; } 
  .history .story .right .year span { transform: translateX(-16px); } 
}
@media screen and (max-width: 1200px){
  .history .story { margin-top: 25px; } 
  .history .warden-list li { width: calc((100% / 4) - 22px); margin-right: 29.3333px; } 
  .history .warden-list li:nth-child(5n) { margin-right: 29.3333px; } 
  .history .warden-list li:nth-child(4n) { margin-right: 0; } 
  .history .warden-list li img { min-width: 100%; } 
  .history .story .center-wrap { flex-direction: column; } 
  .history .story .left { max-width: 100%; width: 100%; padding-top: 100px; text-align: center; margin-right: 0; } 
  .history .story .left strong { font-size: 40px; margin-bottom: 30px; } 
  .history .story ul.tab { max-width: 350px; margin: 0 auto; } 
  .history .story .right .year { height: 490px; } 
  .history .story .right .year span { transform: translateX(-10px); } 
  .history .story .right .scroll-wrap .wrap { padding-right: 40px; } 
  .history .story .right .year strong { transform: translateY(0); } 
}

@media screen and (max-width: 1024px){
  .history .warden-list strong { font-size: 18px; } 
  .history .warden-list i { font-size: 15px; } 
  .history { padding-bottom: 70px; } 
  .history .warden-list li { width: calc((100% / 3) - 13.3333px); margin-right: 20px; } 
  .history .warden-list li:nth-child(5n) { margin-right: 20px; } 
  .history .warden-list li:nth-child(4n) { margin-right: 20px; } 
  .history .warden-list li:nth-child(3n) { margin-right: 0; } 
  .history .warden-list strong { font-size: 16px; } 
  .history .story .right .year span { transform: translateX(-5px); } 
  .history .story .left strong { font-size: 33px; margin-bottom: 30px; } 
  .history .story ul.tab a { font-size: 17px; padding-bottom: 3px; } 
  .history .story .left { padding-top: 50px; } 
  .history .story .right { padding: 36px 13px 36px 30px; margin-top: 40px;} 
  .history .story .right .year { height: 390px; } 
  .history .story .right .year strong { width: 90px; font-size: 25px; } 
  .history .story .right .scroll-wrap { height: 390px; } 
  .history .story .right .scroll-wrap .wrap { padding-right: 20px; } 
  .history .story .right ul.list { padding: 20px; margin-bottom: 30px; } 
  .history .story .right b { min-width: 93px; font-size: 15px; margin-right: 13px; } 
  .history .story .right b::before { width: 15px; height: 15px; background-size: 4px 8px; } 
  .history .story .right p { font-size: 14px; } 
}

@media screen and (max-width: 650px){
  .history .warden-list li { width: calc((100% / 2) - 20px);} 
  .history .warden-list li:nth-child(3n){margin-right: 20px;}
}

@media screen and (max-width: 580px){
  .history { padding-bottom: 35px; } 
  .history .story .left strong { padding: 0 40px; margin-bottom: 25px; font-size: 28px; } 
  .history .story .right { margin-top: 30px; padding: 30px 5px 36px 20px; } 
  .history .story .right .year strong { width: 64px; font-size: 20px; } 
  .history .story .right .scroll-wrap .wrap { padding-right: 5px; } 
  .history .story .right ul.list { margin-bottom: 20px; padding: 10px; } 
  .history .story .right ul.list:last-child { margin-bottom: 0; } 
  .history .story .right .scroll-wrap::-webkit-scrollbar { width: 4px; } 
}
/* [E] 연혁 */

/* [S] 직원 업무 및 연락처 */
._objHtml.no-margin .search-box { margin-top: 50px !important; display: flex; justify-content: space-between; padding: 25px 37px 25px 32px; background-color: #fafafa; border: 1px solid #aaa; } 
.search-box .list-wrap { display: flex; } 
.search-box .list-wrap > div { display: flex; align-items: center; position: relative; margin-right: 40px; } 
.search-box .wrap { position: relative; width: 270px;} 
.search-box .list-wrap > div:last-child { margin-right: 0; } 
.search-box label { margin-right: 17px; font-size: 22px; color: #222; flex-shrink: 0; } 
.search-box input { width: 270px; height: 100%; padding: 12px; font-size: 20px; color: #ccc; background-color: #fff; border: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; } 
.search-box input::placeholder { font-size: 16px; color: #666; font-family: 'pl'; } 
.search-box input[type=button] { position: relative; padding: 14.5px 50px 14.5px 12px; font-size: 16px; text-align: left; color: #666; cursor: pointer; background-image: url('../../images/common/toggle-arrow-down.svg'); background-repeat: no-repeat; background-position: right 14px center; } 
.search-box input[type=button].on { background-image: url('../../images/common/toggle-arrow-up.svg'); } 
.search-box .search-btn { width: 110px; height: 50px; margin-left: 10px; text-align: center; line-height: 50px; color: #fff; background-color: #3176d0; font-size: 16px; } 
.search-box .search-btn:hover { background-color: #2c68b6; transition: 0.2s; } 
.search-box .select-box { display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; z-index: 1; } 
.search-box .select-box.on { display: block; } 
.search-box .select-box .scroll-wrap { height: 180px; overflow-y: auto; } 
.search-box .select-box span { display: inline-block; margin-bottom: 4px; cursor:default; color: #666; font-family: 'pl'; } 
.search-box .select-box a { display: flex; position: relative; padding-left: 10px; color: #666; font-family: 'pl'; } 
.search-box .select-box a::before { content: '-'; position: absolute; left: 0; top: 0px; } 
.search-box .select-box .dep1 { margin-bottom: 5px; } 
.search-box .select-box .dep2 { padding-left: 10px; } 
.search-box .select-box .scroll-wrap::-webkit-scrollbar { width: 4px; } 
.search-box .select-box .scroll-wrap::-webkit-scrollbar-thumb { background-color: #888; } 
.search-box .select-box .scroll-wrap::-webkit-scrollbar-track { background-color: #ddd; } 

@media screen and (max-width: 1550px){
  ._objHtml.no-margin .search-box { padding: 25px 27px 25px 22px } 
  .search-box .list-wrap { width: 85%; } 
  .search-box .list-wrap > div { width: 27%; margin-right: 13px; } 
  .search-box .list-wrap > div:last-child { width: 46% } 
  .search-box label { margin-right: 10px; font-size: 18px; } 
  .search-box .wrap { width: 100%; } 
  .search-box input { width:100%; } 
  .search-box input::placeholder { font-size: 15px; } 
  .search-box input[type=button] { font-size: 15px; } 
  .search-box .search-btn { width: 10%; } 
}

@media screen and (max-width: 1300px){
  .search-box input[type=button] { max-width: 300px; } 
}

@media screen and (max-width: 1100px){
  /*.search-box { margin-top: 25px !important; flex-direction: column; } */
  .search-box .list-wrap { margin: 0 auto; flex-direction: column; } 
  .search-box .list-wrap > div { width: 100%; margin-bottom: 20px; } 
  .search-box .list-wrap > div:last-child { width: 100%; } 
  .search-box label { min-width: 95px; font-size: 17px; } 
  .search-box input { width: 100%; padding: 8px;} 
  .search-box input[type=button] { max-width: 100%; padding: 11px 40px 11px 8px;  } 
  .search-box .search-btn { display: block; width: 40%; margin: 0 auto; margin-top: 10px; } 
}
/* [E] 직원 업무 및 연락처 */

/* [S] 한 눈에 보는 인천공항 */
.about-airport .content-list-wrap { max-width: 1480px; margin: 0 auto; } 
.about-airport .content-list-wrap1 { margin-top: 70px; } 
/* .about-airport .content-list-wrap2 { margin-top: 70px; }  */
.about-airport li.content { display: flex; justify-content: space-between; } 
.about-airport .tit { flex-shrink: 0; margin-top: 53px; } 
.about-airport .tit span { display: inline-block; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #00abb3; font-size: 25px; color: #00abb3; } 
.about-airport .tit strong { display: block; font-size: 35px; color: #111; font-family: 'ncb'; } 
.about-airport .content-list > li:nth-child(1) { margin-bottom: 122px; } 
.about-airport .content-list > li:nth-child(2) { margin-bottom: 115px; } 
.about-airport .content-list > li:nth-child(3) { margin-bottom: 122px; } 
.about-airport .content-list > li:last-child { margin-bottom: 0; } 
.about-airport .list-wrap { position: relative; } 
.about-airport .list-wrap ul { display: flex; } 
.about-airport .list-wrap li { display: flex;flex-direction: column;align-items: center;width: calc((100% / 3) - 26.67px); min-height: 330px;padding-top: 40px; margin-right: 40px;text-align: center; background-color: #fafafa; box-shadow: 5px 5px 20px rgba(71, 71, 71, 0.18); } 
.about-airport .list-wrap li:last-child { margin-right: 0; } 
.about-airport .content-list > li .list-wrap::before { content: ''; position: absolute; top: 0; right: 0;; height: 100%; background-repeat: no-repeat; } 
.about-airport .content-list > li:nth-child(even) .list-wrap::before { left: -212px } 
.about-airport .content-list > li:nth-child(odd) .list-wrap::before { left: 0; right: -212px; } 
.about-airport .content-list > li:nth-child(even) .list-wrap { padding-right: 112px; } 
.about-airport .content-list > li:nth-child(even) .list-wrap ul { width: 100%; justify-content: flex-end; } 
.about-airport .content-list > li:nth-child(odd) .tit { margin-right: 30px; } 
.about-airport .content-list > li:nth-child(odd) .list-wrap { padding-left: 112px; } 
.about-airport .content-list > li:nth-child(odd) .list-wrap ul { width: 100%; justify-content: flex-start; } 
.about-airport .content-list > li:nth-child(even) .tit { margin-left: 50px; order: 2; text-align: right; } 
.about-airport .content-list > li:nth-child(even) .list-wrap { order: 1 } 
.about-airport .content-list > li:nth-child(1) .list-wrap::before { background-image: url('../../images/sub/about-airport-visual1.jpg'); } 
.about-airport .content-list > li:nth-child(2) .list-wrap::before { background-image: url('../../images/sub/about-airport-visual2.jpg'); } 
.about-airport .content-list > li:nth-child(3) .list-wrap::before { background-image: url('../../images/sub/about-airport-visual3.jpg'); } 
.about-airport .content-list > li:nth-child(4) .list-wrap::before { background-image: url('../../images/sub/about-airport-visual4.jpg'); } 
.about-airport .content .list-wrap { width: 1167px; } 
.about-airport .content .list-wrap ul { transform: translateY(-54px); } 
.about-airport .list-wrap li .img-box {display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;margin-bottom: 20px;border-radius: 50%;border: 1px solid #152e6e;background-color: #fff;}
.about-airport .list-wrap li strong { display: block; font-size: 25px; color: #152e6e; font-family: 'ncm'; } 
.about-airport .list-wrap li span { font-size: 40px; } 
.about-airport .list-wrap li p { font-size: 20px; color: #222; font-family: 'ncm'; } 
.about-airport .list-wrap li p > strong{font-size: 20px; color: #222; font-family: 'pm';}
.about-airport .list-wrap li em { font-size: 17px; color: #fa9d1c; } 

@media screen and (max-width: 1550px){
  .about-airport .tit strong { font-size: 34px; } 
  .about-airport .tit span { font-size: 22px; } 
  .about-airport .content-list > li:nth-child(even) .list-wrap { padding-right: 60px; } 
  .about-airport .content-list > li:nth-child(odd) .list-wrap { padding-left: 60px; } 
  .about-airport .list-wrap li { width: calc((100% / 3) - 10px); margin-right: 15px; } 
  .about-airport .list-wrap li strong { font-size: 19px; } 
  .about-airport .list-wrap li strong span { font-size: 32px; } 
  .about-airport .list-wrap li p { font-size: 18px; } 
  .about-airport .list-wrap li p > strong{font-size: 18px;}

}

@media screen and (max-width: 1024px){
  .about-airport .content-list-wrap1 { margin-top: 60px; } 
  /* .about-airport .content-list-wrap2 { margin-top: 40px; }  */
  .about-airport .content-list-wrap2 { margin-top: 0px; } 
  .about-airport .tit { margin-top: 0; } 
  .about-airport .tit strong { font-size: 31px; } 
  .about-airport .tit span { font-size: 20px; padding-bottom: 0; } 
  .about-airport li.content { flex-direction: column; align-items: center; } 
  .about-airport .content .list-wrap { width: 100% } 
  .about-airport .content-list > li { margin-bottom: 80px !important; } 
  .about-airport .content-list > li:nth-child(even) .list-wrap { padding-right: 0px; } 
  .about-airport .content-list > li:nth-child(odd) .list-wrap { padding-left: 0px; } 
  .about-airport .content-list > li .tit { width: 300px; margin-bottom: 80px; text-align: center !important; } 
  .about-airport .content-list > li .tit br { display: none; } 
  .about-airport .content-list > li .tit strong { line-height: 1.3; } 
  .about-airport .content-list > li:nth-child(odd) .tit { margin-right: 0; } 
  .about-airport .content-list > li:nth-child(even) .tit { margin-left: 0; order: 1 } 
  .about-airport .content-list > li:nth-child(even) .list-wrap { order: 2 } 
  .about-airport .content-list > li .list-wrap::before { width: calc(100% + 60px); background-position: center bottom; } 
  .about-airport .content-list > li:nth-child(even) .list-wrap::before { left: -30px } 
  .about-airport .content-list > li:nth-child(odd) .list-wrap::before { left: -30px; } 
  .about-airport .content .list-wrap ul { transform: translateY(-30px); } 
  .about-airport .list-wrap li { min-height: 260px; padding-top: 30px; } 
  .about-airport .list-wrap li .img-box {width: 100px;height: 100px;margin-bottom: 13px;}
  .about-airport .list-wrap li .img-box img {width: 58%;}
  .about-airport .list-wrap li strong { font-size: 17px; } 
  .about-airport .list-wrap li strong span { font-size: 26px; } 
  .about-airport .list-wrap li p { font-size: 16px; } 
  .about-airport .list-wrap li em { font-size: 14px; } 
  .about-airport .content-list > li:nth-child(even) .list-wrap ul { width: 100%; justify-content: flex-end; } 
  .about-airport .content-list > li:nth-child(odd) .list-wrap ul { width: 100%; justify-content: flex-start; } 
  .about-airport .content-list > li:nth-child(even) .list-wrap ul { width: 100%; justify-content: center; } 
  .about-airport .content-list > li:nth-child(odd) .list-wrap ul { width: 100%; justify-content: center; } 
}

@media screen and (max-width: 500px){
  .about-airport .content-list-wrap1 { margin-top: 0px; } 
  .about-airport .tit strong { font-size: 25px; } 
  .about-airport .tit span { font-size: 19px; margin-bottom: 5px; } 
  .about-airport .content-list > li { margin-bottom: 60px !important; } 
  .about-airport .content-list > li:last-child {margin-bottom: 0 !important;}
  .about-airport .list-wrap li strong { font-size: 16px; } 
  .about-airport .list-wrap li strong span { font-size: 20px; } 
  .about-airport .list-wrap li p { font-size: 15px; } 
  .about-airport .list-wrap li .img-box {width: 80px;height: 80px;margin-bottom: 5px;}
  .about-airport .list-wrap li { min-height: 210px; padding: 20px 5px 5px 5px; } 
  .about-airport .list-wrap li .img-box img {width: 54%;} 
}
/* [E] 한 눈에 보는 인천공항 */

/* [S] 공항경제권 */
.economy .visual {position: relative; min-height: 300px; background-repeat: no-repeat; background-position: right -10px top; } 
.economy .visual::after {content:''; position: absolute; left: calc(50% - 740px); top: 0px; z-index: -1; width: 100%; max-width: 1600px; height: 100%; background-image: url('../../images/sub/economy-visual.jpg');}
.economy .visual .center-wrap { max-width: 1480px; margin: 0 auto; padding: 50px 42px 20px 42px; } 
.economy .visual .tit { position: relative; display: block; max-width: 100%; padding-left: 153px; font-size: 30px; font-family: 'ncb'; color: #fff; } 

.economy .visual .tit::before { content: ''; position: absolute; left: 0; top: 20px; width: 120px; height: 1px; background-color: #fff; } 
.economy .area .map { margin-bottom: 30px; border: 1px solid #DDDDDD; } 

.economy .area > ul { display: flex; justify-content: space-between; } 
.economy .area > ul > li { width: calc((100% / 2) - 20px); } 
.economy .area > ul > li:last-child { margin-right: 0; } 
.economy .wrap-link-banner .title { margin-bottom: 10px; } 
.economy .wrap-link-banner .title strong { margin: 0 auto } 
.economy .wrap-link-banner .title .text { padding-left: 0; } 
.economy .wrap-link-banner .list { height: calc(100% - 376px); margin-bottom: 10px; background-color: #fafafa; } 
.economy .area .info2 { padding: 27px 20px; margin-bottom: 10px; border: 1px solid #aaa; } 
.economy .area .info2 li { position: relative; padding-left: 18px; margin-bottom: 12px; font-family: ncm;} 
.economy .area .info2 li:last-child { margin-bottom: 0; } 
.economy .area .info2 li::before { content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 4px; background-image: url('../../images/common/list-arrow.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } 
.economy .area .info3 { background-color: #f2f2f2; } 
.economy .area .info3 ul { display: flex; justify-content: space-between; align-items: center; } 
.economy .area .info3 li { width: calc(100% / 5); padding-top: 60px; background-repeat: no-repeat; background-position: top center; text-align: center; } 
.economy .area .info3 li:last-child { margin-right: 0; } 
.economy .area .info3 li span { white-space: nowrap; font-size: 14px; } 
.economy .area .box-link-banner > div:first-child .info3 { padding: 38px 22px 38px 25px; } 
.economy .area .box-link-banner > div:last-child .info3 { padding: 38px 37px 38px 40px; } 
.economy .area .box-link-banner > div:first-child .info3 li:nth-child(1) { background-image: url('../../images/sub/circle-icon-small1.png'); } 
.economy .area .box-link-banner > div:first-child .info3 li:nth-child(2) { background-image: url('../../images/sub/circle-icon-small2.png'); } 
.economy .area .box-link-banner > div:first-child .info3 li:nth-child(3) { background-image: url('../../images/sub/circle-icon-small3.png'); } 
.economy .area .box-link-banner > div:first-child .info3 li:nth-child(4) { background-image: url('../../images/sub/circle-icon-small4.png'); } 
.economy .area .box-link-banner > div:first-child .info3 li:nth-child(5) { background-image: url('../../images/sub/circle-icon-small5.png'); } 
.economy .area .box-link-banner > div:last-child .info3 li:nth-child(1) { background-image: url('../../images/sub/circle-icon-small6.png'); } 
.economy .area .box-link-banner > div:last-child .info3 li:nth-child(2) { background-image: url('../../images/sub/circle-icon-small7.png'); } 
.economy .area .box-link-banner > div:last-child .info3 li:nth-child(3) { background-image: url('../../images/sub/circle-icon-small8.png'); } 
.economy .area .box-link-banner > div:last-child .info3 li:nth-child(4) { background-image: url('../../images/sub/circle-icon-small9.png'); } 
.economy .strategy > ul { display: flex; justify-content: space-between; } 
.economy .strategy > ul > li { width: calc((100% / 4) - 30px); display: flex; flex-direction: column;} 
.economy .strategy .tit { display: block; padding: 10px; text-align: center; font-size: 18px; color: #fff; background-color: #152e6e; font-family: 'ncb'; } 
.economy .strategy .info { min-height: 120px; padding: 20px 14px; border: 1px solid #aaa; font-family: ncm; display: flex; flex: 1; height: 100%;} 
.economy .effect { display: flex; justify-content: space-between; } 
.economy .effect > div { width: calc((100% / 2) - 10px); margin-right: 20px } 
.economy .effect .left { width: 740px; } 
.economy .effect .right { width: 720px; padding: 30px 60px 25px 60px; border: 1px solid #ddd; margin-right: 0; } 
.economy .effect .right ul { position: relative; display: flex; padding-bottom: 100px; } 
.economy .effect .right ul::before { content: ''; position: absolute; width: 90%; height: 2px; background-color: #585858; transform: translateX(-50%); left: 50%; top: 100px; z-index: -1; } 
.economy .effect .right li:nth-child(1) strong::before { content: ''; right: -45px; top: 17px; position: absolute; width: 8px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); } 
.economy .effect .right li { position: relative; width: calc(100% / 3) } 
.economy .effect .right li:nth-child(1),
.economy .effect .right li:nth-child(3) { transform: translateY(80px); } 
.economy .effect .right li:nth-child(1) { z-index: 1; } 
.economy .effect .right li:nth-child(3) { z-index: 1; } 
.economy .effect .right li:nth-child(2)::before { content: ''; position: absolute; left: -14px; width: 25px; height: 100%; background-color: #fff; } 
.economy .effect .right li:nth-child(1)::after { content: ''; position: absolute; right: -44px; width: 55px; height: 100%; background-color: #fff; z-index: -1; } 
.economy .effect .right li:nth-child(2)::after { content: ''; position: absolute; right: -14px; width: 25px; height: 100%; background-color: #fff; z-index: -1; } 
.economy .effect .right li:nth-child(3)::after { content: ''; position: absolute; left: -44px; width: 55px; height: 100%; background-color: #fff; z-index: -1; } 
.economy .effect .right li:nth-child(1)::before { content: ''; right: 14px; top: -54px; position: absolute; width: 8px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); transform: rotate(28deg); } 
.economy .effect .right li:nth-child(3)::before { content: ''; left: 110px; top: -13px; position: absolute; width: 8px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); transform: rotate(-27deg); } 
.economy .effect .right li strong { position: relative; display: inline-block; width: 100%; padding: 11.5px 10px; font-size: 15px; font-family: 'ncb'; color: #fff; border-radius: 20px; text-align: center; } 
.economy .effect .right li:nth-child(2) strong::before { content: ''; position: absolute; width: 140px; height: 2px; background-color: #585858; top: 43px; left: -120px; transform: rotate(-22deg); z-index: -1; } 
.economy .effect .right li:nth-child(2) strong::after { content: ''; position: absolute; width: 140px; height: 2px; background-color: #585858; right:-120px; top: 43px; transform: rotate(22deg); z-index: -1; } 
.economy .effect .right li:nth-child(1) strong { background-color: #6eadff; } 
.economy .effect .right li:nth-child(2) strong { background-color: #00abb3; } 
.economy .effect .right li:nth-child(3) strong { background-color: #152e6e; } 
.economy .effect .right p { width: 200px; margin-top: 20px; font-size: 16px; color: #152e6e; font-family: 'ncm'; text-align: center; margin: 0 auto; line-height: 25px; } 
.economy .effect .con-table { height: 100%; } 
.economy .effect .con-table table { height: 100%; } 
.economy .effect .con-table tr:last-child td { background-color: #f5f7f8; } 
.economy .wrap-link-banner .list li{font-size: 18px;}
.economy .wrap-link-banner .list li::after{top: 11px;}

@media screen and (max-width: 1500px){
  .economy .visual::after {left: 0;}
}

@media screen and (max-width: 1300px){
  .economy .strategy .info { min-height: 162px; } 
}


@media screen and (max-width: 1200px){
  .economy .effect .right li:nth-child(2) strong::before { left: -70px; transform: rotate(-28deg); top: 50px; width: 70px } 
  .economy .effect .right li:nth-child(1)::before { top: -43.8px; right: 12px; } 
  .economy .effect .right li:nth-child(2) strong::after { right: -70px; transform: rotate(28deg); top: 50px; width: 70px } 
  .economy .effect .right li:nth-child(3)::before { top: -16px; left: 60px; } 
  .economy .area > ul > li { width: calc((100% / 2) - 10px); } 
  .economy .area .box-link-banner > div:first-child .info3 { padding: 38px 12px 38px 15px; } 
  .economy .area .box-link-banner > div:last-child .info3 { padding: 38px 12px 38px 15px; } 
  .economy .area .info3 ul { align-items: center; } 
  .economy .area .info3 li { width:calc((100% / 5)); margin-right: 0; } 
  .economy .strategy > ul > li { width: calc((100% / 4) - 15px); } 
  .economy .strategy .info { min-height: 162px; } 
  .economy .effect .right li:nth-child(1) strong::before { right: -21px; } 
  .economy .effect .right li:nth-child(1)::after { right: -17px; width: 30px; } 
  .economy .effect .right li:nth-child(3)::after { left: -17px; width: 30px; } 
}

@media screen and (max-width: 900px){
  .visual .tit br {display: none !important;}
  .economy .visual .center-wrap { padding:40px 25px 40px 42px; } 
  .economy .visual .tit { padding-left: 75px; font-size: 25px; } 
  .economy .visual .tit::before { width: 50px; top: 15px; } 
  .economy .area > ul { flex-direction: column; } 
  .economy .area > ul > li { width: 100%; margin-bottom: 20px; } 
  .economy .area > ul > li:last-child { margin-bottom: 0; } 
  .economy .wrap-link-banner .list { height: auto; } 
  .economy .strategy > ul { flex-wrap: wrap; } 
  .economy .strategy > ul > li { width: calc((100% / 2) - 10px); margin-bottom: 20px; } 
  .economy .strategy .info { min-height: 120px; } 
  .economy .strategy img { width: 100%; } 
  .economy .effect { flex-direction: column; } 
  .economy .effect .left { width: 100%; margin-bottom: 20px; } 
  .economy .effect .right { width: 100%; } 
}

@media screen and (max-width: 700px){
  .economy .strategy .info { min-height: 154.5px; } 
  .economy .strategy .info p { font-size: 15px; } 
  .economy .area .info3 ul{flex-wrap: wrap; justify-content: center;}
  .economy .area .info3 li{width: calc(100%/3); margin-bottom: 15px;}
  .economy .area .info3 li span { font-size: 15px; } 
  .economy .area .info2 .con-list2 li { font-size: 15px; } 
  .economy .wrap-link-banner .list li{font-size: 16px;}
  .economy .wrap-link-banner .list li::after{top: 9px;}
}

@media screen and (max-width: 500px){
  .economy .visual { min-height: 200px; } 
  .economy .visual .tit { font-size: 20px; } 
  .economy .visual .tit::before { width: 50px; } 
  .economy .area .box-link-banner > div:first-child .info3 { padding: 28px 12px 28px 15px } 
  .economy .area .box-link-banner > div:last-child .info3 { padding: 28px 12px 28px 15px } 
  .economy .effect .right { padding: 30px 18px; } 
  .economy .effect .right li strong { font-size: 16px; } 
  .economy .effect .right p { font-size: 18px; } 
  .economy .effect .right ul { padding-bottom: 110px; } 
}
/* [E] 공항경제권 */

/* [S] 복합도시개발 */
/* 투자가이드 */
.multi-city .guide { display: flex; border: 1px solid #ddd; } 
.multi-city .guide .slide-box { width: 630px; flex-shrink: 0; overflow: hidden; border-right: 1px solid #ddd; text-align: center; } 
.multi-city .guide .txt-box { flex: 1; padding: 30px 10px 10px 40px; } 
.multi-city .guide .con-list1 > ul > li:first-child { margin-top: 0; } 
.multi-city .guide .con-list2 > ul > li { font-size: 16px; margin: 5px 0 0 0; } 
.multi-city .guide .swiper-container { position: relative; height: 100%; } 
.multi-city .guide .swiper-slide { height: 100%; } 
.multi-city .guide .swiper-pagination { display: flex !important; justify-content: space-between !important; align-items: center !important; width: auto !important; left: 50% !important; bottom: 21px !important; transform: translateX(-50%) !important; } 
.multi-city .guide .swiper-pagination-bullet { width: 10px !important; height: 10px !important; margin: 0 5px 0 5px !important; } 
.multi-city .guide .swiper-pagination-bullet-active { width: 35px !important; border-radius: 5px !important; transition: width 0.5s; } 

@media screen and (max-width: 1400px){
  .multi-city .guide { flex-direction: column; align-items: center; border: 0; } 
  .multi-city .guide .slide-box { width: 70%; min-width: 400px; max-width: 600px; border: 1px solid #ddd !important; } 
  .multi-city .guide .txt-box { width: 100%; padding: 30px 0 10px 0; } 
}

@media screen and (max-width: 500px){
  .multi-city .guide .slide-box { width: 100%; min-width: 100%; } 
}

.invest.flex-box {display: flex;}
.invest.flex-box .img-box {position: relative;}
.invest.flex-box span {position: absolute;left: 0;top: 0;width: 100%;padding: 13px;background: rgba(0,0,0,.4);color: #fff;text-align: center;font-size: 18px;font-family: 'pm';}


@media (max-width: 768px) {
  .invest.flex-box {flex-direction: column;}
  .invest.flex-box > div:first-child {margin: 0 0 20px;}
  .invest.flex-box span {font-size: 17px;padding: 11px;}
}

/* 투자가이드 */
/* 개요 */
.complex-city .list-wrap { display: flex; flex-wrap: wrap;} 
.complex-city .list-wrap > li { display: flex;width: calc(100% / 3);min-height: 198px;margin-top: 30px; border: 1px solid #ddd; } 
.complex-city .img-box { width: 50%;align-self: center;border-right: 1px solid #ddd;height: 100%; } 
.complex-city .img-box > img{height: 100%; object-fit: cover;}
.complex-city .txt-box { width: 50%;padding: 15px 10px 5px 15px;font-size: 13px; word-break: break-all;} 
.complex-city .tit {display: flex;font-size: 16px;font-family: 'ncm';color: #111;margin-bottom: 7px;}
.complex-city .tit .num { display: inline-block;margin-right: 8px;transform: translateY(4px);line-height: 19px;text-align: center;width: 20px; height: 20px; font-size: 13px; color: #fff; border-radius: 50%; background-color: #0075d7;flex-shrink: 0;} 
.complex-city .list-wrap > li:nth-child(1) .tit .num { background-color: #1b3893; }
.complex-city .list-wrap > li:nth-child(2) .tit .num { background-color: #e64433; } 
.complex-city .list-wrap > li:nth-child(3) .tit .num { background-color: #4b3e35; } 
.complex-city .list-wrap > li:nth-child(4) .tit .num { background-color: #049947; } 
.complex-city .list-wrap > li:nth-child(5) .tit .num { background-color: #6b2746; } 
.complex-city .list-wrap > li:nth-child(6) .tit .num { background-color: #ef068b; } 
.complex-city .list-wrap > li:nth-child(7) .tit .num { background-color: #f93f2c; } 
.complex-city .list-wrap > li:nth-child(8) .tit .num { background-color: #026cae; } 
.complex-city .list-wrap > li:nth-child(9) .tit .num { background-color: #0075d7; } 
.complex-city .list-wrap > li:nth-child(10) .tit .num { background-color: #745640; }
.complex-city .list-wrap > li:nth-child(11) .tit .num { background-color: #25339d;} 
.complex-city .list-wrap > li:nth-child(12) .tit .num { background-color: #b49765; } 
.complex-city .list-wrap > li:nth-child(13) .tit .num { background-color: #881b8c; } 
.complex-city .list-wrap > li:nth-child(14) .tit .num { background-color: #5906bf; } 
.complex-city .tit em {display: block; }
.complex-city .info {padding-left: 5px;}
.complex-city .desc.no-flex li {display: block;}
.complex-city .desc li {display: flex;align-items: flex-start;position: relative;padding-left: 7px;}
.complex-city .desc li::before {content: ''; position: absolute; width: 3px;height: 3px;top: 9px;left: 0;background-color: #111;border-radius: 50%;margin-right: 5px;flex-shrink: 0;}
.complex-city .desc li:last-child {margin-bottom: 0;}
.complex-city .desc em {display: block;}
.complex-city .desc p { display: inline-block;color: #555; font-family: ncm;} 
.complex-city .desc p strong { white-space: nowrap;margin-right: 6px;color: #111; font-family: 'ncm'; } 
.complex-city .notice { color: #00abb3; font-family: ncm;} 
.complex-city .notice li { display: flex; align-items: flex-start; width: 100%;margin-bottom: 4px; } 
.complex-city .notice li:last-child {margin-bottom: 0;}
.complex-city .notice li::before { content: '※'; display: inline-block; margin-right: 5px; } 
.complex-city .notice li > div {display: flex;flex-direction: column;}

@media screen and (max-width: 1480px) {
  .complex-city .list-wrap > li {width: 50%;}
  .complex-city .list-wrap > li:nth-child(odd) {border-right: 0;}
  .complex-city .img-box {border-right: 0;}
}

@media screen and (max-width: 900px) {
  .complex-city .list-wrap > li {width: 100%;margin-top: 20px;}
  .complex-city .list-wrap > li:nth-child(odd) {border-right: 1px solid #ddd;}
}
/* 개요 */

/* [E] 복합도시개발 */

/* [S] 항공MRO산업 */
#menu359_obj434 { width: 100% !important; } 
.mro .visual {position: relative; min-height: 300px; background-repeat: no-repeat; background-position: right top; } 
.mro .visual::after {content:''; position: absolute; left: calc(50% - 740px); top: 0px; z-index: -1; width: 100%; max-width: 1600px; height: 100%; background-image: url('../../images/sub/mro-visual.jpg');}
.mro .visual .center-wrap { max-width: 1480px; margin: 0 auto; padding: 50px 42px 20px 42px; } 
.mro .visual .tit { position: relative; display: block; max-width: 800px; padding-left: 153px; font-size: 30px; font-family: 'ncb'; color: #fff; } 
.mro .visual .tit::before { content: ''; position: absolute; left: 0; top: 20px; width: 120px; height: 1px; background-color: #fff; } 
.mro .box-link-banner .wrap-link-banner { width: calc((100% / 3) - 26px); } 
.mro .wrap-link-banner .title { justify-content: center; height: 50px; } 
.mro .wrap-link-banner .title .text { padding-left: 0; font-size: 17px;} 
.mro .wrap-link-banner .list { background-color: #fafafa; height: calc(100% - 80px) } 
.mro .wrap-link-banner .list li::after{width: 5px; height: 5px;}
.mro .wrap-link-banner .list li::after {top: 9px;}

@media screen and (max-width: 1500px){
  .mro .visual::after {left: 0;}
}

@media screen and (max-width: 900px){
  .mro .visual .center-wrap { padding:40px 25px 40px 42px; } 
  .mro .visual .tit { padding-left: 75px; font-size: 25px; } 
  .mro .visual .tit::before { width: 50px; top: 15px; } 
  .mro .wrap-link-banner .list { height: auto; } 
  .mro .box-link-banner .wrap-link-banner { width: 100%; } 
  .mro .box-link-banner .wrap-link-banner:nth-child(2) { margin-bottom: 40px; } 
}

@media screen and (max-width: 700px) {
  .mro .wrap-link-banner .list li {font-size: 16px;}
  .mro .wrap-link-banner .list li::after {top: 8px;}
}

@media screen and (max-width: 500px){
  .mro .visual { min-height: 150px; } 
  .mro .visual .tit { font-size: 20px; } 
  .mor .visual .tit::before { width: 50px; } 
}
/* [E] 항공MRO산업 */

/* [S] 장애물관리 */
.obstacle-wrap .permanent .list-container { position: relative; padding: 40px 70px; border: 1px solid #bbb; } 
.obstacle-wrap .permanent .list-container > li:last-child { margin-bottom: 0; } 
.obstacle-wrap .permanent .list-wrap { position: relative; margin-bottom: 120px; } 
.obstacle-wrap .permanent .list-wrap::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; height: 42px; border-top: 2px solid #3176d0; border-bottom: 2px solid #585858; } 
.obstacle-wrap .permanent .list-wrap ul { display: flex; justify-content: space-between; position: relative; } 
.obstacle-wrap .permanent .list { position: relative; width: calc((100% / 2) - 320px); min-height: 140px; border-radius: 50px; } 
.obstacle-wrap .permanent .list .wrap { width: 100%; height: 100%; } 
.obstacle-wrap .permanent .txt-box { position: relative; width: 100%; height: 100%; font-size: 18px; color: #fff; text-align: center; font-family: 'pb'; } 
.obstacle-wrap .permanent .txt-box > div { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
.obstacle-wrap .permanent .txt-box strong { display: block; } 
.obstacle-wrap .permanent .list-wrap .list1::after { content: ''; position: absolute; right: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .permanent .list-wrap .list2::after { content: ''; position: absolute; left: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .permanent .list-wrap1 ul::before { content: '건축허가 신청'; position: absolute; left: 50%; transform: translateX(-50%); top:36px; padding: 0 20px; font-size: 18px; color: #0159cd; background-color: #fff; font-family: pm; } 
.obstacle-wrap .permanent .list-wrap1 ul::after { content: '건축허가/불허'; position: absolute; left: 50%; transform: translateX(-50%); top:76px; padding: 0 20px; font-size: 18px; color: #666; background-color: #fff; font-family: pm;} 
.obstacle-wrap .permanent .list-wrap1 .list1 { background-color: #00abb3; } 
.obstacle-wrap .permanent .list-wrap1 .list2 { background-color: #6eadff; } 
.obstacle-wrap .permanent .list-wrap1 .list1::before { content: ''; position: absolute; right: -15px; top:85px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap1 .list2::before { content: ''; position: absolute; left: -15px; top: 44px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_blue.svg'); transform: rotate(60deg); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap1 .list2 .txt-box::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -118px; width: 82px; height: 115px; border-left: 2px solid #585858; border-right: 2px solid #3176d0; } 
.obstacle-wrap .permanent .list-wrap1 .list2 .txt-box > div::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(-30deg); margin-left: -41px; bottom: -12px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap1 .list2 .txt-box > div::after { content: '검토결과 회신'; position: absolute; left: 50%; transform: translateX(-50%); margin-left: -40px; bottom: -88.5px; width: 70px; padding: 8px 0; color: #666; background-color: #fff; line-height: 18px; font-size: 18px; font-family: 'pm'; } 
.obstacle-wrap .permanent .list-wrap2 .list2 .txt-box > div::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%) rotate(-30deg); margin-left: 35px; top: -11px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_blue.svg'); transform: rotate(30deg); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap2 .list2 .txt-box > div::after { content: '제한높이 검토 요청'; position: absolute; left: 50%; transform: translateX(-50%); margin-left: 40px; top: -84.5px; width: 70px; padding: 8px 0; color: #0159cd; background-color: #fff; line-height: 18px; font-size: 18px; font-family: 'pm'; } 
.obstacle-wrap .permanent .list-wrap2 .list1 { background-color: #152e6e; } 
.obstacle-wrap .permanent .list-wrap2 .list2 { background-color: #00b393; } 
.obstacle-wrap .permanent .list-wrap2 ul::before { content: '비행안정성 검토 요청'; position: absolute; left: 50%; transform: translateX(-50%); top:36px; padding: 0 20px; font-size: 18px; color: #0159cd; background-color: #fff; font-family: pm; } 
.obstacle-wrap .permanent .list-wrap2 ul::after { content: '검토결과 회신'; position: absolute; left: 50%; transform: translateX(-50%); top:76px; padding: 0 20px; font-size: 18px; color: #666; background-color: #fff; font-family: pm;} 
.obstacle-wrap .permanent .list-wrap2 .list1::before { content: ''; position: absolute; right: -15px; top:45px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_blue.svg'); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap2 .list1::after { content: ''; position: absolute; right: -8px; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .permanent .list-wrap2 .list2::before { content: ''; position: absolute; left: -15px; top: 84.5px; width: 8px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); transform: rotate(60deg); z-index: 1; } 
.obstacle-wrap .permanent .list-wrap2 .list2::after { content: ''; position: absolute; left: -8px; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .temporary .list-container { position: relative; padding: 40px 70px; border: 1px solid #bbb; } 
.obstacle-wrap .temporary .list-container > li:last-child { margin-bottom: 0; } 
.obstacle-wrap .temporary .list-wrap { position: relative; } 
.obstacle-wrap .temporary .list-wrap::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; height: 42px; border-top: 2px solid #3176d0; border-bottom: 2px solid #585858; } 
.obstacle-wrap .temporary .list-wrap ul { display: flex; justify-content: space-between; position: relative; } 
.obstacle-wrap .temporary .list { position: relative; width: calc((100% / 3) - 146px); min-height: 140px; border-radius: 50px; } 
.obstacle-wrap .temporary .list .wrap { width: 100%; height: 100%; } 
.obstacle-wrap .temporary .txt-box { position: relative; width: 100%; height: 100%; font-size: 18px; color: #fff; text-align: center; font-family: 'pb'; } 
.obstacle-wrap .temporary .txt-box > div { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
.obstacle-wrap .temporary .txt-box strong { display: block; } 
.obstacle-wrap .temporary .list-wrap1 .list1 { background-color: #00abb3; } 
.obstacle-wrap .temporary .list-wrap1 .list2 { background-color: #6eadff; } 
.obstacle-wrap .temporary .list-wrap1 .list3 { background-color: #00b393; } 
.obstacle-wrap .temporary .list-wrap .list1::after { content: ''; position: absolute; right: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .temporary .list-wrap .list2::before { content: ''; position: absolute; left: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .temporary .list-wrap .list2::after { content: ''; position: absolute; right: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .temporary .list-wrap .list3::after { content: ''; position: absolute; left: -8px; top: 0; width: 8px; height: 100%; background-color: #fff; } 
.obstacle-wrap .temporary .list-wrap1 .list1 .txt-box::before { content: '제한높이 검토 요청'; position: absolute; right: -184px; top:36px; padding: 0 10px; font-size: 18px; color: #0159cd; background-color: #fff; font-family: 'pm'; z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list1 .txt-box > div::before { content: ''; position: absolute; right: -13px; top:86px; width: 7px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list2 .txt-box::before { content: '사용허가/불허'; position: absolute; left: -167px; top:76px; padding: 0 10px; font-size: 18px; color: #666; background-color: #fff; font-family: 'pm'; z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list2 .txt-box > div::before { content: ''; position: absolute; left: -13px; top:45px; width: 7px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_blue.svg'); transform: rotate(60deg); z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list2 .txt-box::after { content: '비행안정성 검토 요청'; position: absolute; right: -192px; top:36px; padding: 0 10px; font-size: 18px; color: #0159cd; background-color: #fff; font-family: 'pm'; z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list2 .txt-box > div::after { content: ''; position: absolute; right: -13px; top:86px; width: 7px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_black.svg'); z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list3 .txt-box::before { content: '검토결과 회신'; position: absolute; left: -167px; top:76px; padding: 0 10px; font-size: 18px; color: #666; background-color: #fff; font-family: 'pm'; z-index: 1; } 
.obstacle-wrap .temporary .list-wrap1 .list3 .txt-box > div::before { content: ''; position: absolute; left: -13px; top:45px; width: 7px; height: 8px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('../../images/common/arrow-icon_blue.svg'); transform: rotate(60deg); z-index: 1; } 

@media screen and (max-width: 1480px){
  .obstacle-wrap .permanent .list { position: relative; width: calc((100% / 2) - 150px) } 
}

@media screen and (max-width: 1200px){
  .obstacle-wrap { margin-top: 15px; } 
  .obstacle-wrap .permanent .list-container { padding: 40px 100px; } 
  .obstacle-wrap .permanent .list-wrap::before { width: 100px; height: 90%; border-left: 2px solid #3176d0; border-right: 2px solid #585858; border-top: 0; border-bottom: 0; } 
  .obstacle-wrap .permanent .list-wrap ul { flex-direction: column; } 
  .obstacle-wrap .permanent .list-wrap1 ul::before { margin-left: -50px; top: 145px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; text-align: center; } 
  .obstacle-wrap .permanent .list-wrap1 ul::after { margin-left: 50px; top: 145px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; text-align: center; } 
  .obstacle-wrap .permanent .list-wrap1 .list2::before { left: 50%; top: -12px; transform: rotate(30deg) translateX(-50%); margin-left: -51px; } 
  .obstacle-wrap .permanent .list-wrap1 .list1::before { right: auto; left: 50%; margin-left: 47px; top: auto; bottom: -12px; padding: 0 10px; transform: rotate(-30deg) translateX(-50%); } 
  .obstacle-wrap .permanent .list-wrap2 .list1::before { right: auto; left: 50%; margin-left: -51px; top: auto; bottom: -12px; padding: 0 10px; transform: rotate(-30deg) translateX(-50%); } 
  .obstacle-wrap .permanent .list-wrap2 ul::before { margin-left: -50px; top: 145px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; text-align: center; } 
  .obstacle-wrap .permanent .list-wrap2 ul::after { margin-left: 50px; top: 145px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; text-align: center; } 
  .obstacle-wrap .permanent .list-wrap2 .list2::before { left: 50%; margin-left: 48px; top: -15px; transform: translateX(-50%) rotate(30deg); } 
  .obstacle-wrap .permanent .list { width: 100%; height: 100px; min-height: auto; margin-bottom: 150px; } 
  .obstacle-wrap .permanent .list-wrap .list1::after { left: 0; top: 100%; width: 100%; height: 8px; } 
  .obstacle-wrap .permanent .list-wrap .list2::after { left: 0; top: -8px; width: 100%; height: 8px; } 
  .obstacle-wrap .permanent .txt-box strong { font-size: 22px; } 
  .obstacle-wrap .permanent .list-wrap ul li:last-child { margin-bottom: 0; } 
  .obstacle-wrap .permanent .list .wrap { position: relative; } 
  .obstacle-wrap .permanent .list-wrap1 .list1 .wrap::before { content: ''; position: absolute; left: -30px; top: 300px; width: 45px; height: 470px; border: 2px solid #585858; } 
  .obstacle-wrap .permanent .list-wrap1 .list1 .wrap::after { content: ''; position: absolute; left: -12px; top: 300px; width: 60px; height: 470px; background-color: #fff; } 
  .obstacle-wrap .permanent .list-wrap1 .list1 .txt-box > div::before { content: ''; position: absolute; right: -30px; top: 300px; width: 45px; height: 470px; border: 2px solid #3377d0; } 
  .obstacle-wrap .permanent .list-wrap1 .list1 .txt-box > div::after { content: ''; position: absolute; right: -12px; top: 300px; width: 60px; height: 470px; background-color: #fff; } 
  .obstacle-wrap .permanent .list-wrap1 .list2 .txt-box::before { display: none; } 
  .obstacle-wrap .permanent .list-wrap1 .list2 .txt-box > div::before { left: 27px; top: 45px; transform: translate(0) rotate(60deg); } 
  .obstacle-wrap .permanent .list-wrap2 .list2 .txt-box > div::before { left: auto; right: -13px; top: 44px; transform: translate(0); } 
  .obstacle-wrap .permanent .list-wrap1 .list2 .txt-box > div::after { left: -100px; top: 260px; background-color: transparent; transform: translate(0); margin-left: 0; font-size: 15px; } 
  .obstacle-wrap .permanent .list-wrap2 .list2 .txt-box > div::after { left: auto; right: -99px; top: -210px; background-color: transparent; transform: translate(0); margin-left: 0; font-size: 15px; } 
  .obstacle-wrap .temporary .list-wrap::before { width: 100px; height: 90%; border-left: 2px solid #3176d0; border-right: 2px solid #585858; border-top: 0; border-bottom: 0; } 
  .obstacle-wrap .temporary .list-wrap ul { flex-direction: column; } 
  .obstacle-wrap .temporary .list-wrap ul li:last-child { margin-bottom: 0; } 
  .obstacle-wrap .temporary .list { width: 100%; margin-bottom: 150px; height: 120px; min-height: auto; } 
  .obstacle-wrap .temporary .list-wrap .list1::after { left: 0; top: 100%; width: 100%; height: 8px; } 
  .obstacle-wrap .temporary .list-wrap .list2::before { left: 0; top: -8px; width: 100%; height: 8px; } 
  .obstacle-wrap .temporary .list-wrap .list2::after { left: 0; top: 100%; width: 100%; height: 8px; } 
  .obstacle-wrap .temporary .list-wrap .list3::after { left: 0; top: -8px; width: 100%; height: 8px; } 
  .obstacle-wrap .temporary .list-wrap1 .list1 .txt-box::before { right: auto; left: 50%; transform: translateX(-50%); margin-left: -50px; top: auto; bottom: -104px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; } 
  .obstacle-wrap .temporary .list-wrap1 .list1 .txt-box > div::before { right: auto; left: 50%; margin-left: 46px; top: auto; bottom: -11px; padding: 0 10px; transform: rotate(-30deg) translateX(-50%); width: 8px; height: 9px; } 
  .obstacle-wrap .temporary .list-wrap1 .list2 .txt-box::before { right: auto; left: 50%; transform: translateX(-50%); margin-left: 50px; top: -104px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; } 
  .obstacle-wrap .temporary .list-wrap1 .list2 .txt-box > div::before { left: 50%; top: -12px; transform: rotate(30deg) translateX(-50%); margin-left: -50px; width: 8px; height: 9px; } 
  .obstacle-wrap .temporary .list-wrap1 .list2 .txt-box::after { right: auto; left: 50%; transform: translateX(-50%); margin-left: -50px; top: auto; bottom: -104px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; } 
  .obstacle-wrap .temporary .list-wrap1 .list2 .txt-box > div::after { right: auto; left: 50%; margin-left: 48px; top: auto; bottom: -15px; padding: 0 10px; transform: translateX(-50%) rotate(-30deg); width: 8px; height: 9px; } 
  .obstacle-wrap .temporary .list-wrap1 .list3 .txt-box::before { right: auto; left: 50%; transform: translateX(-50%); margin-left: 50px; top: -104px; padding: 10px 0; width: 80px; line-height: 19px; font-size: 16px; } 
  .obstacle-wrap .temporary .list-wrap1 .list3 .txt-box > div::before { left: 50%; top: -12px; transform: rotate(30deg) translateX(-50%); margin-left: -51px; width: 8px; height: 9px; } 
  .obstacle-wrap .temporary .txt-box > div { font-size: 22px; } 
  .obstacle-wrap .temporary .list { height: 100px; } 
}

@media screen and (max-width: 500px){
  .obstacle-wrap .permanent .txt-box strong { font-size: 20px; } 
  .obstacle-wrap .temporary .txt-box strong { font-size: 20px; } 
}
/* [E] 장애물관리 */

/* [S] 채용안내 */
.recruitment-info .wrap-step-banner em { display: block;margin-bottom: 6px; } 
.recruitment-info .wrap-step-banner > ul > li > div:first-child { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 140px; height: 140px; margin: 0 auto; border: 2px solid #00abb3; border-radius: 100px; } 
.recruitment-info .wrap-step-banner > ul > li:nth-child(odd), .recruitment-info .wrap-step-banner .con-list1 li { display: block; width: 200px; height: auto; border: 0; border-radius: 0; } 
.recruitment-info .wrap-step-banner .desc { min-height: 145px; padding: 8px 18px 8px 18px; background-color: #fafafa; border: 1px solid #bbb; } 
.recruitment-info .wrap-step-banner .con-list1 ul { display: block; } 
.recruitment-info .wrap-step-banner .con-list1 ul li { width: 170px; padding-left: 13px; font-size: 16px; color: #333; } 
.recruitment-info .wrap-step-banner strong { display: block; margin: 10px 0; text-align: center; } 
.recruitment-info .wrap-step-banner .con-list1 ul li {padding-left: 17px;}
.recruitment-info .wrap-step-banner .con-list1 > ul > li::before {top: 9px;}

@media screen and (max-width: 1280px){
  .recruitment-info .wrap-step-banner > ul { justify-content: flex-start; } 
  .recruitment-info .wrap-step-banner > ul > li:nth-child(odd) { width: calc((100% / 3) - 30px); flex-shrink: 0; } 
  .recruitment-info .wrap-step-banner .con-list1 ul li { width: 100%; } 
}

@media screen and (max-width: 830px){
  .recruitment-info .wrap-step-banner > ul { justify-content: center; } 
  .recruitment-info .wrap-step-banner > ul > li:nth-child(odd) { width: 100%; } 
  .recruitment-info .wrap-step-banner .desc { width: 60%; min-height: 100px; min-width: 270px; padding: 10px 18px 18px 18px; margin: 0 auto; } 
}
/* [E] 채용안내 */

/* [S] 인재상 */
/* content */
.ideal-talent > ul > li { display: flex; align-items: flex-start; margin-bottom: 40px; } 
.ideal-talent > ul > li:last-child { margin-bottom: 0; } 
.ideal-talent .tit { position: relative; width: 270px; margin-top: 50px; margin-right: 64px; font-size: 25px; font-family: 'pb'; } 
.ideal-talent .tit::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 92px; height: 1px; background-color: #152e6e; } 
.ideal-talent .info { flex: 1; } 
.ideal-talent .slogan .info { position: relative; padding: 45.5px 0; border: 2px solid #152e6e; text-align: center; } 
.ideal-talent .slogan .info::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -3px; width: 89.1%; height: calc(100% + 6px); background-color: #fff; } 
.ideal-talent .slogan .info strong { position: relative; font-size: 30px; color: #152e6e; font-family: 'pb'; } 
.ideal-talent .slogan .info strong::before { content: ''; position: absolute; left: -54px; top: -3px; width: 24px; height: 19px; background-image: url('../../images/common/dot-blue.png'); background-repeat: no-repeat; background-size: contain; } 
.ideal-talent .slogan .info strong::after { content: ''; position: absolute; right: -54px; top: 7px; width: 24px; height: 19px; background-image: url('../../images/common/dot-blue.png'); background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); } 
.ideal-talent .ideal .info > div { margin-bottom: 20px; padding-bottom: 110px; background-image: url('../../images/sub/big-arrow.png'); background-position: center bottom; background-repeat: no-repeat; } 
.ideal-talent .ideal .info > div > strong { display: block; position: relative; padding: 47.5px 0; text-align: center; color: #fff; font-size: 30px; font-family: 'pb'; background-image: url('../../images/sub/ideal-bg.jpg'); background-size: cover; border-radius: 10px; } 
.ideal-talent .ideal ul { display: flex; justify-content: space-between; } 
.ideal-talent .ideal li { padding: 27.5px 30px; } 
.ideal-talent .ideal li:nth-child(1) { background-color: #d5edf5 } 
.ideal-talent .ideal li:nth-child(2) { background-color: #d6e6f8 } 
.ideal-talent .ideal li:nth-child(3) { background-color: #d2e0f5 } 
.ideal-talent .ideal li { width: calc((100% / 3) - 33px); text-align: center; } 
.ideal-talent .ideal li strong { display: block; margin-bottom: 3px; font-size: 20px; color: #222; font-family: 'pb'; } 
.ideal-talent .ideal li p { font-size: 18px; color: #555; line-height: 26px; font-family: pm;} 
.ideal-talent .core-value ul { display: flex; } 
.ideal-talent .core-value li { width: calc((100% / 4) + 33px); overflow: hidden; border-radius: 70px; text-align: center; flex-shrink: 0; } 
.ideal-talent .core-value li:nth-child(2) { transform: translateX(-44px); } 
.ideal-talent .core-value li:nth-child(3) { transform: translateX(-88px); } 
.ideal-talent .core-value li:nth-child(4) { transform: translateX(-132px); } 
.ideal-talent .core-value li p { padding: 32.5px 0; color: #fff; } 
.ideal-talent .core-value li:nth-child(1) p { background-color: hsla(223, 100%, 36%, 0.8); } 
.ideal-talent .core-value li:nth-child(2) p { background-color: hsla(183, 100%, 35%, 0.8); } 
.ideal-talent .core-value li:nth-child(3) p { background-color: hsla(35, 100%, 50%, 0.8); } 
.ideal-talent .core-value li:nth-child(4) p { background-color: hsla(214, 100%, 50%, 0.8); } 
.ideal-talent .core-value li span { font-size: 20px; font-family: 'pm'; } 
.ideal-talent .core-value li strong { display: block; margin-top: 3px; font-size: 28px; font-family: 'pb'; } 

@media screen and (max-width: 1200px){
  .ideal-talent .tit { width: 250px; } 
  .ideal-talent .ideal li { width: calc((100% / 3) - 15px); } 
  .ideal-talent .slogan .info strong::before { left: -35px; } 
  .ideal-talent .slogan .info strong::after { right: -35px; } 
}

@media screen and (max-width: 900px){
  .ideal-talent > ul > li { margin-bottom: 80px; flex-direction: column; align-items: center; } 
  .ideal-talent .tit { width: auto; margin-right: 0; padding-bottom: 60px; margin-top: 0; margin-bottom: 35px; font-size: 23px; } 
  .ideal-talent .tit::before { width: 1px; height: 50px; left: 50%; bottom: 0; transform: translate(-50%,0); z-index: 10; } 
  .ideal-talent .info { width: 100% !important; } 
  .ideal-talent .slogan .info { padding: 30px 0; } 
  .ideal-talent .slogan .info strong { font-size: 26px; } 
  .ideal-talent .slogan .info strong::before { width: 20px; height: 20px; top:0; left: -25px; } 
  .ideal-talent .slogan .info strong::after { width: 20px; height: 20px; top: 3px; right: -25px; } 
  .ideal-talent .ideal .info > div > strong { padding: 32px; font-size: 26px; } 
  .ideal-talent .ideal .info > div { padding-bottom: 90px; background-size: 280px; } 
  .ideal-talent .ideal ul { flex-direction: column; } 
  .ideal-talent .ideal li { width: 100%; margin-bottom: 20px; padding: 23px; } 
  .ideal-talent .ideal li:last-child { margin-bottom: 0; } 
}

@media screen and (max-width: 768px){
  .ideal-talent .core-value ul { flex-direction: column; } 
  .ideal-talent .core-value li { width: 100%; } 
  .ideal-talent .core-value li:nth-child(2) { transform: translate(0, -15px); } 
  .ideal-talent .core-value li:nth-child(3) { transform: translate(0, -30px); } 
  .ideal-talent .core-value li:nth-child(4) { transform: translate(0, -45px); } 
  .ideal-talent .core-value li strong { margin-top: 0; } 
  .ideal-talent .core-value li p { padding: 20px; } 
  .ideal-talent .core-value li strong { font-size: 26px; } 
  .ideal-talent .core-value li span { font-size: 18px; } 
}

@media screen and (max-width: 500px){
  .ideal-talent > ul > li { margin-bottom: 40px; } 
  .ideal-talent .tit { margin-bottom: 20px; font-size: 21px; padding-bottom: 45px; } 
  .ideal-talent .tit::before { height: 30px; } 
  .ideal-talent .slogan .info { padding: 25px 0; } 
  .ideal-talent .slogan .info strong { font-size: 23px; } 
  .ideal-talent .slogan .info strong::before { width: 18px; height: 18px; top:0; left: -25px; } 
  .ideal-talent .slogan .info strong::after { width: 18px; height: 18px; top: 3px; right: -25px; } 
  .ideal-talent .ideal .info > div { padding-bottom: 80px; background-size: 240px; } 
  .ideal-talent .ideal .info > div > strong { padding: 27px; font-size: 23px; } 
  .ideal-talent .ideal li { margin-bottom: 10px; } 
  .ideal-talent .core-value li:nth-child(2) { transform: translate(0, -12px); } 
  .ideal-talent .core-value li:nth-child(3) { transform: translate(0, -24px); } 
  .ideal-talent .core-value li:nth-child(4) { transform: translate(0, -36px); } 
  .ideal-talent .ideal li strong { font-size: 18px; } 
  .ideal-talent .ideal li p { font-size: 16px; } 
  .ideal-talent .core-value li strong { font-size: 24px; } 
  .ideal-talent .core-value li span { font-size: 16px; } 
}
/* [E] 인재상 */

/* [S] 공항견학 */
/* 공통 비주얼 */
.tour-info .visual {position: relative; min-height: 300px; background-repeat: no-repeat; background-position: right -10px top;} 
.tour-info .visual::after {content:''; position: absolute; left: calc(50% - 740px); top: 0px; z-index: -1; width: 100%; max-width: 1600px; height: 100%; background-image: url('../../images/sub/tour-visual.jpg');}
.tour-info .visual .center-wrap { max-width: 1480px; margin: 0 auto; padding: 50px 42px 20px 42px; } 
.tour-info .visual .tit { position: relative; display: block; max-width: 800px; padding-left: 153px; font-size: 30px; font-family: 'pb'; color: #fff; } 
.tour-info .visual .tit::before { content: ''; position: absolute; left: 0; top: 20px; width: 120px; height: 1px; background-color: #fff; } 
.tour-info .visual .btn-style1 { margin-left: 153px; } 

@media screen and (max-width: 1500px){
  .tour-info .visual::after {left: 0;}
}

@media screen and (max-width: 900px){
  .tour-info .visual .center-wrap { padding:40px 25px 40px 42px; } 
  .tour-info .visual .tit { padding-left: 75px; font-size: 25px; } 
  .tour-info .visual .btn-style1 { margin-left: 75px; } 
  .tour-info .visual .tit::before { width: 50px; top: 15px; } 
}

@media screen and (max-width: 768px){
  .tour-info .visual .tit br { display:none; } 
}

@media screen and (max-width: 500px){
  .tour-info .visual { min-height: 200px; } 
  .tour-info .visual .tit { font-size: 20px; } 
  .tour-info .visual .tit::before { width: 50px; } 
}

/* 공통 비주얼 */

/*신청안내*/
.tour-info .wrap-step-banner strong { display: block; text-align: center; } 
/*신청안내*/

/*견학 코스 및 신청하기*/
.tour-info.terminal .visual { margin-bottom: 60px; } 
.tour-terminal ul { display: flex; flex-wrap: wrap; } 
.tour-terminal li { width: calc((100% / 3) - 20px); margin-right: 30px; margin-bottom: 30px; border: 1px solid #ccc; } 
.tour-terminal li:nth-child(3n) { margin-right: 0; } 
.tour-terminal .txt-box span { display: inline-block; margin-right: 20px; line-height: 30px; width: 90px; height: 30px; color: #fff; background-color: #00abb3; border-radius: 15px; flex-shrink: 0; text-align: center; font-family: 'pb'; } 
.tour-terminal .txt-box strong { display: inline-block; flex: 1; font-size: 20px; color: #00abb3; line-height: 1.4; font-family: 'pb'; } 
.tour-terminal .txt-box em { display: block; font-size: 16px; white-space: nowrap; color: #00abb3; font-family: 'pm'; } 
.tour-terminal .desc { font-size: 18px; color: #555; } 
.tour-terminal1 .tit { display: flex; align-items: center; min-height: 86px; } 
.tour-terminal1 .txt-box { min-height: 174px; padding: 0 40px 0 45px; } 
.tour-terminal1 .desc { padding: 25px 0 20px 7px; border-top: 1px solid #eee; } 
.tour-terminal2 .txt-box { display: flex; align-items: center; padding: 30px 10px 30px 30px; } 

@media screen and (max-width: 1480px){
  .tour-terminal .txt-box span { margin-bottom: 10px; margin-right: 0; } 
  .tour-terminal1 .tit { min-height: 110px; flex-direction: column; padding: 20px 0 5px; text-align: center; } 
  .tour-terminal1 .txt-box { padding: 0 20px 0 20px; } 
  .tour-terminal2 .txt-box { flex-direction: column; padding: 20px; } 
}

@media screen and (max-width: 900px){
  .tour-info.terminal .visual { margin-bottom: 30px; } 
  .tour-terminal li { width: calc((100% / 3) - 10px); margin-right: 15px; margin-bottom: 20px; } 
  .tour-terminal .txt-box span { font-size: 15px; } 
  .tour-terminal .txt-box strong { font-size: 18px; } 
  .tour-terminal .desc { font-size: 16px; } 
  .tour-terminal .txt-box { text-align: center; } 
  .tour-terminal .txt-box span { width: 80px; height: 25px; line-height: 25px; } 
  .tour-terminal1 .txt-box { padding: 0 20px 0 20px; } 
  .tour-terminal1 .tit span { margin-bottom: 10px; } 
}

@media screen and (max-width: 768px){
  .tour-terminal li { width: calc((100% / 2) - 10px); } 
  .tour-terminal li:nth-child(3n) { margin-right: 20px; } 
  .tour-terminal li:nth-child(2n) { margin-right: 0; } 
  .tour-terminal .txt-box strong { font-size: 18px; } 
  .tour-terminal .desc { font-size: 16px; } 
  .tour-terminal1 .txt-box { padding: 0 20px 0 20px; } 
  .tour-terminal1 .desc { padding: 15px 0 30px 7px } 
}
/*견학 코스 및 신청하기*/

/* [E] 공항견학 */

/* [S] 홍보전망대 */
.terminal-promotion2 li { display: flex; margin-bottom: 30px; } 
.terminal-promotion2 li:last-child { margin-bottom: 0; } 
.terminal-promotion2 .img-box { width: 310px; border: 1px solid #ddd; border-right: 0; } 
.terminal-promotion2 .img-box > img{width: 100%;}
.terminal-promotion2 .txt-box { flex: 1; height: 100%; padding: 30px 46px; border: 1px solid #ddd; min-height: 210px; } 
.terminal-promotion2 .tit { display: block; margin-bottom: 16px; font-size: 22px; color: #152e6e; font-family: 'ncm'; } 
.terminal-promotion2 .tit i { font-family: 'ncb'; white-space: nowrap; } 
.terminal-promotion2 .tit em { margin-left: 7px; font-size: 20px; color: #111; white-space: nowrap; } 
.terminal-promotion2 .desc { font-size: 17px; color: #555; } 

@media screen and (max-width: 1480px){
  .terminal-promotion2 li { padding: 35px 20px;; border: 1px solid #ddd; } 
  .terminal-promotion2 .img-box { border: 0; } 
  .terminal-promotion2 .txt-box { padding: 0 0 0 40px; border: 0; } 
}

@media screen and (max-width: 768px){
  .terminal-promotion2 li { flex-direction: column; align-items: center; padding: 30px 35px; } 
  .terminal-promotion2 .tit { font-size: 22px; text-align: center; } 
  .terminal-promotion2 .tit em { font-size: 18px; } 
  .terminal-promotion2 .desc { font-size: 17px; } 
  .terminal-promotion2 .img-box { margin-bottom: 25px; } 
  .terminal-promotion2 .txt-box { min-height: auto; padding: 0; } 
}

@media screen and (max-width: 500px){
  .terminal-promotion2 .tit { font-size: 20px; } 
  .terminal-promotion2 .tit em { font-size: 16px; } 
  .terminal-promotion2 .desc { font-size: 16px; } 
}
/* [E] 홍보전망대 */

/* [S] 물류서비스 */

.distri .visual {position: relative;min-height: 300px; margin-bottom: 55px; background-repeat: no-repeat; background-position: right -10px center; } 
.distri .visual::after {content:''; position: absolute; left: calc(50% - 740px); top: 0px; z-index: -1; width: 100%; max-width: 1600px; height: 100%; background-image: url('../../images/sub/distri-visual1.jpg');}
.distri .visual .center-wrap { max-width: 1480px; margin: 0 auto; padding: 50px 42px 20px 42px; } 
.distri .visual .tit { position: relative; display: block; max-width: 800px; padding-left: 153px; font-size: 30px; font-family: 'ncb'; color: #fff; } 
.distri .visual .tit::before { content: ''; position: absolute; left: 0; top: 20px; width: 120px; height: 1px; background-color: #fff; } 
.distri .list { margin-bottom: 10px; border: 2px solid #c7dfe3; } 
.distri .list-wrap > li:last-child { margin-bottom: 0; } 
.distri .list.on { border: 2px solid #3176d0; } 
.distri .list .tit { padding: 27px 130px 31px 38px; cursor: pointer; } 
.distri .list.on .tit { border-bottom: 1px solid #bad4f5; } 
.distri .list .objHeading_h2 { margin-top: 0; font-size: 25px; } 
.distri .list.disabled .objHeading_h2 { color: #5b5b5b } 
.distri .list.disabled .objHeading_h2::before { background-image: url('../../images/common/bul-h2-black.png'); } 
.distri .list .objHeading_h2::after { content: ''; position: absolute; right: -92px; top: 50%; width: 34px; height: 20px; margin-top: -10px; background-image: url('../../images/common/accordian-arrow-down.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.distri .list.on .objHeading_h2::after { background-image: url('../../images/common/accordian-arrow-up.svg'); } 
.distri .list .info { max-height: 0;padding: 0; overflow: hidden; } 
.distri .list.on .info {  animation: slideDown 1s ease both;}
.distri .list.disabled .info { max-height: 3000px;animation: slideUp 0.7s ease both;}
.distri .list .info .wrap { display: flex; justify-content: space-between; padding: 27px 38px 48px; } 
.distri .txt-box { flex: 1; min-width: 400px; margin-right: 54px; } 
.distri .txt-box .objHeading_h3 { display: block; margin-bottom: 17px; margin-top: 0; font-size: 23px; color: #152e6e; font-family: 'ncm'; } 
.distri .txt-box .con-desc { line-height: 28px; font-size: 17px; } 
.distri .txt-box .con-desc i { display: block; height: 30px; } 
.distri .img-box { width: 670px; } 
.distri .content { padding: 25px 40px 18px; margin-top: 27px; background-color: #f0f7ff; } 
.distri .content .circle-list { display: flex; justify-content: space-between; align-items: flex-start; } 
.distri .content .circle-list li { text-align: center; } 
.distri .content .circle-list .circle { margin: 0 auto 12px; width: 90px; height: 90px; background-position: center; background-repeat: no-repeat; background-color: #fff; border-radius: 50%; } 
.distri .down-wrap { margin: 45px 0 20px; padding: 30px; background-color: #f5f5f5 } 
.distri .down-wrap li { margin-bottom: 9px; color: #121212; font-size: 18px; } 
.distri .down-wrap li:last-child { margin-bottom: 0; } 
.distri .down-wrap li span { margin-right: 5px; } 
.distri .con-tit { display: block; margin-bottom: 20px; text-align: center; font-size: 20px; color: #222; font-family: ncm;} 
.distri .content strong { font-size: 16px; color: #152e6e; font-family: 'ncb'; line-height: 1.2; } 
.distri .content li { text-align: center; } 
.distri .con-table { margin-top: 45px; } 

@keyframes slideDown {
  100% {max-height: 3000px;}
}

@keyframes slideUp {
  100% {max-height: 0;}
}

@media screen and (max-width: 1500px){
  .distri .visual::after {left: 0;}
}

@media screen and (max-width: 1400px){
  .distri .down-wrap li span { display: block; margin-bottom: 5px; } 
}

@media screen and (max-width: 1150px){
  .distri .list .info .wrap { flex-direction: column; } 
  .distri .txt-box .objHeading_h3 {font-size: 22px;}
  .distri .txt-box { margin-right: 0; min-width: auto; } 
  .distri .img-box { width: 100%; max-width: 620px; margin: 40px auto 0; } 
  .distri .content { width: 100%; max-width: 620px; margin: 27px auto 0; padding: 20px 20px 18px; } 
  .distri .down-wrap { margin: 35px 0 15px; } 
  .distri .down-wrap li span { display: inline-block; } 
  .distri .noti-txt{text-align: left; padding: 3px 0px 3px 38px;}
}

@media screen and (max-width: 900px){
  .distri .visual { margin-bottom: 22px; } 
  .distri .visual .center-wrap { padding:40px 25px 40px 42px; } 
  .distri .visual .tit { padding-left: 75px; font-size: 25px; } 
  .distri .visual .tit::before { width: 50px; top: 15px; } 
  .distri .list .info .wrap { padding: 27px 38px 35px; } 
}

@media screen and (max-width: 700px){
  .distri .list .objHeading_h2{font-size: 22px;}
  .distri .list .tit { padding: 27.5px 70px 27.5px 38px } 
  .distri .txt-box .objHeading_h3 {font-size: 20px;}
  .distri .list .objHeading_h2::after { right: -50px; width: 30px; height: 30px; } 
  .distri .con-tit { margin-bottom: 18px; font-size: 19px; } 
  .distri .txt-box .con-desc i { height: 20px; } 
  .distri .content .circle-list .circle { width: 65px; height: 65px; background-size: 55%; } 
  .distri .content .circle-list strong { font-size: 16px; } 
  .distri .down-wrap li { font-size: 16px; } 
}

@media screen and (max-width: 500px){
  .distri .visual { min-height: 200px; } 
  .distri .visual .tit { font-size: 20px; } 
  .distri .visual .tit::before { width: 50px; } 
  .distri .img-box { margin: 25px auto 0; } 
  .distri .con-tit { font-size: 18px; } 
  .distri .content .circle-list .circle { margin: 0 auto 7px; } 
  .distri .content .circle-list strong { font-size: 15px; } 
}

/***** Why Incheon *****/

/*Introduction*/
#menu343_obj1327 { width: 100%; } 
.distri-intro .list3 .content .circle-list { max-width: 410px; margin: 0 auto; } 
.distri-intro .list3 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small10.png'); } 
.distri-intro .list3 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small11.png'); } 
.distri-intro .list3 .content .circle-list li:nth-child(3) .circle { background-image: url('../../images/sub/circle-icon-small12.png'); } 
.distri-intro .list3 .content .circle-list strong { white-space: nowrap } 

@media screen and (max-width: 700px){
  .distri-intro .list3 .content .circle-list span { font-size: 23px; transform: translateX(2.5px) } 
}
/*Introduction*/

/*superior*/
#menu343_obj1327 { width: 100%; } 
.distri-superior .list4 .content .circle-list { position: relative; max-width: 290px; margin: 0 auto 30px; } 
.distri-superior .list4 .content .circle-list::before { content: ''; position: absolute; left: 50%; top: 44px; margin-left: -10px; width: 20px; height: 2px; background-color: #152e6e; } 
.distri-superior .list4 .content .circle-list::after { content: ''; position: absolute; left: 50%; top: 35px; margin-left: -1px; width: 2px; height: 20px; background-color: #152e6e; } 
.distri-superior .list4 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small13.png'); } 
.distri-superior .list4 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small14.png'); } 
.distri-superior .list5 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small15.png'); } 
.distri-superior .list5 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small16.png'); } 
.distri-superior .list5 .content .circle-list li:nth-child(3) .circle { background-image: url('../../images/sub/circle-icon-small17.png'); } 
.distri-superior .list5 .content .circle-list li:nth-child(4) .circle { background-image: url('../../images/sub/circle-icon-small18.png'); } 
.distri-superior .list5 .content .circle-list li:nth-child(5) .circle { background-image: url('../../images/sub/circle-icon-small19.png'); } 
.distri-superior .list6 .content .circle-list { max-width: 410px; margin: 0 auto; } 
.distri-superior .list6 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small20.png'); } 
.distri-superior .list6 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small21.png'); } 
.distri-superior .list6 .content .circle-list li:nth-child(3) .circle { background-image: url('../../images/sub/circle-icon-small22.png'); } 
.distri-superior .list4 .content .desc-list { padding-top: 25px; border-top: 1px solid #87b6ec; } 
.distri-superior .list4 .content .desc-list li { position: relative; padding-left: 17px;; margin-bottom: 5px; text-align:left; font-size: 18px; color: #555; } 
.distri-superior .list4 .content .desc-list li:last-child { margin-bottom: 0; } 
.distri-superior .list4 .content .desc-list li::before { content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #3176d0; border-radius: 50%; } 

@media screen and (max-width: 700px){
  .distri-superior .list4 .content .circle-list { padding: 0 40px; } 
  .distri-superior .list4 .content .desc-list li { padding-left: 12px; font-size: 16px; font-size: 16px; } 
  .distri-superior .list4 .content .desc-list li::before { top: 9px; width: 4px; height: 4px; } 
  .distri-superior .list5 .content { padding: 20px 45px 18px; } 
  .distri-superior .list5 .content .circle-list { flex-wrap: wrap; justify-content: center; } 
  .distri-superior .list5 .circle-list li { width: 33.3333%; } 
  .distri-superior .list5 .circle-list li:nth-child(n + 4) { margin-top: 20px; } 
}
/*superior*/

/*smart*/
.distri-smart .list2 .content .circle-list { max-width: 555px; margin: 0 auto; } 
.distri-smart .list2 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small23.png'); } 
.distri-smart .list2 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small24.png'); } 
.distri-smart .list2 .content .circle-list li:nth-child(3) .circle { background-image: url('../../images/sub/circle-icon-small25.png'); } 
.distri-smart .list2 .content .circle-list li:nth-child(4) .circle { background-image: url('../../images/sub/circle-icon-small26.png'); } 

@media screen and (max-width: 700px){
  .distri-smart .list2 .content .circle-list li { flex: 1; } 
}
/*smart*/

/***** Specialty *****/

/* pharmaceuticals */
.distri-pharm .list1 .content { padding: 25px 40px 60px;text-align: center; } 
.distri-pharm .list1 .content .con-tit { margin-bottom: 8px; } 
.distri-pharm .list1 .content i { display: inline-block; width: 200px; text-align: center; color: #fff; background-color: #3176d0; border-radius: 15px; margin-bottom: 40px; padding: 3px 0;; font-family: 'pm'; } 
.distri-pharm .list1 .chart { padding: 0 40px; padding: 0 55px; border-bottom: 1px solid #000; } 
.distri-pharm .list1 .chart > div { position: relative; } 
.distri-pharm .list1 .chart .line { position: absolute; top: 89px; left: 50%; transform: translateX(-50%) rotate(-15deg); width:85%; border: 1px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(89.90172260150507deg, rgba(49, 118, 208,1) 19.8515625%,rgba(48, 118, 207,1) 19.8515625%,rgba(0, 171, 179,1) 80.58072916666667%); background-clip: content-box, border-box; background-origin:border-box; } 
.distri-pharm .list1 .chart .line .circle { content: ''; position: absolute; top: -5px; width: 10px; height: 10px; border-radius: 50%; } 
.distri-pharm .list1 .chart .line .circle1 { left: -5px; background-color: #3176d0; } 
.distri-pharm .list1 .chart .line .circle2 { left: 50%; transform: translateX(-50%); background-color: #0069b3; } 
.distri-pharm .list1 .chart .line .circle3 { right: -5px; background-color: #00abb3; } 
.distri-pharm .list1 .chart ul { position: relative; display: flex; justify-content: space-between; align-items: flex-end; } 
.distri-pharm .list1 .chart li { position: relative; width: 90px; margin-right: 10px; } 
.distri-pharm .list1 .chart li:last-child { margin-right: 0; } 
.distri-pharm .list1 .chart .progress { position: relative; width: 100%; } 
.distri-pharm .list1 .chart .progress1 { height: 15px; background-color: #3176d0; } 
.distri-pharm .list1 .chart .progress2 { height: 70px; background-color: #0069b3; } 
.distri-pharm .list1 .chart .progress3 { height: 116px; background-color: #00abb3 } 
.distri-pharm .list1 .chart span { display: block; margin-bottom: 40px; font-size: 18px; font-family: 'pb'; color: #152e6e; white-space: nowrap; } 
.distri-pharm .list1 .chart em { position: absolute; left: 50%; transform: translateX(-50%); bottom: -34px; font-size: 14px; color: #111; font-family: 'ncm'; } 
.distri-pharm .noti-txt{padding: 3px 48px 3px 38px;}
.distri-pharm .noti-txt em{font-family: pm;}

@media screen and (max-width: 1150px){
  .distri-pharm .noti-txt{text-align: left; padding: 3px 0px 3px 38px;}
}

@media screen and (max-width: 740px){
  .distri-pharm .list1 .chart li:nth-child(1) span { transform: translateY(-10px) } 
}

@media screen and (max-width: 700px){
  .distri-pharm .list1 .content i { margin-bottom: 32px; font-size: 15px; } 
  .distri-pharm .list1 .content .con-tit { margin-bottom: 5px; } 
  .distri-pharm .list1 .chart { padding: 0 20px; } 
  .distri-pharm .list1 .chart span { font-size: 16px; } 
  .distri-pharm .list1 .chart .line { width: 73%; top: 67px; } 
  .distri-pharm .list1 .chart li:nth-child(1) span { transform: translateY(-56px) } 
  .distri-pharm .list1 .chart li:nth-child(2) span { transform: translateY(-25px) } 
}

/* lithium batteries */
.distri-lithium .list1 .content .circle-list { max-width: 392px; margin: 0 auto; } 
.distri-lithium .list1 .content .circle-list li:nth-child(1) .circle { background-image: url('../../images/sub/circle-icon-small27.png'); } 
.distri-lithium .list1 .content .circle-list li:nth-child(2) .circle { background-image: url('../../images/sub/circle-icon-small28.png'); } 
.distri-lithium .list1 .content .circle-list li:nth-child(3) .circle { background-image: url('../../images/sub/circle-icon-small29.png'); } 
.distri-lithium .list1 .content {padding: 25px 40px 46px;}
.distri-lithium .noti-txt{padding: 3px 48px 3px 38px;}
.distri-lithium .noti-txt em{font-family: pm;}

@media screen and (max-width: 1150px){
  .distri-lithium .noti-txt{text-align: left; padding: 3px 0px 3px 38px;}
}

@media screen and (max-width: 700px){
  .distri-lithium .list1 .content .circle-list { max-width: 300px; } 
}
/* lithium batteries */

/***** Specialty *****/

/***** global recognition *****/

/* global customers */
.distri-g-customer .list-wrap > li:last-child { margin-bottom: 10px; } 
.distri-g-customer .distri .con-tit { margin-bottom: 40px; } 
.distri-g-customer .con-wrap .desc i, .distri-g-customer .con-desc i { display: block; height: 30px; } 
.distri-g-customer .list .info .wrap { flex-direction: column; justify-content: flex-start;} 
.distri-g-customer .list .con-wrap1 { display: flex; justify-content: space-between; align-items: center; margin-top: 85px; background-color: #f0f7ff; } 
.distri-g-customer .list .con-wrap.reverse { flex-direction: row-reverse; } 
.distri-g-customer .con-wrap1 .img-box { position: relative; transform: translateY(-45px); width: auto; margin: 0 0 0 40px; } 
.distri-g-customer .list .con-wrap.reverse .img-box { margin-right: 66px; } 
.distri-g-customer .con-wrap1 .img-box img { position: relative; } 
.distri-g-customer .con-wrap1 .img-box::before { content: ''; position: absolute; left: 25px; top: 25px; width: 100%; height: 100%; border: 1px solid #152e6e; } 
.distri-g-customer .con-wrap1 .txt-box { width: 705px; padding: 105px 90px 85px 107px; margin-right: 0; min-width: 400px; } 
.distri-g-customer .list .con-wrap.reverse .txt-box { padding: 105px 50px 85px 97px; } 
.distri-g-customer .con-wrap1 .desc { position: relative; margin-bottom: 25px; font-size: 18px; line-height: 27px; } 
.distri-g-customer .con-wrap1 .desc::before { content: ''; position: absolute; left: -47px; top: -5px; width: 32px; height: 27px; background-image: url('../../images/common/dot-sky.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } 
.distri-g-customer .con-wrap1 .desc::after { content: ''; position: absolute; right: -40px; bottom: -15px; width: 32px; height: 27px; background-image: url('../../images/common/dot-sky.svg'); transform: rotate(180deg); background-position: center; background-size: contain; background-repeat: no-repeat; } 
.distri-g-customer .con-wrap1 .author { font-size: 20px; color: #121212; } 
.distri-g-customer .con-wrap1 .author strong { margin-left: 5px; color: #152e6e; font-size: 22px; font-family: 'ncb' } 

.distri-g-customer .list2 .content { margin-top:32px; padding: 38px 170px 32px; } 
.distri-g-customer .list2 .content span { display: inline-block; margin-bottom: 15px; font-size: 22px; font-family: 'ncm' } 
.distri-g-customer .list2 .content .circle { margin: 0 auto 13px; width: 118px; height: 118px; border-radius: 50%; background-position: center; background-repeat: no-repeat; } 
.distri-g-customer .list2 .content li { position: relative; text-align: center; } 
.distri-g-customer .list2 .content .flex-wrap { display: flex; justify-content: space-between; align-items: center; } 
.distri-g-customer .list2 .content .flex-wrap::before { content: ''; display: block; width: 173px; height: 111px; margin: 0 30px; background-image: url('../../images/sub/con-arrow-blue.png'); background-position: center; background-size: contain; background-repeat: no-repeat; order:2 } 
.distri-g-customer .list2 .content ul { display: flex; } 
.distri-g-customer .list2 .content li:first-child { margin-right: 72px; } 
.distri-g-customer .list2 .content li:last-child { margin-right: 0; } 
.distri-g-customer .list2 .content .left { order: 1; text-align: center; } 
.distri-g-customer .list2 .content .left .circle { background-color: #fff; } 
.distri-g-customer .list2 .content .left li:first-child .circle { background-image: url('../../images/sub/circle-icon-small30.png'); } 
.distri-g-customer .list2 .content .left li:last-child .circle { background-image: url('../../images/sub/circle-icon-small31.png'); } 
.distri-g-customer .list2 .content .right { order: 3; text-align: center; } 
.distri-g-customer .list2 .content .right .circle { background-color: #152e6e; } 
.distri-g-customer .list2 .content .right li:first-child .circle { background-image: url('../../images/sub/circle-icon-small32.png'); } 
.distri-g-customer .list2 .content .right li:last-child .circle { background-image: url('../../images/sub/circle-icon-small33.png'); } 
.distri-g-customer .list2 .content i { font-size: 18px; color: #152e6e; font-family: 'ncm' } 
.distri-g-customer .list2 .content strong { font-size: 25px; } 
.distri-g-customer .list4 .content { padding: 0; margin-top: 13px; flex: 1; background-color: transparent; } 
.distri-g-customer .list4 .objHeading_h3 { margin-top: 0; } 
.distri-g-customer .list4 .con-wrap2 { display: flex; justify-content: space-between; } 
.distri-g-customer .list4 .con-wrap2 .img-box { width: 670px; margin-right: 60px; } 
.distri-g-customer .list4 .con-wrap2 .txt-box { flex: 1; min-width: 500px; } 
.distri-g-customer .list4 .con-wrap2 strong { display: block; width: 93%; text-align: center; padding: 8px 0; margin: 0 auto 18px; font-size: 20px; color: #fff; background-color: #3176d0; font-family: 'ncm'; } 
.distri-g-customer .list4 .con-wrap2 img { margin-bottom: 5px; } 
.distri-g-customer .list4 .con-wrap2 .logo-list { display: flex; justify-content: space-between; padding: 25px 18px 15px; background-color: #f0f7ff; } 
.distri-g-customer .list4 .con-wrap2 .logo-list li { position: relative; flex: 1 } 
.distri-g-customer .list4 .con-wrap2 .logo-list li > div { border-right: 1px solid #c4defc; min-height: 240px; } 

.distri-g-customer .list4 .con-wrap2 .logo-list li:last-child > div { border-right: 0; } 
.distri-g-customer .list4 .con-wrap2 .logo-list img { display: block; margin: 0 auto 15px; padding: 0 5px;} 
.distri-g-customer .list5 .con-wrap1 .txt-box { padding: 30px 90px 20px 107px; } 
.distri-g-customer .list5 .con-wrap1 .img-box { transform: translateY(-73px) } 

.distri-g-customer.visual3 .visual { margin-top: 60px;} 
.distri-g-customer.visual4 .visual { margin-top: 60px;} 

@media screen and (max-width: 1400px){
  .distri-g-customer .con-wrap1 .author strong { display: block; margin-left: 0; } 
  .distri-g-customer .con-wrap1 .txt-box { padding: 4.5vw 30px 3vw 100px; } 
  .distri-g-customer .con-wrap1 .desc::after { right :0; } 
  .distri-g-customer .list2 .content { max-width: 100%; padding: 28px 140px 28px; } 
  .distri-g-customer .list2 .content .circle { width: 95px; height: 95px; background-size: 55%; } 
  .distri-g-customer .list2 .distri .con-tit { margin-bottom: 10px; } 
  .distri-g-customer .list2 .content span { font-size: 20px; margin-bottom: 10px } 
  .distri-g-customer .list2 .content .flex-wrap::before { width: 130px; min-width: 100px; } 
  .distri-g-customer .list4 .con-wrap2 {flex-direction: column;}
  .distri-g-customer .list4 .con-wrap2 .img-box {width: 100%;margin-right: 0;margin: 40px auto 40px;text-align: center;}
  .distri-g-customer .list4 .content {text-align: center;}
}

@media screen and (max-width: 1200px){
  .distri-g-customer .con-wrap1 .desc { margin-bottom: 15px; font-size: 16px; } 
  .distri-g-customer .con-wrap1 .img-box, .distri-g-customer .list .con-wrap.reverse .img-box { margin-left: 20px; } 
  .distri-g-customer .con-wrap1 .author { font-size: 18px; } 
  .distri-g-customer .con-wrap1 .author strong { font-size: 20px; } 
  .distri-g-customer .con-wrap1 .desc::before { width: 25px; left: -36px; } 
  .distri-g-customer .con-wrap1 .desc::after { width: 25px; right: 6px; } 
  .distri-g-customer .list2 .content { max-width: 100%; padding: 28px 40px 28px; } 
  .distri-g-customer .list2 .content li:first-child { margin-right: 55px; } 
  .distri-g-customer .list5 .con-wrap {flex-direction: column;}
  .distri-g-customer .list5 .con-wrap1 .img-box {transform: translateY(-35px)}
  .distri-g-customer .list5 .con-wrap1 .txt-box {padding: 10px 0 30px 35px}
}

@media screen and (max-width: 1050px){
  .distri-g-customer .list .con-wrap { flex-direction: column; } 
  .distri-g-customer .list .con-wrap.reverse { flex-direction: column; } 
  .distri-g-customer .con-wrap1 .txt-box, .distri-g-customer .list .con-wrap.reverse .txt-box { width: 85%; padding: 10px 0 30px 35px; min-width: auto; } 
  .distri-g-customer .con-wrap1 .img-box, .distri-g-customer .list .con-wrap.reverse .img-box { width: 90%; transform: translateY(-35px); margin: 0; } 
  .distri-g-customer .con-wrap1 .img-box::before { left: 18px; top: 15px; } 
  .distri-g-customer .con-wrap1 .desc::after { right: 0; } 
  .distri-g-customer .list4 .con-wrap2 .logo-list li > div { min-height: 200px; } 
}

@media screen and (max-width: 900px){
  .distri-g-customer .list2 .content .flex-wrap {flex-direction: column;}
  .distri-g-customer .list2 .content .flex-wrap::before {width: 100px;min-width: 100px;transform: rotate(90deg);margin: 20px 0;}
  .distri-g-customer .list2 .content span {font-size: 18px;}
  .distri-g-customer .list2 .content i {width: 16px;}
  .distri-g-customer .list2 .content strong {font-size: 20px;}
  .distri-g-customer .list2 .content .circle {margin: 0 auto 8px;}
}

@media screen and (max-width: 700px){
  .distri-g-customer .con-wrap .desc i, .distri-g-customer .con-desc i { height: 20px; } 
  .distri-g-customer .con-wrap1 .author { font-size: 17px; } 
  .distri-g-customer .con-wrap1 .author strong { font-size: 19px; }
  .distri-g-customer .list4 .con-wrap2 .logo-list {flex-wrap: wrap;}
  .distri-g-customer .list4 .con-wrap2 .logo-list > li {width: 50%;flex: none;}
  .distri-g-customer .list4 .con-wrap2 .logo-list > li:nth-child(3),.distri-g-customer .list4 .con-wrap2 .logo-list > li:nth-child(4) {margin-top: 20px;} 
  .distri-g-customer .list4 .con-wrap2 strong {padding: 5px 0;font-size: 18px;}
  .distri-g-customer .list4 .con-wrap2 .logo-list li:nth-child(2) > div {border-right: 0;}
}

/* global customers */

/***** global recognition *****/

/* [E] 물류서비스 */

/* [S] ESG 공정거래자율준수 */
.cp .intro { margin-bottom: 100px; } 
.cp .intro > ul > li { display: flex; align-items: flex-start; margin-bottom: 50px; } 
.cp .intro > ul > li:last-child { margin-bottom: 0; } 
.cp .intro .tit { position: relative; width: 280px; flex-shrink: 0; margin-top: 54px; margin-right: 50px; font-size: 25px; font-family: 'ncb'; } 
.cp .intro .tit::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 92px; height: 1px; background-color: #152e6e; } 
.cp .intro .info { flex: 1; } 
.cp .intro .mission { position: relative; margin-bottom: 5px; } 
.cp .intro .mission > div { width: 100%; padding-bottom: 150px; background-image: url('../../images/sub/big-arrow.png'); background-position: center bottom 10px; background-repeat: no-repeat; } 
.cp .intro .mission .info { position: relative; padding: 45.5px 100px; border: 2px solid #152e6e; text-align: center; } 
.cp .intro .mission .info::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -5px; width: 89.1%; height: calc(100% + 10px); background-color: #fff; } 
.cp .intro .mission .info strong { position: relative; display: inline-block; font-size: 27px; color: #152e6e; font-family: 'ncb'; } 
.cp .intro .mission .info strong::before { content: ''; position: absolute; left: -40px; top: 0; width: 24px; height: 19px; background-image: url('../../images/sub/dot-blue.png'); background-repeat: no-repeat; background-size: contain; } 
.cp .intro .mission .info strong::after { content: ''; position: absolute; right: -40px; top: 10px; width: 24px; height: 19px; background-image: url('../../images/sub/dot-blue.png'); background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); } 
.cp .intro .vision .info { position: relative; } 
.cp .intro .vision .info::before { content: ''; position: absolute; left: 50%; bottom: -100%; transform: translateX(-50%); width:2px; height: 100%; background-color: #ccc; } 
.cp .intro .vision .info > strong { display: block; position: relative; padding: 47.5px 0; text-align: center; color: #fff; font-size: 27px; font-family: 'ncb'; background-image: url('../../images/sub/ideal-bg.jpg'); background-size: cover; border-radius: 10px; } 
.cp .intro .strategy .info { position: relative; } 
.cp .intro .strategy .info::before { content: ''; position: absolute; width: 100%; height: 2px; left: 50%; top: -28px; transform: translateX(-50%); background-color: #ccc; } 
.cp .intro .strategy .info::after { content: ''; position: absolute; width: 100%; height: 2px; left: 50%; bottom: -28px; transform: translateX(-50%); background-color: #ccc; } 
.cp .intro .strategy ul { position: relative; display: flex; justify-content: space-between; } 
.cp .intro .strategy ul::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background-color: #ccc; } 
.cp .intro .strategy li { position: relative; width: calc((100% / 3) - 64px); min-height: 140px; text-align: center; } 
.cp .intro .strategy li > div::before { content: ''; position: absolute; top: -50px; width: calc(50% - 1px); height: 50px; background-color: #fff; z-index: 1; } 
.cp .intro .strategy li:nth-child(1) > div::before { left: 0; } 
.cp .intro .strategy li:nth-child(2) > div::before { display: none; } 
.cp .intro .strategy li:nth-child(3) > div::before { right: 0; } 
.cp .intro .strategy li > div::after { content: ''; position: absolute; bottom: -50px; width: calc(50% - 1px); height: 50px; background-color: #fff; z-index: 1; } 
.cp .intro .strategy li:nth-child(1) > div::after { left: 0; } 
.cp .intro .strategy li:nth-child(2) > div::after { display: none; } 
.cp .intro .strategy li:nth-child(3) > div::after { right: 0; } 
.cp .intro .strategy li:nth-child(1)::before { content: ''; position: absolute; left: 50%; top: -28px; transform: translateX(-50%); width: 2px; height: 28px; background-color: #ccc; } 
.cp .intro .strategy li:nth-child(2)::before { content: '持続可能な好循環の創出'; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 195px; background-color: #fff; font-size: 18px; z-index: 2; } 
.cp .intro .strategy li:nth-child(3)::before { content: ''; position: absolute; left: 50%; top: -28px; transform: translateX(-50%); width: 2px; height: 28px; background-color: #ccc; } 
.cp .intro .strategy li:nth-child(1)::after { content: ''; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); width: 2px; height: 17px; background-color: #ccc; } 
.cp .intro .strategy li:nth-child(3)::after { content: ''; position: absolute; left: 50%; bottom: -28px; transform: translateX(-50%); width: 2px; height: 28px; background-color: #ccc; } 
.cp .intro .strategy li strong { position: relative; display: flex; justify-content: center; align-items: center; padding: 20px; min-height: 140px; height: 100%; color: #fff; font-size: 18px; font-family: 'ncm'; border-radius: 70px; } 
.cp .intro .strategy li > div { height: 100%; } 
.cp .intro .strategy li:nth-child(1) strong { background-color: #0034b8; } 
.cp .intro .strategy li:nth-child(2) strong { background-color: #00abb3; } 
.cp .intro .strategy li:nth-child(3) strong { background-color: #ff9400; } 
.cp .intro .strategy li:nth-child(1) strong::before { content: ''; position: absolute; width: 8px; height: 8px; bottom: -18px; left: 49.3%; transform: rotate(30deg); background-image: url('../../images/common/arrow-icon_gray.svg'); background-position: center bottom; background-repeat: no-repeat; z-index: 2; } 
.cp .intro .strategy li:nth-child(2) strong::before { content: ''; position: absolute; width: 8px; height: 8px; bottom: -32px; left: 50%; margin-left: 100px; transform: translateX(-50%) rotate(60deg); background-image: url('../../images/common/arrow-icon_gray.svg'); background-position: center bottom; background-repeat: no-repeat; z-index: 2; } 
.cp .intro .strategy li:nth-child(2) strong::after { content: ''; position: absolute; width: 20px; height: 8px; left: -20px; background-color: #fff; background-image: url('../../images/common/arrow-icon_gray.svg'); background-position: left center; background-repeat: no-repeat; z-index: 2; } 
.cp .intro .strategy li:nth-child(3) strong::after { content: ''; position: absolute; width: 20px; height: 8px; left: -20px; background-color: #fff; background-image: url('../../images/common/arrow-icon_gray.svg'); background-position: left center; background-repeat: no-repeat; z-index: 2; } 

.cp .group { padding: 56px 130px 56px 120px; border: 1px solid #ccc; } 
.cp .group .org { position: relative; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1230px; } 
.cp .group .org > div { position: relative; } 
.cp .group .org > div::before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; margin-left: -0.5px; background-color: #ddd; } 
.cp .group .org > div:last-child::before { display: none; } 
.cp .group .org .left { width: 250px; margin-top: 210px; margin-right: 80px; } 
.cp .group .org .center { width: 250px; margin-right: 80px; } 
.cp .group .org .right { display: flex; justify-content: space-between; width: 568px; position: relative; margin-top: 70px; } 
.cp .box { position: relative; } 
.cp .box.white{padding:0;}
.cp .box-mb5 { margin-bottom: 5px; } 
.cp .box-mb15 { margin-bottom: 15px; } 
.cp .box-mb25 { margin-bottom: 25px; } 
.cp .box-mb30 { margin-bottom: 30px; } 
.cp .box-mb60 { margin-bottom: 60px; } 
.cp .box-mb120 { margin-bottom: 120px; } 
.cp .group .tit  { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; padding: 10px 20px; min-height: 80px; font-size: 18px; font-family: 'ncb'; text-align: center; color: #fff; } 
.cp .group .tit em, .cp .hot-line .tit em { display: block; font-size: 18px; } 
.cp .white .tit { border: 2px solid #3176d0; color: #3176d0; background-color: #fff; } 
.cp .sky .tit { background-color: #3176d0; } 
.cp .blue .tit { background-color: #152e6e; } 
.cp .mint .tit { background-color: #00abb3; } 
.cp .black .tit { background-color: #2e3851; } 
.cp .list { position: relative; padding: 10px 15px; background-color: #fff; border: 1px solid #ddd; } 
.cp .list li { position: relative; font-size: 18px; padding-left: 10px; color: #555; } 
.cp .list .list em { display: block; } 
.cp .list li::before { content: ''; position: absolute; left: 0; top: 12px; width:4px; height: 4px; border-radius: 50%; } 
.cp .sky .list li::before { background-color: #3176d0; } 
.cp .mint .list li::before { background-color: #aaa; } 
.cp .group .org::before { content: ''; position: absolute; top: 250px; left: 0; width: 100%; height: 1px; background-color: #ddd; } 
.cp .group .org .center > div:nth-child(1)::before { content: ''; position: absolute; left: -1px; bottom: -60px; width: 50%; height: 60px; background-color: #fff; z-index: 1; } 
.cp .group .org .right > div { width: calc((100% / 2) - 34px) } 
.cp .group .org .right .wrap > div:nth-child(1)::before { content: ''; position: absolute; top: 50%; left: -100%; width: 100%; height: 1px; background-color: #ddd; } 
.cp .group .org .right .wrap > div:nth-child(2)::before { content: ''; position: absolute; top: 50%; left: -28px; width: 28px; height: 85px; background-color: #fff; border: 1px solid #ddd; border-right: 0; } 
.cp .group .org .right .box.tf::before { content: ''; position: absolute; left: -68px; top: 0;; width: 68px; height: 100%; background-color: #fff; } 

.hot-line .tit.bg1{background: #2E3851;}
.hot-line .tit.bg2{background: #3176D0;}
.hot-line .tit.bg3{border: 2px solid #3176D0; background: #fff;}
.hot-line .tit{ display: flex; justify-content: center; align-items: center; height: 80px; padding: 0 10px; position: relative; z-index: 1;}
.hot-line .tit > strong{font-family: ncb; font-size: 20px; color: #fff; text-align: center; line-height: 1.2; letter-spacing: -.05em;}
.hot-line .tit.bg3 > strong{color: #3176D0;}
.hot-line .row .box{display: flex;}
.hot-line .row .left{width: 350px; position: relative;}
.hot-line .row1 .left::before{content: ''; width: 1px; height: 100%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
.hot-line .row2 .left::before{content: ''; width: 1px; height: 59%; background: #DDDDDD; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1;}
.hot-line .row .right{flex: 1;}
.hot-line .left .tit:first-child{margin-bottom: 115px;}
.hot-line .left .tit{margin-bottom: 30px;position: relative;}
.hot-line .row .left .tit::after{content:''; font-size: 18px; font-family: 'ncb'; color: #333333; position: absolute; right: 0; bottom: -55px; background: #fff;}
.hot-line .row1 .left .tit:first-child::after{content: '通報・情報提供';}
.hot-line .row2 .left .tit::after{content: '結果の通知'; bottom: -55px;}
.hot-line .row-box{padding-left: 125px; position: relative;}
.hot-line .row-box::before{content: ''; width: 100%; height: 1px; background: #DDDDDD; position: absolute; left: -176px; top: 90px; }
.hot-line .row-box > ul{position: relative; background: #fff;}
.hot-line .row-box li::after{content: ''; width: 100%; height:1px; background: #DDDDDD; position: absolute; left: 0; top:40px;}
.hot-line .row1 .row-box{margin-top: 50px;}
.hot-line .row2 .row-box{margin-top: 50px;}
.hot-line .row-box li{display: flex; padding-bottom: 15px; padding-left: 25px; position: relative;}
.hot-line .row-box li:first-child::before{content: ''; z-index: 1; height: 100%; width: 1px; background: #DDDDDD; position: absolute; left: 0; top: 40px;}
.hot-line .left-item{width: 50%;}
.hot-line .right-item{margin-left: 65px; width: 50%;}

@media screen and (max-width: 1480px){
  .cp .intro .strategy li:nth-child(1) strong::before { left: 50%; transform: translateX(-50%) rotate(30deg); margin-left: 1px; } 
  .cp .intro .tit { width: 200px; } 
  .cp .intro .tit::before { width: 70px; } 
  .cp .intro .strategy li { width: calc((100% / 3) - 30px) } 
  .cp .group { padding: 56px 50px 56px 50px; } 
  .cp .group .org { max-width: 1000px; margin: 0 auto; } 
  .cp .group .org .left { width: auto; flex:1; margin-right: 30px; } 
  .cp .group .org .center { flex-direction: column; width: auto; flex: 1; margin-right: 50px; } 
  .cp .group .org .right { flex-direction: column; width: auto; flex: 1; } 
  .cp .group .org .right > div { width: 100%; } 
  .cp .group .org .right .wrap { margin-right: 0; margin-bottom: 30px; } 
  .cp .group .org .right .box.tf::before { display: none; } 

  .hot-line .right-item{margin-left: 35px;}
  .hot-line .row-box{padding-left: 60px;}
  .hot-line .tit > strong{font-size: 18px;}
}

@media screen and (max-width: 1200px){
  .cp .intro .strategy li strong { font-size: 20px; } 
  .cp .intro .mission .info strong::before { left: -35px; } 
  .cp .intro .mission .info strong::after { right: -35px; } 

  .hot-line .row-box::before{left: -38%;}
  .hot-line .row .left{width: 43%;}
  .hot-line .row-box li{display: block;}
  .hot-line .left-item{width: 100%; margin-bottom: 20px;}
  .hot-line .right-item{width: 100%; margin-left: 0;}
  .hot-line .tit{height: 60px; }
  .hot-line .row-box > ul::before{top: 30px;}
  .hot-line .row-box li::before{top: 30px;}
  .hot-line .row-box.box2{margin-top: 60px;}
  .hot-line .tit > strong{font-size: 16px;}
  .hot-line .row-box{padding-left: 30px;}
  .hot-line .row .left .tit::after{font-size: 16px;}
  .hot-line .row .left .tit:first-child::after{bottom: -70px;}
  .hot-line .row .left .tit:last-child::after{bottom: -80px;}
  .hot-line .row2 .left::before{height: 100px; top: 50px;}
}

@media screen and (max-width: 900px){
  .cp .info { width: 100% !important; } 
  .cp .intro .tit { background-color: #fff; } 
  .cp .intro > ul > li { margin-bottom: 80px; flex-direction: column; align-items: center; } 
  .cp .intro .tit { width: auto; margin-right: 0; padding-bottom: 60px; margin-top: 0; margin-bottom: 35px; font-size: 23px; } 
  .cp .intro .tit::before { width: 1px; height: 50px; left: 50%; bottom: 0; transform: translate(-50%,0); z-index: 10; } 
  .cp .intro > ul > .vision { margin-bottom: 45px; } 
  .cp .intro > ul > li:last-child .tit { padding-bottom: 0; margin-bottom: 50px; } 
  .cp .intro > ul > li:last-child .tit::before { display: none; } 
  .cp .intro .vision .info::before { top: 100%; height: 160%; } 
  .cp .intro .strategy li strong { font-size: 20px; } 
  .cp .intro .mission > div { padding-bottom: 100px; background-position: center bottom; background-size: 280px; } 
  .cp .intro .mission .info { padding: 30px 60px; } 
  .cp .intro .mission .info strong { width: 60%; font-size: 24px; } 
  .cp .intro .mission .info strong::before { width: 20px; height: 20px; top:0; left: -25px; } 
  .cp .intro .mission .info strong::after { width: 20px; height: 20px; top: 3px; right: -25px; } 
  .cp .intro .strategy li strong { position: relative; padding: 32px; z-index: 1; } 
  .cp .intro .vision .info > strong { font-size: 24px; padding: 30px 20px } 
}

@media screen and (max-width: 768px){
  .cp .intro { margin-bottom: 70px; } 
  .cp .intro .mission .info { padding: 30px 50px; } 
  .cp .intro .mission .info strong { width: 75%; } 
  .cp .intro .strategy li { width: 100%; } 
  .cp .intro .strategy { padding: 0 80px } 
  .cp .intro .strategy ul { flex-direction: column; } 
  .cp .intro .strategy li { width: 100%; min-height: auto; margin-bottom: 60px; } 
  .cp .intro .strategy li:last-child { margin-bottom: 0; } 
  .cp .intro .strategy ul::before { left: -80px; width: 2px; height: calc(100% - 85px); } 
  .cp .intro .strategy ul::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: -80px; width: 2px; height: calc(100% - 85px); background-color: #ccc; } 
  .cp .intro .strategy .info::before { top: 41.5px; width: calc(100% + 160px); } 
  .cp .intro .strategy li:nth-child(3)::before { display: none; } 
  .cp .intro .strategy .info::after { bottom: 41.5px; width: calc(100% + 160px); } 
  .cp .intro .strategy li:nth-child(1) > div::after { display: none; } 
  .cp .intro .strategy li:nth-child(3) > div::before { display: none; } 
  .cp .intro .strategy li:nth-child(1) > div::before { display: none; } 
  .cp .intro .strategy li:nth-child(3) > div::after { display: none; } 
  .cp .intro .strategy li strong { min-height: 85px; padding: 10px 20px } 
  .cp .intro .strategy li:nth-child(1) strong::before { left: -15px; width: 15px; background-color: #fff; background-position: left center; bottom: auto; top: 50%; transform: translateY(-50%); margin-left: 0;; } 
  .cp .intro .strategy li:nth-child(3) strong::after { width: 15px; left: -15px; top: 50%; transform: translateY(-50%); } 
  .cp .intro .strategy li:nth-child(2)::before { bottom: auto; left: -80px; top: 50%; transform: translateY(-50%); width: 80px; font-size: 14px; line-height: 1.2; background-color: transparent; } 
  .cp .intro .strategy li:nth-child(1)::after { height: 100%; top: 100%; } 
  .cp .intro .strategy li:nth-child(3)::after { bottom: auto; top: -100%; height: 100%; } 
  .cp .intro .strategy li:nth-child(2) strong::before { height: 8px; width: 20px; left: 50%; margin-left: 0px; bottom: -55px; transform: translateX(-50%) rotate(90deg); background-color: #fff; background-position: top left; } 
  .cp .intro .strategy li:nth-child(2) strong::after { height: 8px; width: 20px; top: -14px; left: 50%; margin-left: 0px; transform: translateX(-50%) rotate(90deg); background-color: #fff; background-position: top left; } 
  .cp .group .org > div::before { z-index: -1; } 
  .cp .group .tit { min-height: auto; font-size: 18px; } 
  .cp .group .tit em { font-size: 16px; } 
  .cp .group .org::before { width: 40%; top: 267px; right: 0; left: auto; } 
  .cp .list li { font-size: 16px; } 
  .cp .list li::before { top: 9px } 
  .cp .group .org .left { position: absolute; left: 0; transform: translate(0, 45px); width: calc((100% / 2) - 25px) } 
  .cp .group .org .center .box.sky { margin-top: 300px; } 
  .cp .box-mb5 { margin-bottom: 5px; } 
  .cp .box-mb15 { margin-bottom: 10px; } 
  .cp .box-mb25 { margin-bottom: 15px; } 
  .cp .box-mb30 { margin-bottom: 20px; } 
  .cp .box-mb60 { margin-bottom: 50px; } 
  .cp .box-mb120 { margin-bottom: 100px; } 
  .cp .group .org .center > div:nth-child(1)::before { height: 50px; bottom: -50px } 
  .cp .group .org .center { width: calc(50% - 30px); } 
  .cp .group .org .right { width: calc(50% - 30px); } 
  .cp .group .org .right .box:first-child { margin-bottom: 85px; } 
  .cp .group .org::before { display: none; } 
  .cp .group .org .left::before { content: ''; position: absolute; right: -30px; left: auto; top: 25px; width: 30px; height: 1px; } 

  .hot-line .inner{padding: 30px;}
  .hot-line .tit{height: auto; padding: 15px;}
  .hot-line .row .left .tit:first-child::after{bottom: -85px;}
  .hot-line .row .left .tit:last-child::after{bottom: -95px;}
}

@media screen and (max-width: 600px){
  .cp .intro > ul > li { margin-bottom: 40px; } 
  .cp .intro .tit { margin-bottom: 20px; font-size: 21px; padding-bottom: 45px; } 
  .cp .intro .tit::before { height: 30px; } 
  .cp .intro .mission > div { padding-bottom: 100px; background-size: 240px; } 
  .cp .intro .vision .info > strong { padding: 27px; font-size: 22px; } 
  .cp .intro .mission .info { padding: 20px 0; } 
  .cp .intro .mission .info strong { font-size: 22px; padding: 5px 10px; width: 80%; } 
  .cp .intro .mission .info strong::before { width: 18px; height: 18px; top:0; left: 0px; } 
  .cp .intro .mission .info strong::after { width: 18px; height: 18px; top: 3px; right: 0px; } 
  .cp .intro .strategy li strong { font-size: 18px; } 
  .cp .group { padding: 56px 20px 56px 20px } 
  .cp .group .tit { padding: 12px; font-size: 16px; } 
  .cp .group .tit em { font-size: 15px; } 
}
/* [E] ESG 공정거래자율준수 */

/* [S] 공항청사 종합체육시설 */

/* 시설안내 */
.sport .visual { position: relative;max-width: 1480px;margin: 0 auto;min-height: 300px;padding: 50px 42px 20px 42px; }
.sport .visual::before {content: '';position: absolute;left: 3px;top: 0;width: calc(100% + 220px);height: 100%;background-image: url('../../images/sub/sport-visual.jpg');background-size: cover;background-repeat: no-repeat;background-position: right top;}
.sport .visual .tit { position: relative; display: block; max-width: 800px; padding-left: 153px; font-size: 30px; font-family: 'pb'; color: #fff; } 
.sport .visual .tit::before { content: ''; position: absolute; left: 0; top: 20px; width: 120px; height: 1px; background-color: #fff; } 
.sport .visual .btn-style1 { position: relative;margin-left: 153px; } 
.sports-table .sport_team .play {background-color: #3176d0;}
.sports-table .sport_per .play {background-color: #fa9d1c;}
.sports-table .play { text-indent: -999999999em; font-size: 0.01em;}
.sport-info .synthesis {display: flex;justify-content: space-between;align-items: flex-start;}
.sport-info .synthesis > div {width: calc((100% / 2) - 30px);}
.sport-info .org { border: 1px solid #ddd; padding: 60px 40px 230px; } 
.sport-info .org > .wrap { display: flex; justify-content: space-between; align-items: center; } 
.sport-info .org > .wrap > div { position: relative; } 
.sport-info .org .middle { width: 385px; } 
.sport-info .org .right { width: 700px; align-self: flex-end; } 
.sport-info .org .right > .box-wrap { display: flex; justify-content: space-between; } 
.sport-info .org .box { display: inline-block; position: relative; color: #fff; text-align: center; } 
.sport-info .org .box .desc { position: absolute;bottom: -62px;left: 50%;transform: translate(-50%, 0);white-space: nowrap;min-height: 52.5px;;font-size: 18px;font-family: 'pm';color: #333;text-align: center; } 
.sport-info .org .box .desc i {display: block;font-size: 17px;color: #777;}
.sport-info .org .box .desc br {display: none;}
.sport-info .org .box span { display: block; position: relative; width: 200px; padding: 30px 10px; font-size: 20px; border-radius: 40px; font-family: 'pm'; } 
.sport-info .org .box.blue span { background-color: #152e6e; } 
.sport-info .org .box.green .txt{position: relative;}
.sport-info .org .box.green .txt::before{content: 'NO'; color: #999999; background: #fff; position: absolute; bottom: 107%; left: 50%; transform: translateX(-50%); z-index: 2;}
.sport-info .org .box.green .txt::after{content: 'YES'; color: #999999; background: #fff; position: absolute; top: 107%; left: 50%; transform: translateX(-50%); z-index: 1;}
.sport-info .org .box.green span { width: 230px; padding: 40px; border-radius: 0; background-image: url('../../images/sub/org-diamond-green.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.sport-info .org .box.green span br { display: none; } 
.sport-info .org .box.sky span { background-color: #3176d0; } 
.sport-info .org .box.red span { background-color: #fff; color: #d13434; border: 2px solid #d13434; font-family: 'pm'; } 
.sport-info .org .box::before { content: ''; position: absolute; background-color: #aaa; } 
.sport-info .org .box::after { content: ''; position: absolute; background-color: #aaa; } 
.sport-info .org .box span::before { content: ''; position: absolute; width: 8px; height: 8px; top: 50%; margin-top: -4px; background-size: contain; background-repeat: no-repeat; background-image: url('../../images/common/arrow-icon_gray2.svg'); z-index: 1; } 
.sport-info .org .left .box::before { width: 40px; height: 2px; right: -40px; top: 50%; margin-top: -1px; } 
.sport-info .org .left span::before { right: -45px; } 
.sport-info .org .middle .box.red { float: right; } 
.sport-info .org .middle .box.sky { float: right; } 
.sport-info .org .middle .box.green::before { width: 2px; height: 55px; left: 50%; top: -48px; margin-left: -1px; z-index: -1; } 
.sport-info .org .middle .box.green::after { width: 2px; height: 55px; left: 50%; bottom: -44px; margin-left: -1px; z-index: -1; } 
.sport-info .org .middle .box.green span::before { left: -1px; bottom: -54px; top: auto; width: calc(50% - 1px); height: 45px; background-color: #fff; width: 50%; z-index: 1; background-image: none; } 
.sport-info .org .middle .box.green span::after { content: ''; position: absolute; left: -1px; top: -54px; width: calc(50% - 1px); height: 45px; background-color: #fff; width: 50%; z-index: 1; } 
.sport-info .org .middle .box.red::before { width: 90px; height: 2px; left: -98px; top: 50%; margin-top: -1px; } 
.sport-info .org .middle .box.red span::before { left: -16px; } 
.sport-info .org .middle .box.sky::before { width: 90px; height: 2px; left: -98px; top: 50%; margin-top: -1px; } 
.sport-info .org .middle .box.sky::after { width: 38px; height: 2px; right: -38px; top: 50%; margin-top: -1px; } 
.sport-info .org .middle .box.sky span::before { left: -13px; } 
.sport-info .org .right > .box-wrap > div:nth-child(1)::before { width: 38px; height: 2px; right: -38px; top: 50%; margin-top: -1px; } 
.sport-info .org .right > .box-wrap > div:nth-child(2)::before { width: 38px; height: 2px; right: -38px; top: 50%; margin-top: -1px; } 
.sport-info .org .right > .box-wrap > div:nth-child(1) span::before { left: -20px; } 
.sport-info .org .right > .box-wrap > div:nth-child(2) span::before { left: -17px; } 
.sport-info .org .right > .box-wrap > div:nth-child(3) span::before { left: -17px; } 
.sport-info .org .right > .box { position: absolute; right: 134px; bottom: -170px; } 
.sport-info .org .right > .box::before { left: 50%; width: 2px; margin-left: -1px; height: 120px; top: -126px; } 
.sport-info .org .right > .box span::before { top: -8px; left: 50%; margin-left: -4px; transform: rotate(90deg); } 

@media screen and (max-width: 1700px){
  .sport .visual::before {left: 33px;} 
}

@media screen and (max-width: 1480px){
  .sport .visual::before {left: -2px;} 
  /* .sport-info { padding: 0 20px; }  */
  .sport-info .org { padding: 60px 40px 60px } 
  .sport-info .org .wrap { max-width: 710px; margin: 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; } 
  .sport-info .org .box { display: block; } 
  .sport-info .org .box span::before { top: -16px; margin-top: 0; left: 50% !important; margin-left: -4px !important; transform: rotate(90deg) !important; } 
  .sport-info .org .left .box .desc {left: -116px;}
  .sport-info .org .box .desc {width: 102px;left: -110px;bottom: auto;top: 50%;transform: translate(0, -50%);white-space: wrap;font-size: 16px;line-height: 1.3;min-height: auto;}
  .sport-info .org .box .desc i {font-size: 15px;margin-top: 2px;}
  .sport-info .org .box .desc br {display: block;}
  .sport-info .org .left .box::before { right: auto; left: 50%; margin-left: -1px; height: 35px; width: 2px; top:100%; } 
  .sport-info .org .left span::before { right: auto; left: 50%; margin-left: -4px; top: 120px; transform: rotate(90deg); } 
  .sport-info .org .middle { width: auto; display: flex; align-items: flex-start; margin-top: 40px; } 
  .sport-info .org .middle::before { content: ''; position: absolute; bottom: 143px; left: 0; width: 100%; height: 2px; background-color: #aaa; } 
  .sport-info .org .middle .box.green::before { display: none; } 
  .sport-info .org .middle .box.green span {line-height: 1.3;}
  .sport-info .org .middle .box.green span::before { display: none; } 
  .sport-info .org .middle .box.green span::after { display: none; } 
  .sport-info .org .middle .box.red { float: none; margin-top: 205px; transform: translateX(-30px); } 
  .sport-info .org .middle .box.red::before { width: 2px; height: 37px; left: 50%; margin-left: -1px; margin-top: 0; top: -50px; } 
  .sport-info .org .middle .box.red span::before { left: 50%; margin-left: -1px; margin-top: 0; } 
  .sport-info .org .middle .box.red span::after { content: ''; position: absolute; left: calc(-50% - 1px); top: -102px; width: 100%; height: 100px; background-color: #fff; } 
  .sport-info .org .middle .box.sky { float: none; margin-top: 205px; transform: translateX(30px); } 
  .sport-info .org .middle .box.sky::before { width: 2px; height: 37px; left: 50%; margin-left: -1px; margin-top: 0; top: -50px; } 
  .sport-info .org .middle .box.sky span::after { content: ''; position: absolute; right: calc(-50% - 1px); top: -102px; width: 100%; height: 100px; background-color: #fff; } 
  .sport-info .org .middle .box.green::after {bottom: -48px;}
  .sport-info .org .right { width: auto; margin-right: 9px; align-self: flex-end; } 
  .sport-info .org .right::before { content: ''; position: absolute; right: -1px; top: 0; width: 50%; height: 100%; background-color: #fff; } 
  .sport-info .org .right > .box-wrap { display: block; } 
  .sport-info .org .right > .box-wrap > div { margin-top: 40px; } 
  .sport-info .org .right > .box-wrap > div:last-child { margin-top: 110px; } 
  .sport-info .org .middle .box.sky::after { right: auto; top: 100%; left: 50%; width: 2px; height: 30px; margin-left: -1px; z-index: -1; } 
  .sport-info .org .right > .box-wrap > div:nth-child(1)::before { right: auto; top: 100%; left: 50%; width: 2px; height: 30px; margin-left: -1px; } 
  .sport-info .org .right > .box-wrap > div:nth-child(2)::before { right: auto; top: 100%; left: 50%; width: 2px; height: 100px; margin-left: -1px; } 
  .sport-info .org .right > .box { right: 255px; bottom: 100px; } 
  .sport-info .org .right > .box::before { width: 180px; height: 2px; left: auto; right: -195px; top: 50%; margin-top: -1px; margin-left: 0; z-index: -1; } 
  .sport-info .org .right > .box span::before { left: auto !important; right: -15px; top: 50%; margin-left: 0; margin-top: -4px; transform: rotate(180deg) !important; } 
  .sport-info .org .right > .box-wrap > div:nth-child(1) span::before {margin-left: -8px !important;}
  .sport-info .org .box.green .txt::before{bottom: unset; top: 135%; left: 0; }
  .sport-info .org .box.green .txt::after{ top: 135%; right:0; left: unset;}
}

@media screen and (max-width: 900px){
  .sport .visual { padding: 40px 25px 40px 42px; } 
  .sport .visual .tit { padding-left: 75px; font-size: 25px; } 
  .sport .visual .btn-style1 { margin-left: 75px; } 
  .sport .visual .tit::before { width: 50px; top: 15px; } 
  .sport-info .synthesis {flex-direction: column;}
  .sport-info .synthesis > div {width: 100%;}
  .sport-info .synthesis > div:last-child {margin-top: 25px;}
  .sport-info .org .wrap { max-width: 524px; } 
  .sport-info .org .box span { width: auto; min-width: 130px; padding: 15px 10px; font-size: 16px; } 
  .sport-info .org .left span::before { top: 88px; } 
  .sport-info .org .middle { margin-top: 40px; transform: translateX(-2px); } 
  .sport-info .org .middle .box.green span { width: 200px; } 
  .sport-info .org .middle .box.red { margin-top: 180px; } 
  .sport-info .org .middle .box.sky { margin-top: 180px; } 
  .sport-info .org .middle::before { bottom: 108px; } 
  .sport-info .org .right { margin-right: 0; } 
  .sport-info .org .right > .box { right: 145px; bottom: 82px } 
  .sport-info .org .right > .box::before { width: 120px; right: -133px; } 
  .sport-info .org .left .box .desc {width: 110px;}
  .sport-info .org .box .desc {font-size: 15px;}
  .sport-info .org .middle .box.green::after {bottom: -29px;}

  .sport-info .org .box.green .txt::before{top: 117%; }
  .sport-info .org .box.green .txt::after{ top: 117%; right: -18px;}
}

@media screen and (max-width: 768px){
  .sport .visual .tit br { display:none; } 
  .sport-info .org { padding: 40px 0 40px } 
  .sport-info .org .wrap { max-width: 100%; padding: 0 20px} 
  .sport-info .org .box span { width: auto; min-width: 120px; padding: 12px 10px; font-size: 15px; } 
  .sport-info .org .left span::before { top: 79px; } 
  .sport-info .org .middle { justify-content: space-between; width: 100%; margin-top: 30px; transform: translateX(0); } 
  .sport-info .org .middle .box.green {position: absolute;left: 50%;transform: translateX(-50%);top: -6px;}
  .sport-info .org .middle .box.green span { width: 180px; } 
  .sport-info .org .box.green span br { display: block; } 
  .sport-info .org .middle .box.green::after {bottom: -3px;}
  .sport-info .org .middle .box.red { margin-top: 180px; transform: translateX(0); } 
  .sport-info .org .middle .box.sky { margin-top: 180px; transform: translateX(0); } 
  .sport-info .org .middle::before { bottom: 108px; } 
  .sport-info .org .middle .box.red span::after {width: 50%;left: -1px;}
  .sport-info .org .middle .box.sky span::after {width: 50%;right: -1px;}
  .sport-info .org .middle .box.red::before { top: -59px; height: 46px; } 
  .sport-info .org .middle .box.sky::before { top: -59px; height: 46px; } 
  .sport-info .org .middle .box.red span::before { top: -18px } 
  .sport-info .org .middle .box.sky span::before { top: -18px } 
  .sport-info .org .right::before {right: -1px}
  .sport-info .org .box .desc {left: -98px;width: 92px}
  .sport-info .org .middle .box.green::after {bottom: -8px;}
  .sport-info .org .right > .box-wrap > div:nth-child(1) span::before {margin-left: -4px !important;}
  .sport-info .org .box.green .txt::before{top: 98%; }
  .sport-info .org .box.green .txt::after{ top: 98%;}
}

@media screen and (max-width: 500px){
  .sport .visual { min-height: 200px; } 
  .sport .visual .tit { font-size: 20px; } 
  .sport .visual .tit::before { width: 50px; } 

  .sport-info .org .box.green .txt::before{left: 23px; }
  .sport-info .org .box.green .txt::after{right: 0;}
}

/* 이용신청 */
.sport-facility { margin-top: 60px; } 
.sport-facility ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 50px)} 
.sport-facility li { width: calc((100% / 3) - 50px); margin-right: 50px; margin-bottom: 30px; border: 1px solid #ccc; } 
.sport-facility li .desc { display: flex; justify-content: center; align-self: center; padding: 16.5px 20px; text-align: center; font-size: 18px; color: #222; font-family: 'pb'; background-color: #fff; } 

@media screen and (max-width: 1500px){
  .container { padding: 0 20px; } 
}

@media screen and (max-width: 700px){
  .sport-facility { margin-top: 30px; } 
  .sport-facility li { width: calc((100% / 2) - 50px) } 
  .sport-facility li .desc { font-size: 16px; padding: 10px 15px; } 
}
/* [E] 공항청사 종합체육시설 */

/*** [S] ESG ***/

/* [S] 인천공항의 ESG */
.esg-intro .inner {max-width: 1480px;}
.esg-intro .history { display: flex; align-items: center; justify-content: center; position: relative; min-height: 285px; padding-bottom: 0;} 
.esg-intro .history .list-wrap { display: flex; align-items: flex-start; position: relative; padding: 0 25px; } 
.esg-intro .history .list-wrap::before { content: ''; position: absolute; width: 100%; height: 1px; top: 56px; left: 0; background-color: #fff; } 
.esg-intro .history .list-wrap > li { position: relative; flex: 1; } 
.esg-intro .history .list-wrap > li::before { content: ''; position: absolute; left: -10px; top: 42px; width: 28px; height: 28px; opacity: 0.3; background-color: #fff; border-radius: 50%; } 
.esg-intro .history .list-wrap > li::after { content: ''; width: 16px; height: 16px; position: absolute; left: -4px; top: 48px; background-color: #fff; border-radius: 50%; } 
.esg-intro .history .year { display: block; padding-left: 25px; margin-bottom: 30px; font-family: 'pb'; font-size: 30px; color: #fff; } 
.esg-intro .history .desc li { position: relative; padding-left: 25px; margin-bottom: 5px; font-size: 16px; color: #fff; } 
.esg-intro .history .desc li:last-child { margin-bottom: 0; } 
.esg-intro .history .desc li::before { content: ''; position: absolute; left: 0; top: 10px; width: 9px; height: 4px; background-image: url('../../images/common/list-arrow-white.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; } 
.esg-intro .history .desc span { font-size: 16px; color: #fadd1c; } 
.esg-intro .history1 { background-image: url('../../images/sub/esg-intro-visual1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; } 
.esg-intro .history2 { background-image: url('../../images/sub/esg-intro-visual2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 30px 20px; } 
.esg-intro.gray {background-color: #f5f5f5;}
#menu5217_obj396 {padding: 0 !important;}
.esg-intro .why-esg { max-width: 1480px;margin: 0 auto;padding: 56px 20px; } 
.esg-intro .why-esg .top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 80px; } 
.esg-intro .why-esg .top .left { margin-right: 30px; } 
.esg-intro .why-esg .top .left strong { display: block; margin-bottom: 8px; font-size: 25px; color: #152e6e; font-family: 'ncm'} 
.esg-intro .why-esg .top .left p { font-family: ncm; font-size: 18px; color: #555; } 
.esg-intro .why-esg .top .right { display: flex; align-items: center; text-align: center; } 
.esg-intro .why-esg .top .right strong { display: block; margin-bottom: 20px; font-size: 18PX; color: #000; } 
.esg-intro .why-esg .top .right .circle-wrap { display: flex; justify-content: space-between; align-items: center; padding: 15px; border: 1px dashed #a9a9a9; border-radius: 70px; } 
.esg-intro .why-esg .top .right i { display: block; width: 108px; height: 108px; line-height: 108px; font-size: 22px; font-family: 'pm'; color: #fff; border-radius: 50%; } 
.esg-intro .why-esg .top .right .circle1 { background-color: #152e6e; } 
.esg-intro .why-esg .top .right .circle2 { background-color: #3176d0; } 
.esg-intro .why-esg .top .right .circle3 { background-color: #00abb3; } 
.esg-intro .why-esg .top .right .dot { display: flex; justify-content: space-between; position: relative; width: 50px; margin: 0 26px; } 
.esg-intro .why-esg .top .right .dot span { width: 10px; height: 10px; flex-shrink: 0; background-color: #afafaf; border-radius: 50%; } 
.esg-intro .why-esg .top .right > .dot { margin-top: 45px; } 
.esg-intro .why-esg .bottom .tit-list { display: flex; margin-left: 231px; } 
.esg-intro .why-esg .bottom .tit-list > li { flex: 1; margin-bottom: 10px; text-align: center; margin-right: 1px; } 
.esg-intro .why-esg .bottom .tit-list > li:last-child { margin-right: 0; } 
.esg-intro .why-esg .bottom .tit-list span { position: relative; display: inline-block; width: 80px; height: 80px; line-height: 80px; font-size: 18px; color: #fff; text-align: center; border-radius: 50%; background-color: #b0b0b0; margin-bottom: 10px; } 
.esg-intro .why-esg .bottom .tit-list span::before { content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 20px; margin-left: -0.5px; background-color: #b0b0b0; } 
.esg-intro .why-esg .bottom .tit-list strong { position: relative;display: flex; justify-content: center; align-items: center; min-height: 80px; font-size: 18px; color: #fff; font-family: 'pm'; background-color: #00abb3; border-radius: 3px; padding: 10px;} 
.esg-intro .why-esg .bottom .info-list { text-align: center; } 
.esg-intro .why-esg .bottom .info-list > li { display: flex; align-items: center; margin-bottom: 10px; } 
.esg-intro .why-esg .bottom .info-list > li:last-child { margin-bottom: 0; } 
.esg-intro .why-esg .bottom .info-list strong { display: flex; justify-content: center; align-items: center; width: 180px; min-height: 80px; font-size: 20px; color: #fff; background-color: #3176d0; border-radius: 3px; flex-shrink: 0; padding: 10px; } 
.esg-intro .why-esg .bottom .info-list .dot { display: flex; justify-content: space-between; width: 20px; margin: 0 16px; flex-shrink: 0; } 
.esg-intro .why-esg .bottom .info-list .dot span { display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #afafaf; flex-shrink: 0; } 
.esg-intro .why-esg .bottom .info-list .box-wrap { display: flex; flex: 1; } 
.esg-intro .why-esg .bottom .info-list .box-wrap span { display: flex; min-height: 80px; justify-content: center; align-items: center; background-color: #fff; color: #000; flex: 1; border-radius: 3px; border-right: 1px solid #b0b0b0; padding: 10px; word-break: break-all; font-family: ncm; font-size: 16px;} 
.esg-intro .why-esg .bottom .info-list .box-wrap span:last-child { border-right: 0; } 
.esg-intro .why-esg .bottom .info-list .box-wrap span.color { color: #005c64; } 
.esg-intro .why-esg .bottom .info-list > li:nth-child(2) .box-wrap span { background-color: #e3e3e3; } 
.esg-intro .why-esg .bottom { overflow-x: auto; } 
.esg-intro .why-esg .bottom::-webkit-scrollbar {height: 5px;}
.esg-intro .why-esg .bottom::-webkit-scrollbar-thumb {background-color: #aaa;}
.esg-intro .esg-strategy1 .list-wrap {display: flex;justify-content: space-between;}
.esg-intro .esg-strategy1 .list-wrap > li {position: relative;width: calc((100% / 3) - 27px);border: 1px solid #a9a9a9;border-radius: 3px;padding: 20px;}
.esg-intro .esg-strategy1 .list-wrap > li::before {content: '';top: 50%;right: -56px;transform: translate(0, -50%);position: absolute;width: 70px;height: 70px;background-color: #398e95;border-radius: 50%;background-image: url('../../images/common/ic-plus-white.png');background-repeat: no-repeat;background-position: center;z-index: 1;}
.esg-intro .esg-strategy1 .list-wrap > li:last-child::before {display: none;}
.esg-intro .esg-strategy1 .img-box {margin-bottom: 25px;border-radius: 3px;overflow: hidden;}
.esg-intro .esg-strategy1 .tit {display: block;margin-bottom: 7px;padding-left: 34px;color: #222;font-size: 21px;font-family: 'ncm';}
.esg-intro .esg-strategy1 .desc-list {margin-bottom: 5px;padding-left: 34px;color: #363636;font-size: 16px;}
.esg-intro .esg-strategy1 .desc-list li {display: flex;position: relative;padding-left: 13px;margin-bottom: 4px; font-family: ncm;}
.esg-intro .esg-strategy1 .desc-list li:last-child {margin-bottom: 0;}
.esg-intro .esg-strategy1 .desc-list li::before {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background-color: #398e95; }
.esg-intro .esg-strategy2 { margin-bottom: 100px; } 
.esg-intro .esg-strategy2 > ul > li { display: flex; align-items:flex-start; align-items: center; margin-bottom: 50px; } 
.esg-intro .esg-strategy2 > li:last-child { margin-bottom: 0; } 
.esg-intro .esg-strategy2 > ul > li > .tit { position: relative; width: 280px; flex-shrink: 0; margin-right: 50px; font-size: 25px; font-family: 'ncb'; } 
.esg-intro .esg-strategy2 > ul > li > .tit::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 92px; height: 1px; background-color: #152e6e; } 
.esg-intro .esg-strategy2 .info { flex: 1; } 
.esg-intro .esg-strategy2 > ul > li:nth-child(-n + 3) .info { position: relative;display: flex; justify-content: center; align-items: center; min-height: 106px;overflow: hidden; } 
.esg-intro .esg-strategy2 > ul > li:nth-child(-n + 3) .info::before {position: absolute;right: 7px;top: -100px;font-size: 200px;font-family: 'pbl';color: #eee;transform: rotate(-20deg);opacity: 0.5;}
.esg-intro .esg-strategy2 > ul > li:nth-child(1) .info::before {content: 'E';}
.esg-intro .esg-strategy2 > ul > li:nth-child(2) .info::before {content: 'S'}
.esg-intro .esg-strategy2 > ul > li:nth-child(3) .info::before {content: 'G'}
.esg-intro .esg-strategy2 .desc { position: relative; font-size: 25px; text-align: center; margin: 0 20px }
.esg-intro .esg-strategy2 .vision .info { border: 2px solid #00abb3; font-family: 'ncb'; } 
.esg-intro .esg-strategy2 .vision .desc::before { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 12px; margin-left: 3px; margin-top: -6px; background-color: #aaa; } 
.esg-intro .esg-strategy2 .vision i:first-child { margin-right: 40px; } 
.esg-intro .esg-strategy2 .brand .info { border: 2px solid #3176d0; } 
.esg-intro .esg-strategy2 .brand .info .logo { display: inline-block; width: 131px; height: 32px; margin-right: 7px; background-image: url('../../images/sub/esg-logo.png'); background-repeat: no-repeat; background-position: center; } 
.esg-intro .esg-strategy2 .brand .info em { font-size: 25px; color: #999; font-family: 'pbl'; } 
.esg-intro .esg-strategy2 .brand i:first-child { margin-right: 40px; } 
.esg-intro .esg-strategy2 .strategy .info { border: 2px solid #152e6e; } 
.esg-intro .esg-strategy2 .strategy-3 ul { display: flex; justify-content: space-between; } 
.esg-intro .esg-strategy2 .strategy-3 li { width: calc((100% / 3) - 20px); text-align: center; display: flex; flex-direction: column; } 
.esg-intro .esg-strategy2 .strategy-3 > .tit { margin-top: -100px; } 
.esg-intro .esg-strategy2 .strategy-3 .info { padding-bottom: 96px; background-image: url('../../images/sub/big-arrow2.png'); background-repeat: no-repeat; background-position: center bottom; } 
.esg-intro .esg-strategy2 .strategy-3 .info .tit { padding: 17.5px 10px; font-size: 30px; color: #fff; } 
.esg-intro .esg-strategy2 .strategy-3 .tit em { opacity: 0.5; font-family: 'pbl'; } 
.esg-intro .esg-strategy2 .strategy-3 .tit strong { font-family: 'pb'; } 
.esg-intro .esg-strategy2 .strategy-3 li:nth-child(1) .tit { background-color: #43d0d7; } 
.esg-intro .esg-strategy2 .strategy-3 li:nth-child(2) .tit { background-color: #4b85d2; } 
.esg-intro .esg-strategy2 .strategy-3 li:nth-child(3) .tit { background-color: #ffac1b; } 
.esg-intro .esg-strategy2 .strategy-3 .box { padding: 24.5px 10px; border: 1px solid #ddd; border-top: 0; font-size: 18px; font-family: 'ncm'; background-color: #fff; flex: 1; display: flex; } 
.esg-intro .esg-strategy2 .goal { margin-bottom: 70px; } 
.esg-intro .esg-strategy2 .goal .info .tit { font-size: 21px; margin-bottom: 5px; font-family: 'ncm'; padding: 0 10px; } 
.esg-intro .esg-strategy2 .goal .info .tit strong{display: block;}
.esg-intro .esg-strategy2 .goal .info .tit em { font-size: 20px; font-family: 'pl'; } 
.esg-intro .esg-strategy2 .goal .info ul { display: flex; justify-content: space-between } 
.esg-intro .esg-strategy2 .goal .info li { position: relative; width: calc((100% / 3) - 20px); background-position: top 35px center; text-align: center; background-size: 136px; padding: 125px 0 10px; } 
.esg-intro .esg-strategy2 .goal li:nth-child(1) { background-image: url('../../images/sub/esg-intro-icon1.jpg'); background-repeat: no-repeat; border: 1px solid #43d0d7; } 
.esg-intro .esg-strategy2 .goal li:nth-child(2) { background-image: url('../../images/sub/esg-intro-icon2.jpg'); background-repeat: no-repeat; border: 1px solid #4b85d2; } 
.esg-intro .esg-strategy2 .goal li:nth-child(3) { background-image: url('../../images/sub/esg-intro-icon3.jpg'); background-repeat: no-repeat; border: 1px solid #ffac1b; } 
.esg-intro .esg-strategy2 .goal .info li:nth-child(1) .num { color: #00abb3; } 
.esg-intro .esg-strategy2 .goal .info li:nth-child(2) .num { color: #3176d0; } 
.esg-intro .esg-strategy2 .goal .info li:nth-child(3) .num { color: #fa9d1c; } 
.esg-intro .esg-strategy2 .goal .info .num { font-size: 20px; font-family: 'ncm'; } 
.esg-intro .esg-strategy2 .goal .info .num i { margin-right: 8px; font-size: 60px; font-family: 'gb'; } 
.esg-intro .esg-strategy2 .goal .info .dot { position: absolute; left: 50%; bottom: -56px; transform: translateX(-50%); } 
.esg-intro .esg-strategy2 .goal .info .dot span { display: block; width: 7px; height: 7px; margin-bottom: 5px; background-color: #afafaf; border-radius: 50%; } 
.esg-intro .esg-strategy2 .mission .info .tit { font-size: 20px; font-family: 'ncm'; margin-bottom: 3px; } 
.esg-intro .esg-strategy2 .mission .info ul { display: flex; justify-content: space-between; } 
.esg-intro .esg-strategy2 .mission .info li { display: flex; justify-content: center; align-items: center; position: relative; width: calc((100% / 3) - 20px); min-height: 160px; padding: 10px; background-position: top 35px center; text-align: center; } 
.esg-intro .esg-strategy2 .mission .info li:nth-child(1) .dot span:last-child { margin-bottom: 0; } 
.esg-intro .esg-strategy2 .mission .info li:nth-child(1) { background-color: #e5f4f3; } 
.esg-intro .esg-strategy2 .mission .info li:nth-child(2) { background-color: #e5eff4; } 
.esg-intro .esg-strategy2 .mission .info li:nth-child(3) { background-color: #f4f1e5; } 
.esg-intro .esg-strategy2 .mission .num { font-size: 20px; font-family: 'ncm'; color: #121212 } 
.esg-intro .esg-strategy2 .mission .num i { margin-right: 8px; font-size: 60px; font-family: 'gb'; } 
.esg-intro .esg-strategy2 .youtube {display: flex;justify-content: space-between;}
.esg-intro .esg-strategy2 .youtube .left {width: 522px;margin-right: 40px;}
.esg-intro .esg-strategy2 .youtube .txt {margin-top: 20px;}
.esg-intro .esg-strategy2 .youtube .right {display: flex;justify-content: space-between;align-items: flex-start;}
.esg-intro .esg-strategy2 .youtube .right > div {width: calc((100% / 2) - 25px);}
.esg-intro .esg-strategy2 .youtube .right .video-box {margin-bottom: 10px;}
.esg-intro .esg-strategy2 .youtube .right .tit {display: block;margin-bottom: 5px;font-size: 25px;color: #010101;font-family:'ncm'}
.esg-intro .esg-strategy2 .youtube .right .desc {font-family:ncm; font-size: 18px; color: #363636; text-align:left; margin: 0;}

@media screen and (max-width: 1480px){
  .esg-intro .history { padding: 30px 20px; } 
  .esg-intro .history .list-wrap::before { left: -25px;; width: 120%; } 
  .esg-intro .history .list-wrap { padding: 0 20px; } 
  .esg-intro .history .list-wrap > li { margin: 0 5px; } 
  .esg-intro .esg-strategy1 > ul > li > .tit::before { width: 70px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit { width: 185px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit::before { width: 50px; } 
  .esg-intro .esg-strategy2 .strategy-3 li { width: calc((100% / 3) - 6px) } 
  .esg-intro .esg-strategy2 .goal .info li { width: calc((100% / 3) - 6px) } 
  .esg-intro .esg-strategy2 .mission .info li {width: calc((100% / 3) - 6px)}
}

@media screen and (max-width: 1300px){
  .esg-intro .history { padding: 30px 20px 0; } 
  .esg-intro .history .list-wrap::before { width: 1px;height: 100%;left: 28px;top: 19px; } 
  .esg-intro .history .list-wrap { justify-content: space-between;flex-wrap: wrap; } 
  .esg-intro .history .list-wrap > li { width: 100%; flex: none;margin-bottom: 30px; padding: 0 0 0 25px;}
  .esg-intro .history .list-wrap > li::before {top: 9px;}
  .esg-intro .history .list-wrap > li::after {left: -4px;top: 15px;}
  .esg-intro .history .year { margin-bottom: 5px; padding-left: 18px;} 
  .esg-intro .history .desc li { padding-left: 20px; } 
  .esg-intro .history .desc br{ display: none;}
  .esg-intro .why-esg .bottom .info-list .box-wrap span br {display: none;}
  .esg-intro .esg-strategy1 > ul > li > .tit {font-size: 22px;line-height: 1.3;}
  .esg-intro .esg-strategy1 .list-wrap > li {width: calc((100% / 3) - 20px)}
  .esg-intro .esg-strategy1 .desc-list {font-size: 16px;}
  .esg-intro .esg-strategy1 .list-wrap > li::before {width: 60px;height: 60px;right: -45px;}
  .esg-intro .esg-strategy2 .info { width: 100% !important; } 
  .esg-intro .esg-strategy2 > ul > li > .tit { background-color: #fff; } 
  .esg-intro .esg-strategy2 > ul > li { margin-bottom: 40px; flex-direction: column; align-items: center; } 
  .esg-intro .esg-strategy2 > ul > li > .tit { width: auto; margin-right: 0; padding-bottom: 60px; margin-top: 0; margin-bottom: 10px; font-size: 23px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit::before { width: 1px; height: 40px; left: 50%; bottom: 0; transform: translate(-50%,0); z-index: 10; padding-bottom: 20px; margin-bottom: 10px; } 
  .esg-intro .esg-strategy2 .strategy-3 > .tit { margin-top: 0; } 
  .esg-intro .esg-strategy2 .youtube {flex-direction: column;}
  .esg-intro .esg-strategy2 .youtube > div {width: 100%;}
}

@media screen and (max-width: 900px){
  .esg-intro .history .list-wrap::before {left: 28px;top: 19px;}
  .esg-intro .history .list-wrap > li::before {width: 25px;height: 25px;}
  .esg-intro .history .list-wrap > li::after {width: 13px;height: 13px;}
  .esg-intro .why-esg .top { flex-direction: column; align-items: center; justify-content: flex-start; } 
  .esg-intro .why-esg .top .left { margin-right: 0; margin-bottom: 40px; } 
  .esg-intro .why-esg .top .left strong { font-size: 20px; } 
  .esg-intro .why-esg .top .left p { font-size: 16px; } 
  .esg-intro .why-esg .top .right i { width: 88px; height: 88px; line-height: 88px; font-size: 20px; } 
  .esg-intro .why-esg .top .right .dot { width: 40px; margin: 0 8px; } 
  .esg-intro .why-esg .top .right .dot span { width: 8px; height: 8px; } 
  .esg-intro .why-esg .top .right > .dot { margin: 0 10px; margin-top: 45px; } 
  .esg-intro .why-esg .bottom {padding-bottom: 20px;}
  .esg-intro .why-esg .bottom .tit-list { margin-left: 164px; } 
  .esg-intro .why-esg .bottom .tit-list span { width: 70px; height: 70px; line-height: 70px; font-size: 16px; } 
  .esg-intro .why-esg .bottom .tit-list > li { margin-bottom: 5px; } 
  .esg-intro .why-esg .bottom .tit-list strong { min-width: 170px; min-height: 60px; } 
  .esg-intro .why-esg .bottom .info-list > li { margin-bottom: 5px; } 
  .esg-intro .why-esg .bottom .info-list strong { width: 130px; min-height: 60px; font-size: 18px; } 
  .esg-intro .why-esg .bottom .info-list .dot { margin: 0 8px; } 
  .esg-intro .why-esg .bottom .info-list .box-wrap span { min-width: 170px; min-height: 60px;  } 
  .esg-intro .esg-strategy1 .list-wrap {flex-direction: column;}
  .esg-intro .esg-strategy1 .list-wrap > li {width: 100%;margin-bottom: 25px;}
  .esg-intro .esg-strategy1 .list-wrap > li:last-child {margin-bottom: 0;}
  .esg-intro .esg-strategy1 .list-wrap > li::before {width: 50px;height: 50px;left: 50%;top: auto;bottom: -39px;transform: translate(-50%, 0);background-size: 22px;}
  .cp .info { width: 100% !important; } 
  .esg-intro .esg-strategy1 .desc-list {padding-left: 0;}
  .esg-intro .esg-strategy1 .tit {padding-left: 0;}
  .esg-intro .esg-strategy2 {margin-bottom: 50px;}
  .esg-intro .esg-strategy2 > ul > li:nth-child(-n + 3) .info { min-height: 90px; } 
  .esg-intro .esg-strategy2 .desc { margin: 20px; font-size: 20px; } 
  .esg-intro .esg-strategy2 > ul > li:nth-child(-n + 3) .info::before {top: -100px;}
  .esg-intro .esg-strategy2 .vision i:first-child { display: block; height: 55px; margin-right: 0; } 
  .esg-intro .esg-strategy2 .brand .info em { font-size: 20px; } 
  .esg-intro .esg-strategy2 .brand .info .logo { width: 110px; background-size: contain; margin-right: 0; } 
  .esg-intro .esg-strategy2 .strategy-3 ul { flex-direction: column; } 
  .esg-intro .esg-strategy2 .strategy-3 li { width: 100%; margin-bottom: 10px; } 
  .esg-intro .esg-strategy2 .strategy-3 .info .tit { padding: 15px 10px; font-size: 26px; } 
  .esg-intro .esg-strategy2 .strategy-3 .box { font-size: 18px; } 
  .esg-intro .esg-strategy2 .strategy-3 .box { padding: 22px 10px; } 
  .esg-intro .esg-strategy2 .strategy-3 .info { background-size: 250px; padding-bottom: 59px; } 
  .esg-intro .esg-strategy2 .goal .info ul { flex-direction: column; } 
  .esg-intro .esg-strategy2 .goal .info ul { flex-direction: column; } 
  .esg-intro .esg-strategy2 .goal .info .tit { font-size: 20px; } 
  .esg-intro .esg-strategy2 .goal .info .num i { margin-right: 3px; font-size: 34px; } 
  .esg-intro .esg-strategy2 .goal .info li { margin-bottom: 20px; width: 100%; padding-top: 100px; background-size: 115px; background-position: top 20px center; padding-bottom: 10px; } 
  .esg-intro .esg-strategy2 .mission .info ul { flex-direction: column; } 
  .esg-intro .esg-strategy2 .mission .info li { width: 100%; margin-bottom: 15px; } 
  .esg-intro .esg-strategy2 .mission .info li:last-child { margin-bottom: 0; } 
  .esg-intro .esg-strategy2 .goal .info .dot { display: none; } 
  .esg-intro .esg-strategy2 .goal { margin-bottom: 40px; } 
  .esg-intro .esg-strategy2 .youtube .left {margin-bottom: 40px;}
  .esg-intro .esg-strategy2 .youtube .left {width: 100%;}
  .esg-intro .esg-strategy2 .youtube .right {width: 100%;flex-direction: column;}
  .esg-intro .esg-strategy2 .youtube .right > div {width: 100%;}
  .esg-intro .esg-strategy2 .youtube .right > div {margin-bottom: 40px;}
  .esg-intro .esg-strategy2 .youtube .right > div:last-child {margin-bottom: 0;}
  .esg-intro .esg-strategy2 .youtube .right .tit {font-size: 23px;}
  .esg-intro .esg-strategy2 .youtube .txt {margin-top: 16px;}
  .esg-intro .esg-strategy2 .youtube .right .desc {font-size: 16px;}
}

@media screen and (max-width: 700px){
  .esg-intro .esg-strategy2 > ul > li { margin-bottom: 40px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit { margin-bottom: 20px; font-size: 21px; padding-bottom: 45px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit::before { height: 30px; } 
  .esg-intro .why-esg { padding: 36px 20px; } 
  .esg-intro .why-esg .top { margin-bottom: 40px; } 
  .esg-intro .why-esg .top .right i { width: 68px; height: 68px; line-height: 68px; font-size: 17px; } 
  .esg-intro .why-esg .top .right i { width: 68px; height: 68px; line-height: 68px; font-size: 17px; } 
  .esg-intro .why-esg .top .right .dot { width: 30px; margin: 0 8px; } 
  .esg-intro .why-esg .top .right .dot span { width: 6px; height: 6px; } 
  .esg-intro .why-esg .top .right > .dot { margin-top: 47px; } 
  .esg-intro .why-esg .top .right strong { margin-bottom: 10px; } 
  .esg-intro .esg-strategy2 > ul > li { margin-bottom: 40px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit { margin-bottom: 3px; padding-bottom: 38px; font-size: 21px; } 
  .esg-intro .esg-strategy2 > ul > li > .tit::before { height: 30px; } 
  .esg-intro .esg-strategy2 .mission .info .tit {font-size: 18px;}
  .esg-intro .esg-strategy2 .mission .num {font-size: 18px;}
  .esg-intro .esg-strategy2 .mission .num i {font-size: 40px;margin-right: 0;}
}

@media screen and (max-width: 500px){
  .esg-intro .history .list-wrap > li {padding: 0 0 0 20px;}
  .esg-intro .history .year {font-size: 26px;}
  .esg-intro .history .list-wrap > li::before {top: 8px;}
  .esg-intro .history .list-wrap > li::after {top: 14px;}
  .esg-intro .esg-strategy1 .tit {font-size: 20px;}
  .esg-intro .esg-strategy2 .goal .info .tit { font-size: 18px; } 
  .esg-intro .esg-strategy2 .goal .info .tit { margin-bottom: 0; } 
  .esg-intro .esg-strategy2 .youtube .right .tit {font-size: 21px;}
}

/* [E] 인천공항의 ESG */

/* ESG-공통 */
.esg .top-tit .objHeading_h2 { margin-top: 0; } 
.esg .top-tit .btn-style1 { transform: translateY(5px); } 
.esg .top-tit .btn-style1.ico1::before { background-color: #00abb3; } 
.esg .top-tit .left { display: flex; align-items: center; margin-right: 10px; } 
.esg .top-tit .right { transform: translateY(5px); } 
.esg .list-wrap > .list { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 100px; } 
.esg.tit-bt .list-wrap > .list { margin-top: 45px !important; } 
.esg .list-wrap > .list .img-box.map-size {min-height: 490px;}
.esg .list-wrap > .list > .left {letter-spacing: -.05em;}
.esg .list-wrap > .list > .left, .esg .list-wrap > .list > .flex-wrap > .left { width: 640px; margin-right: 95px; border-top: 1px solid #222 } 

.esg .list-wrap > .list > .flex-wrap > .left > .content { margin-top: 30px; } 
.esg .list-wrap > .list > .left > .content{margin-top: 15px;}
.esg .list-wrap .right.border { border: 1px solid #ccc; } 
.esg .objHeading_h4 { margin-top: 0; } 
.esg .img-box.border { border: 1px solid #ddd; } 
.esg .list-wrap > .list > .right, .esg .list-wrap > .list > .flex-wrap > .right { flex: 1; min-width: 500px; } 
.esg .right .ri-txt{text-align: center; color: #333333; margin-top: 10px; font-size: 18px;}
.esg .img-box + .desc, .esg .info-wrap + .desc { margin-top: 10px; font-size: 18px; color: #111; text-align: center; } 
.esg p .lh { display: block; margin: 17px 0; } 
.esg .circle-num-list > ul > li { font-family: 'ncm'; font-size: 16px; } 
.esg .circle-num-list > ul > li .num { font-size: 13px; } 
.esg .con-list1 > ul > li:first-child, .esg .con-num-list > ul > li:first-child { margin-top: 0; } 
.esg .bottom { margin-top: 30px; } 
.esg .slide-box { overflow: hidden; border: 1px solid #ddd; text-align: center; } 
.esg .swiper-container { position: relative; } 

.esg .slide-btn { position: relative; width: 45px; height: 45px; border-radius: 50%; background-image: none !important; background-color: #DDDDDD; transition: all 0.2s; } 

.esg .slide-btn:hover {background-color: #00abb3 !important; }
.esg .slide-btn::after { display: none; } 

.esg .slide-btn::before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -11px; margin-left: -5px; width: 13px; height: 21px; background: url('../../images/sub/arrow-white.svg') no-repeat center / cover; }

.esg .slide-btn[aria-disabled='true'] { background-color:#dddddd; opacity: 1 !important; cursor: pointer; pointer-events: all; } 
/* .esg .slide-btn:not([aria-disabled='true']):hover{background-color: #00abb3 !important;}  */

.esg .swiper-button-prev { position: absolute; left: 34px; top: 50%; margin-top: -22.5px;} 
.esg .swiper-button-next { position: absolute; right: 34px; top: 50%; margin-top: -22.5px; } 
.esg .swiper-button-prev::before { transform: rotate(180deg); margin-left: -9px; } 
.esg .swiper-pagination { width: 85px !important; position: absolute; left: 50% !important; transform: translateX(-50%); bottom: 20px !important; color: #fff; font-size: 16px; font-family: 'pm'; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; } 
.esg .swiper-pagination > span:first-child { font-size: 20px; color: #00f4ff; } 
.esg .noti-txt-wrap { border-top: 1px solid #d6d6d6; padding-top: 10px; margin-top: 25px; } 

@media screen and (max-width: 1480px){
  .esg .top-tit {flex-direction: column;}
  .esg .top-tit br { display: none; } 
  .esg .top-tit .right { margin-top: 30px } 
  .esg .top-tit .btn-style1 { transform: translateY(7px); padding: 5px 10px;} 
  .esg .list-wrap > .list > .left, .esg .list-wrap > .list > .flex-wrap > .left { margin-right: 40px; } 
  .esg .list-wrap > .list > .right { width: 100%; } 
}

@media screen and (max-width: 1300px){
  .esg .list-wrap .list > .bottom, .esg .list-wrap .list .bottom > ul { display: block; } 
  .esg .list-wrap .list .bottom > div,.esg .list-wrap .list .bottom > ul > li { width: 100%; } 
  .esg .list-wrap > .list { flex-direction: column; } 
  .esg .flex-wrap { flex-direction: column !important; } 
  .esg .list-wrap > .list > .left, .esg .list-wrap > .list > .flex-wrap > .left { width: 100%; margin-right: 0; margin-bottom: 40px; } 
  .esg .list-wrap > .list > .right, .esg .list-wrap > .list > .flex-wrap > .right { width: 100%; min-width: auto; } 
  .esg .list-wrap > .list > .left > .img-box, .esg .listz-wrap > .list > .left > .content > .img-box,
  .esg .list-wrap > .list > .flex-wrap > .right > .img-box { width: 70%; margin: 0 auto; } 
  .esg .slide-box {width: 70%;margin: 0 auto;}
}

@media screen and (max-width: 900px){
  .esg .top-tit .btn-style1  {height: auto;}
  .esg .list-wrap > .list { margin-top: 50px; } 
  .esg.tit-bt .list-wrap > .list { margin-top: 25px !important; } 
  .esg .slide-box { width: 100%; border-bottom: 1px solid #ddd; } 
  .esg .txt-box { width: 100%; text-align: center; } 
  .esg .noti-txt-wrap { padding-top: 8px; margin-top: 20px; } 
}

@media screen and (max-width: 700px){
  .esg .list-wrap > .list > .left, .esg .list-wrap > .list > .flex-wrap > .left { margin-bottom: 30px; } 
  .esg .slide-btn { width: 40px !important; height: 40px !important; } 
  .esg .swiper-button-prev { left: 28px !important; } 
  .esg .swiper-button-next { right: 28px !important; } 
  .esg .swiper-pagination { width: 75px !important; } 
  .esg .swiper-pagination > span:first-child { font-size: 18px !important; } 
  .esg-g .list9 .right .tit { font-size: 18px; } 
  .esg .list br { display: none; } 
  .esg .top-tit .right { margin-top: 20px; } 
  .esg .list-wrap > .list > .left > .img-box, .esg .list-wrap > .list > .left > .content > .img-box,
  .esg .list-wrap > .list > .right > .img-box, .esg .list-wrap > .list > .flex-wrap > .right > .img-box { width: 100%; } 
  .esg .img-box + .desc, .esg .info-wrap + .desc { font-size: 16px; } 
  .esg .top-tit .left{display: block;}
  .esg .top-tit .btn-style1{transform: translateY(15px)}

}

/* [S] ESG-E */
.esg-e .list2 .right > .tit { margin-bottom: 33px; } 
.esg-e .list2 .right > .tit p {font-family: ncm;}
.esg-e .list2 .right { padding: 30px 40px;background-color: #f8f8f8; border-radius: 3px;} 
.esg-e .list2 .right li .tit { font-size: 25px; } 
.esg-e .list2 .right li { display: flex; align-items: center; margin-bottom: 15px; } 
.esg-e .list2 .right li .tit { min-width: 120px; padding: 11px 0; border-radius: 5px; text-align: center; line-height: 1.1; } 
.esg-e .list2 .right li:last-child .tit { margin-bottom: 0; } 
.esg-e .list2 .right li:nth-child(1) .tit { background-color: #3176d0; } 
.esg-e .list2 .right li:nth-child(2) .tit { background-color: #00abb3; } 
.esg-e .list2 .right li:nth-child(3) .tit { background-color: #152e6e; } 
.esg-e .list2 .right li .ul .tit { flex-shrink: 0; } 
.esg-e .list2 .right li .tit strong { display: block; color: #eaf3ff; font-family: 'gb'; } 
.esg-e .list2 .right li .tit span { display: block; color: #eaf3ff; font-size: 18px; } 
.esg-e .list2 .right li .dot { width: 28px; display: flex; align-items:center; justify-content: space-between; flex-shrink: 0; margin: 0 25px; } 
.esg-e .list2 .right li .dot span { display: inline-block; width: 6px; height: 6px; background-color: #aaa; border-radius: 50%; } 
.esg-e .list2 .right li .desc { float: right; color: #111; font-size: 18px; } 
.esg-e .list3 .right { padding: 20px 37px; } 
.esg-e .list3 .right .table1 { margin-bottom: 25px; } 
.esg-e .list3 .right .table-tit { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #f7f7f7; font-family: 'ncm'; } 
.esg-e .list3 .right .table-tit strong {position: relative; padding-left: 25px; font-size: 20px; color: #222; } 
.esg-e .list3 .right .table-tit strong::before {content:''; position: absolute; left: 0px; top: 6px; width: 17px; height: 17px; border-radius: 100%;}
.esg-e .list3 .right .table-tit.color1 strong::before {background: #ff7898;}
.esg-e .list3 .right .table-tit.color2 strong::before {background: #0aad5a;}
.esg-e .list3 .right .table-tit span { font-size: 20px; color: #00abb3; } 
.esg-e .list3 .right .table ul { padding: 22px 20px } 
.esg-e .list3 .right .table li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.esg-e .list3 .right .table li:last-child { margin-bottom: 0; } 
.esg-e .list3 .right .table li p {font-family: ncm; font-size: 18px; } 
.esg-e .list3 .right .table li em { font-size: 16px; color: #333; } 
.esg-e .list3 .right .table li span { font-size: 18px; color: #20b1b8; } 
.esg-e .list3 .right .add-result { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #7f7f7f; padding: 10px 20px; } 
.esg-e .list3 .right .add-result strong { color: #555; font-size: 22px; font-family: 'ncb'; } 
.esg-e .list3 .right .add-result span { font-size: 22px; font-family: 'pb'; color: #20b1b8; } 
.esg-e .list4 .tit { display: none; margin-top: 14px; font-size: 22px; color: #222; font-family: 'ncm'; text-align: center; } 
.esg-e .list4 .tit.on { display: block; }  
.esg-e .list5 ul { display: flex; justify-content: space-between; } 
.esg-e .list5 li { width: calc((100% / 3) - 20px); background-color: #fff; box-shadow: 0 8px 20px 0 rgba(76, 106, 140, 0.2); border-radius: 5px; padding: 15px 25px; } 
.esg-e .list5 strong { display: block; margin-bottom: 10px; font-size: 35px; color: #00abb3; font-family: 'gb'; } 
.esg-e .list5 strong span { font-size: 20px; font-family: ncm; } 
.esg-e .list5 .desc {font-family: ncm; font-size: 18px; } 
.esg-e .list6 .left ul { padding: 35px; border: 1px solid #ccc; } 
.esg-e .list6 .left li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.esg-e .list6 .left li:last-child { margin-bottom: 0; } 
.esg-e .list6 .left .icon { margin-right: 40px; display: flex; flex-direction: column; align-items: center; text-align: center; } 
.esg-e .list6 .left .icon span { display: block; margin-bottom: 4px; color: #555; } 
.esg-e .list6 .left .desc { background-color: #f5f7fc; border-radius: 5px; padding: 18px 40px; flex: 1; } 
.esg-e .list6 .left .desc > div { position: relative; display: flex; justify-content: space-between; } 
.esg-e .list6 .left li .desc > div::before { content: ''; position: absolute; left: 49%; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #999; } 
.esg-e .list6 .left li:last-child .desc > div::before { display: none; } 
.esg-e .list6 .left .desc strong { color: #111; font-size: 18px; font-family: 'ncm'; display: block; } 
.esg-e .list6 .left .desc em { font-size: 18px; color: #3176d0; } 
.esg-e .list6 .left .desc i { font-size: 20px; color: #3176d0; } 
.esg-e .list6 .right ul { margin-top: 20px; padding: 30px 60px; border: 1px solid #dddddd } 
.esg-e .list6 .right li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.esg-e .list6 .right li:last-child { margin-bottom: 0; } 
.esg-e .list6 .right li .tit { display: flex; flex-shrink: 0; position: relative; padding-right: 20px; background-color: #fff; } 
.esg-e .list6 .right li .icon { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin-right: 30px; } 
.esg-e .list6 .right li:nth-child(1) .icon { background-color: #f3d237; border-radius: 50%; } 
.esg-e .list6 .right li:nth-child(2) .icon { background-color: #70c0e6; border-radius: 50%; } 
.esg-e .list6 .right li span { font-size: 15px; font-family: 'ncr'; color: #aaa } 
.esg-e .list6 .right li strong { display: block; font-size: 25px; font-family: 'ncm'; margin-top: -6px; } 
.esg-e .list6 .right li em { padding-left: 20px; background-color: #fff; font-size: 25px; font-family: 'ncm'; flex-shrink: 0; } 
.esg-e .list6 .right li:nth-child(1) em { color: #f3c00d; } 
.esg-e .list6 .right li:nth-child(2) em { color: #0a9ce1; } 
.esg-e .list6 .right .dot { width: 290px; height: 3px; background-image: url('../../images/sub/long-dot.png'); background-size: cover; } 
.esg-e .list7 .right ul { display: flex; justify-content: space-between; background-color: #f5f5f5; padding: 38px 38px 50px; } 
.esg-e .list7 .right li { width: calc((100% / 2) - 30px); text-align: center; } 
.esg-e .list7 .right li .icon { display: inline-block; } 
.esg-e .list7 .right li .icon > div { display: flex; align-items: flex-end; margin: 0 0 20px;} 
.esg-e .list7 .right li .icon span { margin-left: 8px; transform: translateY(3px); } 
.esg-e .list7 .right li .tit { display: block; font-size: 22px; color: #00b38f; font-family: 'pb'; margin-bottom: 7px; } 
.esg-e .list7 .right > li span { display: block; font-size: 20px; } 
.esg-e .list7 .right li ul { align-items: center; padding: 0 10px; min-height: 74px; background-color: #fff; border-radius: 5px; } 
.esg-e .list7 .right li li { position: relative; width: calc(100% / 2); color: #222; text-align: center; font-size: 16px; line-height: 1.3; } 
.esg-e .list7 .right li li::before { content: ''; position: absolute; right: 0; top: 22px; width: 1px; height: 10px; background-color: #d0d0d0; } 
.esg-e .list7 .right li li:last-child:before { display: none; } 
.esg-e .list7 .right li .bd { font-size: 30px; font-family: 'pb'; } 
.esg-e .list7 .right li li span { display: block; } 
.esg-e .list7 .right li .desc { display: flex; justify-content: center; align-items: center; padding: 0 10px; color: #222; min-height: 74px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 1.3; } 
.esg-e .list8 .right { padding: 40px 30px 15px; } 
.esg-e .list8 ul { display: flex; } 
.esg-e .list8 li { position: relative; } 
.esg-e .list8 li span { display: block; min-height: 45px; line-height: 45px; background-color: #3176d0; color: #fff; font-size: 20px; } 
.esg-e .list8 li strong { display: block; padding: 15px 0; font-size: 25px; color: #111; font-family: 'pm'; } 
.esg-e .list8 li { flex: 1; text-align: center; } 
.esg-e .list8 li:first-child { width: 90px; flex: none; text-align: right; } 
.esg-e .list8 li:first-child strong { font-size: 20px; font-family: 'ncm'; } 
.esg-e .list8 li:last-child::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px dashed #152e6e; width: 105px; height: 105px; } 
.esg-e .list8 li:last-child span { font-family: 'pb'; color: #00d3e0; } 
.esg-e .list8 li:last-child strong { font-family: 'pb'; color: #00d3e0; } 
.esg-e .list-wrap .list9 { display: block; } 
.esg-e .list9 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; } 
.esg-e .list9 .bottom { display: flex; justify-content: space-between; padding: 58px 68px; background-color: #f5f5f5; margin-top: 30px; } 
.esg-e .list9 .bottom .img-box { margin-bottom: 30px; } 
.esg-e .list9 .bottom > div { width: calc((100% / 2) - 30px); } 
.esg-e .list9 .bottom .objHeading_h4 { margin-top: 30px; } 
.esg-e .list9 .bottom thead { padding: 40px 0; background-color: #00abb3; color: #fff; } 
.esg-e .list9 .bottom th { padding: 7.5px 0; font-weight: normal; font-size: 20px; } 
.esg-e .list9 .bottom tbody tr { border-bottom: 1px solid #ccc; } 
.esg-e .list9 .bottom td { padding: 11px 0; border-bottom: 1px solid #ccc; font-size: 20px; } 
.esg-e .list9 .bottom td:nth-child(n + 2) { font-size: 25px; font-family: 'pm'; } 
.esg-e .list11 ul { display: flex; justify-content: space-between; margin-top: 60px; } 
.esg-e .list11 li { width: calc((100% / 3) - 12px); text-align: center; } 
.esg-e .list11 .box { position: relative; min-height: 160px; background-color: #fff; box-shadow: 0 8px 20px 0 rgba(76, 106, 140, 0.2); border-radius: 5px; padding: 18px 12px 15px; } 
.esg-e .list11 strong { display: block; margin-bottom: 10px; font-size: 22px; font-family: 'ncm'; } 
.esg-e .list11 li .box::before { content: ''; position: absolute; left: 50%; margin-left: -21.5px; bottom: -17.5px; width: 43px; height: 35px; background-image: url('../../images/sub/e-ic7.png'); } 
.esg-e .list11 li:last-child .box::before { display: none; } 
.esg-e .list11 p { font-size: 17px; } 
.esg-e .list11 .circle { display: inline-block; position: relative; width: 128px; height: 128px; background-color: #00abb3; border-radius: 50%; color: #fff; text-align: center; padding-top: 18px; margin-top: 50px; } 
.esg-e .list11 .circle::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 18px); height: calc(100% + 18px); border-radius: 50%; background-color: #a0dfe2; z-index: -1; } 
.esg-e .list11 .circle::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 36px); height: calc(100% + 36px); border-radius: 50%; background-color: #e5f6f7; z-index: -2; } 
.esg-e .list11 .circle span { margin-top: -10px; font-size: 45px; font-family: 'gb'; } 
.esg-e .list11 .circle em { font-size: 18px; font-family: 'gm'; } 
.esg-e .list11 .circle i { display: block; margin-top: -15px; font-family: 'ncm'; font-size: 14px; } 
.esg-e .list12 .left li { display: flex; align-items: center; padding: 20px 55px; border: 1px solid #00abb3; border-radius: 10px; margin-bottom: 30px; } 
.esg-e .list12 .left li:last-child { margin-bottom: 0; } 
.esg-e .list12 .left .icon { display: flex; justify-content: center; align-items: center; width: 115px; height: 115px; margin-right: 30px; background-color: #e4f6f7; border-radius: 50%; } 
.esg-e .list12 .left li strong { display: block; margin-bottom: 5px; font-size: 25px; font-family: 'ncb'; color: #00abb3; } 
.esg-e .list12 .left li p { font-size: 22px; } 
.esg-e .list12 .step { position: relative; display: flex; align-items: center; justify-content: center; position: relative; min-height: 220px; margin-bottom: 57px; padding-bottom: 0; background-image: url('../../images/sub/e-step-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; } 
.esg-e .list12 .step::before { content: ''; position: absolute; left: 50%; bottom: -38px; width: 23px; margin-left: -19px; height: 27px; background-image: url('../../images/sub/double-arrow-og.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } 
.esg-e .list12 .step .list-wrap { display: flex; align-items: flex-start; position: relative; padding: 0 25px; } 
.esg-e .list12 .step .list-wrap::before { content: ''; position: absolute; width: 100%; height: 1px; top: 46px; left: 0; background-color: #fff; } 
.esg-e .list12 .step .list-wrap > li { display: block; position: relative; flex: 1; margin-top: 0; } 
.esg-e .list12 .step .list-wrap > li::before { content: ''; position: absolute; left: -10px; top: 33px; width: 28px; height: 28px; opacity: 0.3; background-color: #fff; border-radius: 50%; } 
.esg-e .list12 .step .list-wrap > li::after { content: ''; width: 16px; height: 16px; position: absolute; left: -4px; top: 39px; background-color: #fff; border-radius: 50%; } 
.esg-e .list12 .step strong { display: block; padding-left: 25px; margin-bottom: 20px; font-family: 'pb'; font-size: 25px; color: #fff; text-shadow: -2.12px 2.12px 2px rgba(0, 0, 0, 0.2); } 
.esg-e .list12 .step .desc { padding-left: 25px; } 
.esg-e .list12 .step .desc i { font-size: 22px; color: #00f0ff; font-family: 'ncb'; } 
.esg-e .list12 .step .desc em { font-size: 16px; font-family: 'pm'; } 
.esg-e .list12 .step .desc p { font-size: 18px; color: #fff; } 
.esg-e .list13 table { border-bottom: 1px solid #ddd; padding-bottom: 10px; } 
.esg-e .list13 th { font-size: 19px; padding: 8px 0; color: #fff; background-color: #3176d0; font-weight: normal; } 
.esg-e .list13 th:first-child { border-radius: 3px 0 0 3px; } 
.esg-e .list13 th:last-child { border-radius: 0 3px 3px 0; } 
.esg-e .list13 td { font-size: 20px; padding: 10px 0; color: #fff; color: #333;; } 
.esg-e .list13 .add { font-size: 22px; color: #555; background-color: #eee; border-radius: 3px; } 
.esg-e .list13 .add + td { font-family: 'pb'; font-size: 22px; color: #111; } 
.esg-e .list13 .tit { display: none; margin-top: 14px; font-size: 22px; color: #222; font-family: 'ncm'; text-align: center; } 
.esg-e .list13 .tit.on { display: block; } 
.esg-e .list13 .swiper-pagination > span:first-child { font-size: 20px; color: #00f4ff; } 
.esg-e .list13 .right .tit { text-align: left; padding: 5px 20px 20px 20px; border-bottom: 1px solid #ddd; font-size: 18px; } 
.esg-e .list13 .right .tit span { display: block; width: 80px; height: 35px; background-color: #3176d0; font-family: 'pm'; text-align: center; line-height: 35px; color: #fff; text-align: center; font-family: 'pm'; border-radius: 5px; margin-bottom: 2px; } 
.esg-e .list13 .right .tit strong { font-size: 22px; color: #333; font-family: 'ncb'; margin-bottom: 5px; } 
.esg-e .list13 .right .tit p { color: #555; } 
.esg-e .list-wrap .list14 { display: block; } 
.esg-e .list14 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } 
.esg-e .list14 > .flex-wrap > .right { padding: 20px 20px 10px; } 
.esg-e .list14 .right .info-wrap > li { display: flex; justify-content: space-between; margin-bottom: 10px; } 
.esg-e .list14 .right .info-wrap > li:last-child { margin-bottom: 0; } 
.esg-e .list14 .right .tit { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; width: 175px; font-size: 18px; min-height: 110px; color: #fff; background-color: #3176d0; text-align: center; margin-right: 10px; border-radius: 3px; } 
.esg-e .list14 .right .tit em { font-size: 14px; display: block; } 
.esg-e .list14 .right .info { text-align: center; flex: 1; float: right; background-color: #eff2fa; border-radius: 3px; } 
.esg-e .list14 .right .info ul { display: flex; height: 100%; } 
.esg-e .list14 .right .info li { display: flex; justify-content: center; align-items: center; width: calc(100% / 3); height: 100%; } 
.esg-e .list14 .right .info p { font-size: 17px; text-align: center; line-height: 1.3; margin-bottom: 7px; } 
.esg-e .list14 .right .info p em { display: block; font-size: 13px; } 
.esg-e .list14 .right .info strong { display: block; color: #111; font-family: 'ncb'; font-size: 22px; } 
.esg-e .list14 .right .info-wrap > li:nth-child(2) .info li { width: calc(100% / 2); } 
.esg-e .list14 .right .info-wrap > li:nth-child(2) .info span { font-size: 20px; font-family: 'ncm'; color: #555; } 
.esg-e .list14 .bottom { display: flex; justify-content: space-between; padding: 40px 38px; background-color: #f7f7f7; } 
.esg-e .list14 .bottom > .left { width: 300px; flex-shrink: 0; margin-right: 47px; } 
.esg-e .list14 .bottom .left p { font-size: 22px; font-family: 'ncm'; line-height: 1.82; } 
.esg-e .list14 .bottom .left .btn-style2 { padding: 0 12px } 
.esg-e .list14 .bottom > .right { flex: 1; color: #fff; } 
.esg-e .list14 .bottom > .right ul { display: flex; justify-content: space-between; } 
.esg-e .list14 .bottom > .right li { width: calc((100% / 3) - 13px); background-color: #00abb3; padding: 23.5px 26px; } 
.esg-e .list14 .bottom > .right strong { font-family: 'ncb'; font-size: 25px; } 
.esg-e .list14 .bottom > .right span { display: inline-block; width: 135px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; border-radius: 14.5px; color: #00abb3; font-family: 'ncr'; } 
.esg-e .list14 .bottom > .right li > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } 
.esg-e .list14 .bottom > .right p { font-size: 18px; margin-bottom: 3px; } 
.esg-e .list14 .bottom > .right em { font-family: 'ncr'; color: #fffc10; } 
.esg-e .list14 .bottom .btn-style2 { margin-top: 30px; } 
.esg-e .list15 { display: block; } 
.esg-e .list15 > .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } 
.esg-e .list15 > .flex-wrap > .right { padding: 25px; } 
.esg-e .list15 .right .tit { width: 130px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; background-color: #3176d0; flex-shrink: 0; margin-right: 15px; border-radius: 3px; } 
.esg-e .list15 .right .info-wrap > li { display: flex; margin-bottom: 10px; } 
.esg-e .list15 .right .info-wrap > li:last-child { margin-bottom: 0; } 
.esg-e .list15 .right .info { flex: 1; padding: 13px 0 13px 15px; border-bottom: 1px solid #ddd; } 
.esg-e .list15 .right .info-wrap > li:last-child .info { border-bottom: 0; } 
.esg-e .list15 .right .info ul { display: flex; flex-direction: column; justify-content: space-between; min-height: 108px; } 
.esg-e .list15 .right .info li { display: flex; font-size: 17px; text-align: center; } 
.esg-e .list15 .right .info li > div { margin-right: 15px; } 
.esg-e .list15 .right .info li > div:last-child { margin-right: 0; } 
.esg-e .list15 .right .info li:first-child { margin-bottom: 10px; } 
.esg-e .list15 .right .info span { color: #222; } 
.esg-e .list15 .right .info i { display: block; font-family: 'ncb'; color: #111; letter-spacing: -.05em;} 
.esg-e .list15 .right .info em { display: block; width: 70px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; border-radius: 5px; } 
.esg-e .list15 .right .info em.mint { background-color: #00bdc6; } 
.esg-e .list15 .right .info em.og { background-color: #fa9d1c; } 

@media screen and (max-width: 1480px){
  .esg-e .list7 .right li {width: calc((100% / 2) - 10px);}
  .esg-e .list7 .right li .tit {white-space: nowrap;}
  .esg-e .list12 .step { min-height: auto; padding: 20px 0; } 
  .esg-e .list12 .step .list-wrap { flex-direction: column; } 
  .esg-e .list12 .step .list-wrap::before { width: 1px; height: 100%; left: 0; } 
  .esg-e .list12 .step .list-wrap { width: 100%; } 
  .esg-e .list12 .step .list-wrap::before { left: 28px; top: 19px } 
  .esg-e .list12 .step .list-wrap > li::before { top: 5px } 
  .esg-e .list12 .step .list-wrap > li::after { top: 11px; } 
  .esg-e .list12 .step .list-wrap > li { margin-bottom: 40px; } 
  .esg-e .list12 .step strong { margin-bottom: 15px; } 
  .esg-e .list14 .bottom > .left { margin-right: 20px; } 
  .esg-e .list14 .bottom .left p { font-size: 20px; } 
  .esg-e .list14 .bottom > .right li > div { flex-direction: column; align-items: flex-start; } 
  .esg-e .list14 .bottom > .right strong { margin-bottom: 6px; }
}

@media screen and (max-width: 1300px){
  .esg-e .list9 .bottom th { font-size: 18px; line-height: 1.2; } 
  .esg-e .list9 .bottom td { font-size: 18px; } 
  .esg-e .list9 .bottom td:nth-child(n + 2) { font-size: 21px; } 
  .esg-e .list9 .bottom { padding: 48px; } 
  .esg-e .list9 .bottom > div { width: calc((100% / 2) - 15px) } 
  .esg-e .list9 .bottom .img-box {width: 70%;margin: 0 auto 30px;}
  .esg-e .list12 .left li { padding: 15px 55px; } 
  .esg-e .list12 .left .icon { width: 90px; height: 90px; } 
  .esg-e .list12 .left .icon img { width: 60%; } 
  .esg-e .list12 .left li strong { font-size: 21px; } 
  .esg-e .list12 .left li p { font-size: 18px; } 
  .esg-e .list14 .bottom > .left { width: 100%; margin-right: 0; margin-bottom: 30px; } 
  .esg-e .list14 .bottom { flex-direction: column; } 
  .esg-e .list14 .bottom > .right ul { flex-direction: column; } 
  .esg-e .list14 .bottom > .right li { width: 100%; display: flex; margin-bottom: 15px; padding: 28px 20px 20px 80px; } 
  .esg-e .list14 .bottom > .right li:last-child { margin-bottom: 0; } 
  .esg-e .list14 .bottom > .right p { margin-left: 40px; } 
  .esg-e .list14 .bottom > .right em { margin-left: 12px; } 
  .esg-e .list14 .bottom .btn-style2 { margin-top: 15px; } 
}

@media screen and (max-width: 900px){
  .esg-e .list3 .right .table ul { padding: 15px; } 
  .esg-e .list7 .right li { width: calc((100% / 2) - 15px); } 
  .esg-e .list9 .bottom { flex-direction: column; } 
  .esg-e .list9 .bottom > div { width: 100%; } 
  .esg-e .list9 .bottom > div { margin-bottom: 40px; } 
  .esg-e .list9 .bottom > div:last-child { margin-bottom: 0; } 
  .esg-e .list14 .right .info { padding: 25px 10px; } 
  .esg-e .list14 .right .info-wrap > li { flex-direction: column; margin-bottom: 30px; } 
  .esg-e .list14 .right .tit { width: 100%; min-height: auto; padding: 15px 20px; } 
  .esg-e .list14 .right .tit br { display: none } 
  .esg-e .list14 .bottom { flex-direction: column; } 
  .esg-e .list14 .bottom > .right li { display: block; padding: 28px 20px 20px 80px } 
  .esg-e .list14 .bottom > .right li > div { float: left; margin-right: 60px; } 
}

@media screen and (max-width: 700px) {
  .esg-e .list2 .right {padding: 30px 20px;}
  .esg-e .list5 ul { flex-direction: column; } 
  .esg-e .list5 li { width: 100%; margin-bottom:12px; } 
  .esg-e .list5 li:last-child { margin-bottom: 0; } 
  .esg-e .list6 .left li { flex-direction: column; } 
  .esg-e .list6 .left li > div { width: 100%; } 
  .esg-e .list6 .left li > .icon { margin-right: 0; margin-bottom: 20px; } 
  .esg-e .list6 .left ul { padding: 25px } 
  .esg-e .list6 .left li { margin-bottom: 20px; } 
  .esg-e .list6 .left .desc { padding: 14px 20px; } 
  .esg-e .list6 .left .desc > div > div { width: 100%; text-align: center; } 
  .esg-e .list6 .left .desc strong { display: block; font-size: 17px; } 
  .esg-e .list6 .left .desc em { font-size: 16px; } 
  .esg-e .list6 .left .desc i { font-size: 17px; } 
  .esg-e .list6 .right ul { padding: 25px 40px } 
  .esg-e .list6 .right li .icon { margin-right: 20px; } 
  .esg-e .list6 .right li strong { font-size: 21px; } 
  .esg-e .list6 .right li em { font-size: 22px; } 
  .esg-e .list6 .right .dot { width: 100%; } 
  .esg-e .list7 .right > ul { flex-direction: column; } 
  .esg-e .list7 .right > ul > li { width: 100%; margin-bottom: 30px; } 
  .esg-e .list7 .right > ul > li:last-child { margin-bottom: 0; } 
  .esg-e .list7 .right ul { padding: 28px 20px 40px; } 
  .esg-e .list7 .right li li { line-height: 1.15; } 
  .esg-e .list7 .right li .bd { font-size: 25px; } 
  .esg-e .list7 .right li .tit { font-size: 21px; } 
  .esg-e .list8 .right { padding: 40px 20px 15px; } 
  .esg-e .list8 li:first-child { width: 60px; } 
  .esg-e .list8 li:first-child strong { font-size: 18px; } 
  .esg-e .list8 li span { font-size: 18px; } 
  .esg-e .list8 li strong { font-size: 22px; } 
  .esg-e .list8 li:last-child::before { width: 90px; height: 90px; } 
  .esg-e .list11 ul { flex-direction: column; } 
  .esg-e .list11 ul > li { width: 100%; } 
  .esg-e .list11 .box { min-height: auto; } 
  .esg-e .list11 ul > li { margin-bottom: 40px; } 
  .esg-e .list11 .box { padding: 20px 12px 25px; } 
  .esg-e .list11 li .box::before { background-size: contain; width: 35px; height: 35px; background-repeat: no-repeat; bottom: -28px } 
  .esg-e .list11 strong { font-size: 20px; } 
  .esg-e .list11 p { font-size: 16px; } 
  .esg-e .list11 .circle { width: 115px; height: 115px; } 
  .esg-e .list11 .circle span { font-size: 40px; } 
  .esg-e .list12 .step strong { font-size: 23px; } 
  .esg-e .list12 .step .desc i { font-size: 20px; } 
  .esg-e .list12 .step .desc p { font-size: 16px; } 
  .esg-e .list12 .step .list-wrap > li::before { width: 26px; height: 26px; } 
  .esg-e .list12 .step .list-wrap > li::after { width: 14px; height: 14px; } 
  .esg .img-box + .desc, .esg .info-wrap + .desc { font-size: 16px; } 
  .esg-e .list12 .step::before { width: 24px; height: 24px; bottom: -41px; margin-left: -12px; } 
  .esg-e .list13 th { font-size: 17px; padding: 7px 5px; } 
  .esg-e .list13 td { font-size: 16px; padding: 5px 5px; } 
  .esg-e .list13 .add { font-size: 18px; } 
  .esg-e .list13 .add + td { font-size: 18px; } 
  .esg-e .list14 > .flex-wrap > .right { padding: 20px 20px 20px; } 
  .esg-e .list14 .right .tit { font-size: 17px; } 
  .esg-e .list14 .right .info p { font-size: 17px; margin-bottom: 0; } 
  .esg-e .list14 .right .info strong { font-size: 19px; } 
  .esg-e .list14 .right .info-wrap > li:nth-child(2) .info span { font-size: 17px; } 
  .esg-e .list14 .right .info-wrap > li:first-child ul { flex-direction: column; } 
  .esg-e .list14 .right .info-wrap > li:first-child li { width: 100%; margin-bottom: 20px; } 
  .esg-e .list14 .right .info-wrap > li:first-child li:last-child { margin-bottom: 0; } 
  .esg-e .list14 .bottom { padding: 20px 38px 30px; } 
  .esg-e .list14 .bottom > .right li { padding: 28px 20px 20px 40px } 
  .esg-e .list14 .bottom > .right li > div { float: none; } 
  .esg-e .list14 .bottom > .right p { margin-left: 0; } 
  .esg-e .list14 .bottom > .right em { margin-left: 0; } 
  .esg-e .list14 .bottom > .right strong { font-size: 25px; } 
  .esg-e .list14 .bottom > .right span { height: 26px; line-height: 26px; width: 120px; font-size: 15px; } 
  .esg-e .list14 .bottom > .right li > div { margin-bottom: 10px; } 
  .esg-e .list15 > .flex-wrap > .right { padding: 20px } 
  .esg-e .list15 .right .info-wrap > li { flex-direction: column; } 
  .esg-e .list15 .right .info-wrap > li > div { width: 100%; } 
  .esg-e .list15 .right .info-wrap > li > .tit { min-height: 55px; font-size: 20px; } 
  .esg-e .list15 .right .info { padding: 20px } 
  .esg-e .list15 .right .info ul { min-height: 90px; } 
  .esg-e .list15 .right .info li { font-size: 17px; } 
  .esg-e .list15 .right .info em { font-size: 15px; width: 65px; height: 25px; line-height: 25px; margin-bottom: 3px; } 
  .esg-e .list15 .right .info li:first-child { margin-bottom: 20px; } 
  .esg-e .list15 .right .info-wrap > li { margin-bottom: 30px; } 
}

@media screen and (max-width: 500px){
  .esg-e .list3 .right .table-tit strong { font-size: 18px; } 
  .esg-e .list3 .right .table-tit span { font-size: 18px; } 
  .esg-e .list3 .right .table li p { font-size: 16px; } 
  .esg-e .list3 .right .table li span { font-size: 16px; } 
  .esg-e .list3 .right .add-result strong { font-size: 20px; } 
  .esg-e .list3 .right .add-result span { font-size: 20px; } 
  .esg-e .list4 .tit { font-size: 18px; } 
  .esg-e .list5 strong { font-size: 31px; margin-bottom: 0; } 
  .esg-e .list5 strong span { font-size: 16px; } 
  .esg-e .list5 .desc { font-size: 16px; } 
  .esg-e .list9 .bottom { padding: 20px } 
  .esg-e .list9 .bottom th { font-size: 16px; } 
  .esg-e .list9 .bottom td { font-size: 16px; } 
  .esg-e .list9 .bottom td:nth-child(n + 2) { font-size: 19px; } 
  .esg-e .list12 .left li { padding: 15px 20px; } 
  .esg-e .list12 .left li p { font-size: 16px; } 
  .esg-e .list12 .left li strong { font-size: 19px; } 
  .esg-e .list13 th { font-size: 16px; } 
  .esg-e .list13 .add { font-size: 17px; } 
  .esg-e .list13 .add + td { font-size: 17px } 
  .esg-e .list14 .bottom > .right li { padding: 20px; } 
  .esg-e .list14 .bottom > .right strong { font-size: 23px; } 
  .esg-e .list14 .bottom > .right span { height: 22px; line-height: 22px; } 
  .esg-e .list14 .bottom > .right p { font-size: 16px; } 
  .esg-e .list15 .right .info { padding: 10px } 
  .esg-e .list15 .right .info li > div { margin-right: 10px; } 
}

/* ESG-S */
.esg-s .dot span { display: inline-block; width: 6px; height: 6px; background-color: #afafaf; border-radius: 50%; margin-right: 8px; } 
.esg-s .dot span:last-child { margin-right: 0; } 
.esg-s .list1 .right > ul > li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } 
.esg-s .list1 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list1 .right .dot { margin: 0 20px; } 
.esg-s .list1 .right .tit { width: 260px; padding: 25.25px 10px; text-align: center; background-color: #3176d0; border-radius: 3px; } 
.esg-s .list1 .right .tit strong { display: block; margin-bottom: 5px; font-size: 20px; color: #fff; font-family: 'ncb'; } 
.esg-s .list1 .right .tit p { font-size: 16px; color: #e3eefb; font-family: 'ncb'; } 
.esg-s .list1 .right .info { flex: 1; background-color: #f5f5f5; border-radius: 3px; padding: 11px 30px; } 
.esg-s .list1 .right .info li:first-child { margin-top: 0; } 
.esg-s .list-wrap .list3 { display: block; } 
.esg-s .list3 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } 
.esg-s .list3 .bottom > ul { display: flex; justify-content: space-between; padding: 30px; background-color: #f5f5f5; } 
.esg-s .list3 .bottom > ul > li { width: calc((100% / 3) - 20px) } 
.esg-s .list3 .bottom > ul > li .info::after { content: ''; display: block; clear: both; } 
.esg-s .list3 .bottom .info { padding: 25px 35px; background-color: #fff; } 
.esg-s .list3 .bottom strong { display: block; margin-bottom: 15px; font-size: 25px; color: #222; font-family: 'ncb'; } 
.esg-s .list3 .bottom .btn-style2 { float: right; margin-top: 22px; } 
.esg-s .list-wrap .list5 { display: block; } 
.esg-s .list5 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } 
.esg-s .list5 .bottom { width: 100%; margin-top: 20px; } 
.esg-s .list5 .bottom .dot { height: 340px; width: 2px; background-image: url('../../images/sub/dot-square-blue.jpg'); margin: 80px 0 20px; } 
.esg-s .list5 .box-list { display: flex; justify-content: space-between; align-items: center;gap: 20px; background-color: #f3f7fa; padding: 60px 140px 55px; margin-top: 20px; } 
.esg-s .list5 .box-list > div { width: calc(100% / 3);text-align: center; } 
.esg-s .list5 .box-list .img-box { display: inline-block;border: 2px solid #ddd; } 
.esg-s .list5 .box-list .img-box img { width: 100%; } 
.esg-s .list5 .box-list strong { display: block; margin-bottom: 5px; font-size: 22px; color: #3176d0; font-family: 'pb'; text-align: left; } 
.esg-s .list5 .box-list p { min-height: 90px;margin-bottom: 25px; color: #555; font-size: 18px; text-align: left; } 
.esg-s .list5 .box-list .desc { display: block; margin-top: 15px; } 
.esg-s .list7 .right {padding: 40px 30px;}
.esg-s .list7 .right > ul > li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 35px; } 
.esg-s .list7 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list7 .right .tit { position: relative; padding-right: 30px; margin-right: 15px; } 
.esg-s .list7 .right strong { display: block; background-image: url('../../images/sub/ideal-bg.jpg'); font-size: 19px; color: #fff; font-family: 'ncb'; background-color: #3479d1; border-radius: 3px; width: 180px; padding: 13.5px 0; text-align: center; } 
.esg-s .list7 .right .tit::after { content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 12px; margin-top: -6px; background-image: url('../../images/sub/double-arrow-og.png'); background-size: contain;; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); } 
.esg-s .list7 .right .info { padding: 11.5px 25px 11.5px 25px; background-color: #e5f5ff; border-radius: 3px; font-family: 'ncm'; font-size: 18px; border-radius: 3px; flex: 1; } 
.esg-s .list7 .right .info p { text-align: center; } 
.esg-s .list7 .con-list1 > ul > li { font-family: 'ncm'; letter-spacing: -.05em;} 
.esg-s .list7 .con-list1 > ul > li em { font-size: 17px; } 
.esg-s .list8 .right .top { margin-bottom: 30px; } 
.esg-s .list8 .right .top .num { display: block; margin-bottom: 18px; font-size: 18px; color :#222; font-family: 'ncm'; } 
.esg-s .list8 .right .top .num strong { font-size: 50px; color: #00abb3; font-family: 'gb'; } 
.esg-s .list8 .right .top p { font-size: 20px; } 
.esg-s .list8 .right .top { display: flex; justify-content: space-between; } 
.esg-s .list8 .right .top li { width: calc((100% / 2) - 15px); border: 2px solid #00abb3; border-radius: 3px; padding: 15px 30px; } 
.esg-s .list8 .right .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #f5f5f5; border-radius: 3px; padding: 25px 10px 25px 25px; } 
.esg-s .list8 .right .bottom li { display: flex; align-items: flex-start; width: 330px; margin-bottom: 43px; } 
.esg-s .list8 .right .bottom li:nth-child(n + 3) { margin-bottom: 0; } 
.esg-s .list8 .right .bottom strong { display: inline-block; min-width: 55px; text-align: right; margin-right: 15px; font-family: 'ncb'; font-size: 20px; color: #152e6e; width: 70px; } 
.esg-s .list8 .right .bottom p { min-width: 242px; font-size: 17px; color: #555; flex: 1; } 
.esg-s .list8 .right .bottom span { color: #222; font-family: 'ncm'; } 
.esg-s .list9 .left .content > ul > li { margin-bottom: 20px; } 
.esg-s .list9 .left .content > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list10 .right .dot { margin: 0 25px; } 
.esg-s .list10 .right > ul > li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; } 
.esg-s .list10 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list10 .right strong { display: flex; justify-content: center; align-items: center; font-size: 18px; color: #fff; font-family: 'ncb'; background-color: #3176d0; border-radius: 50%; text-align: center; width: 120px; height: 120px; padding: 0 20px; } 
.esg-s .list10 .right .tit::after { content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 12px; margin-top: -6px; background-image: url('../../images/sub/double-arrow-og.png'); background-size: contain;; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); } 
.esg-s .list10 .right .info { padding: 11.5px 25px 11.5px 25px; background-color: #f1f7ff; border-radius: 3px; font-family: 'pm'; font-size: 18px; border-radius: 3px; flex: 1; } 
.esg-s .list10 .right .info p { text-align: center; } 
.esg-s .list10 .con-list1 > ul > li { font-family: 'ncm'; font-size: 16px; } 
.esg-s .list10 .con-list1 > ul > li em { font-size: 17px; } 
.esg-s .list11 .left ul { display: flex; justify-content: space-between; } 
.esg-s .list11 .left li:nth-child(1) { width: 378px; margin-right: 30px; } 
.esg-s .list11 .left li:nth-child(2) { flex: 1; } 
.esg-s .list11 .right .img-box { margin-bottom: 27px; } 
.esg-s .list11 .right li { font-size: 20px; } 
.esg-s .list11 .right li i { font-family: 'ncb'; } 
.esg-s .list12 .left .info { flex: 1; background-color: #f2f6fc; border-radius: 3px; padding: 33px 30px 42px 30px; } 
.esg-s .list12 .circle-num-list > ul > li { font-size: 20px; } 
.esg-s .list13 .con-left { margin-right: 50px; border-radius: 5px; } 
.esg-s .list13 .con-left strong { font-size: 40px; color: #3176d0; font-family: 'gb'; } 
.esg-s .list13 .con-left strong i { font-family: 'ncm'; font-size: 20px; } 
.esg-s .list13 .con-left p { font-size: 20px; } 
.esg-s .list13 .right { position: relative; display: flex; justify-content: space-between; } 
/* .esg-s .list13 .right::before { content: ''; position: absolute; left: 0; top:80px; width:100%; height: 1px; margin-top: -0.5px; background-color: #d6d6d6; z-index: -1; }  */
.esg-s .list13 .con-left { width: 290px; background-color: #fff; box-shadow: 0 8px 20px 0 rgba(76, 106, 140, 0.2); padding: 10px 20px 10px 45px; } 
.esg-s .list13 .con-left p { font-size: 20px; line-height: 1.3; } 
.esg-s .list13 .con-right { flex: 1; } 
.esg-s .list13 .con-right > p { font-size: 22px; font-family: 'ncb'; line-height: 1.3; margin-bottom: 34px; } 
.esg-s .list13 .con-right > p span { display: block; color: #152e6e; } 
.esg-s .list13 .con-right > p sup { font-family: 'pm'; font-size: 15px; margin-left: 2px; } 
.esg-s .list13 .con-right > div { position: relative; display: flex; font-family: 'ncr'; padding-left: 16px; } 
.esg-s .list13 .con-right > div::before { content: '1)'; position: absolute; left: 0; top: 0; color: #152e6e; font-family: 'pm' } 
.esg-s .list13 .con-right > div i { font-family: 'ncm'; color: #152e6e; } 
.esg-s .list14 .right ul { display: flex; text-align: center; } 
.esg-s .list14 .right li { width: calc(100% / 3); } 
.esg-s .list14 .right li { display: flex; flex-direction: column; } 
.esg-s .list14 .right li strong { display: block; margin-bottom: 15px; font-size: 16px; font-family: 'ncb'; color: #00abb3; min-height: 60px;  padding: 0 15px;} 
.esg-s .list14 .right .info { position: relative; padding: 38px 20px; font-size: 18px; color: #555; background-color: #f5f5f5; border-radius: 3px; flex: 1; } 
.esg-s .list14 .right .info::before { content: ''; position: absolute; right: 0; top: 50%; margin-top: -47.5px; width: 1px; height: 95px; background-color: #ccc; } 
.esg-s .list14 .right li:last-child .info::before { display: none; } 
.esg-s .list.business .left ul { display: flex; justify-content: space-between; } 
.esg-s .list.business .left li { width: calc((100% / 3) - 13px); min-height: 135px; padding: 15px 10px 15px 20px; border: 2px solid #00abb3; border-radius: 3px; } 
.esg-s .list.business .left li strong { display: block; margin-bottom: 3px; font-size: 16px; } 
.esg-s .list.business .left li p { font-size: 20px; font-family: 'ncb'; color: #00abb3; line-height: 1.3; } 
.esg-s .list.list17 .left li { min-height: 100px; } 
.esg-s .list.list18 .right > ul > li { margin-bottom: 25px; } 
.esg-s .list.list18 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list.list18 .right .tit { display: block; margin-bottom: 5px; font-size: 22px; color: #3176d0; font-family: 'ncm'; } 
.esg-s .list.list18 .right .con-list1 { padding: 13px 20px; background-color: #f5f5f5; border-radius: 3px; } 
.esg-s .list.list20 .right .con-list1 { padding: 13px 20px; background-color: #f5f5f5; border-radius: 3px; } 
.esg-s .list.list20 .right .con-list1 em { font-size: 16px; color: #555; } 
.esg-s .list21 .right > ul > li { margin-bottom: 25px; } 
.esg-s .list21 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list21 .right .tit { display: block; margin-bottom: 5px; font-size: 22px; color: #3176d0; font-family: 'ncm'; } 
.esg-s .list21 .right .con-list1 { padding: 13px 20px; background-color: #f5f5f5; border-radius: 3px; } 
.esg-s .list21 .right .con-list1 em { font-size: 16px; color: #555; } 
.esg-s .list22 .left ul { background-color: #eff2fa; border-radius: 3px; padding: 23px 30px; } 
.esg-s .list22 .left li { display: flex; align-items: flex-start; margin-bottom: 15px; } 
.esg-s .list22 .left li:last-child { margin-bottom: 0; } 
.esg-s .list22 .left li strong { display: inline-block; min-width: 100px; margin-right: 20px; font-size: 17px; color: #3176d0; font-family: 'ncb'; } 
.esg-s .list22 .left li p { font-size: 16px; } 
.esg-s .list22 .left li p em { font-size: 16px; color: #555; } 
.esg-s .list-wrap .list23 { display: block; } 
.esg-s .list23 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } 
.esg-s .list23 .bottom { padding: 30px; background-color: #f5f5f5; } 
.esg-s .list23 .bottom > ul { display: flex; justify-content: space-between; } 
.esg-s .list23 .bottom > ul > li { width: calc((100% / 3) - 17px); } 
.esg-s .list23 .bottom .objHeading_h4 { min-height: 53px; font-size: 18px;} 
.esg-s .list23 .bottom .objHeading_h4 + div { margin: 30px 0 0; } 
.esg-s .list23 .bottom .wrap-step-banner { border: 0; padding: 0; } 
.esg-s .list23 .bottom .wrap-step-banner li:nth-child(odd) { width: 110px; height: 110px; text-align: center; background-color: #fff; } 
.esg-s .list23 .bottom .img-box + .desc { font-size: 15px; color: #555; margin-top: 5px; } 
.esg-s .list23 .bottom th { font-size: 16px; color: #fff; background-color: #3176d0; padding: 6.5px 10px; font-family: 'ncm'; font-weight: normal; } 
.esg-s .list23 .bottom th:first-child { border-radius: 3px 0 0 3px; } 
.esg-s .list23 .bottom th:last-child { border-radius: 0 3px 3px 0; } 
.esg-s .list23 .bottom td { font-size: 16px; font-family: 'ncb'; vertical-align: top; padding: 17.5px 20px; } 
.esg-s .list23 .bottom td { border-bottom: 1px solid #ddd; } 
.esg-s .list24 .left p { font-size: 18px; color: #555; } 
.esg-s .list24 .left p strong { font-size: 22px; color: #333; font-family: 'pb'; } 
.esg-s .list24 .left i { display: block; margin-top: 5px; font-size: 22px; font-family: 'ncb'; } 
.esg-s .list25 .left li { margin-bottom: 20px; } 
.esg-s .list25 .left li:last-child { margin-bottom: 0; } 
.esg-s .list26 .left .objHeading_h3 img { margin-top: 8px; } 
.esg-s .list26 .right > ul > li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } 
.esg-s .list26 .right > ul > li:last-child { margin-bottom: 0; } 
.esg-s .list26 .right .dot { margin: 0 20px; } 
.esg-s .list26 .right .tit { width: 260px; padding: 45.75px 10px; text-align: center; background-color: #3176d0; border-radius: 3px; } 
.esg-s .list26 .right .tit strong { display: block; font-size: 20px; color: #fff; font-family: 'ncb'; } 
.esg-s .list26 .right .info { flex: 1; background-color: #f5f5f5; border-radius: 3px; padding: 11px 30px 11px 60px; } 
.esg-s .list26 .right .info > div:first-child { display: flex; align-items: center; } 
.esg-s .list26 .right .info strong { margin-right: 8px; font-size: 19px; color: #222; font-family: 'ncb'; } 
.esg-s .list26 .right .info i { width: 50px; height: 25px; text-align: center; line-height: 25px; border-radius: 3px; font-size: 14px; color: #fff; font-family: 'pm'; background-color: #3176d0; } 
.esg-s .list27 .right { padding: 25px 25px; border: 1px solid #ddd; } 
.esg-s .list27 .right > ul { display: flex; margin-top: 25px; } 
.esg-s .list27 .right > ul > li { position: relative; width: calc(100% / 3); padding-right: 20px;} 
.esg-s .list27 .right > ul > li::before { content: ''; position: absolute; right: 17px; top: 0; width: 1px; height: 100%; background-color: #ddd; } 
.esg-s .list27 .right > ul > li:last-child::before { display: none; } 
.esg-s .list27 .right > ul > li strong { display: block; margin-bottom: 8px; font-size: 20px; font-family: 'pb'; } 
.esg-s .list27 .right .info li { font-size: 16px; } 
.esg-s .list27 .right li:last-child .info::before { display: none; } 
.esg-s .list28 .left li { margin-bottom: 20px; } 
.esg-s .list28 .left li:last-child { margin-bottom: 0; } 

@media screen and (max-width: 1480px){
  .esg-s .list1 .right .info { min-height: 123px; padding: 15px 30px 11px; } 
  .esg-s .list3 .bottom > ul > li { display: flex; flex-direction: column; width: calc((100% / 3) - 10px); } 
  .esg-s .list3 .bottom .info { flex: 1; } 
  .esg-s .list5 .box-list { flex-direction: column; padding:60px 100px 55px; } 
  .esg-s .list5 .box-list > div { width: 100%; margin-bottom: 100px; margin-right: 0; } 
  .esg-s .list5 .box-list > div:last-child { margin-bottom: 0; } 
  .esg-s .list5 .bottom .dot { display: none; } 
  .esg-s .list5 .box-list > div .img-box { width: 70%; } 
  .esg-s .list5 .box-list p {min-height: auto;}
  .esg-s .list23 .bottom > ul { flex-direction: column; } 
  .esg-s .list23 .wrap-step-banner { max-width: 600px; margin: 0 auto; } 
  .esg-s .list23 .wrap-step-banner li { border-radius: 50% !important; } 
  .esg-s .list23 .bottom > ul > li { width: 100%; margin-bottom: 40px; } 
  .esg-s .list23 .bottom > ul > li:last-child { margin-bottom: 0; } 
  .esg-s .list23 .bottom { padding: 70px 20px } 
  .esg-s .list23 .bottom .objHeading_h4 + div { width: 70%;margin: 20px auto 0; text-align: center;} 
  .esg-s .list27 .right > ul > li { padding-right: 35px; } 
  .esg-s .list26 .right .info{padding: 11px 30px;}
}

@media screen and (max-width: 1300px){
  .esg-s .list3 .bottom > ul > li {margin-bottom: 20px;}
  .esg-s .list3 .bottom > ul > li:last-child {margin-bottom: 0;}
  .esg-s .list3 .bottom strong { font-size: 22px; } 
  .esg-s .list3 .bottom .img-box {text-align: center;}
  .esg-s .list3 .bottom .img-box img {width: 73.8%;}
  .esg-s .list3 .bottom .info {width: 73.8%;margin: 0 auto;}
  .esg-s .list11 .left li:nth-child(1) { width: 60%; } 
  .esg-s .list11 .left li:nth-child(2) { width: 40%; } 
  .esg-s .list-wrap > .list.list11 > .right > .img-box { margin-bottom: 40px; } 
  .esg-s .list11 .left ul {padding: 0 120px;}
  .esg-s .list11 .right li { font-size: 20px; } 
  .esg-s .list11 .left li:nth-child(1) {width: 55%;}
  .esg-s .list11 .left li:nth-child(2) {width: 35%;flex: none;}
  .esg-s .list14 .right li strong{min-height: auto; padding: 0;}
}

@media screen and (max-width: 900px){
  .esg-s .list3 .bottom > ul { padding: 20px; } 
  .esg-s .list3 .bottom .info { padding: 15px 20px 20px 20px } 
  .esg-s .list3 .bottom strong { min-height: 40px; font-size: 20px; margin-bottom: 0; } 
  .esg-s .list11 .right li { font-size: 18px; } 
  .esg-s .list12 .circle-num-list > ul > li { font-size: 18px; } 
  .esg-s .list13 .right { flex-direction: column; } 
  .esg-s .list13 .right .con-left { margin-bottom: 48px; } 
  .esg-s .list13 .right .con-right { width: 100%; } 
  .esg-s .list13 .right::before { top:152px; } 
  .esg-s .list13 .con-left {width: 100%;max-width: 450px;;padding: 20px 20px 20px 45px;margin: 0 auto 48px;}
  .esg-s .list13 .con-left strong { font-size: 38px; } 
  .esg-s .list13 .con-right > p { margin-bottom: 15px; font-size: 23px; } 
  .esg-s .list13 .con-left p { font-size: 18px; } 
  .esg-s .list14 .right ul { flex-direction: column; } 
  .esg-s .list14 .right li { width: 100%; margin-bottom: 20px; } 
  .esg-s .list14 .right li:last-child { margin-bottom: 0; } 
  .esg-s .list14 .right .info::before { display: none; } 
  .esg-s .list.business .left ul { flex-direction: column; } 
  .esg-s .list.business .left li { width: 100%; text-align: center; min-height: 100px; margin-bottom: 10px; } 
  .esg-s .list.business .left li:last-child { margin-bottom: 0; } 
  .esg-s .list23 .bottom .wrap-step-banner { max-width: 450px; margin: 0 auto; } 
  .esg-s .list23 .bottom .wrap-step-banner ul { justify-content: space-between; } 
  .esg-s .list23 .bottom .wrap-step-banner li:nth-child(odd) { width: 100px; height: 100px; border-radius: 50%; } 
  .esg-s .list23 .bottom .wrap-step-banner li:nth-child(odd) strong { font-size: 17px; line-height: 1.3; } 
  .esg-s .list23 .bottom .wrap-step-banner li.arr { width: 25px; height: 25px; } 
  .esg-s .list23 .bottom .objHeading_h4 + div {width: 100%;}
  .esg-s .list27 .right { border: 0; } 
  .esg-s .list27 .right > ul { flex-direction: column; } 
  .esg-s .list27 .right > ul > li { width: 100%; margin-bottom: 20px; border: 1px solid #ddd; padding: 14px 20px; text-align: center; } 
  .esg-s .list27 .right > ul > li:last-child { margin-bottom: 0; } 
  .esg-s .list27 .right .info li { margin-bottom: 2px; text-align: left;} 
  .esg-s .list27 .right .info { padding: 0; } 
  .esg-s .list27 .right > ul > li::before { display: none; } 
}

@media screen and (max-width: 800px){
  .esg-s .list8 .right .bottom { flex-direction: column; } 
  .esg-s .list8 .right .bottom li { margin-bottom: 33px; } 
  .esg-s .list8 .right .bottom li:nth-child(n + 3) { margin-bottom: 33px; } 
  .esg-s .list8 .right .bottom li:last-child { margin-bottom: 0; } 
  .esg-s .list8 .right .bottom p { text-align: left; font-size: 16px; min-width: auto; } 
  .esg-s .list8 .right .bottom strong { font-size: 18px; text-align: left; } 
  .esg-s .list8 .right .bottom li { width: 100%; } 
  .esg-s .list8 .right .bottom strong { margin-right: 10px; } 
  .esg-s .list11 .left ul {padding: 0 20px;}
}

@media screen and (max-width: 700px){
  .esg-s .dot span { display: block; margin-right: 0; margin-bottom: 10px; } 
  .esg-s .dot span:last-child { margin-bottom: 0; } 
  .esg-s .list1 .right .tit { width: 100%;; padding: 15px 5px; } 
  .esg-s .list1 .right .tit strong { font-size: 20px; } 
  .esg-s .list1 .right .tit p { font-size: 16px; } 
  .esg-s .list1 .right .info { width: 100%; } 
  .esg-s .list1 .right .dot { margin: 15px 0; } 
  .esg-s .list1 .right > ul > li { flex-direction: column; } 
  .esg-s .list3 .bottom > ul { flex-direction: column; } 
  .esg-s .list3 .bottom > ul > li { width: 100%; margin-bottom: 20px; } 
  .esg-s .list3 .bottom > ul > li:last-child { margin-bottom: 0; } 
  .esg-s .list3 .bottom .img-box img {width: 100%;}
  .esg-s .list3 .bottom .info {width: 100%;} 
  .esg-s .list5 .box-list { flex-direction: column; padding: 25px 20px 35px; } 
  .esg-s .list5 .box-list > div { width: 100%; margin-bottom: 50px; } 
  .esg-s .list5 .box-list > div .img-box { width: 100%; } 
  .esg-s .list5 .box-list strong { font-size: 20px; } 
  .esg-s .list5 .box-list p { font-size: 16px; } 
  .esg-s .list7 .right > ul > li { flex-direction: column; } 
  .esg-s .list7 .right .tit { width: 100%; padding-right: 0; margin-right: 0; padding-bottom: 30px; margin-bottom: 20px; } 
  .esg-s .list7 .right .tit strong { width: 100%; padding: 18px; } 
  .esg-s .list7 .right .tit::after { right: auto; top:auto;; left: 50%; margin-left: -9px; bottom: -0; transform: rotate(0); width: 18px; height: 18px; } 
  .esg-s .list7 .right .info { width: 100%; padding: 20px 20px; } 
  .esg-s .list7 .right .con-list1 li { font-size: 18px !important; } 
  .esg-s .list7 .con-list1 > ul > li::before { top: 11px } 
  .esg-s .list8 .right .top { flex-direction: column; } 
  .esg-s .list8 .right .top > li { width: 100%; margin-bottom: 10px; } 
  .esg-s .list8 .right .top > li:last-child { margin-bottom: 0; } 
  .esg-s .list8 .right .top .num { margin-bottom: 0; } 
  .esg-s .list8 .right .top .num strong { font-size: 40px; } 
  .esg-s .list8 .right .top p { font-size: 18px; } 
  .esg-s .list10 .right > ul > li { flex-direction: column; } 
  .esg-s .list10 .right .dot { margin: 15px 0; } 
  .esg-s .list10 .right .info { width: 100%; } 
  .esg-s .list11 .right li { font-size: 16px; } 
  .esg-s .list12 .left .info { padding: 18px 30px 27px 30px } 
  .esg-s .list12 .circle-num-list > ul > li { font-size: 16px; } 
  .esg-s .list23 .bottom { padding: 40px 20px } 
  .esg-s .list26 .left .objHeading_h3 img { width: 11px; margin-top: 6px; } 
  .esg-s .list26 .right > ul > li { flex-direction: column; margin-bottom: 40px; } 
  .esg-s .list26 .right > ul > li > .tit { width: 100%; padding: 20px; font-size: 23px; } 
  .esg-s .list26 .right > ul > li > .info { width: 100%; } 
  .esg-s .list26 .right .dot { margin: 15px 0; } 
  .esg-s .list26 .right .tit strong { font-size: 18px; } 
  .esg-s .list26 .right .info strong {font-size: 18px; }
  .esg-s .list26 .right .info i { width: 45px; height: 20px; line-height: 20px; } 
  .esg-s .list.business .left li p {font-size: 23px;}
}

@media screen and (max-width: 500px) {.esg-s .list22 .left li strong { font-size: 17px; margin-right: 13px; } 
  .esg-s .list22 .left li p { font-size: 16px; } 
  .esg-s .list23 .bottom .wrap-step-banner ul { flex-direction: column; } 
  .esg-s .list23 .bottom .wrap-step-banner li:nth-child(odd) { width: 100%; border-radius: 0 !important; height: 80px; } 
  .esg-s .list23 .bottom th { font-size: 14px; } 
  .esg-s .list23 .bottom td { font-size: 15px; } 
  .esg-s .list24 .left p { font-size: 16px; } 
  .esg-s .list24 .left i { font-size: 20px; } 
  .esg-s .list27 .right { padding: 25px 0; } 
  .esg-s .list27 .right > ul > li strong { font-size: 20px; margin-bottom: 5px; } 
  .esg-s .list27 .right .info li { font-size: 16px; } 
}

/* ESG-G */
.esg-g .list1 .right .con-wrap { border: 1px solid #ccc; } 
.esg-g .list1 .right ul { display: flex; justify-content: space-between; } 
.esg-g .list1 .right li { display: flex; flex-direction: column; width: calc((100% / 3) - 7px); text-align: center; } 
.esg-g .list1 .right li strong { display: block; padding: 9px 0; font-size: 18px; font-family: 'pb'; border-radius: 3px; color: #fff; background-color: #00abb3; margin-bottom: 8px; } 
.esg-g .list1 .right li p { position: relative; flex: 1; padding: 7px 10px; font-size: 16px; background-color: #fff; } 
.esg-g .list1 .right li p::before { content: ''; position: absolute; right: -6px; top: 0;; width: 1px; height: 100%; background-color: #ddd; } 
.esg-g .list1 .right li:last-child p::before { display: none; } 
.esg-g .list1 .right .con-wrap { padding: 30px 30px 20px; border: 1px solid #ccc } 
.esg-g .list1 .right .con-wrap > div { margin-bottom: 30px; } 
.esg-g .list1 .right .con-wrap > div:last-child { margin-bottom: 0; } 
.esg-g .list1 .right li div:last-child { margin-bottom: 0; } 
.esg-g .list1 .right li p b {display: block;font-family: 'pb';text-align: center;font-size: 17px;}
.esg-g .list1 .right li p em {display: flex;margin: 3px 0 0;text-align: left;font-family: 'pr';}
.esg-g .list1 .right li p span {margin: 0 5px 0 0;}
.esg-g .list2 .left ul { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #eff2fa; border-radius: 3px; padding: 15px 20px 15px 35px; flex-direction: column; } 
.esg-g .list2 .left li { display: flex; align-items: flex-start; margin-bottom: 10px; } 
.esg-g .list2 .left li:last-child { margin-bottom: 0; } 
.esg-g .list2 .left strong { display: inline-block; min-width: 80px; text-align: right; margin-right: 15px; font-family: 'ncb'; font-size: 20px; color: #3176d0; } 
.esg-g .list2 .left p { font-size: 18px; } 
.esg-g .list2 .left p em { font-size: 16px; color: #555; } 
.esg-g .list2 .right { border: 1px solid #ccc; padding: 30px; } 
.esg-g .list2 .right strong { display: block; margin-bottom: 5px; font-size: 22px; color: #00abb3; font-family: 'ncb'; } 
.esg-g .list2 .right p { font-size: 18px; } 
.esg-g .list2 .right > ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.esg-g .list2 .right > ul > li { width: calc((100% / 2) - 10px); border: 2px solid #00abb3; border-radius: 3px; padding: 14px 20px; margin-bottom: 20px; } 
.esg-g .list2 .right > ul > li:nth-child(n + 3) { margin-bottom: 0; } 
.esg-g .list2 .right .con-list1 { margin-top: 10px; } 
.esg-g .list-wrap > .list3 { display: block; } 
.esg-g .list3 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.esg-g .list3 .left .desc-list { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; background-color: #eff2fa; border-radius: 3px; padding: 15px 20px 15px 35px;; margin-bottom: 20px; } 
.esg-g .list3 .left .desc-list li { display: flex; align-items: flex-start; margin-bottom: 10px; } 
.esg-g .list3 .left .desc-list li:last-child { margin-bottom: 0; } 
.esg-g .list3 .left .desc-list strong { display: inline-block; min-width: 55px; text-align: right; margin-right: 15px; font-family: 'ncb'; font-size: 20px; color: #3176d0; } 
.esg-g .list3 .left .desc-list p { font-size: 18px; } 
.esg-g .list3 .left .desc-list p em { font-size: 16px; color: #555; } 
.esg-g .list3 .left .box-list { display: flex; justify-content: space-between; } 
.esg-g .list3 .left .box-list li { width: calc((100% / 3) - 7px); border: 1px solid #3176d0; padding: 10px 18px } 
.esg-g .list3 .left .box-list strong { display: block; margin-bottom: 5px; font-size: 20px; color: #6eadff; font-family: 'ncb'; } 
.esg-g .list3 .left .box-list p { color: #555; font-size: 18px; } 
.esg-g .list3 .bottom .top-con .tit { position: relative; display: flex; justify-content: center; align-items: center; background-image: url('../../images/sub/ideal-bg.jpg'); font-size: 22px; color: #fff; font-family: 'ncb'; background-color: #3479d1; border-radius: 3px; width: 180px; padding: 13.5px 0; text-align: center; margin-right: 45px; } 
.esg-g .list3 .bottom > ul { display: flex; justify-content: space-between; } 
.esg-g .list3 .bottom > ul > li { width: calc((100% / 2) - 30px) } 
.esg-g .list3 .bottom .top-con { display: flex; justify-content: space-between; margin-bottom: 40px; } 
.esg-g .list3 .bottom .top-con .info { display: flex; justify-content: center; align-items: center; padding: 11.5px 25px 11.5px 25px; border-radius: 3px; font-family: 'ncm'; font-size: 18px; border-radius: 3px; flex: 1; background-color: #fff; } 
.esg-g .list3 .bottom .top-con .tit::before { content: ''; position: absolute; right: -31px; top: 50%; margin-top: -8px; width: 16px; height: 12px; background-size: contain; background-image: url('../../images/sub/double-arrow-og.png'); transform: rotate(-90deg); background-repeat: no-repeat; } 
.esg-g .list3 .bottom .box-list { display: flex; justify-content: space-between; } 
.esg-g .list3 .bottom .box-list > li { display: flex; flex-direction: column; width: calc((100% / 3) - 7px); } 
.esg-g .list3 .bottom .box-list > li strong { display: block; padding: 9px 5px; font-size: 17px; font-family: 'ncm'; border-radius: 3px; color: #fff; background-color: #00abb3; margin-bottom: 8px; text-align: center; } 
.esg-g .list3 .bottom .box-list > li p { position: relative; flex: 1; padding: 7px 10px; text-align: center; } 
.esg-g .list3 .bottom .con-list { position: relative; flex: 1; padding: 7px 10px; } 
.esg-g .list3 .bottom .con-list li { position: relative; padding-left: 13px; margin-bottom: 10px; } 
.esg-g .list3 .bottom .box-list > li strong em { font-size: 15px; } 
.esg-g .list3 .bottom .con-list li:last-child { margin-bottom: 0; } 
.esg-g .list3 .bottom .con-list li::before { content: ''; position: absolute; top: 9px; left: 0;; width: 5px; height: 5px; background-color: #3176d0; border-radius: 50%; } 
.esg-g .list3 .bottom .box-list > li p::before, .esg-g .list3 .bottom .con-list::before { content: ''; position: absolute; right: -6px; top: 0;; width: 1px; height: 100%; background-color: #ddd; } 
.esg-g .list3 .bottom .box-list > li:last-child p::before { display: none; } 
.esg-g .list3 .bottom { padding: 40px 30px 30px; background-color: #f5f5f5; } 
.esg-g .list3 .bottom .box-list li:last-child .con-list::before { display: none; } 
.esg-g .list7 .right { padding: 35px 30px 22px; border: 1px solid #ccc; background-color: #fff; } 
.esg-g .list7 .right .box-list1 { margin-bottom: 18px; } 
.esg-g .list7 .right .box-list1 .num { display: block; margin-bottom: 18px; font-size: 18px; color :#222; font-family: 'ncm'; } 
.esg-g .list7 .right .box-list1 .num strong { font-size: 50px; color: #00abb3; font-family: 'gb'; } 
.esg-g .list7 .right .box-list1 p { font-size: 20px; } 
.esg-g .list7 .right .box-list1 { display: flex; justify-content: space-between; } 
.esg-g .list7 .right .box-list1 li { width: calc((100% / 2) - 10px); border: 2px solid #00abb3; border-radius: 3px; padding: 15px 30px; background-color: #fff; } 
.esg-g .list7 .right .box-list2 { display: flex; justify-content: space-between; } 
.esg-g .list7 .right .box-list2 > li { display: flex; flex-direction: column; width: calc((100% / 3) - 7px); } 
.esg-g .list7 .right .box-list2 > li strong { display: block; padding: 9px 5px; font-size: 16px; font-family: 'ncm'; border-radius: 3px; color: #fff; background-color: #00abb3; margin-bottom: 8px; text-align: center; } 
.esg-g .list7 .right .box-list2 > li p { position: relative; flex: 1; padding: 7px 10px; text-align: center; } 
.esg-g .list7 .right .con-list { position: relative; flex: 1; padding: 7px 10px; } 
.esg-g .list7 .right .con-list li { position: relative; padding-left: 13px; margin-bottom: 5px; } 
.esg-g .list7 .right .box-list2 > li strong em { font-size: 15px; } 
.esg-g .list7 .right .con-list li:last-child { margin-bottom: 0; } 
.esg-g .list7 .right .con-list li::before { content: ''; position: absolute; top: 9px; left: 0;; width: 5px; height: 5px; background-color: #3176d0; border-radius: 50%; } 
.esg-g .list7 .right .box-list2 > li p::before, .esg-g .list7 .right .con-list::before { content: ''; position: absolute; right: -6px; top: 0;; width: 1px; height: 100%; background-color: #ddd; } 
.esg-g .list7 .right .box-list2 > li:last-child p::before { display: none; } 
.esg-g .list8 .left { padding: 0 0 40px 30px; } 
.esg-g .list8 .right > .content {margin-top: 30px !important;}
.esg-g .list8 .right > .content > ul > li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 35px; } 
.esg-g .list8 .right > .content > ul > li:last-child { margin-bottom: 0; } 
.esg-g .list8 .right .tit { position: relative; padding-right: 30px; margin-right: 15px; } 
.esg-g .list8 .right strong { display: block; background-image: url('../../images/sub/ideal-bg.jpg'); font-size: 22px; color: #fff; font-family: 'pb'; background-color: #3479d1; border-radius: 3px; width: 180px; padding: 23.5px 10px; text-align: center; } 
.esg-g .list8 .right .tit::after { content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 12px; margin-top: -6px; background-image: url('../../images/sub/double-arrow-og.png'); background-size: contain;; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); } 
.esg-g .list8 .right .info { display: flex; justify-content: center; align-items: center; padding: 13px 15px 13px 25px; background-color: #e5f5ff; border-radius: 3px; font-family: 'pm'; font-size: 18px; border-radius: 3px; flex: 1; min-height: 80px; } 
.esg-g .list9 .right { padding: 20px 40px 32px; border: 1px solid #ccc; } 
.esg-g .list9 .right .box-wrap { width: 100%; max-width: 530px; margin: 35px auto 0; } 
.esg-g .list9 .right .box-wrap ul { position: relative; display: flex; padding-top: 102px; justify-content: space-between; } 
.esg-g .list9 .right .box-wrap li { position: relative; display: flex; justify-content: center; align-items: center; width: calc((100% / 2) - 15px); border: 2px solid #00abb3; color: #00abb3; font-family: 'ncb'; text-align: center; min-height: 70px; font-size: 17px; } 
.esg-g .list9 .right .box-wrap li:nth-child(2) { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #00abb3; color: #fff; font-size: 18px; } 
.esg-g .list9 .right .box-wrap strong { display: block; text-align: center; color: #121212;; font-size: 22px; font-family: 'ncb'; margin-bottom: 10px; } 
.esg-g .list9 .right .box-wrap ul::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%); width:53%; height: 1px; background-color: #ddd; } 
.esg-g .list9 .right .box-wrap li:nth-child(1)::before { content: ''; position: absolute; left: 50%; top: -18px; margin-left: -0.5px; width:1px; height: 16px; background-color: #ddd; } 
.esg-g .list9 .right .box-wrap li:nth-child(2)::before { content: ''; position: absolute; left: 50%; bottom: -18px; margin-left: -0.5px; width:1px; height: 16px; background-color: #ddd; } 
.esg-g .list9 .right .box-wrap li:nth-child(3)::before { content: ''; position: absolute; left: 50%; top: -18px; margin-left: -0.5px; width:1px; height: 16px; background-color: #ddd; } 
.esg-g .list-wrap > .list10 { display: block; } 
.esg-g .list10 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.esg-g .list10 .bottom { background-color: #f5f5f5; padding: 18px 32px; } 
.esg-g .list10 .bottom .con-wrap { display: flex; justify-content: space-between; } 
.esg-g .list10 .bottom .con-wrap > li { width: calc((100% / 3) - 27px); } 
.esg-g .list10 .bottom .desc { font-size: 18px; min-height: 90px; margin-bottom: 16px; } 
.esg-g .list10 .bottom .box { padding: 15px 30px; border :1px solid #ddd; background-color: #fbfbfb; border-radius: 3px; } 
.esg-g .list10 .bottom .box > div { display: flex; margin-bottom: 8px; } 
.esg-g .list10 .bottom .box > div:last-child { margin-bottom: 0; } 
.esg-g .list10 .bottom .list-tit { min-width: 68px; margin-right: 15px; font-size: 18px; color: #3176d0; font-family: 'ncb'; } 
.esg-g .list10 .bottom p { margin-top: 1px; font-size: 18px; color: #333; } 
.esg-g .list10 .bottom .con-list1 li { display: flex; padding-left: 12px; margin-top: 5px; } 
.esg-g .list10 .bottom .con-list1 li::before { top: 9px } 
.esg-g .list10 .bottom .con-list1 p { font-size: 15px; } 
.esg-g .list10 .bottom .con-list1 i { font-size: 16px; color: #152e6e; margin-right: 5px; width: 50px;} 
.esg-g .list10 .bottom .box em { color: #555; font-size: 16px; } 
.esg-g .list10 .bottom .box .wrap { display: flex; } 
.esg-g .list10 .bottom li:last-child .box { padding: 40px 30px } 
.esg-g .list10 .bottom li { margin-top: 18px; } 
.esg-g .list10 .bottom .circle-num-list li:first-child { margin-top: 0; } 
.esg-g .list11 .left > .content > ul > li { margin-bottom: 25px; } 
.esg-g .list11 .left > .content > ul > li:last-child { margin-bottom: 0; } 
.esg-g .list11 .left .tit { display: flex; margin-bottom: 12px; font-size: 20px; font-family: 'ncm'; } 
.esg-g .list11 .left .tit strong { margin-right: 4px; font-family: 'ncb'; color: #121212; white-space: nowrap; } 
.esg-g .list11 .left .con-list1 { padding: 13px 20px; background-color: #eff2fa; border-radius: 3px; } 
.esg-g .list11 .right .tit { display: none; margin-top: 8px; font-size: 18px; color: #333333; font-family: 'ncm'; text-align: center; } 
.esg-g .list11 .right .tit.on { display: block; } 
.esg-g .list-wrap > .list12 { display: block; } 
.esg-g .list12 .flex-wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.esg-g .list12 .bottom { display: flex; background-color: #f5f5f5; padding: 28px 30px 40px; } 
.esg-g .list12 .bottom .chart { margin-top: 20px; padding: 20px 125px 10px 40px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; } 
.esg-g .list12 .bottom .chart li { display: flex; align-items: center; margin-bottom: 10px; } 
.esg-g .list12 .bottom .chart li:last-child { margin-bottom: 0; } 
.esg-g .list12 .bottom .chart li strong { display: inline-block; min-width: 63px; margin-right: 18px; font-family: 'ncb'; font-size: 20px; color: #222; } 
.esg-g .list12 .bottom .chart .progress { padding: 5px 15px; background-color: #d8eaf9; } 
.esg-g .list12 .bottom .chart li:nth-child(1) .progress { width: 67.6%; } 
.esg-g .list12 .bottom .chart li:nth-child(2) .progress { width: 75.4%; } 
.esg-g .list12 .bottom .chart li:nth-child(3) .progress { width: 71.1%; } 
.esg-g .list12 .bottom .chart li:nth-child(4) .progress { width: 83.2%; } 
.esg-g .list12 .bottom .chart span { font-size: 18px; color: #3176d0; font-family: 'pm'; } 
.esg-g .list12 .bottom .noti-txt { font-size: 16px; } 
.esg-g .list12 .bottom .circle-num-list { position: relative; padding: 20px 40px; margin-top: 60px; border: 1px solid #3176d0; border-radius: 3px; background-color: #eff2fa; } 
.esg-g .list12 .bottom .circle-num-list::before { content: ''; position: absolute; left: 50%; top: -45px; transform: translateX(-50%) rotate(-90deg)
  ; width: 30px; height: 30px; background-color: #3176d0;; background-image: url('../../images/sub/circle-arrow.png'); background-repeat: no-repeat; border-radius: 50%; background-position: center; } 
.esg-g .list12 .bottom .circle-num-list li { font-size: 20px; } 
.esg-g .list12 .bottom .circle-num-list li:first-child { margin-top: 0; } 
.esg-g .list12 .bottom .left { width: 640px; margin-right: 10px; } 
.esg-g .list12 .bottom .left .con-desc{line-height: 1.5; margin-top: 10px;}
.esg-g .list12 .bottom .left > div { margin-bottom: 30px; } 
.esg-g .list12 .bottom .left > div:nth-child(3){margin-bottom: 0;}
.esg-g .list12 .bottom .left > div:last-child { margin-bottom: 0; } 
.esg-g .list12 .bottom .right { flex: 1; } 
.esg-g .list14 .left .con-list { display: flex; justify-content: space-between; margin-top: 50px;width: 580px; } 
.esg-g .list14 .left li { width: calc((100% / 4) - 15px); text-align: center; } 
.esg-g .list14 .left .icon { background-color: #e5f5ff; border-radius: 3px; height: 130px; display: flex; align-items: center; justify-content: center; } 
.esg-g .list14 .left span { display: block; margin-top: 10px; font-size: 15px; color: #121212; font-family: 'ncm'; line-height: 1.2; } 
.esg-g .list16 .right { background-color: #eff2fa; padding: 30px 20px; } 
.esg-g .list16 .right > div { display: flex; align-items: center; } 
.esg-g .list16 .right .circle { position: relative; display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; margin-right: 65px; background-color: #3176d0; border-radius: 50%; text-align: center; flex-shrink: 0; } 
.esg-g .list16 .right .circle::before { content: ''; position: absolute; right: -20px; top: 50%; margin-top: -0.5px; width: 20px; height: 1px; background-color: #3176d0; } 
.esg-g .list16 .right .circle > div{padding: 0 15px;}
.esg-g .list16 .right .circle span { color: #fff; font-family: 'ncm'; font-size: 16px; } 
.esg-g .list16 .right .circle strong { display: block; color: #fff; font-family: 'ncb'; font-size: 20px; } 
.esg-g .list16 .right .box-list { position: relative; width: 100%; } 
.esg-g .list16 .right .box-list::before { content: ''; position: absolute; left: -46px; top: 50%; margin-top: -20%; width: 1px; height: 63.5%; background-color: #3176d0; } 
.esg-g .list16 .right .box-list .num { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 13px; color: #fff; background-color: #3176d0; border-radius: 50%; } 
.esg-g .list16 .right .box-list li { position: relative; display: inline-block; width: calc((100% / 3) - 5px);  padding: 20px 5px; background-color: #fff; border: 1px solid #3176d0 } 
.esg-g .list16 .right .box-list li:last-child { margin-right: 0; } 
.esg-g .list16 .right .box-list li:first-child { display: block; margin-bottom: 85px; margin-right: 0; } 
.esg-g .list16 .right .box-list li:nth-child(1)::before { content: ''; position: absolute; left: -47px; top: 50%; margin-top: -0.5px; width: 47px; height: 1px; background-color: #3176d0; } 
.esg-g .list16 .right .box-list li:nth-child(2)::before { content: ''; position: absolute; left: -47px; top: 50%; margin-top: -0.5px; width: 47px; height: 1px; background-color: #3176d0; } 
.esg-g .list16 .right .box-list li > div { display: flex; position: relative; padding-left: 28px; } 
.esg-g .list16 .right .box-list li > div::before { position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background-color: #3176d0; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; font-size: 13px; } 
.esg-g .list16 .right .box-list span { position: relative; font-size: 15px; color: #777; } 

.esg-g .list16 .right .box-list li:nth-child(1)::after{content: "提供"; position: absolute; left: -40px; top: 24%; color: #222222;}
.esg-g .list16 .right .box-list li:nth-child(2):after{content: "未提供"; position: absolute; left: -50px; bottom: 24%; color: #222222;}

.esg-g .list16 .right .box-list li:nth-child(1) div::before { content: '1'; } 
.esg-g .list16 .right .box-list li:nth-child(2) div::before { content: '2'; } 
.esg-g .list16 .right .box-list li:nth-child(3) div::before { content: '3'; } 
.esg-g .list16 .right .box-list li:nth-child(4) div::before { content: '4'; } 
.esg-g .list16 .right .box-list strong { display: block; font-size: 18px; color: #121212; font-family: 'ncb'; } 

@media screen and (max-width: 1500px) {
  .esg-g .list16 .right .circle {width: 115px;height: 115px;margin-right: 35px;}
  .esg-g .list16 .right .circle span {font-size: 14px;}

  .esg-g .list16 .right .box-list::before {left: -26px;height: 205px;margin-top: -102px;}
  .esg-g .list16 .right .box-list li {min-height: 120px;}
  .esg-g .list16 .right .box-list li:nth-child(1)::before {left: -27px;width: 27px;}
  .esg-g .list16 .right .box-list li:nth-child(2)::before {left: -27px;width: 27px;}
  .esg-g .list16 .right .circle::before {width: 10px;right: -10px;}
  .esg-g .list16 .right .box-list strong {font-size: 20px;}
  .esg-g .list16 .right .box-list span {font-size: 16px;}
  .esg-g .list16 .right .box-list li > div::before {top: 1px;}
  /* .esg-g .list16 .right .box-list li:nth-child(2):after {bottom: 24%; right: 104%;} */
  .esg-g .list16 .right .box-list li > div::before {width: 18px;height: 18px;}
  .esg-g .list16 .right .box-list li > div {padding-left: 23px;}
  .esg-g .list16 .right .box-list strong {line-height: 1.2;}
}

@media screen and (max-width: 1300px){
  .esg-g .list3 .bottom > ul > li:nth-child(2) .top-con { margin-top: 40px; } 
  .esg-g .list10 .bottom li { margin-bottom: 40px; } 
  .esg-g .list10 .bottom li:last-child { margin-bottom: 0; } 
  .esg-g .list10 .bottom .desc { min-height: auto; } 
  .esg-g .list10 .bottom .img-box { text-align: center; } 
  .esg-g .list12 .bottom .right { margin-top: 50px; } 
  .esg-g .list14 .left .con-list { max-width: 580px; margin: 30px auto 0; width: auto;} 
  .esg-g .list14 .left span { font-size: 16px; line-height: 1.4; } 
  .esg-g .list-wrap > .list16 .right { margin-top: 20px; } 
  .esg-g .list16 .right .box-list li { margin-top: 20px; min-height: auto; width: calc((100% / 3) - 10px); margin-right: 10px;} 
  .esg-g .list16 .right .box-list li:nth-child(1)::after{font-size: 14px;}
  .esg-g .list16 .right .box-list li:nth-child(2):after{font-size: 14px;}
  .esg-g .list16 .right .box-list::before {height: 195px;margin-top: -87px;}
  .esg-g .list9 .right .box-wrap li:nth-child(1)::before {top: -18px;height: 16px;}
  .esg-g .list9 .right .box-wrap li:nth-child(3)::before {top: -18px;height: 16px;}

}

@media screen and (max-width: 900px){
  .esg-g .list16 .right { display: flex; align-items: center; justify-content: center; } 
  .esg-g .list16 .right .box-list li { display: block; width: 100%; } 
  .esg-g .list16 .right .circle { transform: translateY(-110px); } 
  .esg-g .list16 .right .circle span { font-size: 16px; } 
  .esg-g .list16 .right .circle strong { font-size: 20px; } 
  .esg-g .list16 .right .box-list span { font-size: 16px; } 
  .esg-g .list16 .right .box-list strong { font-size: 20px; } 
  .esg-g .list16 .right .box-list li { padding: 20px 10px 20px 20px; } 
  .esg-g .list16 .right .box-list li > div { padding-left: 26px; } 
  .esg-g .list16 .right .box-list li > div::before { top: 3px; width: 18px; height: 18px; line-height: 18px; font-size: 12px; } 
  .esg-g .list16 .right .box-list::before { height: 176px; margin-top: -188px; } 
}

@media screen and (max-width: 700px){
  .esg-g .list1 .right ul { display: block;width: 100%; } 
  .esg-g .list1 .right li { width :100%; } 
  .esg-g .list1 .right li strong { font-size: 17px; margin-bottom: 0; } 
  .esg-g .list1 .right li em {margin: 20px 0 0;}
  .esg-g .list1 .right li p { font-size: 16px; padding: 15px 10px; background-color: #fff; } 
  .esg-g .list1 .right li p::before {display: none;}
  .esg-g .list1 .right li::before { display: none } 
  .esg-g .list1 .right li i { font-size: 18px; margin-bottom: 8px; } 
  .esg-g .list1 .right li p { font-size: 16px; } 
  .esg-g .list1 .right li p b {margin: 0 0 10px;}
  .esg-g .list2 .left ul { padding: 15px 20px 15px 20px; } 
  .esg-g .list2 .left strong { white-space: nowrap; min-width: auto; text-align: left; font-size: 18px; } 
  .esg-g .list2 .left p { font-size: 16px; } 
  .esg-g .list2 .right > ul > li { width: 100%; } 
  .esg-g .list2 .right > ul > li:nth-child(n + 3) { margin-bottom: 20px; } 
  .esg-g .list2 .right > ul > li:last-child { margin-bottom: 0; } 
  .esg-g .list2 .right strong { font-size: 18px; } 
  .esg-g .list2 .right p { font-size: 16px; } 
  .esg-g .list3 .left .desc-list { padding: 15px 20px 15px 20px; } 
  .esg-g .list3 .left .desc-list strong { white-space: nowrap; min-width: auto; text-align: left; font-size: 18px; } 
  .esg-g .list3 .left .desc-list p { font-size: 16px; } 
  .esg-g .list3 .left .box-list { flex-direction: column; } 
  .esg-g .list3 .left .box-list li { width: 100%; margin-bottom: 15px; } 
  .esg-g .list3 .left .box-list li:last-child { margin-bottom: 0; } 
  .esg-g .list3 .left .box-list strong { font-size: 18px; } 
  .esg-g .list3 .left .box-list p { font-size: 16px; } 
  .esg-g .list3 .bottom .top-con { flex-direction: column; align-items: center; } 
  .esg-g .list3 .bottom .top-con .tit { width: 150px; margin-bottom: 35px; margin-right: 0; font-size: 20px; padding: 10px; } 
  .esg-g .list3 .bottom .top-con .tit::before { left: 50%; right: auto; margin-left: -4px; margin-top: 0; top: 62px; transform: rotate(0); } 
  .esg-g .list3 .bottom .top-con .info { width: 100%; padding: 17px; } 
  .esg-g .list3 .bottom .box-list { flex-direction: column; } 
  .esg-g .list3 .bottom .box-list > li { width: 100%; } 
  .esg-g .list3 .bottom .box-list > li strong { font-size: 17px; margin-bottom: 0; } 
  .esg-g .list3 .bottom .box-list > li p { font-size: 16px; padding: 15px 10px; } 
  .esg-g .list3 .bottom .box-list > li p::before, .esg-g .list3 .bottom .con-list::before {display: none;}
  .esg-g .list7 .right .box-list1 { flex-direction: column; } 
  .esg-g .list7 .right .box-list1 li { width: 100%; margin-bottom: 12px; } 
  .esg-g .list7 .right .box-list1 li:last-child { margin-bottom: 0; } 
  .esg-g .list7 .right .box-list1 .num strong { font-size: 36px; } 
  .esg-g .list7 .right .box-list1 p { font-size: 18px; } 
  .esg-g .list7 .right .box-list1 .num { margin-bottom: 0; } 
  .esg-g .list7 .right .box-list2 { flex-direction: column; } 
  .esg-g .list7 .right .box-list2 > li { width: 100%; } 
  .esg-g .list7 .right .box-list2 > li strong { font-size: 17px; margin-bottom: 0; } 
  .esg-g .list7 .right .box-list2 > li p { font-size: 16px; padding: 15px 10px; } 
  .esg-g .list7 .right .con-list::before {display: none;}
  .esg-g .list8 .left{padding: 30px 30px 0;}
  .esg-g .list8 .right > .content > ul > li { flex-direction: column; align-items: center; } 
  .esg-g .list8 .right .tit { margin-right: 0; padding-right: 0; } 
  .esg-g .list8 .right strong { width: 150px; margin-bottom: 35px; margin-right: 0; font-size: 20px; padding: 10px; } 
  .esg-g .list8 .right .tit::after { left: 50%; right: auto; margin-left: -4px; margin-top: 0; top: 62px; transform: rotate(0); } 
  .esg-g .list8 .right .info { width: 100%; padding: 17px; } 
  .esg-g .list8 .right .box-list li { width: calc((100% / 3) - 5px); } 
  .esg-g .list8 .right .box-list li span { font-size: 16px; line-height: 1.4; padding: 8px } 
  .esg-g .list8 .right .box-list ul:after { font-size: 16px; } 
  .esg-g .list8 .right .desc { padding: 15px 12px; } 
  .esg-g .list9 .left .tit { font-size: 18px; } 
  .esg-g .list9 .right .tit { font-size: 18px; } 
  .esg-g .list9 .right .box-wrap { margin: 20px auto 0; } 
  .esg-g .list9 .right .box-wrap strong { font-size: 20px; } 
  .esg-g .list9 .right .box-wrap li:nth-child(2) { font-size: 18px; } 
  .esg-g .list9 .right .box-wrap li { width: calc((100% / 2) - 6px); min-height: 60px;font-size: 16px; } 
  .esg-g .list9 .right .box-wrap li:nth-child(1)::before {height:25px; top:-27px;}
  .esg-g .list9 .right .box-wrap ul::before {top:77px; width:51%;}
  .esg-g .list9 .right .box-wrap li:nth-child(3)::before {height:25px; top:-27px;}
  .esg-g .list10 .bottom .list-tit { min-width: 50px; font-size: 18px; } 
  .esg-g .list10 .bottom p { font-size: 16px; } 
  .esg-g .list10 .bottom .box em { font-size: 15px; } 
  .esg-g .list10 .bottom .con-list1 i { white-space: nowrap; } 
  .esg-g .list10 .bottom li { margin-bottom: 17px; } 
  .esg-g .list10 .bottom .desc { font-size: 15px; } 
  .esg-g .list11 .left .tit {font-size: 18px;} 
  .esg-g .circle-num-list > ul > li .num { top: 2px; font-size: 12px; } 
  .esg-g .list12 .bottom .chart { padding: 20px 30px 10px 20px; } 
  .esg-g .list12 .bottom .chart li strong { min-width: 60px; font-size: 18px; } 
  .esg-g .list12 .bottom .chart span { font-size: 16px; } 
  .esg-g .list12 .bottom .circle-num-list li{font-size: 16px;padding-left: 25px;}
  .esg-g .list14 .bottom li { margin-bottom: 0; } 
  .esg-g .list14 .bottom li:last-child .box { padding: 25px; } 
  .esg-g .list14 .bottom { padding: 28px 15px 40px } 
  .esg-g .list14 .bottom .circle-num-list li { font-size: 16px; } 
  .esg-g .list14 .left .con-list{flex-wrap: wrap;}
  .esg-g .list14 .left li { width: calc(100% / 2 - 10px); margin-bottom: 20px;} 
  .esg-g .list16 .right .circle { width: 115px; height: 115px; margin-right: 42px; transform: translateY(-100px); } 
  .esg-g .list16 .right .box-list span { font-size: 15px; } 
  .esg-g .list16 .right .circle strong { font-size: 18px; } 
  .esg-g .list16 .right .box-list span { font-size: 15px; white-space: nowrap; } 
  .esg-g .list16 .right .box-list strong { font-size: 18px; white-space: nowrap; } 
  .esg-g .list16 .right .circle::before { right: -19px; width: 19px; } 
  .esg-g .list16 .right .box-list li:nth-child(1)::before { left: -25px; width: 25px; } 
  .esg-g .list16 .right .box-list::before { left: -24px; height: 163px; margin-top: -169px; } 
  .esg-g .list16 .right .box-list li:nth-child(2)::before { left: -25px; width: 25px; } 
  .esg-g .list16 .right .box-list li { padding: 15px 5px; }   
  .esg-g .list16 .right .box-list li:nth-child(1)::after{right: 109%;top: 17%; font-size: 15px;}
  .esg-g .list16 .right .box-list li:nth-child(2):after{ right: 105%; font-size: 15px; bottom: 17%; }

}

/*** [E] ESG ***/

/* [S] 1~3단계 건설공사단계 */
.constr-step .slide-list {position: relative;}
.constr-step .slide-list .slide-btn { position: relative; width: 26px; height: 42px;background-image: url('../../images/sub/arrow-gray.png');background-repeat: no-repeat;background-position: center; background-size: contain;} 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;}
.constr-step .slide-list .slide-btn::after { display: none; } 
.constr-step .slide-list .swiper-button-prev {position: absolute;left: 0;;top: 50%;margin-top: -20.5px;}
.constr-step .slide-list .swiper-button-next {position: absolute;right: 0;;top: 50%;margin-top: -20.5px;transform: rotate(180deg);}
.constr-step .img-list ul { display: flex; justify-content: space-between; } 
.constr-step .img-list li { position: relative; width: calc((100% / 3) - 20px); text-align: center; } 
.constr-step3 .img-list li {width: calc((100% / 2) - 15px);}
.constr-step .img-list .img-box { position: relative; margin-bottom: 75px;z-index: 0; } 
.constr-step .img-list .img-box img { position: relative; } 
.constr-step .img-list .icon { position: absolute; left: 50%; margin-left: -65px; bottom: -65px; width: 130px; height: 130px; padding: 10px; border-radius: 50%; background-color: #fff; border-radius: 50%; } 
.constr-step .img-list .icon > div { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  border-radius: 50%; padding: 0 10px } 
.constr-step1 .img-list .icon > div {background-color: #eef7fe;}
.constr-step2 .img-list .icon > div {background-color: #fef7ee;}
.constr-step3 .img-list .icon > div {background-color: #eef8f9;}
.constr-step .img-list .icon > div img { transform: translateY(-5px); } 
.constr-step .img-list span { font-size: 20px; color: #555; font-family: 'ncm';margin-right: 12px; } 
.constr-step .img-list strong { font-size: 30px; color: #111; font-family: 'ncb'; } 
.constr-step .icon-list-wrap {display: flex;justify-content: center;align-items: center; padding: 49px 110px;min-height: 350px; background-color: #f9f9f9; } 
.constr-step .icon-list-wrap ul { display: flex; justify-content: space-between; width: 100%;} 
.constr-step .icon-list-wrap li {text-align: center;} 
.constr-step .icon-list-wrap span { font-size: 20px; color: #222; font-family: 'ncm'; } 
.constr-step .icon-list-wrap i { display: block;min-height: 60px;line-height: 60px;font-size: 25px; color: #222; font-family: 'ncm'; } 
.constr-step .icon-list-wrap strong { font-size: 40px; } 
.constr-step .icon-list-wrap em {display: block;position:relative;font-size: 18px;font-family: 'ncm';color: #777;transform: translateY(-17px)}
.constr-step .icon-list-wrap em img {margin-top: 4px}
.constr-step .slide-list {padding: 0 55px;}
.constr-step .slide-list .swiper-container {overflow: hidden;}
.constr-step .slide-list .swiper-slide {min-height: 180px;border: 2px solid #152e6e;padding: 14px 18px;}
.constr-step .slide-list .swiper-slide {display: flex;flex-direction: column;justify-content: space-between;}
.constr-step .slide-list .swiper-slide > div:nth-child(1) {align-self: flex-start;}
.constr-step .slide-list .swiper-slide > div:nth-child(2) {align-self: flex-end; text-align: right;}
.constr-step .slide-list span {color: #222;font-size: 20px;}
.constr-step .slide-list strong {font-family: 'ncb';font-weight: bold;font-size: 20px;margin-top: 5px;line-height: 1.2; }
.constr-step .slide-list strong > em {font-family: 'ncm';font-size: 20px; }
.constr-step .slide-list ul li {position: relative; padding-left: 10px; letter-spacing: normal;}
.constr-step .slide-list ul li::before {content: ''; display: inline-block; position: relative; left: -5px; top: -1px; width: 4px; height: 4px; background: #152e6e; border-radius: 100%; vertical-align: middle;} 
.grade-popup {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.grade-popup.on {display: block;}
.grade-popup .info-box {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 1000px;width: 100%;padding: 0 12px 0 45px;background-color: #fff;z-index: 150;padding-right: 12px;background-image: url('../../images/sub/popup-bg-logo.jpg');background-position: top right 80px;background-repeat: no-repeat;}
.grade-popup .popup-close {position: absolute;right: 45px;top:30px;width: 35px; height: 35px;border: 2px solid #00abb3;padding: 0px;cursor: pointer; }
.grade-popup .popup-close > span {position: absolute;left: 50%;top: 50%;background: url(../../images/sub/close-btn.png) no-repeat center; width: 16px; height: 16px;transition: all 0.3s; margin-left: -8px; margin-top: -8px; }
.grade-popup .popup-close:hover > span {transform: rotate(180deg);}
.grade-popup .tit-wrap {padding-right: 33px;}
.grade-popup .tit {padding: 20px 0;font-size: 30px;color: #111;font-family: 'pb';}
.grade-popup .line {display: flex;height: 2px;}
.grade-popup .line span {display: block;}
.grade-popup .line span:nth-child(1) {width: 11%;background-color: #3176d0;}
.grade-popup .line span:nth-child(2) {width: 4%;background-color: #fa9d1c;}
.grade-popup .line span:nth-child(3) {width: 100%;background-color: #00abb3;}
.grade-popup .scroll-wrap {width: 100%;height: 780px;overflow-y: auto;padding: 0 0 30px 0;}
.grade-popup .info-box .objHeading_h3 {margin-top: 0;}
.grade-popup .black-box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 100;}
.grade-popup .info .flex-wrap {display: flex;justify-content: space-between;padding-top: 20px;}
.grade-popup .info .flex-wrap .left {flex: 1;margin-right: 70px;}
.grade-popup .info .flex-wrap .right {width: 220px;margin-right: 44px;}

@media screen and (max-width: 1480px) {
  .grade-popup .info-box {max-width: 100%;width: calc(100% - 400px);min-width: 600px;}
}

@media screen and (max-width: 1300px) {
  .constr-step .img-list li {width: calc((100% /3) - 10px);}
  .constr-step3 .img-list li {width: calc((100% / 2) - 10px);} 
  .constr-step .img-list .img-box {margin-bottom: 5vw;}
  .constr-step .img-list .icon {width: 10vw;height: 10vw;bottom: -5vw;margin-left: -5vw;}
  .constr-step .icon-list-wrap {padding: 55px 20px}
  .constr-step .icon-list-wrap li {width: 25%;margin-right: 10px;}
  .constr-step .icon-list-wrap li:last-child {margin-right: 0;}
  .constr-step .icon-list-wrap strong {font-size: 28px;}
  .constr-step .icon-list-wrap i {min-height: auto;line-height: 1.5;font-size: 18px;}
  .constr-step .icon-list-wrap span {font-size: 17px;}
  .constr-step .icon-list-wrap em {font-size:16px;transform: translateY(-8px);}
  .constr-step .icon-list-wrap .img-box img {width: 40%; min-width: 80px;}
  .grade-popup .info .flex-wrap {flex-direction: column; align-items: center;}
  .grade-popup .info .flex-wrap .left {width: 100%; margin-right: 0; margin-bottom:40px;}
  .grade-popup .info .flex-wrap .right {width: 40%;}
  .grade-popup .scroll-wrap {padding:0 10px 30px 0;}
}

@media screen and (max-width: 900px) {
  .constr-step .img-list .img-box {margin-bottom: 55px;}
  .constr-step .img-list .icon {width: 90px;height: 90px;bottom: -45px;margin-left: -45px;}
  .constr-step .img-list ul {flex-direction: column;align-items: center;}
  .constr-step .img-list li {max-width: 600px;width: 100%;margin-bottom: 50px;}
  .constr-step .img-list li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 700px) {
  .constr-step .img-list .icon {width: 90px;height: 90px;bottom: -45px;margin-left: -45px;}
  .constr-step .img-list span {font-size: 18px;margin-right: 5px;}
  .constr-step .img-list strong {font-size: 25px;}
  .constr-step .icon-list-wrap {padding: 30px 15px;min-height: 240px;}
  .constr-step .icon-list-wrap li  {margin-right: 15px;}
  .constr-step .icon-list-wrap span {font-size: 15px;margin-bottom: 0;}
  .constr-step .icon-list-wrap i {line-height: 1.2;font-size: 15px;}
  .constr-step .icon-list-wrap strong {font-size: 16px;}
  .constr-step .icon-list-wrap em {font-size:15px;transform: translateY(0px);}
  .constr-step .icon-list-wrap .img-box img {width: 60%;min-width: auto;}
  .grade-popup .info-box {width: calc(100% - 40px);min-width: auto;}
  .grade-popup .scroll-wrap {height: 500px;}
  .constr-step .slide-list .swiper-slide {min-height: 120px;padding: 10px 18px}
  .constr-step .slide-list span {font-size: 18px;}
  .constr-step .slide-list strong {font-size: 24px;}
  .constr-step .slide-list .slide-btn {width: 30px;height: 30px}
}

/* [E] 1~3단계 건설공사단계 */

/* [S] 인권경영소개 */
.human-right .circle-box { display: flex; justify-content: space-between; align-items: center; border: 1px solid #bbb; padding: 70px 85px } 
.human-right .circle-box > div { position: relative; } 
.human-right .circle-box > .left::before, .human-right .circle-box > .right::before { content: ''; position: absolute; top: 50%; margin-top: -149.5px; width:143px; height: 299px; background-repeat: no-repeat; background-size: contain; background-image: url('../../images/sub/hr-big-arrow.png'); } 
.human-right .circle-box .left { width: 320px; } 
.human-right .circle-box .right { width: 320px; } 
.human-right .circle-box .left::before { right: -120px; top: 50%; margin-top: -145.5px; } 
.human-right .circle-box .right::before { top: 50%; left: -120px; margin-top: -145.5px; transform: rotate(180deg); } 
.human-right .circle-box > div > .box { margin-bottom: 30px; } 
.human-right .circle-box > div > .box:last-child { margin-bottom: 0; } 
.human-right .circle-box .box .tit { display: flex; justify-content: center; align-items: center; padding:8px 10px; width: 100%; font-family: 'ncm'; font-size: 20px; color: #fff; background-color: #3176d0; } 
.human-right .circle-box .box .info { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 130px; padding: 20px 28px; background-color: #f5f5f5; } 
.human-right .circle-box .box .info ul { width: 100%; } 
.human-right .circle-box .box .info li { position: relative; font-size: 18px; padding-left: 16px; margin-bottom: 10px; color: #555; } 
.human-right .circle-box .box .info li::before { content: ''; position: absolute; left: 0; top: 11px; width:5px; height: 5px; background-color: #3176d0; border-radius: 50%; } 
.human-right .circle-box .info li:last-child { margin-bottom: 0; } 
.human-right .circle-box .circle { width:370px; height: 370px; padding: 20px; background-color: #e6e7e9; border-radius: 50%; overflow: hidden; box-shadow: 15px 10px 20px 3px rgba(0, 0, 0, 0.2); } 
.human-right .circle-box .circle .wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f5f6f7; border-radius: 50%; text-align: center; padding: 0 80px; box-shadow: 30px 20px 50px 5px rgba(0, 0, 0, 0.3); } 
.human-right .circle-box .circle strong { display: block; margin-top: 10px; font-size: 25px; font-family: 'ncb'; color: #5f6062; } 
.human-right .activity ul {display: flex;justify-self: unset;justify-content: space-between;} 
.human-right .activity li {position: relative;width: calc((100% / 6) - 25px);}
.human-right .activity li .icon {width: calc(100% - 10px);margin: 0 auto;position: relative;padding: 27px 20px;text-align: center;border-radius: 20px 20px 0 0;background-color: #f9f9f9;z-index: 6;overflow: hidden;}
.human-right .activity li .icon img {transform: translateY(-5px);}
.human-right .activity li .info {position: relative;display: flex;justify-content: center;align-items: center;min-height: 120px;text-align: center;color: #fff;;font-family: 'ncb';font-size: 18px;}
.human-right .activity li .info::before  {content: '';position: absolute;left: 0;top: 0;width: 50.1%;height: 100%;z-index: 6;}
.human-right .activity li .info::after {content: '';position: absolute;right: 0;top: 0;width: 50.1%;height: 100%;z-index: 6;}
.human-right .activity li:nth-child(1) .info::before {background-color: #00abb3;}
.human-right .activity li:nth-child(1) .info::after {background-color: #049da5;;}
.human-right .activity li:nth-child(2) .info::before {background-color: #0098b3;}
.human-right .activity li:nth-child(2) .info::after {background-color: #048ca5;}
.human-right .activity li:nth-child(3) .info::before {background-color: #008ab3;}
.human-right .activity li:nth-child(3) .info::after {background-color: #047fa5;}
.human-right .activity li:nth-child(4) .info::before {background-color: #0075b3;}
.human-right .activity li:nth-child(4) .info::after {background-color: #046ca5;}
.human-right .activity li:nth-child(5) .info::before {background-color: #006cb3;}
.human-right .activity li:nth-child(5) .info::after {background-color: #0464a5;}
.human-right .activity li:nth-child(6) .info::before {background-color: #005ab3;}
.human-right .activity li:nth-child(6) .info::after {background-color: #0454a5;}
.human-right .activity li .info > div::before {content: '';position: absolute;left: 0;top:-5px;width: 10px;height: 10px;border-radius: 50%;z-index: -1;}
.human-right .activity li .info > div::after {content: '';position: absolute;right: 0;top: -5px;width: 10px;height: 10px;border-radius: 50%;z-index: -1;}
.human-right .activity li:nth-child(1) .info > div::before {background-color: #337687;}
.human-right .activity li:nth-child(1) .info > div::after {background-color: #337687;}
.human-right .activity li:nth-child(2) .info > div::before {background-color: #336d87;}
.human-right .activity li:nth-child(2) .info > div::after {background-color: #336d87;}
.human-right .activity li:nth-child(3) .info > div::before {background-color: #336687;}
.human-right .activity li:nth-child(3) .info > div::after {background-color: #336687;}
.human-right .activity li:nth-child(4) .info > div::before {background-color: #486d93;}
.human-right .activity li:nth-child(4) .info > div::after {background-color: #486d93;}
.human-right .activity li:nth-child(5) .info > div::before {background-color: #335887;}
.human-right .activity li:nth-child(5) .info > div::after {background-color: #335887;}
.human-right .activity li:nth-child(6) .info > div::before {background-color: #335087;}
.human-right .activity li:nth-child(6) .info > div::after {background-color: #335087;}
.human-right .activity li .info strong {display: block;width: 100%;height: 100%;position: relative;;z-index: 7;}
.human-right .activity li .icon::before {content: '';position: absolute;left: 50%;bottom: -117px;margin-left: -40px;width:80px;height: 80px;transform: rotate(46deg) skewX(57.8deg) skewY(-35deg);z-index: 5}
.human-right .activity li .icon::after {content: '';position: absolute;left: 50%;bottom: -82px;margin-left: -15px;width:60px;height: 60px;transform: rotate(55deg) skew(50deg);z-index: 5;}
.human-right .activity li:nth-child(1) .icon::before {background-color: #00abb3;} 
.human-right .activity li:nth-child(1) .icon::after {background-color: #049da5;}
.human-right .activity li:nth-child(2) .icon::before {background-color: #0098b3;} 
.human-right .activity li:nth-child(2) .icon::after {background-color: #048ca5;}
.human-right .activity li:nth-child(2) .icon::before {background-color: #008ab3;} 
.human-right .activity li:nth-child(2) .icon::after {background-color: #047fa5;}
.human-right .activity li:nth-child(3) .icon::before {background-color: #008ab3;} 
.human-right .activity li:nth-child(3) .icon::after {background-color: #047fa5;}
.human-right .activity li:nth-child(4) .icon::before {background-color: #0075b3;} 
.human-right .activity li:nth-child(4) .icon::after {background-color: #046ca5;}
.human-right .activity li:nth-child(5) .icon::before {background-color: #006cb3;} 
.human-right .activity li:nth-child(5) .icon::after {background-color: #0464a5;}
.human-right .activity li:nth-child(6) .icon::before {background-color: #005ab3;} 
.human-right .activity li:nth-child(6) .icon::after {background-color: #0454a5;}

@media screen and (max-width: 1500px){
  .human-right .circle-box { padding: 70px 35px; } 
  .human-right .circle-box .circle { width: 30vw; height: 30vw; margin: 0 7vw; } 
  .human-right .circle-box .circle strong { font-size: 22px; } 
  .human-right .circle-box .left::before { right: -170px; margin-top: -100px; z-index: -1; } 
  .human-right .circle-box .right::before { left: -170px; margin-top: -100px; z-index: -1; } 
  .human-right .circle-box > .left::before, .human-right .circle-box > .right::before { width: 200px; height: 200px; } 
  .human-right .activity li {width: calc((100% / 6) - 10px)}
}

@media screen and (max-width: 1023px){
  .human-right .circle-box { flex-direction: column; } 
  .human-right .circle-box .circle { width: 380px; height: 380px; margin: 90px 0; } 
  .human-right .circle-box > .left::before { right: auto; left: 50%; top: auto; bottom: -180px; transform: rotate(90deg); margin-left: -100px; margin-top: 0; } 
  .human-right .circle-box > .right::before { right: auto; left: 50%; top: auto; top: -180px; transform: rotate(-90deg); margin-left: -100px; margin-top: 0; } 
  .human-right .activity ul {flex-wrap: wrap;}
  .human-right .activity li {width: calc((100% / 3) - 15px);margin-bottom: 20px;}
}

@media screen and (max-width: 700px){
  .human-right .circle-box .circle { width: 300px;height: 300px; } 
  .human-right .circle-box .circle strong {font-size: 19px;}
  .human-right .circle-box .circle strong {font-size: 19px;}
  .human-right .circle-box .box .info {min-height: auto;}
  .human-right .circle-box .box .info li {font-size: 16px;}
  .human-right .activity li {width: calc((100% / 2) - 15px);}
  .human-right .activity li .info {min-height: 100px;font-size: 19px;}
}
/* [E] 인권경영소개 */

/* [S] 인권헌장 */
.human-right .charter .box-wrap { padding: 70px; background-image: url('../../images/sub/charter-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; } 
.human-right .charter .tit span { display: block; font-size: 25px; color: #fa9d1c; font-family: 'ncm'; } 
.human-right .charter .tit strong { display: block; margin-bottom: 25px; font-size: 35px; color: #fff; font-family: 'ncb'; } 
.human-right .charter .tit p { font-size: 20px; color: #fadd1c; font-family: 'ncm'; margin-bottom: 30px; } 
.human-right .charter .info li { display: flex; color: #fff; margin-bottom: 15px; } 
.human-right .charter .info span { margin-right: 10px; font-size: 25px; font-family: 'ncr'; opacity: 0.7; } 
.human-right .charter .info p { font-size: 18px; transform: translateY(6px);} 

@media screen and (max-width: 1024px){
  .human-right .charter .box-wrap { padding: 30px;} 
  .human-right .charter .tit span { font-size: 18px; } 
  .human-right .charter .tit strong { font-size: 26px; margin-bottom: 10px; } 
  .human-right .charter .tit span { font-size: 20px; } 
  .human-right .charter .tit p { font-size: 16px; } 
  .human-right .charter .info span { font-size: 20px; } 
  .human-right .charter .info p { font-size: 16px;  transform: translateY(3px);} 
}
/* [E] 인권헌장 */

/* [S] 인권경영위원회 */
.human-right .committee { padding: 86px 104px 22px 50px; border: 1px solid #bbb; overflow: hidden; } 
.human-right .committee .left { width: 150px; margin-right: 50px; flex-shrink: 0; } 
.human-right .committee > ul > li .right { position: relative; flex: 1; } 
.human-right .committee > ul > li:last-child .right { display: flex; justify-content: space-between; flex: 1; } 
.human-right .committee .box { display: flex; flex-direction: column; align-items: center; } 
.human-right .committee .box.gray { width: 100%; height: 100%; } 
.human-right .committee .box.gray .tit { width: 100%; height: 100%; min-width: auto; color: #333; } 
.human-right .committee .tit { position: relative; display: flex; justify-content: center; align-items: center; min-width: 200px; text-align: center; padding: 10px; font-size: 18px; color: #fff; line-height: 1.2; z-index: 3; } 
.human-right .committee > ul > li { position: relative; display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 18px; } 
.human-right .committee > ul > li:first-child::after { content: ''; position: absolute; height: 1px; left: 0; top: 41.5%; margin-top: -0.5px; width: 100%; background-color: #ddd; z-index: 1; } 
.human-right .committee > ul > li:nth-child(2)::after { content: ''; position: absolute; left: 0; top: -100px; width: calc(50% + 99px); height: 50px; background-color: #fff; z-index: 2; } 
.human-right .committee > ul > li::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background-image: url('../../images/sub/bg-dot.png'); z-index: 4; } 
.human-right .committee > ul > li:last-child::before { display: none; } 
.human-right .committee > ul > li .blue::before { content: ''; position: absolute; width: 1px; height: 300px; left: 50%; margin-left: -0.5px;; top: 50%; background-color: #ddd; } 
.human-right .committee > ul > li:last-child .right::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -14px; width: 100%; height: 1px; background-color: #ddd; } 
.human-right .committee > ul > li:last-child { margin-bottom: 0; } 
.human-right .committee > ul > li:last-child .tit { width: 100%; } 
.human-right .committee > ul > li:last-child .right > div { width: calc((100% / 5) - 24px); } 
.human-right .committee .box.black .tit { background-color: #2e3851; } 
.human-right .committee .box.blue .tit { background-color: #152e6e; } 
.human-right .committee .box.sky .tit { background-color: #3176d0; } 
.human-right .committee .box.gray .tit { background-color: #eee; } 
.human-right .committee .box.mint .tit { min-width: auto; background-color: #00abb3; } 
.human-right .committee .box.mint .tit::before { content: ''; position: absolute; top: -14px; left: 50%; margin-left: -0.5px; width: 1px; height: 14px; border: 1px solid #ddd; } 
.human-right .committee .box.mint:first-child .tit::after { content: ''; position: absolute; left: 0; top: -50px; width: calc(50% - 0.5px); height: 50px; background-color: #fff; } 
.human-right .committee .box.mint:last-child .tit::after { content: ''; position: absolute; right: 0; top: -50px; width: calc(50% - 0.5px); height: 50px; background-color: #fff; } 
.human-right .committee .box.mint:nth-child(3) .tit::before { display: none; } 
.human-right .committee .box.blue { position: absolute; left: 50%; top: -50px; margin-left: -100px; } 
.human-right .committee .box.black { float: right; border: 3px solid #fadd1c; } 
.human-right .committee .box.blue .tit { height: 50px; } 
.human-right .committee .box.black .tit { min-height: 80px; } 
.human-right .committee .box.sky .tit { min-height: 80px; } 
.human-right .committee .box.mint .tit { min-height: 50px; } 
.human-right .committee .box .info { padding: 8px 17px; border: 1px solid #ddd; flex:1; width: 100%; background-color: #fff; } 
.human-right .committee .info li { position: relative; padding-left: 12px; } 
.human-right .committee .info li::before { content: ''; position: absolute; left: 0; top: 9px; width:4px; height: 4px; background-color: #aaa; border-radius: 50%; } 

@media screen and (max-width: 1400px){
  .human-right .committee { padding: 86px 50px 22px 30px; } 
  .human-right .committee > ul > li:last-child .right > div { width: calc((100% / 5) - 10px); } 
  .human-right .committee .left { margin-right: 25px; } 
  .human-right .committee > ul > li:nth-child(2)::after { width: calc(50% + 87px) } 
  .human-right .committee > ul > li:last-child .right {flex-wrap: wrap;}
}

@media screen and (max-width: 1023px) { 
  .human-right .committee {padding: 86px 40px 22px 30px;}
  .human-right .committee .tit {font-size: 18px;min-width: 170px;}
  .human-right .committee .box.blue {top: -90px;margin-left: -85px;}
  .human-right .committee .box.blue .tit {height: 40px;}
  .human-right .committee .box.black .tit {min-height: 60px;}
  .human-right .committee .left {flex-shrink: 1;width: 120px;}
  .human-right .committee > ul > li:first-child {margin-top: 40px;}
  .human-right .committee > ul > li:first-child::after {top: 35%;}
  .human-right .committee > ul > li:nth-child(2)::after {width: calc(50% + 71px);}
  .human-right .committee > ul > li:last-child .right > div {width: calc((100% / 2) - 15px);}
  .human-right .committee > ul > li:last-child .right > div:last-child {margin-bottom: 0;}
  .human-right .committee > ul > li:last-child .right::after {top: -21px}
  .human-right .committee > ul > li {margin-bottom: 30px;padding-bottom: 30px;}
  .human-right .committee > ul > li .blue::before {height: 315px;}
  .human-right .committee .box.mint {margin-bottom: 20px;}
  .human-right .committee .box.mint:last-child .tit::after {display: none;}
  .human-right .committee .box.mint .tit::before {height: 20px;top: -20px;}
  .human-right .committee .box.mint:nth-child(2) .tit::after { content: ''; position: absolute; right: 0; top: -50px; width: calc(50% - 0.5px); height: 50px; background-color: #fff; } 
  .human-right .committee .box.mint:nth-child(3) .tit::before {display: block;}
  .human-right .committee .box.mint .tit {min-height: 40px;}
  .human-right .committee > ul > li::before {display: none;}
} 

@media screen and (max-width: 700px) { 
  .human-right .committee {padding: 86px 20px 22px 20px}
  .human-right .committee .left {width: 80px;margin-right: 15px;}
  .human-right .committee > ul > li:nth-child(2)::after {width: calc(50% + 47px);}
  .human-right .committee .tit {font-size: 16px;min-width: 140px;}
  .human-right .committee .box.blue {top: -80px;margin-left: -70px;}
  .human-right .committee > ul > li .blue::before {height: 286px;}
  .human-right .committee .box.black .tit {min-width: 100px;}
  .human-right .committee .info li {font-size: 15px;}
  .human-right .committee > ul > li:first-child {margin-top: 30px;}
  .human-right .committee .box.sky .tit {min-height: 70px;}
  .human-right .committee .box.black .tit {min-height: 50px;}
  .human-right .committee .box.mint:nth-child(n + 3) .tit::before {display: none;} 
  .human-right .committee > ul > li:last-child .right > div {width: calc((100% / 2) - 6px);margin-bottom: 10px;}
  .human-right .committee .box .info {padding: 8px 10px;}
  .human-right .committee .info li {padding-left: 9px;}
} 

/* [E] 인권경영위원회 */

/* [S] 인권상담센터 */
.human-right .counsel .tit {display: flex;align-items: flex-end;}
.human-right .counsel {display: flex;align-items: center;}
.human-right .counsel ul {display: flex;justify-content: space-between;width: 100%;}
.human-right .counsel li {display: flex;align-items: center;width: calc((100% / 3) - 20px);padding: 34px 20px 34px 34px;background-color: #ecf6f9;}
.human-right .counsel .icon {width: 90px;height: 90px;display: flex;justify-content: center;align-items: center;margin-right: 20px;background-color: #fff;border-radius: 50%;flex-shrink: 0;}
.human-right .counsel .desc strong {display: block;color: #00a0a7;;font-size: 22px;font-family: 'pb';}
.human-right .counsel .desc p {color: #222;font-size: 22px;word-break: break-all;}

@media screen and (max-width: 1023px) {
  .human-right .counsel ul {flex-direction: column;}
  .human-right .counsel li {width: 100%;margin-bottom: 15px;}
  .human-right .counsel li:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 700px) {
  .human-right .counsel li {padding: 25px 20px 25px 34px;}
  .human-right .counsel .icon {width: 75px;height: 75px;}
  .human-right .counsel .desc strong {font-size: 18px;}
  .human-right .counsel .desc p {font-size: 18px;word-break: keep-all;} 
}
/* [E] 인권상담센터 */


/* [S] 4단계건설사업 */
.constr-step4 .icon-list-wrap { padding: 0 110px 10px; min-height: auto;height: 100%;} 
.constr-step4 .summary { display: flex; } 
.constr-step4 .summary .left { width: 725px; margin-right: 30px;} 
.constr-step4 .summary .right { flex: 1; } 
.constr-step4 .con-table.full {height: 100%;}
.constr-step4 .con-table.full table {height: 100%;}
.constr-step4 .icon-list-wrap span {font-size: 18px;}
.constr-step4 .icon-list-wrap strong {margin: 0 5px; font-size: 30px;}
.constr-step4 .icon-list-wrap i {min-height: auto;font-size: 20px;line-height: 1.5;}
.constr-step4 .map { position: relative; } 
.constr-step4 .map .info-box { position: absolute; left: 55px; padding:0; top: 55px; max-width: 720px; background-color: rgba(0, 0, 0, 0.8); pointer-events: none; } 
.constr-step4 .map .info-box ul { display: flex; flex-wrap: wrap; } 
.constr-step4 .map .info-box li { display: flex; align-items: center; height: 70px; width: 50%; padding: 15px 5px 15px 25px; color: #fff; border-bottom: 1px solid #707478; font-size: 17px; } 
.constr-step4 .map .info-box li:nth-child(9), 
.constr-step4 .map .info-box li:nth-child(18) { border-bottom: 0; } 
.constr-step4 .map .info-box li:nth-child(1) { order: 1 } 
.constr-step4 .map .info-box li:nth-child(2) { order: 3; } 
.constr-step4 .map .info-box li:nth-child(3) { order: 5; } 
.constr-step4 .map .info-box li:nth-child(4) { order: 7; } 
.constr-step4 .map .info-box li:nth-child(5) { order: 9; } 
.constr-step4 .map .info-box li:nth-child(6) { order: 11; } 
.constr-step4 .map .info-box li:nth-child(7) { order: 13; } 
.constr-step4 .map .info-box li:nth-child(8) { order: 15; } 
.constr-step4 .map .info-box li:nth-child(9) { order: 17; } 
.constr-step4 .map .info-box li:nth-child(10) { order: 2; } 
.constr-step4 .map .info-box li:nth-child(11) { order: 4; } 
.constr-step4 .map .info-box li:nth-child(12) { order: 6; } 
.constr-step4 .map .info-box li:nth-child(13) { order: 8; } 
.constr-step4 .map .info-box li:nth-child(14) { order: 10; } 
.constr-step4 .map .info-box li:nth-child(15) { order: 12; } 
.constr-step4 .map .info-box li:nth-child(16) { order: 14; } 
.constr-step4 .map .info-box li:nth-child(17) { order: 16; } 
.constr-step4 .map .info-box li:nth-child(18) { order: 18; } 
.constr-step4 .map .info-box li span { display: flex;align-items: center;justify-content: center;text-align: center; width: 25px; height: 25px; transform: translateY(3px); text-align: center; border-radius: 50%; font-size: 16px; background-color: #10b658; margin-right: 15px; flex-shrink: 0;text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);} 
.constr-step4 .map .info-box li span.og {text-shadow: none;}
.constr-step4 .map .info-box li > div { display: flex; } 
.constr-step4 .map .info-box li span.og { background-color: #fa9d1c; color: #111; } 
.constr-step4 .map .info-box li:nth-child(n + 1):nth-child(-n + 9) { border-right: 1px solid #707478; } 

.constr-step4-box {position: relative; margin-top: 50px;}
.constr-step4-box ul {display:flex; text-align: center; justify-content: center;}
.constr-step4-box li {height:390px; display: flex; align-items: center; justify-content: center;}
.constr-step4-box .box {display:flex; align-items:center; justify-content:center; flex-direction: column;}
.constr-step4-box .text-box {margin-top: 20px; letter-spacing: -.05em;}
.constr-step4-box .text-box p {font-size: 25px; color:#222;}
.constr-step4-box .text-box strong {font-size: 30px; color:#152E6E; font-family: ncm;}
/* .constr-step4-box .box2 .text-box strong {color:#3176D0;} */
.constr-step4-box .text-box strong span {font-size: 45px;}
.constr-step4-box .box1 {width:430px; background: url('../../images/sub/four-bg.png') no-repeat center; padding-right: 40px;}
.constr-step4-box .box2 {width:440px; background: url('../../images/sub/four-bg2.png') no-repeat center; padding-right: 35px;}
.constr-step4-box .box3 {width:400px; background: url('../../images/sub/four-bg3.png') no-repeat center;}

@media screen and (max-width:1400px) {
  .constr-step4-box li {height:245px;}
  .constr-step4-box .box1 {width:270px; background: url('../../images/sub/four-bg.png') no-repeat center / cover; padding-right: 20px;}
  .constr-step4-box .box2 {width:275px; background: url('../../images/sub/four-bg2.png') no-repeat center / cover; padding-right: 15px;}
  .constr-step4-box .box3 {width:251px; background: url('../../images/sub/four-bg3.png') no-repeat center / cover;}
  .constr-step4-box .text-box p {font-size: 20px;}
  .constr-step4-box .text-box strong {font-size: 25px;}
  .constr-step4-box .text-box strong span {font-size: 35px;}
}
@media screen and (max-width:1000px) {
  .constr-step4-box {margin-top: 25px;}
  .constr-step4-box ul {justify-content: space-between;}
  .constr-step4-box .box1,
  .constr-step4-box .box2,
  .constr-step4-box .box3 {background: none; border:3px solid #3176D0; border-radius:10px; padding:0; width:30%;}
}
@media screen and (max-width:700px) {
  .constr-step4-box ul {flex-wrap:wrap;}
  .constr-step4-box .box .icon img {width:70%}
  .constr-step4-box li {width:100% !important; margin-bottom: 20px; height:200px;}
  .constr-step4-box li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:600px) {
  .constr-step4-box .text-box p {font-size: 18px;}
  .constr-step4-box .text-box strong {font-size: 22px;}
  .constr-step4-box .text-box strong span {font-size: 30px;}
}

.constr-step4-box2 {position: relative;}
.constr-step4-box2 .row {display:flex;}
.constr-step4-box2 .left {width:725px;}
.constr-step4-box2 .bg {height:100%; padding:60px 70px; background:url('../../images/sub/constr-bg.jpg') no-repeat center;}
.constr-step4-box2 .tit {margin-bottom: 40px; }
.constr-step4-box2 .tit strong {font-family: ncm; font-size: 30px; line-height: 40px; letter-spacing: -.05em; color:#152E6E;}
.constr-step4-box2 .tit strong span {font-family: ncb; display: inline-block;}
.constr-step4-box2 .con {color:#fff; letter-spacing: -.05em;}
.constr-step4-box2 .con p {font-size: 20px; line-height: 28px; font-family: pr;}
.constr-step4-box2 .con p i {display:block; margin:30px 0;}
.constr-step4-box2 .con p span {font-size: 18px; padding-top: 10px; display:block;}
.constr-step4-box2 .right {width: calc(100% - 725px); padding-left:30px;}
.constr-step4-box2 .right ul {display:flex; flex-wrap:wrap; width:calc(100% + 30px);}
.constr-step4-box2 .right li {border:1px solid #ccc; width:calc(50% - 30px); margin-right:30px; margin-bottom:30px; padding:35px 20px 30px 20px;}
.constr-step4-box2 .right li:nth-last-child(-n+2) {margin-bottom: 0;}
.constr-step4-box2 .icon-inner {width:150px; height:150px; display: flex; align-items: center; justify-content: center; border-radius:50%; background:#ECF3FF; margin:0 auto;}
.constr-step4-box2 .text {letter-spacing: -.05em; text-align: center; margin-top: 20px;}
.constr-step4-box2 .text strong {font-family: ncm; font-size: 25px; color: #333;}
.constr-step4-box2 .text p { font-size: 20px; color:#333; margin-top: 12px;}
.constr-step4-box2 .text p span {color:#FA9D1C; display:block;}

@media screen and (max-width:1500px) {
  .constr-step4-box2 .left {width:680px;}
  .constr-step4-box2 .bg {padding:60px 40px;}
  .constr-step4-box2 .right {width:calc(100% - 680px);}
  .constr-step4-box2 .text p {font-size: 18px;}
}
@media screen and (max-width:1400px) {
  .constr-step4-box2 .left {width:570px;}
  .constr-step4-box2 .tit strong {font-size: 25px;}
  .constr-step4-box2 .con p {font-size: 18px;}
  .constr-step4-box2 .right {width:calc(100% - 570px);}
  .constr-step4-box2 .right li {padding:20px;}
  .constr-step4-box2 .icon-inner {width:110px; height:110px;}
  .constr-step4-box2 .icon-inner img {width:50%;}
  .constr-step4-box2 .text strong {font-size: 22px;}
}
@media screen and (max-width:1100px) {
  .constr-step4-box2 .row {flex-wrap:wrap;}
  .constr-step4-box2 .left {width:100%; margin-bottom: 20px;}
  .constr-step4-box2 .bg {background:url('../../images/sub/constr-bg.jpg') no-repeat bottom / cover;}
  .constr-step4-box2 .right {width:100%; padding-left: 0;}
}
@media screen and (max-width:700px) {
  .constr-step4-box2 .bg {padding:40px 30px;}
  .constr-step4-box2 .tit strong {font-size: 19px; line-height: 1.5;}
  .constr-step4-box2 .con p {font-size: 16px;}
  .constr-step4-box2 .con p span {font-size: 16px;}
  .constr-step4-box2 .con p i {margin:30px 0;}
  .constr-step4-box2 .con p br {display:none;}

  .constr-step4-box2 .text strong {font-size: 20px;}
  .constr-step4-box2 .text p {font-size: 16px;}
}
@media screen and (max-width:550px) {
  .constr-step4-box2 .bg {padding:25px 30px;}
  .constr-step4-box2 .right ul {width:100%;}
  .constr-step4-box2 .right li {width:100%; margin-bottom:20px !important; margin-right: 0;}
  .constr-step4-box2 .right li:last-child {margin-bottom: 0 !important;}
}

/* box3 tab */
.constr-step4-box3 {position: relative;}
.constr-step4-box3 .tab {position: relative; padding-bottom: 25px;} 
.constr-step4-box3 .tab ul {display: flex; justify-content: center;}
.constr-step4-box3 .tab li {margin-right:40px;}
.constr-step4-box3 .tab li:last-child {margin-right: 0;}
.constr-step4-box3 .tab button {font-size: 17px; color:#555; font-family: ncm; height:50px; padding:0 20px;}
.constr-step4-box3 .tab button:hover {background:#152E6E; color:#fff;}
.constr-step4-box3 .tab .active {background:#152E6E;}
.constr-step4-box3 .tab .active button {color:#fff; font-family: ncb;}

@media screen and (max-width:1000px) {
  .constr-step4-box3 .tab button {font-size: 16px;}
  .constr-step4-box3 .tab li {margin:0;}
}

/* con1 */
.constr-step4-box3 {position: relative; margin-top: 90px;}
.constr-step4-box3 .con-box1 {border: 1px solid #ddd;}
.constr-step4-box3 > .con > div {display:none;}
.constr-step4-box3 > .con > div.active {display:block;}
.con-box1 .box-inner {padding:40px 60px;}
.con-box1 .top {display: flex; justify-content: end; margin-bottom: 28px;}
.con-box1 .top p {font-size: 16px; letter-spacing: -.05em; font-family: ncr; margin-left: 27px;}
.con-box1 .top p::before {content:''; width:13px; height:8px; border-radius:10px; margin-right:9px; display: inline-block; transform: translateY(-1px);}
.con-box1 .top .icon1 {color:#555;}
.con-box1 .top .icon1::before {background:#555;}
.con-box1 .top .icon2 {color:#14BEC4;}
.con-box1 .top .icon2::before {background:#14BEC4;}

.con-box1 .con > ul > li {margin-bottom: 30px;}
.con-box1 .con > ul > li:last-child {margin-bottom: 0;}
.con-box1 .con .box {display: flex; align-items: center;}
.con-box1 .con .box strong {width:220px; height:50px; display:flex; align-items: center; font-size: 17px; letter-spacing: -.05em; color:#333; font-family: ncb; padding-left:70px;}
.con-box1 .con .line {display: flex; flex:1;}
.con-box1 .con .line > div {color:#fff; height:50px; border-radius:50px;}
.con-box1 .con .line p {height:100%; display:flex; align-items: center; padding:0 30px; font-size: 18px; font-family: ncm;}
.con-box1 .con .line1 {background:#555; margin-right: 10px;}
.con-box1 .con .line2 {background: #14BEC4;}
.con-box1 .con .total {width:120px; text-align: right; font-size: 18px; font-family: ncm;}

/* icon */
.con-box1 .item1 strong {background: url('../../images/sub/diagram-icon1.png') no-repeat left center;}
.con-box1 .item2 strong {background: url('../../images/sub/diagram-icon2.png') no-repeat left center;}
.con-box1 .item3 strong {background: url('../../images/sub/diagram-icon3.png') no-repeat left center;}
.con-box1 .item4 strong {background: url('../../images/sub/diagram-icon4.png') no-repeat left center;}
.con-box1 .item5 strong {background: url('../../images/sub/diagram-icon5.png') no-repeat left center;}
.con-box1 .item6 strong {background: url('../../images/sub/diagram-icon6.png') no-repeat left center;}
.con-box1 .item7 strong {background: url('../../images/sub/diagram-icon7.png') no-repeat left center;}
.con-box1 .item8 strong {background: url('../../images/sub/diagram-icon8.png') no-repeat left center;}

/* line */
.con-box1 .item1 .line1 {width:59.8%;}
.con-box1 .item1 .line2 {width:calc(100% - 59.8%);}
.con-box1 .item2 .line1 {width:70.58%;}
.con-box1 .item2 .line2 {width:calc(100% - 70.58%);}
.con-box1 .item3 .line1 {width:100%;}
.con-box1 .item3 .line2 {width:0;}
.con-box1 .item4 .line1 {width:50%;}
.con-box1 .item4 .line2 {width:calc(100% - 50%);}
.con-box1 .item5 .line1 {width:100%;}
.con-box1 .item5 .line2 {width:0;}
.con-box1 .item6 .line1 {width:72.54%;}
.con-box1 .item6 .line2 {width:calc(100% - 72.54%);}
.con-box1 .item7 .line1 {width:76.47%;}
.con-box1 .item7 .line2 {width:calc(100% - 76.47%);}
.con-box1 .item8 .line1 {width:74.5%;}
.con-box1 .item8 .line2 {width:calc(100% - 74.5%);}

@media screen and (max-width:1200px) {
  .con-box1 .con .line p {font-size: 16px;}
  .con-box1 .con .box strong { padding-left: 60px; width: 190px;}
  .con-box1 .con .line > div {height:40px;}
  .con-box1 .con .line p {padding:0 20px;}
}
@media screen and (max-width:1000px) {
  .con-box1 .top {margin-bottom: 20px;}
  .con-box1 .con .box {flex-wrap:wrap;}
  .con-box1 .con .box strong {width:100%; margin-bottom:10px;}
  .con-box1 .con .line p {font-size: 17px;}
  .con-box1 .line .line2 {min-width:120px;}
  .con-box1 .item3 .line2,
  .con-box1 .item5 .line2 {min-width:auto;}
}
@media screen and (max-width:700px) {
  .con-box1 .box-inner {padding:30px 20px;}
  .con-box1 .con .box strong {font-size: 18px;}
  .con-box1 .con .line p {font-size: 15px;}
  .con-box1 .con .total {font-size: 18px; width:95px;}
}

/* con2 */
.con-box2 {border:1px solid #ccc;}
/* con3 */
.con-box3 {border:1px solid #ccc;}
/* con4 */
.con-box4 {border:1px solid #ccc;}
.con-box4 .frame {text-align: center; position: relative; padding:180px 0 150px 0; margin-top: 105px;}
.con-box4 .ring {display: inline-block; padding:40px 65px 0 65px; border:3px solid #A1A1A1; border-bottom:0; border-radius:300px 300px 0 0;} 
.con-box4 .center {border-radius:300px 300px 0 0; background:radial-gradient(circle at 50% 120%,#fff 50%, #CCEDFF 70%); width:523px; height:260px; font-size: 25px; line-height: 32px; letter-spacing: -.05em; color:#000; font-family: ncb; text-align: center; display: flex; align-items: end; justify-content: center; margin:0 auto; position: relative;}
.con-box4 .con > div > p {width:150px; height:150px; border-radius:100%; display: flex; align-items: center; justify-content: center; font-size: 25px; letter-spacing: -.05em; color:#fff; font-family: ncb; position: absolute;}
.con-box4 .text-box {text-align:left; position: absolute;}
.con-box4 .text-box strong {font-size: 20px; font-family: ncb; letter-spacing: -.05em; margin-bottom: 5px; display: inline-block;}
.con-box4 .text-box li {padding-left:12px; position: relative; font-size: 17px; line-height: 25px; font-family: ncr; letter-spacing: -.05em; margin-bottom: 10px;}
.con-box4 .text-box li:last-child {margin-bottom: 0;}
.con-box4 .text-box li::after {content:''; width:3px; height:3px; background:#333; border-radius:50%; position: absolute; top:9px; left:0;}

.con-box4 .con1 p {background: #3B9C87; left:50%; margin-left:-510px; bottom:120px;}
.con-box4 .con1 p::before {content:''; width:7px; height:2px; border:1px dashed #ccc; position: absolute; right:-10px; bottom:45px; transform: rotate(20deg);}
.con-box4 .con1 p::after {content:''; width:33px; height:33px; border:7px solid #fff; background:#3B9C87; outline:2px solid #3B9C87; position: absolute; right:-50px; bottom:20px; border-radius:50%;}
.con-box4 .con1 .text-box {left:50%; bottom:160px; margin-left:-670px}
.con-box4 .con1 strong {color:#3B9C87;}

.con-box4 .con2 p  {background: #00ABB3; left:50%; margin-left:-400px; top:110px;}
.con-box4 .con2 p::before {content:''; width:7px; height:2px; border:1px dashed #ccc; position: absolute; right:13px; bottom:7px; transform: rotate(45deg);}
.con-box4 .con2 p::after {content:''; width:33px; height:33px; border:7px solid #fff; background:#00ABB3; outline:2px solid #00ABB3; position: absolute; right:-22px; bottom:-30px; border-radius:50%;}
.con-box4 .con2 .text-box {left:50%; top:150px; margin-left:-660px;}
.con-box4 .con2 strong {color:#00ABB3;}

.con-box4 .con3 p {background: #3DA1D1; left:50%; margin-left:-80px; top:0;}
.con-box4 .con3 p::before {content:''; width:7px; height:2px; border:1px dashed #ccc; position: absolute; transform: rotate(90deg); bottom:-9px;}
.con-box4 .con3 p::after {content:''; width:33px; height:33px; border:7px solid #fff; background:#3DA1D1; outline:2px solid #3DA1D1; position: absolute; left:50%; bottom:-50px; border-radius:50%; margin-left:-14px;}
.con-box4 .con3 .text-box {right:50%; top:35px; margin-right:-340px;}
.con-box4 .con3 strong {color:#3DA1D1;}

.con-box4 .con4 p {background: #3176D0; right:50%; margin-right:-400px; top:110px;}
.con-box4 .con4 p::before {content:''; width:7px; height:2px; border:1px dashed #ccc; position: absolute;  left:13px; bottom:7px; transform: rotate(-45deg);}
.con-box4 .con4 p::after {content:''; width:33px; height:33px; border:7px solid #fff; background:#3176D0; outline:2px solid #3176D0; position: absolute; left:-22px; bottom:-30px; border-radius:50%;}
.con-box4 .con4 .text-box {right:50%; top:130px; margin-right:-685px;}
.con-box4 .con4 strong {color:#3176D0;}

.con-box4 .con5 p {background: #106691; right:50%; margin-right:-510px; bottom:120px;}
.con-box4 .con5 p::before {content:''; width:7px; height:2px; border:1px dashed #ccc; position: absolute; left:-10px; bottom:45px; transform: rotate(-20deg);}
.con-box4 .con5 p::after {content:''; width:33px; height:33px; border:7px solid #fff; background:#106691; outline:2px solid #106691; position: absolute; left:-50px; bottom:20px; border-radius:50%;}
.con-box4 .con5 .text-box {right:50%; bottom:160px; margin-right:-705px;}
.con-box4 .con5 strong {color:#106691;}

@media screen and (max-width:1500px) {
  .con-box4 .center {width:390px; height:190px;}
  .con-box4 .con1 p {margin-left:-450px;}
  .con-box4 .con1 .text-box {margin-left:-600px;}
  .con-box4 .con2 p {margin-left:-370px;}
  .con-box4 .con2 .text-box {margin-left:-620px;}
  .con-box4 .con4 p {margin-right:-370px;}
  .con-box4 .con4 .text-box {margin-right:-635px;}
  .con-box4 .con5 p {margin-right:-450px;}
  .con-box4 .con5 .text-box {margin-right:-645px;}
}
@media screen and (max-width:1400px) {
  .con-box4 .frame {padding:40px 30px; margin-top: 0;}
  .con-box4 .center,
  .con-box4 .ring {display:none;}
  .con-box4 .con > div > p {position: relative; margin:0; top:unset; left:unset; right:unset; bottom:unset;}
  .con-box4 .con1 .text-box,
  .con-box4 .con2 .text-box,
  .con-box4 .con3 .text-box,
  .con-box4 .con4 .text-box,
  .con-box4 .con5 .text-box {position: relative; margin:0; top:unset; left:unset; right:unset; bottom:unset;}

  .con-box4 .con {display: flex; flex-wrap:wrap; justify-content: center;}
  .con-box4 .con > div {width:33.3333%; padding:0 30px; display: flex; flex-direction: column; margin-bottom: 20px;}
  .con-box4 .con > div > p {margin:0 auto; margin-bottom: 33px;}

  .con-box4 .con1 p::after,
  .con-box4 .con2 p::after,
  .con-box4 .con3 p::after,
  .con-box4 .con4 p::after,
  .con-box4 .con5 p::after {left:50%; margin-left:-17px; bottom:-50px; z-index: 1;}

  .con-box4 .con1 p::before,
  .con-box4 .con2 p::before,
  .con-box4 .con3 p::before,
  .con-box4 .con4 p::before,
  .con-box4 .con5 p::before {transform: rotate(90deg); left:50%; margin-left:-5px; right:unset; bottom:-8px; top:unset;}

  .con-box4 .con .text-box {flex:1; padding:25px 20px; display: flex; justify-content: center; flex-direction: column;}
  .con-box4 .text-box li br {display: none;}
  .con-box4 .con1 .text-box {border:2px solid #3B9C87;}
  .con-box4 .con2 .text-box {border:2px solid #00ABB3;}
  .con-box4 .con3 .text-box {border:2px solid #3DA1D1;}
  .con-box4 .con4 .text-box {border:2px solid #3176D0;}
  .con-box4 .con5 .text-box {border:2px solid #106691;}
}
@media screen and (max-width:1000px) {
  .con-box4 .con > div > p {font-size: 22px;}
  .con-box4 .con > div {width:50%;}
}
@media screen and (max-width:800px) {
  .con-box4 .con > div {padding:0 15px;}
}
@media screen and (max-width:700px) {
  .con-box4 .con > div > p {width:120px; height:120px; font-size: 20px;}
  .con-box4 .text-box strong {font-size: 18px;}
  .con-box4 .text-box li {font-size: 15px;}
}
@media screen and (max-width:550px) {
  .con-box4 .con > div {width:100%; padding:0;}
}


@media screen and (max-width: 1500px){ 
  .constr-step4 .icon-list-wrap { padding: 30px 20px } 
  .constr-step4 .icon-list-wrap li { width: 30%; margin-right: 10px; } 
  .constr-step4 .icon-list-wrap li:last-child { margin-right: 0; } 
  .constr-step4 .icon-list-wrap strong { font-size: 25px; } 
  .constr-step4 .icon-list-wrap i { min-height: auto; line-height: 1.5; font-size: 18px; } 
  .constr-step4 .icon-list-wrap span { font-size: 16px; } 
  .constr-step4 .icon-list-wrap img { width: 40%; min-width: 80px; } 
  .constr-step4 .map .info-box { width: 50vw; top: 10px; left: 20px; } 
  .constr-step4 .map .info-box li { height: 5vw; padding: 10px; padding: 15px 5px 15px 10px; font-size: 1.6vw; } 
  .constr-step4 .map .info-box li span { margin-right: 8px; } 
}

@media screen and (max-width: 1300px){
  .constr-step4 .summary .left { width: 42%; } 
  .constr-step4 .map .info-box li span { width: 1.8vw; height: 1.8vw; line-height: 1.8vw; transform: translateY(2px); } 
}

@media screen and (max-width: 1023px){
  .constr-step4 .summary { flex-direction: column; } 
  .constr-step4 .summary .left { width: 100%; margin-right: 0;margin-bottom: 25px} 
  .constr-step4 .icon-list-wrap {padding: 20px 30px;}
  .constr-step4 .map .info-box { position: static; max-width: 100%; width: 100%; left: 0; top: 100%; } 
  .constr-step4 .map .info-box li { font-size: 16px; height: auto; padding: 13px 5px 13px 10px; } 
  .constr-step4 .map .info-box li span { width: 20px; height: 20px; line-height: 20px; transform: translateY(2px); } 
}

@media screen and (max-width: 700px){
  .constr-step4 .map .info-box li { width: 100%; } 
  .constr-step4 .map .info-box li:nth-child(1) { order: 1 } 
  .constr-step4 .map .info-box li:nth-child(2) { order: 2; } 
  .constr-step4 .map .info-box li:nth-child(3) { order: 3; } 
  .constr-step4 .map .info-box li:nth-child(4) { order: 4; } 
  .constr-step4 .map .info-box li:nth-child(5) { order: 5; } 
  .constr-step4 .map .info-box li:nth-child(6) { order: 6; } 
  .constr-step4 .map .info-box li:nth-child(7) { order: 7; } 
  .constr-step4 .map .info-box li:nth-child(8) { order: 8; } 
  .constr-step4 .map .info-box li:nth-child(9) { order: 9; } 
  .constr-step4 .map .info-box li:nth-child(10) { order: 10; } 
  .constr-step4 .map .info-box li:nth-child(11) { order: 11; } 
  .constr-step4 .map .info-box li:nth-child(12) { order: 12; } 
  .constr-step4 .map .info-box li:nth-child(13) { order: 13; } 
  .constr-step4 .map .info-box li:nth-child(14) { order: 14; } 
  .constr-step4 .map .info-box li:nth-child(15) { order: 15; } 
  .constr-step4 .map .info-box li:nth-child(16) { order: 16; } 
  .constr-step4 .map .info-box li:nth-child(17) { order: 17; } 
  .constr-step4 .map .info-box li:nth-child(18) { order: 18; } 
  .constr-step4 .map .info-box li:nth-child(9), 
  .constr-step4 .map .info-box li:nth-child(18) { border-bottom: 1px solid #707478; } 
  .constr-step4 .map .info-box li:last-child {border-bottom: 0;}
}
/* [E] 4단계건설사업 */

/* 대기환경 */
.air .title .objHeading_h2 {margin-top: 0;}
.air .util {display: flex; align-items: center;}


.wrap-env {margin-top: 40px;}
.wrap-env .search-data {display: flex; justify-content: center; align-items: center; border: 1px solid #152e6e; margin-top: 30px; padding: 25px;}
.wrap-env .search-data .text {font-family: 'psb'; font-size: 18px; white-space: nowrap;}
.wrap-env .search-data .select {margin: 0 20px;}
.wrap-env .search-data .select select {width: 100%; height: 50px; line-height: 50px; border: 1px solid #ddd; appearance: none; -webkit-appearance: none; padding-left: 10px; padding-right: 40px; font-size: 18px; color: #666; font-family: 'pr'; background: url('/sites/fnctView/images/func/b-select-arrow.png') calc(100% - 10px) center no-repeat;}
.wrap-env .search-data .button a {display: inline-block; background-color: #152e6e; border-radius:3px; line-height:50px; text-align: center; font-size:18px; font-family: 'pm'; color:#fff;width: 265px;}
.wrap-env .con {display: none;}
.wrap-env .con.on {display: block;}
.wrap-env .sub-title {display: flex; justify-content: space-between; margin-top: 30px;}
.wrap-env .sub-title h3 {margin-top: 0;}

@media screen and (max-width:900px) {
  .wrap-env .air .title {flex-wrap: wrap; }
  .wrap-env .air .util {margin-top: 20px;}
}
@media screen and (max-width:700px) {
  .wrap-env .air .util {margin-top: 0px;}
  .wrap-env .air .util > a {margin-left: 0; margin-top: 10px;}
  .wrap-env .air .select {justify-content: space-between; width:100%;}
}
@media screen and (max-width: 640px) {
  .wrap-env .air .util {flex-wrap:wrap;}
  .wrap-env .search-data {flex-wrap: wrap;}
  .wrap-env .search-data .button {display: flex; justify-content: center; width: 100%; margin-top: 20px;}
}

@media screen and (max-width: 500px) {
  .wrap-env .search-data .button a {width: 100%;}
}

/* 실내 공기질 측정결과 */
.air .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 2px solid #00abb3;}
.air .select {display: flex; align-items: center;}
.air .select strong {padding-right: 20px; font-family: ncm; font-size: 22px; color: #111111;}
.air .select select {display: flex; align-items: center; min-width: 190px; height: 50px; padding-left: 15px; background: url('/sites/fnctView/images/func/ic-form-arrow2.png') no-repeat right center; border: 1px solid #d9d9d9; font-family: ncl; font-size: 18px; color: #333333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.air .select select:focus {box-shadow: 0 0 0 3px #cfe5ff;}
.air .con {display: none;}
.air .con.on {display: block;}
.air .list ul {display: flex; flex-wrap: wrap; width: calc(100% + 60px);}
.air .list li {width: 50%; padding-right: 60px; padding-bottom: 30px;}
.air .list .box {height: 100%; background: #f5f8fa;}
.air .list .head {padding-bottom: 20px; background: #fff;}
.air .list .body {padding: 25px;}
.air .list .body dl {position: relative; display: flex; padding-left: 15px; padding-bottom: 7px;}
.air .list .body dl:last-child {padding-bottom: 0;}
.air .list .body dl::after {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 100%; background: #3176d0;}
.air .list .body dt {flex-shrink: 0; width: auto; font-family: ncm; font-size: 18px; color: #111111;}
.air .list .body dd {flex-grow: 1; padding-left: 5px; font-family: ncr; font-size: 18px; color: #555;}
.air .list .result .row {display: flex; justify-content: space-between; padding-bottom: 7px;}
.air .list .result .row:last-child {padding-bottom: 0;}
.air .list .result .btn-result {display: flex; justify-content: center; align-items: center; height: 30px; background: #fff; padding: 0 10px; border: 1px solid #c7d3e3; border-radius: 3px; font-family: ncm; font-size: 14px; color: #5b5b5b;}
.air .list .result .btn-result:hover {border-color: #6a92c7;}

@media screen and (max-width: 1024px) {
  .air .list .body dl::after {top: 9px;}
  .air .list .body dt {font-size: 16px;}
  .air .list .body dd {font-size: 16px;}
  .air .select strong {font-size: 19px;}
  .air .select select {height: 40px; font-size: 16px;}
}

@media screen and (max-width: 940px) {
  .air .list .body dl {display: flex; flex-wrap: wrap;}
  .air .list .body dt {width: 100%; padding-bottom: 5px;}
}

@media screen and (max-width: 800px) {
  .air .list ul {width: 100%;}
  .air .list li {width: 100%; padding-right: 0;}
}

@media screen and (max-width: 700px) {
  .air .title {flex-wrap: wrap;}
  .air .title .subject {width: 100%; margin-bottom: 30px;}
}

/* 비디오 임의로 숨기기 */
.dev .video-box,
.dev .video-area {display: flex; align-items: center; justify-content: center;}
.dev .video-box::after,
.dev .video-area::after {content: '유투브 비디오 영역입니다.';}