@charset "utf-8";


/*
html,body{overflow:hidden;}
*/
/* #wrap{padding:0;}
body #contents{padding:0;} */
.header .bottom-in{display:none;}
/* body #footer{margin-top:0;} */
body #section2{margin-top:0;}






.main-section{box-sizing:border-box; padding:39.9px 8px; overflow:hidden;}
.main-section.bg{background:#f6f6f6;}
.main-section.max>.in{max-width:1600px; margin:0 auto;}

.main-section [class*="title"]{margin-bottom:22.9px;}
.main-section .title{margin-bottom:20px;}
.main-section .title h2{font-size:16.9px; color:var(--c1);}
.main-section .title p{font-size:14px;}
.main-section .title .line{display:block; width:22.9px; background:#000; margin:20px auto; height:1px;}

@media all and (min-width:768px){
  .main-section{ padding:85px 15px;}
  .main-section [class*="title"]{margin-bottom:49.9px;}

  .main-section .title{margin-bottom:39.9px;}
  .main-section .title h2{font-size:29.9px;}
  .main-section .title p{font-size:16.9px;}
  .main-section .title .line{width:70px; margin:22.9px auto; }
}





.main-1{ position:relative;   overflow:hidden;}
.main-1 .swiper{}
.main-1 .swiper .item{position:relative; height:100vh; background-position:center; background-size:cover;}
.main-1 .swiper .item a{}
.main-1 .swiper .item .in{width:100%; max-width:1600px; margin:0 auto; position:relative; }
.main-1 .swiper .item .imgArea{}
.main-1 .swiper .item .imgArea img{width:100%;}
.main-1 .swiper .item .txtArea{position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:0 10px; display:flex; align-items:center;  z-index:11; color:#fff;}
.main-1 .swiper .item .txtArea span{display:block; width:50px; height:2px; background:#fff; margin-bottom:20px;}
.main-1 .swiper .item .txtArea h2{white-space:pre-line; font-size:22.9px; font-weight:500; margin-bottom:10px; line-height:1.1;}
.main-1 .swiper .item .txtArea h2 b{font-weight:600; }
.main-1 .swiper .item .txtArea p{white-space:pre-line; font-size:13px; line-height:1.3;}
.main-1 .swiper .item .txtArea h2 i{font-style:normal; display:inline-block; border-bottom:2px solid #fff; margin-bottom:1px; padding-bottom:10px;}

.main-1 .swiper .swiper-pagination{position:absolute; top:50%; right:0; transform:translateY(-50%); left:auto; bottom:auto; width:auto;}
.main-1 .swiper .swiper-pagination .swiper-pagination-bullet{position:relative; width:auto; height:auto; margin:5px 0; padding-right:15px; display:block; background:transparent; color:#fff; opacity:1; transition:0.3s;}
.main-1 .swiper .swiper-pagination .swiper-pagination-bullet:after{position:absolute; top:50%; right:0; width:10px; height:1px; transform:translateY(-50%); content:""; background:#fff; transition:0.3s;}
.main-1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--c1);}
.main-1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:var(--c1);}

.main-1 .main-board{position:absolute; bottom:5px; width:100%; box-sizing:border-box; padding:0 15px; z-index:12;}
.main-1 .main-board .cont{display:flex; max-width:1600px; margin:0 auto;}
.main-1 .main-board .cont section{}
.main-1 .main-board .cont section + section{border-left:1px solid #fff; margin-left:5px; padding-left:5px;}
.main-1 .main-board .cont h2{color:#fff; font-size:13px; font-weight:400;}
.main-1 .main-board .cont ul{}
.main-1 .main-board .cont ul li{margin-top:3px;}
.main-1 .main-board .cont ul li a{color:#fff;}
.main-1 .main-board .cont ul li a:hover{color:var(--c1);}



@media all and (min-width:768px){

  .main-1{}
  .main-1 .swiper .item .txtArea span{width:100px; margin-bottom:30px;}
  .main-1 .swiper .item .txtArea h2{font-size:38px; margin-bottom:30px;}
  .main-1 .swiper .item .txtArea h2 i{padding-bottom:25px;}
  .main-1 .swiper .item .txtArea p{font-size:22px; }
  .main-1 .swiper .swiper-pagination .swiper-pagination-bullet{right:5px; margin:20px 0;}
  .main-1 .swiper .swiper-pagination .swiper-pagination-bullet{font-size:20px; padding-right:80px;}
  .main-1 .swiper .swiper-pagination .swiper-pagination-bullet:after{width:60px;}

  .main-1 .main-board{bottom:50px;}
  .main-1 .main-board .cont section + section{  margin-left:30px; padding-left:30px;}
  .main-1 .main-board .cont h2{font-size:17px;}
  .main-1 .main-board .cont ul li{margin-top:10px;}
  .main-1 .main-board .cont ul li a{font-size:16px;}


}














.main-b1{ margin-bottom:85px; background:#f8f8f8; padding:22.9px 10px; box-sizing:border-box;}
.main-b1>.in{max-width:1600px; margin:0 auto;}
.main-b1 a{position:relative; display:block; background:var(--c1); color:#fff; box-sizing:border-box; padding:22.9px; border-radius:22.9px; transition:0.3s;}
.main-b1 a:hover{background:#003064;}
.main-b1 a h2{font-size:16.9px;}
.main-b1 a p{font-size:15px;}
.main-b1 a i{position:absolute; top:50%; right:22.9px; transform:translateY(-50%); font-size:16.9px; width:22.9px; height:22.9px; text-align:center; line-height:22.9px; color:#fff; background:#F24000; border-radius:50%;}

@media all and (min-width:768px){
  .main-b1{ margin-bottom:170px;  padding:65px 0;}
  .main-b1 a{padding:39.9px;}
  .main-b1 a h2{font-size:24.9px;}
  .main-b1 a p{font-size:33px;}
  .main-b1 a i{width:50px; height:50px; line-height:50px;}
}








.main-title{}
.main-title.w{color:#fff;}
.main-title.w span{background:#fff;}
.main-title.w a{border-color:#fff; color:#fff;}
.main-title.w a:hover{background:#fff; color:#111;}
.main-title h2{}
.main-title h2 i{font-style:normal; color:#666;}
.main-title p{}
.main-title a{margin-top:10px; font-size:13px; display:inline-block; padding:5px 15px; border:1px solid #333; border-radius:50px; transition:0.3s;}
.main-title a i{transform:rotate(45deg); margin-left:10px;}
.main-title a:hover{background:#333; color:#fff;}
.main-title .img{margin-top:30px;}

.main-title span{display:inline-block;; width:50px; height:2px; background:#333; margin-bottom:20px;}
.main-title h2{_white-space:pre-line; font-size:22.9px; font-weight:500; margin-bottom:10px; line-height:1.1;}
.main-title h2 b{font-weight:600; }
.main-title h2{_white-space:pre-line; font-size:17.9px; font-weight:500; margin-bottom:10px; line-height:1.1;}
.main-title p{_white-space:pre-line; font-size:13px; line-height:1.3;}


@media all and (min-width:768px){
  .main-title span{width:100px; margin-bottom:20px;}
  .main-title h2{font-size:25px; margin-bottom:20px;}
  .main-title h3{font-size:20px; margin-bottom:20px;}
  .main-title h2 + h2{margin-top:50px; font-weight:bold;}
  .main-title p{font-size:17px;}
  .main-title a{font-size:17px; padding:8px 20px; margin-top:30px; }
  .main-title .img{margin-top:50px;}
}


.main-2{padding:0;}
.main-2 .top{padding:50px 15px 100px 15px;  background-position:center; background-size:cover; text-align:center;}
.main-2 .top>.in{max-width:1600px; margin:0 auto;}
.main-2 .top fieldset{position:relative; }
.main-2 .top input[type="text"]{width:100%; background:#fff; height:40px; border:0; border-radius:30px;}
.main-2 .top button{font-size:18px; position:absolute; top:0; right:10px; width:50px; height:40px; line-height:40px; text-align:center; color:var(--c1);}

.main-2 .main-title{padding:30px 0;}
.main-2 .swiper{ overflow:visible;}
.main-2 .swiper-container{position:static; overflow:hidden;}
.main-2 .swiper .item{position:relative; text-align:center; background:rgba(255,255,255,0.7);}
.main-2 .swiper .item.swiper-slide-prev{opacity:0;}
.main-2 .swiper .item a.lt_img{display:inline-block;; position:relative; margin-bottom:20px; text-align:center;}
.main-2 .swiper .item a.lt_img:before{opacity:0; position:absolute;  top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:50px; height:50px; line-height:50px; font-family:'xeicon'; content:"\e915"; font-size:30px; border:1px solid #fff; border-radius:50%; color:#fff; z-index:11; transition:0.3s;}
.main-2 .swiper .item a.lt_img:after{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; transition:0.3s;}
.main-2 .swiper .item a.lt_img:hover:before,
.main-2 .swiper .item a.lt_img:hover:after{opacity:1;}
.main-2 .swiper .item a.lt_img img{width:100%; height:100%; object-fit:cover; object-position:center; aspect-ratio:1 / 1;}
.main-2 .swiper .item a span{font-weight:bold;}
.main-2 .swiper .item p{margin-top:5px;}
.main-2 .swiper .item .kr{}
.main-2 .swiper .item .en{}

  html[lang="ko"] .main-2 .swiper .item .kr{display:block;}
  html[lang="ko"] .main-2 .swiper .item .en{display:none;}

  html[lang="en"] .main-2 .swiper .item .kr{display:none;}
  html[lang="en"] .main-2 .swiper .item .en{display:block;}

.main-2 .bottom{margin-top:-130px; box-sizing:border-box; padding:0 15px;}
.main-2 .bottom>.in{max-width:1600px; margin:0 auto;}
.main-2 .bottom .swiper-button-prev{left:-10px;  border-radius:50%; width:29.9px; height:29.9px; line-height:29.9px;   background:rgba(0,0,0,0.5);}
.main-2 .bottom .swiper-button-next{right:-10px;  border-radius:50%; width:29.9px; height:29.9px; line-height:29.9px;  background:rgba(0,0,0,0.5); }
.main-2 .bottom .swiper-button-prev:after,
.main-2 .bottom .swiper-button-next:after{font-size:15px; color:#fff;}


@media all and (min-width:768px){


  .main-2{margin-bottom:50px;}
  .main-2 .top{padding:80px 15px 250px 15px; }
  .main-2 .top input[type="text"]{height:60px; padding:0 30px; font-size:15px;}
  .main-2 .top button{width:60px; height:60px; line-height:60px; font-size:15px;}
  .main-2 .main-title{padding:50px 0;}
  .main-2 .swiper{}
  .main-2 .swiper .swiper-container{}
  .main-2 .item{font-size:17px;}
  .main-2 .item p{font-size:15px; }
  .main-2 .swiper .item a.lt_img:before{width:100px; height:100px; line-height:100px; }


  .main-2 .bottom{margin-top:-250px;}
  .main-2 .bottom .swiper-button-prev{margin-top:-70px; left:-20px; width:70px; height:70px; line-height:70px;}
  .main-2 .bottom .swiper-button-next{margin-top:-70px; right:-20px; width:70px; height:70px; line-height:70px;}
  .main-2 .bottom .swiper-button-prev:after,
  .main-2 .bottom .swiper-button-next:after{font-size:20px;}


}






.main-3{}
.main-3>.in{}
.main-3 .img{width:200px;}
.main-3 h1{font-size:50px; color:#ededed; line-height:1.3; margin-bottom:40px;}
.main-3 .main-title h3{font-weight:500;}

@media all and (min-width:1000px){
  .main-3>.in{display:flex; align-items:center; justify-content:space-between;}
  .main-3 .img{width:auto; max-width:300px;}
  .main-3 .cont{position:relative; width:50%;}
  .main-3 h1{font-size:90px;  margin-bottom:70px;}
}

@media all and (min-width:1500px){
  .main-3 .cont:after{position:absolute; top:50%; left:-33%; width:150px; height:2px; background:#ccc; content:"";}
}



.main-4{text-align:center; max-width:1600px; margin:0 auto;}
.main-4>.in{background-image:url('/imgs/main-04bg.jpg'); background-position:center; background-size:cover;}
.main-4 .main-title{padding:50px 0; margin:0;}
.main-4 .cont{}
.main-4 .cont ul{border-top:1px solid #fff;}
.main-4 .cont ul li{width:calc(100% / 3); box-sizing:border-box; }
.main-4 .cont ul li + li{border-left:1px solid #fff;}
.main-4 .cont ul li a{display:block; width:100%; height:100%; box-sizing:border-box; padding:20px 0; color:#fff; transition:0.3s;}
.main-4 .cont ul li a:hover{background:rgba(251,133,1,0.5);}
.main-4 .cont ul li a .img img{width:50px;}
.main-4 .cont ul li .txt{margin-top:20px;}
.main-4 .cont ul li .txt h2{font-size:15px;}
.main-4 .cont ul li .txt p{font-size:12px;}

@media all and (min-width:768px){
  .main-4 .main-title{padding:120px 0;}
  .main-4 .cont ul li a{padding:80px 0;}
  .main-4 .cont ul li a .img img{width:auto; max-width:100px;}
  .main-4 .cont ul li .txt{margin-top:30px;}
  .main-4 .cont ul li .txt h2{font-size:22px;}
  .main-4 .cont ul li .txt p{font-size:15px;}
}




.main-5{}
.main-5>.in{}
.main-5 .cont{}
.main-5 .item{}
.main-5 .item a{position:relative; display:block; height:100%; width:100%; color:#fff; }
.main-5 .item .imgArea{}
.main-5 .item .txtArea{display:flex; flex-direction:column; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:10px;}
.main-5 .item .txtArea p{}
.main-5 .item .txtArea strong{margin-top:10px;}
.main-5 .item .txtArea span{margin-top:auto;}
.main-5 .bottom{margin-bottom:10px;position:relative; display:flex; align-items:center; margin-left:auto; justify-content:end;}
.main-5 .bottom .swiper-pagination{position:static; width:auto; height:auto; margin:0 10px;}
.main-5 .swiper .swiper-pagination .swiper-pagination-bullet{width:auto; height:auto; background:transparent;}
.main-5 .swiper .swiper-pagination .swiper-pagination-bullet:after{}
.main-5 .bottom .swiper-button-prev{position:static; height:auto; margin:0;}
.main-5 .bottom .swiper-button-next{position:static; height:auto; margin:0;}
.main-5 .bottom .swiper-button-prev i,
.main-5 .bottom .swiper-button-next i{color:#111; font-size:15px; line-height:inherit;}
.main-5 .bottom .swiper-button-prev:after,
.main-5 .bottom .swiper-button-next:after{font-size:20px; color:#111; display:none;}


@media all and (min-width:768px){
  .main-5>.in{display:flex; justify-content:space-between;}
  .main-5 .cont{width:60%;}
  .main-5 .item .txtArea{padding:30px;}
  .main-5 .item .txtArea p{font-size:20px;}
  .main-5 .item .txtArea strong{font-size:25px; margin-top:50px;}
  .main-5 .item .txtArea span{font-size:15px;}
  .main-5 .bottom{font-size:18px;}
  .main-5 .bottom .swiper-button-prev i,
  .main-5 .bottom .swiper-button-next i{ font-size:20px;}
}










.main-6{}
.main-6.max>.in{position:relative; max-width:1750px;}
.main-6 .img{}
.main-6 .main-title{position:relative; width:80%; margin:-10% auto 0 auto;; background:#fff; box-sizing:border-box; padding:30px; box-shadow:10px 10px 10px rgba(0,0,0,0.2); z-index:11;}

@media all and (min-width:768px){

  .main-6>.in{}
  .main-6 .main-title{position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; margin:0; padding:60px;}

}






.main-7{text-align:center; max-width:1830px; margin:0 auto;}
.main-7>.in{background-image:url('/imgs/main-07.jpg'); background-position:center; background-size:cover; padding-bottom:30px;}
.main-7 .main-title{box-sizing:border-box; padding:30px 0; margin:0;}
.main-7 .item{height:auto;}
.main-7 .item a{display:block; box-sizing:border-box; padding:0 10px; display:flex; align-items:center; justify-content:center; height:100%; background:#fff; border-radius:50px;}
.main-7 .item a img{max-height:100%;}
.main-7 .swiper{overflow:visible;  box-sizing:border-box; padding:0 50px;}
.main-7 .swiper-container{position:static; overflow:hidden;;}
.main-7 .swiper-button-prev:after,
.main-7 .swiper-button-next:after{color:#fff; font-size:15px;}

@media all and (min-width:768px){
  .main-7>.in{padding-bottom:70px;}
  .main-7 .main-title{ padding:70px 0;}
  .main-7 .swiper{padding:0 100px;}
  .main-7 .swiper-button-prev{left:30px;}
  .main-7 .swiper-button-next{right:30px;}
  .main-7 .swiper-button-prev:after,
  .main-7 .swiper-button-next:after{font-size:25px;}

}

















.hd_pops img {max-width:100%}

@media all and (max-width:767px){
  #hd_pop{width:100%;}
  .hd_pops{ top:0 !important; left:0 !important;}
  .hd_pops_con{width:100% !important; height:auto !important;}

  #hd_pop{position:fixed; top:0; left:0; height:auto; max-height:100%; overflow-y:auto;}
  #hd_pop [id*="hd_pops_"].hd_pops{position:static; box-sizing:border-box; padding:15px; background:rgba(0,0,0,0.6); border:0;}
  #hd_pop [id*="hd_pops_"].hd_pops + [id*="hd_pops_"].hd_pops{ }
}






























/**/