@charset "UTF-8";
/********************************************************


		메인 버전 1.  css 	:: BSJ


********************************************************/
#header {border-bottom:none;}
#header.nav-up {border-bottom:1px solid #f5f5f5;}
#header.nav-down {border-bottom:1px solid #f5f5f5;}
#header.nav-down {border-bottom:1px solid #f5f5f5;}
/*.lnb-menu > li > a {color:#fff;}*/
#header.nav-up .lnb-menu > li > a {color:#7c7c7c;}
#header.nav-down .lnb-menu > li > a {color:#7c7c7c;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#7c7c7c;}
#header.nav-down.nav-top {border-bottom:none;}
#header .logo1 {display:none;}
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
#header__mobile span {background-color:#333;}
#header.nav-down.nav-top #header__mobile span {background-color:#333;}
@media screen and (max-width: 1024px){
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
}




/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:100px;padding-bottom:100px;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	.main__title span {font-size:13px;}
}

section { overflow-x:clip; }  





/*----------------------------------------------------------------------
@ Layout Slider 1
----------------------------------------------------------------------*/
#layout_slider_1 {position:relative;padding:0 !important;background:#000; }
#layout_slider_1 .slider__infos {overflow:hidden;height:100vmin;}
/*배경*/
#layout_slider_1 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_1 .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_1 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_1 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#layout_slider_1 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_1 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_1 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:900; color:#fff;text-shadow: 2px 2px 5px #000;}
#layout_slider_1 .slider__slogun > b.title {margin-bottom:1.875rem; display:block;font-weight:400;font-size:1.563rem; color:rgba(255,255,255,0.5); overflow:hidden; letter-spacing:0.3em; }
#layout_slider_1 .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_1 .slider__slogun > b.subtitle {margin-top:1.875rem; display:block;font-weight:300;font-size:1.563rem;line-height:1;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_1 .slider__slogun > b > span,
#layout_slider_1 .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#layout_slider_1 .slider__slogun > p {position:relative;margin-top:1.25rem;font-weight:300;font-size:1.375rem;line-height:1.47;color:#fff;overflow:hidden; word-break:keep-all;}


#layout_slider_1 .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; 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_1 .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_1 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_1 .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#layout_slider_1 .slider-scroll { position:relative;  } 
#layout_slider_1 .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_1 .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_1 .slider__thumb .slider__thumb_bg {transition: all 8s ease-out; transform: scale(1,1);}*/
#layout_slider_1 .slider__slogun {position:relative;top:0rem; transition: all .8s ease-out;}
#layout_slider_1 .swiper-slide-active .slider__slogun {top:0;}
/*#layout_slider_1 .swiper-slide-active .slider__thumb .slider__thumb_bg {transition: all 8s ease-out; transform: scale(1.25);}*/

/* SWIPER PAGINATION */
#layout_slider_1 .swiper-button-prev:after, #layout_slider_1 .swiper-button-next:after {font-size:1rem;color:#fff;}
#layout_slider_1 .swiper-button-prev { right:30px; left:revert; } 
#layout_slider_1 .swiper-button-next { right:10px; }



/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/

#layout_slider_1 .swiper_control_wrap { position:absolute; left:50%; transform:translateX(-50%); z-index:12; bottom:80px; max-width:1440px; width:100%; height:auto;  margin:0 auto;   } 

#layout_slider_1 .main_visual_state  {display: block;position: absolute;left:50%;transform:translateX(-50%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
/*.main_visual_wrap .main_visual_state  {display: block;max-width: 1520px;margin: 0 auto;position: absolute;left: 112px;right: 112px;top: calc(50% - 183px); -webkit-transition: all 300ms;transition: all 300ms;width: 100%; z-index:100;}*/
#layout_slider_1 .swiper-pagination-fraction {color:#aaa;}

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

