@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
@ Layout Slider 3
----------------------------------------------------------------------*/
#layout_slider_3 {position:relative;padding:0 !important;background:#000; }
#layout_slider_3 .slider__infos {overflow:hidden;height:calc(var(--vh, 1vh) * 100);}
/*배경*/
#layout_slider_3 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_3 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#layout_slider_3 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_3 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%); background-size:cover;z-index:-1;}
#layout_slider_3 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_3 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1680px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_3 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column; top:0rem;position:relative; text-align:left;font-weight:900; color:#fff; }
#layout_slider_3 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3.75rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_3 .slider__slogun > b.subtitle {display:block;font-weight:700;font-size:3.75rem;line-height:1.2;color:#fff;overflow:hidden;margin-bottom:0rem;  word-break:keep-all;}
#layout_slider_3 .slider__slogun > b > span,
#layout_slider_3 .slider__slogun > p > span { display:block; position:relative; opacity:0; }  
#layout_slider_3 .slider__slogun > p {position:relative; font-weight:400;font-size:1.375rem;line-height:1.545;color:#fff;overflow:hidden; opacity:0.8; word-break:keep-all; margin-top:2.188rem; }

#layout_slider_3 .slider__slogun_btn {position:relative;display:block;padding:7px 50px 7px 15px; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;transition:all 0.3s ease-out;opacity:0;}
#layout_slider_3 .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_3 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_3 .slider__slogun_btn > span:after { content:'More Details View'; font-family:'Play'; font-weight:400; }
#layout_slider_3 .slider__slogun_btn:hover {border-color:var(--menu);}
#layout_slider_3 .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;}
#layout_slider_3 .slider__slogun_btn > i { position:absolute; right:12px; top:8px; display:inline-block; font-size:18px; } 

/*스크롤*/
#layout_slider_3 .slider-scroll { display:none; position:relative;  } 
#layout_slider_3 .slider-scroll a {display:block;position:absolute; width:1.25rem; height:10rem; right:7.5rem;margin:0 auto;font-weight:500;font-size:0.813rem;color:#fff;animation:scrolltype1 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;writing-mode:vertical-lr;}
#layout_slider_3 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:17px;height:24px;margin:0 auto;background-image:url(/images/common/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype1 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}


/*좌우 부가 설정*/
#layout_slider_3 .swiper-button-prev:after, #layout_slider_3 .swiper-button-next:after {font-size:2rem;color:#fff;}
#layout_slider_3 .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#layout_slider_3 .swiper-pagination { }
#layout_slider_3 .swiper-pagination-bullet {display:block;width:2px;height:45px;margin:0;border-radius:0px;background-color:#e1e1e1;opacity:0.8;}
#layout_slider_3 .swiper-pagination-bullet-active {background-color:var(--menu); height:60px;opacity:1; }

/*액션*/
#layout_slider_3 .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#layout_slider_3 .slider__slogun {position:relative;top:0rem;  transition: all .8s ease-out;} 
#layout_slider_3 .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1.25);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#layout_slider_3 .swiper_navigation { display:none; } 
#layout_slider_3 .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:30%; z-index:12; max-width:1680px; width:100%; height:auto; margin:0 auto; } 

#layout_slider_3 .main_visual_state  { display: block;position: absolute;left:0%;transform:translateX(0%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#layout_slider_3 .swiper-pagination-fraction {color:#aaa;}

/* controller */
/*
#layout_slider_3 .swiper_control { position: absolute; left: 50%; font-size: 0;z-index: 2; }
*/


/* pagination */
#layout_slider_3 .swiper_control .swiper-pagination {position: static;}
#layout_slider_3 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_3 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:125px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#layout_slider_3 .swiper_progress_wrap {display:block ;width:125px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background:rgba(255,255,255,0.5);overflow: hidden;}
#layout_slider_3 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_3 .swiper_play_state {display: inline-block; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_3 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#layout_slider_3 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#layout_slider_3 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_3 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1920px){
	/*
	#layout_slider_3:before {  top:-300px; right:-178px;  width:300px; height:178px; background-size:cover; }
	#layout_slider_3:after {  bottom:-270px; left:-268px; width:270px; height:266px; background-size:cover;  } 
	*/

} 

