.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 );}
.visual-swiper{position:relative; overflow:hidden;}
.visual-swiper .inner{position:relative; max-width:1600px; padding:0 8rem;}
@media(max-width: 1024px){
  .visual-swiper .inner{margin:0 2rem; padding:0;}
}
.visual-swiper .swiper-slide{position:relative; overflow:hidden;}
.visual-swiper .swiper-slide.dark::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.1); z-index:2;}
.visual-swiper .swiper-slide video::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:#000;}
.visual-swiper .swiper-slide .bg{position:absolute; width:100%; height:100%; left:0; top:0; background:no-repeat center; background-size:cover; z-index:1;}
.visual-swiper .swiper-slide .bg video{position:inherit; width:inherit; height:inherit; left:0; top:0; -o-object-fit:cover; object-fit:cover;}
.visual-swiper .swiper-slide .inner{position:relative; height:100vh; line-height:100vh; font-size:0; z-index:3;}
.visual-swiper .swiper-slide .inner .el{display:inline-block; line-height:1; vertical-align:middle; color:#fff;}
.visual-swiper .swiper-slide .inner .el h2{font-size:8.5rem; letter-spacing:-3px;}
.visual-swiper .swiper-slide .inner .el p{font-size:2.4rem; font-weight:100; line-height:29px;}
.visual-swiper .swiper-slide .inner .el p a{display:inline-block; vertical-align:middle; line-height:26px; border:1px solid #fff; text-align:center; font-size:0;}
.visual-swiper .swiper-slide .inner .el p a img{vertical-align:middle;}
@media(max-width: 1024px){
  .visual-swiper .swiper-slide .inner .el h2{font-size:6.5rem;}
  .visual-swiper .swiper-slide .inner .el p{font-size:2rem;}
}
.visual-swiper 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-swiper button.more span{font-size:1.7rem;}
.visual-swiper .func{position:absolute; width:100%; left:0; top:50%; margin-top:15rem; z-index:1;}
.visual-swiper .func .visual-pagination{margin-right:5rem;}
.visual-swiper .func .visual-pagination button{position:relative;}
.visual-swiper .func .visual-pagination button span{position:absolute; left:calc(50% - 1px); top:calc(50% - 1px); transform:translate(-50%, -50%); font-size:1.5rem; color:#fff; font-weight:900; opacity:.2;}
.visual-swiper .func .visual-pagination button .progress{stroke-dasharray:200; stroke-dashoffset:200;}
.visual-swiper .func .visual-pagination button svg{visibility:hidden;}
.visual-swiper .func .visual-pagination button.visual-bullets-active svg{visibility:visible;}
.visual-swiper .func .visual-pagination button.visual-bullets-active .progress{animation:dashdraw 15s linear forwards;}
.visual-swiper .func .visual-pagination button.visual-bullets-active .progress.pause{animation-play-state:paused;}
.visual-swiper .func .visual-pagination button.visual-bullets-active .progress.play{animation-play-state:running;}
.visual-swiper .func .visual-pagination button.visual-bullets-active span{opacity:1;}
@keyframes dashdraw{
  to{stroke-dashoffset:0;}
}
.visual-swiper .func button[aria-pressed]{position:relative; width:10px; height:13px; margin:0 2rem; opacity:.5;}
.visual-swiper .func button[aria-pressed][aria-pressed=false]::before,.visual-swiper .func button[aria-pressed][aria-pressed=false]::after{display:inline-block; width:3px; height:100%; top:0; background:#fff;}
.visual-swiper .func button[aria-pressed][aria-pressed=false]::before{left:0;}
.visual-swiper .func button[aria-pressed][aria-pressed=false]::after{right:0;}
.visual-swiper .func button[aria-pressed][aria-pressed=true]::before{display:inline-block; border:5px solid rgba(0,0,0,0); border-left:6px solid #fff; left:3px; top:0;}
.visual-swiper .scroll-animation{position:absolute; height:14px; line-height:14px; left:2rem; top:50%; margin-top:-5rem; color:#fff; z-index:2; transform:rotate(-90deg);}
.visual-swiper .scroll-animation::before{display:inline-block; width:6rem; height:1px; right:6rem; top:50%; background:#fff; opacity:.2;}
.visual-swiper .scroll-animation::after{display:inline-block; width:0; height:1px; right:6rem; top:50%; background:#fff; animation:scrollDownWidth 3s ease infinite;}
.visual-swiper .scroll-animation i{letter-spacing:1px; font-size:11px;}
.visual-swiper .scroll-animation i::before{display:inline-block; width:5px; height:5px; border-radius:5px; right:6rem; top:50%; margin-top:-2.5px; background:#fff; animation:scrollDown 3s ease infinite;}
@keyframes scrollDownWidth{
  from{width:0;}
  to{width:6rem;}
}
@keyframes scrollDown{
  from{right:6rem;}
  to{right:12rem;}
}
.visual-pop{position:absolute; padding-right:4.4rem; top:25rem; right:0; z-index:3; overflow:hidden;}
.visual-pop .toggle{transition:transform .3s ease; will-change:transform;}
.visual-pop.activate .toggle{transform:translateX(calc(100% + 4.4rem));}
.visual-pop button.visual-pop-close{position:absolute; width:10rem; height:4.4rem; right:-2.8rem; bottom:2.5rem; transform:rotate(-90deg); transition:background .3s ease;}
.visual-pop button.visual-pop-close[aria-pressed=true]{background:#1555ae;}
.visual-pop button.visual-pop-close span{margin-right:5px; font-size:1.3rem; color:#fff; font-weight:500;}
.visual-pop .visual-pop-tab{margin-bottom:1rem;}
.visual-pop .visual-pop-tab button{position:relative; width:9rem; height:3rem; border-radius:3rem; font-size:1.5rem; font-weight:700; color:rgba(255,255,255,.9); background:rgba(0,0,0,.5);}
.visual-pop .visual-pop-tab button.active{background:#fff; color:#2569c9;}
.visual-pop .visual-pop-tab button.active::before{display:inline-block; width:0; height:0; border:5px solid rgba(0,0,0,0); border-top:5px solid #fff; left:50%; top:3rem; margin-left:-2.5px;}
.visual-pop .visual-pop-swiper{position:absolute; width:400px; left:-9999px; top:-9999px; opacity:0;}
@media(max-width: 640px){
  .visual-pop .visual-pop-swiper{width:300px;}
}
@media(max-width: 420px){
  .visual-pop .visual-pop-swiper{width:280px;}
}
.visual-pop .visual-pop-swiper .swiper-slide a{position:relative; display:block;}
.visual-pop .visual-pop-swiper .swiper-slide a:focus::after{display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111;}
.visual-pop .visual-pop-swiper .bpa-news-pagination,.visual-pop .visual-pop-swiper .public-news-pagination{position:absolute; left:2rem; top:2rem; z-index:2;}
.visual-pop .visual-pop-swiper .bpa-news-pagination button,.visual-pop .visual-pop-swiper .public-news-pagination button{width:3rem; height:2rem; border-radius:2rem; margin-right:2px; background:rgba(0,0,0,.5); font-size:1.2rem; font-weight:700; color:rgba(255,255,255,.6);}
.visual-pop .visual-pop-swiper .bpa-news-pagination button.bpa-news-bullets-active,.visual-pop .visual-pop-swiper .bpa-news-pagination button.public-news-bullets-active,.visual-pop .visual-pop-swiper .public-news-pagination button.bpa-news-bullets-active,.visual-pop .visual-pop-swiper .public-news-pagination button.public-news-bullets-active{background:#df6808; color:#fff; border:1px solid #b25000;}
.visual-pop .visual-pop-swiper.active{position:relative; left:0; top:0; opacity:1;}
.visual-pop .visual-pop-swiper .count{position:absolute; right:2rem; top:1rem; z-index:2;}
.visual-pop .visual-pop-swiper .count i{margin:0 1px; font-size:1.3rem; color:#fff; opacity:.5;}
.visual-pop .visual-pop-swiper .count i:first-child{font-weight:700; opacity:1;}
.visual-pop .visual-pop-swiper .func{position:absolute; right:-4.4rem; top:0; border:1px solid #111;}
.visual-pop .visual-pop-swiper .func button{display:block; width:4.4rem; height:4.4rem; border-bottom:1px solid #111; background:rgba(0,0,0,.6);}
.visual-pop .visual-pop-swiper .func button:last-child{border-bottom:0;}
.visual-pop .visual-pop-swiper .func button[aria-pressed] span{position:relative; display:inline-block; width:7px; height:11px; opacity:.6;}
.visual-pop .visual-pop-swiper .func button[aria-pressed][aria-pressed=false] span::before,.visual-pop .visual-pop-swiper .func button[aria-pressed][aria-pressed=false] span::after{display:inline-block; width:2px; height:100%; top:0; background:#fff;}
.visual-pop .visual-pop-swiper .func button[aria-pressed][aria-pressed=false] span::before{left:0;}
.visual-pop .visual-pop-swiper .func button[aria-pressed][aria-pressed=false] span::after{right:0;}
.visual-pop .visual-pop-swiper .func button[aria-pressed][aria-pressed=true] span::before{display:inline-block; border:6px solid rgba(0,0,0,0); border-left:6px solid #fff; left:1px; top:0;}
.news{position:relative; height:100vh; line-height:100vh; font-size:0; text-align:center;}
@media(max-width: 768px){
  .news{height:auto; line-height:1; padding:10rem 0 0 0;}
}
.news .marquee{position:absolute; width:100%; height:100vh; left:0; top:60vh; background:#f1f4f7; z-index:-1; white-space:nowrap; line-height:1; overflow:hidden;}
.news .marquee .rotate{position:absolute; left:21vw; top:0; transform:rotate(-90deg);}
@media(max-width: 1800px){
  .news .marquee .rotate{left:auto; right:-60vw;}
}
@media(max-width: 1500px){
  .news .marquee .rotate{right:-80vw;}
}
@media(max-width: 1280px){
  .news .marquee .rotate{right:-90vw;}
}
@media(max-width: 1024px){
  .news .marquee .rotate{right:-110vw;}
}
@media(max-width: 860px){
  .news .marquee .rotate{right:-125vw;}
}
.news .marquee .rotate i{display:block; font-size:20rem; font-weight:900;}
.news .marquee .rotate i:nth-child(1){color:rgba(0,0,0,0); -webkit-text-stroke:1px #e5e8eb; will-change:transform; animation:marquee 20s linear infinite;}
.news .marquee .rotate i:nth-child(2){color:#e5e8eb; will-change:transform; animation:marquee-reverse 20s linear infinite;}
@keyframes marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@keyframes marquee-reverse{
  from{transform:translateX(0);}
  to{transform:translateX(50%);}
}
.news .inner{display:inline-block; width:100%; vertical-align:middle; line-height:1; text-align:left; overflow:hidden;}
.news .inner .news-tab{position:relative; margin-bottom:5rem; white-space:nowrap;}
.news .inner .news-tab::before{display:inline-block; width:20rem; height:100%; right:0; top:0; 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 );}
@media(max-width: 1024px){
  .news .inner .news-tab::before{width:10rem;}
}
.news .inner .news-tab .el{overflow:scroll; padding-right:10rem;}
@media(max-width: 768px){
  .news .inner .news-tab{margin-bottom:2rem;}
}
.news .inner .news-tab button{height:3rem; margin-right:4rem; font-size:2.4rem; font-weight:700; color:#666;}
.news .inner .news-tab button:last-child{margin-right:0;}
.news .inner .news-tab button.active{color:#111;}
.news .inner .tab-contents{position:absolute; left:0; top:0; visibility:hidden; opacity:0;}
.news .inner .tab-contents.active{position:relative; visibility:visible; opacity:1;}
.news .inner .tab-swiper{position:relative;}
.news .inner .tab-swiper .swiper-container{margin:-1rem;}
.news .inner .tab-swiper .swiper-container .swiper-slide{padding:1rem;}
.news .inner .tab-swiper .swiper-container .swiper-slide a{position:relative; display:block; height:35rem; padding:8rem 3rem; border:1px solid #dbdddf; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,.1);}
.news .inner .tab-swiper .swiper-container .swiper-slide a mark{position:absolute; left:3rem; top:0; padding:2rem; font-size:1.4rem; color:#fff; background:#2569c9;}
.news .inner .tab-swiper .swiper-container .swiper-slide a em{font-size:2.2rem;}
.news .inner .tab-swiper .swiper-container .swiper-slide a p{margin-top:4rem; font-size:1.6rem; color:#454545;}
.news .inner .tab-swiper .swiper-container .swiper-slide a sub{position:absolute; left:3rem; bottom:3rem; font-size:1.4rem; color:#666;}
@media(max-width: 768px){
  .news .inner .tab-swiper .func a{border-radius:3rem; background:#fff; border:1px solid #ddd; box-shadow:5px 5px 1rem rgba(0,0,0,.1);}
  .news .inner .tab-swiper .func a img{width:1rem;}
}
.news .inner h3{height:3rem; line-height:3rem; margin-bottom:5rem; font-size:2.4rem; font-weight:700; color:#111;}
@media(max-width: 768px){
  .news .inner h3{margin-bottom:2rem;}
}
.news .inner .ceo-swiper{position:relative;}
.news .inner .ceo-swiper .swiper-container{margin:-1rem;}
.news .inner .ceo-swiper .swiper-container .swiper-slide{padding:1rem; overflow:hidden;}
.news .inner .ceo-swiper .swiper-container .swiper-slide a{position:relative; display:block; height:35rem; background:#fff no-repeat center; overflow:hidden;}
.news .inner .ceo-swiper .swiper-container .swiper-slide a .thumbs{height:35rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem;}
.news .inner .ceo-swiper .swiper-container .swiper-slide a .thumbs img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.news .inner .ceo-swiper .swiper-container .swiper-slide a em{position:absolute; left:0; bottom:0; width:100%; height:10rem; line-height:10rem; padding:0 2.5rem; font-size:2rem; color:#fff; background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#000000",GradientType=0 );}
.news .inner .func{position:absolute; right:0; top:-7rem; white-space:nowrap;}
@media(max-width: 768px){
  .news .inner .func{top:-4rem;}
}
.news .inner .func a,.news .inner .func button{width:3rem; height:3rem; line-height:3rem; text-align:center;}
.news .inner .func a img,.news .inner .func button img{vertical-align:middle;}
.service{height:100vh; line-height:100vh; font-size:0; text-align:center; overflow:hidden;}
@media(max-height: 900px){
  .service{height:100rem; line-height:100rem;}
}
@media(max-width: 1024px){
  .service{height:initial; line-height:1; padding:0 0 15rem 0;}
}
.service .inner{position:relative; display:inline-block; width:100%; line-height:1; vertical-align:middle; text-align:left;}
@media(min-height: 900px){
  .service .inner{margin-top:6rem;}
}
.service .inner mark{font-size:1.8rem; font-weight:700; color:#2569c9;}
.service .inner h2{margin-top:1rem; margin-bottom:5rem; font-size:4.2rem; font-weight:700; color:#111; line-height:1.2;}
@media(max-width: 1024px){
  .service .inner h2{font-size:3.5rem;}
}
.service .inner .swiper-container{width:115%;}
@media(max-width: 1024px){
  .service .inner .swiper-container{width:140%;}
}
@media(max-width: 420px){
  .service .inner .swiper-container{width:160%;}
}
.service .inner .swiper-container .swiper-slide a{position:relative; display:block;}
.service .inner .swiper-container .swiper-slide a .thumbs{position:relative; height:42rem; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem; overflow:hidden;}
@media(max-width: 1024px){
  .service .inner .swiper-container .swiper-slide a .thumbs{height:42vw;}
}
@media(max-width: 768px){
  .service .inner .swiper-container .swiper-slide a .thumbs{height:50vw;}
}
@media(max-width: 480px){
  .service .inner .swiper-container .swiper-slide a .thumbs{height:65vw;}
}
.service .inner .swiper-container .swiper-slide a .thumbs img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.service .inner .swiper-container .swiper-slide a dl dt{margin:2rem 0; font-size:2.8rem;}
.service .inner .swiper-container .swiper-slide a dl dd{font-size:1.7rem; color:#666;}
@media(max-width: 1024px){
  .service .inner .swiper-container .swiper-slide a dl dt{margin-bottom:1rem; font-size:2.3rem;}
  .service .inner .swiper-container .swiper-slide a dl dd{font-size:1.6rem; line-height:1.5;}
}
.service .inner .swiper-container .swiper-slide a img{position:absolute; right:0; bottom:0;}
.service .inner a.more{position:absolute; right:0; top:5rem;}
@media(max-width: 1600px){
  .service .inner a.more{right:2rem;}
}
.service .inner a.more span{font-size:1.6rem; font-weight:500; color:#555;}
.service .inner .func{position:absolute; left:0; bottom:-6rem; width:100%;}
@media(max-width: 1600px){
  .service .inner .func{left:2rem;}
}
.service .inner .func .progress{position:absolute; width:calc(100% - 20rem); height:3px; left:20rem; bottom:3px; background:#e5e5e5;}
@media(max-width: 1600px){
  .service .inner .func .progress{width:calc(100% - 17rem); left:13rem;}
}
.service .inner .func .progress .bar{position:absolute; width:0; height:inherit; left:0; top:0; background:#111; transition:width .2s ease;}
.service .inner .func span i{font-size:2rem; color:#cbcbcb; font-weight:900;}
.service .inner .func span i:first-child{color:#111;}
.service .inner .func span i:nth-child(2){margin:0 5px;}
.service .inner .func button{width:3rem; text-align:center;}
.service .inner .func button[aria-pressed]{position:relative; width:10px; height:13px; margin:0 2rem;}
.service .inner .func button[aria-pressed][aria-pressed=false]::before,.service .inner .func button[aria-pressed][aria-pressed=false]::after{display:inline-block; width:3px; height:100%; top:0; background:#666;}
.service .inner .func button[aria-pressed][aria-pressed=false]::before{left:0;}
.service .inner .func button[aria-pressed][aria-pressed=false]::after{right:0;}
.service .inner .func button[aria-pressed][aria-pressed=true]::before{display:inline-block; border:7px solid rgba(0,0,0,0); border-left:8px solid #666; left:3px; top:-1px;}
.about{overflow:hidden;}
@media(max-width: 1024px){
  .about .inner{margin:0; padding:0;}
}
.about .inner mark{display:block; font-size:1.8rem; font-weight:700; color:#2569c9;}
.about .inner h2{margin-top:2rem; font-size:4.2rem; font-weight:700; color:#111; line-height:1.2;}
@media(max-width: 1600px){
  .about .inner h2{font-size:3.9rem;}
}
@media(max-width: 1280px){
  .about .inner h2{font-size:3.1rem;}
}
.about .inner a.more{height:5rem; line-height:5rem;}
.about .inner a.more span{font-size:1.6rem; color:#555;}
.about .inner .top{height:72vh;}
@media(max-height: 900px){
  .about .inner .top{height:70rem;}
}
@media(max-width: 1024px){
  .about .inner .top{height:50rem;}
}
.about .inner .top .grid-5{height:inherit; padding-top:18rem;}
@media(max-width: 1024px){
  .about .inner .top .grid-5{padding-top:0;}
}
.about .inner .top a.more{position:relative; z-index:1;}
.about .inner .top .ceo-massage{position:absolute; width:100%; left:0; bottom:0; padding-top:18rem; padding-bottom:7rem; padding-left:6rem; color:#fff; background:url(/images/kor/assets/img/main/icon_ceo_profile.png) no-repeat right bottom;}
@media(max-width: 1600px){
  .about .inner .top .ceo-massage{padding-left:3rem;}
}
@media(max-width: 1280px){
  .about .inner .top .ceo-massage{background-size:35rem;}
}
@media(max-width: 768px){
  .about .inner .top .ceo-massage{background-size:28rem;}
}
.about .inner .top .ceo-massage::before{display:inline-block; width:100%; height:26rem; left:0; bottom:0; background:#d84411; z-index:-1;}
.about .inner .top .ceo-massage em{font-size:2.6rem;}
.about .inner .top .ceo-massage p{margin:1rem 0 4rem 0; font-size:1.7rem; line-height:1.35;}
.about .inner .top .grid-7{position:relative;}
.about .inner .top .grid-7 img{position:absolute; min-width:140%; min-height:100%; left:0; top:0; max-width:initial;}
.about .inner .bottom{position:relative; z-index:1; height:28vh;}
@media(max-height: 900px){
  .about .inner .bottom{height:28rem;}
}
@media(max-width: 640px){
  .about .inner .bottom{height:auto;}
}
.about .inner .bottom::before{display:inline-block; width:100%; height:inherit; left:50%; top:0; background:#1a5cb8; z-index:-1;}
.about .inner .bottom .promotion{position:relative; height:inherit; padding-top:6rem; padding-bottom:7rem; padding-left:6rem; color:#111; background:#f3f7fb url(/images/kor/assets/img/main/about_img_flag.jpg) no-repeat right center; background-size:cover;}
@media(max-width: 1600px){
  .about .inner .bottom .promotion{padding-left:3rem;}
}
.about .inner .bottom .promotion::before{display:inline-block; width:100%; height:100%; left:-100%; top:0; background:#f3f7fb;}
.about .inner .bottom .promotion em{font-size:2.6rem;}
.about .inner .bottom .promotion p{margin:1rem 0 4rem 0; font-size:1.7rem; line-height:1.35;}
.about .inner .bottom .init{height:inherit;}
.about .inner .bottom .init a{height:inherit; padding:6rem 3rem; color:#fff; background:#1a5cb8; border-right:1px solid #1751a2;}
.about .inner .bottom .init a em{font-size:2.2rem;}
.about .inner .bottom .init a span{display:block; margin-top:2rem; margin-bottom:3.5rem; line-height:1.35; font-size:1.6rem; opacity:.7; font-weight:300;}
@media(max-width: 1600px){
  .about .inner .bottom .init a{padding:6rem 1.5rem;}
  .about .inner .bottom .init a em{font-size:2rem;}
  .about .inner .bottom .init a span{font-size:1.5rem;}
}
@media(max-width: 1600px){
  .about .inner .bottom .init a em{font-size:1.9rem;}
}
@media(min-width: 640px){
  .about .inner .bottom .init a:nth-child(even){background:#1c5fbd;}
}
@media(max-width: 640px){
  .about .inner .bottom .init a{padding:3rem 2rem 3rem 3rem;}
  .about .inner .bottom .init a:nth-child(2),.about .inner .bottom .init a:nth-child(3){background:#1c5fbd;}
  .about .inner .bottom .init a:nth-child(3),.about .inner .bottom .init a:nth-child(4){border-top:1px solid #1751a2;}
}
.about .inner .bottom .init a i{position:relative; display:inline-block;}
.about .inner .bottom .init a i svg:last-child{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.port{position:relative; background:#111;}
.port .port-swiper .swiper-slide{height:100vh; background:no-repeat center; background-size:cover;}
.port .inner{height:100vh; line-height:100vh; font-size:0;}
.port .inner .el{position:relative; display:inline-block; line-height:1; vertical-align:middle; color:#fff; z-index:1;}
.port .inner .el sup{font-size:1.8rem;}
.port .inner .el h2{margin:2rem 0 7rem 0; font-size:4.4rem; line-height:1.3;}
.port .inner .el p{margin-bottom:4rem; font-size:1.7rem; opacity:.8; line-height:1.5;}
.port .inner .el a{display:inline-block; width:5.7rem; height:5.7rem; line-height:calc(5.7rem - 2px); border:1px solid rgba(255,255,255,.7); text-align:center;}
.port .inner .el a img{vertical-align:middle;}
@media(max-width: 1280px){
  .port .inner .el sup{font-size:1.7rem;}
  .port .inner .el h2{font-size:3.7rem;}
  .port .inner .el p{font-size:.16rem;}
}
@media(max-width: 1024px){
  .port .inner .el{margin-bottom:20rem;}
  .port .inner .el sup{font-size:1.5rem;}
  .port .inner .el h2{margin-bottom:4rem; font-size:3rem;}
  .port .inner .el p{margin-bottom:2rem; font-size:1.5rem;}
}
.port .link{position:absolute; width:55rem; height:100vh; right:0; top:0; border-left:1px solid rgba(255,255,255,.3); z-index:2;}
@media(max-width: 1400px){
  .port .link{width:45rem;}
}
@media(max-width: 1024px){
  .port .link{width:100%; height:auto; top:auto; bottom:0; border-left:0; border-bottom:1px solid #e0e0e0;}
}
.port .link>a,.port .link>div{position:relative; display:block; height:33.3333333333vh; line-height:33.3333333333vh; padding:0 5rem; font-size:0; border-bottom:1px solid rgba(255,255,255,.3);}
.port .link>a::before,.port .link>div::before{display:inline-block; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0; transition:opacity .3s ease; will-change:opacity; z-index:-1;}
.port .link>a.active::before,.port .link>a:hover::before,.port .link>div.active::before,.port .link>div:hover::before{opacity:.93;}
.port .link>a:last-child,.port .link>div:last-child{border-bottom:0;}
.port .link>a span,.port .link>div span{display:inline-block; line-height:1; vertical-align:middle;}
.port .link>a span em,.port .link>div span em{display:block; margin-bottom:1rem; font-size:2.8rem; color:#fff; line-height:1.2; transition:color .3s ease;}
.port .link>a span sub,.port .link>div span sub{font-size:1.6rem; color:#fff; transition:color .3s ease;}
.port .link>a img,.port .link>div img{position:absolute; right:6rem; top:50%; transform:translateY(-50%); opacity:0; transition:all .3s ease .1s;}
.port .link>a i,.port .link>div i{position:relative; display:inline-block; height:3.5rem; line-height:calc(3.5rem - 2px); border-radius:3.5rem; border:1px solid #fff; margin-right:3px; padding:0 3rem 0 1.5rem; font-size:1.5rem; color:#fff; background:rgba(0,0,0,0); transition:all .2s ease;}
.port .link>a i::after,.port .link>div i::after{display:inline-block; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; right:1.5rem; top:50%; margin-top:-4px; transform:rotate(45deg); transition:all .2s ease;}
.port .link>a.active i,.port .link>div.active i{color:#555; border-color:#555; background:#fff;}
.port .link>a.active i::after,.port .link>div.active i::after{border-color:#555;}
.port .link>a.active span em,.port .link>a.active span sub,.port .link>div.active span em,.port .link>div.active span sub{color:#111;}
.port .link>a.active img,.port .link>div.active img{opacity:1; right:5rem;}
@media(max-width: 1024px){
  .port .link>a,.port .link>div{float:left; height:auto; line-height:1; width:33.3333333333%; padding:5rem 3rem; border-bottom:0; background:#fff; border-right:1px solid #e0e0e0;}
  .port .link>a:last-child,.port .link>div:last-child{border-right:0;}
  .port .link>a::before,.port .link>div::before{display:none;}
  .port .link>a span em,.port .link>a span sub,.port .link>div span em,.port .link>div span sub{color:#111;}
  .port .link>a span em,.port .link>div span em{font-size:2.1rem;}
  .port .link>a.active img,.port .link>a img,.port .link>div.active img,.port .link>div img{position:relative; display:block; right:auto; width:4rem; top:0; margin-top:3rem; transform:initial; opacity:1;}
}
@media(max-width: 1024px)and (max-width: 640px){
  .port .link>a,.port .link>div{padding:4rem 2rem;}
  .port .link>a span em,.port .link>div span em{font-size:2rem;}
}
.story{height:100vh; line-height:100vh; font-size:0; text-align:center; background:#f1f9fb;}
@media(max-height: 900px){
  .story{height:80rem; line-height:80rem;}
}
@media(max-width: 1024px){
  .story{height:initial; line-height:1; padding:0 0 5rem 0;}
}
.story .inner{position:relative; display:inline-block; width:100%; line-height:1; text-align:left; vertical-align:middle;}
@media(min-height: 900px){
  .story .inner{margin-top:5rem;}
}
.story .inner mark{display:block; font-size:1.8rem; font-weight:700; color:#2569c9;}
.story .inner h2{margin-top:1rem; margin-bottom:5rem; font-size:4.2rem; font-weight:700; color:#111; line-height:1.2;}
@media(max-width: 1600px){
  .story .inner h2{font-size:3.9rem;}
}
@media(max-width: 1280px){
  .story .inner h2{font-size:3.1rem;}
}
.story .inner .sns-tab{position:absolute; right:0; top:3rem; white-space:nowrap;}
@media(max-width: 1600px){
  .story .inner .sns-tab{right:2rem;}
}
@media(max-width: 1024px){
  .story .inner .sns-tab{right:auto; left:50%; top:auto; bottom:-8rem; transform:translateX(-50%);}
}
.story .inner .sns-tab a{width:5rem; height:5rem; line-height:5rem; border-radius:5rem; margin-right:5px; background:#eee; font-size:0; text-align:center;}
.story .inner .sns-tab a:last-child{margin-right:0;}
.story .inner .sns-tab a img{vertical-align:middle;}
.story .inner .sns-tab a.facebook{background-color:#395eaa;}
.story .inner .sns-tab a.instagram{background:#c92f93; background:linear-gradient(to bottom, #c92f93 0%, #fa9642 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#c92f93", endColorstr="#fa9642",GradientType=0 );}
.story .inner .sns-tab a.youtube{background-color:#cc2727;}
.story .inner .sns-tab a.blog{background-color:#52b333;}
.story .inner .sns-swiper{position:relative;}
.story .inner .sns-swiper .swiper-container{margin:2rem 6rem;}
@media(max-width: 1024px){
  .story .inner .sns-swiper .swiper-container{margin:2rem -1.5rem;}
}
.story .inner .sns-swiper .swiper-container .swiper-wrapper .swiper-slide{padding:1.5rem;}
.story .inner .sns-swiper a{display:block; box-shadow:.5rem .5rem 1rem rgba(0,0,0,.1);}
.story .inner .sns-swiper a .thumbs{position:relative; height:34rem; overflow:hidden; background:#eee url(/images/kor/assets/img/common/svg/logo_black.svg) no-repeat center; background-size:20rem;}
@media(max-width: 1024px){
  .story .inner .sns-swiper a .thumbs{height:35vw;}
}
@media(max-width: 480px){
  .story .inner .sns-swiper a .thumbs{height:60vw;}
}
.story .inner .sns-swiper a .thumbs img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover;}
.story .inner .sns-swiper a dl{padding:3rem; background:#fff; border:1px solid #dbdddf; border-top:0; line-height:2.5rem;}
.story .inner .sns-swiper a dl dt{margin-bottom:2rem; font-size:2.2rem;}
.story .inner .sns-swiper a dl dd{font-size:1.4rem; color:#666;}
@media(max-width: 1024px){
  .story .inner .sns-swiper a dl dt{font-size:1.9rem;}
  .story .inner .sns-swiper a dl dd{font-size:1.5rem;}
}
.story .inner .sns-swiper .func{position:absolute; width:100%; height:0; left:0; top:50%; z-index:1;}
.story .inner .sns-swiper .func button{position:absolute; top:0; transform:translateY(-50%);}
.story .inner .sns-swiper .func button.story-prev{left:0;}
.story .inner .sns-swiper .func button.story-next{right:0;}
.banner{height:40rem; background:#f1f4f7;}
.banner a{position:relative; display:block; height:40rem; line-height:40rem; font-size:0; text-align:center; color:#fff; overflow:hidden;}
.banner a>img{position:absolute; min-width:101%; min-height:101%; left:50%; top:50%; transform:translate(-50%, -50%); max-width:initial;}
.banner a .el{position:relative; display:inline-block; line-height:1; vertical-align:middle; z-index:1;}
.banner a .el em{font-size:3.8rem;}
.banner a .el p{margin:2rem 0 5rem 0; font-size:1.8rem; line-height:1.3;}
@media(max-width: 1024px){
  .banner a{height:25rem; line-height:25rem;}
  .banner a .el em{font-size:3.1rem;}
  .banner a .el p{margin-bottom:3rem; font-size:1.5rem;}
  .banner a .el img{width:4rem;}
}
/*# sourceMappingURL=style.main.min.css.map */
                                 

/* 메인 sns 추가 */
.banner .inner.sns{max-width:100%; margin: 0 auto;}

.banner .inner.sns .row{}

.banner .inner.sns .row .sns{padding:180px 0px 60px 14rem; float:left; position:relative;}

.banner .inner.sns .row .sns .title{ margin-bottom:30px;}
.banner .inner.sns .row .sns .title .stxt{font-size:17px; color:#2569c9; margin-bottom:20px;}
.banner .inner.sns .row .sns .title .btxt{font-size:39px; color:#222; letter-spacing:-0.02em}

.banner .inner.sns .row .sns .sns-slide{overflow:hidden;}

.banner .inner.sns .row .sns .sns-slide .swiper-wrapper{}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide{}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a{display:block; height:auto; text-align:left;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .img{display:block; width:100%; height:295px; overflow:hidden;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .img img{width:100%; object-fit:cover;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date{display:block; border:1px solid #e1e1e1; padding:20px; background:#fff; transition:all 0.3s ease-out;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .tit{display:block; font-size:18px; color:#222; line-height:120%; letter-spacing:-0.02em; font-weight:700; margin-bottom:20px;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .date{display:block; font-size:15px; color:#888; line-height:120%;}
.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a:hover .tit-date{background:#e4eaf3;}


.banner .inner.sns .row .sns .sns-slide .sns-prev{top:250px; right:60px; width:26px; height:26px;}
.banner .inner.sns .row .sns .sns-slide .sns-next{top:250px; right:30px; width:26px; height:26px;}
.banner .inner.sns .row .sns .sns-slide .more-btn{position:absolute; top:250px; right:0px; display:block; width:26px; height:26px; line-height:26px; font-size:0; text-align:center; color:#fff; overflow:hidden;}
.banner .inner.sns .row .sns .sns-slide .more-btn img{min-width:16px; min-height:16px;}


.banner .inner.sns .row .goods{position:relative;padding:200px 0px 60px 5rem; background:#fff; float:right; overflow:hidden; width:55rem}

.banner .inner.sns .row .goods .title{ margin-bottom:30px; padding-top:30px;}
.banner .inner.sns .row .goods .title .btxt{font-size:26px; color:#222; letter-spacing:-0.02em; }


.banner .inner.sns .row .goods .goods-slide{overflow:hidden; width:370px;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper{}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide{}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a{display:block; height:auto; text-align:left;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .img{display:block;width:100%; height:295px; overflow:hidden;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .img img{width:100%; object-fit:cover;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date{display:block; border:1px solid #e1e1e1; padding:20px; background:#fff; transition:all 0.3s ease-out;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date .tit{display:block; font-size:18px; color:#222; line-height:120%; letter-spacing:-0.02em; font-weight:700; margin-bottom:20px;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date .date{display:block; font-size:15px; color:#888; line-height:120%;}
.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a:hover .tit-date{background:#e4eaf3;}

.banner .inner.sns .row .goods .goods-slide .goods-prev{top:250px; left:335px; width:26px; height:26px;}
.banner .inner.sns .row .goods .goods-slide .goods-next{top:250px; left:365px; width:26px; height:26px;}
.banner .inner.sns .row .goods .goods-slide .more-btn{position:absolute; top:250px; left:395px; display:block; width:26px; height:26px; line-height:26px; font-size:0; text-align:center; color:#fff; overflow:hidden;}
.banner .inner.sns .row .goods .goods-slide .more-btn img{min-width:16px; min-height:16px;}

.mslide-btn{position:absolute; top:50%; width:calc(var(--swiper-navigation-size) / 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size) / 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color));}    

    @media only screen and (max-width:1700px) {
		.banner .inner.sns .row .sns{padding:180px 0px 60px 1rem; width:65%;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .img{height:195px;}

		.banner .inner.sns .row .sns .sns-slide .sns-prev{top:250px;}
		.banner .inner.sns .row .sns .sns-slide .sns-next{top:250px; right:30px;}
		.banner .inner.sns .row .sns .sns-slide .more-btn{top:250px; right:0px;}

		.banner .inner.sns .row .goods{padding:200px 4rem 60px 4rem; width:30%;}
		.banner .inner.sns .row .goods .goods-slide{width:100%;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .img{height:245px;}

		.banner .inner.sns .row .goods .goods-slide .goods-prev{top:250px; left:auto; right:200px;}
		.banner .inner.sns .row .goods .goods-slide .goods-next{top:250px; left:auto; right:170px;}
		.banner .inner.sns .row .goods .goods-slide .more-btn{top:250px; left:auto; right:140px;}
    }

    @media only screen and (max-width:1600px) {
		.banner .inner.sns .row .sns{padding:40px 0px 60px 1rem;}

		.banner .inner.sns .row .sns .sns-slide .sns-prev{top:100px;}
		.banner .inner.sns .row .sns .sns-slide .sns-next{top:100px;}
		.banner .inner.sns .row .sns .sns-slide .more-btn{top:100px;}

		.banner .inner.sns .row .goods{padding:60px 4rem 60px 4rem;}
		.banner .inner.sns .row .goods .goods-slide .goods-prev{top:110px; right:100px;}
		.banner .inner.sns .row .goods .goods-slide .goods-next{top:110px; right:70px;}
		.banner .inner.sns .row .goods .goods-slide .more-btn{top:110px; right:40px;}

    }

    @media only screen and (max-width:1280px) {
		.banner .inner.sns .row .sns{}
		.banner .inner.sns .row .sns .title .btxt{font-size:30px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .img{height:160px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date{padding:10px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .tit{font-size:16px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .date{font-size:13px;}

		.banner .inner.sns .row .goods{}
		.banner .inner.sns .row .goods .title{padding-top:20px;}

		.banner .inner.sns .row .goods .goods-slide{width:100%;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .img{height:180px;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date{padding:10px;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date .tit{font-size:16px;}

		.banner .inner.sns .row .goods .goods-slide .goods-prev{top:110px; right:100px;}
		.banner .inner.sns .row .goods .goods-slide .goods-next{top:110px; right:70px;}
		.banner .inner.sns .row .goods .goods-slide .more-btn{top:110px; right:40px;}

    }

    @media only screen and (max-width:1024px) {
		.banner .inner.sns .row .sns{padding:30px 0px 40px 0px; width:100%;}
		.banner .inner.sns .row .sns .title{margin-bottom:20px;}
		.banner .inner.sns .row .sns .title .stxt{font-size:15px; margin-bottom:10px;}
		.banner .inner.sns .row .sns .title .btxt{font-size:24px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .tit{margin-bottom:10px;}

		.banner .inner.sns .row .sns .sns-slide .sns-prev{top:75px;}
		.banner .inner.sns .row .sns .sns-slide .sns-next{top:75px;}
		.banner .inner.sns .row .sns .sns-slide .more-btn{top:75px;}

		.banner .inner.sns .row .goods{padding:30px 20px; width:100%; margin-top:0px;}
		.banner .inner.sns .row .goods .title{padding-top:0px; margin-bottom:10px;}
		.banner .inner.sns .row .goods .title .btxt{font-size:24px;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .img{height:auto;}
		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date .tit{margin-bottom:10px;}

		.banner .inner.sns .row .goods .goods-slide .goods-prev{top:50px; right:90px;}
		.banner .inner.sns .row .goods .goods-slide .goods-next{top:50px; right:60px;}
		.banner .inner.sns .row .goods .goods-slide .more-btn{top:50px; right:30px;}
    }

    @media only screen and (max-width:640px) {
		.banner .inner.sns .row .sns .title{margin-bottom:40px;}
		.banner .inner.sns .row .sns .title .stxt{font-size:12px;}
		.banner .inner.sns .row .sns .title .btxt{font-size:17px;}

		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .img{height:120px;}
		.banner .inner.sns .row .sns .sns-slide .swiper-wrapper .swiper-slide a .tit-date .tit{font-size:14px;}

		.banner .inner.sns .row .sns .sns-slide .sns-prev{top:95px;}
		.banner .inner.sns .row .sns .sns-slide .sns-next{top:95px;}
		.banner .inner.sns .row .sns .sns-slide .more-btn{top:95px;}

		.banner .inner.sns .row .goods{padding:20px 20px;}
		.banner .inner.sns .row .goods .title .btxt{font-size:17px;}

		.banner .inner.sns .row .goods .goods-slide .swiper-wrapper .swiper-slide a .tit-date .tit{font-size:14px;}

		.banner .inner.sns .row .goods .goods-slide .goods-prev{top:35px;}
		.banner .inner.sns .row .goods .goods-slide .goods-next{top:35px;}
		.banner .inner.sns .row .goods .goods-slide .more-btn{top:35px;}
    }