@charset "utf-8";
/* common */

body {font-family:dotum, "돋움", sans-serif; font-size:12px; color:#555;  background:url(../images/common/top_bg.gif) repeat-x left top;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, br {margin: 0; padding: 0; border:0; line-height:18px; }

input, select { font-family:dotum, "돋움", sans-serif; font-size:12px; color:#555; margin:0; padding:1px 0 1px 0 ;}

li { list-style:none; text-align:justify;}
p {text-align:justify;}

a { text-decoration:none; color:#555; cursor:pointer;}
a:hover { color:#000;}

.Hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
textarea, textarea:hover, textarea:active, textarea:visited { font-size:11px; padding:10px; margin:0;}
img { border:none 0; vertical-align:top;}

/* IE */
@font-face{ font-family:NanumGothic, "나눔고딕", sans-serif; font-style:normal; font-weight:normal; src:url(../font/NanumGothic.eot)}
@font-face{ font-family:NanumGothic, "나눔고딕B", sans-serif; font-style:normal; font-weight:bold; src:url(../font/NanumGothicBold.eot)}
@font-face{ font-family:NanumGothic, "나눔고딕EB"; font-style:normal; font-weight:bold; src:url(../font/NanumGothicExtraBold.eot)}
/* Firefox 등 */
@font-face{ font-family:"나눔고딕"; font-style:normal; font-weight:normal; src:url(http://kosis.kr/ext/nsportalStats/font/NanumGothic.ttf) format('truetype')}
@font-face{ font-family:"나눔고딕B"; font-style:normal; font-weight:bold; src:url(http://kosis.kr/ext/nsportalStats/font/NanumGothicBold.ttf) format('truetype') }
@font-face{ font-family:"나눔고딕EB"; font-style:normal; font-weight:bold; src:url(http://kosis.kr/ext/nsportalStats/font/NanumGothicExtraBold.ttf) format('truetype') }



/* 공통 */
#Wrap{ width:100%; }

/* Header */
#Header{ position:relative; width:100%; height:85px; min-width:990px; margin-bottom:20px; }
#Header h1{ position:absolute; float:left; top:10px; left:18px;}
#Header span{ color:#fff; float:left; position:absolute; top:7px; width:140px; font-size:12px; margin-left:15px;}
#Header .period{ float:right; position:absolute; top:17px; right:200px;  }
#Header .period li{ float:left; color:#fff; padding-right:7px;}
#Header .period ul li img{ margin-bottom:10px; padding-right:5px;}
#Header .Search{ float:right; position:absolute; top:12px; right:18px; }
#Header .Search input{ vertical-align:middle;}
#Header .Search input[type=text]{ border:#003464 solid 1px; height:23px; line-height:23px; padding:0 0 0 0;ime-mode:active;}
#Header ul.Gnb{position:absolute; top:50px; width:100%; height:35px; background:url(../images/common/menu_bg.gif) no-repeat left top;}
#Header ul.Gnb li{ float:left; background:url(../images/common/menu_line.gif) no-repeat left 3px; font-family:"나눔고딕B",NanumGothic, sans-serif; font-size:12px; margin-left:10px; margin-top:8px; }
#Header ul.Gnb li.fst{ background:none; }
#Header ul.Gnb li a{ display:block; color:#fff; padding:0 0 9px 0; margin-left:7px;}
#Header ul.Gnb li a:hover{ color:#f4c305; background:url(../images/common/menu_on.png) no-repeat center bottom;}
#Header ul.Gnb li a.M_on{ color:#f4c305; background:url(../images/common/menu_on.png) no-repeat center bottom;}
#Header ul.SetTop{ position:absolute; top:51px; right:18px; background:url(../images/common/settop_line.gif) no-repeat right top;}
#Header ul.SetTop li{ float:left; font-size:11px; display:block; padding-top:7px; padding-left:10px; width:70px; height:24px; background:url(../images/common/settop_line.gif) no-repeat left top; font-family:"나눔고딕B",NanumGothic, sans-serif; font-size:12px;}
#Header ul.SetTop li img{ vertical-align:middle; padding-right:4px;}
#Header ul.SetTop li a{ color:#fff;}

/* Center */
#Center{ width:100%; min-width:990px;}
#Center .Subject{ position:relative; width:950px; float:left; padding:0px 20px; margin-bottom:20px;}
#Center .Subject img{ vertical-align:middle; margin-right:7px; }
#Center .Subject h3{ font-family:"나눔고딕B",NanumGothic, sans-serif; color:#333; font-size:16px; background:url(../images/indicator/subject_linebg.gif) repeat-x left bottom;}
#Center .Subject ul{ margin-top:20px; float:left; width:50%;}
#Center .Subject ul li{ position:relative; float:left; width:460px; margin-right:28px; height:25px; font-family:"나눔고딕",NanumGothic, sans-serif; line-height:25px;  border-bottom:#dcdcdc solid 1px; font-size:12px }
#Center .Subject ul li.Subject_list{ margin-right:0; margin-top:0;}
#Center .Subject ul li img{ vertical-align:middle; margin-left:10px;}
#Center .Subject ul li a{ margin-left:3px;}
#Center .Subject ul li a:hover{ color:#3266cb; text-decoration:underline;}
#Center .Subject ul li a.M_on{ color:#3266cb; text-decoration:underline;}
/* 2013.10.23 신규 츄가...*/
#Center .Subject ul li span.textLeft{ position:absolute; left:3px;}
#Center .Subject ul li span.textRight{ position:absolute; right:7px; padding-top:5px;}
#Center .Subject ul li span{ position:absolute; right:7px; padding-top:5px;}
/* end */
/*
#Center .Subject ul li span{ position:absolute; right:7px;}
*/
#Center .Subject .Btn{ position:absolute; top:10px; right:20px;}

/*Content */
#Content { width:100%; position:absolute; top:400px;  background:url(../images/indicator/sub_cont_bg.gif) repeat-x left top;}
#Content .Age{ position:relative; margin:0 20px 0 20px;   }
#Content .Age h4{ color:#007b79; height:30px; padding:26px 0 0 25px; margin-right:10px; font-size:15px;  font-family:"나눔고딕B",NanumGothic, sans-serif; background:url(../images/indicator/sub_age1_bg.gif) no-repeat left 20px;}
#Content .Age ul{ position:absolute; top:13px; right:0; padding-right:10px; height:40px; background:url(../images/indicator/sub_age2_bg.gif) no-repeat right top; }
#Content .Age ul li{ float:left; padding:13px 8px 0 8px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif; background:url(../images/indicator/sub_age_line.gif) no-repeat left 15px;}
#Content .Age ul li.fst{ background:none;}
#Content .jypo{ position:relative; height:500px; margin:-10px 30px 0 30px;}
#Content .jypo h5{ margin-top:10px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif;background:url(../images/indicator/sub_bullet.gif) no-repeat left 4px;}
#Content .jypo strong { color:#007b79;  padding:2px 0 0 18px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif; }
#Content .jypo .Graph{ position:relative; margin-top:10px; height:430px; border:#cdcdcd solid 1px; overflow-y:scroll;}
.Tb{ width:100%; margin-top:10px; margin-left:0px; border-collapse:collapse; position:relative; } 
.Tb thead tr th{font-size:12px; text-align:center; height:25px; background-color:#edf5f8; border-top:#009899 solid 2px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px;}
.Tb tbody tr td{ border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; text-align:center;}
#Content .jypo .Graph img{ margin-top:10px; margin-left:10px;}

/*ContentPopView  20141111 */
#ContentPopView { width:100%; position:absolute; top:0px;  background:url(../images/indicator/sub_cont_bg.gif) repeat-x left top;}
#ContentPopView .Age{ position:relative; margin:0 20px 0 20px;   }
#ContentPopView .Age h4{ color:#007b79; height:30px; padding:26px 0 0 25px; margin-right:10px; font-size:15px;  font-family:"나눔고딕B",NanumGothic, sans-serif; background:url(../images/indicator/sub_age1_bg.gif) no-repeat left 20px;}
#ContentPopView .Age ul{ position:absolute; top:13px; right:0; padding-right:10px; height:40px; background:url(../images/indicator/sub_age2_bg.gif) no-repeat right top; }
#ContentPopView .Age ul li{ float:left; padding:13px 8px 0 8px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif; background:url(../images/indicator/sub_age_line.gif) no-repeat left 15px;}
#ContentPopView .Age ul li.fst{ background:none;}
#ContentPopView .jypo{ position:relative; height:500px; margin:-10px 30px 0 30px;}
#ContentPopView .jypo h5{ margin-top:10px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif;background:url(../images/indicator/sub_bullet.gif) no-repeat left 4px;}
#ContentPopView .jypo strong { color:#007b79;  padding:2px 0 0 18px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif; }
#ContentPopView .jypo .Graph{ position:relative; margin-top:10px; height:430px; border:#cdcdcd solid 1px; overflow-y:scroll;}
.Tb{ width:100%; margin-top:10px; margin-left:0px; border-collapse:collapse; position:relative; } 
.Tb thead tr th{font-size:12px; text-align:center; height:25px; background-color:#edf5f8; border-top:#009899 solid 2px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; border-bottom:#dcdcdc solid 1px;}
.Tb tbody tr td{ border-bottom:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; text-align:center;}
#ContentPopView .jypo .Graph img{ margin-top:10px; margin-left:10px;}
/* end ContentPopView */

/*Content */
#Content_text .jypo_txt{ width:950px; top:330px; margin:0 30px 0 30px;}
#Content_text .jypo_txt h5{ margin-top:8px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif;background:url(../images/indicator/sub_bullet.gif) no-repeat left 2px;}
#Content_text .jypo_txt strong { color:#007b79;  padding:2px 0 0 18px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif; }


.changFC {color: red;}
.jypo{ position:relative; height:500px; margin:-10px 30px 0 30px;}
.jypo h5{ margin-top:10px; font-size:12px; font-family:"나눔고딕",NanumGothic, sans-serif;background:url(../images/indicator/sub_bullet.gif) no-repeat left 4px;}