@charset "utf-8";

#header{border-bottom:1px solid #ebebeb;}
#content{padding-bottom:70px;}
#content > .inr{max-width:1400px; margin:0 auto; width:96%;}
#content h2{margin-top:50px; margin-bottom:20px; font-size:35px; color:#111; font-weight:400; text-align:center; word-break:keep-all;}

/* 일미소개 */
.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:1024px){
    #content{padding-top:88px;}
    #content h2{font-size:30px;}
}

@media screen and (max-width:767px){
    #content{padding-top:69px;}
    #content h2{font-size:24px;}
}

@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;}
	#content h2{margin-top:30px;}    
}

@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;}
}