@charset "utf-8";





/* main_visual */
.main_visual {position:relative; height:600px; background:#666;}
.main_visual_in {position:relative; width:100%; height:100%; overflow:hidden;}
.main_visual_in:after {clear:both; content:""; display:block;}
.main_visual_in.slick-slider .slick-track, .main_visual_in.slick-slider .slick-list {height:100%;}
.main_visual_in .slick-slide {height:100%;}
.main_visual_in .slick-slide > div {height:100%;}
.main_visual_in .slick-dots {position:absolute; width:100%; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-top:-65px; }
.main_visual_in .slick-dots li {display:inline-block; margin:0 4px;}
.main_visual_in .slick-dots li button {display:block; width:10px; height:10px; font-size:0; background:transparent; cursor:pointer; padding:0; border:3px solid #fff;}
.main_visual_in .slick-dots li.slick-active button { border-color:#d63201;}
.visual_textbox {position:absolute; left:50%; top:50%; z-index:1; width:1280px; max-width:100%; text-align:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.visual_tit {color:#fff; font-size:36px; font-weight:700; line-height:1.2;}
.visual_txt {font-size:18px; color:#fff; margin-top:10px;}
.main_visual_common {position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:left;}



.main_visual01 {background-image:url('/images/main_visual01.png');}

.main_visual02 {background-image:url('/images/main_visual02.png');}

.main_visual03 {background-image:url('/images/main_visual03.png');}








/* main_content 공통 */
.main_inner {position:relative; width:1280px; max-width:100%; margin:0 auto;}
.main_tit {font-size:24px; font-weight:700;}



/* main_content01 */
.main_content01 {max-width:100%; width:1280px; margin:0 auto; padding:46px 0; display:flex; justify-content:space-between;}
.main_content01 > div {width:calc((100% - 60px)/3);}

.main_notice {position:relative;}
.main_notice_in {border-top:1px solid #555; margin-top:12px;}
.main_notice_in li {}
.main_notice_in li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; padding:12px 12px; font-size:16px; border-bottom:1px solid #ddd;}
.mn_more {position:absolute; right:0; top:10px; color:#888;}

.main_cs {padding:28px 24px; background:url('/images/main_cs_bg.png') center center no-repeat; background-size:cover;}
.main_cs .main_tit {color:#fff; font-weight:500;}
.main_cs_text {}
.main_cs_text dt {font-size:36px; color:#fff; font-weight:600; padding:18px 0 14px;}
.main_cs_text dd {font-size:18px; color:#fff; font-weight:300;}
.main_cs_text dd + dd {margin-top:3px;}

.quick_menu {padding:28px 24px; border:1px solid #ddd;}
.quick_menu .main_tit { font-weight:500;}
.quick_menuIn {display:flex; margin-top:30px;} 
.quick_unit {width:33.33%;}
.quick_unit a {display:block; text-align:center;}
.qume_icon {height:42px; margin-bottom:18px; margin-top:0; transition:0.3s all ease;}
.qume_icon img {height:100%;}
.qume_tit {font-size:16px;}





/* main_content02 */
.main_content02 {max-width:100%; width:1280px; margin:0 auto; padding:0px 0 46px;}
.main_product {width:calc(100% + 30px); margin:20px -15px 0; position:relative;}
.main_product:after {clear:both; content:""; display:block;}
.main_product.slick-initialized .slick-slide {margin:0 15px;}
.mapr_unit {width:calc((100% - 150px)/6); margin-right:30px; float:left;}
.mapr_unit:last-child {margin-right:0;}
.mapr_unit a {display:block; text-align:center;}
.mapr_img {position:relative; width:100%; border:1px solid #ddd;}
.mapr_img:before {position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid #333; content:""; display:block; background-color:transparent; opacity:0;}
.mapr_img img {width:100%;}
.mapr_name {margin-top:8px; word-break:break-word;}
.main_product .slick-prev, 
.main_product .slick-next { 
	display:block; 
	width:26px; 
	height:45px;
	top:48px;
	border-radius:.;
	box-sizing:border-box; 
	padding: 0; 
	cursor: pointer;    
	color: transparent;    
	border: 0;   
	outline: none;    
	background-color: #fff; 
	position: absolute;		
	z-index:1;
	transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease;  
	-webkit-transition: all 0.2s ease;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.main_product .slick-prev:before, 
.main_product .slick-next:before {
	display:none !important;
}
.main_product .slick-prev {
	left:-40px; 
	background-image:url('/images/main_product_arrow01.png'); 
	
}
.main_product .slick-next {
	right:-40px; 
	background-image:url('/images/main_product_arrow02.png');
}



/************************ hover ************************/
@media (hover: hover) {
	
	
	.quick_unit a:hover .qume_icon {margin-top:-7px; margin-bottom:25px; transition:0.3s all ease;}

	.ml_wrap li a:hover {border-color:#e89126;}


	.mapr_unit a:hover .mapr_img:before {opacity:1; }


}
/************************ hover ************************/





/* 반응형 중간기기 1280px 사이즈 이하*/
@media all and (max-width:1415px){

	.main_product .slick-prev, .main_product .slick-next {width:16px; height:28px; top:-48px; background-color:transparent;}
	.main_product .slick-next {right:15px; background-image:url('/images/main_product_arrow02_m.png'); }
	.main_product .slick-prev {left:auto; right:50px; background-image:url('/images/main_product_arrow01_m.png');}


}




/* 반응형 중간기기 1280px 사이즈 이하*/
@media all and (max-width:1280px){

	/*main_visual*/
	.visual_textbox {padding:0 15px;}
	


	/* main_content01 */
	.main_content01 {padding:46px 15px;}


	/* main_content02 */
	.main_content02 {padding:0px 15px 46px;}

	


}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	



}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){


	.main_visual {height:480px;}


}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	

	/* main_content01 */
	.main_content01 {flex-wrap:wrap; padding:20px 15px 32px;}	
	.main_content01 > div {width:calc((100% - 15px)/2);}
	.main_content01 .main_notice {width:100%; margin-bottom:15px;}

	

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	


	
	.main_visual {height:360px;} 
	.visual_tit {font-size:28px;}
	.visual_txt {font-size:16px; margin-top:4px;}
	.main_visual_in .slick-dots {margin-top:-50px;}


	/* main_공통 */
	.main_tit {font-size:20px;}

	
	/* main_content01 */
	.main_content01 > div {width:100%;}
	.main_content01 > div + div {margin-top:10px;}
	.main_content01 .main_notice {margin-bottom:0;}

	.main_notice_in {margin-top:8px;}

	.main_cs {padding:20px 20px;}
	.main_cs_text dt {font-size:28px; padding:12px 0 3px;}
	.main_cs_text dd {font-size:16px;}
	.main_cs_text dd + dd {margin-top:0;}

	.quick_menu {padding:20px 20px;}
	.quick_menuIn {margin-top:18px;}
	.qume_icon {margin-bottom:12px;}


	/* main_content02 */
	.main_product {width:calc(100% + 20px); margin:14px -10px 0;}
	.main_product.slick-initialized .slick-slide {margin:0 10px;}
	.main_product .slick-prev, .main_product .slick-next {width:12px; height:21px; top:-37px;}
	.main_product .slick-next {right:10px;}
	.main_product .slick-prev {left:auto; right:40px;}
	
	



}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	/* main_visual */
	.main_visual {height:300px;}
	.visual_textbox {top:140px;}
	.visual_txt {font-size:14px; word-break:keep-all;}
	.visual_tit {font-size:24px;}
	.main_visual_in .slick-dots {margin-top:0; transform:translateY(0); -webkit-transform:translateY(0); top:auto; bottom:20px;}

	/* main_content02 */
	.main_product.slick-slider .slick-list {padding-left:0 !Important;}

	


	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	

}