.archivo{font-family:"Archivo",sans-serif;}
.header{background:-webkit-linear-gradient(top, rgba(0, 28, 62, 0.8) 0%, rgba(0, 28, 62, 0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#99001c3e", endColorstr="#00001c3e",GradientType=0 );}
h3{margin-bottom:2rem; font-size:3.2rem; line-height:1.2;}
h3.c-tit01,h3.bullets{padding-left:3.6rem; background:url(/images/kor/assets/img/sub/svg/h3_bullets.svg) no-repeat left .4rem;}
h4{margin-bottom:2rem; font-size:2.6rem; line-height:1.2;}
h5{margin-bottom:2rem; font-size:2.4rem; line-height:1.2; font-weight:600;}
h6{margin-bottom:2rem; font-size:2.1rem; line-height:1.2; font-weight:600;}
h6.bullets{position:relative; padding-left:1.4rem;}
h6.bullets::before{display:inline-block; width:4px; height:4px; left:0; top:1.1rem; background:#333;}
h6.bullets.rectangle{position:relative; padding-left:1.4rem; font-size:2rem;}
h6.bullets.rectangle::before{display:inline-block; width:6px; height:2px; left:0; top:1.1rem; background:#333;}
a.zoom[target]{display:none; position:absolute; right:2rem; bottom:2rem;}
@media(max-width: 1024px){
  a.zoom[target]{display:block;}
}
p:not(.init){font-size:1.8rem; color:#555; line-height:1.5;}
@media(max-width: 1024px){
  p:not(.init){font-size:2rem;}
}
#quick-service p.c255{color:#fff;}
p.init:not(.total){position:relative; padding-left:2.5rem;}
p.init:not(.total) img{position:absolute; left:0; top:.5rem;}
p.init:not(.total) mark,p.init:not(.total) span{font-size:1.8rem; line-height:1.4;}
@media(max-width: 1024px){
  p.init:not(.total) mark,p.init:not(.total) span{font-size:2rem;}
}
hr:not(.vertical){height:1px; background:#e2e2e2; margin:5rem 0; border:0;}
hr.vertical{position:absolute; width:1px; left:50%; top:0; border:0; background:#e2e2e2; margin-left:1px; top:50%; transform:translateY(-50%);}
hr.short{width:2.6rem; background:#111; margin:3rem auto 5rem auto;}
hr.dot{background:rgba(0,0,0,0); border-bottom:1px dotted #969ea5;}
mark.red{color:#d5311b;}
mark.green{color:#019f43;}
mark.orange{color:#e7761b;}
mark.light-blue{color:#088fc1;}
mark.blue{color:#2569c9;}
mark.eastern-blue{color:#139aaa;}
mark.circle{display:inline-block; line-height:3rem; border-radius:3rem; padding:0 1.5rem; color:#fff;}
mark.circle.red{background:#d5311b;}
mark.circle.green{background:#019f43;}
mark.circle.blue{background:#2774e0;}
mark.circle.navy{background:#24477b;}
mark.circle.black{background:#111;}
mark.radius{display:inline-block; line-height:1.5; border-radius:10rem; padding:1rem 3rem; background:#fff; font-size:1.8rem; color:#6a7687;}
img[data-ul]{min-width:1600px;}
img[data-el]{min-width:1400px;}
img[data-lg]{min-width:1280px;}
img[data-md]{min-width:1024px;}
img[data-sm]{min-width:768px;}
img[data-es]{min-width:640px;}
img[data-us]{min-width:420px;}
ul.dot{font-size:1.7rem; color:#555; line-height:1.5;}
ul.dot>li{position:relative; padding-left:1rem; margin-bottom:.8rem;}
ul.dot>li:last-child{margin-bottom:0;}
ul.dot>li::before{display:inline-block; width:3px; height:3px; left:0; top:1rem; background:#555;}
ul.dot>li ol,ul.dot>li ul{margin:1rem 0;}
ul.dot>li li{margin-bottom:.8em;}
@media(max-width: 1024px){
  ul.dot{font-size:2rem;}
  ul.dot>li::before{top:1.2rem;}
}
ul.rectangle{font-size:1.7rem; color:#555; line-height:1.5;}
ul.rectangle>li{position:relative; padding-left:1rem; margin-bottom:.8rem;}
ul.rectangle>li:last-child{margin-bottom:0;}
ul.rectangle>li::before{display:inline-block; width:5px; height:1px; left:0; top:1.2rem; background:#555;}
ul.rectangle>li ul{margin:1rem 0;}
ul.rectangle>li li{margin-bottom:.8em;}
@media(max-width: 1024px){
  ul.rectangle{font-size:2rem;}
}
ol.num{counter-reset:number; font-size:1.7rem; color:#555;}
ol.num>li{position:relative; padding-left:2.5rem; margin-bottom:1rem; line-height:1.6;}
ol.num>li:last-child{margin-bottom:0;}
ol.num>li::before{display:inline-block; content:counter(number); counter-increment:number; left:0; top:.2rem; width:2rem; height:2rem; border-radius:2rem; line-height:calc(2rem - 2px); border:1px solid #111; text-align:center; font-size:1.2rem; font-weight:700;}
ol.num>li ol,ol.num>li ul{margin:1rem 0;}
ol.num>li li{margin-bottom:.5rem;}
ol.num.blue>li::before{border-color:#2569c9; color:#2569c9;}
.box ol.num>li::before{content:counter(number) "."; border:0; font-size:1.5rem; font-weight:400;}
span.state[data-state]{width:7rem; height:3.7rem; line-height:3.7rem; font-size:1.6rem; color:#333; text-align:center; border-radius:3px; border:1px solid rgba(0,0,0,0);}
span.state[data-state][data-state="0"]{background:#e7761b; border-color:#c36010; color:#fff;}
span.state[data-state][data-state="1"]{background:#2569c9; border-color:#0a469b; color:#fff;}
span.state[data-state][data-state="2"]{background:#139aaa; border-color:#0c8695; color:#fff;}
span.state[data-state][data-state="3"]{background:#fafafa; border-color:#9499a0;}
span.state[data-state][data-state="10"]{width:10rem; background:#e7761b; border-color:#c36010; color:#fff;}
span.state[data-state][data-state="11"]{width:10rem; background:#2569c9; border-color:#0a469b; color:#fff;}
span.state[data-state][data-state="12"]{width:10rem; background:#fafafa; border-color:#9499a0;}
.global-attachment input[type=file]+label{height:3.5rem; line-height:3.5rem; padding:0 1.4rem; border:1px solid #a0a0a0; border-radius:3px; background:#fff; font-size:1.4rem; flex-shrink:0;}
.global-attachment input[type=file]+label::before{display:none;}
.global-attachment input[type=file]:focus+label{outline:2px solid #111;}
.global-attachment input[type=file]~span{font-size:1.5rem; color:#888;}
.box{position:relative; padding:5rem; background:#fff; border:1px solid #d7dbe4;}
.box.form,.box.bg{background:#f7f8fa;}
@media(max-width: 1024px){
  .box{padding:3rem;}
}
@media(max-width: 420px){
  .box{padding:2rem;}
}
.box.form{min-height:0; padding:3rem;}
.box[data-type="1"]{padding:5rem 5rem 5rem 27rem; border:1px solid #ccc;}
.box[data-type="1"]::before{display:inline-block; width:100%; height:3px; left:-1px; top:-1px; background:#1558b6; border:1px solid #1558b6; box-sizing:content-box;}
@media(max-width: 1024px){
  .box[data-type="1"]{padding:25rem 3rem 3rem 3rem; border:1px solid #ccc;}
}
.box[data-type="2"]{padding:4rem 4rem 4rem 18rem; background:#fdfaf8; border:1px solid #e8d7c9; color:#a45621; font-size:1.8rem; line-height:2;}
@media(max-width: 1024px){
  .box[data-type="2"]{padding:18rem 3rem 3rem 3rem; border:1px solid #ccc;}
}
.box[data-type="2"] li{color:#a45621;}
.box[data-type="2"] li::before{background-color:#a45621;}
.box[data-type="3"]{padding:5rem 8rem 5rem 8rem; background:#fff;}
.box[data-type="3"] hr{margin:0 0 3rem 0;}
@media(max-width: 1024px){
  .box[data-type="3"]{padding:3rem;}
}
.box>img{position:absolute; left:5rem;}
.box>img:not([class]){top:50%; transform:translateY(-50%);}
@media(max-width: 1024px){
  .box>img,.box>img:not([class]){top:5rem; left:50%; top:5rem; transform:translateX(-50%) translateY(0);}
}
.box.s{padding:5rem 5rem 5rem 23rem; background:#fff;}
@media(max-width: 1024px){
  .box.s{padding:23rem 3rem 3rem 3rem; border:1px solid #ccc;}
}
.box.es{padding:3rem;}
.box.us{padding:2rem;}
.box dl{position:relative; line-height:2.8rem;}
.box dl:last-child{margin-bottom:0;}
.box dl dt{position:relative; margin-right:4rem; font-size:2rem; color:#111;}
@media(max-width: 1024px){
  .box dl dt{font-size:2.2rem;}
}
.box dl dt::after{display:inline-block; width:1px; height:1.6rem; right:-2rem; top:50%; margin-top:-0.8rem; background:#d6d9db;}
.box dl dd{font-size:1.8rem; color:#555;}
@media(max-width: 1024px){
  .box dl dd{font-size:2rem;}
}
@media(max-width: 768px){
  .box dl dt::after{display:none;}
  .box dl dt,.box dl dd{display:block;}
}
.box-link{position:relative;}
.box-link::before{display:inline-block; width:100%; height:50%; left:0; top:50%; background:#e6edf7; z-index:-1;}
.box-link a{position:relative; display:block; padding:4rem 7rem; background:#fff; border:1px solid #d7dbe4; text-align:left;}
@media(max-width: 1024px){
  .box-link a{padding:4rem 3rem 10rem 3rem;}
}
.box-link a::before{display:inline-block; width:100%; height:2px; left:-1px; top:-1px; background:#1558b6; border:1px solid #1558b6; box-sizing:content-box;}
.toggle-pop{visibility:hidden; opacity:0; position:absolute; width:100%; left:-1px; top:calc(100% - 3rem); box-sizing:content-box; background:#fff; border:1px solid #c5d1e4; z-index:3; box-shadow:5px 5px 2rem rgba(0,0,0,.1); text-align:left; transition:all .2s ease;}
.toggle-pop.focus{visibility:visible; opacity:1; top:100%;}
.toggle-pop ul{padding:4rem 6rem;}
@media(max-width: 768px){
  .toggle-pop ul{padding:3rem;}
}
.toggle-pop ul li button{font-size:1.7rem;}
.toggle-pop ul li button:hover span{color:#1558b6; border-bottom:1px solid #1558b6;}
.toggle-pop>button{position:absolute; right:3rem; top:2rem;}
.total span{position:relative; margin-right:2rem; font-size:1.7rem; font-weight:500; color:#111;}
@media(max-width: 1024px){
  .total span{font-size:1.9rem;}
}
.total span:last-child{margin-right:0;}
.total span:last-child::after{display:none;}
.total span::after{display:inline-block; width:1px; height:1rem; right:calc(-1rem - 1px); top:50%; margin-top:-0.5rem; background:#ccc;}
.total mark{color:#2569c9;}
.board span.state:not([data-state]){display:inline-block; height:3.7rem; line-height:3.7rem; padding:0 1rem; border-radius:3px; background:#8d9297; font-size:1.6rem; color:#fff;}
.board span.state:not([data-state]).blue{background:#2170e0;}
.board span.state:not([data-state]).green{background:#139aaa;}
.board span.state:not([data-state]).gray{background:#8d9297;}
.board .state-detail{border-top:1px solid #e2e2e2;}
.board .state-detail .row dl{line-height:7rem; padding:0 1rem; background:#f7f8fa; border-bottom:1px solid #e2e2e2; font-size:1.7rem; color:#777;}
.board .state-detail .row dl dt{position:relative; padding-left:1rem; color:#2f558b; font-weight:500;}
.board .state-detail .row dl dt::before{display:inline-block; width:3px; height:3px; left:0; top:50%; margin-top:-1.5px; background:#2f558b;}
.board-location{padding:3rem; background:#eef3fa; border:1px solid #d3deef;}
@media(max-width: 768px){
  .board-location{padding:3rem 2rem;}
}
.board-location ul li{position:relative; margin-right:4rem;}
.board-location ul li:last-child{margin-right:0;}
.board-location ul li:last-child::after{display:none;}
.board-location ul li span,.board-location ul li em{line-height:3.9rem; font-size:2rem; color:#666;}
@media(max-width: 768px){
  .board-location ul li span,.board-location ul li em{font-size:1.7rem;}
}
.board-location ul li::after{display:inline-block; width:7px; height:7px; right:-2rem; top:50%; margin-top:-3.5px; border-top:1px solid #666; border-right:1px solid #666; transform:rotate(45deg);}
@media(max-width: 768px){
  .board-location .btn-group{position:absolute; right:0; top:-5rem;}
}
.board-location .btn-group .btn{height:3.9rem; line-height:calc(3.9rem - 2px); margin:0;}
.board.list{border-top:2px solid #346ec0;}
.board.list ul{border-bottom:1px solid #dedede;}
.board.list ul.notice{background:#f5f7fa;}
@media(max-width: 768px){
  .board.list ul{padding:2rem 1rem;}
}
.board.list ul img{vertical-align:middle;}
.board.list ul:first-child{border-bottom:1px solid #8d8d8d;}
.board.list ul li{height:8rem; line-height:8rem; font-size:0;}
.board.list ul li>*:not(.state,.btn){font-size:1.7rem; vertical-align:middle;}
@media(max-width: 768px){
  .board.list ul li{height:3rem; line-height:3rem;}
}
.board.list ul li:first-child mark{display:inline-block; height:2.7rem; border-radius:2.7rem; line-height:calc(2.7rem - 2px); padding:0 1rem; font-size:1.5rem; color:#ee5a00; border:1px solid #ee5a00; font-weight:700;}
.board.list ul li i{display:inline-block; min-width:20px; height:20px; line-height:20px; border-radius:3px; font-size:12px !important; font-weight:700; background:#2569c9; color:#fff; text-align:center; vertical-align:middle;}
.board.list ul li i:first-child{min-width:35px; height:20px; line-height:20px;}
.board.list ul li a~mark{color:#e7761b;}
.board.list ul li a.ellipsis{font-size:1.8rem; color:#454545;}
.board.list ul li a.ellipsis:first-child{margin:0;}
.board.list ul li a.ellipsis:hover span{border-bottom:1px solid #747474;}
.board.list ul li em{position:relative; font-weight:500;}
@media(max-width: 768px){
  .board.list ul li em::after{display:inline-block; width:1px; height:1rem; border-left:1px dotted #c8c8c8; top:50%; margin-top:-0.5rem;}
  .board.list ul li em::after{right:-1rem;}
}
.board.list ul li a.ellipsis{margin:0 5px;}
.board.list ul li a.ellipsis~*{margin:0 2px;}
.board.list .attachment{position:relative; padding:2rem 0; border-bottom:1px solid #dedede;}
.board.list .attachment dl dt{position:absolute; left:4rem; top:4rem; font-size:1.8rem; color:#111;}
@media(max-width: 1024px){
  .board.list .attachment dl dt{position:relative; left:auto; top:auto; margin-bottom:1rem;}
}
.board.list .attachment dl dd{height:4rem; line-height:4rem;}
.board.list .attachment dl dd span,.board.list .attachment dl dd a{font-size:1.7rem; color:#666;}
.board.list .attachment dl dd img{vertical-align:middle;}
@media(max-width: 1024px){
  .board.list .attachment dl dd{height:3rem; line-height:3rem;}
  .board.list .attachment dl dd span,.board.list .attachment dl dd a{font-size:1.5rem;}
  .board.list .attachment dl dd img{height:18px;}
}
.board.responsive{border-top:2px solid #346ec0;}
.board.responsive ul{border-bottom:1px solid #dedede;}
.board.responsive ul.notice{background:#f5f7fa;}
@media(max-width: 1024px){
  .board.responsive ul{padding:2rem 1rem;}
}
.board.responsive ul img{vertical-align:middle;}
.board.responsive ul:first-child{border-bottom:1px solid #8d8d8d;}
.board.responsive ul li{height:8rem; line-height:8rem; font-size:0;}
.board.responsive ul li>*{font-size:1.7rem; vertical-align:middle;}
@media(max-width: 1024px){
  .board.responsive ul li{height:auto; line-height:1;}
}
.board.responsive ul li:first-child mark{display:inline-block; height:2.7rem; border-radius:2.7rem; line-height:calc(2.7rem - 2px); padding:0 1rem; font-size:1.5rem; color:#ee5a00; border:1px solid #ee5a00; font-weight:700;}
.board.responsive ul li i{display:inline-block; min-width:20px; height:20px; line-height:20px; border-radius:3px; font-size:12px !important; font-weight:700; background:#2569c9; color:#fff; text-align:center; vertical-align:middle;}
.board.responsive ul li i:first-child{min-width:35px; height:20px; line-height:20px;}
.board.responsive ul li a~mark{color:#e7761b;}
.board.responsive ul li a.ellipsis{font-size:1.8rem; color:#454545;}
.board.responsive ul li a.ellipsis:first-child{margin:0;}
.board.responsive ul li a.ellipsis:hover span{border-bottom:1px solid #747474;}
.board.responsive ul li em{position:relative; padding-left:1rem; margin-bottom:5px; font-weight:700;}
@media(max-width: 1024px){
  .board.responsive ul li em::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#111;}
}
.board.responsive ul li a.ellipsis{margin:0 5px;}
.board.responsive ul li a.ellipsis~*{margin:0 2px;}
.board.article{border-top:3px solid #346ec0;}
.board.article a{position:relative; display:block; padding:4rem 0; border-bottom:1px solid #dedede;}
.board.article a .thumbs{position:relative; height:23rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem;}
@media(max-width: 768px){
  .board.article a .thumbs{height:50vw;}
}
@media(max-width: 480px){
  .board.article a .thumbs{height:60vw;}
}
.board.article a .thumbs img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.board.article a .pa{padding:0 2rem; color:#1f75c6; text-align:center; border-left:1px solid #d5dbe9;}
.board.article a .pa em{font-size:5.4rem;}
.board.article a .pa span{font-size:1.5rem; opacity:.6;}
.board.article a .ellipsis{height:5rem; line-height:5rem;}
.board.article a:hover .ellipsis span{background-image:linear-gradient(transparent 95%, #000 95%);}
.board.video{position:relative;}
.board.video::before{display:inline-block; width:100%; height:50%; left:0; bottom:0; background:#f5f6f8; z-index:-1;}
.board.video .inner{padding:5rem 0 8rem 0; border-top:2px solid #346ec0;}
.box-full{padding:5rem 0;}
.box-full.light-blue{background:#e6edf7;}
.board.view{border-top:2px solid #346ec0;}
.board.view>h3{padding:3.5rem 0; border-bottom:1px solid #8d8d8d;}
.board.view .info{margin:2rem 0;}
.board.view .info dl dd{position:relative; margin-right:2rem; height:3rem; line-height:3rem;}
.board.view .info dl dd::after{display:inline-block; width:1px; height:1rem; right:calc(-1rem - 2px); top:50%; margin-top:-0.5rem; border-right:1px dotted #ccc;}
.board.view .info dl dd:last-child{margin-right:0;}
.board.view .info dl dd:last-child::after{display:none;}
.board.view .info dl dd em{color:#222;}
.board.view .info dl dd a,.board.view .info dl dd span{font-size:1.7rem; color:#666;}
@media(max-width: 640px){
  .board.view .info dl dd a,.board.view .info dl dd span{font-size:1.5rem;}
}
.board.view .con{padding:5rem 1rem; font-size:1.6rem; line-height:1.3;}
.board.view .con>img{margin:10px 0;}
.board.view .copyright{height:7rem; line-height:7rem;}
.board.view .copyright p{line-height:1;}
@media(max-width: 768px){
  .board.view .copyright{height:auto; line-height:1;}
  .board.view .copyright p{line-height:1.3; font-size:1.7rem;}
}
.board.view .attachment{position:relative; padding:4rem 4rem 4rem 25rem; border-top:1px solid #8d8d8d; border-bottom:1px solid #dedede;}
@media(max-width: 1024px){
  .board.view .attachment{padding:4rem 0;}
}
.board.view .attachment dl dt{position:absolute; left:4rem; top:4rem; font-size:1.8rem; color:#111;}
@media(max-width: 1024px){
  .board.view .attachment dl dt{position:relative; left:auto; top:auto; margin-bottom:1rem;}
}
.board.view .attachment dl dd{height:4rem; line-height:4rem;}
.board.view .attachment dl dd span,.board.view .attachment dl dd a{font-size:1.8rem; color:#666;}
.board.view .attachment dl dd img{vertical-align:middle;}
@media(max-width: 1024px){
  .board.view .attachment dl dd{height:3rem; line-height:3rem;}
  .board.view .attachment dl dd span,.board.view .attachment dl dd a{font-size:1.5rem;}
  .board.view .attachment dl dd img{height:18px;}
}
.board.view .reply{margin:5rem 0; padding:5rem 9rem; background:#f7f8fa;}
@media(max-width: 1024px){
  .board.view .reply{padding:5rem 3rem;}
}
@media(max-width: 640px){
  .board.view .reply{padding:5rem 2rem;}
}
.board.view .reply h4{margin-bottom:1rem;}
.board.view .reply h4 em{font-size:2.2rem;}
.board.view .reply h4~p{margin-bottom:2rem; font-size:1.6rem; color:#666;}
.board.view .reply h4~p mark{color:#e7761b;}
.board.view .reply .input+.row textarea{min-height:12.5rem; height:12.5rem;}
.board.view .reply .input+.row button{display:block; width:100%; height:12.5rem; border-radius:5px; font-size:1.7rem; font-weight:700; color:#fff; background:#172335;}
.board.view .reply input[type=file]+label{height:3.5rem; line-height:3.5rem; padding:0 1.4rem; border:1px solid #a0a0a0; border-radius:3px; background:#fff; font-size:1.4rem; flex-shrink:0;}
.board.view .reply input[type=file]+label::before{display:none;}
.board.view .reply input[type=file]:focus+label{outline:2px solid #111;}
.board.view .reply input[type=file]~span{font-size:1.5rem; color:#888;}
.board.view .reply .list{margin-bottom:1rem; padding:2rem 3rem; background:#fff; border:1px solid #d4d6db; border-radius:5px;}
@media(max-width: 1024px){
  .board.view .reply .list{padding:2rem;}
}
@media(max-width: 480px){
  .board.view .reply .list{padding-bottom:6rem;}
}
.board.view .reply .list span{position:relative; line-height:2.7rem; margin-right:2rem; font-size:1.5rem; color:#888;}
.board.view .reply .list span:last-child{margin-right:0;}
.board.view .reply .list span:last-child::after{display:none;}
.board.view .reply .list span::after{display:inline-block; width:1px; height:1rem; right:calc(-1rem - 1px); top:50%; margin-top:-0.6rem; background:#ccc;}
.board.view .reply .list p{margin-bottom:0; margin-top:1rem; font-size:1.7rem; color:#454545; line-height:1.5;}
.board.view .reply .list .init.pa{right:3rem; top:2rem; border:1px solid #d8dadd; border-radius:3px;}
@media(max-width: 480px){
  .board.view .reply .list .init.pa{right:2rem; top:auto; bottom:2rem;}
}
.board.view .reply .list .init.pa button{width:4rem; height:2.7rem; font-size:1.4rem; color:#777; border-right:1px solid #d8dadd; background:#f7f7f7;}
.board.view .reply .list .init.pa button:last-child{border-right:0;}
.board.view .link{position:relative; padding:5rem 0; border-bottom:1px solid #8d8d8d; border-top:1px solid #dedede;}
@media(max-width: 640px){
  .board.view .link{padding:3rem 0;}
}
.board.view .link::before{display:inline-block; width:1px; height:3.4rem; left:50%; top:50%; margin-top:-1.7rem; background:#dedede;}
.board.view .link dl{height:2rem; line-height:2rem; min-width:0;}
.board.view .link dl dt{flex-shrink:0;}
.board.view .link dl dt em{margin:0 1rem; font-size:1.8rem;}
.board.view .link dl dd{padding:0 3rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board.view .link dl dd span{font-size:1.8rem; color:#666;}
.board.write{border-top:2px solid #346ec0;}
.board.write>.row{padding:1rem 2rem; border-bottom:1px solid #dedede;}
@media(max-width: 768px){
  .board.write>.row{padding:1rem 0 2rem 0;}
}
.board.gallery{padding-top:5rem; border-top:3px solid #346ec0; border-bottom:1px solid #dedede;}
.board.gallery a{display:block;}
.board.gallery a .thumbs{position:relative; height:27rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem;}
.board.gallery a .thumbs svg{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.board.gallery a .thumbs svg path{transition:all .1s ease;}
@media(max-width: 640px){
  .board.gallery a .thumbs{height:60vw;}
}
.board.gallery a .thumbs img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.board.gallery a.hover .thumbs::before{display:inline-block; width:100%; height:100%; left:0; top:0; border:8px solid #1675fc; z-index:1; opacity:0; transition:all .2s ease;}
.board.gallery a em{position:relative; height:7rem; line-height:7rem;}
.board.gallery a em::before{display:inline-block; width:0; height:1px; left:50%; bottom:-5px; background:#111; transform:translateX(-50%); transition:width .3s ease;}
.board.gallery a:not(.hover):hover em::before{width:100%;}
.board.gallery a.hover:hover .thumbs::before{opacity:1;}
.board.gallery a.hover:hover .thumbs svg{border-radius:50%;}
.board.gallery a.hover:hover .thumbs svg .circle{fill:#1675fc; stroke-width:0;}
.board.news-letter{padding-top:8rem; border-top:3px solid #346ec0; border-bottom:1px solid #dedede;}
.board.news-letter [class^=grid-]{padding-top:2.5rem; padding-bottom:2.5rem;}
.board.news-letter a{display:block;}
.board.news-letter a .thumbs{position:relative; height:46rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem; overflow:hidden;}
@media(max-width: 1024px){
  .board.news-letter a .thumbs{height:40vw;}
}
@media(max-width: 768px){
  .board.news-letter a .thumbs{height:55vw;}
}
@media(max-width: 640px){
  .board.news-letter a .thumbs{height:100vw;}
}
.board.news-letter a .thumbs img{position:absolute; top:0; left:0; width:100%; max-width:initial;}
.board.news-letter a em{position:relative; height:7rem; line-height:7rem;}
.board.news-letter a em::before{display:inline-block; width:0; height:1px; left:50%; bottom:-5px; background:#111; transform:translateX(-50%); transition:width .3s ease;}
.board.news-letter a:hover em::before{width:100%;}
.error hr{width:2.6rem; margin:0 auto 2rem auto; background:#111;}
.inner{max-width:1338px;}
#quick-service .settings .inner{position:relative;}
#quick-service .settings .btn-group{right:0; top:0;}
.visual{position:relative; overflow:hidden; z-index:2;}
.visual::before{display:inline-block; width:100%; height:100%; left:0; top:0; z-index:1; background:url(/images/kor/assets/img/common/header_gradient_bg.png) repeat-x left top; background-blend-mode:multiply;}
.visual .parallax{position:absolute; width:100%; height:100%; top:0; left:0;}
.visual .parallax img{position:absolute; top:0; left:50%; min-width:1920px; margin-left:-960px;}
.visual>.inner{position:relative; height:53rem; line-height:53rem; font-size:0; z-index:2; color:#fff;}
@media(max-width: 1024px){
  .visual>.inner{height:40rem; line-height:40rem; text-align:center;}
}
@media(max-width: 768px){
  .visual>.inner{height:35rem; line-height:35rem;}
}
.visual>.inner .el{display:inline-block; line-height:1; vertical-align:middle; margin-top:15rem;}
.visual>.inner .el sup{font-size:1.6rem; font-weight:300;}
.visual>.inner .el h2{margin-top:1rem; font-size:5.4rem;}
@media(max-width: 1024px){
  .visual>.inner .el{margin-top:5rem;}
  .visual>.inner .el sup{font-size:1.7rem;}
  .visual>.inner .el h2{font-size:4rem;}
}
.visual button.more{position:absolute; width:100%; height:6rem; line-height:6rem; left:0; bottom:0; z-index:2; border-top:1px solid rgba(255,255,255,.1); text-align:center; color:#fff;}
.visual button.more span{font-size:1.7rem;}
#container{min-height:50rem; overflow:hidden;}
@media print{
  #container{min-width:1400px;}
}
#container .location{position:relative; background:#fff; z-index:3;}
#container .location::before{display:inline-block; width:100%; height:1px; left:0; bottom:-1px; background:#e5e5e5; z-index:-2;}
#container .location img{vertical-align:middle;}
#container .location .inner{background:#fff;}
#container .location .inner::before{display:inline-block; width:50%; height:100%; left:100%; top:0; background:#fff;}
#container .location .inner>ul>li{position:relative; margin-right:4rem;}
#container .location .inner>ul>li:last-child{margin-right:0;}
@media(max-width: 1024px){
  #container .location .inner>ul>li:last-child{position:absolute; width:calc(100% - 12rem); left:7rem; top:0;}
}
@media(max-width: 1024px){
  #container .location .inner>ul>li{display:none;}
  #container .location .inner>ul>li:first-child,#container .location .inner>ul>li:last-child{display:inline-block;}
}
@media(min-width: 1024px){
  #container .location .inner>ul>li:last-child{padding-right:5rem;}
}
#container .location .inner>ul>li:last-child>button{color:#111;}
#container .location .inner>ul>li:last-child>button::after{border-color:#111;}
#container .location .inner>ul>li.active>button{color:#111;}
#container .location .inner>ul>li.active>button::after{border-color:#111; transform:rotate(-45deg);}
#container .location .inner>ul>li>a{display:block; line-height:9rem;}
#container .location .inner>ul>li>button{display:block; height:9rem;}
@media(max-width: 1024px){
  #container .location .inner>ul>li>button{width:100%;}
}
@media(max-width: 1024px){
  #container .location .inner>ul>li a{line-height:7rem;}
  #container .location .inner>ul>li button{height:7rem;}
}
#container .location .inner>ul>li.active>button+ul{transform:translateY(0);}
#container .location .inner>ul>li>button{position:relative; padding-right:4rem; font-size:1.7rem; font-weight:700; color:#888; text-align:left; transition:color .3s ease;}
#container .location .inner>ul>li>button::after{display:inline-block; width:7px; height:7px; right:2rem; top:50%; margin-top:-5px; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(135deg); transition:transform .3s ease;}
#container .location .inner>ul>li>button+ul{position:absolute; min-width:20rem; padding:1.5rem 2rem; border:1px solid #d6d6d6; background:#fff; white-space:nowrap; z-index:-1; transform:translateY(calc(-100% - 1rem)); box-shadow:5px 5px 1rem rgba(0,0,0,.1); transition:transform .5s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
#container .location .inner>ul>li>button+ul::before{display:inline-block; width:100%; left:-1px; top:-1px; border:1px solid #111; box-sizing:content-box;}
#container .location .inner>ul>li>button+ul li a{position:relative; display:block; padding-left:1rem; font-size:1.6rem; color:#333; height:3.2rem; line-height:3.2rem;}
#container .location .inner>ul>li>button+ul li a::before{display:inline-block; width:2px; height:2px; left:0; top:1.5rem; background:#333;}
#container .location .inner>ul>li>button+ul li a i{display:inline-block; vertical-align:text-top; width:16px; height:16px; line-height:14px; margin-left:3px; border-radius:3px; border:1px solid #e77418; font-size:10px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;}
#container .location div.init{position:absolute; right:0; top:0;}
@media(max-width: 1400px){
  #container .location div.init{right:2rem;}
}
#container .location div.init button{position:relative; height:9rem; margin-left:2rem;}
@media(max-width: 1024px){
  #container .location div.init button{height:7rem;}
}
#container .location div.init button::before{display:inline-block; width:1px; height:1rem; left:-1rem; top:50%; margin-top:-0.5rem; background:#ccc;}
@media(max-width: 1024px){
  #container .location div.init button{margin-left:0;}
  #container .location div.init button::before{display:none;}
}
#container .location div.init button:first-child{margin-left:0;}
#container .location div.init button:first-child::before{display:none;}
#container .location div.init ul{position:absolute; right:0; top:0; white-space:nowrap; border:1px solid #d1d1d1; box-shadow:5px 5px 1rem rgba(0,0,0,.1); z-index:-3; transition:top .5s cubic-bezier(0.19, 1, 0.22, 1); will-change:top;}
#container .location div.init ul.active{top:9rem;}
@media(max-width: 1024px){
  #container .location div.init ul.active{top:7rem;}
}
#container .location div.init ul li svg,#container .location div.init ul li img{position:relative; vertical-align:middle; z-index:1;}
#container .location div.init ul li a,#container .location div.init ul li button{display:block; width:5rem; height:5rem; border-right:1px solid #d1d1d1;}
#container .location div.init ul li button{background:#fff;}
#container .location div.init ul li a{position:relative; line-height:5rem; text-align:center; background:#f7f8fa;}
#container .location div.init ul li a::before{display:inline-block; width:100%; height:100%; left:-1px; top:-1px; background:#2569c9; border:1px solid #2569c9; box-sizing:content-box; opacity:0; transition:opacity .1s ease;}
#container .location div.init ul li a svg *{transition:all .1s ease;}
#container .location div.init ul li a:hover::before{opacity:1;}
#container .location div.init ul li a:hover svg *{fill:#fff;}
#container .location div.init ul li button{border-right:0;}
#container .survey .inner{padding:0; border:1px solid #d7d7d7; background:#fff;}
@media(max-width: 1388px){
  #container .survey .inner{margin:0 2rem;}
}
#container .survey .inner .form{padding:4rem 7rem; border-bottom:1px solid #d7d7d7;}
@media(max-width: 1400px){
  #container .survey .inner .form{padding:4rem 3rem;}
}
#container .survey .inner .form .input{margin-right:2rem;}
@media(max-width: 1024px){
  #container .survey .inner .form .input{height:3rem; line-height:3rem; margin-right:1rem;}
}
@media(max-width: 1024px){
  #container .survey .inner .form input[type=text]{width:calc(100% - 7rem - 3px);}
}
#container .survey .inner .manager{position:relative; padding:2rem 7rem; background:#f3f5f7;}
@media(max-width: 1400px){
  #container .survey .inner .manager{padding:2rem 3rem;}
}
#container .survey .inner .manager dl{min-width:35%; height:30px; line-height:30px;}
@media(max-width: 768px){
  #container .survey .inner .manager dl{width:100%;}
}
#container .survey .inner .manager dl span{font-size:1.6rem; color:#454545; vertical-align:middle;}
#container .survey .inner .manager dl dt{margin-right:5px;}
#container .survey .inner .manager dl dt span{color:#566f7f; font-weight:700;}
#container .survey .inner .manager dl dt i{display:inline-block; width:30px; height:30px; border-radius:30px; line-height:30px; margin-right:5px; background:#566f7f; text-align:center;}
#container .survey .inner .manager dl dt i img{vertical-align:middle;}
#container .survey .inner .manager [class^=grid]>*{margin:3px 0; margin-right:4rem;}
#container .survey .inner .manager [class^=grid]>*:last-child{margin-right:0;}
@media(max-width: 1400px){
  #container .survey .inner .manager [class^=grid]>*{margin-right:1rem;}
}
#container .survey .inner .manager [class^=grid]:last-child .init{position:absolute; right:2rem;}
@media(max-width: 1024px){
  #container .survey .inner .manager [class^=grid]:last-child .init{right:0; bottom:-5rem;}
}
#container .contents{padding:12rem 0;}
@media(max-width: 1024px){
  #container .contents{padding:8rem 0;}
}
#container .contents .login{position:relative;}
#container .contents .login::before{display:inline-block; width:100%; height:50%; left:0; bottom:-25%; background:#e6edf7; z-index:-1;}
#container .contents .login .inner{position:relative; padding:8rem 9rem; border:1px solid #ccc; background:#fff;}
#container .contents .login .inner::before{display:inline-block; width:100%; height:2px; left:-1px; top:-1px; background:#1558b6; border:1px solid #1558b6; box-sizing:content-box;}
@media(max-width: 1338px){
  #container .contents .login .inner{margin:0 2rem; padding:6rem;}
}
@media(max-width: 1024px){
  #container .contents .login .inner{padding:5rem 2rem;}
  #container .contents .login .inner::after{display:none;}
}
#container .contents .login .inner button{margin:0;}
#container .contents .login .inner .form .init a{position:relative; margin-right:2rem; font-size:1.7rem; color:#777;}
#container .contents .login .inner .form .init a::after{display:inline-block; width:1px; height:1rem; right:calc(-1rem - 2px); top:50%; margin-top:-0.5rem; border-right:1px dotted #ccc;}
#container .contents .login .inner .form .init a:last-child{margin-right:0;}
#container .contents .login .inner .form .init a:last-child::after{display:none;}
#container .contents .login .inner .sns .row{margin:-4px;}
#container .contents .login .inner .sns .row [class^=grid]{padding:4px;}
#container .contents .login .inner .sns .row [class^=grid] a{position:relative; display:block; height:5.6rem; line-height:calc(5.6rem - 2px); border:1px solid #ccc; text-align:center;}
@media(max-width: 640px){
  #container .contents .login .inner .sns .row [class^=grid] a span{font-weight:700;}
}
#container .contents .login .inner .sns .row [class^=grid] a span{margin-left:3rem; font-size:1.7rem; color:#555;}
#container .contents .login .inner .sns .row [class^=grid] a img{position:absolute; left:2rem; top:50%; transform:translateY(-50%);}
#container .contents .login .inner .sns .row [class^=grid] a.naver{background:#00a042; border-color:#00a042;}
#container .contents .login .inner .sns .row [class^=grid] a.naver span{color:#fff;}
#container .contents .login .inner .sns .row [class^=grid] a.kakao{background:#fee500; border-color:#fee500;}
#container .contents .login .inner .sns .row [class^=grid] a.kakao span{color:#000;}
#container .contents .login .inner .sns .row [class^=grid] a.facebook{background:#1977f3; border-color:#1977f3;}
#container .contents .login .inner .sns .row [class^=grid] a.facebook span{color:#fff;}
#container .contents .login .inner .sns p{margin-top:3rem; font-size:1.7rem; color:#888; line-height:1.4;}
#container .contents .non-members{line-height:5rem;}
#container .contents .non-members h4{position:relative; margin-bottom:0;}
#container .contents .non-members h4::after{display:inline-block; width:1px; height:1.4rem; right:calc(-1.5rem - 1px); top:50%; margin-top:-0.7rem; border-right:1px solid #c4ccd8;}
#container .contents .non-members a{width:20rem; height:5rem; border-radius:5rem; background:#1f5fb5;}
#container .contents .non-members a span{font-size:1.7rem; color:#fff;}
#container .contents .join.progress{position:relative; margin-bottom:10rem;}
@media(max-width: 1400px){
  #container .contents .join.progress{margin:0 45px 10rem 45px;}
}
@media(max-width: 480px){
  #container .contents .join.progress{margin:0 50px 10rem 50px;}
}
#container .contents .join.progress>i:first-child{position:absolute; width:0; height:0; border:51px solid rgba(0,0,0,0); border-right:42px solid #dce2ec; left:-93px; top:0; z-index:1;}
#container .contents .join.progress>i:first-child::before{display:inline-block; width:0; height:0; left:-49px; top:-50px; border:50px solid rgba(0,0,0,0); border-right:41px solid #f5f8fb; z-index:2;}
#container .contents .join.progress>i:last-child{position:absolute; width:0; height:0; border:51px solid rgba(0,0,0,0); border-left:42px solid #dce2ec; right:-93px; top:0; z-index:1;}
#container .contents .join.progress>i:last-child::before{display:inline-block; width:0; height:0; right:-49px; top:-50px; border:50px solid rgba(0,0,0,0); border-left:41px solid #f5f8fb; z-index:2;}
@media(max-width: 480px){
  #container .contents .join.progress{margin:0 0 10rem 0;}
  #container .contents .join.progress>i:first-child,#container .contents .join.progress>i:last-child{display:none;}
}
#container .contents .join.progress ol{position:relative; background:#f5f8fb; border:1px solid #dce2ec; border-left:0; border-right:0; text-align:center;}
@media(max-width: 480px){
  #container .contents .join.progress ol{background:none; border:none;}
  #container .contents .join.progress ol::before{display:inline-block; width:calc(100% - 5rem); height:1px; left:50%; bottom:-1px; transform:translateX(-50%); background:#ddd; z-index:-1;}
}
#container .contents .join.progress ol li{position:relative; height:100px; line-height:100px;}
#container .contents .join.progress ol li::before{display:inline-block; width:1px; height:2rem; right:0; top:50%; margin-top:-1rem; background:#dce2ec;}
#container .contents .join.progress ol li:last-child::before{display:none;}
#container .contents .join.progress ol li svg{margin-bottom:1rem; margin-right:1rem;}
#container .contents .join.progress ol li em{margin-bottom:1rem; font-size:2.5rem; color:#7b8490; line-height:1;}
@media(max-width: 1024px){
  #container .contents .join.progress ol li em{font-size:1.8rem;}
}
@media(max-width: 768px){
  #container .contents .join.progress ol li em{font-size:1.5rem;}
}
@media(max-width: 580px){
  #container .contents .join.progress ol li em{font-size:1.3rem;}
}
@media(max-width: 768px){
  #container .contents .join.progress ol li em,#container .contents .join.progress ol li svg{display:block; line-height:1;}
  #container .contents .join.progress ol li svg{margin:2.3rem auto 1rem auto;}
}
@media(max-width: 480px){
  #container .contents .join.progress ol li::before{display:none;}
}
#container .contents .join.progress ol li i{position:absolute; width:5rem; height:5rem; line-height:5rem; left:50%; bottom:calc(-2.5rem - 1px); margin-left:-2.5rem; font-size:1.5rem; color:#fff; font-style:italic; z-index:2; font-weight:700;}
#container .contents .join.progress ol li i::before{display:inline-block; width:inherit; height:inherit; left:0; top:0; background:#666; transform:rotate(45deg); z-index:-1;}
@media(max-width: 768px){
  #container .contents .join.progress ol li i{width:4rem; height:4rem; line-height:4rem; bottom:calc(-2rem - 1px); margin-left:-2rem;}
}
#container .contents .join.progress ol li.active em{color:#1f69d1;}
#container .contents .join.progress ol li.active svg *{fill:#1f69d1;}
#container .contents .join.progress ol li.active::after{display:inline-block; width:100%; height:1px; left:0; bottom:-1px; background:#1f69d1; line-height:1;}
#container .contents .join.progress ol li.active:first-child::after{width:50%; left:50%;}
#container .contents .join.progress ol li.active:last-child::after{width:50%; left:0;}
@media(max-width: 480px){
  #container .contents .join.progress ol li.active:first-child::after{width:100%;}
}
#container .contents .join.progress ol li.active i::before{background:#1f69d1; box-shadow:2rem 1rem 2rem rgba(0,0,0,.2);}
.history-tab-swiper{position:relative;}
.history-tab-swiper::after{display:inline-block; width:20%; height:100%; right:0; top:0; z-index:2; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 );}
.history-tab-swiper .swiper-slide{padding:1rem 0;}
.history-tab-swiper .swiper-slide em{position:relative; transition:all .2s ease; cursor:pointer;}
.history-tab-swiper .swiper-slide em::before{opacity:0; display:inline-block; width:0; height:0; left:50%; top:0; margin-left:-0.5rem; border:1rem solid rgba(0,0,0,0); border-top:1rem solid #1558b6; transition:all .2s ease;}
.history-tab-swiper .swiper-slide.swiper-slide-active em{color:#1558b6;}
.history-tab-swiper .swiper-slide.swiper-slide-active em::before{top:-1rem; opacity:1;}
.history-tab-swiper .progress{position:absolute; width:100%; height:3px; left:0; bottom:-2rem; background:#e5e5e5;}
.history-tab-swiper .progress .bar{position:absolute; width:0; height:inherit; left:0; top:0; background:#1558b6; transition:width .2s ease;}
.history-tab-contents-swiper .swiper-slide{background:#fff;}
.contact{position:relative;}
.contact::before{display:inline-block; width:100%; height:50%; left:0; top:50%; background:#f3f6fa; z-index:-1;}
.contact #map{position:relative; height:69rem; background:#111;}
.contact #map>a{opacity:0; position:absolute; width:100%; height:5rem; line-height:5rem; left:0; top:0; background:#1558b6; font-size:1.7rem; color:#fff; font-weight:700; z-index:0; text-align:center;}
.contact #map>a:focus{opacity:1; z-index:999;}
@media(max-width: 1024px){
  .contact #map{height:70vw;}
}
.contact .row{padding:4rem 0;}
.contact .row h4{line-height:3rem;}
.contact .row h4 span{position:relative;}
.contact .row h4 span::after{display:inline-block; width:6px; height:6px; border-top:1px solid #111; border-right:1px solid #111; right:-2rem; top:50%; margin-top:-3px; transform:rotate(45deg);}
.contact .row dl{line-height:3rem;}
.contact .row dl dt{position:relative; margin-right:3rem;}
.contact .row dl dt::after{display:inline-block; width:1px; height:1rem; right:-1.5rem; top:50%; margin-top:-0.5rem; background:#d0d3d5;}
.contact .row dl dt em{font-size:2rem;}
.contact .row dl dd{font-size:1.8rem;}
@media(max-width: 480px){
  .contact .row dl dt,.contact .row dl dd{display:block;}
  .contact .row dl dt::after{display:none;}
}
.bpa-intro-outline{overflow:hidden;}
.bpa-intro-outline.pic{background:url(/images/kor/assets/img/sub/01/bpa_intro_outline_bg.jpg) no-repeat center bottom;}
@media(max-width: 1280px){
  .bpa-intro-outline.pic{background-size:contain;}
}
@media(max-width: 768px){
  .bpa-intro-outline.pic{background-size:190%;}
}
.bpa-intro-outline.bg{position:relative;}
.bpa-intro-outline.bg::before{display:inline-block; width:100%; height:68rem; background:#f3f6fa; left:0; top:0; z-index:-1;}
.bpa-intro-outline i{position:absolute; left:calc(50% + 15rem); bottom:-13rem; font-size:20rem; font-weight:900; color:#e6e9ed; z-index:-1; opacity:.5; white-space:nowrap;}
@media(max-width: 1024px){
  .bpa-intro-outline i{left:auto; right:-5rem; bottom:-40rem;}
}
@media(max-width: 768px){
  .bpa-intro-outline i{right:auto; bottom:auto; top:15rem; left:auto; transform:translateX(-50%);}
}
.bpa-intro-outline .row.reverse{margin:-2rem;}
@media(max-width: 1024px){
  .bpa-intro-outline .row.reverse{margin:-1rem;}
}
.bpa-intro-outline .row.reverse [class^=grid]{padding:2rem;}
@media(max-width: 1024px){
  .bpa-intro-outline .row.reverse [class^=grid]{padding:1rem;}
}
.bpa-intro-outline .row.reverse dl{position:relative; min-height:25rem; padding:5rem; border:1px solid #e0e0e0; border-top:1px solid #111; background:#fff; box-shadow:5px 5px 1rem rgba(0,0,0,.1); z-index:1;}
@media(max-width: 1024px){
  .bpa-intro-outline .row.reverse dl{padding:3rem;}
}
.bpa-intro-outline .row.reverse dl dt{margin-bottom:2rem; font-size:2.6rem; font-weight:700;}
.bpa-intro-outline .row.reverse dl dd{font-size:1.8rem; line-height:1.5;}
.bpa-intro-outline .row.reverse dl dd img{position:absolute; right:5rem; bottom:5rem; z-index:-1;}
@media(max-width: 1024px){
  .bpa-intro-outline .row.reverse dl dd img{right:3rem; bottom:3rem; width:12rem;}
}
.bpa-intro-outline .history{position:relative;}
@media(max-width: 1024px){
  .bpa-intro-outline .history hr{margin:3rem auto !important;}
}
.bpa-intro-outline .history .pr{padding-left:50%;}
.bpa-intro-outline .history .pr::before{display:inline-block; width:1px; height:80%; left:calc(50% + 178px); top:50%; transform:translateY(-50%); background:#e5e5e5; z-index:-1;}
@media(max-width: 1280px){
  .bpa-intro-outline .history .pr{padding-left:40%;}
  .bpa-intro-outline .history .pr::before{left:calc(40% + 165px);}
}
@media(max-width: 1024px){
  .bpa-intro-outline .history .pr{padding-left:0;}
  .bpa-intro-outline .history .pr::before{display:none;}
}
.bpa-intro-outline .history .pr dl dt,.bpa-intro-outline .history .pr dl dd{height:30rem; line-height:30rem;}
.bpa-intro-outline .history .pr dl span{display:inline-block; line-height:1; vertical-align:middle;}
.bpa-intro-outline .history .pr dl dt{width:35rem; background:no-repeat center;}
.bpa-intro-outline .history .pr dl dt span{font-size:1.6rem;}
.bpa-intro-outline .history .pr dl dt span em{display:block; margin-bottom:1rem; font-size:3.4rem;}
.bpa-intro-outline .history .pr dl dd span{display:inline-block; line-height:1; vertical-align:middle; font-size:1.8rem; color:#454545;}
.bpa-intro-outline .history .pr dl dd span em{display:block; margin-bottom:.5rem; font-size:2.4rem; color:#111;}
@media(max-width: 1024px){
  .bpa-intro-outline .history .pr dl dt,.bpa-intro-outline .history .pr dl dd{display:block; width:auto;}
  .bpa-intro-outline .history .pr dl dd{margin-top:1rem; margin-bottom:5rem; height:auto; line-height:1;}
}
.bpa-intro-outline .history .pr dl:nth-child(1) dt{color:#1d62c4;}
.bpa-intro-outline .history .pr dl:nth-child(2) dt{color:#645bb7;}
.bpa-intro-outline .history .pr dl:nth-child(3) dt{color:#2aa6cf;}
.bpa-intro-outline mark{color:#666;}
.bpa-vision{position:relative;}
.bpa-vision::before{display:inline-block; width:100%; height:100%; left:0; top:26.5rem; background:#f5f9fc; z-index:-1;}
@media(max-width: 1338px){
  .bpa-vision::before{top:19vw;}
}
.bpa-management-goal{position:relative; padding:10rem 0; background:#1c69d5 url(/images/kor/assets/img/sub/svg/icon_bpa_managements_goal_map.svg) no-repeat center; background-size:cover; color:#fff;}
.bpa-management-goal>img{position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index:1;}
.bpa-management-goal h4{position:absolute; height:50px; line-height:50px; left:50%; top:-25px; padding:0 50px; transform:translateX(-50%); font-size:2rem; background:#1b4d98; white-space:nowrap;}
.bpa-management-goal h4::before,.bpa-management-goal h4::after{display:inline-block; width:25px; height:25px; border:25px solid rgba(0,0,0,0); z-index:1;}
.bpa-management-goal h4::before{left:-50px; top:0; border-right:25px solid #1b4d98;}
.bpa-management-goal h4::after{right:-50px; top:0; border-left:25px solid #1b4d98;}
@media(max-width: 1024px){
  .bpa-management-goal h4::before{left:-50px;}
  .bpa-management-goal h4::after{right:-50px;}
}
.bpa-management-goal .row li{position:relative; padding:0 3rem; min-height:26rem;}
.bpa-management-goal .row li::after{display:inline-block; width:1px; height:14rem; right:0; bottom:0; background:#fff; opacity:.25;}
.bpa-management-goal .row li:last-child::after{display:none;}
@media(max-width: 1024px){
  .bpa-management-goal .row li{padding:0; text-align:center;}
  .bpa-management-goal .row li:nth-child(n+3)::before{display:inline-block; width:50%; height:1px; left:50%; top:-3.5rem; transform:translateX(-50%); background:#fff; opacity:.25;}
  .bpa-management-goal .row li::after{bottom:auto; top:50%; transform:translateY(-50%);}
  .bpa-management-goal .row li:nth-child(2)::after{display:none;}
  .bpa-management-goal .row li img{margin:0 auto;}
}
.bpa-management-goal .row li sup{font-size:1.7rem; color:#fff; opacity:.7;}
.bpa-management-goal .row li em{display:block; margin-top:.5rem; font-size:3rem; line-height:1.3;}
.bpa-management-goal .row li img{display:block; margin-bottom:5rem;}
@media(max-width: 1024px){
  .bpa-management-goal .row li sup{font-size:1.5rem;}
  .bpa-management-goal .row li em{font-size:2.3rem;}
}
.bpa-management{padding:15rem 0 10rem 0; background:#f5f9fc;}
.ci-pattern{height:32rem; line-height:32rem; background-image:linear-gradient(#e8e8e8 1px, transparent 1px),linear-gradient(to left, #e8e8e8 1px, transparent 1px); font-size:0; background-size:15px 15px; border:1px solid #e8e8e8; border-top:0; text-align:center;}
.ci-pattern.slogan{height:auto; line-height:1; padding:7rem 0 3rem 0;}
@media(max-width: 768px){
  .ci-pattern.slogan{padding:5rem 0;}
}
.ci-pattern img{vertical-align:middle; line-height:1;}
.ci-pattern.word,.ci-pattern.simbol{height:20rem; line-height:20rem;}
.ci-exclusive-color .row [class^=grid]{height:27rem; padding:4rem 6rem; color:#111;}
.ci-exclusive-color .row [class^=grid] em{font-size:3.4rem;}
.ci-exclusive-color .row [class^=grid] sub{display:block; margin-top:1rem; font-size:1.5rem; line-height:1.5;}
@media(max-width: 1024px){
  .ci-exclusive-color .row [class^=grid]{padding:4rem;}
}
@media(max-width: 768px){
  .ci-exclusive-color .row [class^=grid]{height:22rem;}
  .ci-exclusive-color .row [class^=grid]:not(:first-child){height:auto; padding:4rem 4rem;}
  .ci-exclusive-color .row [class^=grid]:not(:first-child) em{font-size:2.7rem;}
}
.ci-exclusive-color .row:nth-child(1) [class^=grid]:nth-child(1){background:#192287;}
.ci-exclusive-color .row:nth-child(1) [class^=grid]:nth-child(2){background:#fff; border-top:1px solid #cfcfcf;}
@media(max-width: 768px){
  .ci-exclusive-color .row:nth-child(1) [class^=grid]:nth-child(2){border-top:0;}
}
.ci-exclusive-color .row:nth-child(1) [class^=grid]:nth-child(3){background:#252122;}
.ci-exclusive-color .row:nth-child(2) [class^=grid]:nth-child(1){background:#fa6511;}
.ci-exclusive-color .row:nth-child(2) [class^=grid]:nth-child(2){background:#ddb144;}
.ci-exclusive-color .row:nth-child(2) [class^=grid]:nth-child(3){background:#9da6ab;}
.ceo-greetings{position:relative; min-height:52rem;}
.ceo-greetings::before{display:inline-block; width:100%; min-height:60rem; left:50%; top:-5rem; transform:translateX(-50%); background:url(/images/kor/assets/img/sub/01/ceo_greetings_bg.png) no-repeat center top; z-index:-1;}
@media(max-width: 1400px){
  .ceo-greetings{min-height:42vw;}
  .ceo-greetings::before{background-size:160%;}
}
@media(max-width: 768px){
  .ceo-greetings{min-height:60vw;}
  .ceo-greetings::before{top:10vw;}
}
.ceo-greetings mark{font-size:1.7rem; font-weight:600;}
.ceo-greetings h3{margin-top:4rem; font-size:4.4rem; line-height:1.3;}
.ceo-greetings h3 span{display:block; font-weight:200;}
@media(max-width: 1024px){
  .ceo-greetings h3{margin-top:2rem; font-size:3.9rem;}
}
@media(max-width: 480px){
  .ceo-greetings h3{font-size:3rem;}
}
.sign{line-height:8rem;}
.bpa-brief-history{min-height:58rem; padding-top:10rem; background:#050505 url(/images/kor/assets/img/sub/01/bpa_brief_history_bg.jpg) no-repeat center bottom;}
@media(max-width: 1024px){
  .bpa-brief-history{min-height:0; padding:5rem 0; background-size:auto 40rem;}
}
@media(max-width: 640px){
  .bpa-brief-history{background-size:auto 30rem;}
}
@media(max-width: 480px){
  .bpa-brief-history{padding:3rem 0; background-position:40% center;}
}
.bpa-brief-history .inner{color:#fff;}
.bpa-brief-history .inner h3{margin-top:3rem; margin-bottom:12rem; font-size:4.2rem; line-height:1.4;}
.bpa-brief-history .inner .init{line-height:3rem;}
.bpa-brief-history .inner .init span{margin-right:2rem; font-size:1.8rem; font-weight:200; opacity:.7;}
.bpa-brief-history .inner .init em{font-size:2.4rem;}
@media(max-width: 1024px){
  .bpa-brief-history .inner h3{margin-bottom:8rem; font-size:3rem;}
}
@media(max-width: 768px){
  .bpa-brief-history .inner h3{font-size:2.7rem;}
}
@media(max-width: 640px){
  .bpa-brief-history .inner h3{margin-bottom:3rem; font-size:2.1rem;}
  .bpa-brief-history .inner .init span{margin-right:1rem; font-size:1.4rem;}
  .bpa-brief-history .inner .init em{font-size:2.3rem;}
}
.bpa-subcommittee-status{position:relative; overflow:hidden;}
.bpa-subcommittee-status::before{display:inline-block; width:100%; height:100%; left:0; top:10rem; background:#f5f9fc; z-index:-1;}
@media(max-width: 1280px){
  .bpa-subcommittee-status::before{top:7vw;}
}
.bpa-major-port{position:relative; margin-bottom:10rem; padding-bottom:10rem;}
.bpa-major-port::before{display:inline-block; width:100%; height:55%; left:0; bottom:0; background:#f3f6fa url(/images/kor/assets/img/sub/svg/bpa_major_port_hexagon.svg) no-repeat right center; z-index:-1;}
@media(max-width: 1600px){
  .bpa-major-port::before{height:60%;}
}
@media(max-width: 1280px){
  .bpa-major-port::before{height:65%;}
}
.bpa-major-port h3{margin-bottom:10rem; font-size:7.2rem; line-height:1.1;}
.bpa-major-port h3 em{display:block;}
.bpa-major-port h3 span{color:#666;}
@media(max-width: 1600px){
  .bpa-major-port h3{font-size:6rem;}
}
@media(max-width: 1280px){
  .bpa-major-port h3{font-size:5rem;}
}
@media(max-width: 1024px){
  .bpa-major-port h3{margin-bottom:5rem;}
}
.bpa-major-port h4{font-size:2.5rem; font-weight:400;}
@media(max-width: 768px){
  .bpa-major-port hr{margin:3rem auto !important;}
}
.bpa-major-port-list .row{padding:6rem 2rem 4rem 2rem; border-bottom:1px solid #e2e2e2;}
@media(max-width: 1024px){
  .bpa-major-port-list .row{padding:4rem 0 2rem 0;}
}
.bpa-major-port-list .row:hover{background:#fafbfc;}
.bpa-major-port-list .row h5{font-size:2.6rem; font-family:"Archivo",sans-serif; font-weight:500;}
@media(max-width: 1024px){
  .bpa-major-port-list .row h5{font-size:2.3rem;}
}
.bpa-major-port-list .row a{position:relative; display:block; height:4rem; line-height:4rem; font-size:1.8rem; color:#555;}
@media(max-width: 1024px){
  .bpa-major-port-list .row a{font-size:1.7rem;}
}
.bpa-major-port-list .row a span{position:relative; padding-right:2rem;}
.bpa-major-port-list .row a span::after{display:inline-block; width:8px; height:8px; right:0; top:50%; margin-top:-4px; border-top:1px solid #555; border-right:1px solid #555; transform:rotate(45deg);}
.bpa-major-port-list .row a:hover span{border-bottom:1px solid #555;}
.bpa-major-port-list .row a[href=""]{cursor:default;}
.organization{position:relative; overflow:hidden;}
.organization::before{display:inline-block; width:100%; height:45%; left:0; bottom:0; background:#f5f9fc;}
.organization .inner{position:relative;}
.organization .inner>ul:nth-child(1){position:relative;}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(1){float:right; width:calc(50% - 1rem);}
}
.organization .inner>ul:nth-child(1)::before{display:inline-block; width:1px; height:200%; left:50%; top:30%; background:#d0d8dd;}
@media(max-width: 420px){
  .organization .inner>ul:nth-child(1)::before{height:195%;}
}
.organization .inner>ul:nth-child(1) li{position:relative;}
.organization .inner>ul:nth-child(1) li em{position:absolute; left:50%; top:50%; font-size:3.2rem; color:#2569c9; transform:translate(-50%, -50%);}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(1) li em{font-size:2.2rem;}
}
.organization .inner>ul{position:relative; padding:7rem 0;}
@media(max-width: 768px){
  .organization .inner>ul{padding:2rem 0;}
}
.organization .inner>ul li>span,.organization .inner>ul li a{display:block; height:7.5rem; line-height:7.5rem; padding:0 1rem; background:#eee; font-size:2rem; color:#fff;}
.organization .inner>ul li>span span,.organization .inner>ul li a span{display:inline-block; line-height:1.25; vertical-align:middle;}
@media(max-width: 1024px){
  .organization .inner>ul li>span,.organization .inner>ul li a{font-size:1.8rem;}
}
@media(max-width: 768px){
  .organization .inner>ul li>span,.organization .inner>ul li a{font-size:2rem;}
}
@media(max-width: 420px){
  .organization .inner>ul li>span,.organization .inner>ul li a{font-size:1.8rem;}
}
.organization .inner>ul:nth-child(2){position:absolute; left:2rem; top:10rem; z-index:1;}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(2){position:relative; float:left; width:calc(50% - 5rem); left:0; top:0;}
}
.organization .inner>ul:nth-child(2) li{width:22rem; margin-top:1rem;}
.organization .inner>ul:nth-child(2) li>span,.organization .inner>ul:nth-child(2) li a{line-height:calc(7.5rem - 2px); background:#f8f7ff; border:1px solid #b4b0ce; color:#6153bc;}
.organization .inner>ul:nth-child(2) li:first-child a{background:#6153bc; border-color:#6153bc; color:#fff;}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(2) li{width:100%;}
}
.organization .inner>ul:nth-child(3){position:relative;}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(3){clear:both;}
}
.organization .inner>ul:nth-child(3)::before{display:inline-block; width:25%; height:1px; left:50%; top:calc(50% - 7.5rem); transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
@media(max-width: 580px){
  .organization .inner>ul:nth-child(3)::before{width:35%;}
}
.organization .inner>ul:nth-child(3)::after{display:inline-block; width:1.6rem; height:1.6rem; background:#039cd5; left:calc(50% + 1px); top:calc(50% - 8.3rem); margin-left:-0.8rem; transform:rotate(45deg); box-shadow:1rem 0 1rem rgba(0,0,0,.15);}
.organization .inner>ul:nth-child(3) li{width:22rem; margin-top:1rem;}
@media(max-width: 580px){
  .organization .inner>ul:nth-child(3) li{width:calc(50% - 5rem);}
}
.organization .inner>ul:nth-child(3) li a{line-height:calc(7.5rem - 2px); background:#088fc1; border:1px solid #088fc1; color:#fff;}
.organization .inner>ul:nth-child(3) li:first-child a{background:#ecf6f9; border-color:#a8bec5; color:#005a7b;}
.organization .inner>ul:nth-child(4){position:relative; margin:0 -2rem;}
@media(max-width: 1400px){
  .organization .inner>ul:nth-child(4){margin:0 -1rem;}
}
.organization .inner>ul:nth-child(4)::before{display:inline-block; width:80%; height:1px; left:50%; top:0; transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
.organization .inner>ul:nth-child(4)::after{display:inline-block; width:1.6rem; height:1.6rem; background:#2569c9; 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){
  .organization .inner>ul:nth-child(4)::before,.organization .inner>ul:nth-child(4)::after{display:none;}
}
.organization .inner>ul:nth-child(4) li{margin-top:1rem;}
.organization .inner>ul:nth-child(4) li a{line-height:calc(7.5rem - 2px); background:#fff; border:1px solid #d2dbe7; border-bottom:1px solid #a0aec2; color:#555;}
.organization .inner>ul:nth-child(4) li>ul li a span{position:relative;}
.organization .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);}
.organization .inner>ul:nth-child(4) li>ul li a:hover{border-color:#2569c9; color:#2569c9;}
.organization .inner>ul:nth-child(4) li>ul li a:hover span::after{display:inline-block;}
.organization .inner>ul:nth-child(4)>li{position:relative; width:20%; padding:0 2rem; margin-top:0;}
.organization .inner>ul:nth-child(4)>li::before{display:inline-block; width:1px; height:7.5rem; left:50%; top:-7rem; background:#d0d8dd;}
.organization .inner>ul:nth-child(4)>li>a{position:relative; margin-bottom:2rem; background:#2569c9; border-color:#2569c9; color:#fff;}
.organization .inner>ul:nth-child(4)>li>a::before{display:inline-block; width:1.4rem; height:1.4rem; left:50%; bottom:-0.7rem; margin-left:-0.7rem; background:#2569c9; transform:rotate(45deg);}
@media(max-width: 1400px){
  .organization .inner>ul:nth-child(4)>li{padding:0 1rem;}
}
@media(max-width: 768px){
  .organization .inner>ul:nth-child(4)>li{width:33.3333333333%;}
  .organization .inner>ul:nth-child(4)>li::before{display:none;}
  .organization .inner>ul:nth-child(4)>li:nth-child(n+4){margin-top:3rem;}
}
@media(max-width: 480px){
  .organization .inner>ul:nth-child(4)>li{width:50%;}
  .organization .inner>ul:nth-child(4)>li:nth-child(n+3){margin-top:3rem;}
}
.port-construction-greetings{position:relative;}
.port-construction-greetings::before{display:inline-block; width:100%; height:59rem; left:0; top:8rem; background:#f3f6fa url(/images/kor/assets/img/sub/svg/port_construction_greetings_bg.svg) no-repeat center top; z-index:-1; background-size:cover;}
.port-construction-status .inner>ul{border-top:2px solid #346ec0;}
.port-construction-status .inner>ul>li{border-bottom:1px solid #e2e2e2;}
.port-construction-status .inner>ul>li>button{position:relative; display:block; width:100%; min-height:10rem; padding:1.5rem 3rem; padding-right:10rem; text-align:left; font-size:2.6rem; color:#111; font-weight:600;}
@media(max-width: 1024px){
  .port-construction-status .inner>ul>li>button{padding:1rem 0; padding-right:10rem; font-size:2.1rem;}
}
.port-construction-status .inner>ul>li>button i{position:absolute; width:10rem; height:10rem; line-height:10rem; text-align:center; right:0; top:0; font-size:0;}
.port-construction-status .inner>ul>li>button i::after{display:inline-block; width:1rem; height:1rem; left:50%; top:50%; margin-left:-0.5rem; margin-top:-0.5rem; border-top:2px solid #1558b6; border-right:2px solid #1558b6; transform:rotate(135deg);}
.port-construction-status .inner>ul>li>button i svg{vertical-align:middle;}
.port-construction-status .inner>ul>li .answer{display:none; padding:3rem 5rem; background:#f9fafc; border-top:1px solid #e2e2e2;}
@media(max-width: 1024px){
  .port-construction-status .inner>ul>li .answer{padding:3rem 2rem;}
}
.port-construction-status .inner>ul>li .answer th{background:#f1f6fb;}
.port-construction-status .inner>ul>li.active .answer{display:block !important;}
.port-construction-status .inner>ul>li.active>button i svg *{fill:#1558b6; stroke:#1558b6;}
.port-construction-status .inner>ul>li.active>button i::after{transform:rotate(-45deg); margin-top:-0.25rem; border-color:#fff;}
.area{position:relative; height:560px; overflow-x:auto; overflow-y:hidden;}
.area img{max-width:initial;}
.area>div.init{position:absolute; left:2rem; top:2rem; height:5.8rem; line-height:5.8rem; padding:0 3rem; background:#fff;}
.area>div.init em{font-size:1.5rem; color:#51606c;}
@media(max-width: 768px){
  .area>div.init{width:calc(100% - 4rem); padding:0 1rem;}
  .area>div.init em{font-size:1.4rem;}
}
.area a{position:absolute; right:2rem; top:2rem; height:5.8rem; line-height:calc(5.8rem - 2px); padding:0 3rem; border:1px solid #1d62c4; background:#fff;}
@media(max-width: 768px){
  .area a{width:calc(100% - 4rem); right:auto; left:2rem; top:8.5rem; padding:0 2rem;}
}
.area a span{font-size:1.5rem; color:#1d62c4; font-weight:700;}
.area .point{position:absolute; width:100%; height:100%; left:0; top:0;}
.area .point button{position:absolute;}
.area .point button::before{display:none; content:attr(data-company-name); height:3rem; line-height:calc(3rem - 2px); left:50%; top:-4rem; transform:translateX(-50%); border-radius:3rem; padding:0 2rem; font-size:1.6rem; color:#fa761e; font-weight:700; border:1px solid #fa761e; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.15); white-space:nowrap;}
.area .point button.active::before{display:inline-block; z-index:2;}
.area .point#woongdong button:nth-child(1){left:532px; top:80px;}
.area .point#woongdong button:nth-child(2){left:587px; top:80px;}
.area .point#woongdong button:nth-child(3){left:649px; top:58px;}
.area .point#woongdong button:nth-child(4){left:649px; top:100px;}
.area .point#woongdong button:nth-child(5){left:700px; top:80px;}
.area .point#woongdong button:nth-child(6){left:765px; top:80px;}
.area .point#woongdong button:nth-child(7){left:815px; top:58px;}
.area .point#woongdong button:nth-child(8){left:815px; top:100px;}
.area .point#woongdong button:nth-child(9){left:880px; top:58px;}
.area .point#woongdong button:nth-child(10){left:929px; top:58px;}
.area .point#woongdong button:nth-child(11){left:905px; top:100px;}
.area .point#woongdong button:nth-child(12){left:532px; top:180px;}
.area .point#woongdong button:nth-child(13){left:587px; top:180px;}
.area .point#woongdong button:nth-child(14){left:649px; top:180px;}
.area .point#woongdong button:nth-child(15){left:703px; top:180px;}
.area .point#woongdong button:nth-child(16){left:877px; top:160px;}
.area .point#woongdong button:nth-child(17){left:877px; top:192px;}
.area .point#woongdong button:nth-child(18){left:929px; top:180px;}
.area .point#woongdong button:nth-child(19){left:532px; top:252px;}
.area .point#woongdong button:nth-child(20){left:532px; top:317px;}
.area .point#woongdong button:nth-child(21){left:587px; top:243px;}
.area .point#woongdong button:nth-child(22){left:587px; top:285px;}
.area .point#woongdong button:nth-child(23){left:587px; top:330px;}
.area .point#woongdong button:nth-child(24){left:675px; top:250px;}
.area .point#woongdong button:nth-child(25){left:789px; top:250px;}
.area .point#woongdong button:nth-child(26){left:870px; top:250px;}
.area .point#woongdong button:nth-child(27){left:648px; top:317px;}
.area .point#woongdong button:nth-child(28){left:705px; top:317px;}
.area .point#woongdong button:nth-child(29){left:761px; top:317px;}
.area .point#woongdong button:nth-child(30){left:809px; top:317px;}
.area .point#woongdong button:nth-child(31){left:849px; top:298px;}
.area .point#woongdong button:nth-child(32){left:532px; top:382px;}
.area .point#woongdong button:nth-child(33){left:587px; top:382px;}
.area .point#woongdong button:nth-child(34){left:648px; top:382px;}
.area .point#woongdong button:nth-child(35){left:705px; top:382px;}
.area .point#woongdong button:nth-child(36){left:761px; top:382px;}
.area .point#woongdong button:nth-child(37){left:809px; top:382px;}
.area .point#woongdong button:nth-child(38){left:532px; top:437px;}
.area .point#woongdong button:nth-child(39){left:587px; top:437px;}
.area .point#woongdong button:nth-child(40){left:648px; top:437px;}
.area .point#woongdong button:nth-child(41){left:705px; top:437px;}
.area .point#woongdong button:nth-child(42){left:761px; top:437px;}
.area .point#woongdong button:nth-child(43){left:809px; top:437px;}
.area .point#north-container button:nth-child(1){left:35px; top:475px;}
.area .point#north-container button:nth-child(1)::before{left:3rem; transform:translateX(0); top:-2px;}
.area .point#north-container button:nth-child(2){left:15px; top:517px;}
.area .point#north-container button:nth-child(2)::before{left:3rem; transform:translateX(0); top:-2px;}
.area .point#north-container button:nth-child(3){left:65px; top:517px;}
.area .point#north-container button:nth-child(3)::before{left:3rem; transform:translateX(0); top:-2px;}
.area .point#north-container button:nth-child(4){left:410px; top:376px;}
.area .point#north-container button:nth-child(5){left:410px; top:425px;}
.area .point#north-container button:nth-child(6){left:393px; top:470px;}
.area .point#north-container button:nth-child(7){left:455px; top:470px;}
.area .point#north-container button:nth-child(8){left:526px; top:470px;}
.area .point#north-container button:nth-child(9){left:586px; top:470px;}
.area .point#north-container button:nth-child(10){left:654px; top:470px;}
.area .point#north-container button:nth-child(11){left:739px; top:470px;}
.area .point#north-container button:nth-child(12){left:800px; top:470px;}
.area .point#north-container button:nth-child(13){left:867px; top:470px;}
.area .point#north-container button:nth-child(14){left:945px; top:470px;}
.area .point#north-container button:nth-child(15){left:1036px; top:470px;}
.area .point#north-container button:nth-child(16){left:1160px; top:470px;}
.area .point#north-container button:nth-child(17){left:1280px; top:470px;}
.area .point#north-container button:nth-child(17)::before{left:auto; right:3rem; transform:translateX(0); top:-2px;}
.area .point#north-container button:nth-child(18){left:370px; top:515px;}
.area .point#north-container button:nth-child(19){left:421px; top:515px;}
.area .point#north-container button:nth-child(20){left:491px; top:515px;}
.area .point#north-container button:nth-child(21){left:574px; top:515px;}
.area .point#north-container button:nth-child(22){left:647px; top:515px;}
.area .point#north-container button:nth-child(23){left:708px; top:515px;}
.area .point#north-container button:nth-child(24){left:819px; top:515px;}
.area .point#north-container button:nth-child(25){left:968px; top:515px;}
.area .point#north-container button:nth-child(26){left:1229px; top:515px;}
.area .point#north-container button:nth-child(27){left:1152px; top:367px;}
.area .point#north-container button:nth-child(28){left:1088px; top:413px;}
.area .point#north-container button:nth-child(29){left:1134px; top:413px;}
.area .point#north-container button:nth-child(30){left:1182px; top:413px;}
.ceo-schedule{position:relative; padding-bottom:5rem;}
.ceo-schedule::before{display:inline-block; width:100%; height:15rem; left:0; bottom:0; background:url(/images/kor/assets/img/sub/svg/ceo_schedule_bg.svg) no-repeat center; background-size:cover;}
.ceo-schedule .inner .ceo-schedule-swiper .swiper-slide{position:relative; height:40rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem;}
@media(max-width: 768px){
  .ceo-schedule .inner .ceo-schedule-swiper .swiper-slide{height:60vw;}
}
.ceo-schedule .inner .ceo-schedule-swiper .swiper-slide img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.ceo-schedule .inner .row:first-child{padding-top:5rem; border-top:3px solid #1558b6;}
.ceo-schedule .inner em{height:8rem; line-height:4rem; margin:4rem 0 2rem 0;}
.ceo-schedule .inner p{margin-bottom:4rem;}
.ceo-schedule .inner .func{position:absolute; left:6rem; bottom:-14rem; line-height:5rem;}
@media(max-width: 768px){
  .ceo-schedule .inner .func{display:none;}
}
.ceo-schedule .inner .func span{margin:0 2rem;}
.ceo-schedule .inner .func span i{margin:0 2px; font-size:1.6rem; opacity:.8;}
.ceo-schedule .inner .func span i.ceo-schedule-current{font-weight:500; opacity:1;}
.ceo-schedule .inner .func button svg *{transition:all .2s ease;}
.ceo-schedule .inner .func button:hover svg *{fill:#1558b6;}
ol.process{counter-reset:number;}
ol.process>li{position:relative; width:calc(25% - 6.75rem); min-height:20rem; margin:0 4.5rem; border:1px solid #d2d6dc;}
@media(max-width: 1280px){
  ol.process>li{margin:0 3rem; width:calc(25% - 4.5rem);}
}
@media(max-width: 1024px){
  ol.process>li{margin:5rem 0 !important; width:100%;}
}
ol.process>li::before{display:inline-block; width:100%; height:2px; left:-1px; top:-1px; box-sizing:content-box; border:1px solid #2b5a9c; background:#2b5a9c;}
ol.process>li::after{display:inline-block; content:counter(number, decimal-leading-zero); counter-increment:number; right:2rem; bottom:2rem; font-size:2rem; font-weight:700; color:#cad1dd; font-style:italic;}
ol.process>li mark.pa{left:0; bottom:-3rem; width:100%; font-size:1.5rem;}
ol.process>li em{display:block; height:6.7rem; line-height:calc(6.7rem - 1px); background:#f3f5f9; border-bottom:1px solid #d2d6dc; font-size:2rem; color:#2b5a9c; text-align:center;}
ol.process>li ul{padding:2rem;}
ol.process>li i{position:absolute; width:3rem; height:3rem;}
ol.process>li i::before,ol.process>li i::after{display:inline-block; width:inherit; height:inherit; top:0; background:#d7e3f1; transform:rotate(45deg);}
ol.process>li i::before{right:-6px;}
ol.process>li i::after{right:0; background:#2569ca;}
ol.process>li i img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;}
ol.process>li:last-child::before{background:#2569c9;}
ol.process>li:last-child em{position:relative; background:#2569c9; color:#fff;}
ol.process>li:last-child em::before{display:inline-block; width:100%; height:100%; left:-1px; top:-1px; box-sizing:content-box; border:1px solid #2569c9;}
ol.process>li:nth-child(-n+4),ol.process>li:nth-child(n+9):nth-child(-n+12),ol.process>li:nth-child(n+17):nth-child(-n+20){float:left;}
ol.process>li:nth-child(-n+4) i,ol.process>li:nth-child(n+9):nth-child(-n+12) i,ol.process>li:nth-child(n+17):nth-child(-n+20) i{right:-6.3rem; top:50%; margin-top:-1.5rem;}
@media(max-width: 1280px){
  ol.process>li:nth-child(-n+4) i,ol.process>li:nth-child(n+9):nth-child(-n+12) i,ol.process>li:nth-child(n+17):nth-child(-n+20) i{right:-4.5rem;}
}
ol.process>li:nth-child(n+5):nth-child(-n+8),ol.process>li:nth-child(n+13):nth-child(-n+16),ol.process>li:nth-child(n+21):nth-child(-n+24){float:right; margin-top:10rem; margin-bottom:10rem;}
ol.process>li:nth-child(n+5):nth-child(-n+8) i,ol.process>li:nth-child(n+13):nth-child(-n+16) i,ol.process>li:nth-child(n+21):nth-child(-n+24) i{left:-6.3rem; top:50%; margin-top:-1.5rem;}
@media(max-width: 1280px){
  ol.process>li:nth-child(n+5):nth-child(-n+8) i,ol.process>li:nth-child(n+13):nth-child(-n+16) i,ol.process>li:nth-child(n+21):nth-child(-n+24) i{left:-4.5rem;}
}
ol.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.process>li:nth-child(n+5):nth-child(-n+7) img,ol.process>li:nth-child(n+13):nth-child(-n+15) img{transform:rotate(-180deg); margin-left:-5px; margin-top:-6px;}
ol.process>li:nth-child(1),ol.process>li:nth-child(8),ol.process>li:nth-child(9),ol.process>li:nth-child(16),ol.process>li:nth-child(17){margin-left:0 !important;}
ol.process>li:nth-child(4),ol.process>li:nth-child(5),ol.process>li:nth-child(12),ol.process>li:nth-child(13),ol.process>li:nth-child(19){margin-right:0 !important;}
@media(max-width: 1024px){
  ol.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.process>li i img{transform:rotate(0) translate(-50%, -50%) !important; margin:0 !important;}
}
ol.process.teal-blue>li::before{background:#248793;}
ol.process.teal-blue>li em{background:#f4f8f8; color:#31737b;}
ol.process.teal-blue>li:last-child::before{background:#0091a2;}
ol.process.teal-blue>li:last-child em{background-color:#0091a2; color:#fff;}
ol.process.teal-blue>li:last-child em::before{border-color:#0091a2;}
ol.process.teal-blue>li i::before{background:#dfeced;}
ol.process.teal-blue>li i::after{background:#0091a2;}
.board.banner{padding:5rem 0; border-top:3px solid #346ec0; border-bottom:1px solid #d3d9df;}
.board.banner a{display:block; padding:2rem 4rem; border:1px solid #d3d9df;}
.board.banner a .thumbs{display:block; height:32rem; line-height:32rem; font-size:0;}
.board.banner a .thumbs img{display:inline-block; line-height:1; vertical-align:middle; max-height:100%;}
.board.banner a dl{margin-top:2rem; border-top:1px dotted #c1c1c1;}
.board.banner a dl dt{padding:2rem 0; font-size:2.4rem; font-weight:700;}
.board.banner a dl dd{height:5rem; font-size:1.7rem; color:#666;}
@media(max-width: 1024px){
  .board.banner a{padding:2rem;}
  .board.banner a dl dt{font-size:2rem;}
  .board.banner a dl dd{font-size:1.5rem;}
}
.spotlight{background:url(/images/kor/assets/img/sub/svg/webzine_bg.svg) no-repeat center bottom;}
.spotlight .el{padding:4rem 0; border-top:3px solid #346ec0;}
@media(max-width: 1024px){
  .spotlight .el{padding:5.5rem 0;}
}
@media(max-width: 640px){
  .spotlight .el{padding:6rem 0;}
}
.spotlight .el .thumbs img{border:1px solid #e4e4e4; box-shadow:1rem 1rem 1rem rgba(0,0,0,.1);}
.board.webzine{padding-bottom:5rem; border-bottom:1px solid #dedede;}
.board.webzine.line{padding-top:5rem; border-top:3px solid #346ec0;}
.board.webzine .thumbs{margin-bottom:2rem;}
.board.webzine .thumbs img{width:100%; border:1px solid #e4e4e4; box-shadow:5px 5px 1rem rgba(0,0,0,.1);}
.board.webzine em{position:relative; display:block; min-height:4rem; padding-right:4.5rem; font-size:2rem; line-height:1.3;}
@media(max-width: 1024px){
  .board.webzine em{font-size:1.7rem;}
}
@media(max-width: 860px){
  .board.webzine em{font-size:1.5rem;}
}
.board.webzine em i{position:absolute; right:0; top:50%; width:3.7rem; height:3.7rem; line-height:3.7rem; border-radius:3.7rem; margin-top:-1.85rem; text-align:center; background:#f4f4f4;}
.board.webzine em i img{vertical-align:middle;}
.bpa-subscribe{padding:0 0 6.5rem 0; background:url(/images/kor/assets/img/sub/05/img_bpa_subscribe_bg.jpg) no-repeat center bottom;}
@media(max-width: 1280px){
  .bpa-subscribe{background-position:60% bottom;}
}
@media(max-width: 1024px){
  .bpa-subscribe{background-position:center bottom; background-size:1280px;}
}
.bpa-subscribe-form{position:relative; padding:7rem; border:1px solid #ccc;}
.bpa-subscribe-form::before{display:inline-block; width:100%; height:2px; left:-1px; top:-1px; background:#1558b6; border:1px solid #1558b6; box-sizing:content-box;}
.bpa-subscribe-form .init{height:4.8rem; line-height:4.8rem;}
.bpa-subscribe-form button{display:block; width:100%; height:10.6rem; background:#1558b6; color:#fff; font-size:2rem;}
@media(max-width: 640px){
  .bpa-subscribe-form{padding:7rem 2rem;}
  .bpa-subscribe-form button{height:6rem; font-size:1.7rem;}
}
.ethics-ceo-greetings{background:url(/images/kor/assets/img/sub/06/img_ethics_ceo_greetings_bg.jpg) no-repeat center 20rem;}
.ethics-organization{position:relative; overflow:hidden;}
.ethics-organization ul{position:relative;}
.ethics-organization ul li span{display:block; height:7.5rem; line-height:7.5rem; background:#eee; font-size:2rem; color:#fff;}
@media(max-width: 1024px){
  .ethics-organization ul li span{font-size:1.8rem;}
}
@media(max-width: 768px){
  .ethics-organization ul li span{font-size:2rem;}
}
.ethics-organization>.inner{padding-bottom:5rem;}
.ethics-organization>.inner ul:nth-child(1){position:relative; margin-bottom:5rem;}
.ethics-organization>.inner ul:nth-child(1)::before{display:inline-block; width:1px; height:200%; left:50%; top:30%; background:#d0d8dd;}
@media(max-width: 420px){
  .ethics-organization>.inner ul:nth-child(1)::before{height:195%;}
}
.ethics-organization>.inner ul:nth-child(1) li{position:relative;}
.ethics-organization>.inner ul:nth-child(1) li em{position:absolute; left:50%; top:50%; font-size:3.2rem; color:#2569c9; transform:translate(-50%, -50%);}
.ethics-organization>.inner .row ul{position:relative; z-index:1;}
.ethics-organization>.inner .row ul::before{display:inline-block; width:50%; height:1px; left:0; top:50%; background:#d0d8dd; z-index:-1;}
@media(max-width: 580px){
  .ethics-organization>.inner .row ul::before{width:35%;}
}
.ethics-organization>.inner .row ul::after{display:inline-block; width:1.6rem; height:1.6rem; background:#6e5edb; left:0; top:calc(50% - .8rem); margin-left:-0.8rem; transform:rotate(45deg); box-shadow:1rem 0 1rem rgba(0,0,0,.15);}
@media(max-width: 1024px){
  .ethics-organization>.inner .row ul::before,.ethics-organization>.inner .row ul::after{display:none;}
}
.ethics-organization>.inner .row ul li{width:32rem; margin-top:1rem;}
.ethics-organization>.inner .row ul li span{line-height:calc(7.5rem - 2px); background:#6153bc; border:1px solid #6153bc; color:#fff;}
.ethics-organization .el{position:relative; padding:5rem 0; background:#f5f9fc; z-index:1;}
.ethics-organization .el .row{position:relative;}
.ethics-organization .el .row::before{display:inline-block; width:50%; height:1px; left:calc(46% - 2px); top:-5rem; transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
@media(max-width: 1280px){
  .ethics-organization .el .row::before{display:none;}
}
.ethics-organization .el .row>ul{padding:0;}
.ethics-organization .el .row>ul>li{position:relative;}
@media(max-width: 640px){
  .ethics-organization .el .row>ul>li{display:block;}
}
.ethics-organization .el .row>ul>li::before{display:inline-block; width:1px; height:17.5rem; left:50%; top:-5rem; background:#d0d8dd; z-index:-1;}
.ethics-organization .el .row>ul>li>span{width:32rem; margin:0 auto; line-height:calc(7.5rem - 2px); background:#0085bd; border:1px solid #0085bd; color:#fff;}
.ethics-organization .el .row>ul>li>span+ul{position:relative; padding:0; padding-top:10rem;}
.ethics-organization .el .row>ul>li>span+ul::before{display:inline-block; height:1px; left:50%; top:5rem; transform:translateX(-50%); background:#d0d8dd; z-index:-1;}
.ethics-organization .el .row>ul>li>span+ul::after{display:inline-block; width:1.6rem; height:1.6rem; background:#0085bd; left:calc(50% + 1px); top:4.25rem; margin-left:-0.8rem; transform:rotate(45deg); box-shadow:1rem 0 1rem rgba(0,0,0,.15);}
.ethics-organization .el .row>ul>li>span+ul li{position:relative; width:22rem; padding:0 .5rem;}
.ethics-organization .el .row>ul>li>span+ul li::before{display:inline-block; width:1px; height:5rem; left:50%; top:-5rem; background:#d0d8dd; z-index:-1;}
.ethics-organization .el .row>ul>li>span+ul li span{line-height:calc(7.5rem - 2px); background:#fff; border:1px solid #98bfcd; border-bottom-color:#088fc1; color:#006b97;}
@media(max-width: 1280px){
  .ethics-organization .el .row>ul>li>span+ul li{width:15rem;}
}
@media(max-width: 640px){
  .ethics-organization .el .row>ul>li>span+ul li{width:33%; padding:0 .7rem;}
}
.ethics-organization .el .row>ul:nth-child(1) ul::before{width:50%;}
@media(max-width: 1280px){
  .ethics-organization .el .row>ul:nth-child(1) ul::before{width:47%;}
}
@media(max-width: 640px){
  .ethics-organization .el .row>ul:nth-child(1) ul::before{width:33%;}
}
.ethics-organization .el .row>ul:nth-child(2) ul::before{width:66.8%; margin-left:.3px;}
@media(max-width: 640px){
  .ethics-organization .el .row>ul:nth-child(2) ul::before{width:66%;}
}
@media(max-width: 640px){
  .ethics-organization .el .row>ul:nth-child(2)>li::before{height:5rem; top:7.5rem;}
}
.ethics-charter{position:relative; overflow:hidden;}
.ethics-charter::before{display:inline-block; width:100%; height:100%; left:0; top:18rem; background:#f6f8fa; z-index:-1;}
.ethics-charter .row mark{background:#1558b6; font-size:1.8rem; color:#fff;}
.ethics-charter>i{position:absolute; left:50%; top:28rem; transform:translateX(-50%); font-size:20rem; color:#d9e3f1; white-space:nowrap; font-weight:900; opacity:.4; z-index:-1;}
.ethics-charter .el{padding:8rem;}
@media(max-width: 1024px){
  .ethics-charter .el{padding:3rem;}
}
.ethics-charter .el ol{counter-reset:number; background:url(/images/kor/assets/img/sub/svg/icon_ethics_charter_shadow.svg) no-repeat calc(50% + 4px) bottom;}
@media(max-width: 1024px){
  .ethics-charter .el ol{background:none;}
}
.ethics-charter .el ol li{position:relative; padding-top:8rem; margin-bottom:6rem; font-size:2rem; line-height:1.5;}
@media(max-width: 1024px){
  .ethics-charter .el ol li{margin-bottom:5rem;}
  .ethics-charter .el ol li:last-child{margin-bottom:0;}
}
.ethics-charter .el ol li::before{display:inline-block; width:65px; height:65px; left:0; top:0; background:url(/images/kor/assets/img/sub/svg/icon_ethics_charter.svg) no-repeat left top;}
.ethics-charter .el ol li::after{display:inline-block; width:49px; height:57px; line-height:57px; left:0; top:0; content:counter(number, decimal-leading-zero); counter-increment:number; font-size:1.9rem; color:#0055b7; text-align:center; font-weight:700;}
.self-diagnosis{position:relative; margin-top:7rem; padding:5rem; padding-top:10rem; background:#f7f8fa;}
@media(max-width: 1024px){
  .self-diagnosis{padding-right:2rem; padding-left:4rem;}
}
.self-diagnosis h4{position:absolute; width:calc(100% - 60px); left:30px; top:-4.4rem; height:88px; line-height:88px; background:#2569c9; color:#fff;}
.self-diagnosis h4 span{line-height:49px;}
@media(max-width: 640px){
  .self-diagnosis h4 span{line-height:1.2;}
}
.self-diagnosis h4 span em,.self-diagnosis h4 span sub{font-size:2.6rem;}
@media(max-width: 640px){
  .self-diagnosis h4 span em,.self-diagnosis h4 span sub{font-size:2.1rem;}
}
.self-diagnosis h4::before,.self-diagnosis h4::after{display:inline-block; width:0; height:0; top:0; border:44px solid rgba(0,0,0,0); z-index:2;}
.self-diagnosis h4::before{left:-74px; border-right:30px solid #2569c9;}
.self-diagnosis h4::after{right:-74px; border-left:30px solid #2569c9;}
.self-diagnosis h5{position:absolute; width:calc(100% - 60px); left:30px; height:88px; line-height:88px; background:#e26511; color:#fff;}
.self-diagnosis h5 span{line-height:49px;}
@media(max-width: 640px){
  .self-diagnosis h5 span{line-height:1.2;}
}
.self-diagnosis h5 span em,.self-diagnosis h5 span sub{font-size:2.6rem;}
@media(max-width: 640px){
  .self-diagnosis h5 span em,.self-diagnosis h5 span sub{font-size:2.1rem;}
}
.self-diagnosis h5::before,.self-diagnosis h5::after{display:inline-block; width:0; height:0; top:0; border:44px solid rgba(0,0,0,0); z-index:2;}
.self-diagnosis h5::before{left:-74px; border-right:30px solid #e26511;}
.self-diagnosis h5::after{right:-74px; border-left:30px solid #e26511;}
.self-diagnosis p{margin-bottom:5rem; padding:2.5rem; background:#fff; border:1px dashed #111; border-radius:1rem; box-shadow:1rem 1rem 1rem rgba(0,0,0,.1);}
.self-diagnosis p.blue{border-color:#2569c9; color:#2569c9;}
.self-diagnosis p.orange{border-color:#d25d00; color:#d25d00;}
.self-diagnosis ol{counter-reset:number;}
.self-diagnosis ol>li{position:relative; padding:3rem 8rem; margin-bottom:1rem; background:#fff; border:1px solid #dadfe3;}
@media(max-width: 1024px){
  .self-diagnosis ol>li{padding:2rem 2rem 2rem 5rem;}
}
.self-diagnosis ol>li:last-child{margin-bottom:0;}
.self-diagnosis ol>li::before{display:inline-block; width:60px; height:61px; left:-24.5px; top:12px; background:url(/images/kor/assets/img/sub/svg/icon_self_diagnosis.svg) no-repeat left top;}
.self-diagnosis ol>li::after{display:inline-block; width:49px; height:57px; line-height:57px; left:-24.5px; top:12px; content:counter(number, decimal-leading-zero); counter-increment:number; font-size:1.9rem; color:#fff; text-align:center; font-weight:700;}
.self-diagnosis ol>li em{font-size:2rem; line-height:1.35; color:#555;}
.self-diagnosis ol>li ul.pa{right:4rem; top:50%; transform:translateY(-50%);}
@media(max-width: 1024px){
  .self-diagnosis ol>li ul.pa{right:auto; top:0; transform:initial;}
}
@media(max-width: 768px){
  .self-diagnosis ol>li ul:not(.pa){margin-left:-2.8rem;}
}
.self-diagnosis ol>li li{height:auto !important; line-height:4rem !important;}
.self-diagnosis .el{position:relative; padding:0 5rem; border:1px solid #dadfe3; background:#fff;}
@media(max-width: 768px){
  .self-diagnosis .el{padding:2rem 3rem;}
}
.self-diagnosis .el dl{padding:5rem 0; border-bottom:1px dotted #aeb2b6;}
@media(max-width: 768px){
  .self-diagnosis .el dl{padding:3rem 0;}
}
.self-diagnosis .el dl:last-child{border-bottom:0;}
.self-diagnosis .el dl dt mark{display:inline-block; width:12.6rem; height:4.2rem; line-height:4.2rem; border-radius:4.2rem; background:#fbece2; font-size:2.2rem; color:#ce4400; font-weight:700; text-align:center;}
@media(max-width: 640px){
  .self-diagnosis .el dl dt mark{font-size:1.9rem;}
}
.self-diagnosis .el dl dd em{line-height:4.2rem;}
@media(max-width: 768px){
  .self-diagnosis .el dl dd em{line-height:1.35;}
}
.fraud-report .row h4{line-height:3rem;}
.fraud-report .row h4 span{position:relative;}
.fraud-report .row h4 span::after{display:inline-block; width:6px; height:6px; border-top:1px solid #111; border-right:1px solid #111; right:-2rem; top:50%; margin-top:-3px; transform:rotate(45deg);}
.fraud-report .row dl{line-height:3rem;}
.fraud-report .row dl dt{position:relative; margin-right:3rem;}
.fraud-report .row dl dt::after{display:inline-block; width:1px; height:1rem; right:-1.5rem; top:50%; margin-top:-0.5rem; background:#d0d3d5;}
.fraud-report .row dl dt em{font-size:2rem;}
.fraud-report .row dl dd{font-size:1.8rem;}
@media(max-width: 480px){
  .fraud-report .row dl dt,.fraud-report .row dl dd{display:block;}
  .fraud-report .row dl dt::after{display:none;}
}
.bpa-slogan{position:relative; padding:12rem 2rem;}
.bpa-slogan::before{display:inline-block; width:100%; height:100%; left:0; top:50%; border-top:1px solid #edeff1; z-index:-1; background:#f6f8fa; background:linear-gradient(to bottom, rgb(246, 248, 250) 0%, rgb(255, 255, 255) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f8fa", endColorstr="#ffffff",GradientType=0 );}
.diagram.bg{position:relative;}
.diagram.bg::before{display:inline-block; left:0; top:8rem; width:100vw; height:calc(100% - 8rem); background:#f5f9fc; z-index:-1;}
.growth-network{padding:7rem 2rem; background:#f5f9fc;}
.bpa-introduction{position:relative; overflow:hidden;}
.bpa-introduction::before{display:inline-block; width:100%; height:100%; left:0; top:25rem; background:#f6f8fa; z-index:-1;}
.bpa-introduction .row mark{background:#1558b6; font-size:1.8rem; color:#fff;}
.bpa-introduction>i{position:absolute; left:50%; top:29rem; transform:translateX(-50%); font-size:20rem; color:#d9e3f1; white-space:nowrap; font-weight:900; opacity:.4; z-index:-1;}
.bpa-introduction .el{padding:5rem 8rem;}
@media(max-width: 1024px){
  .bpa-introduction .el{padding:3rem;}
}
.bpa-introduction .el ol{counter-reset:number;}
@media(max-width: 1024px){
  .bpa-introduction .el ol{background:none;}
}
.bpa-introduction .el ol li{position:relative; padding-top:8rem; font-size:2rem; line-height:1.5;}
@media(max-width: 1024px){
  .bpa-introduction .el ol li{margin-bottom:5rem;}
  .bpa-introduction .el ol li:last-child{margin-bottom:0;}
}
.bpa-introduction .el ol li::before{display:inline-block; width:65px; height:65px; left:0; top:0; background:url(/images/kor/assets/img/sub/svg/icon_ethics_charter.svg) no-repeat left top;}
.bpa-introduction .el ol li::after{display:inline-block; width:49px; height:57px; line-height:57px; left:0; top:0; content:counter(number, decimal-leading-zero); counter-increment:number; font-size:1.9rem; color:#0055b7; text-align:center; font-weight:700;}
.bpa-introduction-sign{position:relative; padding:5rem 0; border-bottom:1px solid #c7d5e0; background:#e8f2f9;}
.bpa-introduction-sign::before{display:inline-block; width:2rem; height:2rem; left:50%; bottom:-1.35rem; margin-left:-1rem; background:url(/images/kor/assets/img/sub/svg/icon_ethics_charter_shadow.svg) no-repeat center;}
.bpa-introduction-sign em{font-size:2.3rem;}
.company_certification{position:relative; background:url(/images/kor/assets/img/sub/svg/img_company_certification_bg.svg) no-repeat center 3rem;}
.company_certification img{box-shadow:1rem 1rem 2rem rgba(0,0,0,.1);}
.bpa-private-tooltip{padding:7rem; background:#f3f6fa;}
@media(max-width: 1280px){
  .bpa-private-tooltip{padding:5rem;}
}
@media(max-width: 1024px){
  .bpa-private-tooltip{padding:5rem 2rem;}
}
.bpa-private-tooltip [class^=grid-]{position:relative;}
.bpa-private-tooltip [class^=grid-]>a,.bpa-private-tooltip [class^=grid-]>button{position:relative; display:block; width:100%; height:17rem; border:1px solid #c1cad7; background:#fff;}
.bpa-private-tooltip [class^=grid-]>a img,.bpa-private-tooltip [class^=grid-]>button img{position:absolute; left:4rem; top:3rem;}
.bpa-private-tooltip [class^=grid-]>a em,.bpa-private-tooltip [class^=grid-]>button em{position:absolute; right:4rem; bottom:3rem; text-align:right;}
@media(max-width: 1280px){
  .bpa-private-tooltip [class^=grid-]>a img,.bpa-private-tooltip [class^=grid-]>button img{left:2rem;}
  .bpa-private-tooltip [class^=grid-]>a em,.bpa-private-tooltip [class^=grid-]>button em{right:2rem;}
}
.bpa-private-tooltip [class^=grid-] .tooltip{display:none; position:absolute; width:55rem; padding:3.5rem; left:1rem; bottom:17rem; background:#fff; border:1px solid #2d7def; box-shadow:1rem 1rem 2rem rgba(0,0,0,.2); z-index:2;}
@media(max-width: 1024px){
  .bpa-private-tooltip [class^=grid-] .tooltip{width:100%;}
}
.bpa-private-tooltip [class^=grid-] .tooltip::before{display:inline-block; left:2rem; bottom:-15px; width:30px; height:15px; background:url(/images/kor/assets/img/sub/svg/icon_private_tooltip_arrow.svg) no-repeat center top;}
.bpa-private-tooltip [class^=grid-] .tooltip button{position:absolute; right:2rem; top:3.5rem;}
@media(min-width: 1024px){
  .bpa-private-tooltip [class^=grid-]:nth-child(3n) .tooltip{left:auto; right:1rem;}
  .bpa-private-tooltip [class^=grid-]:nth-child(3n) .tooltip::before{left:auto; right:2rem;}
}
@media(min-width: 640px)and (max-width: 1024px){
  .bpa-private-tooltip [class^=grid-]:nth-child(2n) .tooltip{left:auto; right:1rem;}
  .bpa-private-tooltip [class^=grid-]:nth-child(2n) .tooltip::before{left:auto; right:2rem;}
}
.bpa-qna>ul{border-top:2px solid #346ec0;}
.bpa-qna>ul>li{border-bottom:1px solid #e2e2e2;}
.bpa-qna>ul>li>button{position:relative; display:block; width:100%; min-height:10rem; padding:1.5rem 3rem; padding-right:10rem; text-align:left; font-size:2.6rem; color:#111; font-weight:600;}
@media(max-width: 1024px){
  .bpa-qna>ul>li>button{padding:1rem 0; padding-right:10rem; font-size:2.1rem;}
}
.bpa-qna>ul>li>button i{position:absolute; width:10rem; height:10rem; line-height:10rem; text-align:center; right:0; top:0; font-size:0;}
.bpa-qna>ul>li>button i::after{display:inline-block; width:1rem; height:1rem; left:50%; top:50%; margin-left:-0.5rem; margin-top:-0.5rem; border-top:2px solid #1558b6; border-right:2px solid #1558b6; transform:rotate(135deg);}
.bpa-qna>ul>li>button i svg{vertical-align:middle;}
.bpa-qna>ul>li .answer{display:none; padding:3rem 5rem; background:#f9fafc; border-top:1px solid #e2e2e2;}
@media(max-width: 1024px){
  .bpa-qna>ul>li .answer{padding:3rem 2rem;}
}
.bpa-qna>ul>li .answer th{background:#f1f6fb;}
.bpa-qna>ul>li .answer thead th{text-align:center;}
.bpa-qna>ul>li .answer p{font-size:1.7rem; line-height:1.5; color:#333;}
.bpa-qna>ul>li .answer h3{margin-bottom:1rem; font-size:2.3rem;}
.bpa-qna>ul>li .answer h4{margin-bottom:1rem; font-size:1.9rem;}
.bpa-qna>ul>li .answer .gap{height:5rem;}
.bpa-qna>ul>li.active>button i svg *{fill:#1558b6; stroke:#1558b6;}
.bpa-qna>ul>li.active>button i::after{transform:rotate(-45deg); margin-top:-0.25rem; border-color:#fff;}
.bpa-qna>ul li.active .answer{display:block;}
.bpa-private{border-top:2px solid #346ec0;}
.bpa-private>h3{position:relative; display:block; width:100%; min-height:10rem; margin-bottom:0; padding:3rem; text-align:left; font-size:2.6rem; color:#111;}
.bpa-private .rule{padding:3rem 5rem; background:#f9fafc; border-top:1px solid #e2e2e2;}
.bpa-private .rule h3{font-size:2.5rem; line-height:3rem; padding-left:2.5rem; background-size:2rem;}
.bpa-private .rule h4{font-size:2.1rem; line-height:2.8rem; margin-bottom:1rem;}
.bpa-private .rule .gap{height:5rem;}
.bpa-private .rule .g-box{margin:1rem 0 2rem 0; padding:2rem; border:1px solid #eee; background:#fff; line-height:1.5; font-size:1.5rem;}
.bpa-private .rule .g-box p{font-size:1.5rem;}
.bpa-private .rule .g-box>.onum{counter-reset:numbering;}
.bpa-private .rule .g-box>.onum li{position:relative; counter-increment:numbering;}
.bpa-private .rule .g-box>.onum li::before{position:relative; display:inline-block; margin-right:5px; content:counter(numbering, decimal) ".";}
.bpa-private .rule .mg5t{margin-top:1rem; font-weight:600;}
.bpa-private .rule .ssgap{height:3rem;}
.bpa-private .rule .c-list01{margin:1rem 0 2rem 0; padding:2rem; border:1px solid #eee; background:#fff; line-height:1.5; font-size:1.5rem;}
.bpa-private .rule table{background:#fff;}
.bpa-private .rule table .c-list01{margin:0; padding:0; border:0; font-size:1.8rem;}
.sitemap img{vertical-align:middle;}
.sitemap a{display:block; font-size:0;}
.sitemap a>*{display:inline-block; vertical-align:middle; margin-left:2px;}
.sitemap a i{width:17px; height:17px; line-height:15px; border-radius:3px; border:1px solid #e77418; font-size:11px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;}
.sitemap a:focus{outline:none;}
.sitemap a:focus span{position:relative;}
.sitemap a:focus span::after{display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111; border-radius:5px;}
.sitemap>ul{counter-reset:numbering;}
.sitemap>ul>li{counter-increment:numbering;}
.sitemap>ul>li>a{position:relative; display:block; height:6.8rem; line-height:calc(6.8rem - 2px); padding:0 4rem; background:#f5f7f9; border:1px solid #dee1e5; font-size:2.8rem; font-weight:700; color:#1558b6; overflow:hidden;}
.sitemap>ul>li>a::before{display:inline-block; width:.9rem; height:2.5rem; left:0; top:50%; margin-top:-1.25rem; background:#1558b6;}
.sitemap>ul>li>a::after{display:inline-block; content:counter(numbering, decimal-leading-zero); right:5rem; top:2rem; font-size:9rem; font-weight:700; font-style:italic; color:#a7aeb5; opacity:.15; letter-spacing:-4px;}
.sitemap>ul>li>a+ul{display:inline-block; width:100%; vertical-align:top; margin:3rem 0 9rem 0;}
.sitemap>ul>li>a+ul>li{float:left; width:20%;}
.sitemap>ul>li>a+ul>li:nth-child(n+6){margin-top:5rem;}
@media(max-width: 1024px){
  .sitemap>ul>li>a+ul>li{width:25%;}
  .sitemap>ul>li>a+ul>li:nth-child(n+5){margin-top:5rem;}
}
@media(max-width: 768px){
  .sitemap>ul>li>a+ul>li{width:33.3333333333%;}
  .sitemap>ul>li>a+ul>li:nth-child(n+4){margin-top:5rem;}
}
@media(max-width: 640px){
  .sitemap>ul>li>a+ul>li{width:50%;}
  .sitemap>ul>li>a+ul>li:nth-child(n+3){margin-top:5rem;}
}
@media(max-width: 420px){
  .sitemap>ul>li>a+ul>li{width:100%;}
  .sitemap>ul>li>a+ul>li:nth-child(n+2){margin-top:5rem;}
}
.sitemap>ul>li>a+ul>li>a{position:relative; display:block; margin-bottom:3rem; font-size:2rem; font-weight:700;}
.sitemap>ul>li>a+ul>li>a+ul>li{margin-bottom:1.5rem;}
.sitemap>ul>li>a+ul>li>a+ul>li:last-child{margin-bottom:0;}
.sitemap>ul>li>a+ul>li>a+ul>li>a{position:relative; display:block; padding-left:1rem; font-size:1.7rem; color:#777; transition:color .2s ease;}
.sitemap>ul>li>a+ul>li>a+ul>li>a::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#949494;}
.sitemap>ul>li>a+ul>li>a+ul>li>a span{position:relative;}
.sitemap>ul>li>a+ul>li>a+ul>li>a span::before{display:inline-block; width:0; height:1px; left:0; bottom:-3px; background:#1558b6; transition:width .2s ease;}
.sitemap>ul>li>a+ul>li>a+ul>li>a+ul{margin-top:1rem; margin-right:5rem; padding:1rem 2rem; background:#f5f7f9;}
.sitemap>ul>li>a+ul>li>a+ul>li>a+ul a{position:relative; display:block; line-height:2.4rem; padding-left:1rem; font-size:1.5rem; color:#777;}
.sitemap>ul>li>a+ul>li>a+ul>li>a+ul a::before{display:inline-block; width:5px; height:1px; left:0; top:.9rem; background:#8c8c8c;}
.sitemap>ul>li>a+ul>li>a+ul>li>a+ul a:hover{color:#111;}
.sitemap>ul>li>a+ul>li>a+ul>li:hover>a{color:#1558b6;}
.sitemap>ul>li>a+ul>li>a+ul>li:hover>a span::before{width:100%;}
.bpa-sns-box{position:relative; padding-bottom:5rem;}
@media(max-width: 768px){
  .bpa-sns-box{padding:0 2rem 5rem 2rem;}
}
.bpa-sns-box::before{display:inline-block; width:100%; height:60%; left:0; bottom:0; background:#e6edf7; z-index:-1;}
.bpa-sns-box .el{position:relative; max-width:73rem; margin:5rem auto 3rem auto; padding:5rem 10rem; border:1px solid #ccc; border-top:0; background:#fff;}
@media(max-width: 768px){
  .bpa-sns-box .el{padding:5rem 3rem;}
}
.bpa-sns-box .el::before{display:inline-block; width:100%; height:3px; left:0; top:0; background:#1558b6;}
.bpa-sns-box .el p{margin-bottom:1.5rem; background:#f6fafb; padding:2rem;}
.mc-list02{overflow:hidden; border-top:2px solid #043d86; border-bottom:1px solid #bac2ca;}
.mc-list02 li{width:100%; border-bottom:1px solid #ddd; padding:15px 10px;}
.mc-list02 li .tit{font-weight:700; font-size:18px; font-weight:bold; color:#06f;}
.mc-list02 a:hover{color:#f60;}
.mc-list02 li .cont{font-weight:700; font-size:16px;}
.mc-list02 li.last{border-bottom:0; padding-bottom:1px;}
.mc-list02 li.full{width:100%;}
.mc-list02 li.two_line{height:50px;}
.gap10{height:10px; clear:both; overflow:hidden;}
.gap20{height:20px; clear:both; overflow:hidden;}
.gap30{height:30px; clear:both; overflow:hidden;}
.gap{height:40px; clear:both;}
.sgap{height:25px; clear:both;}
.ssgap{height:15px; clear:both;}
.g-box{padding:20px; background:#f8f8f8; border:1px solid #ddd; overflow:hidden; position:relative;}
h3.c-tit15{margin-bottom:2rem; font-size:3.5rem; line-height:1.2; padding-left:3.6rem; background:url(/images/kor/assets/img/sub/svg/h3_bullets.svg) no-repeat left .8rem;}
li.c-list07{position:relative; padding-left:1.5rem; margin-bottom:1.5rem; font-size:19px;}
li.c-list07:last-child{margin-bottom:0;}
li.c-list07::before{display:inline-block; width:6px; height:6px; left:0; top:9px; background:#555;}
li.c-list08{position:relative; padding-left:1rem; margin-left:2rem; margin-bottom:1.5rem; font-size:15px;}
li.c-list08:last-child{margin-bottom:0;}
li.c-list08::before{display:inline-block; width:3px; height:3px; left:0; top:10px; background:#555;}
.blind{position:absolute !important; z-index:-999; opacity:0; width:0; height:0; left:-999%; top:-999%;}
/*# sourceMappingURL=style.sub.min.css.map */