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


		메인 버전 1.  css 	:: BSJ


********************************************************/




/***********************************************************************
	메인
************************************************************************/
.section {position:relative;z-index:2;background-color:#fff;}
.section .maxWidth { max-width:1601px;margin:0 auto; }

@media screen and (max-width: 1601px){
	.section .maxWidth { width:auto ;max-width:auto;margin:0 auto; } 
}

@media screen and (max-width: 1200px){
	.section .maxWidth { width:auto; max-width:auto; margin:0 15px; } 
}





#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 { position:relative; } 

#main .section#main__slider { padding:0 !important;}
/*pallax feel*/
#main__slider { position: fixed; top: 0px; left: 0;	right: 0; width: 100%; height: 100%; z-index:-1; box-sizing: border-box; } 
#particles-js {position:fixed;top:0;left:0;width:100%;height:100%;z-index:0 !important;  opacity:0.3;}
#particles-js.active { display:none; }
#main__slider.active { background:#fff; } 



#main__slider .slider {position:relative;overflow:hidden;}
#main__slider li {position:relative;}
#main__slider li img {margin:0 auto;}
#main__slider li a {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider-inner {position:relative;/*min-height:520px;padding-top:38.3%;*/background-size:cover !important;font-weight:100;font-size:35px;color:#464f5d;line-height:45px;text-align:center;box-sizing:border-box;/*-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out;-webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06);*/}
#main__slider .slider-bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important;-webkit-transition-duration:18s;-m-transition-duration: 18s;-o-transition-duration:18s;-ms-transition-duration:18s;transition-duration:18s;transition: all 18s ease-in-out; }  /* -webkit-transform: scale(1.06,1.06);-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06,1.06); */

#main__slider li.active .slider-inner .slider-bg { /*-webkit-transform: scale(2,2);-ms-transform: scale(2,2);-moz-transform: scale(2,2);-o-transform: scale(2,2);transform: scale(2,2); */}
#main__slider .slider-bg.slider-bg-mo {display:none;}
#main__slider .slider-box {display:table;table-layout:fixed;width:100%;height:100%;}
#main__slider .slider-table {display:table-cell;width:100%;vertical-align:middle}
#main__slider .slider-tit {max-width:1170px;margin:0 auto;}
#main__slider .slider-tit a {display:block;position:relative;z-index:2}

#main__slider li .slider-tit {}
#main__slider li .slider-tit .tit_h_img_1 {position:relative;left:-150px;opacity:0;display:block;font-weight:800;font-size:110px;color:#fff;line-height:0.8;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;-ms-transition-duration:0.8s;transition-duration:0.8s; transition: all 0.8s ease-in-out}
#main__slider li .slider-tit .tit_h_img_2 {position:relative;right:-150px;opacity:0;display:block;margin-top:10px;margin-left:54px;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;-ms-transition-duration:0.8s;transition-duration:0.8s; transition: all 0.8s ease-in-out}
#main__slider li.active .slider-tit .tit_h_img_1 {left:0;opacity:1;}
#main__slider li.active .slider-tit .tit_h_img_2 {right:0;opacity:1;}



#main__slider .bx-controls-auto-item {position:absolute;z-index:99}
#main__slider .bx-wrapper .bx-controls-auto {position:absolute;top:58%;left:50%;margin-left:-71px;width:auto;}
#main__slider .bx-wrapper .bx-controls-auto .bx-start {display:block;width:11px;height:21px;background-image:url(images/main/control_start.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-start.active {display:none;}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop {display:block;width:10px;height:21px;background-image:url(images/main/control_stop.png);background-position:0}
#main__slider .bx-wrapper .bx-controls-auto .bx-stop.active {display:none;}
#main__slider video {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider iframe {position:absolute;top:0;left:0;width:100%;height:100%;}



/* customer pager */
.pager-wrap { position: absolute; top: 0px; left: 0px; width:100%; height:100vmin;  z-index:2; box-sizing: border-box; margin:0 auto; } 
#custom_pager { position:absolute; display:block; right:50px; top:-50%; z-index:999;  } 
#custom_pager a {  display:block; position:relative; width:16px; height:16px; margin-bottom:10px; ;border-radius:16px;border:1px solid #867666; -webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;} 
#custom_pager a:before {content:'';position:absolute;top:4px;left:0;right:0;width:8px;height:8px;margin:0 auto;background-color:#867666;border-radius:8px; }

#custom_pager a:hover,
#custom_pager a.active {border-color:#5c5045;}
#custom_pager a:hover:before,
#custom_pager a.active:before {background-color:#5c5045;}






@media screen and (max-width: 1200px){
	#main__slider .slider-tit {max-width:100%; margin:0 15px;}

	#main__slider li .slider-tit .tit_h_img_1 img {max-width:68%;}
	#main__slider li .slider-tit .tit_h_img_2 img {max-width:68%;}

}
@media screen and (max-width: 1024px){
	#main__slider { position:relative; height:500px; } 
	#main__slider .slider-inner {position:relative; height:500px;}
	#particles-js {height:500px;}
	.pager-wrap { height:500px; } 
	#custom_pager {  right:30px; top:50%;  } 
	

}
@media screen and (max-width: 814px){
	#main__slider .control {top:63%;margin-left:120px;}
	#main__slider .bx-wrapper .bx-controls-auto {top:63%;margin-left:138px;}
}
@media screen and (max-width: 768px){
	.fluid-width-video-wrapper {height:100vmin;padding-top:0 !important;}
	/*#main__slider .slider-tit img {max-width:80%;}*/
	#main__slider li .slider-tit .tit_h_img_1 img {max-width:90%;}
	#main__slider li .slider-tit .tit_h_img_2 { margin-left:0px;; }
	#main__slider li .slider-tit .tit_h_img_2 img {max-width:90%; }
	
	#custom_pager {  top:0; top:90%; right:0; left:50%; transform: translate(-10%, 0); } 
	#custom_pager a {  display:inline-block; margin-right:5px; }  

}
@media screen and (max-width: 640px){
	
	#main__slider .slider-bg.slider-bg-pc {display:none;}
	#main__slider .slider-bg.slider-bg-mo {display:block;}
	
	#main__slider { height:320px; } 
	#main__slider .slider-inner {position:relative; height:320px;}
	#particles-js {height:320px;}

	.pager-wrap { height:320px; } 
	


}
@media screen and (max-width: 425px){
	#main__slider .bx-wrapper .bx-controls-auto {top:58%;left:auto;right:61px;margin-left:0;}

	#custom_pager {  right:10px;  } 
}
@media screen and (max-width: 375px){
	#main__slider { height:280px; } 
	#main__slider .slider-inner {height:280px;}
	#particles-js {height:280px;}
	.pager-wrap { height:280px; } 
}



#main__slider .slider-line-wrap { position:absolute;left:0;right:0; top:calc(100% - 350px);  }
#main__slider .slider-line { display:block !important; width:1px;height:0px;margin:0 auto; padding-right:0px; border-left:1px solid #30291f; opacity:0.2;  animation:line-bottom 1s ease-in-out 0s forwards; animation-delay:0.5s; }
@keyframes line-bottom { 100% { height:250px; animation-timing-function: ease-out; }  }

@media screen and (max-width: 1024px){
	#main__slider .slider-line-wrap { display:none;  }
}







/***********************************************************************
	main__outstrory
************************************************************************/
#main__ourstory {font-size:16px; position:relative; margin-top: 100vmin; z-index:3;  overflow:hidden; }
#main__ourstory.section {padding:0px; } 


#main__ourstory .main__inner { max-width:1170px; margin:0 auto;  } 

#main__ourstory .left { font-family:'Montserrat'; font-size:1.2rem; font-weight:700; color:#111; letter-spacing:4px; padding-top:10px;   } 
#main__ourstory .right { font-size:1.5rem; font-weight:300; color:#262626; line-height:2.5rem; letter-spacing:-0.03em; padding-bottom:60px; word-break:keep-all; } 
#main__ourstory .right strong { font-weight:600;  color:#483c32; } 
#main__ourstory .view { font-family:'Montserrat'; font-size:14px; font-weight:700; color:#111; letter-spacing:-0.03em; position:relative;  } /*letter-spacing:2.5px;  */
#main__ourstory .view a { color:#111; display:block; } 
#main__ourstory .view .text { display:inline-block; position:relative;   } 
#main__ourstory .view .arrow {  margin-left:5px; margin-bottom:3px; display:inline-block; background:#111; position:relative; width:12px; height:3px; } 
#main__ourstory .view .arrow:after { border-width:7px 10px; content:''; position:absolute; width:0; height:0; border-style:solid; border-color:transparent transparent transparent #111; top:-5.1px; left:12px;}
#main__ourstory .view .img { position:absolute;  top:-20px; left:150px;   } 

#main__ourstory .row-md46 .thk-col1 { width: 250px;  } 
#main__ourstory .row-md46 .thk-col2 { width: calc(100% - 270px); margin-right:0px; } 


#main__ourstory .view a:hover .arrow { animation: c-arw-btn-arw 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s ;  }
#main__ourstory .view a:hover .text { transform: rotateX(360deg);  transform-style: preserve-3d; transition: all 0.5s ease-in-out; }
#main__ourstory .view .img:hover  a { transform: rotateY(360deg);  transform-style: preserve-3d; transition: all 0.5s ease-in-out; }

@media screen and (max-width: 1200px){
	#main__ourstory .main__inner { max-width:100%;  } 
}

@media screen and (max-width: 1024px){ 
	#main__ourstory { margin-top: 0px;  }
	/*
	#main__ourstory { font-size:14px !important; }
	
	*/
	/*
	#main__ourstory .left { font-size:18px; } 
	#main__ourstory .right { font-size:22px; } 
	*/
	#main__ourstory .row-md46 .thk-col1 { width: 200px;  } 
	#main__ourstory .row-md46 .thk-col2 { width: calc(100% - 220px);  } 
}


@media screen and (max-width: 768px){ 
	#main__ourstory .row-md46 .thk-col1 { width: 100%;  } 
	#main__ourstory .row-md46 .thk-col2 { width: 100%; } 
	.main__inner .thk-row { margin-right:0px; } 
}

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

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

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






/***********************************************************************
	main__movie
************************************************************************/

#main__movie.section { padding-top:0px; padding-bottom:0px;  }
/*
.video_box {margin-top: 30px;position: relative;background: #fff;border: none;box-sizing: border-box;}
.video_box #video {width: 100%;height: 830px;margin: 0 auto;}
*/

.video_box { position:relative; display:flex;  height:100vmin;  background:url('/common/theme/layout/images/main/video_poster.jpg') no-repeat; background-size:cover; background-position:center; overflow:hidden; } 
.video_box #video { position:absolute; min-width: 100%; min-height: 100%; width:auto; height:auto; margin: 0 auto; left:50%; top:50%; transform: translate(-50%, -50%);   }

#video {z-index:0;}
#video-controls {z-index:1;display:none;position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-30px;margin-left:-30px;}

#video-controls button { position:absolute;width:72px;height:72px;padding:10px;background-color:transparent;border:none;display:none;  }
#video-controls button.show {display:block;}
#video-controls button img {position:relative;z-index:2}
#video-controls button:before {content:''; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border:3px solid rgba(255,255,255,0.3); width:72px;height:72px;border-top-color:white; border-bottom-color:white; border-radius:100%;animation:playbtn 1s ease-in-out infinite; } 
@keyframes playbtn { 100%{ transform:rotate(180deg); 	} }



/*비디오!! */
/*
.video_box { position:relative; width:100%; height:550px; background:url('/common/theme/layout/images/sleep/movie_cover.jpg') no-repeat; background-size:cover; background-position:center;  overflow:hidden; } 
.video_box #video_sub { position:absolute;   margin: 0 auto; left:50%; top:50%; transform: translate(-50%, -50%);   }
*/



@media screen and (max-width: 1900px){
	.video_box {position:relative; padding-bottom:56.25%; height:0px; box-sizing:border-box; overflow:visible; }  
	.video_box #video { position:absolute; top:0; left:0; width:100%; height:100%; transform: translate(0, 0);   }
}

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


}


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

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

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

}

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

}






