@charset "utf-8";
/* ---------------------------------------------------------
	Author		Chan-Gi CHO
	CSS			Index Style
---------------------------------------------------------- */
@import url("/inc/css/common.css");
@import url("layout.css");

/* Layout Area */
html, body {width:100%; height:100%;}
body {background:url("/images/index/bg_body.jpg") repeat-x 0 0 #fff; color:#666}
#Wrapper {width:100%;}
#Header {width:952px; height:500px; position:relative; margin:auto; background:url("/images/index/bg_header.jpg") no-repeat center bottom;}
#Header h1 {position:absolute; left:8px; top:38px; z-index:10;}
#Container {width:952px; height:158px; margin:0 auto;}
#Footer {width:100%; height:109px; text-align:center; background:url("/images/index/bg_footer.jpg") no-repeat center 0;}

a {color:#8b8b8b; text-decoration:none;}
a:hover, a:active, a:focus {color:#c86352; text-decoration:none;}

/* Header */
#Popup {position:absolute; left:725px; top:211px; z-index:10;}
#Hitdown {position:absolute; left:732px; top:346px; z-index:10;}
#Visual {padding-top:110px; text-align:left;}
#LNB .flash_navi {position:absolute; right:0px; top:44px; z-index:10;}
#GNB {position:absolute; right:13px; top:13px; width:171px; overflow:hidden; z-index:10;}

/* Container */
#Container .contsec {width:100%; overflow:hidden; padding-top:13px;}
#notice {float:left; display:inline; width:240px; margin-right:46px;  position:relative;}
#notice h2 {height:25px; background:url("/images/index/bg_dotline.gif") repeat-x 0 bottom; margin-bottom:10px;}
#notice h2 img {padding:5px 0 0 3px;}
#notice li {width:100%; overflow:hidden; vertical-align:top; line-height:100%; margin-bottom:7px;}
#notice li a {background:url("/images/index/bu_notice.gif") no-repeat 0 3px; padding-left:7px;}
#notice li .link {width:180; float:left;}
#notice li .date {width:30px; float:right; margin-right:5px;}
#notice .more {position:absolute; right:4px; top:8px;}
#fxmoney {float:left; display:inline; width:187px; margin-right:46px;}

#webinar {float:left; display:inline; width:165px; margin-right:40px;}
#quicklink {float:right; display:inline; width:219px;  height:125px;}
#quicklink div {width:100%; overflow:hidden;}
#quicklink img {vertical-align:top;}


/* Footer */
#Footer .foosec {width:952px;}
#Footer .leftsec {float:left; width:185px; margin-top:35px;}
#Footer .centersec {float:left; width:460px; margin-top:28px;}
#Footer .rightsec {float:right; width:288px; margin-top:23px;}
#Footer .FNB li {float:left; width:auto; background:url("/images/index/fnb_partition.gif") no-repeat 0 0; padding-left:7px; margin-left:7px; line-height:100%; vertical-align:top;}
#Footer .copyright address {margin-top:17px; margin-bottom:4px;}
.btn_invest {float:left; width:157px;}
#Family {float:left; width:131px;}
#FamilyList {background:url("/images/index/bg_family.jpg") no-repeat 0 bottom;}

#Popup {width:227px;}
#Popup h3 {position:absolute; left:5px; top:0;}
#Popup .numsec {text-align:right; padding-right:3px; padding-top:3px; position:relative; z-index:10;}
#Popup .popcont {position:absolute; background:url("/images/index/popbg.jpg") no-repeat 0 0; padding:4px; top:17px;}
/* Æ˾÷ */



#popwrap {background:#fff; padding:5px;}

#popwrap h2{ padding:0px; margin:0px;}
#popwrap h2.mg{padding:0px 0px 6px 0px; margin:0px;}
#popwrap h2.list{ padding:0px 0px 16px 0px; margin:0px; background:url(/images/inpop/line.gif) bottom no-repeat;}

#popwrap .middle {overflow:hidden; background:url(/images/inpop/md_bg.gif) repeat-y; width:560px;}
#popwrap .middle .left {float:left; width:300px; padding-top:14px;}
#popwrap .middle .right {float:right; width:222px; padding-top:14px;}

#popwrap .middle .left .intRate {}
#popwrap .middle .left .intRate .rate {background:url(/images/inpop/rate_bg.gif); height:90px; width:300px;}
#popwrap .middle .left .intRate .rate table {}
#popwrap .middle .left .intRate .rate table th {padding-left:20px;}
#popwrap .middle .left .intRate .rate table td {padding-left:7px;}

#popwrap .middle .left .event {margin-top:16px;}

#popwrap .middle .right .notice {margin-top:16px;}
#popwrap .middle .right .notice table td { font-size:8pt;  line-height:18px;}

#popwrap .middle .right .popup {width:222px;}
#popwrap .middle .right .popup h2 {display:inline; margin:4px;}
#popwrap .middle .right .popup .numsec {float:right; text-align:right; padding-right:3px; position:relative; z-index:10;}
#popwrap .middle .right .popup .popcont img {border:1px solid #ccc;}

#popwrap .bottom {width:560px; overflow:hidden; margin-top:20px;}
#popwrap .bottom .btm_bn img {float:left;}
#popwrap .bottom .btm_menu {overflow:hidden; clear:both; background-color:#7f7f7f;}