@import url('common.css');
html, body {height:100%;}
#IndexWrap {width:100%; height:100%;}
/* 공통 */
#Index-visual, #Index-body, #Index-footer {width:100%;}
div.section {overflow:hidden; width:985px; margin:0 auto;}
div.section img {vertical-align:top;}
/* 레이아웃 */
#Index-visual, #Index-visual div.section {background:url(../img/common/bg_mainbody.jpg) no-repeat center 0 #fff; border-bottom:10px solid #07336d;}
#Index-body {min-height:100%; margin:-413px 0 -85px 0;}
* html #Index-body {height:100%;}
#Index-footer {border-top:1px solid #dadada;}
#Index-visual div.section {position:relative; height:403px; margin-bottom:-10px;}
#Logo {position:absolute; width:150px; left:0;}
#Logo h1 {margin:35px 0 0 22px;}
#Main-menu {position:absolute; width:189px; left:150px; background:url(../img/common/bg_sidebar_main.png) no-repeat 0 0; }
#Gnbarea {position:absolute; width:220px; top:17px; right:1px; text-align:right;}
#Index-body div.section {width:944px; padding:444px 0 98px 0; min-height:100%;} /* 943px */
#Index-body div.left-sec {float:left; width:296px; }
#Index-body div.center-sec {float:left; width:355px; margin-left:46px;}
#Index-body div.right-sec {float:right; width:202px;}
#Index-footer div.section {width:944px; height:80px;}
/* #Gnbarea */
/* 최상위 메뉴 */
#Gnbarea ul.gnbmenu {overflow:hidden; width:126px; height:7px; padding-top:5px; margin-left:94px;}
#Gnbarea ul.gnbmenu li {float:left; display:inline; line-height:6px; height:7px; font-size:6px; padding:0 7px; border-right:1px solid #c9c9c9;}
#Gnbarea ul.gnbmenu li.fir {padding-left:0;}
#Gnbarea ul.gnbmenu li.last {padding-right:0; border-right:none;}
#Gnbarea ul.gnbmenu li a { height:7px; float:left;}
#Gnbarea ul.gnbmenu li img {vertical-align:top;}
#Gnbarea ul.gnbmenu li a.home {width:26px;}
#Gnbarea ul.gnbmenu li a.sitemap {width:35px;}
#Gnbarea ul.gnbmenu li a.english {width:35px;}
/* 접근성기능툴
#Gnbarea ul.accesstool {float:left; width:80px; height:17px;}
#Gnbarea ul.accesstool li {float:left; margin-left:4px; display:inline; background:#999; color:#fff; height:17px; font-size:0.8em;}
#Gnbarea ul.accesstool li img {vertical-align:top;}
#Gnbarea ul.accesstool li.fir {margin-left:0;}
*/
/* 검색 */
#Gnbarea div.search {position:absolute; right:0; width:180px; top:23px;}
#Gnbarea div.search input.search {float:left; background:#fff; border:2px solid #b7b6b6; width:121px; height:12px;}
#Gnbarea div.search input.img {float:right; background:#666; color:#fff; border:0; height:18px; margin-left:3px;}
/* Index-body */
/* 최근게시물 */
#New-Board{position:relative; width:296px; height:165px; background:url(../img/common/bg_newboard.gif) repeat-x 20px 19px;}
#New-Board .tab_article {}
#New-Board .tab_article .tablink {float:left; width:58px; line-height:20px;}
#New-Board .tab_article .tabfir {width:52px;}
#New-Board .tab_article .art_list {position:absolute; top:33px; left:0px;}
#New-Board .tab_article .art_list ul {width:296px; clear:both;}
#New-Board .tab_article .art_list li {}
#New-Board .tab_article .art_list .link {float:left; width:215px; background:url(../img/intro/bg_comp_bar2.gif) no-repeat 5px 0.6em ;padding-left:14px;}
#New-Board .tab_article .art_list .date {float:right; width:60px; color:#b5b5b5; font-size:0.95em;}
* html #New-Board .tab_article .art_list .date {margin-right:0;}
#New-Board .tab_article .art_list .btn {text-align:right;}
#New-Board .tab_article .more {position:absolute; top:-23px; right:5px; font-size:0.8em; height:5px; line-height:5px;}
#Link_btn {overflow:hidden; height:50px;}
#Link_btn p.fl_l{width:140px; float:left; display:inline;}
#Link_btn p.fl_r{width:140px; float:right; display:inline;}
/* 서비스 */
#Service h2 {height:14px; margin:4px 0 10px 0; font-size:10px;}
#Service div {position:relative;}
#Service img {vertical-align:top;}
#Service ul.service-btn {overflow:hidden; width:355px; margin-top:12px;}
#Service ul.service-btn li {float:left; width:167px; display:inline;}
#Service ul.service-btn li.fir {float:left; margin-right:19px; width:167px;}
#Service ul.service-btn li.inline {float:left; margin-top:10px;}
/* 실시간주요지수 */
#Finance h2 {margin-top:4px; height:16px; margin-bottom:5px;}
#Finance div {border:1px solid #dadada; padding-top:2px;}
/* #Index-Footer */
#Index-footer img {vertical-align:top;}
/* 레이어 팝업*/
#pop_wrap{position:absolute; width:100%; z-index:5; height:1px; text-align:center;}
#pop_wrap .pop_wrap_small {position:relative; width:985px;}
#pop_wrap .pop_wrap_small .popcheck{border:none;}
#pop1, #pop2, #pop3, #pop4, #pop5, #pop6, #pop7, #pop8, #pop9, #pop10{position:absolute; background-color:#fff; z-index:5; left:200px;}
#pop_wrap .pop_wrap_small .pop_img{padding:0; margin:0; background-color:#000;}
#pop_wrap .pop_wrap_small .pop_img img{border:4px solid #fff; margin:1px; vertical-align:top;}
#pop_wrap .pop_wrap_small .pop_close{width:100%; background-color:#000;}
#pop_wrap .pop_wrap_small .pop_close div.closesec {padding:4px;}