/***********************************************************************
	main__brand
************************************************************************/

#main__products { overflow:hidden }
#main__products { padding:0 0; }
#main__products.section {padding:0px; } 
#main__products.section .sectionLine {padding:95px 0; } 


.main_product_list { position:relative; max-width:1440px; margin:0 auto; padding-top:120px; box-sizing: border-box; overflow:hidden;  } 
.main_product_list:first-of-type { padding-top:0px; } 


.main_product_list .row-md46 .thk-col1 { width: 480px;  } 
.main_product_list .row-md46 .thk-col2 { width: calc(100% - 501px); } 



.main_product_list .prd_left { text-align:right; margin-left:-18px; } 
.main_product_list .prd_right { position:relative; padding-left:70px; padding-top:70px; height:calc(100%); box-sizing: border-box; } 


.main_product_list2 .prd_left { text-align:left; overflow:hidden } 
.main_product_list2 .prd_right { padding-left:0px; overflow:hidden} 


.main_product_list .prd_cate { top:230px;	left:90px; position: absolute; width: max-content; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 20px;color: #c0c0c0; } 
.main_product_list2 .prd_cate { top:260px; left:20px; } 

.main_product_list .prd_logo {  } 
.main_product_list .prd_desc { padding:45px 0px 0 80px; height:100%; position:relative; box-sizing: border-box; overflow:hidden; } 
.main_product_list .prd_desc .prd_title { font-size:1.25rem; font-weight:600;  color:#111; } 
.main_product_list .prd_desc .prd_summary { padding-top:30px; font-weight:300; font-size:1rem; color:#666; line-height:1.75rem; word-break:keep-all;  } 
.main_product_list .prd_desc .prd_btn { padding-top:50px;  } 
.main_product_list .prd_desc .prd_btn a { display: flex; flex-wrap: wrap; } 


.main_product_list .prd_desc .prd_btn .arrow_btn {  display:inline-block; } 
.main_product_list .prd_desc .prd_btn .text_btn { padding-left:25px; display: flex; justify-content: center;  align-items: center; font-size:1.125rem; font-family: 'Montserrat', sans-serif; font-weight: 600; color:#111; } 


.main_product_list .prd_spin_logo { position:absolute; right:20px; bottom:0px; } 
/*.main_product_list2 .prd_spin_logo { position:absolute; right:0px; bottom:0px; } */

.trans-rotate-90 {  -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; 	-o-transform-origin: left bottom; 	transform-origin: left bottom; 	-webkit-transform: rotate(-90deg); 	-ms-transform: rotate(-90deg); 	-m-transform: rotate(-90deg); 	transform: rotate(-90deg); } 


.main_product_list2 .mobile { display:none; } 
.main_product_list2 .pc { display:block; } 

@media screen and (max-width: 1440px){
	.main_product_list { width:auto; max-width:100%; margin:0 15px; } 

	.main_product_list .row-md46 .thk-col1 { width: calc((100% / 3 ) - 20px); } 
	.main_product_list .row-md46 .thk-col2 { width: calc(((100% / 3 ) * 2) - 20px);  } 
}

@media screen and (max-width: 1200px){
	.main_product_list .prd_right { padding-left:30px; padding-top:30px;  } 
	.main_product_list .prd_desc { padding:35px 0px 0 40px;  } 
	.main_product_list .prd_cate { top:180px;	left:50px; } 
	.main_product_list2 .prd_cate { top:210px;  } 
	
}

@media screen and (max-width: 1024px){
	.main_product_list .prd_desc .prd_title { font-size:18px; font-weight:600;  color:#111; } 
	.main_product_list .prd_desc .prd_summary { padding-top:30px; font-weight:300; font-size:15px; color:#666; line-height:24px;   } 
}


@media screen and (max-width: 768px){
	.main_product_list { padding-top:80px; } 

	.main_product_list .prd_spin_logo { display:none;  } 
	.main_product_list .thk-row { margin-right:0px; } 
	.main_product_list .prd_left { margin-left:0px; } 
	
	.main_product_list .prd_right { padding-left:20px; padding-top:0px;  } 
	.main_product_list .prd_desc { padding:35px 0px 0 0px; } 
	.main_product_list .prd_desc .prd_summary { } 
	.main_product_list .prd_cate { display:none; } 
	.main_product_list .row-md46 .thk-col1 { width: calc((100% / 3 ) ); } 

	.main_product_list .prd_desc .prd_btn { padding-top:30px;  } 
	.main_product_list .prd_desc .prd_btn .text_btn { padding-left:20px; } 
	.main_product_list2 .prd_right { padding-left:0px; } 
}	

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

	.main_product_list2 .mobile { display:block; } 
	.main_product_list2 .pc { display:none; } 

	.main_product_list { padding-top:50px; } 
	.main_product_list .row-md46 .thk-col1 { width:100%; } 
	.main_product_list .row-md46 .thk-col2 { width:100%; } 
	
	.main_product_list .prd_left { text-align:left; } 
	.main_product_list .prd_right { padding-left:0px;  } 

	.main_product_list .prd_left { position:relative; width:100%; height:0; padding-bottom:60%; overflow:hidden;  }
	.main_product_list .prd_left img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100% !important; height: auto !important; object-fit: cover;} 
	


}

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

}

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




/* 로고 ANi */
.spinlogo_wrap { position:relative; width:80px; height:80px; border:2px solid #ece6df; border-radius:50%; box-sizing: border-box;  	transition: .4s ease-in-out;  } 
.spinbg { 
	position:absolute; left:px; top:px;width:80px; height:80px; background:url('/common/theme/layout/images/main/circle_bg.png') no-repeat; background-position:-2px -2px; box-sizing: border-box;  
	-webkit-animation: opacity 3s infinite linear;
     -moz-animation: opacity 3s infinite linear;
          animation: opacity 3s infinite linear;
}
.spinlogo {
	position:absolute; left:-2px; top:-2px;
	width:80px; height:80px;
	background:url('/common/theme/layout/images/main/circle_text.png') no-repeat;
	background-position:center center ; 
	box-sizing: border-box; 
	-webkit-animation: spin 5s infinite linear;
     -moz-animation: spin 5s infinite linear;
          animation: spin 5s infinite linear;
	 
}

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); } }		
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }  100% { -moz-transform: rotate(360deg); } }		
@keyframes spin {  0% { transform: rotate(0deg); }   100% { transform: rotate(360deg); }  }		

