﻿@charset "utf-8";
/* Chosun New Media */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;font-size:15px;line-height:1.267em}
body{position:relative;background-color:#fff;color:#000;-webkit-text-size-adjust:none}
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}


/* .toparea */
.toparea {position:relative;height:50px;background:#fff;border-bottom:1px solid #299de8;text-align:left;}
.toparea h1{display:inline-block}
.toparea h1 span {display:inline-block;padding:10px}
.toparea h1 img{width:124px;height:26px;margin:12px 0 0 10px;}
.toparea .btn_right_reveal{position:absolute;right:0;top:0;width:85px;height:50px}
.toparea .btn_right_reveal img{width:70px;height:23px;margin-top:15px;}

/* cate */
.cate{position:relative;min-height:42px;background-color:#5bbaf7;}
.cate:after{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#299de8;content:''}
.cate ul{display:table;width:100%;height:42px}
.cate ul li{display:table-cell;white-space:nowrap;text-align:center}
.cate ul li a{display:block;width:100%;position:relative;height:42px;color:#d1e9f8;font-family:'Helvetica Neue Condensed',Helvetica;font-size:15px;font-weight:bold;line-height:42px}
.cate ul li.on a{height:39px;border-bottom:4px solid #005bba;background-color:#005bba;color:#fff;}

/* ad */
.ad {padding:6px 0 3px 0;background:#e6e6e6;text-align:center;}

/* list */
.commonList {  width:100%; float:left; padding: 0; margin:0; font-family:"NanumGothic","나눔고딕"; text-align: left;}
.commonList li { width:100%; float:left; padding:10px 0 0 0;border-bottom:1px solid #dfdfdf;}
.commonList li.end {border-bottom:0px solid #dfdfdf;}
.commonList dl { position:relative;padding-left:10px;}
.commonList dt { font-size: 14px; padding: 0 0 3px 0; font-style: normal; font-weight:bold;word-spacing:-2px;}
.commonList dt a { color: #244547;}
.commonList dd { padding: 0; font:normal 13px '나눔고딕', NanumGothic; line-height: 18px;}
.commonList dd a { color:#666;}
.commonList .desc_thum { position: relative; float: left; width: 70px; height: 80px;padding-left:10px; margin: 0 10px 0 0; border: 0px solid #dfdfdf; background: #fff; text-align: center; } 
.commonList .desc_thum a { display: block; }
.commonList .desc_thum a:hover { overflow: visible; }
.commonList .desc_thum img { width: 70px; height:70px; margin: 0; }

.listpage {clear: both; position: relative; width: 100%; height: 40px;margin-top: 20px; overflow: hidden; background: #f9f9f9; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.listpage .top { position: absolute; width:45px;height:40px; padding: 9px 0 0 28px;top: 0; right: 10px; z-index: 20; border-left: 1px solid #dddddd; background:url(http://m.chosun.com/img/top.png) 0 0 no-repeat;}
.listpage .top a { color:#666;font-size:12px;}
.listpage ul { width: 100%; margin: 0; padding: 10px 0 0 0; text-align: center;}
.listpage ul li {color:#666; padding: 0 50px 0 0;font:normal 14px '나눔고딕',}
.listpage ul li cite {color:#222; font-weight:bold;  text-decoration: none; font-style: normal;}



/* article */
.article_wrap1{background:#fff;border-top:0px solid #c5c5c5}

.popular {width: 100%; background: #fff; border-top: 1px solid #cacaca;}
.popular h3 {color: #2e9ce9; height: 24px; padding: 7px 0 0 10px; margin: 0; font:normal 14px '나눔고딕', NanumGothic;font-weight:bold;border-bottom: 1px solid #e0e0e1;}
.popular ul {width: 100%; margin: 6px 0 0 0; background: #fff; }
.popular ul li {color:#444; font:normal 13px '나눔고딕', NanumGothic;padding: 0 0 0 10px;border-bottom: 1px solid #dce9ec;line-height: 28px;}
.popular ul li.end {color:#444; font:normal 13px '나눔고딕', NanumGothic;padding: 0 0 0 10px;border-bottom: 1px solid #cacaca;line-height: 28px;}
.popular ul li a {color:#444;}
.popular ul li .b { display: inline-block; overflow: hidden; width: 13px; height: 13px; background:#3a8ed5; border:1px solid #1f75bf; font-weight: bold; font-size: 10px; color: #fff; text-align: center; vertical-align: middle; float:left; margin:7px 5px 2px 0; letter-spacing:-1px; line-height:10px;}
.popular ul li .g { display: inline-block; overflow: hidden; width: 13px; height: 13px; background:#c5c5c5; border:1px solid #a0a0a0; font-weight: bold; font-size: 10px; color: #fff; text-align: center; vertical-align: middle; float:left; margin:7px 5px 2px 0; letter-spacing:-1px; line-height:10px;}

.rel_series { width: 100%; background: #fff; margin: 50px 0 0 0; border-top: 1px solid #949c9c;border-bottom: 1px solid #949c9c; overflow:hidden; font-style: normal; }
.rel_series h3 { color: #333; height: 24px; padding: 7px 0 0 10px; margin: 0; font:normal 13px '나눔고딕', NanumGothic; background: #f6f9f9; border-bottom: 1px solid #d4dcdc; }
.rel_series h3 cite { color: #777; padding: 0; font-size: 12px; font-style: normal; word-spacing:-1px;}
.rel_series ul { width: 100%; margin: 10px 0 10px 0; background: #fff; }
.rel_series ul li { font:normal 12px '돋움', Dotum; }
.rel_series ul li.sel { color: #fff; background: #2cbfc8; padding-left: 10px; line-height: 23px; font-weight: bold; }
.rel_series ul li a { display: block; color: #555; padding-left: 10px; text-decoration: none; line-height: 23px; background: none;  }
.rel_series ul li a:hover { background: #eee; text-decoration: none; }


.copyright {width:100%;height:22px;background:#fff;margin-top:10px;padding:7px 0 5px 0; clear:both;font-style: normal;}
.copyright span {color:#666;font-size:12px;float:left;margin:0 0 0 10px;display:inline;}