@charset "utf-8";
@import "basic.css";
@import "layout.css";

#wrap {min-width:996px;}
/* main */
#main-contents {min-height:650px;margin-bottom:10px;}
#main-contents:after {display:block;content:"";clear:both;}
#main-contents h3 {border-bottom:1px  solid #212e35;padding-bottom:8px;}
#main-contents #left-con {float:left;width:226px;margin-top:8px}
#main-contents #left-con .chart-list {background:#fff;border:1px solid #a3bfda;}
#main-contents #left-con .chart-list ul li {border-bottom:1px solid #e4e4e4;padding:13px 0;background: #fbfbfb; 
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );}
#main-contents #left-con .chart-list ul li:last-child {margin-bottom:0;border:0 none;}
#main-contents #left-con .chart-list ul li dl {position:relative;padding-left:10px;}
#main-contents #left-con .chart-list ul li dl dt {color: #717171;text-decoration: none;width:110px;}
#main-contents #left-con .chart-list ul li dl dd.etc {position:absolute;top:0;right:10px;color: #9a9a9a;font-size:11px; }
#main-contents #left-con .chart-list ul li dl dd.chart-num span {display:inline-block;margin:0 -2px}
#main-contents #left-con .chart-list ul li dl dd.chart-num span.num1 { color: #3C4D78;font-family: arial; font-size: 11pt;font-weight: bold; letter-spacing: -0.02em; text-align: left;width: 50%;}
#main-contents #left-con .chart-list ul li dl dd.chart-num span.num2 {text-align:left;padding-left:13px; font-family: arial; font-size:8pt;color:#666;letter-spacing: -0.03em; background-position:5px 8px;background-repeat:no-repeat;}
#main-contents #left-con .chart-list ul li dl dd.chart-num span.num2a {background:url("/resources/stat/img/main/ac01.gif") no-repeat left 5px;font-family: arial;color: #ff0000;letter-spacing: -0.03em;padding-left: 10px;text-align:left;width:25%; font-size: 8pt;box-sizing:border-box;}
#main-contents #left-con .chart-list ul li dl dd.chart-num span.num2b {background:url("/resources/stat/img/main/ac02.gif") no-repeat left 5px;font-family: arial;color: #0033cc;letter-spacing: -0.03em;padding-left: 10px;text-align:left;width:25%;  font-size: 8pt;box-sizing:border-box;}
#main-contents #left-con .chart-list ul li dl dd.chart-num span.num3 { color: #666666;font-family: arial; font-size: 8pt;letter-spacing: -0.03em;text-align: right;width:25%;padding-right:10px;box-sizing:border-box;}   
#main-contents #left-con .chart-graph {border:1px solid #a9c3dc;height:148px;padding:20px 10px 0 10px;margin-top:13px;}
#main-contents #left-con .chart-graph #popupzone {width:206px;height:134px;}
#main-contents #left-con .chart-graph #popupzone .popup-baner .popupBtn ul.number li a.banner-img img {width:208px;height:134px;}
#main-contents #left-con .chart-graph #popupzoneControl {width:208px;}
#main-contents #left-con .chart-graph #popupzoneControl #title {width:152px;}
#main-contents #left-con .chart-graph #popupzoneControl #control {margin-top:6px; width:180px; height:11px;}
#main-contents #left-con .chart-graph #popupzoneControl>#control>ul>li {display:block; float:left; margin-right:3px; width:11px; height:11px;}
#main-contents #left-con .chart-graph #popupzoneControl>#control>ul>li>a {display:block; width:11px; height:11px; background:#d7d7d7;}
#main-contents #left-con .chart-graph #popupzoneControl>#control>ul>li>a:hover, #popupzoneControl>#control>ul>li>a.on {background:#1972b4;}
#main-contents #left-con .chart-graph #popup {position:relative; margin:0 auto; overflow:hidden; width:208px; height:134px;}
#main-contents #left-con .chart-graph .popup-baner{position:relative; top:0px; float:left; padding:0px; width:208px; height:134px;}
#main-contents #left-con .chart-graph .popupBtn{position:absolute;top:-12px;left:100px;width:106px; height: 14px;}
#main-contents #left-con .chart-graph .popupBtn ul.btn{position: absolute; right:8px; top: 0px; }
#main-contents #left-con .chart-graph .popupBtn ul.btn li{float:left; margin:0px; padding:0 0 0 1px;}
#main-contents #left-con .chart-graph .popupBtn ul.number{float:right;padding-right:34px;}
#main-contents #left-con .chart-graph .popupBtn ul.number li{float:left; margin:0px; padding:0px 0 0 2px;}
#main-contents #left-con .chart-graph .popupBtn p.banner-img{ position: absolute; left:-102px; top: 25px; width:208px; height:134px;}  
#main-contents #center-con {float:left;width:516px;margin:8px 0px 0 14px;}
#main-contents #center-con #center-pop {width:516px; height:264px;position:relative;margin-bottom:27px;}
#main-contents #center-con .center_banner {width:514px; height:261px;}
#main-contents #center-con #center-pop .banner_play {position:absolute;top:40px;left:30px;z-index:10;}
#main-contents #center-con #center-pop .banner_play li{float:left;margin-right:4px;}
#main-contents #center-con #center-pop .banner_num {position:relative;width:516px; height:264px;text-align:left;}
#main-contents #center-con #center-pop .banner_num p.popup01{position:absolute; left:0px; top:0px;z-index:20;}
#main-contents #center-con #center-pop .banner_num p.popup02{position:absolute; left:64px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup03{position:absolute; left:129px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup04{position:absolute; left:193px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup05{position:absolute; left:257px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup06{position:absolute; left:322px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup07{position:absolute; left:386px; top:0px;}
#main-contents #center-con #center-pop .banner_num p.popup08{position:absolute; left:450px; top:0px;}
#main-contents #center-con #center-pop .banner_num img {vertical-align:top;}
#main-contents #center-con #center-pop .banner_num ul {line-height:0.5em ;font-size:0px;}
#main-contents #center-con #center-pop .banner_num ul li {display:inline; width:17px;height:15px;line-height:0.5em;font-size:0px;padding-left:2px;}
#main-contents #center-con #center-pop ul.link-list li {display:inline-block;overflow:hidden;height:15px;width:100%;margin-bottom:7px;}
#main-contents #center-con #center-pop ul.link-list li a {overflow:hidden;height:15px;}
#main-contents #center-con #center-pop ul.link-list li a:focus img, #main-contents #center-con #center-pop ul.link-list li a:hover img{margin-top:-15px;}
#main-contents #center-con #center-pop #popBanner_1 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_2 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_3 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_4 ul.link-list {position:absolute;top:176px;left:30px;}
#main-contents #center-con #center-pop #popBanner_5 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_6 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_7 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_8 ul.link-list {position:absolute;top:126px;left:30px;}
#main-contents #center-con #center-pop #popBanner_1 {position:relative;background:url("../img/main/center-bg01.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_1 p.tit {position:absolute;top:64px;left:30px;}
#main-contents #center-con #center-pop #popBanner_2 {background:url("../img/main/center-bg02.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_2 p.tit {position:absolute;top:64px;left:30px;}
#main-contents #center-con #center-pop #popBanner_3 {background:url("../img/main/center-bg03.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_3 p.tit {position:absolute;top:64px;left:30px;}
#main-contents #center-con #center-pop #popBanner_4 {background:url("../img/main/center-bg04.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_4 p.tit {position:absolute;top:64px;left:21px;}
#main-contents #center-con #center-pop #popBanner_5 {background:url("../img/main/center-bg05.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_5 p.tit {position:absolute;top:64px;left:34px;}
#main-contents #center-con #center-pop #popBanner_6 {background:url("../img/main/center-bg06.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_6 p.tit {position:absolute;top:64px;left:28px;}
#main-contents #center-con #center-pop #popBanner_7 {background:url("../img/main/center-bg07.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_7 p.tit {position:absolute;top:64px;left:32px;}
#main-contents #center-con #center-pop #popBanner_8 {background:url("../img/main/center-bg08.jpg") no-repeat left top;height:264px;}
#main-contents #center-con #center-pop #popBanner_8 p.tit {position:absolute;top:64px;left:35px;}
#main-contents .board-wrap {position:relative;float:left;width:514px;height:148px;margin-bottom:30px;}
#main-contents .board-wrap ul {width:514px;}
#main-contents .board-wrap ul li {background:url("../img/main/bullet.gif") no-repeat left 50%;padding:4px 0 4px 12px;width:100%;letter-spacing:-0.05em;}
#main-contents .board-wrap ul li a{font-size:12px;padding-top:2px;color:#717171;}
#main-contents .board-wrap ul li a:hover{color:#598cdd;}
#main-contents .board-wrap ul li span {float:right;font-family:"Tahoma";font-size:10px;color:#9b9b9b;}
#main-contents .board-wrap .board-01 {position:absolute;top:30px;left:2px;background:url("../img/main/board-bg.jpg") no-repeat right bottom;}
#main-contents .board-wrap .board-02 {position:absolute;top:30px;left:2px;background:url("../img/main/board-bg1.jpg") no-repeat right bottom;}
#main-contents .board-wrap p.more {position:absolute;right:4px;bottom:6px;}
#main-contents .main-banner01 {float:left;padding-right:38px;padding-top:6px;}
#main-contents #right-con .board-wrap02 {position:relative;background:url("/stat/img/main/right-bg.jpg") no-repeat left top;width:210px;height:148px;padding:7px 0 0 12px;margin-bottom:22px;}
#main-contents #right-con .board-wrap02 ul {width:200px;}
#main-contents #right-con .board-wrap02 ul li {background:url("/resources/stat/img/main/bullet.gif") no-repeat left 40%;padding:2px 0 2px 18px;height:16px;margin-left:5px;letter-spacing:-0.05em;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width:176px;;}
#main-contents #right-con .board-wrap02 ul li a{font-size:12px;padding-top:2px;color:#717171;}
#main-contents #right-con .board-wrap02 ul li a:hover{color:#598cdd;}
#main-contents #right-con .board-wrap02 ul li span {float:right;font-family:"Tahoma";font-size:10px;color:#9b9b9b;}
#main-contents #right-con .board-wrap02 .board-01 {position:absolute;top:44px;left:8px;}
#main-contents #right-con .board-wrap02 p.more {position:absolute;right:13px;bottom:8px;}
#main-contents .main-banner02 {float:left;padding-top:6px;}
#main-contents #right-con {float:right;width:226px;margin-top:8px}
#main-contents #right-con .quick {margin-bottom:13px;}
#main-contents #right-con .quick ul {overflow:hidden;}
#main-contents #right-con .quick ul li a {display:block;}
/* kospi style */
#kospi {height:141px;margin-bottom:10px;border:1px solid #abc4dd;}
#kospiTab {position:relative;margin:0 auto; width:202px; height:120px;padding-top:10px;}
#kospiTab p {float:left;}
#kospiTab>ul>li {display:block; float:left; width:63px; height:20px; }
#kospiTab>ul>li>div {margin-left:2px; width:226px; height:17px;}
#kospiArea1, #kospiArea2, #kospiArea3 {position:absolute;top:40px;left:0;}
#kospiTab>ul>li>div.realtime>span {height:22px; line-height:22px;}
#kospiArea2, #kospiArea3 {display:none;}
.realtime, .realtimeTop {float:left;font-size:12px;border-top:none;height:22px; line-height:22px;}
.realtime {border-top:1px solid #e9e9e9;}
.realtimeTop {border-top:none;}
.realtimeTop span, .realtime span {display:block; float:left; height:17px; line-height:18px; font-size:11px;}
.realtimeTop span.in1, .realtime span.in1 {width:68px;color:#717171;}
.realtimeTop span.in3, .realtime span.in3 {width:64px; text-align:right;color:#717171;}
.realtimeTop span.in4a, .realtime span.in4a {width:68px;text-align:right;background:url("/resources/stat/img/main/ac01.gif") no-repeat 17px 8px !important;color: #ff0000;} 
.realtimeTop span.in4b, .realtime span.in4b {width:68px;text-align:right;background:url("/resources/stat/img/main/ac02.gif") no-repeat 17px 8px !important;color: #0033cc;}
.realtimeTop span.in4c, .realtime span.in4 {width:68px;text-align:right;background:url("/resources/stat/img/main/acbar.gif") no-repeat 17px 8px;color: #0033cc;}
#main-contents #right-con .relation-site {margin-bottom:5px;vertical-align:middle;}
#main-contents #right-con .relation-site select {width:173px;padding:3px 0;background:#fdfff0;vertical-align:middle;}
#main-contents #right-con .relation-site input {vertical-align:middle;}
#main-contents #right-con .relation-site img {vertical-align:middle;}
/* popup */
.border_none {border:none;}
#popup_basic {width:;margin:0 auto;font-family:dotum;font-size:12px;color:#222;line-height:19px;padding:0 0;word-break:keep-all}
#popup_basic header  {background:#0e2987;padding:0 18px 10px 18px;}
#popup_basic section {margin-top:25px; padding:0 20px;}
#popup_basic h1 {font-size:23px;color:#FFF;font-weight:bold;line-height:27px;letter-spacing:-1px;margin:0 0 5px 0;padding-top:25px;}
#popup_basic h1 span {color:#ffb70b;}
#popup_basic h2 {font-size:17px;color:#0e2987;font-weight:bold;margin:10px 0 5px 0;}
#popup_basic h3 {font-size:14px;color:#ff930b;font-weight:bold;margin:10px 0 5px 0;}
#popup_basic div.h3_ex  {color:#777;padding-left:2px;}
#popup_basic span.blue {font-size:13px;color:#6bacdd;}
#popup_basic span.btn  {font-size:12px;color:#FFF;line-height:20px;padding:4px 8px;margin-left:10px;border-radius:3px;background:#005aae}
#popup_basic span.btn a:link, a:visited, a:hover, a:active {color:#FFF;text-decoration:none;}
/* sitemap */
#sitemap    { height:100%;margin:20px 0 0 0;}
#sitemap ul {display:block;width:991px;clear:both;}
#sitemap ul li {}
#sitemap ul li {width:22%; float:left;margin-left:25px}
#sitemap ul li span {width:90%;display:inline-block;color:#FFF;font-size:15px;font-weight:bold;line-height:38px;background:linear-gradient(to right, #f78f00, #ffa900);padding:0 10px;margin-bottom:5px;border-bottom:1px solid #112d8c;}
#sitemap dl    {width:99%;border-bottom:1px solid #c5c5c5;margin-bottom:30px;padding:0 0 10px 0;}
#sitemap dl dt {color:#07227f;font-weight:bold;line-height:19px;padding:2px 5px;}
#sitemap dl dt a:link, a:visited, a:hover, a:active {color:#07227f;}
#sitemap dl dd {color:#777;line-height:19px;padding:2px 12px 2px 12px;}
#sitemap dl dd a:link, a:visited, a:hover, a:active {color:#777;}
#sitemap dl dd.mymenu {color:#555;font-weight:bold;line-height:19px;padding:2px 5px;}
#sitemap ul.tabs {margin:0px 0px 10px 0;width:100%;border-bottom:1px solid #07227f;}
#sitemap ul.tabs:after {content:" "; display:block; clear:both ;}
#sitemap ul.tabs li {float: left;margin: 0;	padding: 0;overflow: hidden;position: relative;margin-right:1px;width:auto;}
#sitemap ul.tabs li a {	color: #07227f; display: block;padding: 5px 10px;text-align:center;background:#ddd;border-top-left-radius:5px;border-top-right-radius:5px ;}
#sitemap ul.tabs li.active a {color:#fff;background:#07227f;}
#sitemap .tab_container {clear: both;width: 100%;margin:0;}
#sitemap .tab_container:after {content:" "; display:block; clear:both ;}
#sitemap .tab_content {padding: 0px ;position:relative;}
#sitemap .tab_content:after {content:" "; display:block; clear:both;}

.familysite-wrap {}
.familysite-wrap h3 {font-size:19px;font-weight:600;color:#132f8f;background:url(../img/sub/icon.png) no-repeat center left;padding:0 0 0 20px;border-bottom:none!important;padding-bottom:0!important;}
.familysite-wrap h4 {clear:both;font-weight:600;font-size:15px;color:#333333;padding:0 0 5px 0;margin:30px 0 10px 0;border-bottom:2px solid #112d8c;}
.familysite-wrap .family-fnfo {padding:15px 15px 15px 30px;margin:10px 0 20px 0;background:#f8f8f8 url(../img/sub/icon1.png) no-repeat 15px center ;}
.familysite-wrap ul:after {content:" "; display:block; clear:both ;}
.familysite-wrap li {float:left;border:1px solid #d9d9d9;margin:3px 3px 0 0;}