/* pagination */
#layout_slider_1 .swiper_control .swiper-pagination {position: static;}
#layout_slider_1 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_1 .swiper_control .swiper-pagination-fraction {display: inline-block; display:none; vertical-align: middle;width: auto;}
#layout_slider_1 .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_1 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:calc(100% - 125px); height: 3px;margin: 0 2px 0 13px;position: relative;}
#layout_slider_1 .swiper_progress_wrap {display: block;width:calc(100% - 125px);height: 3px;position: absolute;left: 35px;top: 50%;margin-top: -1px;background: #767779;overflow: hidden;}
#layout_slider_1 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_1 .swiper_play_state {display: inline-block;vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#layout_slider_1 .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_1 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 

#layout_slider_1 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_1 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1720px){
	#layout_slider_1 .slider-scroll a { bottom:4rem; right:1.25rem; } 
} 
@media screen and (max-width: 1520px){
	#layout_slider_1 .swiper_control_wrap { margin-left:0px;   } 
	#layout_slider_1 .swiper_progress_hidden_space {  width:calc(100% - 170px); }
	#layout_slider_1 .swiper_progress_wrap { width:calc(100% - 170px);  } 
	#layout_slider_1 .swiper-button-prev { right:80px; left:revert; } 
	#layout_slider_1 .swiper-button-next { right:60px; }
}
@media screen and (max-width: 1480px){
	#layout_slider_1 .slider__mxw { margin:0 20px;}
} 
@media screen and (max-width: 1200px){
	#layout_slider_1 .slider__mxw { padding:0 15px; margin:0 auto; }
} 
@media screen and (max-width: 1024px){
	#layout_slider_1 .slider-scroll { display:none; } 

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

	#layout_slider_1 .slider__slogun img { max-width:85%; } 
	#layout_slider_1 .swiper_progress_hidden_space {  width:calc(100% - 100px); }
	#layout_slider_1 .swiper_progress_wrap { width:calc(100% - 100px);  } 
	#layout_slider_1 .swiper_play_state { left:5px;}
	#layout_slider_1 .swiper-button-prev { right:30px; left:revert; } 
	#layout_slider_1 .swiper-button-next { right:10px; }
}
@media screen and (max-width: 640px){
	#layout_slider_1 .slider__infos {height:640px;}
	#layout_slider_1 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_1 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	#layout_slider_1 .slider__slogun > b { font-size:2.25rem; } 
	#layout_slider_1 .slider__slogun > p { font-size:1rem; } 
}
@media screen and (max-width: 540px){
	#layout_slider_1 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_1 .slider__slogun > b.subtitle {font-size:1rem; } 
	#layout_slider_1 .swiper_control_wrap { bottom:15%; }  
}
@media screen and (max-width: 480px){
	#layout_slider_1 .slider__infos {height:480px;}
}



/*----------------------------------------------------------------------
@ Layout Portfolio 2
----------------------------------------------------------------------*/
#layout_portfolio_2 { position:relative; display:flex; align-items:center; justify-content:center; padding-top:5.625rem !important; padding-bottom:0rem !important; } 
#layout_portfolio_2 .container { width:100%; margin:0 auto}
#layout_portfolio_2 .thk-col { margin-bottom:2.813rem; }

#layout_portfolio_2 .portfolio2_sec_title_wrap { text-align:center; margin-bottom:3.75rem; } 
#layout_portfolio_2 .portfolio2_sec_title { font-size:1.875rem; color:#222; font-weight:700; line-height:1.2; letter-spacing:0rem; } 
#layout_portfolio_2 .portfolio2_sec_summ { position:relative; font-size:1rem; color:#999; font-weight:400; line-height:1.875; margin-top:1.25rem; word-break:keep-all;} 
#layout_portfolio_2 .portfolio2_sec_summ:after { content:''; position:absolute; top:0rem; left:50%; transform:translateX(-50%); width:10.625rem; height:2px; background:var(--main);; } 

