@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* black Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#gnb2 { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
#footer { margin:0; padding:0; }
#copyright { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/black/bgBody.gif) repeat-x left top; }
#bodyWrap { width:980px; margin:8em auto 0 auto; }

/* Site Layout - Header */
#header { position:relative; width:980px; height:38px; background:url(../images/black/bgHeader_a.gif) no-repeat right top; margin-bottom:0px; z-index:99;}
#header h1 { margin:0; padding:0; position:absolute; top:-87px; left:39px;}
#header h2 { border:1px solid #cccccc; margin:0; padding:0; position:absolute; top:-76px; left:290px;}
#language { display:none; position:absolute; top:-100px; right:0px; z-index:100;}
#language strong { color:#000000; 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 #eaeaea; background:#ffffff;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:60px; padding:3px 8px; font:9px Tahoma; color:#000000; text-decoration:none;}
#language ul li a:hover { background:#f4f4f4;}

#top_link { margin:0; padding:0; position:absolute; top:-65px; right:0px; clear:both;}
#top_link a { text-decoration:none; color:#000000; font:1em "굴림",  Sans-serif;}
#top_link a:hover, {text-decoration:underline; color:#000000}
#top_link li { display:inline; padding:0 0em 0 .5em; background:url(../images/black/vrType1.gif) no-repeat left center;}
#top_link li a { text-decoration:none; color:#000000; font:1em "굴림",  Sans-serif;}
#top_link li a:hover, {text-decoration:underline; color:#000000}
#top_link li address { display:inline; }

#sub_link { position:absolute; top:13px; right:0px; overflow:hidden; white-space:nowrap;}
#sub_link li { font-weight:bold; float:left; list-style:none; background:url(../images/black/vrType1.gif) no-repeat left center;  padding:5px 5px 0px 5px; position:relative; left:-1px; white-space:nowrap;}
#sub_link li.sub_link_first { background:none;}
#sub_link li a { text-decoration:none; color:#ffffff; font:1em Sans-serif;}
#sub_link li a:hover, {  color:#252525;}
#sub_link li address { display:inline; }

#it_search_form { position:absolute; top:px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} 
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb { position:absolute; top:18px; right:0px; overflow:hidden; white-space:nowrap; margin-right:10px;}
#gnb li { font-weight:bold; float:left; list-style:none; background:url(../images/black/vrType1.gif) no-repeat left center;  padding:0px 10px 0px 10px; position:relative; left:-1px; white-space:nowrap;}
#gnb li a { text-decoration:none;  color:#ffffff; font:1em Sans-serif;}
#gnb li a:hover, {color:#000000;}
#gnb li a:focus { color:#eaeaea; }
#gnb li.on a { font-weight:bold; padding:0px 0px 0 0px;  color:#000000; background:url() no-repeat center top;}

#gnb2 { position:absolute; top:36px; left:0; height:40px; overflow:hidden; white-space:nowrap; margin-bottom:0px;}
#gnb2 li {  float:left; list-style:none; background:url() no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb2 li a { display:none; float:left; padding:12px 15px 0 15px; height:23px; color:#000000; white-space:nowrap; text-decoration:none; }
#gnb2 li a:hover, {color:#ff6600;}
#gnb2 li a:focus { color:#000000;}
#gnb2 li.on a {  padding:12px 15px 0 15px; color:#ffffff; background:url() no-repeat center top;}


#isSearch { position:absolute; top:-25px; right:2px; width:325px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:69px; height:16px; background:url(../images/black/bgSearchTerm.gif) no-repeat; font:11px "宋体", Sans-serif; color:#000000; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:19px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#fffff;}
#isSearch ul li { width:67px; height:18px; list-style:none; }
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "굴림", Sans-serif; color:#000000;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#eaeaea;}
#isSearch .inputText { vertical-align:top; _position:relative; border:1px solid #8E8E8D; color:#444444;  width:150px; height:16px; background:#ffffff;}
#isSearch .inputText:hover, { border:1px; width:150px; height:16px; background:#ffffff}
#isSearch .inputText:focus
*:first-child+html body#default #isSearch .inputText { position:relative; top:0px;}
#isSearch .submit { vertical-align:middle; position:relative; top:1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:0px;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:10px; overflow:hidden; background:url(../images/black/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:300px; float:left;}
#columnLeft .mask { width:300px; height:5px; background:#ffffff; display:block; clear:both;}

.left_ct_box { position:relative; background:url() repeat-y; }
.left_ct_box .left_ct_top { position:relative; padding-top:8px; background:url() top repeat-x; margin-top:0px;}
.left_ct_box .left_ct_bottom { position:relative; padding-bottom:8px; background:url() bottom repeat-x; margin-bottom:5px;}


#lnb { float:left; margin-right:0px; border-top:0px solid #dddddd; padding:0px 0px; width:245px;}
#lnb li { padding-bottom:4px; list-style:none; }
#lnb li a { font-weight:bold; margin-bottom:2px; font-size:1em; padding:5px 1px 1px 1px; width:225px; display:block; border-bottom:1px solid #cccccc; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover { font-weight:bold; color:#cc0000; }
#lnb li a:focus { font-weight:bold; color:#ffffff; background:#ffffff; border-bottom:1px solid #777777;}
#lnb li.on a { color:#006699; background:#ffffff; border-bottom:1px solid #777777; }
#lnb li.on a:hover,
#lnb li.on a:focus {  }
#lnb li ul { padding:3px 0px 0px 20px; margin-bottom:1px; display:block; position:relative; overflow:hidden;}
#lnb li.on ul { display:block; width:225px; }
#lnb li ul li { position:relative; background:url() left center no-repeat; }
#lnb li ul li a { font-weight:normal; padding:0px; color:#666666 !important; background:none !important; border:none !important;}
#lnb li ul li a:hover { font-weight:bold; color:#cc0000 !important; }
#lnb li ul li a:focus { font-weight:bold; color:#cc0000 !important; }
#lnb li ul li.on a { font-weight:bold !important; color:#cc0000 !important; }
#lnb li.on ul li.on a:hover,
#lnb li.on ul li.on a:focus {  }

#left_banner { position:relative; margin:0; padding:0;}
#left_banner .widget01 { position:relative; padding-bottom:5px;}
#left_banner .widget02 { position:relative; padding-bottom:5px;}
#left_banner .widget03 { position:relative; padding-bottom:5px;}
#left_banner .widget04 { position:relative; padding-bottom:5px;}
#left_banner .widget05 { position:relative; padding-bottom:5px;}
#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:680px; float:right; overflow:hidden;}
#visualArea { width:680px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
#footer { border:5px solid #eeeeee; text-align:center; background:#eeeeee; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/black/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li address { display:inline; }
#footer li a { text-decoration:none; color:#4D4D4D; font:1em "굴림", Sans-serif;}
#footer li a:hover, {color:#880000;}


#copyright {position:relative; margin-top:10px;}
#copyright .left { position:absolute; top:0px; left:0px;}
#copyright .right { position:absolute; top:0px; right:0px;}
#copyright .mid { text-align:center; }
#copyright .mid a { text-decoration:none; color:#666666; font:.9em "굴림", Sans-serif;}
#copyright .bottom { position:absolute; padding-bottom:10px; top:45px; left:385px;}

/* black Skin - End */
