@charset "utf-8";
.inner_main{width:90%; margin:0 auto;}
/*홍보영상 팝업*/

.mpop {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.8); z-index:99999991;}
.mpop .ifw {width:100%; min-height:400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:800px;}
.mpop .ifw > div {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}
.mpop .pclose {width:100px; height:30px; display: block; border:1px solid rgba(255,255,255,.7); font-size:13px; line-height: 30px; color: #fff; text-align: center; background: rgba(0,0,0,.7); margin:10px auto 0;}
video {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
/*--section1_visual--*/
.visual { position: relative; height: 100%; padding-bottom:120%; text-align:center;}
.visual .swiper-container {
	width: 100%;
	height: 100%;
}
.visual .swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.visual .frame{position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: 100%; z-index: 1; }
.quick_img{position: absolute; top: 10%;     transform: translateY(-50%);     left: 0;     width: 100%;    z-index: 2;}
.quick_img p{margin:1%; display:inline-block;}

.rolling li .text2 { z-index: 1; position: absolute; height: 100%; top:50%;  transform:translateY(-50%); left: 0; width: 100%; }
.rolling li .text2 img {position: absolute; left: 0; right: 0; margin: auto; opacity: 0; max-width:100%}

/*text animation */
.rolling li.swiper-slide-active .text2 .nth_01 { opacity: 1; transition: all .7s linear .2s; top:19%; right:0; }
.rolling li .img_board { width: 100%; height: 100%; overflow: hidden; }
.rolling li .img_board .bg { height: 100%; transform: scale(1.2,1.2); background-position: bottom center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 2.5s ease .1s; -ms-transition: all 2.5s ease .1s; -moz-transition: all 2.5s ease .1s; transition: all 2.5s ease .1s; }
.rolling li.swiper-slide-active .img_board .bg { transform: scale(1.01,1.01); }

.rolling .visual1 .img_board .bg {background-image: url("../image/main/m_vis_img2.jpg"); background-size: 100% 100%;}

/*--------------responsible : section1_visual--------------*/
@media screen and (max-width:580px){
	.quick_img p img{width:calc(5vw + 45px);}
	.rolling li .text2 img {width:420px;}
}
@media screen and (max-width:485px){
	.rolling li .text2 img {width:350px;}
}
@media screen and (max-width:435px){
	.rolling li .text2 img {width:300px;}
	.quick_img{ right:5px;}
	.quick_img p img{width:calc(4vw + 40px);}
}
@media screen and (max-width:380px){
	.rolling li .text2 img {width:260px;}
}


/************************************************************/
/************************************************************/
/*--section1_unit--*/
#section1_unit{width:100%; height:100%; padding:50px 0 100px 0; background-image: url(../image/main/unit_bg.jpg); background-size:cover; background-repeat: no-repeat;} 
#section1_unit .unit_box{text-align:center; position:relative;}
#section1_unit .unit_box .arrow_{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:99}
#section1_unit .unit_box .arrow_ span{display:inline-block; line-height:40px;}
#section1_unit .unit_box .arrow_ > span{width:40px; height:40px; background:#fff; border-radius:50px}
#section1_unit .unit_box .arrow_ > .btn_prev{transform:translateX(-110px)}
#section1_unit .unit_box .arrow_ > .btn_next{transform:translateX(110px)}

#section1_unit .unit_box > h2{color:#161d2f; margin:30px 0; line-height:1; font-size:65px;}
#section1_unit .unit_box > p{color:#161d2f; font-size:18px;}

#section1_unit .unit_slider{padding-top:30px;}
#section1_unit .unit_slider .unit_item{padding:20px;}
#section1_unit .unit_slider .unit_item p.unit_img{background:#fff;}
#section1_unit .unit_slider .unit_item p.unit_img img{width:100%;}
#section1_unit .unit_slider .unit_item .unit_text h2{font-size:35px; margin-top:30px; font-weight:700; color:#000;}
#section1_unit .unit_slider .unit_item .unit_text h2 span{font-size:18px; font-weight:400;}
#section1_unit .unit_slider .unit_item .unit_text p{font-size:18px; color:#000;}

#section1_unit .unit_slider .slick-slide{margin:0 10px; opacity:0.8;}
#section1_unit .unit_slider .slick-slide.slick-current.slick-active{opacity:1;}
#section1_unit .unit_slider .slick-slide.slick-current.slick-active .unit_img{border:7px solid #3bbef3; opacity:1;}

/*--------------responsible : section1_unit--------------*/
@media screen and (max-width:580px){
	#section1_unit{ padding:30px 0 100px 0;}
	#section1_unit .unit_slider .unit_item{padding:10px;}
	#section1_unit .unit_slider .slick-slide{margin:0 5px;}
	#section1_unit .unit_box > h2 {font-size: 55px;}
}
@media screen and (max-width:395px){
	#section1_unit{padding:50px 0} 
	#section1_unit .unit_box > p{padding:0 30px;}
	#section1_unit .unit_box > h2 {font-size: 45px;}
}



/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding:90px 45px; background:#1a2431 url("../image/main/premium_bg.jpg") no-repeat; background-size:cover; text-align:center;}
.premium_tit{text-align:center;}
.premium_tit img{display:inline-block;}

/*premium_slider*/
.premium_slider .img_ {overflow:hidden; border-radius:30px; 
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;}
.premium_slider .img_ img{width:100%;}
.premium_slider .inner_mium{margin-top:50px;}
.premium_slider .inner_mium .item_pre{position:relative;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

/*pre_txt*/
.premium_slider .inner_mium .item_pre .pre_txt{padding:25px; width:100%; position:absolute; left:50%; bottom:0; background:#fff; display:flex; align-items: center; transform:translateX(-50%); border-top-right-radius:70px;
-webkit-border-top-right-radius:70px;
-moz-border-top-right-radius:70px;
-o-border-top-right-radius:70px;}
.item_pre .pre_txt .icon{display:inline-block; margin-right:15px; }
.item_pre .pre_txt .txt p.tit{margin-bottom:10px; color:#3bbef3; font-size:23px; font-weight:500;}
.item_pre .pre_txt .txt p{font-size:16px; text-align:left; }

/*dots*/
.premium_slider .slick-dots{bottom: -55px;}
.premium_slider .slick-dots li button:before{color:#fff; opacity:1;}
.premium_slider .slick-dots li.slick-active button:before{color:#3bbef3;}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:580px){
	#section2_premium{padding:80px 30px;}
	.premium_tit img{width:calc(100% - 33%)}

	.premium_slider .inner_mium .item_pre .img_{padding-bottom:75px;}
}
@media screen and (max-width:480px){
	#section2_premium{padding:70px 5%;}

	.premium_slider .inner_mium .item_pre .pre_txt{padding:20px 10px; min-height:150px; border-top-right-radius:50px;
	-webkit-border-top-right-radius:50px;
	-moz-border-top-right-radius:50px;
	-o-border-top-right-radius:50px;}
	.item_pre .pre_txt .icon{margin-right:7px;}
	.item_pre .pre_txt .icon img{width:65px;}
	.item_pre .pre_txt .txt p.tit{margin-bottom:5px; font-size:20px;}
	.item_pre .pre_txt .txt p{font-size:15px;}

	.premium_slider .slick-dots{bottom: -45px;}
}
@media screen and (max-width:420px){
	#section2_premium{padding:50px 5%;}
	.item_pre .pre_txt .txt p br{display:none;}
	.premium_slider .inner_mium{margin-top:30px;}
}
@media screen and (max-width:375px){
	.premium_tit img{width:calc(100% - 20%)}

	.premium_slider .inner_mium .item_pre .img_{padding-bottom:110px;}
	.item_pre .pre_txt .icon{margin-right:0;}
	.item_pre .pre_txt .txt p.tit{font-size:18px;}
	.item_pre .pre_txt .txt p{font-size:14px;}
}


/*프리미엄 효과*/
.premium_slider .slick-slide .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(0.8, 0.8);
	transition:all 0.4s
}
.premium_slider .slick-center .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(1, 1);
	box-shadow:5px 5px 15px -5px rgba(0,0,0,0.3)
}

.premium_slider .slick-slide .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_ img{
	transition:all 0.4s;
	opacity:0.5;
}
.premium_slider .slick-center .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_ img{
	opacity:1;
}

.premium_slider .slick-slide .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:0; transition:all 0.4s
}
.premium_slider .slick-center .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:1; transition:all 0.4s
}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:580px){
	.premium_slider .slick-slide .img_,
	.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(0.9, 0.9);
	}
	.premium_slider .slick-center .img_,
	.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(1, 1);
	}
}

