/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block}
ul,ol{list-style:none}
a:link {color:#333;}
a:visited {color:#333;}
a:active {color:#333;}
a:hover {color:#333; text-decoration:none;}
body, input, textarea {font-family:"맑은 고딕","Malgun Gothic",nanum,nanumBold,"나눔고딕",UnDotum,Dotum,sans-serif;}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

/* 공통 */
.mr0{margin-right:0px !important;}]
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb70{margin-bottom:70px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.w570{width:570px; float:left; margin-right:25px; }
h2{font-weight:bold; line-height:1em;}
h4{font-weight:bold; line-height:1em;}
p{font-family:dotum,nanum,sans-serif; line-height:1.6em; letter-spacing:0.02em; }
.in{text-indent:12px;}
#accessibility{height: 0; left: -1000em; margin: 0; overflow: hidden; position: absolute;}
img{vertical-align:top;}
.Tcol_B{color:#018db4;}
.po_rel{position:relative;}
.bold{font-weight:bold; color:#000;}
hr {display: none;}
body{width:100%;}
#wrap{width:100%; position:relative; background:url(../img/13_04/topBG.jpg) no-repeat top center;}
.hd {font-size: 0; height: 0; left: -10000px; line-height: 0; overflow: hidden; visibility: hidden; width: 0;}

/* 타이틀 영역 */
#topbg{width:990px; margin:0 auto; text-align:center; height:165px; position:relative;}

#topbg .bg_b{position:absolute; top:0; right:-64px;}
#topbg .logo{position:absolute; top:36px; left:5px;}
/* 상단 네비게이션 영역 */
#header{width:990px; margin:0 auto; background:#fff;}
#header .gnb{width:990px; overflow:hidden; margin:0 auto;}
#header .gnb li{float:left; text-align:center;}
*:first-child+html #header {width:992px;}
*:first-child+html #header .gnb {width:992px;}

/* 컨텐츠 영역 */
#container{width:990px; margin:2px auto; background:#fff;}
#container .content{width:988px; border:1px solid #cacaca;}
#container .content.bg{background:url('../img/5/img_bg01.jpg') no-repeat right bottom;}
#container .content .article{padding:48px 25px 25px 25px;;}
#container .content .article .paragraph {margin-left:-26px;}
#container .content .article .paragraph.ml0{margin-left:0px;}
#container .content .article .paragraph img{float:left; margin-right:15px;}
#container .content .article .paragraph.ml0 img{float:left; margin-right:30px;}
#container .content .article h1{margin-bottom:40px;}
#container .content .article #accordion .open{position:relative;}
#container .content .article #accordion .open .view02{position:absolute; top:5px; right:10px; cursor:pointer; }

#container .content .article #accordion h1{margin-bottom:25px;}
#container .content .article #accordion ul li{font-size:12px; font-family:dotum,nanum,sans-serif; line-height:2em;}
#container .content .article #accordion ul li span.bold{background:url('../img/4/bul_01.gif') no-repeat left center; padding-left:12px;}
#container .content .article #accordion .num1{background:url('../img/4/num1.gif') no-repeat left center; padding:1px 0 0 28px;}
#container .content .article #accordion .num2{background:url('../img/4/num2.gif') no-repeat left 0; padding-left:28px;}
#container .content .article #accordion .num3{background:url('../img/4/num3.gif') no-repeat left 0; padding-left:28px;}
#container .content .article #accordion .num4{background:url('../img/4/num4.gif') no-repeat left 0; padding-left:28px;}
#container .content .article #accordion .num5{background:url('../img/4/num5.gif') no-repeat left 0; padding-left:28px;}
#container .content .article h2{font-size:24px; margin-bottom:20px; color:#bd1a50;}
#container .content .article h2.mb15{line-height:1em; margin-bottom:15px;}
#container .content .article h3{
	font-size:18px;
	font-weight:bold;
	line-height:1em;
}
#container .content .article p{font-size:12px; color:#6c6c6c;}
#container .content .article .title{width:300px; padding:1px 0 1px 2px; margin-bottom:12px; background:#999; color:#fff; font-size:20px; letter-spacing:-0.03em;}
#container .content .article .issueOn{width:700px;}
#container .content .article .issueOn h3{margin-bottom:8px;}
#container .content .article .reportOn p{color:#949494; margin-bottom:30px;}
#container .content .article .reportOn img{margin-bottom:40px;}
#container .section{width:492px; float:left; border:1px solid #cacaca;}
#container .section.mr2{margin-right:2px;}
#container .section.mb2{margin-bottom:2px;}
#container .section.w263{width:263px; margin-right:2px;}
#container .section.w225{width:225px; height:113px; background:url('../img/6/prev_05.jpg') no-repeat left 0;}
#container .section.subscription{width:225px; background:url('../img/4/subscription.gif') no-repeat left 0; border-top:0; position:relative;}
#container .section.subscription a img{position:absolute; top:24px; right:0;}

/* 검색 */
.searchbar{width:156px; height:36px; margin:44px 0 33px 17px; background:url('../img/4/bg_sel01.gif') no-repeat left 0;}
.subscription .searchbar{background:url('../img/4/bg_subscription01.gif') no-repeat left 0;}
.searchbar #searchArea {width:156; margin:0 auto; height:36px;}
.searchbar #searchArea fieldset{position:relative;}
.searchbar #searchArea .field{padding:4px 0 4px 4px;}
.searchbar #searchArea .field span{width:127px; display:block; height:20px; padding-top:2px; background:#fff; }
.searchbar #searchArea .field span input{width:127px; border:0 none; font-size:14px; font-weight: bold; letter-spacing:-1px;}
.searchbar #searchArea fieldset .field a{width:21px; height:28px;position:absolute; top:4px; right:4px; background:url('../img/4/arrow01.gif') no-repeat left 0;}
.subscription .searchbar #searchArea fieldset .field a{background:url('../img/4/arrow02.gif') no-repeat left 0;}
.city{height:28px; font-size:14px; font-weight:bold; line-height: 1.0em; padding:14px 0 0 7px; color:#3399cc;}


#container .newsList{padding:28px 0; height:376px; position:relative;}
#container .newsList h1{padding:0 0 22px 24px;}
#container .newsList .article{padding:0 24px;}
#container .newsList .article h2{margin-bottom:12px;}
#container .newsList .one h2{background:#ffc600;}
#container .newsList .view{position:absolute; top:30px; right:25px;}
#container .newsList .two h2{background:#54b0ca; margin-top:30px;}
#container .newsList .three h2{background:#e78162; margin-top:30px;}
#container .newsList .article p{font-size:15px; font-weight:bold; line-height:1em; letter-spacing:-0.1em }
#container .newsList .article ol{padding-top:5px;}
#container .newsList .article ol li{font-size:13px; line-height:1.2em; color:#999;}

#container .cycolumn{position:relative;}
#container .cycolumn .view{position:absolute; top:180px; right:22px;}

#container .issue{height:432px; background:url('../img/13_04/bg_01.jpg') no-repeat 0 0;}
#container .issue h1{margin:32px 0 27px 24px;}
#container .issue .article{padding:0 24px; margin-bottom:28px;}
#container .issue .article.mt_5{margin-top:5px;}
#container .issue .article ul{margin-top:10px;}
#container .issue .article ul li{font-size:15px; line-height:1.5em; color:#454545;}

.bg_story_04{background:url('../img/5/bg_story.jpg') no-repeat 0 bottom;}
/* 탭 */
.tab_face {width: 100%; margin-bottom:30px; position: relative;}
.tab_face ul {overflow:hidden; padding-bottom:9px; border-bottom:1px solid #bd1a50;}
.tab_face ul:after {clear: both; content: ""; display: block;}
.tab_face li {float: left; margin-right:5px;}

/* 푸터영역 */
#footer{max-width:990px; margin:24px auto; position:relative; }
#footer address{position:absolute; top:4px; left:188px;}
#footer a{position:absolute; top:-10px; right:0px;}

/* 팝업 */

#pop{width:369px; height:232px; background:url('../images/news/common/bg_pop.png') no-repeat 0 0; position:absolute; top:50%; left:40%; z-index:9999; padding:23px 0 0 32px;}
#pop img{vertical-align:top;}
#pop .pl70{padding-left:70px; line-height:0; margin-bottom:40px;}
#pop .pl17{padding-left:17px; line-height:0; margin-bottom:25px;}
#pop .btn{overflow:hidden;}
#pop .pl68{padding-left:68px;}
#pop .pl124{padding-left:124px;}
#pop .btn a{float:left;}
#pop .btn a.ml26{margin-right:26px;}
#pop .close{position:absolute; top:215px; left:345px;}

/* 메인 셀렉트 지난호보기 */
dl.selectlist{width:140px; display: inline-block; float: left; font-size:12px; margin:45px 0 0 17px; background:#fff;}
dl.selectlist dt{width:100%; height:20px; font-size:12px; background: url("../img/6/bu_select_arrow.gif") no-repeat scroll right 2px; border:4px solid #ce0000; display:inline-block;  text-align:left; padding:4px;}
dl.selectlist dd{display:none; position:relative; z-index:5556;}
dl.selectlist dd ul {width:145px; background:#fff; padding:4px; border-bottom:1px solid #ce0000; border-left:1px solid #ce0000; border-right:1px solid #ce0000; position:absolute; z-index:5555;}
dl.selectlist dd ul li{height:20px;}
dl.selectlist dd ul li a{text-decoration: none; font-size:12px;}