@charset "utf-8";


/*** Main_Common ***/
	.layer_box.layer_sitemap .div_outline_padding{max-width: 1400px !important;}
/* Main Visual */
	.mv_sec {position:relative;height:840px;}
	.mv_sec .owl-nav{display:none;}
	/* Main Slider Start Effect */
	.mv_list {transition:5s;}
	/* Main Slider Height */
	.mv_sec .owl-theme .item {position:relative;width:100%;height:840px;overflow:hidden;z-index:1;}
	.mv_sec .owl-theme .active .item {z-index:2;}
/* 	.mv_sec .owl-item img{height:788px;} */
	.mv_sec .owl-theme .item > img {display:block;width:auto;/* height:780px; */position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transform:scale(1);transition:2.5s;  margin: 0;	}
	.mv_sec .owl-theme .active .item > img {} 
	/* Main Slider Slogan */
	.mv_info {position:absolute; z-index:10; left:14.5%; top:325px; box-sizing: border-box; margin-left:21px; margin-top:-9px;}
	/* Text */ 
	.mv_info .t1 {font-family: 'Montserrat', sans-serif; opacity: 0;transition:1s;transition-delay:0.3s;text-align: left; position: relative;bottom: 50px;color: #fff;font-size: 85px; line-height:50px; font-weight: 700;text-shadow: 3px 3px 5px rgba(0,0,0,0.1);margin-bottom: 24px;}
	.mv_info .t1 .ttt{letter-spacing:-0.9px;}
	.mv_info .t1>span.tt{font-family: 'Noto Sans KR', sans-serif; font-size:20px; font-weight:600; display:block; margin-bottom:10px; font-weight:500;}
	.mv_info .t2 {opacity: 0;text-align: left;transition:1s;transition-delay:0.7s;position: relative;bottom: 50px;font-size: 30px;color: #fff;font-weight: 700; top:9px; font-weight:400; letter-spacing:-0.6px;}
	/* Img */
	.mv_sec  .mv_img{ position:absolute;top:0;bottom:0;right: 18%;margin: auto;}
	.mv_sec  .mv_img img {width: auto;height: 100%;}
	/* .mv_sec  .mv_img{ position:absolute; right:13.3%; transform:translateX(-622px); bottom:832px; }
	.mv_sec  .mv_img.eq1{bottom:840px;}
	.mv_sec  .mv_img.eq2{bottom:840px;} */
	
	/* Text Effect 	  */ 
	.active .mv_info .t1 {bottom:0;opacity:1;}
	.active .mv_info .t2 {bottom:0;opacity:1;}
	/* Main Slider nav */						
	.mv_sec .owl-theme .owl-dots {position:absolute; top:50%; margin-top:6px; transform:translateY(-50%); left:100px; display:inline-block;}
	.mv_sec .owl-theme .owl-dots button{background: none; margin-bottom:19px;display:block; width:39px; height:39px; transition:all 0.1s ease-out;}
	.mv_sec .owl-theme .owl-dots button:hover{transform:perspective(600px) rotateY(6deg)  rotateX(6deg)translateZ(-4px);}
	.mv_sec .owl-theme .owl-dots button:focus{outline:none;}
	.mv_sec .owl-theme .owl-dot{position: relative;}
	.mv_sec .owl-theme .owl-dot:before{opacity: 0;position: absolute;content: '';width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;top:0; left:0; box-sizing: border-box;}
	 .mv_sec .owl-theme .owl-dots .active:before,
	.mv_sec .owl-theme .owl-dot:hover:before{opacity: 1;}
	.mv_sec .owl-dots .owl-dot span{width: 7px !important;height: 7px !important;background-color: #fff !important; margin: 16px !important;}


	.mv_scroll {position:absolute;left:50%; transform:translateX(-50%);bottom:0px;right:6.8%;width:33px;height:65px;background:url(../../images/main/mainvis_mouse.png) no-repeat center top;z-index:1;animation-duration:2s;animation-name:ani1;animation-iteration-count:infinite;}
	@keyframes ani1{
		from{bottom:53px;}
		25%{bottom:73px;}
		to{bottom:53px;}
	}
.af::after{display: block; content:''; clear: both;}



/* Main Contents */
.cont{}
.cont01{max-width:1720px; margin:120px auto; }
.cont01 .product_list:after{content:""; display:block; height:0; clear:both;}
.cont01 .product_list>li .bin{ background:rgba(255,255,255,0);  border-top-left-radius:18px; border-bottom-right-radius:18px; box-shadow:12px 19px 20px rgba(0,0,0,0.05); transition:all 0.3s ease-out; position:relative; top:0;}
.cont01 .product_list>li{background:rgba(255,255,255,0); top:0;transition:all 0.3s ease-out; cursor:pointer; width:23.5%;/*  max-width:320px;  */margin-right:2%; float:left; }
.cont01 .product_list>li:last-child{margin-right:0;}
.cont01 .product_list>li .i_wrap{transition:all 0.25s ease-out;position:relative;  top:0;}
.cont01 .product_list>li .i_wrap img{position:relative; top:-1px;width:100%;}
.cont01 .product_list>li .btm_bx{ top:0; transition:all 0.25s ease-out;position:relative; height:230px; margin-top:-1px; padding:38px 0; box-sizing:border-box; text-align:center;border-bottom-right-radius:25px;}
.cont01 .product_list>li:hover .btm_bx{background:url(../../images/main/main01_over.png) repeat-x left top; background-size: cover;}
.cont01 .product_list>li .btm_bx h3{transition:all 0.4s ease-out;font-size:23px; color:#303030; font-weight:500; line-height:30px; height:57px; font-weight:600; }
.cont01 .product_list>li .btm_bx h3>span{display:block;font-size:18px;font-weight:500; margin-top:8px;}
.cont01 .product_list>li .btm_bx .bd{margin-top:26px; margin-bottom:0px; display:inline-block; background:#dbdbdb; width:1px; height:25px;}
.cont01 .product_list>li .btm_bx .more_btn{font-size:14px; color:#dbdbdb; font-weight:500; letter-spacing:3.5px;}
.cont01 .product_list>li:hover .bin{top:-100px;}
.cont01 .product_list>li:hover .btm_bx h3{color:#0069b4;}
.cont01 .product_list>li:hover .btm_bx h3>span{color:#fff;}
/*
.cont01 .product_list>li:hover .i_wrap{ top:-50px;}
.cont01 .product_list>li:hover .btm_bx{top:-50px;} */
.cont02{overflow:hidden}
.cont02>div{ cursor:pointer; width:50%; float:left;height:245px; text-align:center;} 
.cont02>div:nth-child(1){background:url(../../images/main/main02_1.jpg) no-repeat center;}
.cont02>div:nth-child(2){background:url(../../images/main/main02_2.jpg) no-repeat center;}
.cont02>div>a{ transform:translateY(-50%); position:relative; top:50%; margin-top:-3px; }
.cont02>div>a>p{font-size:40px; color:#fff; line-height:40px;  }
.cont02>div>a>span{display:block; font-size:16px;  color:#fff; margin-bottom:10px;  }
.cont03{position:relative;  overflow:hidden; height:706px; background: url(../../images/main/main03_bg.jpg) no-repeat center;}
.cont03 .inner{max-width:1320px; margin:120px auto; overflow: hidden; }
.cont03 .inner:after{content:"";display:block; }
.cont03 .inner>div{ float:left; }
.cont03 .inner>div.left_bx{margin-right:77px; max-width:621px;}
.cont03 .inner>div .img_wrap{border:10px solid rgba(0,0,0,0.2); position:relative; box-shadow:3px 3px 20px rgba(0,0,0,0.3); cursor:pointer;}
.cont03 .inner>div .img_wrap .icon_velvet{position:absolute; left:8px; top:-21px;  z-index:12;}
.cont03 .inner>div .img_wrap img{position:relative;max-width: 601px; height: auto;width: 100%;}
.cont03 .inner>.rgt_bx{position:relative; text-align:center; float:left; max-width:622px;width: 100%;}
.cont03 .inner>.rgt_bx h4{font-size:40px;  color:#fff; margin-bottom:42px; margin-top:2px;}
.cont03 .inner>.rgt_bx h4 span{font-size:18px; display:block; letter-spacing:-0.6px;}
.cont03 .inner>.rgt_bx .slider_wrap ul li{border:3px solid rgba(0,0,0,0.5);   height:144px; overflow:hidden;}
.cont03 .inner>.rgt_bx .slider_wrap ul li:hover{opacity:0.8;}
.cont03 .inner>.rgt_bx .slider_wrap ul li a img{width: 100%;height: auto;}
.cont03 .inner>.rgt_bx .btn_view{position:relative; display:inline-block; height:60px; width:158px; line-height:60px; font-size:14px; color:#fff; font-weight:600;  text-align:center; }
.cont03 .inner>.rgt_bx .btn_view>div{transition:0.1s all ease-out; height:100%;background:#0069b4; transform:skewX(-28deg);}
.cont03 .inner>.rgt_bx .btn_view:hover>div{transform:skewY(-1deg) skewX(-27deg); background:#fff;}
.cont03 .inner>.rgt_bx .btn_view:hover>span{color:#0069b4;}
.cont03 .inner>.rgt_bx .btn_view>span{position:absolute; top:50%; display:block; text-align:center; transform:translateY(-50%); width:100%; letter-spacing:3.3px; font-weight:500; }
.cont03 .inner>.rgt_bx .slider_wrap{max-width:622px; margin-bottom:80px;}
.cont03 .inner>.rgt_bx .slider_wrap li{cursor:pointer;}
.cont03 .inner>.rgt_bx .slider_wrap .bx-controls-direction{position:absolute; top:0; left:0; width:100%;}
.cont03 .inner>.rgt_bx .slider_wrap .bx-controls-direction .bx-prev{position:absolute; top:41px; left:1px;} 
.cont03 .inner>.rgt_bx .slider_wrap .bx-controls-direction .bx-next{position:absolute; transform:rotate(180deg) ; top:39px; right:1px; left:auto; }
.cont03 .inner>.rgt_bx .slider_wrap .bx-controls-direction a{transition:all 0.1s ease;}
.cont03 .inner>.rgt_bx .slider_wrap .bx-controls-direction a.on{opacity:0.4;}



/* Main Conte
.sec2_1{}
.sec2_1 .sec201_i{max-width:1400px; margin: 0 auto;margin-bottom: 99px;margin-top: 74px;}
.mn_tit{font-weight: 700;font-size: 32px;line-height: 80px;color: #333;text-align: center;margin-bottom: 29px;}	
/* .sec2_1 .sec201_i h3{font-weight: 700;font-size: 32px;line-height: 80px;color: #333;text-align: center;margin-bottom: 29px;}	 */
.sec2_1 .sec201_i ul li{width: 32.42%;float: left; margin-right: 1.35%; overflow: hidden;}				
.sec2_1 .sec201_i ul li:last-child{margin-right: 0;}
.sec2_1 .sec201_i ul li figure{overflow: hidden; height: 302px;}
.sec2_1 .sec201_i ul li figure img{transform:scale(1.0); transition:.5s;}		 
.sec2_1 .sec201_i ul li:hover figure img{transform:scale(1.1)}
.sec2_1 .sec201_i ul li div{height: 80px; border-bottom: 1px solid #e7e7e7; ;}
.sec2_1 .sec201_i ul li div h3{padding-left: 7px;line-height: 77px;font-size: 22px;float: left;font-weight: 500;color: #333;}
.sec2_1 .sec201_i ul li div p {line-height: 80px;float: right;font-size: 15px;font-weight: 500;color: #333; padding-right: 9px;position: relative;} 
.sec2_1 .sec201_i ul li div p img{margin-right: 10px;vertical-align: middle; transition:0.8s;}
.sec2_1 .sec201_i ul li div p img.imv_2{position: absolute;left: 0;top:27px; opacity: 0;}
.sec2_1 .sec201_i ul li:hover div p img.imv_2{opacity: 1;transform:rotate(360deg)}	  


/* 제품소개 */
.sec3_1{background-color: #f9f9f9; padding-bottom: 99px; padding-top: 74px}
.sec3_1 .owl-dots{display:none;}
.sec3_1 ul li div{height:80px;border-bottom: 1px solid #e7e7e7;}
.sec3_1 ul li figure{overflow:hidden; height:302px;}
.sec3_1 ul li figure img{transform: scale(1.0);transition: .5s; min-height:302px;}
.sec3_1 ul li:hover figure img{transform: scale(1.1)}
.sec3_owl h3{float: left;font-size: 22px;line-height: 79px;font-weight: 500;color: #333;}
.sec3_owl button span{display: none;}
.sec3_owl .owl-prev{position: absolute;top:50%;left:-69px;margin-top:-50px;z-index: 99;width:28px;height: 50px;background: url(../../images/main/sec3_arr_pv.png) no-repeat center;}
.sec3_owl .owl-next{position: absolute;top:50%;right:-69px;margin-top:-50px;z-index: 99;width:28px;height: 50px;background: url(../../images/main/sec3_arr_nt.png) no-repeat center;}
.btn_more1{float: right;position: relative;padding-left:39px ;font-size:15px;line-height: 79px;color: #333333; font-weight:500;}
.btn_more1:before{content: '';position: absolute;top:25px;left:0;width:30px;height: 30px;background: url(../../images/main/main_viewmore.png) no-repeat center;}
.btn_more1:after{transition:0.8s;opacity:0;content: '';position: absolute;top:25px;left:0;width:30px;height: 30px;background: url(../../images/main/main_viewmore_over.png) no-repeat center;}
.btn_more1:hover:before{opacity:0;}
.btn_more1:hover:after{opacity:1;transform:rotate(360deg)}


/* 오시는길& 온라인문의 추가 */ 
.mn_btm_wrap{width:100%;height:auto;margin:80px auto 97px!important;}
.mn_sec4{position: relative;float: left;width:48.571%;height:280px;margin-right:2.857%;background: url(../../images/main/sec4_bg.png) no-repeat center;-webkit-background-size: cover;background-size:cover ;}
.mn_sec5{position: relative;float: left;width:48.571%;height:280px;;background: url(../../images/main/sec5_bg.png) no-repeat center;-webkit-background-size: cover;background-size:cover  }
.mn_sec4 a ,
.mn_sec5 a{display: block;width:100%;height:100%;}
.tit_wrap{padding:70px 0 0 75px;box-sizing:border-box;}
.tit_wrap h3{font-size:30px;line-height: 80px;color: #ffffff;}
.tit_wrap p{font-size:18px;line-height: 30px;color: #ffffff;}
.btn_mn_more{position: absolute;bottom:0;right:0;width:240px;height: 60px;padding-left:135px;box-sizing:border-box;;background: url(../../images/main/btn_mn_more.png) no-repeat center;font-size:15px;line-height: 60px;;color: #fff;cursor: pointer;}
.btn_mn_more:before{content: '';position: absolute;top:50%;left:50px;width:14px;height: 7px;background: url(../../images/main/btn_more_arr.png) no-repeat center;}

/* common */
.ct1400{width:1400px;margin:auto}

/* .outer_dPtkl{max-width:375px; margin:0 auto; overflow: hidden; height: 138px;}
.dPtlowl .owl-stage-outer{overflow: visible !important; height: 138px;}
.dPtlowl .active .item{opacity: 1;}
.dPtlowl .owl-item{width: 208px !important; margin: 0 15px !important; }
.dPtlowl .item img{width: 100%;}
.dPtlowl .owl-nav{display: block !important;    position: static; position: relative; top: -20px;		} */