@-webkit-keyframes opacity { 0% { -webkit-transform: opacity(0deg); }  100% { -webkit-transform: opacity(360deg); } }		
@-moz-keyframes opacity { 0% { -moz-transform: opacity(0deg); }  100% { -moz-transform: opacity(360deg); } }		
@keyframes opacity {  0% { opacity : 0.5; }  50% {opacity:1} 100% { opacity:0.5; }  }	




/* 원 모양 ANI */
.circle-wrap { position:relative; width: 75px; height: 75px; } 
.circle-wrap:before { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 2px; right: 2px; bottom: 2px;  left: 2px; border-radius: 50%;  border: 1px solid #79511f; opacity:0.7  }
.circle { position: absolute;top: 0;right: 0;bottom: 0;left: 0;fill:none;stroke: #79511f;stroke-width: 1;stroke-dasharray: 200px 200px;stroke-dashoffset: 200px;transform-origin: center;transform: rotate(-90deg);animation: c-arw-btn-circle 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; }
.prd_btn a:hover .circle { opacity:1; animation: c-arw-btn-circle-ov 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; }

@keyframes c-arw-btn-circle{ 0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);stroke-dashoffset:-200px} }
@keyframes c-arw-btn-circle-ov{  0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);stroke-dashoffset:200px}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);stroke-dashoffset:0} } 