@media screen and (max-width: 1800px){
	#layout_slider_3 .slider__mxw { margin:0 3.75rem; }
	#layout_slider_3 .swiper_control_wrap { max-width:revert; left:3.75rem;transform:revert; padding:0 3.75rem; } 
} 

@media screen and (max-width: 1600px){

} 
@media screen and (max-width: 1200px){
	#layout_slider_3 .slider-scroll a { right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	#layout_slider_3 .slider__slogun { }
	#layout_slider_3 .slider-scroll { display:none; } 

	#layout_slider_3 .slider__mxw { margin:0 1.25rem; padding-right:3rem; }
	#layout_slider_3 .swiper_control_wrap { left:1.25rem; } 

	#layout_slider_3 .slider__slogun > b { font-size:3rem; word-break:keep-all;} 
	#layout_slider_3 .slider__slogun > b.subtitle {  font-size:3rem;line-height:1.2; word-break:keep-all; }
	#layout_slider_3 .slider__slogun > p { font-size:1.25rem; } 

	#layout_slider_3 .swiper-button-prev { left:5px; } 
	#layout_slider_3 .swiper-button-next { right:5px; } 
}
@media screen and (max-width: 768px){
	#layout_slider_3 .swiper_control_wrap {  bottom:15%; } 
	#layout_slider_3 .slider_new .main_visual_state { min-width:210px; } 
} 
@media screen and (max-width: 640px){
	/*
	#layout_slider_3 .slider__infos {height:640px;}
	*/
	#layout_slider_3 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_3 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#layout_slider_3 .slider__slogun > b { font-size:2.25rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:2.25rem; } 
}
@media screen and (max-width: 540px){
	#layout_slider_3 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle {font-size:2rem; } 
}
@media screen and (max-width: 480px){
	/*
	#layout_slider_3 .slider__infos {height:480px;}
	*/
}





/*----------------------------------------------------------------------
@ FULLPAGE NAVI
----------------------------------------------------------------------*/
/*
#fp-nav ul li { margin:10px 14px; } 
#fp-nav ul li:last-of-type { display:none; } 
#fp-nav ul li a span {  width:8px; height:2px; background:#cccccc; } 
#fp-nav ul li a.active { border-color:revert; border:revert; } 
#fp-nav ul li a.active span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li:hover a span { width:8px !important; height:2px !important; background:#07893d !important; border-radius:revert; border:revert;border-color:revert; transform:rotate(-45deg)} 
#fp-nav ul li .fp-tooltip { font-family:'Josefin Sans'; font-size:13px; color:#fff; font-weight:500; right:30px !important; text-transform:uppercase; transition:all 0.4s ease;} 

.fp-right { font-size:20px; } 
*/

/*
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	right:50px;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
*/
#fp-nav { width:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; } 


#fp-nav ul {position:relative; width:1px; background:rgba(255,255,255,0.8); }

#fp-nav ul:before {content:""; width:7px; height:7px; background-color:rgba(176, 15, 21, 0.8); border-radius:50%; position:absolute; left:50%; top:40px; margin-left:-3.5px; z-index:9; transition: top 0.4s;}
#fp-nav ul:after { content:''; width:1px; height:100%; background:#fff; } 



#fp-nav ul li {position:relative; width:1px; height:revert; margin:0 auto;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li a {display:block; position:relative; width:100%; height:40px; box-sizing:border-box; border:0px; }
#fp-nav ul li a:before {content:""; width:100%; height:0; background-color:rgba(176, 15, 21, 0.8); position:absolute; left:0; top:0; transition: height 0.4s;}
#fp-nav ul li a span{display:block; width:1px; height:40px; background:transparent; margin:0; left:revert; top:revert; border-radius:revert; transition: all 0.4s; }

#fp-nav ul li a.active span, 
#fp-nav ul li:hover a span { width:1px !important ; height:40px !important; margin:0 !important; }
#fp-nav ul li:hover { margin:0 !important; } 

