@charset "utf-8";

/* Element Reset */
html, body{ height:100%; margin:0; }
body, input, textarea, select, button { font-size:12px; font-family:Dotum, Tahoma, Verdana, AppleGothic, Sans-serif; }
address { font-style:normal;}
img, fieldset{ border:0; margin:0; padding:0;}
p, form{ margin:0; padding:0; }
legend{ position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
hr{ display:none;}
sup, sub{ font-style:normal; font-weight:normal;}

/* Link */
a:link { color:#555; text-decoration:none;}
a:visited { color:#555; text-decoration:none;}
a:hover { color:#0000ff; text-decoration:underline;}
a:active { color:#555; text-decoration:none;}

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.nowrap { white-space:nowrap; }

/* Common Class */
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb2 { margin-bottom:2px;}
.mb5 { margin-bottom:5px;}
.mb8 { margin-bottom:8px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pd2 { padding:2px;}
.pd5 { padding:5px;}
.pd8 { padding:8px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pdL2 { padding-left:2px;}
.pdL5 { padding-left:5px;}
.pdL8 { padding-left:8px;}
.pdL10 { padding-left:10px;}
.pdL15 { padding-left:15px;}
.pdL20 { padding-left:20px;}
.pdT2 { padding-top:2px;}
.pdT5 { padding-top:5px;}
.pdT8 { padding-top:8px;}
.pdT10 { padding-top:10px;}
.pdT15 { padding-top:15px;}
.pdT20 { padding-top:20px;}
.pdB2 { padding-bottom:2px;}
.pdB5 { padding-bottom:5px;}
.pdB8 { padding-bottom:8px;}
.pdB10 { padding-bottom:10px;}
.pdB15 { padding-bottom:15px;}
.pdB20 { padding-bottom:20px;}
.bgF6 { background-color:#f6f6f6;}
.box1px { border:1px solid #dedede;}
.box2px { border:2px solid #dedede;}
.box3px { border:3px solid #dedede;}
.boxL { border-left:1px solid #dedede;}
.boxT { border-top:1px solid #dedede;}
.boxR { border-right:1px solid #dedede;}
.boxB { border-bottom:1px solid #dedede;}
.uline1 { border-bottom:1px solid #999;}
.uline2 { border-bottom:2px solid #999;}
.newsBox { padding:34px 20px 0 20px; border-color:#dedede #dedede #dedede #dedede; border-style:solid; border-width:0 1px 1px 1px; }
.taC { text-align:center; }
.gnb, .lnb, .lnb ul { margin:0; padding:0;}
.pointer { cursor:pointer;}
.bgTop { border:0 solid #e6e6e6; background: url(../../images/black/bg_top.gif) repeat-x left top; }
.boxShadow { -moz-box-shadow: #969696 3px 3px 5px; -webkit-box-shadow: #969696 3px 3px 5px; box-shadow: #969696 3px 3px 5px; }

/* Corner radius */
.corner-tl { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; }
.corner-tr { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
.corner-bl { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.corner-br { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }
.corner-top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.corner-bottom { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.corner-right {  -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.corner-left { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.corner-all { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.corner-all-3px { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.corner-all-4px { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

/* Anchor Button */
a.buttonl,
a.buttonl span { display:inline-block; position:relative; text-decoration:none !important; background:url(../../images/black/buttonW.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.buttonl { padding:0; background-position:left top; overflow:visible;}
a.buttonl span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Dotum; background-position:right top;}
/* Normal Size */
a.buttonl.normal { background-position:left 0; }
a.buttonl.normal span { padding:7px 10px 6px 8px; font:12px/12px Dotum; background-position:right 0;}
/* Large Size */
a.buttonl.large { background-position:left -30px; }
a.buttonl.large span { padding:7px 10px 6px 8px; font:14px/14px Dotum; background-position:right -30px;}
/* xLarge Size */
a.buttonl.xLarge { background-position:left -69px; }
a.buttonl.xLarge span { padding:8px 10px 7px 8px; font:16px/16px Dotum; background-position:right -69px;}
/* Small Size */
a.buttonl.small { background-position:left -115px; }
a.buttonl.small span { padding:3.5px 6px 3px 4px; font:11px/11px Dotum; background-position:right -115px;}

/* Control Button + Submit Button */
span.buttonl,
span.buttonl button,
span.buttonl input { display:inline-block; position:relative; font:12px Dotum; white-space:nowrap; border:0; margin:0; background:url(../../images/black/buttonW.gif) no-repeat; vertical-align:middle;}
span.buttonl { padding:0; background-position:left top;}
span.buttonl button,
span.buttonl input { height:23px; left:2px; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer;}
/* Normal Size */
span.buttonl.normal { background-position:left 0;}
span.buttonl.normal button,
span.buttonl.normal input { height:23px; padding:0 10px 0 8px; font:12px/23px Dotum; background-position:right 0;}
/* Large Size */
span.buttonl.large { background-position:left -30px;}
span.buttonl.large button,
span.buttonl.large input { height:33px; padding:0 10px 0 8px; font:14px/33px Dotum; background-position:right -30px;}
/* xLarge Size */
span.buttonl.xLarge { background-position:left -69px;}
span.buttonl.xLarge button,
span.buttonl.xLarge input { height:39px; padding:0 10px 0 8px; font:16px/39px Dotum; background-position:right -69px;}
/* Small Size */
span.buttonl.small { background-position:left -115px;}
span.buttonl.small button,
span.buttonl.small input { height:15px; padding:0 6px 0 4px; font:11px/15px Dotum; background-position:right -115px;}

/* Site Layout - Top GNB */
.top_gnb { z-index:10000; }
.top_gnb .top_box { z-index:10001; }
.top_gnb .gnb { position:relative; height:22px; margin:-3px 0 0 0;}
.top_gnb .gnb:after { content:""; display:block; clear:both;}
.top_gnb .gnb p { display:block; float:left; width:370px; margin:0; padding:0;}
.top_gnb .gnb p a { height:22px; line-height:22px; font-size:11px;}

.top_gnb .gnb ul { position:relative; margin:0; padding:0; list-style:none; white-space:nowrap; line-height:22px;}
.top_gnb .gnb li { position:relative; float:left; }
.top_gnb .gnb li:first-child span { border:0;}
.top_gnb .gnb li a { display:block; float:left; height:22px; line-height:22px; font-size:11px; background-image:url(../../images/black.gif); background-repeat:no-repeat; background-position:left -284px;}
.top_gnb .gnb li span { position:relative; padding:0 6px;}
.top_gnb .gnb li.my a { background-position:right -111px;}
.top_gnb .gnb li.my span { padding-right:22px; background-image:url(../../images/black.gif); background-repeat:no-repeat; background-position:left -289px;}
.top_gnb .gnb li.active a {}
.top_gnb .gnb li.my.active a { background-position:right -127px;}

.top_gnb .gnb li ul { display:none; position:absolute; top:21px; right:0; float:none; padding:0 1px 1px; border:1px solid #878787; background:#fff;}
.top_gnb .gnb li.active ul { display:block;}
.top_gnb .gnb li li { float:none; left:0; border:0 !important; margin:0 !important;}
.top_gnb .gnb li li.active { background:none;}
.top_gnb .gnb li.my li a { float:none; height:21px; line-height:21px; padding:0 6px; color:#767676; background-position:right 30px !important;}
.top_gnb .gnb li.my.myLanguage li a { padding-right:21px;}
.top_gnb .gnb li.my.myLanguage li.selected a { background-position:right -145px !important;}
.top_gnb .gnb li li a:hover,
.top_gnb .gnb li li a:active,
.top_gnb .gnb li li a:focus { color:#333; text-decoration:none !important; background-color:#e8eef7;}

/* Site Layout - Select Language */
.select_language { position:absolute; width:185px; top:0; right:0; font:11px Arial, Dotum; z-index:10; }
.select_language .language_title { float:left; display:inline; margin:2px 7px; }
.select_language .language_line { float:right; display:inline; width:82px; border:1px solid #ccc; background:#fff; }
.select_language .language_line .select_language_button { background:url(../../images/black.gif) no-repeat right -58px; }
.select_language .language_line .select_language_button button { position:relative; display:inline-block; overflow:hidden; cursor:pointer; width:80px; height:17px; text-align:left; vertical-align:middle; text-indent:2px; font:11px Arial, Dotum !important; color:#555; white-space:nowrap; margin:0; padding:0; border:0 solid #eee; background:none; }
.select_language .language_line ul { display:none; overflow:hidden; list-style:none; margin:0; padding:0; border-top:1px solid #eee; background:#fff; }
.select_language .language_line li { font:11px Arial, Dotum; color:#555; margin:0; padding:0 0 0 3px; }
.select_language .language_line li em { font-style:normal; }
.select_language .language_line li button { cursor:pointer; width:100%; font:11px Arial, Dotum; white-space:nowrap; text-align:left; margin:0; padding:0; border:0; background:none; }
.select_language .language_line li:hover { background:#eee;}

/* Site Layout - Main Menu */
.main_menu { border-bottom:1px solid #dedede; background:url(../../images/black/bgMenu1.png) repeat-x left top; }
.main_menu .tdate { position:absolute; left:15px; top:10px; }
.main_menu .tdate .first-child { color: yellow; padding: 2px 0 2px 0; }
.main_menu .gnb li { position:relative; float:left; height:36px; left:0; font-size:13px; font-family:Gulim, Tahoma; list-style:none; white-space:nowrap; margin:0; padding:0; }
.main_menu .gnb li a { display:block; float:left; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:none; }
.main_menu .gnb li a span { display:block; padding:12px 9px 0 9px; }
.main_menu .gnb li a:hover { color:#fff }
.main_menu .gnb li a:focus { color:#fff }
.main_menu .gnb li.on { position:relative; height:36px; margin:0; padding:0; }
.main_menu .gnb li.on a { height:36px; color:#fff; }
.main_menu .gnb li.backLava { position:absolute; background:url(../../images/black/bgMenuOnR1.gif) no-repeat right top; }
.main_menu .gnb li.backLava .leftLava {	height:100%; margin-right:10px; background:url(../../images/black/bgMenuOn1.gif) no-repeat left top; }

.main_menu .roll_gnb li { position:relative; float:left; height:36px; left:0; font-size:13px; font-family:Gulim, Tahoma; list-style:none; white-space:nowrap; margin:0; padding:0; }
.main_menu .roll_gnb li a { display:block; float:left; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:none; }
.main_menu .roll_gnb li a span { display:block; padding:12px 9px 0 9px; }
.main_menu .roll_gnb li.selected { position:relative; height:36px; margin:0; padding:0; }
.main_menu .roll_gnb li a:hover { color:#fff }
.main_menu .roll_gnb li a:focus { color:#fff }
.main_menu .roll_gnb li.on { position:relative; height:36px; margin:0; padding:0; }
.main_menu .roll_gnb li.on a { height:36px; color:#fff; }
.main_menu .roll_gnb li.backLava { position:absolute; background:url(../../images/black/bgMenuOnR1.gif) no-repeat right top; }
.main_menu .roll_gnb li.backLava .leftLava { height:100%; margin-right:10px; background:url(../../images/black/bgMenuOn1.gif) no-repeat left top; }

.main_menu .new_bg { position:absolute; width:23px; height:14px; top:-6px; left:525px; background:url(../../images/icons.gif) no-repeat right top; z-index:1002; }
.main_menu .hot_bg { position:absolute; width:23px; height:14px; top:-6px; left:85px; background:url(../../images/icons.gif) no-repeat left top; z-index:1002; }
.main_menu .up_bg { position:absolute; width:16px; height:14px; top:-6px; left:300px; background:url(../../images/icons.gif) no-repeat -27px top; z-index:1002; }

#drop_gnb { position:absolute; left:0; z-index:1001; }
#drop_gnb a,
#drop_gnb a span { text-decoration:none; }
#drop_gnb ul { display:block; list-style:none; margin:0; padding:0; }
#drop_gnb li { position:relative; float:left; height:36px; font-size:13px; font-family:Gulim, Tahoma; list-style:none; white-space:nowrap; margin:0; padding:0; }
#drop_gnb li:hover { color:#fff; }
#drop_gnb li a { display:block; overflow:hidden; color:#fff; font-weight:bold; }
#drop_gnb li a span { display:block; padding:12px 9px 0 9px;}
#drop_gnb li a:hover { color:#fff; }
#drop_gnb .on1 .a1 { color:#fff; }
#drop_gnb ul ul { display:none; position:absolute; left:0; top:36px; border-color:#b4b3b3; border-style:solid; border-width:0 1px 1px 1px; background:url(../../images/blank.gif) repeat left top; z-index:1001; }
#drop_gnb ul ul li { clear:both; position:relative; width:150px; height:27px; left:0; font-size:12px; font-family:Gulim, Tahoma; background-color:#fff; }
#drop_gnb ul ul a { display:block; overflow:hidden; color:#555; font-weight:normal; }
#drop_gnb ul ul a span { display:block; padding:8px 0 0 10px; }
#drop_gnb ul ul a:hover,
#drop_gnb ul ul a:focus { height:27px; color:#fff; background-color:#a5a4a4 !important; }
#drop_gnb .sub2 .a2,
#drop_gnb .sub3 .a3 { background:#fff url(../../images/black.gif) no-repeat 119px -222px; }
#drop_gnb .on2 .a2,
#drop_gnb .on3 .a3,
#drop_gnb .on4 .a4 { height:27px; color:#fff; font-weight:bold; background-color:#393830; }
#drop_gnb ul ul ul { display:none; position:absolute; left:150px; top:-1px; border:1px solid #b4b3b3; background:url(../../images/blank.gif) repeat left top; z-index:1002; }
#drop_gnb li.backLava { position:absolute; height:36px; margin:0; background:url(../../images/black/bgMenuOnR1.gif) no-repeat right top; z-index:1; }
#drop_gnb li.backLava .leftLava { height:100%; margin-right:10px; background:url(../../images/black/bgMenuOn1.gif) no-repeat left top; }

/* Site Layout - Main 2nd Menu */
.gnb2 li { position:relative; float:left; width:auto; left:-2px; list-style:none; font-size:12px; font-family:Gulim, Tahoma; white-space:nowrap; margin:0; padding:0; }
.gnb2 li a { display:block; letter-spacing:-1px; text-decoration:none; padding:4px 8px 4px 8px; background:url(../../images/black.gif) no-repeat left -302px; }
.gnb2 li a:hover, .gnb2 li a:focus { letter-spacing:-1px; color:#900 !important; }
.gnb2 li.on a { font-weight:bold; color:#900 !important; letter-spacing:-1px; border-bottom:0px solid #900; }
.roll_gnbSub li { position:relative; float:left; width:auto; left:-2px; list-style:none; font-size:12px; font-family:Gulim, Tahoma; white-space:nowrap; margin:0; padding:0; }
.roll_gnbSub li a { display:block; letter-spacing:-1px; text-decoration:none; padding:4px 8px 4px 8px; background:url(../../images/black.gif) no-repeat left -302px; }
.roll_gnbSub li a:hover, .roll_gnbSub li a:focus { letter-spacing:-1px; color:#900 !important; }
.roll_gnbSub li.on a { font-weight:bold; color:#900 !important; letter-spacing:-1px; border-bottom:0px solid #900; }

#content { overflow:hidden; width:100%; }
.w20_bg { background:#fff; opacity:.2; -moz-opacity:.2; -webkit-opacity:.2; filter:alpha(opacity=20); }
.w30_bg { background:#fff; opacity:.3; -moz-opacity:.3; -webkit-opacity:.3; filter:alpha(opacity=30); }
.w50_bg { background:#fff; opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50); }
.w80_bg { background:#fff; opacity:.8; -moz-opacity:.8; -webkit-opacity:.8; filter:alpha(opacity=80); }
.w100_bg { background:#fff; }
.b20_bg { background:#000; opacity:.2; -moz-opacity:.2; -webkit-opacity:.2; filter:alpha(opacity=20); }
.b30_bg { background:#000; opacity:.3; -moz-opacity:.3; -webkit-opacity:.3; filter:alpha(opacity=30); }
.b50_bg { background:#000; opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50); }
.b80_bg { background:#000; opacity:.8; -moz-opacity:.8; -webkit-opacity:.8; filter:alpha(opacity=80); }
.b100_bg { background:#000; }
.gray50_bg { background:#fafafa; opacity:.5; -moz-opacity:.5; -webkit-opacity:.5; filter:alpha(opacity=50); }
.gray80_bg { background:#fafafa; opacity:.8; -moz-opacity:.8; -webkit-opacity:.8; filter:alpha(opacity=80); }

/* Login Layer */
.mwLogin{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000;}
.mwLogin.open{ display:block;}
.mwLogin .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:.999; -moz-opacity:.999; -webkit-opacity:.999; filter:alpha(opacity=100);}
.wideLW{ position:absolute; width:565px; height:250px; left:50%; top:120px; padding:30px 5px 30px 30px; margin:0 0 0 -300px; border:1px solid #d5d5d5; border-top:7px solid #333; border-bottom:2px solid #333; background:#fff;}
.wideLW #loginW{ position:absolute; float:left; width:223px; height:222px; margin:0 0 0 ; padding:25px 23px 0 23px; color:#797771; border:1px solid #d5d5d5; border-top:2px solid #333; background:#fcfcfc;}
.wideLW #loginW form{ display:none; margin:0; padding:0;}
.wideLW #loginW fieldset{ border:0; margin:0; padding:0;}
.wideLW #loginW legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.wideLW #loginW .btnLogin,
.wideLW #loginW .btnLogin input{ display:inline-block; position:relative; margin:0; padding:0; overflow:visible; height:23px; line-height:23px; font-size:12px; font-weight:bold; color:#333; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; background:transparent url(../../images/black/buttonW.gif) no-repeat;}
.wideLW #loginW .btnLogin{ margin:0 4px 0 0; background-position:left top;}
.wideLW #loginW .btnLogin input{ left:4px; background-position:right top; padding:0 10px 0 10px;}
.wideLW #loginW .iClear{ position:relative;}
.wideLW #loginW .iText{ display:block; position:relative; font:bold 11px Tahoma; height:14px; color:#767676; border:1px solid #626161; background:transparent;}
.wideLW #loginW .help{ display:block; position:relative; float:none; border:0; border-bottom:1px solid #d5d5d5; padding:5px 0 15px 0; margin:0 -23px; list-style:none; text-align:center;}
.wideLW #loginW .help li{ display:inline; float:none; border-left:1px solid #c3c3c3 !important; padding:0 5px 0 5px; margin:0; line-height:1;}
.wideLW #loginW .help li.first{ border:0 !important;}
.wideLW #loginW .help a{ display:inline; float:none; background:none; line-height:1; padding:0; font-size:11px; font-family:Dotum, Sans-serif;}
.wideLW #loginW .gLogin .iLabel{ position:absolute; top:8px;; left:10px; font:bold 11px Tahoma;}
.wideLW #loginW .gLogin .iText{ width:211px; padding:8px 0 6px 10px; margin:0 0 3px 0;}
.wideLW #loginW .gLogin .btnLogin{ position:absolute; top:95px; right:24px;}
.wideLW #loginW .gLogin .keeping{ float:none; height:23px; line-height:23px; margin:10px 0; padding:0;}
.wideLW #loginW .gLogin .keeping label{ position:static; cursor:pointer; font-family:Dotum, Thahoma;}
.wideLW #loginW .gLogin .iCheck{ width:13px; height:13px; margin:0 4px 0 0; padding:0; vertical-align:middle;}
.wideLW #loginW .gLogin .warning{ display:none; float:none; margin:10px 0; line-height:1.4;}
.wideLW #loginW .gLogin .warning.open{ display:block;}
.wideLW #loginW .oLogin{ text-align:center;}
.wideLW #loginW .oLogin .iLabel{ position:absolute; top:8px; *top:44px; left:36px; font:bold 11px Tahoma;}
.wideLW #loginW .oLogin .iText{ *display:inline; width:186px; padding:8px 0 6px 35px; margin:33px 0 0 0; *margin:35px 0 0 0; _margin:35px 0 2px 0; background:url(../../images/black.gif) no-repeat 10px -83px;}
.wideLW #loginW .oLogin .btnLogin{ margin-top:11px; margin-bottom:10px;}
.wideLW #loginW.gLogin .gLogin,
.wideLW #loginW.oLogin .oLogin{ display:block;}
.wideLW #loginW .close{ position:absolute; top:0; right:0; width:25px; height:25px; border:0; margin:-27px -290px 0 0; padding:0; background:transparent; overflow:visible; cursor:pointer; text-align:center; font:11px/25px Verdana, Geneva, sans-serif; color:#ccc; text-decoration:none !important;}
.wideLW .adLayer { position:relative; float:right; width:265px; padding:0 15px 0 0; margin:0 0 0 ; border:0 solid #B3B3FF; background:#fff; }

/* Site Layout - service_wrap */
#service_wrap { clear:both; position:relative; height:30px; padding:0; border-color:#999 #dedede #dedede #dedede; border-style:solid; border-width:2px 0 0 0; }
#service_wrap p.left { position:absolute; color:#555; font-weight:bold; font-size:12px; letter-spacing:-1px; top:0; margin:0; padding:10px 10px 10px 10px; z-index:10; }
#service_wrap .svc_bg { position:absolute; width:100%; height:30px; top:0; background:#fff; opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70); }
#service_wrap .svc_menu { position:absolute; overflow:hidden; left:90px; top:0; margin:0; padding:10px 0; z-index:10; }
#service_wrap .svc_menu li { display:inline; white-space:nowrap; font-size:12px; padding:0 1px 0 6px; background:url(../../images/black.gif) no-repeat left -327px; }
#service_wrap .svc_right { position:absolute; top:0; right:0; text-align:right; font-weight:bold; font-size:12px; letter-spacing:-1px; padding:10px 20px 10px 15px; background:url(../../images/black.gif) no-repeat left -257px; z-index:10;}

/* Site Layout - Sitemap */
#sitemap { display:none; }
#sitemap a { text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus { text-decoration:underline;}
#sitemap .extension { clear:both; position:relative; padding:15px 0px 8px 20px; border-color:#dedede #dedede #dedede #dedede; border-style:solid; border-width:1px 0 0 0; z-index:10;}
#sitemap .extension:after { clear:both; display:block; content:"";}
#sitemap .extension .section { float:left; width:105px; margin:0; padding:0 15px 0 0;}
#sitemap .extension .section h2 { font-size:11px; margin:0 0 10px 0;}
#sitemap .extension .section a {}
#sitemap .extension .section ul { list-style:none; margin:0; padding:0;}
#sitemap .extension .section li { font-size:11px; margin-bottom:6px;}

#sitemap2 { clear:both; position:relative; width:100%;}
#sitemap2 a { text-decoration:none;}
#sitemap2 a:hover,
#sitemap2 a:active,
#sitemap2 a:focus { text-decoration:underline;}
#sitemap2 .extension { clear:both; position:relative; padding:15px 0px 8px 20px; border-color:#dedede #dedede #dedede #dedede; border-style:solid; border-width:1px 0 0 0; z-index:10;}
#sitemap2 .extension:after { clear:both; display:block ;content:"";}
#sitemap2 .extension .section { float:left; width:105px; margin:0; padding:0 15px 0 0;}
#sitemap2 .extension .section h2 { font-size:11px; margin:0 0 10px 0;}
#sitemap2 .extension .section a {}
#sitemap2 .extension .section ul { list-style:none; margin:0; padding:0;}
#sitemap2 .extension .section li { font-size:11px; margin-bottom:6px;}

/* Site Layout - Footer */
#footer { clear:both; position:relative; width:100%; height:75px; border-color:#dedede #dedede #333 #dedede; border-style:solid; border-width:1px 0 0; }
#footer .foot_bg { position:absolute; width:100%; height:75px; top:0; background:#fff; opacity:.6; -moz-opacity:.6; -webkit-opacity:.6; filter:alpha(opacity=60);}
#footer h1 { position:absolute; top:10px; margin:0; padding:5px 0 10px 19px; border-right:0 solid #dedede; width:180px; z-index:10;}
#footer .foot_menu { position:relative; overflow:hidden; height:15px; top:10px; text-align:center; margin:0; padding:5px 0; z-index:10;}
#footer .foot_menu li { display:inline; white-space:nowrap; font-size:12px; padding:0 1px 0 6px; background:url(../../images/black.gif) no-repeat left -327px; z-index:10; }
#footer .foot_menu li.snb_0 { background:none; }
#footer select { position:absolute; width:120px; height:18px; right:0; font-size:11px; color:#999; top:30px; border:1px solid #dedede; z-index:10; }
#footer p.top { position:absolute; top:5px; right:10px; margin:0; z-index:10; }
#footer p.copyright { position:relative; top:7px; font-size:12px; color:#555; line-height:13px; text-align:center; z-index:10; }
#footer address { position:relative; top:7px; text-align:center; font-family:Tahoma; font-size:12px; font-style:normal; padding-top:2px; z-index:10; }
#footer .skinby { position:absolute; right:0; font-size:12px; color:#999; top:52px; z-index:10; }

/* Search Border */
.Search { border: 5px solid #333 !important; }
.iSearch { border: 4px solid #333 !important; }
.ggSearch { border: 2px solid #333 !important; }
.xSearch { border: 2px solid #333 !important; }

/* Google Search Watermark */
.watermark { background:#fff url(../../images/icons.gif) no-repeat 6px -86px; }
.watermark_ { background:#fff url(../../images/icons.gif) no-repeat 6px -109px; }
.watermark2 { background:#fff url(../../images/icons.gif) no-repeat 5px -88px; }
.watermark2_ { background:#fff url(../../images/icons.gif) no-repeat 5px -111px; }
.watermark3 { background:#fff url(../../images/icons.gif) no-repeat 4px -91px; }
.watermark3_ { background:#fff url(../../images/icons.gif) no-repeat 4px -114px; }

/* Side Menu Border Color */
#lnbWrap { border: 1px solid #dedede; }

/* Side Menu Title Font Color */
#lnbWrap .subtitle { color: #3c3c3c; padding:10px 0; border-bottom:2px solid #900; }

/* Side 2nd Menu Font Color */
.lnb li a:hover, .lnb li a:focus { color:#fff; background:#a5a4a4; }
.lnb li.on a { color:#fff; background:#393830; }

/* Side 3rd Menu Font Color */
.lnb li ul li a:hover, .lnb li ul li a:focus { color:#900; }
.lnb li.on ul li a:hover, .lnb li.on ul li a:focus { color:#900; }
.lnb li.on ul li a { color:#555; }
.lnb li.on ul li.on a { color:#900; background:url(../../images/black.gif) no-repeat left -188px !important;}

/* Side 4th Menu Font Color */
.lnb li ul li ul li a:hover, .lnb li ul li ul li a:focus { color:#900; }
.lnb li.on ul li.on ul li a:hover, .lnb li.on ul li.on ul li a:focus { color:#900; }
.lnb li.on ul li.on ul li a { color:#555; }
.lnb li.on ul li.on ul li.on a { color:#900; background:url(../../images/black.gif) no-repeat left -188px !important;}

/* Slide Menu */
.slideWrap { margin:0 auto; }
.slideWrap .slideArea { position:relative; z-index:2; }

.slideWrap .slideArea #slideMenu { position:absolute; width:80px; top:0; right:-84px; }
#slideMenu .section { margin:0; }

.slideWrap .slideArea #updown { position:absolute; width:25px; height:28px; top:-69px; right:-29px; }
#updown .up { width:25px; height:14px }
#updown .up a { display:block; width:25px; height:14px; background: url(../../images/black.gif) no-repeat left top; }
#updown .up a:hover { background-position: left -14px; }
#updown .up a span { display:none }
#updown .down { width:25px; height:14px }
#updown .down a { display:block; width:25px; height:14px; background: url(../../images/black.gif) no-repeat left -28px; }
#updown .down a:hover { background-position: left -42px; }
#updown .down a span { display:none }

/* Login Info */
#login {position:relative; border:0;}
#login legend {display:none; overflow:hidden; width:0; height:0; font-size:0;}
#login form {position:relative; overflow:hidden; border:1px solid #dedede;}
#login form .idpwWrap {overflow:hidden; clear:both;}
#login form .idpw {float:left;}
#login form .idpw input {float:left; color:#282828; background:#fff; font:0.9em Tahoma; overflow:hidden;}
#login form .idpw input.idOff {border:solid #555555; border-width:1px 1px 0 1px; background:#fff url(../../images/icons.gif) no-repeat 7px -150px;}
#login form .idpw input.idOn {border:solid #555555; border-width:1px 1px 0 1px;}
#login form .idpw input.passOff {border:1px solid #555555; background:#fff url(../../images/icons.gif) no-repeat 7px -135px;}
#login form .idpw input.passOn {border:1px solid #555555;}
#login form .login {float:right;}
#login form p.save {clear:both;}
#login form p.save input {vertical-align:middle;}
#login form p.save label {font:0.9em Dotum, AppleGothic, Sans-serif; color:#5f6477;}
#login form ul.help {overflow:hidden; border-top:0 solid #e4e4e4; white-space:nowrap;}
#login form ul.help li {float:left; display:block; background:url(../../images/black.gif) no-repeat left -328px;}
#login form ul.help li.first-child {background:none; padding-left:0;}
#login form ul.help li a {color:#5f6477; font:0.9em Dotum, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
#login form ul.help li.first-child a {color:#5f6477; font-weight:bold; text-decoration:none;}
#login form ul.help li a:hover {color:#900; text-decoration:underline;}
#login form .userName {position:relative; overflow:hidden; font:0.9em Dotum, Tahoma; border-bottom:1px solid #e4e4e4;}
#login form .userName strong {color:#282828; font-weight:bold;}
#login form .userName a {position:relative;}
#login form .userName .fl {float:left; overflow:hidden;}
#login form ul.userMenu {position:relative; overflow:hidden;}
#login form ul.userMenu li {float:left; list-style:none; background:url(../../images/black.gif) no-repeat left -248x; font:11px Dotum, AppleGothic, Sans-serif;}
#login form ul.userMenu li a {color:#777; font:11px Dotum, AppleGothic, Sans-serif; text-decoration:none;}
#login form ul.userMenu li a:hover {color:#900; text-decoration:underline;}
#login form p.latestLogin {color:#999999; font:0.9em Dotum, AppleGothic, Sans-serif;}
#login form p.latestLogin span {font:1em Tahoma;}

img.login_mask {display:block;}
#openid_login {position:relative; border:0;}
#openid_login legend {display:none; overflow:hidden; width:0; height:0; font-size:0;}
#openid_login form {position:relative; border:1px solid #dedede;}
#openid_login form .idpwWrap {overflow:hidden; clear:both;}
#openid_login form .idpw {float:left;}
#openid_login form .idpw p {background: url(../../images/black.gif) no-repeat left -90px; font:0.9em Tahoma; color:#999;}
#openid_login form .idpw input {float:left; border:1px solid #b8bce2; color:#282828; background:#fff; font:0.9em Tahoma; overflow:hidden;}
#openid_login form .idpw input.openidOff {border:1px solid #555555;}
#openid_login form .idpw input.openidOn {border:1px solid #555555;}
#openid_login form .login {float:right;}
#openid_login form p.save {clear:both;}
#openid_login form p.save input {vertical-align:middle;}
#openid_login form p.save label {font:0.9em Dotum, AppleGothic, Sans-serif; color:#999999;} 
#openid_login ul.help {overflow:hidden; border-top:1px solid #e4e4e4; white-space:nowrap;}
#openid_login ul.help li {float:left; display:block; background:url(../../images/black.gif) no-repeat left -328px;}
#openid_login ul.help li.first-child {background:none; padding-left:0;}
#openid_login ul.help li a {color:#6b7bb3; font:0.9em Dotum, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none;}
#openid_login ul.help li a:hover {text-decoration:underline;}