/* 화살표 ANI */
.prd_btn a .arrow-icon { position:absolute; top: calc(50% - 10px); left: calc(50% - 10px );  } 
.prd_btn a:hover .arrow-icon img { animation: c-arw-btn-arw 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s ;  }
.prd_btn a:hover .text_btn { margin-left:5px; color:#79511f !important; } 

@keyframes c-arw-btn-arw{ 0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}50%{-webkit-transform:translateX(70%);transform:translateX(70%);opacity:0}50.1%{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} }
@keyframes btnActive {0%{left:-10px;}50%{left:10px;}100%{left:-10px;}} 


@media screen and (max-width: 768px){
	.circle-wrap { position:relative; width: 50px; height: 50px; } 
}	





.main_product_more { padding:100px 0 0 0; margin:0 auto; text-align:center; box-sizing: border-box; overflow:hidden; } 
.main_product_more .btn_more { font-family:'Montserrat'; line-height:1; font-size:20px; color:#999; font-weight:600; vertical-align:top; position:relative;  } 
.main_product_more .btn_more .icon { display:inline-block; padding-right:7px; } 
.main_product_more .btn_more .text { display:inline-block; position:relative;  }  

.main_product_more a {  } 
.main_product_more a .icon img { transition:all .2s ease-out infinite;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out; }
.main_product_more a:hover .icon img {  transform:rotate(180deg) infinite;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg); } 
.main_product_more a:hover .text { transform: rotateX(360deg);  transform-style: preserve-3d; transition: all 0.5s ease-in-out; } 
@media screen and (max-width: 1024px){
	.main_product_more { padding:50px 0 0 0;  } 
}	






