@charset "euc-kr";
/* 
Gicamp Corp, Web Standardization Team (http://www.gicamp.co.kr/) Abadon
-----------------------------------------------------------------------------
CSS / Incording - ANSI
-----------------------------------------------------------------------------
*/
@import url("board.css");
@import url("common.css");
@import url("contents.css");
body { line-height:1.5em; font-family:Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#555; background:url(../img/common/bg_body.gif) repeat-x 0 0;}
.login_body { line-height:1.5em; font-family:Dotum, Helvetica, AppleGothic, Sans-serif; font-size:12px; color:#555; background:none;}

/* Layout */
#wrap { width:970px; min-width:970px; margin:0 auto;}
#header { position:relative; width:970px; height:137px; margin:0 auto; background:url(../img/common/bg_header.gif) no-repeat 0 0; z-index:1;}
#container { width:970px; padding:0 0 50px; margin:0 auto;}
#leftcolumn { float:left; width:200px; display:inline;}
#rightcolumn { float:right; width:750px; display:inline;}
#footer { clear:both; width:100%; margin-bottom:50px; border-top:1px solid #EBEBEB}
#content { width:100%; color:#555; line-height:1.8em; text-align:left; }

/* header */
#header h1 { position:absolute; top:2px; left:0; float:left; width:170px; font-size:1.5em;}

/* mngr_box */
.mngr_box { position:relative; float:left; display:inline; margin:23px 0 0 230px;}
.mngr_box p { float:left; display:inline;}
.mngr_box p strong { color:#e1870d;}
.pw_change { float:left; display:none; margin-left:20px;}
.pw_change label { font-size:11px; color:#e1870d;}
.pw_change input { vertical-align:top;}

/* gnb */
.gnb { position:relative; float:right; display:inline; padding:25px 15px 0 0; overflow:hidden; color:#777;}
.gnb p { float:left; display:inline; margin-right:20px;}
.gnb ul { float:left; overflow:hidden;}
.gnb li { float:left; display:inline; font-size:11px; color:#58595b; letter-spacing:-1px; background:url(../img/common/bg_gnb.gif) no-repeat 0 3px; margin-left:-1px;}
.gnb li a {  padding:0 10px; white-space:nowrap; display:inline-block; color:#777 !important;}

/* lnb */
.lnb { position:absolute; top:59px; left:210px; width:760px; height:43px; line-height:43px; display:inline-block; z-index:9999; background:#e1870d url(../img/common/bg_lnb.gif) repeat-x 0 0;}
.lnb li { float:left; display:inline; margin-right:12px;}
.lnb li a { float:left; display:inline; color:#fff !important; text-decoration:none; cursor:pointer;}
.lnb li a span { display:inline-block; padding:0 10px; font-size:12px; font-weight:bold; height:43px; line-height:63px;}
.lnb li a:hover, .lnb li a:active, .lnb li a:focus, .lnb li a.current { background:url(../img/common/bg_lnb_over_l.gif) no-repeat 0 0; color:#000 !important; text-decoration:none;}
.lnb li a:hover span, .lnb li a:active span, .lnb li a:focus span, .lnb li a.current span { background:url(../img/common/bg_lnb_over_r.gif) no-repeat 100% 0;}

/* lnb_over */
.lnb ul ul { position:absolute; top:47px; left:0px; width:760px; overflow:hidden; visibility:hidden;}
* html .lnb ul ul { position:absolute; top:50px; left:0px; width:760px; overflow:hidden; visibility:hidden;}
.lnb li li { display:inline; height:25px; line-height:25px; background:url(../img/common/bg_lnb_sub.gif) no-repeat 0 7px; margin:0 0 0 -1px;}
.lnb li li a { float:left; color:#666 !important; padding:0 5px; white-space:nowrap; display:inline-block; font-weight:bold;}
.lnb li li a:hover, .lnb li li a:active, .lnb li li a:focus, .lnb li li a.current { color:#e1870d !important; text-decoration:underline !important; background:none !important;}

#Lm1 { left:-10px; width:104px;}
#Lm2 { left:100px; width:540px;}
#Lm3 { left:210px; width:700px;}
#Lm4 { left:285px; width:575px;}
#Lm5 { left:395px; width:200px; }
#Lm6 { left:90px; width:740px; }
#Lm7 { left:545px; width:155px; }
#Lm8 { left:160px; width:600px; }

/* snb */
#leftcolumn h2.tit { width:183px; height:45px; line-height:45px; font-size:18px; font-weight:bold; color:#000; padding-left:15px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.snb { width:198px; border:1px solid #ebebeb; border-top:none; background:#f5f5f5 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5)); background:#f5f5f5 -moz-linear-gradient(top, #ffffff, #f5f5f5); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f5f5f5);}
.snb ul { display:inline-block; width:100%;}
.snb li { margin-bottom:5px;}
.snb li a { height:32px; line-height:32px; display:inline-block; padding:0 15px; width:168px; letter-spacing:-1px; overflow:hidden; font-weight:bold;}
.snb li a:hover, .snb li a:active, .snb li a:focus, .snb li a.current { background:#e1870d url(../img/common/bg_snb_over.gif) no-repeat 0 0; color:#fff; text-decoration:none;}
.snb li ul { padding:5px 0 10px; display:inline-block; width:196px; margin:0 auto;}
.snb li ul.last { border-bottom:none;}
.snb li li { line-height:normal; margin-bottom:3px;}
.snb li li a { height:auto; line-height:normal; display:inline-block; padding:2px 0 2px 30px; width:160px; background:url(../img/common/bul_snb_sub.gif) no-repeat 20px 7px; font-weight:normal; overflow:visible;}
.snb li li a:hover, .snb li li a:active, .snb li li a:focus, .snb li li a.current { background:url(../img/common/bul_snb_sub.gif) no-repeat 20px 7px; color:#E1870D; font-weight:bold;}

/* location */
.location { position:relative; width:100%; height:40px; line-height:40px; display:inline-block; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
.location p { float:right; display:inline; color:#999; font-size:11px; }
.location p span { padding-left:3px; background:url(../img/common/line_lnb.jpg) no-repeat 0 1px; }
.location p span.home { background:url(../img/common/icon_home.gif) no-repeat 0 1px; padding-left:15px;}
.location p strong { padding:0 10px 0 3px; font-weight:normal; color:#363636; }
.location h2 { position:absolute; top:10px; left:10px; color:#333 ; font-size:18px; font-weight:bold; height:28px; line-height:28px;}

/* heading */
.con_tit { position:relative; height:48px; line-height:48px; background:url(../img/common/bg_con_title.gif) repeat-x 0 100%; font-size:20px; font-weight:bold; padding-left:10px; margin-bottom:15px;}
.h3_con1 { position:relative; display:inline-block; width:100%; margin-top:15px; font-size:12px; color:#5994C6;}

/* bnn_body */
.bnn_body { position:relative; width:970px; margin:0 auto;}
.bnn_control { float:left; display:inline; width:65px; height:40px; margin:20px 0 0 25px;}
.bnn_control .btn { padding:3px 0 0;}
.bnn_control .btn a { padding:0 4px 4px 0; display:inline-block;}
.bnn_list { float:right; display:inline; width:868px; height:48px; margin-top:13px; white-space:nowrap; overflow:hidden;}
.bnn_body li { float:left; display:inline; margin:0 3px;}
.bnn_body li img { width:116px; height:46px; border:1px solid #d6d6d6}

/* footer */
.f_body { position:relative; margin:0 auto; padding:10px 0 0; line-height:1.3em; display:block; overflow:hidden;}
.f_logo { float:left; display:inline; width:200px; margin-right:20px; text-align:center;}
.f_copy { float:left; display:inline; width:750px;}
.f_copy p { margin-bottom:1px;}