@charset "utf-8";

/************************************************************************
 * 파일명      : story.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.12.19
************************************************************************/

img {max-width: 100%; height:auto;}
.s_13 {font-size:13px;}
.s_14 {font-size:14px;}
.s_15 {font-size:15px;}
.s_16 {font-size:16px;}
.s_17 {font-size:17px;}
.s_23 {font-size:23px;}
.s_24 {font-size:24px;}
.s_26 {font-size:26px;}
.s_27 {font-size:27px;}
.s_30 {font-size:30px;}
.l_18 {line-height: 18px;}
.l_22 {line-height: 22px;}
.l_27 {line-height: 27px;}
.l_30 {line-height: 30px;}
.l_34 {line-height: 34px;}
.l_36 {line-height: 36px;}
.l_40 {line-height: 40px;}
.l_43 {line-height: 43px;}
.w_normal {font-weight:normal;}
.w_bold {font-weight:bold}
.c_00 {color: #000;}
.c_ff {color: #fff;}
.c_c8 {color: #c8c8c8;}
.c_33 {color: #333;}
.c_32 {color: #323232;}
.c_50 {color: #505050;}
.c_ea5e00 {color:#ea5e00;}
.textcenter {text-align:center;}
.mart15 {margin-top:15px;}
.mart20 {margin-top:20px;}
.mart35 {margin-top:35px;}
.mart40 {margin-top:40px;}
.mart80 {margin-top:80px;}
.marb5 {margin-bottom:5px;}
.marb15 {margin-bottom:15px;}
.marb35 {margin-bottom:35px;}
.marb40 {margin-bottom:40px;}
.marb50 {margin-bottom:50px;}
.marb60 {margin-bottom:60px;}
.marb80 {margin-bottom:80px;}
.ptpb15 {padding-top:15px; padding-bottom:15px;}
.ptpb30 {padding-top:30px; padding-bottom:30px;}
.plpr15 {padding-left:15px; padding-right:15px;}
.col-md-12, .caption_block {display:inline-block;max-width:878px;}
.bg_ef {background-color:#efefef;}
.bb_ef {border-bottom:1px solid #efefef;}
.bb_dc {border-bottom:1px solid #dcdcdc;}
.story1_dv03-2 {min-height:123px;padding:30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story1_dv03-2 p {font-size:15px; line-height:21px; color:#5e5038;text-align:center;}
.story1_dv04-1 {padding:75px 0; text-align:center;}
.story1_dv07 {background-color:#f3f1e4;}
.story1_dv07-2 {background-color:#6f6f6f;padding:0 30px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story1_dv07-2 p {color:#fff;font-size:17px; line-height:50px; font-weight:bold;}
.story1_dv07-3 {padding:20px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story1_dv07-3 p {color:#505050;font-size:15px; line-height:30px;}
.story1_dv08 p {color:#000;font-size:17px; line-height:27px; letter-spacing:-1px;}

.story2_ul {list-style-type:none; border-bottom: 1px solid #dcdcdc; padding-bottom:10px; margin-bottom:15px;}
.story2_ul li {font-size:18px; line-height:30px; font-weight: bold; color:#323232; list-style-type:disc; margin-left:20px;}
.story2_dv00 {background:url(/skin/img/sub/sub_img0202-8.jpg) repeat-x center center; width:100%; max-width:878px;}
.story2_dv01 {background-color:#fff; width:70%; padding:87px 10px; margin:0 auto;}
.story3_dv01 {background:url(/skin/img/sub/sub_img0203-3.jpg) repeat; width:100%; max-width:878px;}
.story3_dv03 {padding:25px 0;}
.story3_dv04_1 {min-height:318px;background-color:#0d0c0a;margin:0 5px 5px 0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story3_dv05 {max-width:211px;}
.story3_dv06 {max-width:211px;min-height:144px;padding:25px 13px 20px 20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}

.story4_dv04_1 {min-height:220px; margin:0 5px 5px 0;text-align:center;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story4_dv05 {max-width:137px;}
.story4_dv06 {max-width:137px;min-height:71px;margin-top:25px;text-align:center;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.tb_story4 {width:100%; max-width:877px;}
.tb_story4 td {font-size:12px; line-height:26px; border: 1px solid #dcdcdc;}
.td_1st {width:17%; background-color:#646464; color:#fff; font-weight:bold; text-align:center;}
.td_2nd {width:51%; color:#323232; padding:2% 4%;}
.td_3rd { padding:2% 4%; color:#fff;}
.story4_dv08 {background:url(/skin/img/sub/sub_img0204-9.png) no-repeat top center;background-size:100% 100%; padding:2% 3%;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story4_dv11 {font-size:15px; line-height:26px;color:#ea5e00;font-weight:bold; border-right:1px solid #dcdcdc;}
.story4_dv12 {padding: 0 3%;}
.story5_dv03 {width:100%; max-width:877px; border: 1px solid #dcdcdc;background-color:#f9f9f9; }
.story5_dv04 {padding:2.5% 5%;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story5_dv06, .story5_dv09 {padding-right:10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.story5_dv08 {padding:10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}

.col-md-12 {width:100%;}
.col-md-2 {width: 16.6666%;}
.col-md-3 {width:25%;}
.col-md-4 {width:33.3333%;}
.col-md-6 {width:50%;}
.col-md-8 {width:66.6666%}
.col-md-9 {width:75%}
.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-9, .col-xs-4, .col-xs-6 {display:block;position:relative; float:left;height:auto;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.col-md-8.col-xs-6.col-xxs-12 {padding: 20px 0 20px 25px;}
.kimchi-table {overflow:hidden;}
.kimchi-table .kimchi-txt {float:left;width:74.353986%;}
.kimchi-table .kimchi-img {float:left;width:25.646012%;}
@media (min-width: 1063px) and (max-width: 1200px) {
}

@media (max-width: 767px) {
	.col-xs-4 {width:33.3333%;}
	.col-xs-6 {width:50%;}
	.col-md-8.col-xs-6.col-xxs-12 {padding:0 0 0 15px;}
}
@media (max-width: 450px) {
	.col-xxs-2 {width:16.6666%;}
	.col-xxs-6 {width:50%;}
	.col-xxs-8 {width:66.6666%;}
	.col-md-3.col-xxs-8 {margin:0 auto; float:none;}
	.col-xxs-12 {width:100%;text-align:center;}
	.col-md-8.col-xs-6.col-xxs-12 {padding:0;}
	.story4_dv11 {border:none;}
	.story2_ul {margin-top:10px;}
	.story2_ul li {list-style:none;margin-left:0;}
	.textright {font-size:11px;}
	.s_15 {font-size:12px;}
	.s_17 {font-size:13px;}
    .s_24 {font-size:13px;}
	.s_26 {font-size:18px;}
	.s_27 {font-size:17px;}
	.story4_dv11 {font-size:16px;}
	.marb80 {margin-bottom:40px;}
	.mart80 {margin-top:40px;}
	.story4_dv04_1 .textcenter {text-align:center;}
	.kimchi-table .kimchi-txt {float:inherit;width:100%;}
	.kimchi-table .kimchi-img {float:inherit;width:auto;}
	.story2_ul li {font-size:15px}
}