/************************************************************/
/************************************************************/
/*--section3_environment--*/
#section3_environment .img_ img{max-width:100%;}
#section3_environment .area_tit{padding:45px 0; background:#003586 url("../image/main/area_bg.jpg")no-repeat; background-size:cover; background-position:100%;}
#section3_environment .area_tit .area_txt{width:90%; margin:0 auto; position:relative;}
#section3_environment .area_tit .area_txt:after{content:""; position:absolute; width:calc(100% - 230px); top:50%; right:0; height:1px; background:#fff; opacity:0.6;}
#section3_environment .area_img{padding:45px 0; background:#e1e5e7; text-align:center;}
#section3_environment .area_img .tit{margin-bottom:30px;}
#section3_environment .area_img .tit h2{font-size: 36px; color: #273583; font-weight: 600;}
#section3_environment .area_img .tit p{font-size: 18px;  color: #3c3c3b;}
#section3_environment .area_img img{width:90%; display:inline-block; border:2px solid #012b53;  box-shadow:10px 10px 30px -5px rgba(0,0,0,0.3); }
#section3_environment .area_img .btn{margin-top:45px; display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#003586; border-radius:30px; 
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;}

/*--------------section3_environment--------------*/
@media screen and (max-width:640px){
	#section3_environment .area_img .tit h2{font-size:calc(3vw + 20px);}
	#section3_environment .area_img .tit p{font-size:16px;}
}

