@charset "utf-8";
#wrap{overflow-x: hidden;}

.clearfix{*zoom:1}
.clearfix::after{clear:both;content:'';display:block;}
.inner{width:1100px;position:relative;margin:0 auto;height:100%;}
.center_wrap{position:absolute;left:50%;top:50%;
-webkit-transform: translate(-50%,-50%) ;
	  -ms-transform: translate(-50%,-50%) ;
	  transform: translate(-50%,-50%) ;
	  height:auto;
}

.main_sec_wrap > div{background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:70px;-webkit-background-size: cover !important;}
.main_sec03_wrap{position:relative;height:100%;}
.main_sec01{background-image:url(../../images/main/main_sec01.png);background-attachment:fixed !important;}
.main_sec03{background-image:url(../../images/main/main_sec04.png);padding-bottom:146px;}

#header{position:fixed;width:100%;z-index:99999;background-color:#FFF;height:70px;border-bottom:1px solid #dcdcdc;}
.header_inner{height:70px;background-color:#FFF;}
.header_wrap{position:relative;width:1100px;margin:0 auto;background-color:#FFF;height:100%;}
.header_wrap h1{position:absolute;width:114px;height:80px;background-color:#ea094b;background-image:url(../../images/main/logo.png);background-repeat:no-repeat;background-position:50% 50%;}
.header_wrap h1 a{display:block;height:100%;text-indent:-9999px;}
#gnb{position:absolute;left:163px;}
#gnb .depth2{left:0;position:absolute;bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);}

#gnb > li{float:left;}
#gnb > li > a{display:block;height:70px;padding:0 60px;font-size:16px;font-weight:bold;color:#333;line-height:70px;background-color:#FFF;}
#gnb > li > a span{display:block;position:relative;height:100%;}
#gnb > li > a span::before{content:'';position:absolute;width:0;height:4px;background-color:#ea094b;top:0;left:0;transition:all .3s cubic-bezier(.4,0,.2,1)}
#gnb > li > .depth2{z-index:-1;background-color:#f5f6f8;padding-top:20px;width:auto;text-align:center;}
#gnb > li:last-child > .depth2{left: auto;right: 0;}
#gnb > li:first-child .depth2 {width: 133%;}
#gnb > li > .depth2 > li{float:left;}
#gnb > li > .depth2 > li a{line-height:60px;font-size:14px;padding:0 24px;font-weight:500;color:#333;}
#gnb > li > .depth2 > li a:hover{color:#ea094b;}
#gnb > li:hover > a > span::before{width:100%}
#gnb > li:hover > .depth2{bottom:-60px;}
.gnb_ov{position:absolute;width:100%;height:60px;background-color:#f5f6f8;bottom:0;z-index:-10;transition:all .3s cubic-bezier(.4,0,.2,1)}
.gnb_ov.on{bottom:-60px;}

.all_menu_wrap{position:absolute;top:-240px;width:100%;background-color:#f5f6f8;height:240px;z-index:-1;transition:all .4s cubic-bezier(.4,0,.2,1);opacity: 0;}
.all_menu_wrap.on{top:70px;opacity: 1;}
.all_menu{position:relative;width:1100px;margin:0 auto;height:100%;}
.all_menu .m_gnb{position:absolute;left:163px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.all_menu .m_gnb > li{float:left;padding:0 44px 0 60px; }
.all_menu .m_gnb > li a{display:block;line-height:34px;font-size:14px;color:#646464;font-weight:500;}
.all_menu .m_gnb > li > a{display:none;}
.all_menu .m_gnb > li a:hover{color:#ea094b;}
.all_menu .m_gnb > li ul{padding-left:15px;border-left:1px solid #dcdcdc;box-sizing:border-box}
.all_menu .m_gnb .dep2_top{display:none;}
.all_menu_btn {position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.all_menu_btn div{position:relative;width:220px;height:95px;overflow:hidden;}
.all_menu_btn a{display:block;height:100%;padding:15px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;color:#fff;font-weight:500;font-size:13px;
transition:all .2s ease-in-out;
transform:scale(1);
}
.all_menu_btn a:hover{transform:scale(1.05);}

.all_menu_btn div span{display:block;position:absolute;padding-top:10px;color:#fff;z-index:99;left:15px;top:15px;}
.all_menu_btn div span:before{content:'';width:15px;height:1px;background-color:#FFF;top:0;left:0;position:absolute;}

.all_menu_btn div:first-child{margin-bottom:4px;}
.all_menu_btn div:first-child a{background-image:url(../../images/main/btn_ctlg.png);}
.all_menu_btn div:last-child a{background-image:url(../../images/main/btn_ctu.png);}



#footer{bottom:0;width:100%;background-color:#333;padding-top:0;}
#fullpage #footer{position: absolute;}
#footer .footer_top{border-bottom:1px solid #474747;}
#footer .footer_top h2{float:left;width:61px;height:49px;background-image:url(../../images/main/footer_logo.png);background-repeat:no-repeat;background-position:50% 50%;}

#footer .footer_top h2 a{display:block;height:100%;text-indent:-9999px;}
#footer .footer_top .footer_btn{float:right;}
#footer .footer_top .footer_btn li{float:left;min-width:170px;box-sizing:border-box;border-right:1px solid #474747;border-left:1px solid #474747;}
#footer .footer_top .footer_btn li:first-child{border-right:none;}
#footer .footer_top .footer_btn li a{display:block;height:49px;padding:0 20px;color:#fff;font-size:12px;line-height:49px;background-image:url(../../images/main/footer_arrow.png);background-position:right center;background-origin:content-box;background-repeat:no-repeat;


}
#footer .footer_top .footer_btn li a:hover{
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
	-webkit-animation-duration: .5s; /* Chrome, Safari, Opera */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: ease-in-out;
	
	animation-name: example;
	animation-duration: .5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	
}

	@-webkit-keyframes example {
			0%   { background-position:100% center;}
		   
			50%  { background-position:92% center;}
			
			100% {  background-position:100% center;}
		}

		@keyframes example {
			0%   { background-position:100% center;}
		   
			50%  { background-position:92% center;}
			
			100% {  background-position:100% center;}
		}

#footer .footer_bottom{padding:26px 0;}
#footer .footer_bottom .address{margin-bottom:0;}
#footer .footer_bottom .address li{position:relative;float:left;font-size:13px;color:#fff;line-height:22px;padding:0 10px;}
#footer .footer_bottom .address li::after{content:'';position:absolute;width:1px;height:12px;background-color:#5b5b5b;right:-1px;top:50%;margin-top:-6px;}
#footer .footer_bottom .address li:first-child{padding-left:0;}
#footer .footer_bottom .address li:last-child{padding-right:0;}
#footer .footer_bottom .address li:last-child::after{display:none;}
#footer .footer_bottom .copy{font-size:12px;line-height:22px;color:#fff;opacity:.5;}


	


.main_sec_cont{position:absolute;width:486px;top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	opacity:0;
	left:-5%;
	transition:all .8s .4s ease-in-out
	
}

.main_sec_cont.on{left:0;opacity:1;}


.sec01_cont h2{position:relative;width:200px;height:72px;background-image:url(../../images/main/sec01_logo.png);background-repeat:no-repeat;text-indent:-9999px;padding-bottom:30px;margin-bottom:32px;}
.sec01_cont h2::after{position:absolute;width:31px;height:1px;background-color:#ea094b;bottom:0;left:0;content:''}
.sec01_cont strong{display: block;font-size:30px;color:#8c6e4a;line-height:40px;margin-bottom:18px;}
.sec01_cont p{font-size:18px;line-height:28px;color:#646464;font-weight:500;}

.menu_wrap {
  cursor: pointer;
  margin: 0 auto;
  position:absolute;
  right:0;
  top:0;
  width: 80px;
  height: 70px;
	z-index:9999;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.menu_wrap .menu{position:absolute;width:20px;height:15px;left:50%;top:50%;margin-left:-10px;margin-top:-6.5px;}
.menu_wrap::after{position:absolute;width:0;height:4px;background-color:#ea094b;content:'';top:0;left:0;transition:all .3s cubic-bezier(.4,0,.2,1)}


.menu_wrap.on::after{width:100%;}

.menu-global{
	backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  left:0;
  position: absolute;
 
  height:1px;
  background-color:#8c6e4a;
  width: 100%;
  transition:all 0.55s;
}
.menu-top {
  top: 0;
}
.menu-middle {
  top: 7px;
}
.menu-bottom {
  top: 14px;
}

.menu-top-click {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: 7.5px;
  transform: rotate(225deg);
	transition:  0.5s;
}
.menu-middle-click {
	left:10px;
	opacity:0;
  transition: 0.5s;
}
.menu-bottom-click {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: 7.5px;
  transform: rotate(-225deg);
  transition:  0.5s;
}

.main_sec02 .inner{position:absolute;top:50%;left:50%;height:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding-bottom: 60px;}
.main_sec02 .main_prod_list .slick-list li{}
.main_prod_list .slick-list  li{position:relative;float:left;width:300px;height:300px;margin-left:100px;margin-bottom:40px;}
.sub .main_prod_list  li{position:relative;float:left;width:300px;height:300px;margin-left:100px;margin-bottom:40px;}
.main_sec02 .main_prod_list .slick-list li{width:33.33333%;height:310px;margin-bottom:0;margin-left:0;}
.main_sec02  .main_prod_list {width: 1000px;margin: 0 auto;}

.main_prod_list li:nth-child(3n-2){margin-left:0;}
.main_prod_list li  a{
		display:block;width:0;height:0;position:absolute;left:50%;top:50%;
	 -webkit-transform: translate(-50%,-50%) ;
	  -ms-transform: translate(-50%,-50%) ;
	  transform: translate(-50%,-50%) ;
	  transform-origin: 50% 50% ;
	  -webkit-transform-origin: 50% 50%; 
	  border-radius:100%;background-color:#f5f6f8;  
	 
	  background-repeat:no-repeat;background-position:50% 10%;
	  
	background-origin:content-box;
			
		
}
.main_sec02_wrap{position:relative;height:100%;}

.main_prod_list  li  a.on{width:83.33333%;height:83.33333%;}
.main_sec02 .main_prod_list  li  a{width: 0;height: 0;}
.main_sec02 .main_prod_list  li  a.on{width:250px;height:250px;}

.main_prod_list  li.main_prod01 > a{
	background-image:url(../../images/main/prod01.png); 
	transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .7s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .7s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .7s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .7s cubic-bezier(.4,.72,.34,1.66);}
.main_prod_list li.main_prod02 > a{background-image:url(../../images/main/prod02.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .6s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .6s cubic-bezier(.4,.72,.34,1.66);
	transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .6s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .6s cubic-bezier(.4,.72,.34,1.66);}
.main_prod_list li.main_prod03 > a{background-image:url(../../images/main/prod03.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .5s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .5s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .5s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .5s cubic-bezier(.4,.72,.34,1.66)}
.main_prod_list li.main_prod04 > a{background-image:url(../../images/main/prod04.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .65s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .65s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .65s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .65s cubic-bezier(.4,.72,.34,1.66);}
.main_prod_list li.main_prod05 > a{background-image:url(../../images/main/prod05.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .75s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .75s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
	background-color .3s cubic-bezier(.4,.72,.34,1.66),
	width  .3s .75s cubic-bezier(.4,.72,.34,1.66),
	height  .3s .75s cubic-bezier(.4,.72,.34,1.66);}
.main_prod_list  li.main_prod06 > a{background-image:url(../../images/main/prod06.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	}
.main_prod_list li.main_prod07 > a{background-image:url(../../images/main/prod07.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	}

.main_prod_list  li.main_prod08 > a{background-image:url(../../images/main/prod08.png); 
transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	-webkit-transition:padding .3s cubic-bezier(.4,.72,.34,1.66),
			background-color .3s cubic-bezier(.4,.72,.34,1.66),
			width  .3s .8s cubic-bezier(.4,.72,.34,1.66),
			height  .3s .8s cubic-bezier(.4,.72,.34,1.66);
	}


.main_prod_list_wrap {position: relative;}


.main_prod_list button.slick-arrow{opacity: 0;display: block;position: absolute;width:0;height:0;background-repeat: no-repeat;text-indent: -9999px;top: 50%;margin-left: -20px;}
.main_prod_list button.slick-prev{background-image: url(../../images/main/main_prod_arrow_p.png);left: 0;}
.main_prod_list button.slick-next{background-image: url(../../images/main/main_prod_arrow_n.png);right: 0;}
.main_prod_list_wrap > .slick_arrow{display: block;position: absolute;width: 23px;height: 41px;top: 50%;margin-top: -20px;text-indent: -9999px;}
.main_prod_list_wrap > .slick_prev{background-image: url(../../images/main/main_prod_arrow_p.png);left: 0;}
.main_prod_list_wrap > .slick_next{background-image: url(../../images/main/main_prod_arrow_n.png);right: 0;}

.main_prod_list_wrap .slick-dots{position: absolute;width: 300px;bottom: -60px; left: 50%;margin-left: -150px;height: 1px;background-color: #dcdcdc;}
.main_prod_list_wrap .slick-dots li{float: left;width: 12.5%;text-align: center;text-indent: -9999px;}
.main_prod_list_wrap .slick-dots li.slick-active{}
.main_prod_list_wrap .slick-dots li button{}
.main_prod_list_wrap .slick-dots .pager{position: absolute;width:9px ;height: 9px;background-image: url(../../images/main/main_prod_pager.png);background-repeat: no-repeat;left: 14.25px;top: -4px;transition:all .2s ease-in-out}
.main_prod_list  li div{
	
	
	
	
	text-align:center;
	
	
	z-index:-9999;
	opacity:0;
	
	
}
.main_prod_list  li  div h3{position:relative;font-size:22px;line-height:22px;font-weight:900;padding-top:10px;color:#fff;}
.main_prod_list  li  div h3::before{content:'';position:absolute;width:15px;height:1px;background-color:#FFF;top:0;left:50%;margin-left:-12.5px;}
.main_prod_list  li  div p{color:#fff;font-size:14px;line-height:22px;}
.main_prod_list  li  a:hover{
	 overflow: hidden;   background-position: 50% 10% !important; /* transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);  */
			padding: 30px; 
			background-color:#ea094b;
}

.main_sec02 .main_prod_list .slick-list li > a:hover{
	
	padding:22px;
}
.main_prod_list li  a:hover > div{opacity:1;}


.main_sec02 .main_sec_tit{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}
.main_sec02 .main_sec_tit{margin-bottom:50px;}
.main_sec_tit{position:relative;text-align:center;margin-bottom:40px;padding-top:30px;}

.main_sec_tit::before{content:'';position:absolute;width:30px;height:1px;background-color:#ea094b;top:0;left:50%;margin-left:-15px;}

.main_sec_tit h2{display:inline-block;position:relative;font-size:50px;line-height:40px;font-weight:900;color:#333;
transition:all  .4s cubic-bezier(.4,0,.2,1);
background-image:none;
}
.main_sec02 .main_sec_tit.on{opacity:1;}
.main_sec_tit.on h2{padding-left:121px;background-image:url(../../images/main/sec01_logo.png);background-size:contain;background-repeat:no-repeat;}



.main_sec_tit strong{display:block;text-transform:uppercase;font-size:30px;line-height:40px;color:#8c6e4a;font-weight:500;}
.main_sec_tit p{font-size:16px;color:#646464;line-height:26px;}


.main_sec_tit.type02{padding-top:30px;margin-top:0;margin-bottom:50px;opacity:0;transition:all .5s ease-in-out}
.main_sec_tit.type02.on{opacity:1;}
.main_sec_tit.type02::before{background-color:#FFF;}
.main_sec_tit.type02 h2{padding-left:0;background-image:none;color:#fff;}
.main_sec_tit.type02 strong{color:#fff;letter-spacing:10px;font-weight:300;}
.main_sec_tit.type02 p{color:#fff;} 

.process_list li{float:left;width:332px;height:260px;margin-left:52px;}
.process_list li:nth-child(1){margin-left:0;}
.process_list li a{display:block;position:relative;padding:0 20px;height:100%;background-repeat:no-repeat;opacity:0;transform:translateY(50%);background-size:100% 100%; }
.process_list li a::after{position:absolute;content:'';width:12px;height:20px;background-image:url(../../images/main/process_arrow.png);top:50%;right:-30px;margin-top:-10px;}
.process_list li:nth-child(1) a{background-image:url(../../images/main/process01.png);transition:opacity  .6s .2s ease-in-out,transform  .5s .2s ease-in-out,background-size .4s ease-in;-webkit-transition:opacity  .6s .2s ease-in-out,transform  .5s .2s ease-in-out,background-size .4s ease-in;}
.process_list li:nth-child(1) a{background-image:url(../../images/main/process02.png);transition:opacity .6s .3s ease-in-out,transform  .5s .3s ease-in-out,background-size .4s ease-in;-webkit-transition:opacity .6s .3s ease-in-out,transform  .5s .3s ease-in-out,background-size .4s ease-in;}
.process_list li:nth-child(2) a{background-image:url(../../images/main/process03.png);transition:opacity  .6s .4s ease-in-out,transform  .5s .4s ease-in-out,background-size .4s ease-in;-webkit-transition:opacity  .6s .4s ease-in-out,transform  .5s .4s ease-in-out,background-size .4s ease-in;}
.process_list li:nth-child(3) a{background-image:url(../../images/main/process04.png);transition:opacity .6s .5s  ease-in-out,transform  .5s .5s ease-in-out,background-size .4s ease-in;-webkit-transition:opacity .6s .5s  ease-in-out,transform  .5s .5s ease-in-out,background-size .4s ease-in;}
.process_list li:nth-child(3) a::after{display:none;}

.process_list li a.on{transform:translateY(0);opacity:1;}

.process_list li .txt_box{position:absolute;width:100%;bottom:20px;left:0;color:#fff;padding:0 20px;box-sizing:border-box}
.process_list li .txt_box strong{display:block;position:relative;font-size:20px;line-height:22px;padding-top:10px;}
.process_list li .txt_box strong::before{position:absolute;width:15px;height:1px;background-color:#ea094b;top:0;left:0;content:''}
.process_list li .txt_box p{font-size:16px;line-height:22px;}

.process_list li a:hover{}
.dim{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999;}
.all_menu_top{display: none;}

@media screen and (max-width:1100px){
	.header_wrap{width:100%;}
	.inner{width:100%;padding: 0 15px; box-sizing:border-box}
	.main_sec02 .inner{position:relative;}

	.process_list li{width: 33.3333%;margin-left: 0;padding: 0 10px;box-sizing:border-box}
	.process_list li a::after{display: none;}
	.main_sec_cont.on{left: 15px;}

	.main_prod_list{width: 100%;}
}
@media screen and (max-width:1024px){
	#header{height:50px;}
	.header_inner{height:50px;}
	#gnb{display:none;}
	.menu_wrap{height:50px;width:50px;border-right:none;border-left:none;}
	.header_wrap h1{height:50px;width:70px;height:39px;background-image:url(../../images/main/m_logo.png);background-repeat:no-repeat;background-size:cover;background-color:#FFF;top:5px;left:15px;}
	.header_wrap h1 a{height:39px;}
	.all_menu_wrap{top:0;width:70%;right:-70%;z-index:99999;height:100%;background-color:#FFF;}
	.all_menu_wrap::after{content:'';width:200%;height:100%;position:absolute;background-color:rgba(0,0,0,.5);left:0;top:0;z-index:-1;}
	.all_menu_wrap.on::after{left:-200%;z-index:-1;}
	.all_menu_wrap.on{top:0;right:0;}
	.all_menu{width:100%;background-color:#FFF;}
	
	.all_menu .m_gnb{position:relative;top:0;transform: translateY(0);
    -webkit-transform: translateY(0);left:0;height:100%;}
	.all_menu_btn{display:none;}
	.all_menu .m_gnb > li > a{display:block;box-sizing:border-box;line-height:50px;border-bottom:1px solid #dcdcdc;padding:0 15px;background-image:url(../../images/main/all_menu_dep2.png);background-repeat:no-repeat;background-position:100% center;background-origin:content-box;background-size:11px 20px;}
	.all_menu .m_gnb > li ul{padding-left:0;}
	.all_menu .m_gnb > li{padding:0;float:none;background-color:#f5f6f8;}
	.all_menu_top{display: block;position:relative;height:50px;background-color:#FFF;border-bottom:1px solid #dcdcdc;}
	.all_menu_top_logo{width:70px;height:39px;text-indent:-9999px;position:absolute;left:15px;top:5px;background-image:url(../../images/main/m_logo.png);background-repeat:no-repeat;background-size:cover;}
	.all_menu_close{position:absolute;width:20px;height:20px;background-image:url(../../images/main/all_menu_close.png);right:15px;top:15px;text-indent:-9999px;background-size:cover;}
	.all_menu .m_gnb .dep2{position:absolute;top:-51px;width:100%;height:100%;right:-100%;transition:all .4s cubic-bezier(.4,0,.2,1);background-color:#FFF;}
	.all_menu .m_gnb .dep2 ul{background-color:#f5f6f8;}
	.all_menu .m_gnb .dep2 ul a{padding:0 15px;line-height:50px;border-bottom:1px solid #dcdcdc;}
	.all_menu .m_gnb .dep2_top{display:block;position:relative;height:50px;background-color:#FFF;border-bottom:1px solid #dcdcdc;}
	.all_menu .m_gnb .dep2_top a{line-height:50px;text-align:center;}
	.all_menu .m_gnb .dep2_top span{position:absolute;width:41px;height:50px;background-image:url(../../images/main/all_menu_arrow.png);left:0;background-repeat:no-repeat;background-position:50% 50%;background-size:11px 20px;cursor:pointer}
	.main_sec_wrap > div{padding-top:50px;padding-bottom: 50px;}
	

	.main_sec02 .main_prod_list > li > a.on{width: 90%;height: 90%;}
	.main_sec02 .main_prod_list .slick-list li > a:hover{
	
		padding:0;
		
	}
	.main_prod_list .slick-list li div{color: #333;margin-top: 20px;}
	.main_prod_list .slick-list li  div h3{color: #333;font-size: 20px;}
	.main_prod_list .slick-list li  div h3::before{background-color: #e8184d;}
	.main_prod_list .slick-list li  div p{color: #333;display: none;}

	.sub .main_prod_list > li > a.on{width: 90%;height: 90%;}
	.sub .main_prod_list  li > a:hover{
	
		padding:0;
		
	}
	.sub .main_prod_list  li div{color: #333;margin-top: 20px;}
	.sub .main_prod_list  li  div h3{color: #333;font-size: 20px;}
	.sub .main_prod_list  li  div h3::before{background-color: #e8184d;}
	.sub .main_prod_list li  div p{color: #333;display: none;}

.sub .main_prod_list  li div{opacity: 1;}

	.main_sec02 .main_prod_list{width: 100%;}
}
@media screen and (max-width:900px){
	
	
	.main_sec02.fp-section,.main_sec03.fp-section{height:auto !important;}
	
	.main_sec03 .center_wrap{position:relative;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		left: 0;
		top: 0;
	}
	.main_sec02 .main_prod_list > li{width: 50%;}
	.process_list li{width: 50%;margin-left: 0;box-sizing:border-box;margin-bottom: 20px;}
	.process_list li:nth-child(odd){padding-right: 10px;}
	.process_list li:nth-child(even){padding-left: 10px;
	transform: translateY(130px);
    -webkit-transform: translateY(130px);
	}

	.process_list li a::after{display: none;}
	.main_sec02 .inner{top: 0;left: 0;transform: translate(0,0); 
     -webkit-transform: translate(0,0); }
	
	#fullpage #footer{position:relative;}

	.main_prod_list {padding: 0 50px;} 
	.main_prod_list_wrap > .slick_arrow{z-index: 999;}
	.sub .main_prod_list  li div{opacity: 1;}
	.sub .main_prod_list {padding: 0;}

}
@media screen and (max-width:640px){
	
	.main_sec01.fp-section{height: 600px !important;}
	.main_sec01{background-image: url(../../images/main/main_sec01_m.png);background-repeat: no-repeat;-webkit-background-size: cover;
	background-size: cover;}
	.main_sec_cont{width: 100%;bottom: 60px;top: auto;transform: translateY(0);
    -webkit-transform: translateY(0);}
	.sec01_cont h2{width: 100px;height: 36px;-webkit-background-size: cover;
	background-size: cover;padding-bottom: 0;;margin-bottom: 30px;} 
	.sec01_cont h2::after{bottom: -15px}
	.sec01_cont p{display: none;}
	.sec01_cont strong{font-size: 16px;color: #333;line-height: 26px;}
	.main_sec_cont.on{left: 15px;}

	.main_sec_tit h2{font-size: 26px;line-height: 26px;margin-bottom: 10px;}
	.main_sec02_wrap .main_sec_tit.on h2{padding-left: 80px;}
	.main_sec_tit strong{font-size: 18px;line-height: 26px;}
	.main_sec_tit p{display: none;}

	.process_list li:nth-child(even){padding-left: 5px;}
	.process_list li:nth-child(odd){padding-right: 5px;}
	.process_list li{height: 200px;margin-bottom: 10px;}
	.process_list li:nth-child(even){transform:translateY(100px);-webkit-transform:translateY(100px)}
	.process_list li .txt_box{padding: 0 10px;}
	.main_sec_wrap > div.main_sec03.fp-section{padding-bottom: 150px;}

	#footer .footer_top .inner{padding: 0;}
	#footer .footer_top h2{display: none;}
	#footer .footer_top .footer_btn{float: none;}
	#footer .footer_top .footer_btn li{width: 50%;border: none;min-width:auto}
	#footer .footer_top .footer_btn li:first-child{border-right: 1px solid #474747;}
	#footer .footer_bottom .address li{padding: 0;float: none;}
	#footer .footer_bottom .address li:after{display: none;}
	#fullpage #footer{padding-bottom: 0;}
	.main_prod_list {padding: 0 30px;} 

	.main_prod_list_wrap > .slick_arrow{width: 16px;height: 28.5px;-webkit-background-size: cover;
	background-size: cover;}

	.main_sec02 .main_prod_list .slick-list li  a.on{width: 90%;height: 90%;}
	.main_prod_list_wrap .slick-dots{bottom: -30px;}
	.main_sec02 .main_sec_tit{margin-bottom: 30px;}
}