/***********************************************************************
	main__about
************************************************************************/
#main__about {padding:0px; padding-bottom:0px; overflow:hidden}
#main__about.section {padding:0px; } 
#main__about.section .sectionLine { padding:45px !important; } 

#main__about .main__wrap {max-width:1170px;margin:0 auto; margin-top:-90px; overflow:hidden}
#main__about .about__bnr {height:680px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__about .maxWidth { }
#main__about .main__wrap {;}
#main__about .main__head {float:left;width:45%;}
#main__about .main__head .main__title { font-size:3rem; text-align:left; font-family:'Montserrat' }
#main__about .main__head .main__title span { font-size:3rem;  display:block;color:#fff; font-family:'Montserrat'}
#main__about .main__head .main__desc {text-align:left;line-height:2;}
#main__about .main__body {float:right;width:45%;padding-top:130px;}
#main__about .body__desc {font-size:16px;line-height:2;letter-spacing:-0.48px;color:#333;}
#main__about .main__btn {display:inline-block;}
#main__about .main__btn:first-child {margin-right:7px;}
#main__about .main__foot {overflow:hidden; margin-top:75px;}
#main__about .section__menu {top:15%;}
#main__about .section__menu i:before {background-color:transparent;}
#main__about .section__menu i:after {background-color:#fff;}
#main__about .section__menu .txt {top:98px;color:#fff;}