@media screen and (max-width:580px){
	#section3_environment .area_tit .area_txt img{width:180px;}
	#section3_environment .area_tit .area_txt:after{width:calc(100% - 190px);}

}
@media screen and (max-width:420px){
	#section3_environment .area_tit .area_txt img{width:160px;}
	#section3_environment .area_tit .area_txt:after{width:calc(100% - 170px);}

	#section3_environment .area_img .btn{margin-top:35px; width:180px; font-size:16px;}

}
/************************************************************/
/************************************************************/
/*--section4_video--*/
#section4_video {background:#0e0e0e;}
#section4_video .videoWrap{position:relative;display: flex; flex-flow: column;  justify-content: center; align-items: center; background-color:#0e0e0e;}
#section4_video .inner_video{position:relative; height:420px; width:100%;}
#section4_video  #myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-color: black;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}

/*--------------responsible : section4_video--------------*/
@media screen and (max-width:640px){
	#section4_video .inner_video{height:300px;}
}

@media screen and (max-width:490px){
	#section4_video .inner_video{height:235px;}
}

@media screen and (max-width:370px){
	#section4_video .inner_video{height:200px;}
}

@media screen and (max-width:335px){
	#section4_video .inner_video{height:190px;}
}

/************************************************************/
/************************************************************/
/*--section5_season--*/
#section5_season img{width:100%; max-width:100%;}

