html,body{position:relative;}
.inner{max-width:1600px; margin:0 auto;}
@media(max-width: 1600px){
  .inner{padding:0 2rem;}
}
.skip-nav{position:fixed; width:100%; height:0; left:0; top:0; z-index:999;}
.skip-nav a{position:absolute; left:-9999px; top:0; width:100%; height:50px; line-height:50px; overflow:hidden; background-color:#f2f2f2; color:#333; text-align:center; font-size:2rem; font-weight:700;}
.skip-nav a:focus{left:auto;}
.global-dim{display:none; position:fixed; width:100%; height:100vh; left:0; top:0; background:#000; opacity:0; z-index:4;}
.h15rem{height:15rem;}
.h25rem{height:25rem;}
#quick-service{position:absolute; width:100%; height:40rem; padding-top:7rem; left:0; bottom:0; transform:translateY(100%); z-index:3; background:rgba(0,76,183,.98) url(/images/kor/assets/img/main/svg/icon_quick_service_arrow.svg) no-repeat center top; line-height:1; text-align:center; color:#fff; transition:transform 1s ease;}
#quick-service.active{transform:translateY(0);}
@media(max-width: 1024px){
  #quick-service{display:none;}
}
#quick-service h3{font-size:4.5rem;}
#quick-service p{margin:1.5rem 0 5rem 0; font-size:1.7rem; opacity:.7; font-weight:200;}
#quick-service .inner .init a{position:relative; width:16.6666666666%;}
#quick-service .inner .init a::after{display:inline-block; width:1px; height:100%; right:0; top:0; background:#fff; opacity:.15;}
#quick-service .inner .init a:last-child::after{display:none;}
#quick-service .inner .init a i{display:block; height:10rem; line-height:10rem;}
#quick-service .inner .init a i svg{vertical-align:middle;}
#quick-service .inner .init a em{font-size:2rem; font-weight:500;}
@media(max-width: 1280px){
  #quick-service .inner .init a em{font-size:1.7rem;}
}
#quick-service .quick-settings-open{position:absolute; left:8rem; top:0; width:20rem; height:4.9rem; line-height:4.9rem; border-radius:5px; text-align:center; background:#003a92; color:#fff;}
#quick-service .quick-settings-open span{font-size:1.7rem;}
#quick-service button.quick-service-close{position:absolute; width:6rem; height:6rem; right:0; top:0;}
#quick-service .settings{position:absolute; width:100%; height:40rem; left:0; bottom:0; padding-top:5rem; background:#eaf7ff; transform:translateY(100%); transition:transform .5s ease;}
#quick-service .settings.active{transform:translateY(0);}
#quick-service .settings h4{height:5.8rem; line-height:5.8rem; margin-bottom:2rem; font-size:2rem; font-weight:400; text-align:left; color:#111;}
#quick-service .settings h4 mark{color:#2569c9;}
#quick-service .settings .row{padding-top:2rem; border-top:1px solid #c0ced8;}
#quick-service .settings .input{height:3.4rem; line-height:3.4rem; color:#1d2838;}
#quick-service .settings .btn-group{position:absolute; right:8rem; top:0;}
#quick-service .settings>button.quick-settings-close{position:absolute; width:100%; height:6rem; left:0; bottom:0; background:#004bb5;}
#survey{position:fixed; width:100%; line-height:6.8rem; left:0; bottom:0; z-index:8; padding:4rem 0; background:rgba(9,143,148,.9); transform:translateY(100%); transition:all .5s ease;}
#survey.active{transform:translateY(0);}
@media(max-width: 1024px){
  #survey{padding:2rem 0;}
}
#survey .grid-3 h2{font-size:3rem; color:#fff;}
#survey .grid-3 .init{position:absolute; right:0; top:50%; transform:translateY(-50%);}
@media(max-width: 1024px){
  #survey .grid-3 .init{right:auto; left:18rem;}
}
#survey .grid-3 .init button{position:relative; width:29px; height:29px; background:#fff;}
#survey .grid-3 .init button[aria-pressed=false]::before,#survey .grid-3 .init button[aria-pressed=false]::after{display:inline-block; width:1px; height:9px; top:50%; margin-top:-4px; background:#111;}
#survey .grid-3 .init button[aria-pressed=false]::before{left:12px;}
#survey .grid-3 .init button[aria-pressed=false]::after{right:12px;}
#survey .grid-3 .init button[aria-pressed=true]::before{display:inline-block; border:5px solid rgba(0,0,0,0); border-left:6px solid #111; left:50%; top:50%; margin-left:-2px; margin-top:-4px;}
#survey .grid-3 .init button img{vertical-align:middle;}
#survey .grid-3 .init button:first-child{border-radius:29px 0 0 29px; border-right:1px solid #c2c2c2;}
#survey .grid-3 .init button:last-child{border-radius:0 29px 29px 0; border-left:1px solid #c2c2c2;}
#survey .grid-9 input{height:6.8rem; padding:0 2rem; border:1px solid #fff; font-size:2rem; background:rgba(0,0,0,0); color:#fff;}
#survey .grid-9 input+button{width:20rem; height:6.8rem; font-size:1.8rem; color:#111; background:#fff;}
#survey .grid-9 em{font-size:1.8rem; color:#fff;}
#survey .close-survey{position:absolute; right:1rem; top:50%; transform:translateY(-50%); z-index:2;}
@media(max-width: 1024px){
  #survey .close-survey{right:2rem; top:2rem; transform:translateY(0);}
  #survey .close-survey img{width:3rem;}
}
.header{position:fixed; width:100%; left:0; top:0; z-index:9;}
.header .top{position:relative; height:5rem; line-height:5rem; border-bottom:1px solid rgba(255,255,255,.2); z-index:10;}
.header .top .updata{position:relative; padding-right:5rem; vertical-align:top; white-space:nowrap;}
.header .top .updata h2{position:relative; margin-left:3rem; margin-right:5rem; font-size:1.3rem; color:#e7761b; z-index:2;}
.header .top .updata h2::after{display:inline-block; width:0; height:0; right:-2rem; top:50%; margin-top:-4px; border:4px solid rgba(0,0,0,0); border-left:4px solid #e7761b;}
.header .top .updata h2.active::after{margin-top:-1px; border:4px solid rgba(0,0,0,0); border-top:4px solid #e7761b;}
.header .top .updata>ul li{margin-right:2rem;}
.header .top .updata>ul li:last-child{margin-right:0;}
.header .top .updata>ul li a{display:block; font-size:1.4rem; color:#fff; opacity:.9; transition:color .2s ease;}
.header .top .updata>ul li a:hover{opacity:1;}
.header .top .updata #updata{position:absolute; width:100%; left:0; transform:translateX(-100%); top:0; padding-top:5rem; background:rgba(255,255,255,.97); z-index:1; border-right:1px solid #7e7e7e; border-bottom:1px solid #7e7e7e; transition:transform .8s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.header .top .updata #updata.active{transform:translateX(0);}
.header .top .updata #updata h3{padding:2rem 3rem; background:#eee; font-size:1.6rem; color:#555; font-weight:400;}
.header .top .updata #updata h3 mark{color:#cf2c00;}
.header .top .updata #updata .el{max-height:52rem; margin:2rem; padding:0 5rem 0 1rem; line-height:1; overflow-y:auto;}
.header .top .updata #updata .el::-webkit-scrollbar{width:6px; height:6px; border-radius:6px;}
.header .top .updata #updata .el::-webkit-scrollbar-track{width:6px; background:#e5e5e5;}
.header .top .updata #updata .el::-webkit-scrollbar-thumb{border-radius:6px; background:#959595;}
.header .top .updata #updata .el ul li{padding:3rem 0 1rem 0; border-bottom:1px solid #dadcdc;}
.header .top .updata #updata .el ul li:last-child{border-bottom:0;}
.header .top .updata #updata .el ul li a{position:relative; display:block;}
.header .top .updata #updata .el ul li a::after{display:inline-block; width:3rem; height:3rem; border-radius:3rem; right:0; top:50%; margin-top:-1.5rem; border:1px solid #bfbfbf; background:#fff url(/images/kor/assets/img/common/svg/icon_updata_more.svg) no-repeat center; box-shadow:3px 3px 5px rgba(0,0,0,.1);}
.header .top .updata #updata .el ul li a em{display:block; margin-bottom:1rem; font-size:1.8rem; color:#111;}
.header .top .updata #updata .el ul li a span i{position:relative; margin-right:2rem; font-size:1.5rem; color:#888;}
.header .top .updata #updata .el ul li a span i:last-child{margin-right:0;}
.header .top .updata #updata .el ul li a span i:last-child::after{display:none;}
.header .top .updata #updata .el ul li a span i::after{display:inline-block; width:5px; height:5px; right:-1rem; top:50%; margin-top:-3px; border-top:1px solid #7d7e7f; border-right:1px solid #7d7e7f; transform:rotate(45deg);}
.header .top .updata #updata button#updata-close{position:absolute; right:2rem; top:0;}
.header .top .updata button{position:relative; width:2rem; height:5rem; margin-left:3rem;}
.header .top .updata button i{position:absolute; width:3px; height:3px; border-radius:3px; background:#fff; opacity:.9; top:50%; margin-top:-1.5px; transition:all .1s ease;}
.header .top .updata button i:nth-child(1){left:0;}
.header .top .updata button i:nth-child(2){left:50%; margin-left:-1.5px;}
.header .top .updata button i:nth-child(3){right:0;}
.header .top .family{position:relative; padding-right:2rem;}
.header .top .family>a{position:relative; padding:0 2rem; font-size:1.4rem; color:#fff; opacity:.9; transition:all .2s ease;}
.header .top .family>a::after{display:inline-block; width:1px; height:1rem; right:0; top:50%; margin-top:-0.5rem; border-right:1px dotted #fff; opacity:.3;}
.header .top .family>a:nth-child(3)::after{display:none;}
.header .top .family>a:hover{color:#e7761b; opacity:1;}
.header .top .family button{width:2.4rem; height:2.4rem; border-radius:2.4rem; line-height:calc(2.4rem - 2px); border:1px solid #fff; vertical-align:middle; font-size:0;}
.header .top .family button img{vertical-align:middle; transition:transform .3s ease;}
.header .top .family button.active img{transform:rotate(45deg);}
.header .top .family ul{position:absolute; width:17rem; right:0; top:0; background:#1b3d6e; z-index:-1; text-align:left; transform:translateY(-100%); transition:transform .3s ease;}
.header .top .family ul li{border-top:1px solid #32517d;}
.header .top .family ul li a{display:block; padding:0 2rem; font-size:1.4rem; color:#fff; font-size:1.4rem;}
.header .top .family ul li a:hover{color:#e7761b;}
.header .top .family button.active+ul{transform:translateY(calc(5rem - 1px));}
.header .top .sns{position:relative;}
.header .top .sns::before{display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#f2f2f2; z-index:1;}
.header .top .sns a{position:relative; width:4rem; height:5rem; background:#fff; border-right:1px solid rgba(255,255,255,.1); text-align:center;}
.header .top .sns a::after{display:inline-block; width:1px; height:1.8rem; right:0; top:50%; margin-top:-0.8rem; background:#e5e5e5;}
.header .top .sns a:last-child::after{display:none;}
.header .top .sns a:last-child{border-right:0;}
.header .top .sns a img{vertical-align:middle;}
.header .bottom{position:relative; height:9rem; line-height:9rem; text-align:center;}
.header .bottom h1{position:absolute; left:3rem; top:0; z-index:1;}
@media(max-width: 1024px){
  .header .bottom h1{left:2rem;}
}
.header .bottom h1 svg{display:inline-block; vertical-align:middle; transition:width .3s ease; will-change:width;}
@media(max-width: 1280px){
  .header .bottom h1 svg{width:20rem;}
}
.header .bottom .gnb{display:inline-block; vertical-align:top;}
@media(max-width: 1024px){
  .header .bottom .gnb{display:none;}
}
.header .bottom .gnb #bar{position:absolute; width:0; height:5px; left:0; bottom:-2px; background:#1d62c4; z-index:2;}
.header .bottom .gnb>ul a{display:block; font-size:0;}
.header .bottom .gnb>ul a>*{display:inline-block; vertical-align:middle; margin-left:2px;}
.header .bottom .gnb>ul 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; display:inline-block;}
.header .bottom .gnb>ul>li>a{padding:0 2.5rem; color:#fff; font-weight:500; transition:color .2s ease;}
.header .bottom .gnb>ul>li>a>span{font-size:1.9rem;}
@media(max-width: 1600px){
  .header .bottom .gnb>ul>li>a{padding:0 2rem; font-size:1.8rem;}
}
@media(max-width: 1280px){
  .header .bottom .gnb>ul>li>a{font-size:1.7rem;}
}
.header .bottom .gnb>ul>li>a+ul{display:none; position:absolute; left:0; width:100vw; min-height:55rem; padding-left:52.5rem; padding-right:20rem; padding-top:5rem; padding-bottom:10rem; line-height:1; text-align:left; z-index:2;}
@media(max-width: 1700px){
  .header .bottom .gnb>ul>li>a+ul{padding-left:calc(25vw + 5rem);}
}
@media(max-width: 1400px){
  .header .bottom .gnb>ul>li>a+ul{padding-left:calc(22vw + 5rem);}
}
@media(max-width: 1280px){
  .header .bottom .gnb>ul>li>a+ul{padding:5rem 3rem 10rem 3rem;}
}
.header .bottom .gnb>ul>li>a+ul>li:nth-child(n+5){margin-top:5rem;}
.header .bottom .gnb>ul>li>a+ul>li:hover>a{color:#1d62c4;}
.header .bottom .gnb>ul>li>a+ul>li>a{position:relative; margin-bottom:2rem; transition:color .2s ease;}
.header .bottom .gnb>ul>li>a+ul>li>a>span{font-size:2rem; font-weight:700;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li{margin-bottom:1.5rem;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li:last-child{margin-bottom:0;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li a{font-size:1.6rem; color:#777; transition:color .2s ease; font-weight:500;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li a span{position:relative;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li a span::before{display:inline-block; width:0; height:1px; left:0; bottom:-5px; background:#1d62c4; transition:width .2s ease;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li:hover a{color:#1d62c4;}
.header .bottom .gnb>ul>li>a+ul>li>a+ul li:hover span::before{width:100%;}
.header .bottom>.func{position:absolute; right:3rem; top:50%; height:2.8rem; line-height:2.8rem; margin-top:-1.4rem;}
@media(max-width: 1024px){
  .header .bottom>.func{right:2rem;}
}
.header .bottom>.func>*{height:inherit; line-height:inherit; margin-left:1rem;}
.header .bottom>.func>* svg{vertical-align:middle;}
.header .bottom>.func>*:first-child{margin-left:0; margin-right:.6rem;}
.header .bottom>.func a[target]{width:4.3rem; height:2.8rem; border-radius:2.8rem; line-height:calc(2.8rem - 2px); border:1px solid rgba(255,255,255,.6); font-size:1.4rem; font-weight:700; text-align:center; color:#fff;}
.header .bottom>.func .hamburger{position:relative; width:28px; height:28px; z-index:3; margin-left:1.6rem;}
.header .bottom>.func .hamburger i{position:absolute; background:#fff; height:2px; transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6),width .2s ease .2s,background-color .2s ease;}
.header .bottom>.func .hamburger i:nth-child(1){top:50%; left:0; margin:-2px 0 0 0; width:100%; transform-origin:50% 50%;}
.header .bottom>.func .hamburger i:nth-child(2){top:4px; left:0; width:100%; transform-origin:0 50%;}
.header .bottom>.func .hamburger i:nth-child(3){bottom:5px; right:0; width:20px; transform-origin:100% 50%;}
.header .bottom>.func .hamburger.active i:nth-child(1){transform:rotate(-45deg); transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s;}
.header .bottom>.func .hamburger.active i:nth-child(2){width:14px; transform:translate(4px, -2px) rotate(45deg); transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s,width .2s ease .2s;}
.header .bottom>.func .hamburger.active i:nth-child(3){width:14px; transform:translate(-4px, 1px) rotate(45deg); transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s,width .2s ease .2s;}
.header .bottom>.func .hamburger.dark i{background-color:#000;}
.header .dim{position:absolute; left:0; top:0; width:100%; background-image:linear-gradient(to bottom, rgba(227, 232, 239, 0) 5rem, #fff 5rem); z-index:-2;}
.header .dim::before{display:inline-block; width:100%; height:100%; left:0; top:0; box-shadow:0 1rem 1rem rgba(0,0,0,.1);}
@media(max-width: 1024px){
  .header .dim{background-image:none; background:#fff;}
}
.header:hover .dim{height:14rem;}
.header .toggle{visibility:hidden; position:absolute; left:0; top:9rem; min-height:58rem; width:100%; background:#fff;}
.header .toggle::before{display:inline-block; width:100%; height:2px; left:0; top:0; background:#e5e5e5; z-index:1;}
.header .toggle img{vertical-align:middle;}
.header .toggle .intro{position:absolute; width:43rem; height:100%; left:0; top:0; padding:2rem 5rem 2rem 15rem; border-right:1px solid #dbdee1; background:#f4f7fa url(/images/kor/assets/img/common/dim_pattern.png) no-repeat left top; text-align:right;}
@media(max-width: 1700px){
  .header .toggle .intro{width:25vw; padding:2rem 3rem 2rem 15rem;}
}
@media(max-width: 1400px){
  .header .toggle .intro{width:22vw; padding:2rem 3rem 2rem 5rem;}
}
@media(max-width: 1280px){
  .header .toggle .intro{display:none;}
}
.header .toggle .intro h2{font-size:3.4rem;}
.header .toggle .intro p{margin-bottom:1rem; font-size:1.5rem; line-height:1.35;}
.header .toggle .intro>a{position:relative; display:block; height:4.8rem; line-height:calc(4.8rem - 2px); border-radius:4.8rem; margin-top:7px; padding:0 3.5rem; border:1px solid #c2c7cb; background:#fff; font-size:1.5rem; color:#454545; font-weight:700; transition:background-color .2s ease,border-color .2s ease,color .2s ease; z-index:2;}
.header .toggle .intro>a svg{position:absolute; left:3.5rem; top:50%; transform:translateY(-50%);}
.header .toggle .intro>a:hover{background:#2569c9; border-color:#2569c9; color:#fff;}
.header .toggle .intro>a:hover svg path{fill:#fff;}
.header .toggle .issue{position:absolute; width:100%; height:7rem; line-height:7rem; left:0; bottom:0; background:#fff; box-shadow:0 2rem 2rem rgba(0,0,0,.1); z-index:8;}
.header .toggle .issue::before{display:inline-block; width:100%; height:1px; left:0; top:0; background:#e0e0e0;}
.header .toggle .issue .grid{float:left;}
.header .toggle .issue .grid:nth-child(1){position:relative; width:43rem; text-align:center; z-index:1;}
@media(max-width: 1700px){
  .header .toggle .issue .grid:nth-child(1){width:25vw;}
}
@media(max-width: 1400px){
  .header .toggle .issue .grid:nth-child(1){width:22vw;}
}
@media(max-width: 1280px){
  .header .toggle .issue .grid:nth-child(1){width:15vw;}
}
.header .toggle .issue .grid:nth-child(1) h3{height:7rem; line-height:7rem; background:#258dc9; font-size:1.4rem; color:#fff; font-family:"Archivo",sans-serif;}
.header .toggle .issue .grid:nth-child(1) h3 img{margin-right:1rem;}
.header .toggle .issue .grid:nth-child(2){width:60rem;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper{position:relative; padding:0 15rem 0 5rem;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .swiper-slide a{position:relative; display:block; padding-left:1rem; font-size:1.6rem; color:#454545; text-align:left;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .swiper-slide a:focus::after{display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .swiper-slide a::before{display:inline-block; width:3px; height:3px; border-radius:3px; left:0; top:50%; margin-top:-2px; background:#454545;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func{position:absolute; right:0; top:0; z-index:1;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button{position:relative; width:10px; height:10px; margin:0 5px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::before,.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::after{display:inline-block; width:2px; border-radius:2px; height:100%; top:0; background:#111;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::before{left:1px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::after{right:1px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=true]::before{display:inline-block; border:5px solid rgba(0,0,0,0); border-left:6px solid #111; left:3px; top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-prev::before,.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-next::before{display:inline-block; border:5px solid rgba(0,0,0,0); top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-prev::before{border-right:6px solid #111; left:-3px; top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-next::before{border-left:6px solid #111; right:-3px; top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func .count{width:7rem; height:2.4rem; line-height:2.4rem; border-radius:2.4rem; margin-left:1rem; background:#222; font-size:1.2rem; font-weight:700; color:rgba(255,255,255,.4); text-align:center;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func .count em{color:#fff;}
.header .toggle .toggle-quick-link{position:absolute; left:108rem; bottom:0; height:7rem; line-height:7rem; z-index:9;}
@media(max-width: 1700px){
  .header .toggle .toggle-quick-link{display:none;}
}
.header .toggle .toggle-quick-link a{position:relative; text-align:left; margin-right:8rem;}
.header .toggle .toggle-quick-link a::before{display:inline-block; width:1px; height:60%; right:-4rem; top:50%; transform:translateY(-50%); border-right:1px dotted #b6b6b6;}
.header .toggle .toggle-quick-link a:last-child{margin-right:0;}
.header .toggle .toggle-quick-link a:last-child::before{display:none;}
.header .toggle .toggle-quick-link a img{margin-right:1rem;}
.header .toggle .toggle-quick-link a span{font-size:1.5rem; color:#454545; line-height:1;}
.header .toggle .toggle-banner{position:absolute; width:43rem; left:0; top:35rem; padding:0 5rem 0 15rem; z-index:3;}
@media(max-width: 1700px){
  .header .toggle .toggle-banner{width:25vw; padding:0 3rem 0 15rem;}
}
@media(max-width: 1400px){
  .header .toggle .toggle-banner{width:22vw; padding:0 3rem 0 5rem;}
}
@media(max-width: 1280px){
  .header .toggle .toggle-banner{display:none;}
}
.header .toggle .toggle-banner .swiper-slide a{display:block;}
.header .toggle .toggle-banner .swiper-slide a:focus::after{display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111;}
.header .toggle .toggle-banner .swiper-slide a img{border-radius:1rem;}
.header .toggle .toggle-banner .func{margin-top:1rem; height:2.3rem; line-height:calc(2.3rem - 2px);}
.header .toggle .toggle-banner .func span{border-radius:2.3rem; padding:0 1rem; border:1px solid #c3c9cf; background:#fff;}
.header .toggle .toggle-banner .func span i{font-size:1.3rem; color:#000; opacity:.6; font-weight:700;}
.header .toggle .toggle-banner .func span i:nth-child(1){opacity:1;}
.header .toggle .toggle-banner .func span i:nth-child(2){margin:0 4px;}
.header .toggle .toggle-banner .func button{position:relative; width:10px; height:10px; margin:0 5px;}
.header .toggle .toggle-banner .func button[aria-pressed=false]::before,.header .toggle .toggle-banner .func button[aria-pressed=false]::after{display:inline-block; width:2px; border-radius:2px; height:100%; top:0; background:#111;}
.header .toggle .toggle-banner .func button[aria-pressed=false]::before{left:1px;}
.header .toggle .toggle-banner .func button[aria-pressed=false]::after{right:1px;}
.header .toggle .toggle-banner .func button[aria-pressed=true]::before{display:inline-block; border:5px solid rgba(0,0,0,0); border-left:6px solid #111; left:3px; top:0;}
.header .toggle .toggle-banner .func button.toggle-banner-prev::before,.header .toggle .toggle-banner .func button.toggle-banner-next::before{display:inline-block; border:5px solid rgba(0,0,0,0); top:0;}
.header .toggle .toggle-banner .func button.toggle-banner-prev::before{border-right:6px solid #111; left:-3px; top:0;}
.header .toggle .toggle-banner .func button.toggle-banner-next::before{border-left:6px solid #111; right:-3px; top:0;}
.header .toggle .toggle-banner .func .count{width:7rem; height:2.4rem; line-height:2.4rem; border-radius:2.4rem; margin-left:1rem; background:#222; font-size:1.2rem; font-weight:700; color:rgba(255,255,255,.4); text-align:center;}
.header .toggle .toggle-banner .func .count em{color:#fff;}
.header.activate .bottom .gnb>ul>li>a{color:#111;}
.header.activate .bottom .gnb>ul>li:hover>a{color:#1d62c4; font-weight:700;}
.header.activate .bottom .func a[target]{border-color:#111; color:#111;}
.header.activate .bottom .func svg *{fill:#111;}
.header.activate .bottom .func .hamburger i{background-color:#111;}
.header.activate .bottom .func .hamburger.white i{background-color:#fff; transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6),width .2s ease .2s,background-color .2s ease;}
.header.activate .bottom svg #text *{fill:#111;}
.header .total-search{position:fixed; width:100%; left:0; top:0; z-index:10; overflow:hidden; transform:translateY(-100%); transition:transform .7s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.header .total-search.active{transform:translateY(0);}
.header .total-search .inner{max-width:1170px;}
.header .total-search .el{background:#fff url(/images/kor/assets/img/common/total_search_top_bg.jpg) no-repeat calc(50% - 700px) top; padding:12rem 0 5rem 0;}
@media(max-width: 1024px){
  .header .total-search .el{padding:2rem 0 4rem 0;}
}
.header .total-search .el [class^=grid]{line-height:15rem;}
@media(max-width: 1024px){
  .header .total-search .el [class^=grid]{margin-top:3rem; line-height:1;}
}
.header .total-search .el mark{display:block; margin-bottom:2rem; font-size:1.7rem; font-weight:700; color:#2569c9; font-family:"Archivo",sans-serif;}
.header .total-search .el h2{font-size:5rem; line-height:1.1;}
@media(max-width: 1024px){
  .header .total-search .el h2{font-size:3rem;}
}
.header .total-search .el input,.header .total-search .el button{height:7rem; border:0; border-bottom:2px solid #111;}
.header .total-search .el input{width:calc(100% - 5rem); font-size:2.4rem;}
.header .total-search .el input::-moz-placeholder{color:#919191;}
.header .total-search .el input::placeholder{color:#919191;}
.header .total-search .el button{width:5rem;}
@media(max-width: 1024px){
  .header .total-search .el input,.header .total-search .el button{height:5rem; font-size:2rem;}
  .header .total-search .el img{width:3rem;}
}
.header .total-search .keywords{padding:5rem 0 11rem 0; background:#f8f9fa url(/images/kor/assets/img/common/total_search_bottom_bg.png) no-repeat calc(50% + 700px) bottom; line-height:3.6rem;}
@media(max-width: 1024px){
  .header .total-search .keywords{padding:3rem 0;}
}
.header .total-search .keywords h3{margin-right:3rem; font-size:1.8rem;}
.header .total-search .keywords a{height:3.6rem; border-radius:3.6rem; line-height:calc(3.6rem - 2px); margin-right:1rem; margin-bottom:1rem; padding:0 2rem; border:1px solid #bec0c4; font-size:1.5rem; color:#333; text-align:center; background:#fff;}
.header .total-search .keywords [class^=grid]:first-child a{position:relative; padding-right:3rem;}
.header .total-search .keywords [class^=grid]:first-child a::after{display:inline-block; width:6px; height:6px; right:2rem; top:50%; margin-top:-3px; transform:rotate(45deg); border-top:1px solid #222; border-right:1px solid #222;}
.header .total-search .keywords [class^=grid]:last-child{position:relative; padding-left:15rem;}
.header .total-search .keywords [class^=grid]:last-child img{vertical-align:middle;}
.header .total-search .keywords [class^=grid]:last-child h3{position:absolute; left:0; top:0;}
.header .total-search .keywords [class^=grid]:last-child h3::after{display:inline-block; width:1px; height:1rem; right:-1.5rem; top:50%; margin-top:-0.5rem; background:#d8d9da;}
.header .total-search .keywords [class^=grid]:last-child h3 img{margin-right:5px;}
.header .total-search .keywords [class^=grid]:last-child a{border-color:#066ab6; color:#066ab6;}
@media(max-width: 1024px){
  .header .total-search .keywords [class^=grid]:last-child{padding-left:0;}
  .header .total-search .keywords [class^=grid]:last-child h3{position:relative; display:block; margin-right:0; margin-bottom:1rem;}
  .header .total-search .keywords [class^=grid]:last-child h3::after{display:none;}
}
.header .total-search .total-search-close{position:absolute; left:calc(50% + 669px); top:3rem; z-index:3;}
@media(max-width: 1600px){
  .header .total-search .total-search-close{left:auto; right:2rem;}
}
.header #anb{position:fixed; width:100%; height:100vh; right:0; top:0; background:#fff; z-index:10; transform:translateX(100%); transition:transform 1.25s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.header #anb.active{transform:translateX(0);}
.header #anb img{vertical-align:middle;}
.header #anb .anb-header{height:8rem; line-height:8rem; border-bottom:1px solid #d9d9d9;}
.header #anb .anb-header .inner{max-width:100%; padding:0 3rem;}
.header #anb .anb-header .inner h2{font-size:2.6rem;}
.header #anb #anb-close{position:absolute; height:8rem; right:3rem; top:0; z-index:1;}
.header #anb .anb{padding:8rem 0;}
.header #anb .anb a{display:block; font-size:0;}
.header #anb .anb a>*{display:inline-block; vertical-align:middle; margin-left:2px;}
.header #anb .anb 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; display:inline-block;}
.header #anb .anb a:focus{outline:none;}
.header #anb .anb a:focus span{position:relative;}
.header #anb .anb a:focus span::after{display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111; border-radius:5px;}
.header #anb .anb .scroll{height:calc(100vh - 24rem); overflow-y:auto; margin:0 3rem;}
.header #anb .anb .scroll::-webkit-scrollbar{width:6px; height:6px; border-radius:6px;}
.header #anb .anb .scroll::-webkit-scrollbar-track{width:6px; background:#e5e5e5;}
.header #anb .anb .scroll::-webkit-scrollbar-thumb{border-radius:6px; background:#959595;}
.header #anb .anb .scroll>ul{max-width:1338px; margin:0 auto; counter-reset:numbering;}
.header #anb .anb .scroll>ul>li{counter-increment:numbering;}
.header #anb .anb .scroll>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;}
.header #anb .anb .scroll>ul>li>a::before{display:inline-block; width:.9rem; height:2.5rem; left:0; top:50%; margin-top:-1.25rem; background:#1558b6;}
.header #anb .anb .scroll>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;}
.header #anb .anb .scroll>ul>li>a+ul{display:inline-block; width:100%; vertical-align:top; margin:3rem 0 9rem 0;}
.header #anb .anb .scroll>ul>li>a+ul>li{float:left; width:20%;}
.header #anb .anb .scroll>ul>li>a+ul>li:nth-child(n+6){margin-top:5rem;}
.header #anb .anb .scroll>ul>li>a+ul>li>a{position:relative; display:block; margin-bottom:3rem; font-size:2rem; font-weight:700;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li{margin-bottom:1.5rem;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li:last-child{margin-bottom:0;}
.header #anb .anb .scroll>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;}
.header #anb .anb .scroll>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;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a span{position:relative;}
.header #anb .anb .scroll>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;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul{margin-top:1rem; margin-right:5rem; padding:1rem 2rem; background:#f5f7f9;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul li{margin-bottom:.4rem;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul li:last-child{margin-bottom:0;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul li a{position:relative; display:block; line-height:2rem; padding-left:1.1rem; font-size:1.5rem; color:#777;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul li a::before{display:inline-block; width:5px; height:1px; left:0; top:.9rem; background:#8c8c8c;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li>a+ul li a:hover{color:#111;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li:hover>a{color:#1558b6;}
.header #anb .anb .scroll>ul>li>a+ul>li>a+ul>li:hover>a span::before{width:100%;}
.header #mnb{position:fixed; width:100%; height:100vh; right:0; top:0; z-index:1; background:#fff; transform:translateX(100%); transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.header #mnb.active{transform:translateX(0);}
.header #mnb>.init{position:relative; height:9rem; line-height:9rem; z-index:2;}
.header #mnb>.init::before{display:inline-block; width:100%; height:inherit; left:0; top:0; background:#003783; z-index:1;}
.header #mnb>.init button{position:relative; display:block; width:16rem; height:9rem; font-size:1.7rem; color:#fff; z-index:2;}
.header #mnb>.init button.active{color:#6eb2ff;}
.header #mnb>.init button.active em::after{transform:rotate(-45deg); margin-top:-1px; border-color:#6eb2ff;}
.header #mnb>.init button em{position:relative; padding-right:2rem; z-index:1;}
.header #mnb>.init button em::after{display:inline-block; width:6px; height:6px; right:0; top:50%; margin-top:-3px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg);}
.header #mnb>.init button.active em img{margin-top:-4px; transform:rotate(90deg);}
.header #mnb>.init button.active+ul{transform:translateY(-1px);}
.header #mnb>.init ul{position:absolute; width:100%; left:0; top:0; transform:translateY(-100%); padding:1.5rem; margin-top:9rem; background:#1558b6; color:#fff; text-align:center; box-shadow:0 0 1rem rgba(0,0,0,.3); z-index:-1; transition:transform .3s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.header #mnb>.init ul li a{display:block; padding:1.2rem 0; line-height:1.2; font-size:1.6rem;}
.header #mnb>.init ul li a span{display:inline-block;}
.header #mnb>a{position:absolute; width:11rem; left:2rem; height:3.7rem; line-height:3.7rem; font-size:1.4rem; border-radius:3px; transform:translateY(calc(-100% - 2rem)); color:#fff; z-index:2; text-align:center; background:#1558b6;}
.header #mnb>a img{margin-left:5px; vertical-align:middle;}
.header #mnb .mnb{position:relative; height:calc(100vh - 18rem);}
.header #mnb .mnb a{font-size:0;}
.header #mnb .mnb a>*{display:inline-block; vertical-align:middle; margin-left:5px;}
.header #mnb .mnb a i{width:13px; height:13px; line-height:11px; border-radius:3px; border:1px solid #e77418; font-size:10px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;}
.header #mnb .mnb>ul::before{display:inline-block; width:15rem; height:100%; left:0; top:0; background:#eff4fa; border-right:1px solid #c2c7ce; z-index:-1;}
.header #mnb .mnb>ul>li{width:15rem; border-bottom:1px solid #d1d6dd;}
.header #mnb .mnb>ul>li:last-child{border-bottom:0;}
.header #mnb .mnb>ul>li:first-child>a+ul{display:block;}
.header #mnb .mnb>ul>li>a{position:relative; display:block; height:7rem; line-height:7rem; text-align:center; font-size:2rem; font-weight:700;}
.header #mnb .mnb>ul>li>a span{position:relative; z-index:1; margin-left:0;}
.header #mnb .mnb>ul>li>a.active{color:#fff;}
.header #mnb .mnb>ul>li>a.active::before{display:inline-block; width:100%; height:calc(100% + 1px); left:0; top:0; background:#1a73f2;}
.header #mnb .mnb>ul>li>a.active::after{display:inline-block; width:0; height:0; right:calc(-2rem + 2px); top:50%; margin-top:-0.8rem; border:1rem solid rgba(0,0,0,0); border-left:1rem solid #1a73f2; z-index:1;}
.header #mnb .mnb>ul>li>a+ul{display:none; position:absolute; width:calc(100% - 15rem); height:100%; left:15rem; top:0; padding:0 3rem; overflow-y:auto;}
.header #mnb .mnb>ul>li>a+ul>li:last-child a{border-bottom:0;}
.header #mnb .mnb>ul>li>a+ul>li>a{position:relative; display:block; height:6.4rem; line-height:6.4rem; border-bottom:1px solid #d7d7d7;}
.header #mnb .mnb>ul>li>a+ul>li>a::before{display:inline-block; width:3rem; height:4rem; background:url(/images/kor/assets/img/common/svg/icon_mnb_arrow.svg) no-repeat center; background-size:3rem; right:0; top:50%; margin-top:-2rem;}
.header #mnb .mnb>ul>li>a+ul>li>a.active::before{background-image:url(/images/kor/assets/img/common/svg/icon_mnb_arrow_active.svg);}
.header #mnb .mnb>ul>li>a+ul>li>a.active{color:#1a73f2;}
.header #mnb .mnb>ul>li>a+ul>li>a>span{font-size:1.7rem; font-weight:700;}
.header #mnb .mnb>ul>li>a+ul>li>a+ul{display:none; margin-top:1.5rem; margin-bottom:1rem;}
.header #mnb .mnb>ul>li>a+ul>li>a+ul li a{position:relative; display:block; height:3rem; line-height:3rem; padding:0 1rem; font-weight:300;}
.header #mnb .mnb>ul>li>a+ul>li>a+ul li a>span{font-size:1.7rem; color:#404040;}
.header #mnb .mnb>ul>li>a+ul>li>a+ul li a::before{display:inline-block; width:2px; height:2px; left:0; top:1.3rem; background:#404040;}
.header #mnb .row{height:9rem; line-height:9rem; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,.1);}
.header #mnb .row .language a{width:6rem; height:4rem; border-radius:4rem; line-height:calc(4rem - 2px); font-size:1.7rem; font-weight:700; color:#646e7f; text-align:center;}
.header #mnb .row .language a.active{color:#1a73be; border:1px solid #1a73be;}
.header #mnb .row .sns a{width:5rem; height:5rem; border-radius:5rem; line-height:5rem; margin-right:5px; background:#334468; text-align:center;}
.header #mnb .row .sns a:last-child{border-right:0;}
.header #mnb .row .sns a img{vertical-align:middle;}
#sms ::-webkit-scrollbar,#batch ::-webkit-scrollbar,#address ::-webkit-scrollbar{-webkit-appearance:none; width:7px; height:7px;}
#sms ::-webkit-scrollbar-track,#batch ::-webkit-scrollbar-track,#address ::-webkit-scrollbar-track{background:rgba(0,0,0,.1); border-radius:0;}
#sms ::-webkit-scrollbar-thumb,#batch ::-webkit-scrollbar-thumb,#address ::-webkit-scrollbar-thumb{cursor:pointer; border-radius:5px; background:#959595; -webkit-transition:color .2s ease; transition:color .2s ease;}
#sms .el,#batch .el,#address .el{max-width:1100px; text-align:left; opacity:1; transform:translateY(0);}
@media(max-width: 1280px){
  #sms .el,#batch .el,#address .el{max-width:100%;}
}
#sms .el h3,#batch .el h3,#address .el h3{height:4rem; line-height:4rem; margin-bottom:0; text-align:left; font-size:2rem;}
#sms .el .pop-contents,#batch .el .pop-contents,#address .el .pop-contents{padding:3rem;}
#sms .el .file::before,#batch .el .file::before,#address .el .file::before{max-width:100% !important;}
#sms .el .cellphone,#batch .el .cellphone,#address .el .cellphone{width:280px; height:540px; border-radius:30px; padding:20px 15px; background:#222; box-shadow:1rem 1rem 2rem rgba(0,0,0,.2);}
@media(max-width: 1024px){
  #sms .el .cellphone,#batch .el .cellphone,#address .el .cellphone{margin:0 auto;}
}
#sms .el .cellphone h3,#batch .el .cellphone h3,#address .el .cellphone h3{height:auto; line-height:1; margin-top:2rem; margin-bottom:.5rem; font-size:1.6rem; color:#fff; text-align:left;}
#sms .el .cellphone i,#batch .el .cellphone i,#address .el .cellphone i{display:block; width:45px; height:6px; border-radius:6px; background:#5e5f61; margin:0 auto; margin-bottom:20px;}
#sms .el .cellphone textarea,#batch .el .cellphone textarea,#address .el .cellphone textarea{height:310px; padding:2rem; background:#fff5d7; border:0; white-space:initial;}
#sms .el .scroll,#batch .el .scroll,#address .el .scroll{height:30rem; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
#sms .el .scroll table,#batch .el .scroll table,#address .el .scroll table{text-align:center;}
#sms .el .scroll table th,#sms .el .scroll table td,#batch .el .scroll table th,#batch .el .scroll table td,#address .el .scroll table th,#address .el .scroll table td{height:5rem !important; padding:0 1rem; border-right:0; border-left:0;}
#sms .el .scroll table tr:last-child td,#batch .el .scroll table tr:last-child td,#address .el .scroll table tr:last-child td{border-bottom:0;}
#sms .el .scroll table tr:nth-child(odd) td,#batch .el .scroll table tr:nth-child(odd) td,#address .el .scroll table tr:nth-child(odd) td{background:#f9f9f9;}
#sms .el .box,#batch .el .box,#address .el .box{padding:4rem; background:#f3f5f8; border-radius:5px; text-align:left;}
#sms .el .box ul li,#batch .el .box ul li,#address .el .box ul li{margin-bottom:1rem;}
#sms .el .box ul li:last-child,#batch .el .box ul li:last-child,#address .el .box ul li:last-child{margin-bottom:0;}
.footer{position:relative; padding-top:15rem; border-top:1px solid #ccc; background:#fff; overflow:hidden;}
@media(max-width: 1600px){
  .footer{padding-top:10rem;}
}
@media(max-width: 1024px){
  .footer{padding-top:5rem;}
}
@media(min-width: 1024px){
  .footer .scroll-top{position:absolute; right:3rem; bottom:25rem; width:3.5rem; height:7rem; background:url(/images/kor/assets/img/common/svg/icon_scroll_top.svg) no-repeat right top; border-left:4px solid #111; z-index:2;}
  .footer .scroll-top span{position:absolute; width:7rem; font-size:1.3rem; font-weight:700; line-height:1; transform-origin:left bottom; transform:rotate(-90deg); left:3.5rem; bottom:0;}
}
@media(max-width: 1024px){
  .footer .scroll-top{position:absolute; width:15rem; height:3rem; left:50%; bottom:0; margin-left:-7.5rem; z-index:2; font-size:1.5rem; font-weight:700; color:#fff; background:#2b2b2b; text-align:center;}
  .footer .scroll-top::before{display:inline-block; width:0; height:0; left:0; bottom:3rem; border:7.6rem solid rgba(0,0,0,0); border-bottom:3.5rem solid #2b2b2b;}
}
.footer .family-swiper{position:relative; padding-right:10rem;}
@media(max-width: 1024px){
  .footer .family-swiper{padding:0 2rem;}
}
.footer .family-swiper .swiper-slide a{position:relative; display:block; height:9rem; line-height:9rem; text-align:center; font-size:0;}
.footer .family-swiper .swiper-slide a img{vertical-align:middle;}
@media(max-width: 1024px){
  .footer .family-swiper .swiper-slide a{height:5rem; line-height:5rem;}
  .footer .family-swiper .swiper-slide a img{max-width:10rem; max-height:3rem;}
}
.footer .family-swiper .init{position:absolute; right:0; top:50%; border-radius:2.8rem; margin-top:-1.4rem; border:1px solid #c2c2c2;}
.footer .family-swiper .init button{width:2.8rem; height:2.8rem; font-size:0;}
.footer .family-swiper .init button img{vertical-align:middle;}
.footer .family-swiper .init button:nth-child(2){border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
@media(max-width: 1024px){
  .footer .family-swiper .init{width:100%; height:0; border-radius:0; border:0;}
  .footer .family-swiper .init button{position:absolute;}
  .footer .family-swiper .init button.family-prev{left:-1rem;}
  .footer .family-swiper .init button.family-next{right:-1rem;}
}
.footer>.inner .row:last-child,.footer>.fp-tableCell>.inner .row:last-child{margin-top:5rem; padding:5rem 0; border-top:1px solid #ccc;}
@media(max-width: 1024px){
  .footer>.inner .row:last-child,.footer>.fp-tableCell>.inner .row:last-child{margin-top:0; border-top:0;}
}
.footer>.inner .fnb ul li,.footer>.fp-tableCell>.inner .fnb ul li{margin-bottom:3rem;}
.footer>.inner .fnb ul li:last-child,.footer>.fp-tableCell>.inner .fnb ul li:last-child{margin-bottom:0;}
.footer>.inner .fnb ul li a,.footer>.fp-tableCell>.inner .fnb ul li a{position:relative; font-size:1.9rem; font-weight:700; transition:color .3s ease;}
.footer>.inner .fnb ul li a::after,.footer>.fp-tableCell>.inner .fnb ul li a::after{display:inline-block; width:8px; height:3px; right:-2rem; top:-3px; background:#2569c9; transform:rotate(-45deg); opacity:0; transition:all .3s ease;}
.footer>.inner .fnb ul li a:hover,.footer>.fp-tableCell>.inner .fnb ul li a:hover{color:#2569c9;}
.footer>.inner .fnb ul li a:hover::after,.footer>.fp-tableCell>.inner .fnb ul li a:hover::after{opacity:1; transform:rotate(315deg);}
.footer>.inner h2,.footer>.fp-tableCell>.inner h2{font-size:1.8rem;}
.footer>.inner h2+a,.footer>.fp-tableCell>.inner h2+a{display:block; margin:1rem 0 2rem 0; font-size:2.2rem; font-weight:700;}
@media(max-width: 1024px){
  .footer>.inner h2+a,.footer>.fp-tableCell>.inner h2+a{font-size:2rem;}
}
.footer>.inner h3,.footer>.fp-tableCell>.inner h3{font-size:2rem;}
.footer>.inner a~p,.footer>.fp-tableCell>.inner a~p{font-size:1.5rem; line-height:1.35; color:#333; font-weight:300;}
.footer>.inner a~p:last-child,.footer>.fp-tableCell>.inner a~p:last-child{margin-top:8rem;}
.footer>.inner strong,.footer>.fp-tableCell>.inner strong{display:block; margin:2rem 0 9rem 0; font-size:1.7rem; color:#333; line-height:1.35;}
.footer>.inner .language,.footer>.fp-tableCell>.inner .language{height:5rem; line-height:5rem;}
.footer>.inner .language em,.footer>.fp-tableCell>.inner .language em{margin-right:4rem; font-size:1.7rem;}
.footer>.inner .language a,.footer>.fp-tableCell>.inner .language a{position:relative; width:5rem; height:5rem; line-height:5rem; font-size:1.3rem; font-weight:700; text-align:center;}
.footer>.inner .language a.active,.footer>.fp-tableCell>.inner .language a.active{background:url(/images/kor/assets/img/common/svg/icon_language_hexagon.svg) no-repeat center; color:#fff;}
@media(max-width: 1024px){
  .footer>.inner,.footer>.fp-tableCell>.inner{font-size:1.6rem; line-height:1.35;}
}
.footer .quick{position:relative; z-index:2;}
@media(max-width: 1024px){
  .footer .quick{padding:3rem 0 15rem 0;}
}
.footer .quick::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:#111;}
.footer .quick ul.init{position:relative; z-index:1;}
.footer .quick ul.init li{position:relative; margin-right:3rem;}
.footer .quick ul.init li::after{display:inline-block; width:1px; height:1rem; right:-1.5rem; top:50%; margin-top:-0.5rem; background:#fff; opacity:.2;}
.footer .quick ul.init li:last-child{margin-right:0;}
.footer .quick ul.init li:last-child::after{display:none;}
.footer .quick ul.init li a{display:block; height:7rem; line-height:7rem; font-size:1.5rem; color:#c5c5c5; transition:color .2s ease;}
@media(max-width: 1024px){
  .footer .quick ul.init li a{height:4rem; line-height:4rem;}
}
.footer .quick ul.init li a.active{font-weight:700; color:#ffb600; font-size:1.7rem;}
.footer .quick ul.init li a span{position:relative;}
.footer .quick ul.init li a span::before{display:inline-block; width:0; height:1px; left:50%; bottom:0; transform:translateX(-50%); background:#fff; transition:width .2s ease;}
.footer .quick ul.init li a:not(.active):hover{color:#fff;}
.footer .quick ul.init li a:not(.active):hover span::before{width:100%;}
.footer .quick button#family-open{position:relative; width:100%; height:7rem; padding-left:2.5rem; background:#000; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2); font-size:1.5rem; color:#fff; text-align:left;}
.footer .quick button#family-open::after{display:inline-block; width:7px; height:7px; right:2.5rem; top:50%; margin-top:-1px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg); transition:transform .2s ease;}
.footer .quick button#family-open.active::after{transform:rotate(135deg);}
@media(max-width: 1024px){
  .footer .quick button#family-open{width:19rem; height:6rem; background:none; border:0; padding:0; border-bottom:1px solid rgba(255,255,255,.2); font-size:1.7rem;}
  .footer .quick button#family-open::after{right:1rem;}
}
.footer .quick .family{position:absolute; width:100%; left:0; bottom:7rem; padding:2rem 9rem; border:1px solid #111; border-bottom:0; z-index:-1; line-height:1; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,.2); transform:translateY(calc(100% + 7rem)); visibility:hidden;}
@media(max-width: 1024px){
  .footer .quick .family{position:fixed; width:100%; height:100vh; bottom:0; overflow:auto; padding:2rem; transform:translateY(0); z-index:9;}
}
.footer .quick .family>ul>li{padding:4rem 0; border-bottom:1px dotted #838383;}
.footer .quick .family>ul>li:last-child{border-bottom:0;}
.footer .quick .family>ul>li>a{display:block; font-size:2.2rem; color:#111; font-weight:700;}
.footer .quick .family>ul>li>a+ul{display:inline-block; width:100%; vertical-align:top; margin-top:2rem;}
.footer .quick .family>ul>li>a+ul li{float:left; width:20%;}
@media(max-width: 1024px){
  .footer .quick .family>ul>li>a+ul li{width:33.3333333333%;}
}
@media(max-width: 640px){
  .footer .quick .family>ul>li>a+ul li{width:50%;}
}
@media(max-width: 430px){
  .footer .quick .family>ul>li>a+ul li{width:100%;}
}
.footer .quick .family>ul>li>a+ul li a{position:relative; display:block; height:3rem; line-height:3rem; padding-left:1rem; font-size:1.5rem; color:#555;}
.footer .quick .family>ul>li>a+ul li a::before{display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#555;}
.footer .quick .family>ul>li>a+ul li a span{position:relative;}
.footer .quick .family>ul>li>a+ul li a span::before{display:inline-block; width:0; height:1px; left:0; bottom:-2px; background:#555; transition:width .2s ease;}
.footer .quick .family>ul>li>a+ul li a:hover span::before{width:100%;}
.footer .quick .family button{position:absolute; right:2rem; top:2rem;}
@media(max-width: 1024px){
  .footer .quick .sns a{height:6rem; line-height:6rem; padding:0 1rem;}
  .footer .quick .sns a img{transform:scale(1.2); vertical-align:middle;}
}
/*# sourceMappingURL=style.min.css.map */