@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/default/bgBody.gif) repeat-x left top; }
#headerNav { width:100%; position:relative; height:20px; background-color:#E9E9E9; overflow:hidden;}
#bodyWrap { width:980px; margin:0em auto 0 auto; }

#nav {margin:0; padding:0; list-style:none; float:right; margin-top:5px; margin-right:5px; overflow:hidden;}
#nav li {float:left; padding:0 5px;}
#nav li.first { display:inline; padding:0 .6em 0 1em; background-image : none; }
#nav li.counter {text-decoration:none; float:left; padding-right:5px;}
#nav li a {text-decoration:none; text-decoration:none;  
                            font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size:11px; color:#4e76a9; }
#nav li a:hover, #nav li a:focus { text-decoration:underline !important;}

/* Site Layout - Header */
#header { position:relative; width:980px; height:180px; background:url(../images/default/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}
#location_form { position:absolute; top:157px; right:23px;}

/***********************************************************/
#language { position:absolute; top:20px; right:160px; z-index:100;}
#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;}
#language ul li a:hover { background:#bc4032;}

#location_form { position:absolute; top:157px; right:23px;}

/* #isSearch  */
#isSearch { position:absolute; top:10px; right:5px; width:300px; text-align:right;}
#isSearch .inputText { vertical-align:middle; position:relative; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#3e3f3e; border:1px solid #8E8E8D; background-color:#D3D3D3; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#DCDCDC; }
#isSearch .submit { vertical-align:middle;}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landr?              |
|--------------------------------------------------*/

#dtree { padding:10px 0 0 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; }
#dtree img { border: 0px; vertical-align: middle; }
#dtree a { color: #333; text-decoration: none; }
#dtree a.node { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }
#dtree a.node:hover { color: #333; text-decoration: underline; }
#dtree a.nodeSel:hover { color: #333; text-decoration: underline; }
#dtree a.nodeSel { background-color: #c0d2ec; }
#dtree .clip { overflow: hidden; }
#dtree p { padding:0 10px 0 0; text-align:center; }
/***********************************************************/

/***********************************************************/
/* main 1차 메뉴 */ 
#gnb { position:absolute; top:120px; left:0; width:980px; height:60px; overflow:hidden; white-space:nowrap; margin-bottom:10px; background:url(../images/default/) no-repeat left center;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:normal !important; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}

/* main 2차 메뉴 */
.gnb_sub { position:absolute; top:151px; left:8px; height:24px; overflow:hidden; white-space:nowrap;  }
.gnb_sub li { float:left; list-style:none; background:url(../images/blue/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:6px 8px 0 8px; height:18px; color:#F8EA12; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:#F8EA12; font-weight:normal !important; }
.gnb_sub li.on a, .gnbin li.on a:hover { color:#F8EA12; background:url(../images/arrow_3.gif) no-repeat center bottom; font-weight:normal !important; }


/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
#columnLeft .mask { width:200px; height:0px; background:#ffffff; display:block; clear:both;}
#submenuTop { position:relative; width:200px;height:65px;  margin:0px; padding:0px 0 0 0; font-size:16px; font-weight:bold; text-decoration:none; color:#ffffff; 
                            font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; overflow:hidden; no-repeat; left top; border-top:0px}
#submenucontents { position:absolute; width:200px; margin-top:20px; overflow:hidden; white-space:nowrap;  }


#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#000000; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}

#left_submenuTop { position:relative; margin:0; padding:0;}
#left_banner .submenuTop01 { position:relative; padding-bottom:5px;}
#left_banner .submenuTop02 { position:relative; padding-bottom:5px;}

#left_banner { position:relative; margin:0; padding:0;}
#left_banner .banner01 { position:relative; padding-bottom:5px;}
#left_banner .banner02 { position:relative; padding-bottom:5px;}
#left_banner .banner03 { position:relative; padding-bottom:5px;}
#left_banner .banner04 { position:relative; padding-bottom:5px;}
#left_banner .banner05 { position:relative; padding-bottom:5px;}
#left_banner .banner_last { position:relative;}


/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}


/* Default Skin - End */
/* Site Layout - Footer */
#footer { position:relative; width:980px; height:180px; background:url(../images/default/) no-repeat left top; margin:0px; z-index:99;}
#footer li.first-child { color:#999999; background:none; }
#footer li.first-child a {  text-decoration:none; }
#footer li address { display:inline; }
#footer .bt_l { float:left; width:10px; border-right:0px solid #dddddd; margin-top:8px; margin-bottom:4px; text-align:center; }
#footer .bt_r { float:left; width:960px; margin:8px 0 4px 0px; }
#footer .bt_r .b_copyright { text-align:center; border-left:0px solid #C0C0C0; font:1.0em Tahoma; color:#FFC000; text-decoration:none; overflow:hidden;}
#footer .bt_r .b_copyright a { text-align:center;border-left:0px solid #8C8C8C; padding:0px 5px; font-weight:bold; color:#30C0FF;; font:1.0em Tahoma; text-decoration:none; overflow:hidden; }
#footer .bt_r .b_copyright a:hover, {color:#800000;}
#footer .bt_r .b_menu {  margin-top:10px; text-align:center; border-left:0px solid #8C8C8C;}
#footer .bt_r .b_menu a { border-right:0px solid #8C8C8C; padding:0px 5px; font-weight:bold; color:#FFC000; font:1.0em Tahoma; text-decoration:none; overflow:hidden; }
#footer .bt_r .b_menu a:hover, {color:#30C0FF;}
#footer .bt_r .b_text { margin-left:5px; text-align:left; padding:0px 5px; font-weight:bold; color:#8C8C8C; font:1em Tahoma; text-decoration:none; overflow:hidden; }
/* Default Skin - End */