/*dots*/
.season_slider .slick-dots{bottom: 30px;}
.season_slider .slick-dots li button:before{color:#fff; opacity:1;}
.season_slider .slick-dots li.slick-active button:before{color:#000;}
.season_slider.slick-dotted.slick-slider{margin-bottom:0;}

/************************************************************/
/************************************************************/
/*--section6_contact--*/
#section6_contact {padding:90px 0; background:url("../image/main/contact_bg.jpg")no-repeat; background-size:cover; background-position:100% bottom;}
#section6_contact .brand_box,
#section6_contact .contact_box{margin:0 auto; width:80%;}
#section6_contact .brand_box h2 p.tit {padding-top:35px; margin-bottom:20px; position:relative; font-size:38px; font-family: 'Nanum Myeongjo'; font-weight:500; color:#1b2a4b;}
#section6_contact .brand_box h2 p.tit:after{position:absolute; top:0; left:0; width:240px; height:9px; content:""; background:url("../image/main/brand_tit_min.png") no-repeat;}
#section6_contact .brand_box .img_{margin-top:45px;}

#section6_contact .contact_box h2 p.tit{margin-top:80px; padding-top:35px; margin-bottom:0; position:relative; font-size:38px; font-family: 'Nanum Myeongjo'; font-weight:500; color:#1b2a4b;}
#section6_contact .contact_box h2 p.tit b{font-weight:900;}
#section6_contact .contact_box h2 p.tit:after{position:absolute; top:0; left:0; width:240px; height:9px; content:""; background:url("../image/main/contact_tit_min.png") no-repeat;}
#section6_contact .contact_box .img_{border:2px solid #d1d1d1; margin-top:20px;}

#section6_contact .brand_box p{color:#4b4b4b; font-size:18px;}
#section6_contact .brand_box p br{display:none;}
#section6_contact .brand_box .img_ img,
#section6_contact .contact_box .img_ img{width:100%;}

#section6_contact .contact_box .map_link {margin-top:35px;}
#section6_contact .contact_box .map_link a{position:relative; width:100%; font-size:18px; display:block; color:#363737; display:flex; align-items: center; }
#section6_contact .contact_box .map_link a img{width:21px; height:21px; display:inline-block; margin-right:15px;}

#section6_contact .contact_box .quik_box{margin:50px auto 0; text-align:center;	background:#fff;	border:2px solid #1b2a4b;	margin-top:30px;	padding:30px 0;}
#section6_contact .contact_box .quik_box a img{margin-bottom:15px;}
#section6_contact .contact_box .quik_box a p{font-size:21px; font-weight:600; color:#1b2a4b;}


/*--------------responsible : section6_contact--------------*/
@media screen and (max-width:640px){
	#section6_contact .brand_box h2 p.tit,	
	#section6_contact .contact_box h2 p.tit{font-size:calc(3vw + 20px);}
	#section6_contact .brand_box p{font-size:16px;}
	#section6_contact .contact_box .map_link a{font-size:16px; }
	
	#section6_contact .brand_box p.tit br{display:block;}
}
@media screen and (max-width:480px){
	#section6_contact .brand_box p br{display:none;}

	#section6_contact {padding:70px 0; }
	#section6_contact .contact_box h2 p.tit{margin-top:70px;}
	#section6_contact .contact_box .quik_box a p{font-size:18px;}
}
@media screen and (max-width:420px){
}


/************************************************************/
/************************************************************/
/*--footer--*/
#footer { position: relative; width: 100%; color: #b4b4b4; background: #333333; }
.footerWrap { width: 90%; position: relative; margin: 0 auto; padding-top: 40px; padding-bottom:40px; text-align: center; }
.footerWrap .builder{margin-bottom:30px;}
.footerWrap p { font-size: 12px; margin-bottom: 7px; font-weight: 100; line-height: 120%; color: #b4b4b4; font-weight:400;letter-spacing:-0.5px} 


.f_top{ position: relative;}
.f_top > img{ margin-bottom: 40px;}