@charset "euc-kr";
/* ------------------------------------------
* Filename: default.css
* Description: defualt cascade style sheet
* Author: riix, Fu:z
------------------------------------------ */

/* ------------------------------
Common Sec.
------------------------------ */
body, html { margin: 0px; padding: 0px; height: 100%; }
body {  }

* { font-family: Tahoma, Verdana, Arial; }
body, td, th { color: #666; font-size: 11px; }

img { border: none; }

/* ------------------------------
typho, link
------------------------------ */
a:link { color: #777; text-decoration: none; }
a:visited { color: #777; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }
a:active { color: #999; text-decoration: none; }

/* ------------------------------
display, boxmodel, align
------------------------------ */
.fleft { float: left; width: auto; }
.fright { float: right; width: auto; }
.clear { clear: both; }

/* ------------------------------
layout
------------------------------ */
#ci { position: absolute; z-index: 2; top: 11px; left: 20px; margin: 0px; padding: 0px; }

#container {height: 100px;  background: url('/09img/common/bg_container_sub.jpg')  no-repeat; }
#header { height: 115px; }

#quickmenu { position: absolute; z-index: 2; top: 3px; left: 790px; width: 170px; }

#body { margin-left: 20px; width: 960px; }
#body #col-1 { float: left; width: 237px; }
#body #col-2 { float: left; width: 484px; }
#body #col-3 { float: right; width: 210px; }

#familySite { margin-top: 50px; padding-left: 20px; height: 53px; border-top: solid 1px #e3e3e3; }
#footer { padding-left: 20px; height: 85px; background: #f6f6f6; border-top: solid 1px #e3e3e3; }
#footer div.ci { float: left; width: 144px; }
#footer div.copy { float: left; width: 658px; }

/* ------------------------------
list
------------------------------ */
ul { clear: both; }
ul.tab { margin: 0px; padding: 0px; list-style: none; }
ul.tab li { float: left; margin: 0px; padding: 0px; width: auto; }
ul.tab li.more { float: right; width: auto; }

dl.tit { clear: both; margin: 0px; padding: 0px; }
dl.tit dt span { display: block; }
dl.tit dt { float: left; display: inline-block; margin: 0px; padding: 0px; width: auto; }
dl.tit dd { float: right; display: inline-block; margin: 0px; padding: 0px; width: auto; }

ul.arrow { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
ul.arrow li { margin: 3px 0px; padding: 0px 0px 0px 10px; background: url('/09img/common/arrow_01.gif') left center no-repeat; }

/* ------------------------------
gnv
------------------------------ */
#gnv { position: absolute; z-index: 2; top: 20px; left: 200px; width: 800px; }
#gnv,
#gnv ul { margin: 0px; padding: 0px; list-style: none; }
#gnv li { float: left; margin: 0px; padding: 0px; width: auto; }
a#depth1_1,
a#depth1_2,
a#depth1_3,
a#depth1_4,
a#depth1_5 { display: block; width: 153px; height: 38px; line-height: 32px; background: url('/09img/common/nav_01_off.gif') left top no-repeat; color: #fff; font-weight: bold; text-align: center; text-decoration: none; }
a#depth1_1 { background-image: url('/09img/common/nav_01_off.gif'); width: 156px; }
a#depth1_2 { background-image: url('/09img/common/nav_02_off.gif'); }
a#depth1_3 { background-image: url('/09img/common/nav_03_off.gif'); }
a#depth1_4 { background-image: url('/09img/common/nav_04_off.gif'); }
a#depth1_5 { background-image: url('/09img/common/nav_05_off.gif'); width: 165px; }
a#depth1_1 ul { display: none; }
a#depth1_1.on, a#depth1_1:hover { background-image: url('/09img/common/nav_01_on.gif'); width: 156px; }
a#depth1_2.on, a#depth1_2:hover { background-image: url('/09img/common/nav_02_on.gif'); }
a#depth1_3.on, a#depth1_3:hover { background-image: url('/09img/common/nav_03_on.gif'); }
a#depth1_4.on, a#depth1_4:hover { background-image: url('/09img/common/nav_04_on.gif'); }
a#depth1_5.on, a#depth1_5:hover { background-image: url('/09img/common/nav_05_on.gif'); width: 165px; }
ul.depth2 { position: absolute; z-index: 3; top: 41px; left: 0px; width: 800px; }
ul.depth2 li { height: 25px; line-height: 25px; background: url('/09img/common/subnav.gif') center center no-repeat; }
ul.depth2 li.first-child { background-position: left center; }
ul.depth2 li.last-child { background-position: right center;  }
ul.depth2 li a { display: inline-block; padding: 0px 15px; height: 25px; }
ul.depth2 li a.on { font-weight: bold; }
ul#depth2_1 { }
ul#depth2_2 { margin-left: 150px; }
ul#depth2_3 { margin-left: 310px; }
ul#depth2_4 { margin-left: 16px; }
ul#depth2_5 { margin-left: 400px; }

/* ------------------------------
list custom
------------------------------ */
body.main ul.arrow { margin: 0px 0px 38px 10px; }
body.main ul.arrow li { margin: 8px 0px; }

body.main dl.tit { height: 27px; background: url('/09img/custom/tab_front_bg_03.gif') left top repeat-x; overflow: hidden; }
body.main dl.tit dt span { display: inline-block; padding-right: 24px; background: url('/09img/custom/tab_front_bg_02.gif') right top no-repeat; font-weight: bold; }
body.main dl.tit dt { padding-left: 17px; height: 27px; line-height: 27px; background: url('/09img/custom/tab_front_bg_02.gif') left top no-repeat; }
body.main dl.tit dd { padding-top: 3px; height: 27px; width: 50px; }

/* ------------------------------
front
------------------------------ */
table.front { border-top: solid 1px #78b7e2; border-bottom: solid 2px #78b7e2; }
table.front td,
table.front th { padding: 5px 5px 4px 5px; text-align: left; border-left: solid 1px #78b7e2; border-top: solid 1px #78b7e2; line-height: 1.2; }
table.front th { font-weight: bold; color: #4990cc; background: #e6eef9; }
table.front .first-child { border-left: none; }
table.front em { font-style: normal; color: #4990cc; }
table.front td.up { background: url('/09img/common/ico_up.gif') 5px center no-repeat; text-align: right; }
table.front td.down { background: url('/09img/common/ico_down.gif') 5px center no-repeat; text-align: right; }

table.dot td { height: 24px; line-height: 24px; background: url('/09img/common/dot_01.gif') left top repeat-x; }
table.dot .first-child td { background: none; }
table.dot td.date { width: 80px; text-align: center; }

body.main h2 { margin: 0px; padding: 0px 0px 0px 12px; height: 20px; background: url('/09img/common/ico_01.gif') left 30% no-repeat; font-size: 11px; }

/* ------------------------------
col-1
------------------------------ */
div.general-information { height: 174px; overflow: hidden; background: url('/09img/custom/frame_01.gif') left top no-repeat; }
div.general-information h3 { margin: 0px; padding: 6px 0px 0px 15px; height: 39px; font-weight: normal; line-height: 1.1; font-size: 11px; }
div.general-information table { margin-left: 5px; width: 195px; }
div.banner-wrapper a { display: block; margin: 6px 0px; width: 206px; }

/* ------------------------------
col-2
------------------------------ */
div.press-release { clear: both; padding: 0px 20px; height: 123px; background: url('/09img/custom/frame_02.gif') left top no-repeat; }
div.press-release table { margin-top: 5px; width: 100%; }

#col-2 ul.tab { height: 26px; }
#col-2 ul.tab li span { display: block; width: 117px; line-height: 26px; font-weight: bold; text-indent: 10px; }
#col-2 ul.tab li.more { padding-top: 7px; width: 70px; text-align: center; }

div.policy-focus { height: 245px; background: url('/09img/custom/obj_folicyfocus.gif') left top no-repeat; overflow: hidden; }
div.policy-focus div.inner { margin: 10px 12px; }
div.policy-focus div.fleft { width: 276px; overflow: hidden; }
div.policy-focus div.fleft div.pic { height: 202px; border: solid 1px #cddcee; text-align: center; background: #fff; }
div.policy-focus div.fleft div.pic div.large { padding-bottom: 8px; background: url('/09img/custom/shade_01.gif') center bottom no-repeat; }
div.policy-focus div.fleft table.slider { margin: 0px auto; }
div.policy-focus div.fleft table.slider td { width: 25%; }
div.policy-focus div.fright { width: 178px; overflow: hidden; }
div.policy-focus div.fright table { width: 100%; }
div.policy-focus div.fright table td.pic { width: 64px; height: 97px;  }
div.policy-focus div.fright table td.dot { height: 1px; background: url('/09img/common/dot_02.gif') left center repeat-x; }
div.policy-focus div.fright div.bulletin { padding: 0px 10px; height: 202px; border: solid 1px #cddcee; background: #fff; }

#col-2 ul.tab-type2 { margin-top: 20px; height: 29px; background: url('/09img/custom/tab_front_bg.gif') right top no-repeat; }

div.treasury-bonds { clear: both; padding: 0px 20px; height: 114px; background: url('/09img/custom/frame_03.gif') left top no-repeat; }
div.treasury-bonds table { margin-top: 5px; width: 100%; }

/* ------------------------------
col-3
------------------------------ */
#cols-3 table.front { }