/* BASIC css start */
/* title */
h3.title {background:url(/design/chagacokr/2015_images/icon/icon_title_dot.gif) no-repeat left top;padding:0 0 8px 15px;border-bottom:2px solid #029344;font-size:24px;line-height:24px;font-weight:600;*font-weight:bold;color:#333;margin:35px 0 0 0;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
h3.title span.h3-txt {font-size:12px;font-weight:600;*font-weight:bold;color:#666;padding:0 0 0 10px;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}

/* 디자인컨텐츠 내용 - 공통 */
section {position:relative;width:700px;margin:30px 0 0 0}

.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}

.blue {color:#00abef}
.green {color:#49b252}
.orange {color:#f57c00}
.red {color:#e2421f}

/* 내용 */
.media {position:relative;float:left;width:700px}
.media .img-left img {float:left;width:310px;height:195px;margin:0 20px 0 0}
.media p.media-tit {float:left;width:370px;margin:25px 0 0 0;height:175px;font-size:13px;line-height:24px;letter-spacing:-0.5px;font-weight:600;*font-weight:bold;color:#666;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.media p.media-tit span.blue-bg {background:#00abef;padding:2px 5px 3px 5px;margin:0 3px 0 0;font-size:12px;font-weight:600;*font-weight:bold;color:#fff;}

.media ul.media-list {position:relative;float:left;width:700px;margin:10px 0 0 0}
.media ul.media-list li {float:left;display:inline-block;width:210px;min-height:220px;margin:30px 30px 0 0}
.media ul.media-list li.end {margin:30px 0 0 0 !important;}
.media ul.media-list li p.media-title {background:url(/design/chagacokr/2015_images/icon/icon_media_title.png) no-repeat 5px top;padding:0 0 0 37px;margin:0 0 10px 0;width:173px;height:18px;letter-spacing:-0.5px;font-size:13px;font-weight:600;*font-weight:bold;color:#333;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.media ul.media-list li a.media-img img {background:url(/design/chagacokr/2015_images/cont/media_img_bg.png) no-repeat center top;padding:5px;width:200px;height:150px;margin:0;}
.media ul.media-list li p.media-txt {background:#f8f8f8;padding:4px 9px;margin:0;width:190px;border:1px solid #e5e5e5;font-size:12px;text-align:center;font-weight:normal;color:#666;font-family:'NanumGothic', '나눔고딕', "Nanum Gothic";}
.media ul.media-list li a.zoom img {width:100px;margin:10px 0 0 55px;}

/* BASIC css end */