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


		메인 버전 1.  css 	:: BSJ


********************************************************/
/*
#header {border-bottom:none;}
#header.nav-down {border-bottom:1px solid #f5f5f5;}
.lnb-menu > li > a {color:#fff;}
#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#111;}
#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}
#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;}
@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;}
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important; margin:0 auto; max-width:1920px; margin-top:120px; }
#main__slider .slider__infos {overflow:hidden;height:700px;} /*calc(100vmin - 120px)*/
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%;} /*image-rendering: pixelated; */
#main__slider .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;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .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;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}
/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
#main__slider .slider__slogun_btn {position:relative;display:block;width:12rem;line-height:4.6rem;margin-top:3rem;border:1px solid #fff;font-size:1.6rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}
/*스크롤*/
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0;width:9.2rem;height:6rem;margin:0 auto;font-weight:300;font-size:1.6rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:3.9rem;height:3.8rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:30px;}50%{bottom:60px;}100%{bottom:30px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#919191;}
#main__slider .swiper-pagination-bullet {background-color:#dedede; width:10px; height:10px; opacity:1; margin:0 6px;  }
#main__slider .swiper-pagination-bullet-active { background-color:#b7b7b7; } 
#main__slider .swiper-pagination-bullets { max-width:1170px; left:50%; transform:translateX(-50%); margin:0 auto;  } 
#main__slider .swiper-pagination { text-align:right; } 
/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;} /*-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);*/
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg { /*-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25); */}
/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider { margin-top:60px; } 
	#main__slider .slider__slogun {padding:0 15px;}
}
@media screen and (max-width: 640px){
	#main__slider .slider__infos {height:43.75rem;}
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
	#main__slider .swiper-pagination { text-align:center; } 
}
@media screen and (max-width: 480px){
	/*#main__slider .slider__infos {height:700px;}*/
}






/*----------------------------------------------------------------------
메인제품
----------------------------------------------------------------------*/

#main__product { }
#main__product .thk-row { width:100%; justify-content: center; } 
#main__product .thk-inner  { padding:0px;  } 

#main__product .thk-row { margin-right:0px;  }  /*1.875rem : 30px;*/
#main__product .row-md2 .thk-col { flex: 0 0 auto; width: calc((100% / 2 )); } 


#main__product .thk-col { margin-right:0px !important; box-sizing:border-box;  margin-bottom:0px !important; background:#f2f3f4;  } 
#main__product .thk-col:last-of-type { margin-right:0px !important; } 
#main__product .thk-col:nth-of-type(2) { background:#fcfcfc; } 
#main__product .thk-col:nth-of-type(3) { background:#fcfcfc; } 
#main__product .thk-col:nth-of-type(5) { background:#fff; width:100%; } 


/*
#layout_about .list_img { width:100%; height:0; padding-bottom:79.63%; position: relative;  } 
#layout_about .list_img img {display: block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -o-object-fit: cover;object-fit: cover;} 
*/
#main__product .subject { position:absolute; left:0px; top:0px; font-size:1.563rem; color:#231815; font-weight:700; text-align:left; letter-spacing:-0.03em; transition:all 0.3s ease;  } 
#main__product .subject1 { top:50%; left:61%; transform:translateY(-50%); } 
#main__product .subject2 { top:50%; left:61%; transform:translateY(-50%); } 
#main__product .subject3 { top:15%; left:40%; } 
#main__product .subject4 { top:49.5%; left:69.5%; transform:translateY(-50%); } 
#main__product .subject5 { top:50%; left:69.5%; transform:translateY(-50%); } 

#main__product .list_bg { position:relative;  overflow:hidden; } 
#main__product .list_img { width:100%;position: relative;  } 
#main__product .list_img img {display: block;width: 100%;position: relative; height:auto; -o-object-fit: cover;object-fit: cover;} 

#main__product a:hover .subject1 { left:62%; } 
#main__product a:hover .subject2 { left:62%; } 
#main__product a:hover .subject3 { left:41%; } 
#main__product a:hover .subject4 { left:70.5%; } 
#main__product a:hover .subject5 { left:70.5%; } 


#main__product .list_img:hover { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 
#main__product a:hover .list_img { -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 


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

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

}
@media screen and (max-width: 768px){
	#main__product .subject { font-size:1rem;  } 
}
@media screen and (max-width: 640px){



}
@media screen and (max-width: 540px){
	/*#main__product .row-md2 .thk-col { width:100% } */
	
}
@media screen and (max-width: 414px){
	#main__product .row-md2 .thk-col { width:100% } 
}