.kdh-partner .row{margin:-1.3rem;}
.kdh-partner .row [class^=grid]{padding:1.3rem;}
.kdh-partner .row [class^=grid] a{display:block; height:23rem;}
@media (max-width:768px){
  .kdh-partner .row [class^=grid] a{height:20rem;}
}
.kdh-partner .row [class^=grid] a .thumbs{display:block; line-height:15rem; border:1px solid #ddd;}
.kdh-partner .row [class^=grid] a .thumbs img{vertical-align:middle;}
.kdh-partner .row [class^=grid] a .thumbs:hover{border:2px solid #2569c9; box-shadow:1rem 0 1.2rem rgba(0,0,0,.1);}
.kdh-partner .row [class^=grid] a em{position:relative; display:inline-block; margin-top:2rem; color:#555; font-size:1.9rem;}
.kdh-partner .row [class^=grid] a:hover em{text-decoration:underline;}
.kdh-diagram01{position:relative;}
.kdh-diagram01::before{display:inline-block; left:0; top:27rem; width:100vw; height:calc(100% - 27rem); background:#f5f9fc; z-index:-1;}
.kdh-diagram02{position:relative;}
.kdh-diagram02::before{display:inline-block; left:0; top:8rem; width:100vw; height:calc(100% - 8rem); background:#f5f9fc; z-index:-1;}
.bsport{position:relative;}
.bsport .bs-zoom{position:absolute; right:4rem; bottom:2.5rem; width:4.8rem; height:4.8rem; border-radius:4.8rem; line-height:4.8rem; background:#2569c9; outline:5px solid rgba(255,255,255,.5); box-shadow:1rem 0 1.2rem rgba(0,0,0,.2);}
.bsport-bg,.ofnew-bg,.newport-bg,.northport-bg,.counseling-bg,.recruitment-bg{position:relative;}
.bsport-bg::before,.ofnew-bg::before,.newport-bg::before,.northport-bg::before,.counseling-bg::before,.recruitment-bg::before{display:inline-block; width:100%; height:60%; left:0; top:55%; background:#f3f6fa url(/kor/assets/img/sub/03/bsport_bg.svg) no-repeat right 32rem bottom 2rem; z-index:-1;}
.bsport-bg hr,.ofnew-bg hr,.newport-bg hr,.northport-bg hr,.counseling-bg hr,.recruitment-bg hr{width:3.2rem; margin:0 0 2.5rem 0; background:#333;}
.bsport-bg em,.ofnew-bg em,.newport-bg em,.northport-bg em,.counseling-bg em,.recruitment-bg em{line-height:1.1;}
.bsport-bg em span,.ofnew-bg em span,.newport-bg em span,.northport-bg em span,.counseling-bg em span,.recruitment-bg em span{display:block; color:#c4cad3;}
@media (max-width:1280px){
  .bsport-bg::before,.ofnew-bg::before,.newport-bg::before,.northport-bg::before,.counseling-bg::before,.recruitment-bg::before{top:45%; background-position:right bottom 2rem;}
}
@media (max-width:768px){
  .bsport-bg::before,.ofnew-bg::before,.newport-bg::before,.northport-bg::before,.counseling-bg::before,.recruitment-bg::before{background-size:100%;}
}
.ofnew-bg::before{top:50%; background-position:left 68rem top -15rem;}
@media (max-width:1024px){
  .ofnew-bg::before{top:20rem; background-position:right -30rem bottom 2rem;}
}
.newport-bg::before{top:7rem; height:72%; background-position:right 10rem top -27rem;}
@media (max-width:1024px){
  .newport-bg::before{top:7.5rem; background-position:right -30rem bottom 2rem;}
}
.northport-bg::before{top:45%; height:67%; background-position:right 34rem bottom 12rem;}
@media (max-width:1280px){
  .northport-bg::before{top:20%; height:90%; background-position:right -30rem bottom 2rem;}
}
.counseling-bg::before{top:29.8rem; height:33.7rem; background-position:right 2rem bottom 13rem;}
@media (max-width:1280px){
  .counseling-bg::before{top:20%; height:80%; background-position:right -30rem bottom 2rem;}
}
.counseling-bg ol li span{position:relative; width:44px; height:50px; margin-right:1.5rem; line-height:50px; color:#fff; font-weight:700; font-size:1.7rem; text-align:center;}
.counseling-bg ol li span::before{display:inline-block; width:44px; height:50px; left:0; top:0; background:url(/kor/assets/img/sub/svg/icon_counseling_hexagon_blue.svg) no-repeat; z-index:-1;}
.counseling-bg ol li:nth-child(2) span::before{background:url(/kor/assets/img/sub/svg/icon_counseling_hexagon_emerald.svg) no-repeat;}
.counseling-bg ol li:nth-child(3) span::before{background:url(/kor/assets/img/sub/svg/icon_counseling_hexagon_green.svg) no-repeat;}
.bpa-service-bg{position:relative; background:#f5f9fc;}
.recruitment-bg::before{height:20.5rem; bottom:0; top:inherit; background-position:left 32rem bottom 2rem;}
.bpa-housing-summary .bg{background:url(/kor/assets/img/sub/03/img_housing_bg.jpg) no-repeat;}
.bpa-housing-summary .bg .yellow{color:#ffe827;}
.bpa-housing-summary .bg p{color:#fff !important;}
.bpa-housing-summary .newport [class^=grid]{position:relative; padding-left:5.5rem; min-height:12.7rem;}
.bpa-housing-summary .newport [class^=grid]::before{display:inline-block; width:1px; height:100%; right:0; top:0; background:#e2e2e2;}
.bpa-housing-summary .newport [class^=grid]:first-child{padding-left:0;}
.bpa-housing-summary .newport [class^=grid]:last-child::before{display:none;}
@media (max-width:1280px){
  .bpa-housing-summary .newport [class^=grid]:nth-child(1){padding-right:5.5rem;}
  .bpa-housing-summary .newport [class^=grid]:nth-child(3){padding-left:0; padding-right:3rem;}
  .bpa-housing-summary .newport [class^=grid]:nth-child(2n)::before{display:none;}
}
@media (max-width:640px){
  .bpa-housing-summary .newport [class^=grid]{padding-left:0rem; padding:3rem 0;}
  .bpa-housing-summary .newport [class^=grid]::before{width:100%; height:1px; left:0; bottom:0;}
  .bpa-housing-summary .newport [class^=grid]:nth-child(2n)::before{display:inline-block;}
  .bpa-housing-summary .newport [class^=grid]:first-child::before{display:none;}
}
.bpa-housing-summary hr{margin:2rem 0;}
.bpa_housing_bg,.bpa_housing_bg2{position:relative;}
.bpa_housing_bg::before,.bpa_housing_bg2::before{display:inline-block; width:100%; height:18.2rem; left:0; top:7.5rem; background:#f3f6fa url(/kor/assets/img/sub/03/img_housing_developplan_bg.png) no-repeat center right 12rem; z-index:-1;}
@media (max-width:1600px){
  .bpa_housing_bg::before,.bpa_housing_bg2::before{background-position:center right;}
}
@media (max-width:1400px){
  .bpa_housing_bg::before,.bpa_housing_bg2::before{top:7.5rem; background:#f3f6fa;}
}
.bpa_housing_bg2 p{line-height:1.9;}
.bpa_housing_bg2::before{width:100%; height:24.8em; background:#f3f6fa url(/kor/assets/img/sub/03/img_housing_developplan_bg2.png) no-repeat center right 12rem;}
@media (max-width:1600px){
  .bpa_housing_bg2::before{background-position:center right;}
}
@media (max-width:1400px){
  .bpa_housing_bg2::before{top:6rem; height:100%; background:#f3f6fa;}
}
.bpa-overseas-office em{display:inline-block; color:#111b28;}
.bpa-overseas-office ul li{position:relative; display:inline-block; font-size:1.7rem; color:#566774; padding:0 2.8rem; line-height:1.5;}
.bpa-overseas-office ul li::before{display:inline-block; right:0; top:0; width:1px; height:4.3rem; background:url(/kor/assets/img/sub/03/icon_overseas_li_dot.svg) no-repeat;}
.bpa-overseas-office ul li:last-child{padding-right:0;}
.bpa-overseas-office ul li:last-child::before{display:none;}
@media (max-width:1600px){
  .bpa-overseas-office ul li{width:calc(20% - 1rem); padding-right:1rem; padding-left:2rem; vertical-align:top;}
  .bpa-overseas-office ul li:first-child{width:16%; padding-left:7px;}
  .bpa-overseas-office ul li:nth-child(4){width:25%;}
}
@media (max-width:1024px){
  .bpa-overseas-office ul li{width:calc(33.33333% - 1rem);}
  .bpa-overseas-office ul li:first-child,.bpa-overseas-office ul li:nth-child(4){width:33.33333%; padding-left:7px;}
  .bpa-overseas-office ul li:nth-child(4),.bpa-overseas-office ul li:nth-child(5){margin-top:3rem;}
}
@media (max-width:768px){
  .bpa-overseas-office ul li{width:calc(50% - 1rem);}
  .bpa-overseas-office ul li:first-child,.bpa-overseas-office ul li:nth-child(4){width:calc(50% - 1rem);}
  .bpa-overseas-office ul li:nth-child(2n)::before{display:none;}
  .bpa-overseas-office ul li:nth-child(3),.bpa-overseas-office ul li:nth-child(7){margin-top:3rem; padding-left:7px;}
  .bpa-overseas-office ul li:nth-child(4){padding-left:2rem;}
  .bpa-overseas-office ul li:nth-child(5){padding-left:7px;}
}
@media (max-width:520px){
  .bpa-overseas-office ul li{width:100% !important; margin-top:3rem; padding-left:7px !important;}
  .bpa-overseas-office ul li::before{display:none;}
  .bpa-overseas-office ul li:first-child{margin-top:0;}
}
.bpa-overseas-office hr{margin-top:7rem; background-color:#9da1a4;}
.btn-new-window span{display:inline-block; min-width:34rem; height:6.8rem; line-height:calc(6.8rem - 2px); padding:0 2rem; background-color:#fff; border:1px solid #e2e2e2; font-size:2rem; color:#333;}
.btn-new-window a{display:inline-block; height:6.8rem; line-height:calc(6.8rem - 2px); padding:0 2rem; background-color:#1c3250;}
.btn-new-window a img{vertical-align:middle; text-align:center;}
@media (max-width:360px){
  .btn-new-window span{min-width:30rem;}
}
.map-zoom{position:absolute; right:2rem; top:2rem; min-width:17rem; height:5.8rem; line-height:calc(5.8rem - 2px); border:1px solid #1d62c4; background:#fff;}
@media (max-width:1024px){
  .map-zoom a.map-zoom[target]{display:block;}
}
.bpa-port-center{margin:-1.5rem;}
.bpa-port-center [class^=grid]{padding:1.5rem;}
.bpa-port-center [class^=grid] img{display:block;}
.bpa-port-center [class^=grid] span{display:block; font-size:1.9rem; color:#222; padding:2.5rem 0; background:#f9fafb; border:1px solid #dedede;}
.bpa-customer-charter{position:relative; overflow:hidden; border-bottom:1px solid #d9e1eb;}
.bpa-customer-charter::before{display:inline-block; width:100%; height:100%; left:0; top:19rem; background:#f6f8fa; z-index:-1;}
.bpa-customer-charter .bg-blue{font-size:2rem; color:#fff; font-weight:600; background-color:#1558b6;}
.bpa-customer-charter em{position:relative; font-size:2rem;}
.bpa-customer-charter em::before{display:inline-block; left:0; top:50%; margin-top:-30px; width:59px; height:62px; background:url(/kor/assets/img/sub/04/icon_customer_hexagon1.svg) no-repeat; z-index:-1;}
.bpa-customer-charter i.hr-i{position:absolute; bottom:-5rem; left:50%; margin-left:-0.4rem;}
.bpa-customer-charter i.bg-text{position:absolute; left:-10rem; top:30rem; font-size:20rem; color:#d9e3f1; font-weight:800; z-index:-1; white-space:nowrap; opacity:.4;}
.bpa-customer-charter sub{display:block; padding-left:2rem; padding-right:2rem; border-top:1px solid #d3d9df; background:#e6edf5; font-size:2rem; font-weight:600;}
.bpa-customer-charter sub.bullets{position:relative;}
.bpa-customer-charter sub.bullets::before{display:inline-block; width:22px; height:21px; margin-left:-11px; left:50%; top:-0.7rem; background:url(/kor/assets/img/sub/04/icon_customer_hexagon2.svg) no-repeat;}
.bpa-customer-charter sup{display:block; padding:3.5rem 2rem; font-size:2.3rem; background:#1558b6; color:#fff;}
.bpa-cyber-report{position:relative;}
.bpa-cyber-report::before{display:inline-block; left:0; top:0; width:100%; height:100%; background:url(/kor/assets/img/sub/04/img_cyber_report.png) no-repeat; z-index:-1;}
.bpa-cyber-report h3{color:#003168;}
.bpa-cyber-report h3+p{color:#39546e; font-size:2rem;}
.bpa-cyber-report mark.blue{color:#0c5bcb;}
.bpa-cyber-report .cyber-box-list{border-top:2px solid #1558b6;}
.bpa-cyber-report .cyber-box-list .cyber-box{position:relative; padding:4rem; border-right:1px solid #c9ced5; border-left:1px solid #c9ced5; border-bottom:1px solid #c9ced5; background:#fff;}
.bpa-cyber-report .cyber-box-list .cyber-box h5{color:#1558b6;}
.bpa-cyber-report .cyber-box-list .cyber-box p{margin-top:1.5rem; font-size:1.7rem; padding-right:10rem;}
.bpa-cyber-report .cyber-box-list .cyber-box sub{position:absolute; right:3rem; bottom:4rem; color:#555; background:#f2f2f2; padding:1rem 1.5rem; border-radius:3rem; font-size:1.5rem;}
.bpa-cyber-report .cyber-box-list.emerald{border-top:2px solid #088fc1;}
.bpa-cyber-report .cyber-box-list.emerald .cyber-box p{padding-right:7rem;}
.bpa-cyber-report .cyber-box-list.emerald .cyber-box h5{color:#088fc1;}
.bpa-cyber-report .cyber-box-list.purple{border-top:2px solid #695acc;}
.bpa-cyber-report .cyber-box-list.purple .cyber-box h5{color:#695acc;}
.bpa-cyber-report .cyber-box-list.green{border-top:2px solid #139aaa;}
.bpa-cyber-report .cyber-box-list.green .cyber-box h5{color:#139aaa;}
.dh-pop .el{max-width:1170px;}
.dh-pop .el .pop-contents{padding:6rem 5rem;}
@media (max-width:768px){
  .dh-pop .el .pop-contents{padding:3rem;}
}
.bpa-select-report .box.form{padding:4.5rem 8rem;}
@media (max-width:768px){
  .bpa-select-report .box.form{padding:3rem;}
}
@media (max-width:420px){
  .bpa-select-report .box.form{padding:2rem;}
}
.bpa-select-report hr{margin:4rem 0;}
.bpa-private-info .img{width:14rem; text-align:center;}
.bpa-private-info p{width:calc(100% - 14rem); position:relative; padding-left:3.5rem;}
.bpa-private-info p::before{display:inline-block; width:1px; height:3.3rem; left:0; top:50%; margin-top:-1.65rem; background:#e2e2e2;}
@media (max-width:768px){
  .bpa-private-info .img{width:10rem;}
  .bpa-private-info p{width:calc(100% - 10rem); padding-left:2rem;}
}
.bpa-esg{position:relative;}
.bpa-esg::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:url(/kor/assets/img/sub/06/img_esg_bg.jpg) no-repeat; z-index:-1;}
.bpa-esg .row{margin:-1.5rem;}
.bpa-esg .row [class^=grid]{padding:1.5rem;}
.bpa-esg .row [class^=grid] .esg-box{position:relative; max-width:42.6rem; min-height:43.4rem; padding:6rem 3rem 2rem 5rem; background:url(/kor/assets/img/sub/06/img_esg_01.jpg) no-repeat center;}
.bpa-esg .row [class^=grid] .esg-box::after{display:inline-block; width:5rem; height:5rem; right:3rem; bottom:2rem; background:url(/kor/assets/img/sub/06/img_esg_num1.png) no-repeat; z-index:1;}
.bpa-esg .row [class^=grid] .esg-box:last-child{margin-right:0;}
.bpa-esg .row [class^=grid] .esg-box p{color:#fff;}
@media (max-width:768px){
  .bpa-esg .row [class^=grid] .esg-box{max-width:100%; min-height:25rem; background-size:cover;}
}
@media (max-width:420px){
  .bpa-esg .row [class^=grid] .esg-box{min-height:38.4rem;}
}
.bpa-esg .row [class^=grid]:nth-child(2) .esg-box{background-image:url(/kor/assets/img/sub/06/img_esg_02.jpg);}
.bpa-esg .row [class^=grid]:nth-child(2) .esg-box::after{background-image:url(/kor/assets/img/sub/06/img_esg_num2.png);}
.bpa-esg .row [class^=grid]:nth-child(3) .esg-box{background-image:url(/kor/assets/img/sub/06/img_esg_03.jpg);}
.bpa-esg .row [class^=grid]:nth-child(3) .esg-box::after{background-image:url(/kor/assets/img/sub/06/img_esg_num3.png);}
.bpa-esg i.bg-text{position:absolute; left:0; bottom:-2rem; font-size:16rem; color:#d9e3f1; font-weight:800; z-index:-1; white-space:nowrap; opacity:.4;}
.bpa-og-role .role-box{border-right:1px solid #e2e2e2;}
.bpa-og-role .role-box:last-child{border:0;}
@media (max-width:1024px){
  .bpa-og-role .role-box:nth-child(2){border:0;}
}
@media (max-width:640px){
  .bpa-og-role .role-box:nth-child(1){border:0;}
}
.bpa-og-role .role-box .hexagon{position:relative;}
.bpa-og-role .role-box .hexagon span{position:absolute; left:50%; top:calc(50% - 1.8rem); font-size:4rem; color:#fff; font-weight:800; transform:translate(-50%,-50%);}
.bpa-og-role .role-box .error hr{width:1.5rem; background:#4e4e4e;}
.bpa-og-role .role-box mark.blue{color:#336cbe;}
.bpa-og-role .role-box mark.emerald{color:#088fc1;}
.bpa-og-role .role-box mark.purple{color:#7a6cd8;}
.bpa-esg-og{position:relative; overflow:hidden;}
.bpa-esg-og::before{display:inline-block; width:100%; height:57%; left:0; bottom:0; background:#f5f9fc;}
@media (max-width:1024px){
  .bpa-esg-og::before{height:50%;}
}
@media (max-width:768px){
  .bpa-esg-og::before{height:66%;}
}
.bpa-esg-og .inner{position:relative;}
.bpa-esg-og .inner::before{display:inline-block; width:100%; height:100%; left:0; top:15%; background:url(/kor/assets/img/sub/06/img_esg_og_text.png) no-repeat; z-index:-2;}
@media (max-width:1024px){
  .bpa-esg-og .inner::before{display:none;}
}
.bpa-esg-og .inner>ul:nth-child(1){position:relative; padding:0;}
.bpa-esg-og .inner>ul:nth-child(1)::before{display:inline-block; width:1px; height:266%; left:50%; top:30%; background:#d0d8dd;}
@media (max-width:1024px){
  .bpa-esg-og .inner>ul:nth-child(1)::before{display:none;}
}
.bpa-esg-og .inner>ul:nth-child(1) li{position:relative;}
.bpa-esg-og .inner>ul:nth-child(1) li span{position:absolute; left:50%; top:15%; color:#fff; transform:translateX(-50%); font-size:2rem; font-weight:700;}
.bpa-esg-og .inner>ul:nth-child(1) li em{position:absolute; left:50%; bottom:38%; font-size:3rem; color:#2569c9; transform:translateX(-50%);}
.bpa-esg-og .inner>ul:nth-child(1) li .dot{position:absolute; right:-25rem; top:40%; transform:translateY(-50%);}
@media (max-width:1024px){
  .bpa-esg-og .inner>ul:nth-child(1) li .dot{right:inherit; left:42%; top:inherit; bottom:0; transform:translate(-50%,0);}
}
@media (max-width:768px){
  .bpa-esg-og .inner>ul:nth-child(1) li{width:100%;}
  .bpa-esg-og .inner>ul:nth-child(1) li .dot{left:0; bottom:-2rem; transform:translate(0,0);}
}
.bpa-esg-og .inner>ul{position:relative; padding:7rem 0;}
@media (max-width:768px){
  .bpa-esg-og .inner>ul{padding:2rem 0;}
}
.bpa-esg-og .inner>ul li a{display:block; height:7.5rem; line-height:7.5rem; background:#eee; font-size:2rem; color:#fff;}
@media (max-width:1024px){
  .bpa-esg-og .inner>ul li a{font-size:1.8rem;}
}
@media (max-width:768px){
  .bpa-esg-og .inner>ul li a{font-size:2rem;}
}
.bpa-esg-og .inner>ul:nth-child(2),.bpa-esg-og .inner>ul:nth-child(3){padding:0 0 3rem 0;}
.bpa-esg-og .inner>ul:nth-child(2) li,.bpa-esg-og .inner>ul:nth-child(3) li{position:relative; width:36.2rem; margin-top:1rem;}
.bpa-esg-og .inner>ul:nth-child(2) li em,.bpa-esg-og .inner>ul:nth-child(2) li span,.bpa-esg-og .inner>ul:nth-child(3) li em,.bpa-esg-og .inner>ul:nth-child(3) li span{display:block; line-height:calc(6.5rem - 2px); border:1px solid #a4b9d0;}
.bpa-esg-og .inner>ul:nth-child(2) li em,.bpa-esg-og .inner>ul:nth-child(3) li em{font-size:2rem; background:#eaf2fa; border-bottom:0; color:#2c476e;}
.bpa-esg-og .inner>ul:nth-child(2) li span,.bpa-esg-og .inner>ul:nth-child(3) li span{font-size:2.1rem; background:#fff; border-top:1px solid #d6e0ea; color:#333;}
.bpa-esg-og .inner>ul:nth-child(2) li .dot,.bpa-esg-og .inner>ul:nth-child(3) li .dot{position:absolute; right:-43rem; top:50%; transform:translateY(-50%);}
@media (max-width:1024px){
  .bpa-esg-og .inner>ul:nth-child(2) li .dot,.bpa-esg-og .inner>ul:nth-child(3) li .dot{right:inherit; left:50%; top:inherit; transform:translate(-50%,0);}
}
@media (max-width:768px){
  .bpa-esg-og .inner>ul:nth-child(2) li,.bpa-esg-og .inner>ul:nth-child(3) li{width:100%;}
  .bpa-esg-og .inner>ul:nth-child(2) li .dot,.bpa-esg-og .inner>ul:nth-child(3) li .dot{left:0; transform:translate(0,0);}
}
.bpa-esg-og .inner>ul:nth-child(4){position:relative; margin:0 -2rem;}
@media (max-width:1400px){
  .bpa-esg-og .inner>ul:nth-child(4){margin:0 -1rem;}
}
.bpa-esg-og .inner>ul:nth-child(4)::before{display:inline-block; width:66.9%; height:1px; left:50%; top:0; transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
.bpa-esg-og .inner>ul:nth-child(4)::after{display:inline-block; position:absolute; width:1.6rem; height:1.6rem; background:#039cd5; left:calc(50% + 1px); top:-0.8rem; margin-left:-0.8rem; transform:rotate(45deg); box-shadow:1rem 0 1rem rgba(0,0,0,.15);}
@media (max-width:768px){
  .bpa-esg-og .inner>ul:nth-child(4)::before,.bpa-esg-og .inner>ul:nth-child(4)::after{display:none;}
}
.bpa-esg-og .inner>ul:nth-child(4) li{margin-top:1rem;}
.bpa-esg-og .inner>ul:nth-child(4) li span{display:block; line-height:calc(7.5rem - 2px); font-size:2rem; background:#fff; border:1px solid #d2dbe7; border-bottom:1px solid #a0aec2; color:#555;}
.bpa-esg-og .inner>ul:nth-child(4) li>ul li a span{position:relative;}
.bpa-esg-og .inner>ul:nth-child(4) li>ul li a span::after{display:none; width:8px; height:8px; right:-1.5rem; top:50%; margin-top:-4px; border-top:1px solid #2569c9; border-right:1px solid #2569c9; transform:rotate(45deg);}
.bpa-esg-og .inner>ul:nth-child(4)>li{position:relative; padding:0 2rem; margin-top:0;}
.bpa-esg-og .inner>ul:nth-child(4)>li::before{display:inline-block; width:1px; height:7.5rem; left:50%; top:-7rem; background:#d0d8dd;}
.bpa-esg-og .inner>ul:nth-child(4)>li>span{position:relative; display:block; margin-bottom:2rem; background:#088fc1; border-color:#088fc1; color:#fff;}
.bpa-esg-og .inner>ul:nth-child(4)>li>span::before{display:inline-block; width:1.4rem; height:1.4rem; left:50%; bottom:-0.7rem; margin-left:-0.7rem; background:#088fc1; transform:rotate(45deg);}
@media (max-width:1400px){
  .bpa-esg-og .inner>ul:nth-child(4)>li{padding:0 1rem;}
}
@media (max-width:768px){
  .bpa-esg-og .inner>ul:nth-child(4)>li{width:33.3333333333%;}
  .bpa-esg-og .inner>ul:nth-child(4)>li::before{display:none;}
  .bpa-esg-og .inner>ul:nth-child(4)>li:nth-child(n+4){margin-top:-62rem;}
}
@media (max-width:480px){
  .bpa-esg-og .inner>ul:nth-child(4)>li{width:50%;}
  .bpa-esg-og .inner>ul:nth-child(4)>li:nth-child(n+3){margin-top:-62rem;}
}
.bpa-esg-og2{position:relative; overflow:hidden;}
.bpa-esg-og2::before{display:inline-block; width:100%; height:40%; left:0; bottom:0; background:#f5f9fc;}
@media (max-width:1024px){
  .bpa-esg-og2::before{height:32.5%;}
}
@media (max-width:480px){
  .bpa-esg-og2::before{height:55.5%;}
}
.bpa-esg-og2 .inner{position:relative;}
.bpa-esg-og2 .inner>ul:nth-child(1){position:relative; padding:0;}
.bpa-esg-og2 .inner>ul:nth-child(1)::before{display:inline-block; width:1px; height:70%; left:50%; top:30%; background:#d0d8dd;}
@media (max-width:1024px){
  .bpa-esg-og2 .inner>ul:nth-child(1)::before{display:none;}
}
.bpa-esg-og2 .inner>ul:nth-child(1) li{position:relative;}
.bpa-esg-og2 .inner>ul:nth-child(1) li span{position:absolute; left:50%; top:15%; color:#fff; transform:translateX(-50%); font-size:2rem; font-weight:700;}
.bpa-esg-og2 .inner>ul:nth-child(1) li em{position:absolute; left:50%; bottom:38%; font-size:3rem; color:#2569c9; transform:translateX(-50%);}
.bpa-esg-og2 .inner>ul:nth-child(1) li .dot{position:absolute; right:-25rem; top:40%; transform:translateY(-50%);}
@media (max-width:1024px){
  .bpa-esg-og2 .inner>ul:nth-child(1) li .dot{width:100%; right:inherit; left:65%; top:inherit; top:inherit; bottom:-3rem; transform:translate(-50%,0);}
}
.bpa-esg-og2 .inner>ul{position:relative; padding:7rem 0;}
@media (max-width:768px){
  .bpa-esg-og2 .inner>ul{padding:2rem 0;}
}
.bpa-esg-og2 .inner>ul li a{display:block; height:7.5rem; line-height:7.5rem; background:#eee; font-size:2rem; color:#fff;}
@media (max-width:1024px){
  .bpa-esg-og2 .inner>ul li a{font-size:1.8rem;}
}
@media (max-width:768px){
  .bpa-esg-og2 .inner>ul li a{font-size:2rem;}
}
.bpa-esg-og2 .inner>ul:nth-child(2){position:relative; margin:0 -2rem;}
@media (max-width:1400px){
  .bpa-esg-og2 .inner>ul:nth-child(2){margin:0 -1rem;}
}
.bpa-esg-og2 .inner>ul:nth-child(2)::before{display:inline-block; width:66.9%; height:1px; left:50%; top:0; transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
.bpa-esg-og2 .inner>ul:nth-child(2)::after{display:inline-block; position:absolute; width:1.6rem; height:1.6rem; background:#039cd5; left:calc(50% + 1px); top:-0.8rem; margin-left:-0.8rem; transform:rotate(45deg); box-shadow:1rem 0 1rem rgba(0,0,0,.15);}
@media (max-width:768px){
  .bpa-esg-og2 .inner>ul:nth-child(2)::before,.bpa-esg-og2 .inner>ul:nth-child(2)::after{display:none;}
}
.bpa-esg-og2 .inner>ul:nth-child(2) li{margin-top:1rem;}
.bpa-esg-og2 .inner>ul:nth-child(2) li span{display:block; line-height:calc(7.5rem - 2px); font-size:2rem; background:#fff; border:1px solid #d2dbe7; border-bottom:1px solid #a0aec2; color:#555;}
.bpa-esg-og2 .inner>ul:nth-child(2) li>ul li a span{position:relative;}
.bpa-esg-og2 .inner>ul:nth-child(2) li>ul li a span::after{display:none; width:8px; height:8px; right:-1.5rem; top:50%; margin-top:-4px; border-top:1px solid #2569c9; border-right:1px solid #2569c9; transform:rotate(45deg);}
.bpa-esg-og2 .inner>ul:nth-child(2)>li{position:relative; padding:0 2rem; margin-top:0;}
.bpa-esg-og2 .inner>ul:nth-child(2)>li::before{display:inline-block; width:1px; height:7.5rem; left:50%; top:-7rem; background:#d0d8dd;}
.bpa-esg-og2 .inner>ul:nth-child(2)>li>span{position:relative; display:block; margin-bottom:2rem; background:#088fc1; border-color:#088fc1; color:#fff;}
.bpa-esg-og2 .inner>ul:nth-child(2)>li>span::before{display:inline-block; width:1.4rem; height:1.4rem; left:50%; bottom:-0.7rem; margin-left:-0.7rem; background:#088fc1; transform:rotate(45deg);}
@media (max-width:1400px){
  .bpa-esg-og2 .inner>ul:nth-child(2)>li{padding:0 1rem;}
}
@media (max-width:768px){
  .bpa-esg-og2 .inner>ul:nth-child(2)>li{width:33.3333333333%;}
  .bpa-esg-og2 .inner>ul:nth-child(2)>li::before{display:none;}
  .bpa-esg-og2 .inner>ul:nth-child(2)>li:nth-child(n+4){margin-top:3rem;}
}
@media (max-width:480px){
  .bpa-esg-og2 .inner>ul:nth-child(2)>li{width:100%; margin-bottom:3rem;}
}
.esg-sub-role{margin:0 -1.5rem;}
.esg-sub-role [class^=grid]{padding:0 1.5rem;}
.esg-sub-role [class^=grid] .role-box{position:relative; padding:0;}
.esg-sub-role [class^=grid] .role-box em{display:inline-block; width:100%; min-height:6.9rem; line-height:6.9rem; background:#2569c9; color:#fff; font-size:2.2rem; font-weight:700;}
.esg-sub-role [class^=grid] .role-box .box{min-height:19.7rem; padding:3.5rem; font-size:1.9rem; color:#555;}
.esg-sub-role [class^=grid] .role-box .diamonds{position:relative; z-index:1;}
.esg-sub-role [class^=grid] .role-box .diamonds::before{display:inline-block; position:absolute; width:5.4rem; height:5.4rem; background:#2569c9; left:calc(50% + 1px); top:-2.7rem; margin-left:-2.7rem; transform:rotate(45deg); box-shadow:.8rem 0 1rem rgba(0,0,0,.12); z-index:-1;}
.esg-sub-role [class^=grid] .role-box .diamonds span{line-height:0; font-size:2.4rem; color:#088fc1; font-weight:700;}
.esg-sub-role [class^=grid]:nth-child(1) .role-box .diamonds::after{display:inline-block; width:5.4rem; height:5.4rem; left:50%; top:50%; margin-left:-2.5rem; margin-top:-2.6rem; background:url(/kor/assets/img/sub/06/icon_esg_common.svg) no-repeat center center;}
.esg-sub-role [class^=grid] .role-box.emerald em{background:#f3f8fa; color:#0078a4; border-top:3px solid #088fc1; border-right:1px solid #d7dbe4; border-left:1px solid #d7dbe4; border-bottom:0;}
.esg-sub-role [class^=grid] .role-box.emerald .diamonds::before{border:3px solid #088fc1; background:#fff;}
.esg-sub-role [class^=grid] .role-box.emerald .diamonds span{color:#0078a4;}
.esg-sub-role [class^=grid] .role-box.green em{background:#f6fafb; color:#00899a; border-top:3px solid #0894a5; border-right:1px solid #d7dbe4; border-left:1px solid #d7dbe4; border-bottom:0;}
.esg-sub-role [class^=grid] .role-box.green .diamonds::before{border:3px solid #0894a5; background:#fff;}
.esg-sub-role [class^=grid] .role-box.green .diamonds span{color:#00899a;}
.esg-sub-role [class^=grid] .role-box.purple em{background:#faf9fd; color:#6f60d3; border-top:3px solid #7969e3; border-right:1px solid #d7dbe4; border-left:1px solid #d7dbe4; border-bottom:0;}
.esg-sub-role [class^=grid] .role-box.purple .diamonds::before{border:3px solid #7969e3; background:#fff;}
.esg-sub-role [class^=grid] .role-box.purple .diamonds span{color:#6f60d3;}
.bpa-recruitment{position:relative; margin:0 -3rem;}
.bpa-recruitment hr{height:3rem; background-color:#111; top:12rem;}
.bpa-recruitment [class^=grid]{padding:0 3rem;}
.bpa-recruitment [class^=grid] .el{position:relative;}
.bpa-recruitment [class^=grid] .el i{position:absolute; top:0; left:0; font-size:12rem; font-style:italic; color:#ebebeb; opacity:.8; font-weight:800; z-index:-1;}
@media (max-width:1280px){
  .bpa-recruitment{margin:0 -1.5rem;}
  .bpa-recruitment [class^=grid]{padding:0 1.5rem;}
}
ol.recruitment-process{padding:5rem 10rem 3rem 10rem;}
@media (max-width:1280px){
  ol.recruitment-process{padding:5rem 0 3rem 7rem;}
}
@media (max-width:1024px){
  ol.recruitment-process{padding:0;}
}
ol.recruitment-process>li{position:relative; width:calc(25% - 8.2rem); margin:0 5.45rem; text-align:center;}
@media (max-width:1280px){
  ol.recruitment-process>li{margin:0 3rem; width:calc(25% - 4.5rem);}
}
@media (max-width:1024px){
  ol.recruitment-process>li{margin:5rem 0 !important; width:100%;}
}
ol.recruitment-process>li mark.pa{left:0; bottom:-3rem; width:100%; font-size:1.5rem;}
ol.recruitment-process>li em{display:block; width:20rem; height:20rem; line-height:20rem; border:8px solid #a1b7d9; border-radius:50%; margin:0 auto;}
ol.recruitment-process>li em span{display:inline-block; line-height:1.3; font-size:2.2rem; color:#2b5a9c; vertical-align:middle; margin-top:-2rem;}
ol.recruitment-process>li i{position:absolute; width:3rem; height:3rem;}
ol.recruitment-process>li i::before,ol.recruitment-process>li i::after{display:inline-block; width:inherit; height:inherit; top:0; background:#d7e3f1; transform:rotate(45deg);}
ol.recruitment-process>li i::before{right:-6px;}
ol.recruitment-process>li i::after{right:0; background:#2569ca;}
ol.recruitment-process>li i img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
ol.recruitment-process>li:last-child{width:25rem; margin-right:2rem; margin-top:10.5rem !important;}
ol.recruitment-process>li:last-child img{position:absolute; left:0; top:0; z-index:-1; transform:none !important;}
ol.recruitment-process>li:last-child em{position:relative; border:0;}
ol.recruitment-process>li:last-child em span{color:#fff; margin-left:-1rem;}
@media (max-width:1024px){
  ol.recruitment-process>li:last-child{width:100% !important; margin-top:8rem !important;}
  ol.recruitment-process>li:last-child span{margin-left:0;}
  ol.recruitment-process>li:last-child img{width:27rem; left:50%; top:-1rem; margin-left:-13.5rem !important;}
}
ol.recruitment-process>li:nth-child(-n+4){float:left;}
ol.recruitment-process>li:nth-child(-n+4) i{right:-6.3rem; top:50%; margin-top:-1.5rem;}
@media (max-width:1280px){
  ol.recruitment-process>li:nth-child(-n+4) i{right:-4.5rem;}
}
ol.recruitment-process>li:nth-child(n+5){float:right; margin-top:10rem; margin-bottom:10rem;}
ol.recruitment-process>li:nth-child(n+5) i{left:-6.3rem; top:50%; margin-top:-1.5rem;}
@media (max-width:1280px){
  ol.recruitment-process>li:nth-child(n+5) i{left:-4.5rem;}
}
ol.recruitment-process>li:nth-child(4n) i{left:auto !important; top:auto !important; right:50% !important; bottom:-6.3rem !important; margin-top:0; margin-right:-1.5rem; transform:rotate(90deg) !important;}
ol.recruitment-process>li:nth-child(n+5) img{transform:rotate(-180deg); margin-left:-5px; margin-top:-6px;}
ol.recruitment-process>li:nth-child(1){margin-left:0 !important;}
ol.recruitment-process>li:nth-child(4),ol.recruitment-process>li:nth-child(5){margin-right:0 !important;}
@media (max-width:1024px){
  ol.recruitment-process>li i{left:auto !important; top:auto !important; right:50% !important; bottom:-6.3rem !important; margin-top:0; margin-right:-1.5rem; transform:rotate(90deg) !important;}
  ol.recruitment-process>li i img{transform:rotate(0) translate(-50%,-50%) !important; margin:0 !important;}
}
.bpa-esg-kosha{position:relative;}
.bpa-esg-kosha::before{display:inline-block; left:0; bottom:0; width:100%; height:39.7rem; background:#f3f6fa url(/kor/assets/img/sub/svg/bpa_esg_kosha_hexagon.svg) no-repeat bottom; z-index:-1;}
.bpa-esg-kosha span{background:#2569c9; color:#fff; font-size:1.8rem;}
.bpa-esg-kosha p{font-size:2rem; line-height:1.8;}
.bpa-authority-vod{position:relative;}
.bpa-authority-vod::before{display:inline-block; left:0; bottom:0; height:calc(100% - 45rem); width:100%; background:#f5f6f8; z-index:-1;}
/*# sourceMappingURL=kdh.min.css.map */