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

body {color:#777;}
a {color:#777; text-decoration:none;}
a:active,
a:hover,
a:focus {color:#777; text-decoration:none;}
li {padding:0 margin:0;}

/* Layout Area */
html, body, #Wrapper {width:100%; height:100%;}
body {background:url("/images/index/bg_body.jpg") repeat-x 0 0 #fff;}
#Header {width:960px; height:382px; margin:auto;}
#Header .headsec {width:100%; text-align:left;}
#Container {width:960px; margin:auto;}
#Footer {background:url("/images/index/bg_footer.gif") repeat-x 0 0 #fff;}

/* Container */
#Container .contsec1 {width:100%; overflow:hidden; margin-top:16px;}
#Container .contsec2 {width:100%; overflow:hidden; margin:20px 0 13px 0;}
#Container .leftsec {float:left; width:301px; display:inline;}
#Container .centersec {float:left; width:270px; display:inline; margin-left:44px}
#Container .rightsec {float:right; width:301px; display:inline;}
#Container .rightsec h2{float:left;}
#Container h2 {height:23px;}


/* Dailynews */
#Dailynews {position:relative;}
#Dailynews .article {width:100%; height:138px; background:url("/images/index/bg_dailynews.jpg") no-repeat 0 22px;}
#Dailynews img.out {margin-top:3px;}
#Dailynews .article h3 {float:left; width:58px; display:inline; margin:1px 2px 0 0;}
#Dailynews .article h3.fir {margin:1px 3px 0 -1px;}
/* #Dailynews .article div {position:absolute; top:63px; left:14px; width:271px;} */
#Dailynews .article ul {position:absolute; top:63px; left:14px; width:271px;}
#Dailynews .article li {vertical-align:top; line-height:100%; width:100%; overflow:hidden; margin-bottom:6px;}
#Dailynews .article .link {float:left; width:200px;}
#Dailynews .article .link a {background:url("/images/index/bg_article.gif") no-repeat 0 4px; padding-left:8px; display:block;}
#Dailynews .article .date {float:right; width:65px;}
#Dailynews .article .more {position:absolute; top:10px; right:0px;}

/* fxmargin */
#fxmargin img {border-bottom:1px solid #f3d5d6}

/* sisetable */
.sisetable {background:url("/images/index/bg_sisetable_thead.gif") repeat-x 0 0;}
.sisetable table {table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;padding:0;margin:0;}
.sisetable table th {background-color:#99adb5; text-align:center; line-height:100%; height:25px; vertical-align:middle; background:url("/images/index/bg_sisetable_th.gif") no-repeat left 0;}
.sisetable table td {background-color:#fff; text-align:center; padding:5px 0; line-height:100%;}
.sisetable table .rowcolor td {background-color:#f2f2f2;}
.sisetable table tbody tr.st-f8 td {background:#f8f8f8;}
.sisetable table .blank td {font-size:1px; height:5px; padding:0; line-height:0;}
.sisetable table .sise {float:left; margin-left:25px; vertical-align:top; margin-top:2px;}
.sisetable table .num {float:right; margin-right:10px;}
.sisetable table .num2 {float:right; margin-right:12px;}
ul.sise-tab{overflow:hidden; float:right; background:url("/images/index/bg_bar.gif") no-repeat 33px 1px;}
ul.sise-tab li{float:left; padding-left:10px;}
.sise-scroll {
	width:300px; 
	height:110px; 
	overflow:y-scroll; 
	border:0 solid;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ebebeb;
	border-left:1px solid #f6f6f6;
	scrollbar-3dlight-color:#dcdcdc;
	scrollbar-arrow-color:#b4b4b4;
	scrollbar-track-color:;
	scrollbar-darkshadow-color:#b4b4b4;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF
}

/* notice */
#Notice {position:relative;}
#Notice .article,
#Notice .article li {width:100%; overflow:hidden; line-height:100%; vertical-align:top;}
#Notice .article li {margin-bottom:7px;}
#Notice .article .link {float:left; width:228px;}
#Notice .article .link a {border-left:1px solid #d6d6d6; padding-left:8px;}
#Notice .article .date {float:left; width:69px;}
#Notice .more {position:absolute; top:8px; right:5px;}

/* customer */
#customer {width:100%; height:83px; background:url("/images/index/bg_customer.gif") no-repeat right 0;}
#customer ul {padding-top:9px;}
#customer ul li.customer-link {background:url("/images/index/customer_link_txtbg.gif") no-repeat 4px top; padding:14px 0 0 4px;}
#customer li {line-height:100%; vertical-align:top; border-bottom:1px solid #ddd; margin-right:110px; padding:4px; 0 5px;}
/* background:url("/images/index/bul_customer.gif") no-repeat right bottom;*/


/* Footer */
#Footer .topsec {width:100%; overflow:hidden; height:26px; background:url("/images/index/bg_footer.gif") repeat-x 0 0 #c20e0f; color:#fff; font-weight:bold;}
#Footer .topsec a {color:#fff;}
#Footer .FNB {width:100%; overflow:hidden;}
#Footer .FNB li {float:left; width:auto; line-height:100%; vertical-align:top; margin:8px 14px 0 0px;}
* html #Footer .FNB li {display:inline;}

#Footer .bottomsec {width:100%; margin-top:11px;}
#Footer .leftsec {width:444px; float:left;}
#Footer .leftsec address {margin-bottom:5px;}
#Footer .rightsec {width:440px; float:right;}
#Footer .sitelink {width:440px; float:left;}
#Footer .sitelink ul {width:100%; overflow:hidden;}
#Footer .sitelink li {float:left; display:inline; margin-left:20px;}
#Family {position:relative; float:right; margin-top:-33px; margin-right:10px;}
/*#Family .familylist{position:absolute; z-index:1; top:-64px; left:0; width:142px; height:30px; background:#fff;}*/
#FamilyList ul{height:50px; border:1px solid #ccc; background:#fff; padding:7px 0 6px 10px; }
#FamilyList {position:absolute; top:-64px; left:0; width:142px; }