@charset "utf-8";

/*--main_visual--*/
.main_visual{position:relative; background:#f5f5f5}
.main_visual .visual_slider,
.main_visual .slide{height:100%;}
.main_visual .slide{position:relative;}
/*.main_visual .slick-dots{bottom:20px;}*/

.open_img{ position: absolute; top:45px; right:45px; text-align:right; width:100%; z-index: 2; }
.open_img img{width:90px;}

.main_visual .slide .slide__img{
    width:100%;
	height:auto;
	position:relative;
}

.slide_video { width:100%; height:100%; object-fit:cover; object-position:center; display:block }
.slide_vimeo_frame { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; }
.slide_vimeo { width:100%; height:100%; border:0; }
.slide_vimeo_poster { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:url('//logosimg.cafe24.com/efma/visual_mobile.jpg') no-repeat; background-size:cover; background-position:center center; }
.slide_vimeo_poster img { opacity:0; height:100%; object-fit:cover; object-position:center; }
.slide_spinner { display:block; position:absolute; top:calc(50% - 37px); left:calc(50% - 37px); width:74px; height:74px; z-index:8; }
/* 우클릭 및 컨트롤바 감추기 */
video { pointer-events:none; }
video::-webkit-media-controls { display:none; }
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}

.main_visual .slide .slide__img img{
    max-width:100%;
	height:auto;
	opacity:1 !important;
	object-fit:cover;
	animation-duration:3s;
	-webkit-animation-duration:3s;
	transition:all 0.8s ease;    
	transform: scale3d(1.18, 1.18, 1.18);
}

.main_visual .slide .slide_content{
	width:100%;
    /*position:absolute;
	bottom:-100px;
	left:50%;
	transform:translateX(-50%);*/
	background:#004536 url("../image/main/m_vis_img1_bg.jpg") no-repeat; background-size:100%; background-position:top;
	padding:55px 0;
    transform:translateY(-50px);
	position:relative;
}