#fp-nav ul li a.active:before {height:100%;}

#fp-nav .cur {font-size:12px; color:rgba(255,255,255,0.6);  font-weight:500; display:block; text-align:center; margin-bottom:10px}
#fp-nav .total {font-size:12px; color:rgba(255,255,255,0.6); font-weight:500; display:block; text-align:center; margin-top:10px;}

#fp-nav ul li a.active span { background-color:revert; } 
/*
#fp-nav.black ul li a:not(.active) span {background-color:rgba(0,0,0,0.1); }
#fp-nav.black .total {color:#000;}
*/


.fp-viewing-page1 #fp-nav ul li:nth-child(1) a:before {height:100%;}
.fp-viewing-page1 #fp-nav ul:before {top:80px;}
.fp-viewing-page2 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page2 #fp-nav ul li:nth-child(2) a:before {height:100%;}
.fp-viewing-page2 #fp-nav ul:before {top:120px;}
.fp-viewing-page3 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page3 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page3 #fp-nav ul li:nth-child(3) a:before {height:100%;}
.fp-viewing-page3 #fp-nav ul:before {top:160px;}
.fp-viewing-page4 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page4 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page4 #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-page4 #fp-nav ul li:nth-child(4) a:before {height:100%;}
.fp-viewing-page4 #fp-nav ul:before {top:200px;}
.fp-viewing-page5 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page5 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page5 #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-page5 #fp-nav ul li:nth-child(4) a:before,
.fp-viewing-page5 #fp-nav ul li:nth-child(5) a:before {height:100%;}
.fp-viewing-page5 #fp-nav ul:before {top:235px;}
.fp-viewing-footerp #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-footerp #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-footerp #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-footerp #fp-nav ul li:nth-child(4) a:before,
.fp-viewing-footerp #fp-nav ul li:nth-child(5) a:before,
.fp-viewing-footerp #fp-nav ul li:nth-child(6) a:before {height:100%;}
.fp-viewing-footerp #fp-nav ul:before {top:235px;}

.fp-viewing-page1.en #fp-nav ul li:nth-child(1) a:before {height:100%;}
.fp-viewing-page1.en #fp-nav ul:before {top:80px;}
.fp-viewing-page2.en #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page2.en #fp-nav ul li:nth-child(2) a:before {height:100%;}
.fp-viewing-page2.en #fp-nav ul:before {top:120px;}
.fp-viewing-page3.en #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page3.en #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page3.en #fp-nav ul li:nth-child(3) a:before {height:100%;}
.fp-viewing-page3.en #fp-nav ul:before {top:160px;}
.fp-viewing-page4.en #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page4.en #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page4.en #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-page4.en #fp-nav ul li:nth-child(4) a:before {height:100%;}
.fp-viewing-page4.en #fp-nav ul:before {top:200px;}
.fp-viewing-page5.en #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-page5.en #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-page5.en #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-page5.en #fp-nav ul li:nth-child(4) a:before,
.fp-viewing-page5.en #fp-nav ul li:nth-child(5) a:before {height:100%;}
.fp-viewing-page5.en #fp-nav ul:before {top:200px;}
.fp-viewing-footerp.en #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-footerp.en #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-footerp.en #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-footerp.en #fp-nav ul li:nth-child(4) a:before,
.fp-viewing-footerp.en #fp-nav ul li:nth-child(5) a:before,
.fp-viewing-footerp.en #fp-nav ul li:nth-child(6) a:before {height:100%;}
.fp-viewing-footerp.en #fp-nav ul:before {top:200px;}