#layout_portfolio_2 .portfolio2_list { margin:0 6.25rem; }
#layout_portfolio_2 .portfolio2_thumb {position:relative;width:100%;height:0;padding-top:85.78%;text-align:center; overflow:hidden}
#layout_portfolio_2 .portfolio2_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s ease; } 
#layout_portfolio_2 .portfolio2_thumb img {position:absolute; width:100%;height:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
#layout_portfolio_2 .portfolio2_info { display:flex; display:none; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s ease; } 

#layout_portfolio_2 .portfolio2_cont { text-align:center; color:#fff; } 
#layout_portfolio_2 .portfolio2_title { /*font-size:1.125rem;*/ color:#333; font-weight:300; line-height:1.2; margin-top:10px; } 
#layout_portfolio_2 .portfolio2_entitle { font-family:'Merriweather'; font-size:0.813rem; font-style:italic; color:#fff; margin-top:0.625rem; letter-spacing:0rem;} 
#layout_portfolio_2 .portfolio2_summ { position:relative; font-size:1rem; font-weight:400; line-height:1.875rem; margin-top:1.875rem; padding-top:1.875rem; word-break:keep-all; } 
#layout_portfolio_2 .portfolio2_summ:after { content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:25px; height:2px; background:#fff;  } 

#layout_portfolio_2 .portfolio2_btn { position:relative; text-align:center; margin-top:3.125rem; } 
#layout_portfolio_2 .portfolio2_btn a { display:inline-block; min-width:15.625rem; font-size:0.938rem; color:#7c7c7c; font-weight:600; padding:1rem 3.125rem; letter-spacing:0; border:1px solid #e9e9e9; background:#fff; } 
#layout_portfolio_2 .portfolio2_btn a:hover { color:#111; } 
#layout_portfolio_2 .portfolio2_btn a:after {  } 


#layout_portfolio_2 .thk-col a:hover .portfolio2_info { opacity:1; } 
#layout_portfolio_2 .thk-col a:hover .portfolio2_thumb:after { opacity:1; } 


/* Responsive */
@media screen and (max-width:1200px){
	#layout_portfolio_2 { padding-top:5rem !important;  } 
	#layout_portfolio_2 .container { margin:0 15px; } 
	#layout_portfolio_2 .portfolio2_list { margin:0 auto; }
}
@media screen and (max-width:1024px){
	#layout_portfolio_2 { padding-top:4rem !important;  } 
	#layout_portfolio_2 .thk-row { margin-right:-1.25rem; } 
	#layout_portfolio_2 .row-md4 .thk-col { width: calc((100% / 4 ) - 1.25rem); margin-right:1.25rem; }  
	#layout_portfolio_2 .portfolio2_list { margin:0 auto; }
}
@media screen and (max-width:768px){ 
	#layout_portfolio_2 .thk-row { margin-right:-1.25rem; } 
	#layout_portfolio_2 .row-md4 .thk-col { width: calc((100% / 2 ) - 1.25rem); margin-right:1.25rem; }  
	#layout_portfolio_2 .portfolio2_list { margin:0 auto; }
}
@media screen and (max-width:414px){ 
	#layout_portfolio_2 .thk-row { margin-right:-1.25rem; } 
	#layout_portfolio_2 .row-md4 .thk-col { width: calc((100% / 1 ) - 1.25rem); margin-right:1.25rem; }  
} 



/*----------------------------------------------------------------------
@ MAIN TEXT 
----------------------------------------------------------------------*/
#main_text { position:relative; display:flex; align-items:center; justify-content:center; padding-top:5rem !important; padding-bottom:5rem !important; } 
.main_text { text-align:center; }
.main_text .text_b { position:relative; font-size:3rem; color:#7c7c7c; font-weight:350; margin-bottom:3.125rem; padding-bottom:3.125rem; text-transform:uppercase; }
.main_text .text_b:after { content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:10.625rem; height:2px; background:#7c7c7c; } 
.main_text .text_b b { font-weight:600; }
.main_text .text_s { font-size:1.125rem; color:#969696; font-weight:300; }
@media screen and (max-width:1024px){
	.main_text .text_b { font-size:2.25rem; } 
}