.main__btn {margin-bottom:15px; display:block;width:220px;line-height:67px; text-align:left; padding-left:20px; box-sizing: border-box; background-color:#fff;border:1px solid #5c5045;font-family:'Montserrat', sans-serif;font-size:0.9375rem;color:#5c5045;letter-spacing:0.38px; -webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;}
.main__btn i {display:inline-block;vertical-align:middle;margin-top:-2px;margin-left:5px; -webkit-transition-duration:0.3s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.3s ease; transition-delay:0.2s} 
.main__btn i:before {content:'';display:inline-block;width:4px;height:4px;margin-top:0;background-color:#5c5045;border-radius:4px;vertical-align:middle; opacity:0.5; -webkit-transition-duration:0.3s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.3s ease; transition-delay:0.2s }
.main__btn i:after {content:'';display:inline-block;width:40px;height:1px;margin-left:7px;background-color:#5c5045;vertical-align:middle; opacity:0.5; -webkit-transition-duration:0.3s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.3s ease; transition-delay:0.2s}


.main__head {margin-bottom:60px;}
.main__title {margin-bottom:15px; font-weight:700;font-size:48px;color:#333;text-align:center;font-family:'Montserrat' }
.main__desc {font-weight:300;font-size:16px;color:#5c5045;line-height:25px;text-align:center;}


.main__btn:hover {background-color:#5c5045;border-color:#5c5045 !important;color:#fff;}
.main__btn:hover i { margin-left:20px; }
.main__btn:hover i:before { background-color:#fff; }
.main__btn:hover i:after { background-color:#fff; }

@media screen and (min-width: 1025px){

}


@media screen and (max-width: 1200px){
	#main__about .main__wrap { max-width:100%; margin:0 15px; margin-top:-90px;} 
	#main__about .main__body { width:50%;}
}
@media screen and (max-width: 1024px){
	#main__about {padding-bottom:70px;}
	.main__btn { width:180px; line-height:50px; } 
	.main__btn:hover i { margin-left:10px; }
	.main__btn i:after { width:20px } 
}
@media screen and (max-width: 930px){
	#main__about {padding-bottom:50px;}
	#main__about .maxWidth {margin-top:-34px;}
	#main__about .about__bnr {height:450px;}
	#main__about .main__body {padding-top:96px;}
	#main__about .main__foot {margin-top:35px;}
}
@media screen and (max-width: 768px){
	#main__about .main__head {float:none;width:auto;margin-bottom:0;}
	#main__about .main__body {float:none;width:auto;padding-top:0;margin-top:30px;}
	#main__about .about__bnr {height:350px;}
	#main__about .br_m {display:none;}

	#main__about.section .sectionLine { padding:45px 0 !important; } 

	#main__about .main__wrap { max-width:100%; margin:0 15px; margin-top:-55px;} 
}
@media screen and (max-width: 640px){
	#main__about .maxWidth {margin-top:-29px;}
}
@media screen and (max-width: 480px){
	#main__about .main__head {margin-bottom:0;}
	#main__about .body__desc {font-size:15px;}
	#main__about .about__bnr {height:250px;}
	#main__about .maxWidth {margin-top:-29px;}
	#main__about .main__btn:first-child {margin-bottom:15px;}
}
@media screen and (max-width: 425px){
	
}







/***********************************************************************
	main__pipelines
************************************************************************/
#main__portfolio {padding:0px 0 175px; }
#main__portfolio .maxWidth { overflow:hidden;}
#main__portfolio.section {padding:0px; overflow:hidden;} 
#main__portfolio.section .sectionLine { padding:95px 0 200px 0; overflow:hidden;} 

/*#main__portfolio .maxWidth {max-width:1485px;margin:0 auto;}*/
#main__portfolio .portfolio-title {display:none;}
#main__portfolio #portfolioList--2 .pf-list {margin:0;}
#main__portfolio #portfolioList--2 .pf-list li {float:none;width:auto ;margin:0;padding:0;border:none;}
#main__portfolio .btn-more {display:none;}
#main__portfolio #portfolioList--2 .pf-info {display:none;}
#main__portfolio .details_data {display:none;}
#main__portfolio .details_tag {display:none;}
#main__portfolio .details_info {display:none;}
@media screen and (min-width: 1025px){
}
@media screen and (max-width: 1545px){
	#main__portfolio .maxWidth { max-width:100%;  margin:0 40px;}
}
@media screen and (max-width: 1200px){
	#main__portfolio .maxWidth { max-width:100%; margin:0 20px;}
}
@media screen and (max-width: 1024px){
	#main__portfolio {padding:70px 0;}
}
@media screen and (max-width: 930px){
	#main__portfolio {padding:50px 0 90px;}
}
@media screen and (max-width: 768px){
	#main__pipelines .pipelines_title {font-size:18px;}
	#main__pipelines .pipelines_desc {font-size:15px;}
	#main__portfolio .main__head {margin-bottom:40px;}
	#main__portfolio.section .sectionLine { padding:30px 0 130px 0 !important; } 
}



/* 슬라이드 아이콘*/
#main__portfolio .bx-wrapper .bx-pager, #main .bx-wrapper .bx-controls-auto {bottom:-60px;}
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a {position:relative;width:16px;height:16px;margin:0 15px;background-color:#fff;border-radius:16px;border:1px solid #fff; -webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;} 
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a:before {content:'';position:absolute;top:4px;left:0;right:0;width:8px;height:8px;margin:0 auto;background-color:#867666;border-radius:8px; }
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a.active {border-color:#5c5045;}
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a:hover:before,
#main__portfolio .bx-wrapper .bx-pager.bx-default-pager a.active:before {background-color:#5c5045;}






/***********************************************************************
	main__contact
************************************************************************/
#main__contact {padding:105px 0;background-color:#463a33; overflow:hidden }
#main__contact .main__wrap {position:relative;max-width:1485px;margin:0 auto; }
#main__contact .main__head {margin-bottom:0;}
#main__contact .main__body {overflow:hidden;}
#main__contact .main__title { font-size:2.5rem; margin-bottom:0;color:#fff;}
#main__contact .main__sns {position:absolute;top:-2px;left:0;}
#main__contact .main__sns a {display:inline-block;width:60px;height:60px;line-height:60px;margin-right:10px;background-position:center;background-repeat:no-repeat;border-radius:60px;border:1px solid #fff;text-align:center;}
#main__contact .main__sns a.sns_f {background-image:url(/common/theme/layout/images/main/i_sns_f.png);}
#main__contact .main__sns a.sns_i {background-image:url(/common/theme/layout/images/main/i_sns_i.png);}
#main__contact .main__sns a.sns_y {background-image:url(/common/theme/layout/images/main/i_sns_y.png);}

#main__contact .main__menu {position:absolute;top:15px;right:0;}
#main__contact .main__menu a { position:relative; display:inline-block;margin-left:35px;padding-bottom:5px;font-family:'Montserrat', sans-serif;font-size:15px;color:#fff;letter-spacing:0;}


#main__contact .main__menu a:after {content:'';position:absolute;left:0;right:100%;bottom:-5px;height:2px;background-color:#000;z-index:1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#main__contact .main__menu a:before {content:'';position:absolute;left:0;right:100%;bottom:-5px;width:100%;height:2px;background-color:#fff;opacity:1;z-index:-1;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}



#main__contact .main__menu a:hover:after {opacity:1; right:0;}
#main__contact .main__menu a:hover:after {}
#main__contact .main__menu a:hover:before {opacity:1;}



#main__contact .section__menu {top:28%;}
#main__contact .section__menu i:before {background-color:transparent;}
#main__contact .section__menu i:after {background-color:#fff;}
#main__contact .section__menu .txt {top:74px;color:#fff;}

@media screen and (max-width: 1485px){
	#main__contact .main__wrap { max-width:auto; margin:0 15px ; }
} 

@media screen and (min-width: 1025px){
	#main__contact .main__sns a,
	#main__contact .main__menu a {-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;transition: all 0.5s ease-in-out;}
	#main__contact .main__sns a:hover {background-color:#000;border-color:#000;}
	#main__contact .main__menu a:hover {color:#fff;border-color:#fff;}
}




@media screen and (max-width: 1024px){
	#main__contact {padding:70px 0;}

}
@media screen and (max-width: 930px){
	#main__contact {padding:50px 0;}
	#main__contact .main__body {text-align:center;}
	#main__contact .main__sns {position:relative;top:0;left:0;right:0;}
	#main__contact .main__sns a {width:50px;height:50px;line-height:50px;margin:0 5px;}
	#main__contact .main__menu {position:relative;top:0;left:0;right:0;margin:25px 0;}
	#main__contact .main__menu a {margin:0 15px;}
}