#main{ width: 100%;    min-width: 330px; }
#main .visual {overflow: hidden;   position: relative;   display: flex;  top: 90px;  justify-content: center;   align-items: center;  max-height: 430px; background: url("../images/img_main_visual.jpg") top center no-repeat; background-size:cover; }
#main .visual .inner{ width: 100%; max-width:calc(1024px - 40px); margin:12% 20px; box-sizing: border-box; text-align:left; color: #000}
#main .visual .inner h2{font-size:clamp(1.9rem, 2vw, 2.3rem);  font-weight: 900; margin-bottom:1%;}
#main .visual .inner h3{font-size:clamp(1.4rem, 2vw, 1.8rem); line-height: 1.8rem;  font-weight: 300;margin-bottom:3%;}


#main .visual .inner .btn{ border: 1px solid #FFF; background: #000;  opacity: .3; text-align: left; width: 130px; padding:5px 15px 5px 25px; position: relative}
.visual .inner .btn a.conMore {color: #FFF;font-size: 0.8rem; line-height: 1rem;  text-decoration: none;  }
.visual .inner .btn a.conMore span:after {content: "";  display: block;   position: absolute;   right:15px;   top:35%; width: 8px;    height: 11px; background:url('../images/ico_main_more.png')no-repeat 0 0;}


/*검색*/
#search{width: 100%;position: relative; background:#FFF; margin: 6rem 0 70px;}
#search .search_wrap{   }
#search .search_wrap .search_form{display: block; position:relative; width:80%; max-width: 610px; margin:0 auto; }
#search .search_wrap input{border-radius: 50px; border: 3px solid #004ea2;}
#search .search_wrap input[type=submit] {position:absolute; right:0px; top:0px; width:90px; height:67px; border:0; text-indent:500%;  background:url('../images/search_submit.png') no-repeat center center; cursor: pointer}
#search .search_wrap input.search_text{background: #fff; font-size: 1rem; height:68px; width:100%; max-width: 610px; padding: 0 145px 0 38px;}

#product .title h3 span.ml5{margin-left: 5px;}
#product .title .sort_wrap {top:55px;}
@media screen and (min-width:1880px){
	#main .visual{background-size: auto; background-repeat: repeat-x}
}


@media screen and (max-width: 980px){
	#quick .wrap > ul li .txt_box > div:nth-child(1){width:100%; padding: 25px 0px 0px 110px;}
	#quick .wrap > ul li .txt_box > div:nth-child(2){width:100%; padding: 0px 0px 0px 110px;}
	#quick .wrap > ul li .txt_box > div:nth-child(3){width:100%; padding: 0px 0px 25px 110px;}
}



@media screen and (max-width: 640px){
	#main .visual {top: 100px; padding-top: 52%; height: auto; background-image:  url("../images/img_main_visual_m.jpg"); background-size: cover; align-items: flex-end}
	#main .visual .inner{text-align: center; position: relative; margin: 2% 20px 8%;}
	#main .visual .inner h2{font-size: 2rem; }
	#main .visual .inner h3{font-size: 1.1rem; }
	#main .visual .inner h3.W640{display: block;     padding: 0px 20px;}
	#main .visual .inner h3.W400{display: none}
	#main .visual .inner .btn { width: 110px; padding:3px 10px 3px 15px; margin: auto;}
	#product{padding-top: 50px;}
	#product.pb50 {padding-bottom: 0; padding-top: 80px;}
	#search{display:none}
	#quick, #quick .wrap {height:160px;}
	#quick .wrap > ul{height: 160px;}
	#quick .wrap > ul li{width: 100%; height: 80px; font-size: 1rem;}
	#quick .wrap > ul li .top > div{height: 80px;}
	#quick .wrap > ul li .txt_box{background:#002d7e url('../images/ico_contact.png')no-repeat 30px center;  height:80px; width:320px; margin: 0 auto}
	#quick .wrap > ul li .txt_box > div:nth-child(1){width:100%; padding: 10px 0px 0px 80px;}
	#quick .wrap > ul li .txt_box > div:nth-child(2){width:100%; padding: 0px 0px 0px 80px;}
	#quick .wrap > ul li .txt_box > div:nth-child(3){width:100%; padding: 0px 0px 10px 80px;}
	#product .title {margin-top: 50px;}
}

@media screen and (max-width:480px){
	#main .visual {top: 100px;  }
	#main .visual .inner h2{font-size: 1.5rem;  font-weight: 900; margin-bottom:1%;}
	#main .visual .inner h3{font-size: 0.9rem; line-height: 1.2rem;  font-weight: 300; margin-top:1%;}
	#main .visual .inner h3.W640{display: none}
	#main .visual .inner h3.W400{display:block}
	#main .visual .inner .search_form{display:none}
	
	#main .visual .inner .btn a.conMore {color: #FFF;font-size: 0.75rem; }
	#main .visual .inner .btn a.conMore span:after{background-size: 7px 10px; right:8px; top: 30%;}
	#quick .wrap > ul li{font-size: 0.9rem;}
	#quick .wrap > ul li .top > div > a {height: 80px; padding-right:20px;}
	#quick .wrap > ul li .top > div.down a {background-position:20px center; padding-left:70px;}
	#product .title h3 span.ml5{display: none}
}