/*----------------------------------------------------------------------
@ MAIN 공통
----------------------------------------------------------------------*/
.main_title { font-size:2.5rem; color:#fff; font-weight:700; margin-bottom:1.563rem; }
.main_title.en { letter-spacing:0.15em; } 
.main_cont { font-size:1.125rem; color:#fff; font-weight:300; line-height:1.66; word-break:keep-all; } 
.main_btn { margin-top:1.875rem; } 
.main_btn a { display:inline-block; min-width:15rem; font-size:0.875rem; color:#fff; font-weight:700; padding:0.725rem 30px; border:1px solid #fff; transition:all 0.4s ease; text-align:center; letter-spacing:0.15em; } 
.main_comm_box { width:50%; position:relative; left:0; padding:6.25rem 3.75rem; background:rgba(0,0,0, 0.5); /*transition:all 0.4s ease 0.7s;*/ opacity:1;} 
/*
.section.active .main_comm_box { opacity:1; } 
*/


.section {overflow:hidden; background-repeat:no-repeat;background-position:center;background-size:cover;}
#section1 { background:#000;  } 
#section2 { background:url('/common/theme/layout/images/main/section02_bg.jpg') no-repeat; background-size:cover; } 
#section3 { background:#000; } 
#section4 { background:gray; } 
#section5 { background:url('/common/theme/layout/images/main/section02_bg.jpg') no-repeat; background-size:cover;  } 



@media screen and (max-width: 1024px){
	.main_comm_box { width:100%; } 
	#main__slider .fp-tableCell { vertical-align:revert; height:auto !important; overflow:revert;} 
} 

@media screen and (max-width: 480px){
	.main_title { font-size:1.875rem; } 
} 

.comm_line1 { -webkit-line-clamp : 1;  line-height:1.4em; height:1.4em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line2 { -webkit-line-clamp : 2;  line-height:1.4em; height:2.8em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line3 { -webkit-line-clamp : 3;  line-height:1.4em; height:4.2em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line4 { -webkit-line-clamp : 4;  line-height:1.4em; height:5.6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line5 { -webkit-line-clamp : 5;  line-height:1.4em; height:7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.comm_line6 { -webkit-line-clamp : 6;  line-height:1.4em; height:8.4em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }




/*----------------------------------------------------------------------
@ MAIN - YOUTUBE
----------------------------------------------------------------------*/
.main_section1 { position:relative; width:100%; height:calc(var(--vh, 1vh) * 100);; }
.main_section1 iframe { position:absolute; left:0px; top:0px; width:100% !important; height:100%; margin-top:0; } 
.main_section1 video {  position:absolute; left:0px; top:0px; width:100% !important; height:100%; margin-top:0; } 

.main_section1 .maxWidth { position:relative; } 
.youtube_trick { position:absolute; width:100%; height:100%; z-index:10; }  



/*----------------------------------------------------------------------
@ MAIN - PRODUCT
----------------------------------------------------------------------*/
.main_section2 { }
.section2_product { overflow:hidden;  position:relative; }
.section2_product .section2_product_slogan { position:absolute; width:100%; font-size:8.125rem; color:#f5f5f5; font-weight:700; bottom:8rem; letter-spacing:0.03em; text-align:center; z-index:0; }

.section2_product .section2_slider { width:100%; position:relative; display:flex; justify-content:;  }


.section2_product .section2_product_left { position:relative; display:flex; flex-direction:column; justify-content:center; width:50%; z-index:1; padding-left:0.625rem; }
.section2_product .section2_product_right { position:relative; display:flex; align-items:center; justify-content:flex-end; width:50%; z-index:1;  }

.section2_product_left .product_logo { } 
.section2_product_left .product_subtitle { font-size:1.25rem; color:#1a1a1a; font-weight:600; margin-top:2.813rem; } 
.section2_product_left .product_summ { font-size:1.25rem; color:#666; font-weight:400; line-height:1.6; margin-top:0.938rem; } 

.section2_product_left .product_btn { margin-top:2.813rem;  }
.section2_product_left .product_btn a { display:inline-block; font-size:1.25rem; color:#fff; font-weight:400; padding:0.938rem 3.125rem; border-radius:1.906rem; background:var(--red);  }


.section2_pagenav { position:relative; display:flex; /*margin-top:4.375rem;*/margin-top:5.625rem; z-index:2; }
.section2_pagenav.hide { display:none; } 
.section2_pagenav .swiper-pagination-bullet { margin:0 0 !important; width:revert ; height:revert; border-radius:revert; background:none !important; opacity:revert; transition:all 0.5s; } 

.section2_pagenav .pagenav_col { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:calc(100% / 3) !important; padding-top:1.875rem; } 
.section2_pagenav .pagenav_col .pagenav_tt { font-size:1.125rem; color:#1a1a1a; font-weight:300; }
.section2_pagenav .pagenav_col .pagenav_subtt { font-size:0.875rem; color:#999; font-weight:500; margin-top:0.625rem; }

.section2_pagenav .pagenav_col::before { content:''; position:absolute; left:0px; top:0px; width:100%; height:1px; background:#e5e5e5; } 

.section2_pagenav .pagenav_col span { position:absolute; left:50%; top:-4px; transform:translateX(-50%); width:8px; height:8px; background:#b3b3b3; border-radius:50%; } 

/*
.pagenav_col::after { content:''; position:absolute; left:50%; top:-4px; transform:translateX(-50%); width:8px; height:8px; background:#b3b3b3; border-radius:50%; } 
*/
.section2_pagenav .swiper-pagination-bullet-active .pagenav_tt { font-weight:400; }
.section2_pagenav .swiper-pagination-bullet-active .pagenav_subtt { color:var(--red);  }
.section2_pagenav .swiper-pagination-bullet-active span { background:var(--red); } 
.section2_pagenav .swiper-pagination-bullet-active span::after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:16px; height:16px; border:1px solid var(--red); border-radius:50%; } 

.section2_product_slogan { position: relative; width: 0; overflow-x: hidden; text-overflow: unset;white-space: nowrap; opacity: .0; filter: blur(8px); transition: width .72s ease,opacity .22s ease-in,filter .72s ease-in }
.section2_product_slogan.active { filter: none; width: 100%; opacity: 1; transition: width .72s ease,opacity .22s ease-out,filter .72s ease-out; }


@media screen and (max-width: 1440px){
	.section2_product .section2_product_slogan { font-size:11.5278vw; bottom:8rem; } 
}
@media screen and (max-width: 1024px){

	.section2_product .section2_product_left { padding-right:1.25rem; } 

	.section2_product_left .product_subtitle { font-size:1.25rem; margin-top:2rem;  } 
	.section2_product_left .product_summ { font-size:1.125rem; } 
	.section2_product_left .product_summ br { display:none; } 

	.section2_product_left .product_btn { margin-top:1.875rem; }
	.section2_product_left .product_btn a { font-size:1rem; padding:0.625rem 2.5rem; border-radius:1.906rem; background:var(--red);  }

	.section2_pagenav .pagenav_col .pagenav_tt { font-size:1.125rem; }
	.section2_pagenav .pagenav_col .pagenav_subtt { font-size:0.813rem; }

	.section2_pagenav { margin-top:3rem; } 
}
@media screen and (max-width: 768px){

} 
@media screen and (max-width: 640px){
	#section2 { padding-top:4rem; padding-bottom:4rem; } 

	.section2_product .section2_product_slogan { position:relative; bottom:revert; } 
	.section2_product_left .product_logo img { width:80%; } 

	/*
	.section2_pagenav { display:none; } 
	*/
	.section2_pagenav .pagenav_col .pagenav_tt { display:none; }
	.section2_pagenav .pagenav_col .pagenav_subtt { display:none; } 

	.section2_product .section2_slider { flex-direction:column-reverse; } 
	.section2_product .section2_product_left { width:100%; margin-top:1.875rem; margin-bottom:3rem; }
	.section2_product .section2_product_right { width:100%; justify-content:center; } 
	.section2_product .section2_product_right img { max-width:70%; } 
} 




/*----------------------------------------------------------------------
@ MAIN - ABOUT / PHILOSOPY
----------------------------------------------------------------------*/
.main_section3 { position:relative; display:flex; width:100%; height:calc(var(--vh, 1vh) * 100);; }

.section3_left { position:relative; display:flex; justify-content:center; align-items:center; height:100%;   overflow:hidden; transform: scaleX(1); transform-origin: left top; transition-property: width; transition-timing-function: cubic-bezier(.64,.045,.35,1); transition-duration: .5s; } 
.section3_left_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/common/theme/layout/images/main/section3_bg_left.jpg') 50% 50% no-repeat; background-size:cover;  z-index:1; } 

.section3_right { position:relative; display:flex; justify-content:center; align-items:center;  height:100%; overflow:hidden; transform: scaleX(1); transform-origin: right top; transition-property: width; transition-timing-function: cubic-bezier(.64,.045,.35,1); transition-duration: .5s; } 
.section3_right_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/common/theme/layout/images/main/section3_bg_right.jpg') 50% 50% no-repeat; background-size:cover; z-index:1; } 
/*
.section3_left.active,
.section3_right.active { width:70%; } 
*/

.section3_cont { position:relative; display:flex; flex-direction:column; align-items:center; margin-bottom:5rem;z-index:3; transition:all 0.5s cubic-bezier(.64,.045,.35,1); }
.section3_cont .section3_tt { display:flex; font-size:3.125rem; color:#fff; font-weight:700; }
.section3_cont .section3_btn { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  margin-top:1.563rem; }
.section3_cont .section3_btn a { font-size:1.125rem; color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.8); border-radius:1.563rem; padding:0.938rem; margin:0 0.3125rem 0.625rem; background:transparent; transition:all 0.3s;  } 
.section3_cont .section3_btn a:hover,
.section3_cont .section3_btn a.active { color:rgba(255,255,255,1); border:1px solid var(--red); background:var(--red); } 

.section3_zoom { } 
.section3_zoom::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:2; opacity:0; transition:all 0.5s cubic-bezier(.64,.045,.35,1); } 
.section3_zoom.inactive::after { opacity:1; } 
.section3_zoom.inactive .section3_cont { opacity:0; } 

@media screen and (max-width: 768px){
	.main_section3 { flex-direction:column; } 
	.section3_left { width:100%; } 
	.section3_right { width:100%; } 

	.section3_cont .section3_tt { font-size:2rem;} 
	.section3_cont .section3_btn a { font-size:1rem; } 

} 



/*----------------------------------------------------------------------
@ MAIN - INTRO
----------------------------------------------------------------------*/
#section4 {position:relative;padding:0 !important;background:; }
#section4 .slider__infos {overflow:hidden;height:calc(var(--vh, 1vh) * 100);;}
/*배경*/
#section4 .slider__thumb {position:relative;width:100%;height:100%; }
#section4 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#section4 .slider__thumb .slider__thumb_mo {display:none;}
#section4 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%); background-size:cover;z-index:-1;}
#section4 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/*
#section4 .section4_text {position:absolute;top:auto;left:0;right:0;max-width:1680px;width:100%;height:100%;z-index:9;margin:0 auto; border:1px solid red; }
*/ 

#section4 .swiper-container { position:relative; }
#section4 .section4_text {position:absolute;top:50%;  /*bottom:8.125rem;*/ left:0; right:0px; z-index:9; width:;max-width:1680px;margin:0 auto; }

/*슬로건*/
#section4 .slider__slogun { display:flex;height:100%;justify-content:flex-end;align-items:flex-start;flex-direction:column; position:relative; text-align:left;font-weight:900; color:#fff; }
#section4 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#section4 .slider__slogun > p {position:relative; font-weight:400;font-size:1.25rem;line-height:1.6;color:#fff;overflow:hidden; opacity:0.8; word-break:keep-all; margin-top:2.188rem; }
#section4 .slider__slogun > b > span,
#section4 .slider__slogun > p > span { display:block; position:relative; opacity:1; }  


/*좌우 부가 설정*/
#section4 .swiper-button-prev:after, #section4 .swiper-button-next:after {font-size:2rem;color:#fff;}
#section4 .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#section4 .swiper-pagination { }
#section4 .swiper-pagination-bullet {display:block;width:2px;height:45px;margin:0;border-radius:0px;background-color:#e1e1e1;opacity:0.8;}
#section4 .swiper-pagination-bullet-active {background-color:var(--menu); height:60px;opacity:1; }

/*액션*/
#section4 .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#section4 .slider__slogun {position:relative;top:0rem;  transition: all .8s ease-out;} 
#section4 .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#section4 .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); top:45%; /*bottom:350px;*/ z-index:12; max-width:1680px; width:100%; height:auto; margin:0 auto; } 

#section4 .main_visual_state  { display: block;position: absolute;left:0%;transform:translateX(0%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#section4 .swiper-pagination-fraction {color:#aaa;}

/* pagination */
#section4 .swiper_control .swiper-pagination {position: static; }
#section4 .swiper_control .swiper-pagination-wrap {position: relative;}
#section4 .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#section4 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#section4 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:125px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#section4 .swiper_progress_wrap {display:block ;width:125px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background:rgba(255,255,255,0.5);overflow: hidden;}
#section4 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#section4 .swiper_play_state {display: inline-block; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#section4 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#section4 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#section4 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#section4 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}

/* navigation */
#section4 .swiper_navigation { position:absolute; left:50%;transform:translateX(-50%); bottom:8.125rem; z-index:12; max-width:1680px; width:100%; height:auto; margin:0 auto; } 
#section4 .swiper-button-prev:after, #section4 .swiper-button-next:after { display:none; content:''; } 
#section4 .swiper-button-prev { width:40px; height:16px; left:revert; top:revert;right:70px; bottom:0px; transition:all 0.3s; overflow:hidden; } 
#section4 .swiper-button-next { width:40px; height:16px; top:revert; right:0px; bottom:0px;   transition:all 0.3s; overflow:hidden; }

#section4 .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
#section4 .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

/*
#section4 .swiper-button-prev:hover { background:rgba(255,255,255,0.5); } 
#section4 .swiper-button-next:hover { background:rgba(255,255,255,0.5); } 
*/


/* Responsive */
@media screen and (max-width: 1920px){

} 
@media screen and (max-width: 1800px){

	#section4 .section4_text { left:3.75rem;  }
	#section4 .swiper_control_wrap { max-width:revert; left:3.75rem;transform:revert; padding:0 3.75rem; } 
	#section4 .swiper_navigation {  left:revert; transform:revert; right:0.938rem; bottom:8.125rem;  } 
} 
@media screen and (max-width: 1200px){
	#section4 .slider-scroll a { right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	
	#section4 .slider-scroll { display:none; } 
	
	#section4 .section4_text { left:1.25rem; padding-right:1.25rem; }
	#section4 .swiper_control_wrap { left:1.25rem; } 
	#section4 .swiper_navigation { right:revert; left:1.25rem; bottom:4rem; } 
	#section4 .swiper-button-prev { left:0px; right:70px; } 
	#section4 .swiper-button-next { right:revert; left:70px;  }
}
@media screen and (max-width: 768px){
	/*
	#section4 .swiper_control_wrap {  bottom:15%; } 
	*/
	#section4 .slider_new .main_visual_state { min-width:210px; } 
} 
@media screen and (max-width: 640px){
	/*
	#section4 .slider__infos {height:640px;}
	*/
	#section4 .slider__thumb .slider__thumb_bg {display:none;}
	#section4 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#section4 .slider__slogun > b { font-size:2.25rem; } 
	#section4 .slider__slogun > p { font-size:1.125rem; } 
}
@media screen and (max-width: 540px){
	#section4 .slider__slogun > b { font-size:2rem; } 
	#section4 .slider__slogun > p {font-size:1.125rem; } 
	#section4 .slider__slogun > p br { display:none; } 
}
@media screen and (max-width: 480px){ 

}



/*----------------------------------------------------------------------
@ MAIN - INSTAGRAM, NEWS
----------------------------------------------------------------------*/
#section5 { position:relative; } 
#section5 .maxWidth { position:relative; } 

.main_section5 { position:relative; display: flex; flex-wrap: wrap; align-items:flex-start; justify-content:center; margin-right:-1.875rem; }
.main_section5 .section5_left { position:relative; flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem; box-sizing:border-box; }
.main_section5 .section5_right { position:relative; flex: 0 0 auto; width: calc((100% / 2 ) - 1.875rem); margin-right:1.875rem;  box-sizing:border-box; }

.section5_title { position:relative; font-size:2.5rem; color:#111; font-weight:700; letter-spacing:0.01em; }
.section5_arrow { position:absolute; right:0px; overflow:hidden; } 
.section5_arrow img { vertical-align:middle; } 

.section5_arrow:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
/*.section5_arrow:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } */


.section5_cont { margin-top:2.5rem; } 
.section5_cont .thk-row { margin-right:-9px; } 
.section5_cont .row-md3 .thk-col { width: calc((100% / 3 ) - 9px); margin-right:9px; margin-bottom:9px; } 


.insta_thumb { display:block;width:100%; height:0; padding-top:100%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.insta_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.insta_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.insta_thumb:hover:after { opacity:1; } 


.news_list { border-top:1px solid #1a1a1a; }
.news_list_row { border-bottom:1px solid #e6e6e6; }
.news_list_row a { position:relative; display:block; padding:1.25rem 0.75rem; overflow:hidden; z-index:1; transition:all 0.3s; }
.news_list_row a::after { content:''; position:absolute; left:0px; bottom:-100%; width:100%; height:100%; background:rgba(0, 0, 0, 0.01); z-index:-1; transition:all 0.3s; } 
.news_list_row a .news_title { font-size:1.25rem; color:#1a1a1a; font-weight:400; transition:all 0.3s; }
.news_list_row a .news_date { font-size:1rem; color:#666; font-weight:300; margin-top:0.3125rem; } 


.news_list_row a.inactive { opacity:0.3;} 

.news_list_row a:hover::after { bottom:0px; } 
.news_list_row a:hover .news_title {  } 

/*
.section5_product_slogan { position:absolute; left:50%; transform:translateX(-50%); width:100%; max-width:100%; font-size:7.125rem; color:#f5f5f5; font-weight:700; bottom:-9.125rem; letter-spacing:0.1em; text-align:center; z-index:0; margin:0 auto;   }
animation: bound-text 5s 3 ease-in-out ; animation-iteration-count:infinite; 
*/


.section5_product_slogan { position:absolute; left:50%; transform:translateX(-50%); width:100%; max-width:100%; font-size:7.125rem; color:#f5f5f5; font-weight:700; bottom:1rem; letter-spacing:0.1em; text-align:center; z-index:0; margin:0 auto;   }

.viewbox { width:100%; min-width:1440px; overflow:hidden; }
.slidebox { width:200%; min-width:2560px; height:100%; display:flex; animation:flowtext 20s linear infinite; } 
.leftbox, .rightbox, .centerbox { 
	width:33.3333%; height:100%; display:flex; justify-content:space-around; align-items:center; 
}
.slideitem {  } 

@keyframes flowtext { 
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); } 
}


@media screen and (max-width: 1800px){
	.section5_product_slogan { font-size:6.125rem; } 
} 
@media screen and (max-width: 1540px){
	.section5_product_slogan { font-size:5rem;  } 
}
@media screen and (max-width: 1440px){
	.section5_product_slogan { /*font-size:7.9167vw; bottom:-12vw*/ } 
}
@media screen and (max-width: 768px){
	#section5 { padding-top:4rem; padding-bottom:4rem; } 

	.main_section5 { flex-direction:column; } 
	.main_section5 .section5_left { width: calc((100% / 1 ) - 1.875rem); margin-bottom:1.875rem; }
	.main_section5 .section5_right { width: calc((100% / 1 ) - 1.875rem); } 

	.section5_title { font-size:2rem; } 
	.section5_cont { margin-top:1.875rem; } 
} 

@media screen and (max-width: 640px){
	.section5_product_slogan { font-size:4.5rem;  } 
	.section5_cont .row-md3 .thk-col { width: calc((100% / 3 ) - 9px); margin-right:9px !important; margin-bottom:9px; } 

	.news_list_row a .news_title { font-size:1.125rem;  }
	.news_list_row a .news_date { font-size:1rem; } 
} 
@media screen and (max-width: 414px){
	#section5 { padding-bottom:7rem; } 
} 