.main_visual .content_txt{text-align:left; width:80%; margin:0 auto;}
.main_visual .content_txt h2{position:relative; padding-bottom:50px; margin-bottom:25px; color:#d1c2ac; font-size:35px; font-weight:300; font-family: 'Nanum Myeongjo'; line-height:120%;}
.main_visual .content_txt h2:after{position:absolute; left:0; bottom:0; width:1px; height:35px; background:#d1c2ac; content:"";}
.main_visual .content_txt .logo_open{width:100%;}
.main_visual .content_txt div{display:block; flex:0; align-items: center;}
.main_visual .content_txt .open_btn{margin-top:20px; justify-content: flex-end;}
.main_visual .content_txt .wh_font{color:#fff !important;}
.main_visual .content_txt .pi_font{color:#b95c48 !important;}

.main_visual .quick_box{position:absolute; top:55px; right:55px; display:inline-block;}
.main_visual .quick_box a{padding:10px; background:rgba(0,0,0,0.4); display:block;}
.main_visual .quick_box a img{width:100%;}


@media screen and (max-width:680px){
	.main_visual .slide .slide_content{padding:45px 0;}
	.main_visual .content_txt h2{font-size:28px;}
	.main_visual .content_txt .logo img{width:calc(50vw - 30px);}
	.main_visual .content_txt .open_btn img{width:calc(43vw - 30px);}

	.main_visual .quick_box{top:45px;}
	.main_visual .quick_box a {width:calc(20vw - 10px)}
}
@media screen and (max-width:580px){
	.main_visual .quick_box a {width:calc(22vw - 10px)}
}
@media screen and (max-width:540px){
	.main_visual .slide .slide_content{padding:40px 0;}
	.main_visual .content_txt h2{font-size:24px;}
	.main_visual .content_txt .open_btn img{width:calc(50vw - 30px);}
	
	.main_visual .quick_box{top:40px; right:40px;}
}
@media screen and (max-width:420px){
	.main_visual .slide .slide_content{padding:30px 0;}
	.main_visual .content_txt h2{font-size:22px;}
	.main_visual .content_txt .logo img{width:calc(50vw - 20px);}
	.main_visual .content_txt .open_btn img{width:calc(55vw - 20px);}
	.main_visual .content_txt h2{padding-bottom:35px; margin-bottom:20px;} 
	.main_visual .content_txt h2:after{height:25px;}

	.main_visual .quick_box a {width:calc(20vw - 5px)}
}
@media screen and (max-width:360px){
}

/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding-top:95px; background:#f5f5f5 url("../image/main/premium_bg.jpg") no-repeat; background-size:100%; text-align:center;}
.premium_tit{text-align:center;}
.premium_tit h2{font-size:38px; font-family: 'Nanum Myeongjo'; color:#000; line-height:120%; letter-spacing:-4px;}
.premium_tit img{display:inline-block;}
.premium_tit .img_{margin-top:45px;}

/*premium_slider*/
.premium_slider .img_ img{width:100%;}
.premium_slider .inner_mium{display:none; margin-top:85px;}
.premium_slider .inner_mium .item_pre{position:relative;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

/*premium_slider_btn*/
.premium_slider_btn{margin-top:55px; display:inline-block;}
.premium_slider_btn span{margin:5px; width:55px; height:55px; display:inline-block;}
.premium_slider_btn span.prev{background:url("../image/main/premium_slider_prev.png") no-repeat; background-size:100%;}
.premium_slider_btn span.next{background:url("../image/main/premium_slider_next.png") no-repeat; background-size:100%;}

/*pre_txt*/
.premium_slider .inner_mium .item_pre .pre_txt{padding:35px; width:calc(100% - 60px); position:absolute; left:50%; bottom:30px; background:#fff; text-align:center; transform:translateX(-50%); border-radius: 30px 0 30px}
.premium_slider .inner_mium .item_pre .pre_txt .icon{padding-bottom:20px; display:inline-block;}
.premium_slider .inner_mium .item_pre .pre_txt .tit{margin-bottom:20px; font-size:26px; font-weight:600; color:#000;}
.premium_slider .inner_mium .item_pre .pre_txt .tit strong{font-weight:600; color:#054438; font-size:26px;}
.premium_slider .inner_mium .item_pre .pre_txt p{font-size:17px; font-weight:300; color:#494949; line-height:120%;}
.premium_slider .inner_mium .item_pre .pre_txt a{padding-right:15px; margin-top:24px; position:relative; display:inline-block; color:#787472; cursor:pointer;}
.premium_slider .inner_mium .item_pre .pre_txt a:after{position:absolute; top:50%; right:0; transform:translateY(-50%); content:""; background:url("../image/main/premium_more_btn.png") no-repeat; width:7px; height:11px;}

/*버튼*/
#section2_premium p.pre_btn{width:220px; height:50px; line-height:50px; margin:0 auto; text-align:center; margin-top:30px;     transition: 0.5s ease-out; background:#eceadc;  border-radius:50px; 
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
}
#section2_premium p.pre_btn:hover{background:#014536;    transition: 0.5s ease-out; }
#section2_premium p.pre_btn a{color:#014536; font-size:18px; font-weight:600;     transition: 0.5s ease-out;}
#section2_premium p.pre_btn a:hover{color:#fff;     transition: 0.5s ease-out;}

/*--------------responsible : section2_premium--------------*/
@media screen and (max-width:680px){
	.premium_tit h2{font-size:32px;}
	.premium_tit .img_{margin-top:30px;}
	.premium_tit .img_ img{width:300px;}
	.premium_slider_btn{margin-top:40px;}
	.premium_slider_btn span{width:45px; height:45px;}
	.premium_slider .inner_mium{margin-top:50px;}
	.premium_slider .inner_mium .item_pre .pre_txt{width: calc(100% - 40px); padding:28px;}
	.premium_slider .inner_mium .item_pre .pre_txt .icon{padding-bottom:5px;}
	.premium_slider .inner_mium .item_pre .pre_txt .tit,
	.premium_slider .inner_mium .item_pre .pre_txt .tit strong{font-size:23px; margin-bottom:10px;}
	.premium_slider .inner_mium .item_pre .pre_txt a{margin-top:15px;}
}
@media screen and (max-width:540px){
	#section2_premium{padding-top:85px; background-position:center;}
	.premium_tit h2{font-size:26px;}
	.premium_tit .img_{margin-top:20px;}
	.premium_tit .img_ img{width:250px;}
	.premium_slider_btn{margin-top:30px;}
	.premium_slider .inner_mium{margin-top:30px;}
	.premium_slider .inner_mium .item_pre .pre_txt{padding:20px;}
	.premium_slider .inner_mium .item_pre .pre_txt .tit,
	.premium_slider .inner_mium .item_pre .pre_txt .tit strong{font-size:20px; margin-bottom:5px;}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:16px;}
	.premium_slider .inner_mium .item_pre .pre_txt a{margin-top:10px;}
	
}
@media screen and (max-width:480px){
	.premium_slider .inner_mium .item_pre .pre_txt{bottom:20px; padding:20px;}
}
@media screen and (max-width:375px){
	.premium_tit .img_ img{width:220px;}
	.premium_tit h2{font-size:24px;}
}


/*프리미엄 효과*/
.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_brand--*/
#section3_brand {background:#0b1f1d;}
#section3_brand .videoWrap{position:relative;display: flex; flex-flow: column;  justify-content: center; align-items: center; background-color:#0b1f1d;}
#section3_brand .inner_video{position:relative; height:420px; width:calc(100% - 40px);}
#section3_brand  #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;
}
#section3_brand .videoWrap > p{position: absolute; bottom:40px; width:100%; z-index:7;}
#section3_brand .videoWrap .btn{position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#054438; border-radius:30px; font-weight:600; }


/*--------------responsible : section3_brand--------------*/
@media screen and (max-width:640px){
	#section3_brand .inner_video{height:300px;}
	#section3_brand .videoWrap > p{bottom:20px;}
}

/************************************************************/
/************************************************************/
/*--section4_contact--*/
#section4_contact {padding-bottom:380px; background:url("../image/main/contact_bg.jpg")no-repeat; background-size:cover; background-position:100% bottom;}
#section4_contact .contact_box{margin:0 auto; width:80%;}
#section4_contact .contact_box h2{padding-top:45px; margin-bottom:35px; position:relative; font-size:56px; font-family: 'Nanum Myeongjo'; font-weight:700; color:#4a423e;}
#section4_contact .contact_box h2:after{position:absolute; top:0; left:0; width:36px; height:15px; content:""; background:url("../image/main/contact_tit_btn.png") no-repeat;}
#section4_contact .contact_box p{color:#4a423e; font-size:17px;}
#section4_contact .contact_box .img_{margin-top:75px;}
#section4_contact .contact_box .img_ img{width:100%;}
#section4_contact .contact_box .map_link {margin-top:75px;}
#section4_contact .contact_box .map_link a{position:relative; margin-bottom:15px; padding:15px 35px; width:100%; font-size:23px; display:block; background:#004536; color:#fff; }
#section4_contact .contact_box .map_link a + a{background:#eceadc; color:#4a423e;}
#section4_contact .contact_box .map_link a img{display:inline-block; margin-right:45px;}
#section4_contact .contact_box .map_link a span{position:absolute; top:50%; transform:translateY(-50%);  right:35px; width:21px; height:21px; background:url("../image/main/map_plus.png") no-repeat; display:inline-block; }
#section4_contact .contact_box .map_link a + a span{background-position:right;}


/*--------------responsible : section4_contact--------------*/
@media screen and (max-width:640px){
	#section4_contact{padding-bottom:calc(15vh + 100px);}
	#section4_contact .contact_box h2{padding-top:35px; margin-bottom:20px; font-size:calc(7vw + 15px);}
	#section4_contact .contact_box .map_link a{font-size:20px;}
	#section4_contact .contact_box .map_link a img{width:30px; margin-right:35px;}
}
@media screen and (max-width:480px){
	#section4_contact .contact_box p{font-size:16px;}
	#section4_contact .contact_box .img_{margin-top:50px;}
	#section4_contact .contact_box .map_link{margin-top:60px;}
}
@media screen and (max-width:420px){
	#section4_contact{padding-bottom:calc(15vh + 50px);}
	#section4_contact .contact_box .img_{margin-top:30px;}
	#section4_contact .contact_box .map_link{margin-top:50px;}
	#section4_contact .contact_box .map_link a{padding: 15px 20px; font-size:17px;}
	#section4_contact .contact_box .map_link a img{width:25px; margin-right:25px;}
	#section4_contact .contact_box .map_link a span{right:20px; width:18px; height:18px; background-size:cover;}
}


/************************************************************/
/************************************************************/
/*--footer--*/
#footer {padding:50px 0; position: relative; width: 100%; color: #fff; background:#212121; }
.footerWrap {width: 80%; margin: 0 auto;}
.f_top a{display:block; font-size:25px; font-weight:600; color:#e2e2e2;}
.f_top p b,
.f_top p{color:#d6d6d6; font-weight:500; display:block; font-size:15px;}
.f_top p{padding-top:15px;}
.f_logo p{margin-right:10px; display:flex; display:inline-block;}
.f_logo p span{margin-right:10px; color:#d6d6d6; font-weight:300; line-height:100%; display:inline-block; vertical-align:bottom;}
.f_logo p span img{margin-right:10px; display:inline-block; }
.f_bottom {margin-top:20px;}
.f_bottom li{display:flex;}
.f_bottom b,
.f_bottom span{display:block; color:#8c8c8c; font-size:14px;}


/*--------------responsible : footer--------------*/
@media screen and (max-width:480px){
	#footer{padding:40px 0;}
	.f_top p{font-size:14px;}
	.f_bottom{margin-top:10px;}
	.f_bottom b{margin-right:5px;}
	.f_bottom b, .f_bottom span{font-size:13px; letter-spacing:-2px;}
}
@media screen and (max-width:360px){
	.f_logo p{margin-right:5px;}
}