@charset "utf-8";

#header .bottom:before{background:#f7f6f1;}
#header .btn_menu.active{background:#f7f6f1;}
#content{padding-bottom:70px;}
#content > .inr{max-width:1640px; margin:0 auto; padding:0 20px; width:100%;}
.wide01 #content > .inr{max-width:none; padding:0;}
#content h2{margin-top:200px; margin-bottom:100px; font-size:35px; color:#111; font-weight:400; text-align:center; word-break:keep-all;}

/* 서브 상품리스트 페이지 */
*[data-shop-list="default"] > li > .box{padding:40px; box-sizing:border-box;}
@media (hover: hover) {
  *[data-shop-list="default"] > li:hover{background:#fbfaf8;}
}

/* 일미소개 */
.area_about{max-width:1100px; margin:30px auto 0;}
.area_about:after{content:''; display:block; clear:both;}
.area_about .box_img{width:100%; padding-top:332px;}
.area_about .box_img{background:url(../images/content/img_about01.jpg) no-repeat 50% 50%; background-size:cover;}
.area_about .tit{font-size:22px; font-weight:500;}
.box_txt{position:relative; max-width:1100px; margin:0 auto; padding:60px 0;}
.box_txt h3{font-size:28px; font-weight:500; color:#333; word-break:keep-all; line-height:1.5em;}
.box_txt p{padding:15px 0; font-size:16px; font-weight:400; color:#666; letter-spacing:-1px; line-height:1.7em; word-break:keep-all;}
.box_txt p > span.red_bg{background:#e84950; color:#fff;}
.box_txt strong{color:#111; font-weight:500;}
.box_txt b{font-size:17px; font-weight:500; color:#111;}


@media screen and (max-width:1640px){
    #content > .inr{padding:0 2%;}
}

@media screen and (max-width:1150px){
	.area_about .box_img{padding-top:28.8695652173913vw;}
	.box_txt{padding:40px 0 0;}
	.box_txt p br{display:none;}
}


@media screen and (max-width:1024px){
    #content h2{margin-top:160px; margin-bottom:80px; font-size:28px;}
}

@media screen and (max-width:767px){
    #content h2{margin-top:140px; margin-bottom:60px; font-size:28px;}
}

@media screen and (max-width:680px){
	.area_about .box_img.right{margin-left:10px;}
    .certification_area ul li{width:49%;}
    .certification_area ul li:nth-child(2){margin-right:0;}
}

@media screen and (max-width:480px){
    .line_list li{width:49%;}
    .line_list li:nth-child(2n){margin-right:0;}
    .line_list li:last-child{margin-right:0 !important;}
    .line_list li:nth-child(3n){margin-right:2%;}
}

@media screen and (max-width:420px){
	#content{padding-bottom:40px;}
}

@media screen and (max-width:370px){
	.area_about .box_img{float:none; width:100%; padding-top:40.54054054054054vw;}	
	.area_about .box_img{margin-right:0;}
}