@charset "utf-8";

#header{position:relative;}
#header .inr{border-bottom-color:rgba(33,32,30,0.3);}
#header nav .gnb > ul > li > ul,
.search_wrap .form_wrap{background:#21201e;}
#header nav .gnb > ul > li > a{color:#21201e;}
#header nav .gnb > ul > li > ul > li > a{color:#fff;}
.search_wrap .form_wrap input[type="text"]{background:rgba(255,255,255,0.15); border:none; color:#fff;}
.area_util [data-util="logout"]{color:#21201e;}
#header .logo_main,
.area_util .util_main,
.search_wrap .ico_main,
.search_wrap .close_main{display:none;}
#header .logo_sub,
.area_util .util_sub,
.search_wrap .ico_sub,
.search_wrap .close_sub{display:block;}
.search_wrap .form_wrap .btn_search{background:url(../images/common/icon_search.png)no-repeat center/contain;}

#content{padding-bottom:100px;}
#content > .inr{max-width:1600px; width:96%; margin:0 auto;}
#content h2{margin-top:100px; margin-bottom:100px; font-size:35px; text-align:center; word-break:keep-all; font-weight:500; color:#21201e; font-family:'Cormorant Infant', serif;}

/* 일미소개 */
.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;}


/* 상품리스트 */
.area_pr .inr{width:95% !important; max-width:none !important;}

@media screen and (max-width:1400px){
    #header .btn_menu span i,
    #header .btn_menu span:before,
    #header .btn_menu span:after{background:#21201e;}
    
	.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{padding-bottom:80px;}
    #content h2{margin:80px 0; font-size:30px;}
}

@media screen and (max-width:767px){
    #content{padding-bottom:60px;}
	#content h2{margin:60px 0; font-size:25px;}
    
	.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){
}

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