@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;*/}
#bodyWrap { width:980px; margin:0 auto 0 auto; }

/* Site Layout - Header */
#header { position:relative; width:980px; height:120px; background:url(../images/default/bgHeader.gif) no-repeat right top; margin-bottom:10px; z-index:99;}
#header h1 { margin:0; padding:0; position:absolute; top:0px; left:0px;}


#gnb1 { position:absolute; top:6px; right:10px; height:15px; overflow:hidden; white-space:nowrap; margin-bottom:0px; }
#gnb1 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;}
#gnb1 li a { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; display:block; float:left; padding:3px 7px 0 7px; height:11px; color:#666; white-space:nowrap; text-decoration:none; }
#gnb1 li a:hover,
#gnb1 li a:focus { color:#444;}

#gnb2 { position:absolute;  top:36px; left:324px; height:15px; overflow:hidden; white-space:nowrap; margin-bottom:0px;}
#gnb2 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;}
#gnb2 li a { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; display:block; float:left; padding:3px 7px 0 7px; height:11px; color:#666; white-space:nowrap; text-decoration:none; }
#gnb2 li a:hover,
#gnb2 li a:focus { color:#444;}

#gnb { left: 208px; background-position: right; text-align: justify; padding: 0px; margin: 0px; position:absolute; top: 67px; height: 50px; overflow:hidden; white-space:nowrap;}
#gnb li { margin: 0px; padding: 0px; float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { margin: 0px; padding: 0px; font-weight: bold; font-size: 15px; display:block; float:left; height:25px; color: #fcfcfc; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#444;}
#gnb li.on a { font-weight:bold; color:#444; /*background:url(../images/default/bgGnbOn.gif) no-repeat center top;*/}

#isSearch { right: 1px; position:absolute; top: 34px; width:320px; text-align:right;}
#isSearch .inputText { vertical-align:middle; position:relative; background:#fff url(../images/default/bgSearchTerm.gif) no-repeat 10px 3px; top:0; _top:-1px; left:0px; padding:3px 3px 1px 3px; width: 160px; height: 18px; color: #c1c1c1; border:2px solid #b3b3b3; background-color:#fff; }
#isSearch .idOn { vertical-align:middle; position:relative; top:0; _top:-1px; left:0px; padding:3px 3px 1px 3px; width: 160px; height: 18px; color:#888; border:2px solid #5D5D5D; background-color:#fff; }
#isSearch .inputText:hover { border:2px solid #5D5D5D; background-color:#fff; }
#isSearch .inputText:focus { border:2px solid #5D5D5D; background-color:#fff; }
*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}

/* 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:201px; height:5px; background:#ffffff; display:block; clear:both;}

#lnbWrap {margin:0px 0 0 0; padding:0;}
#lnbWrap img {display: block;}
#lnbWrap .sub_title  { background:url(../images/default/lnb_bg_t.gif) no-repeat; height:35px; }
#lnbWrap .sub_title h1 { margin:0; padding:8px 0 0 20px; width:180px; font-weight:bold; font-family:Tahoma; font-size:13px; color:#666666; }
#lnb {padding:0 15px; width:170px; background:url(../images/default/lnb_bg.gif) repeat-y; font-size:.9em;}
#lnb li {list-style:none;}
#lnb li a {position:relative; z-index:99; display:block;  padding:5px 10px 5px 25px; width:135px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) 5px no-repeat; color:#555555; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background-color:#faf9f8; color:#444444;}
#lnb li.on a {background:#faf9f8 url(../images/default/smBulon.gif) 5px no-repeat; color:#444; font-weight:bold; letter-spacing:-1px;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#444;}
#lnb li ul {display:none; position:relative; padding:0; width:170px;}
#lnb li.on ul {display:block;}
#lnb li ul li {position:relative; top:0;}
#lnb li ul li a {width:130px; background:url(../images/default/submenulist.gif) 12px 7px no-repeat !important; padding:5px 10px 5px 30px; color:#666 !important; font-weight:normal !important; letter-spacing:normal !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#444 !important;}
#lnb li.on ul li.on a {color:#444 !important; font-weight:bold !important;}
#gg { position:relative; background:url(../images/default/lnb_bg.gif) repeat-y left top; width:200px; }
#gg .gg1 {padding-left:10px;}
#gg img {display: block;}

#wpgb {background:url(../images/default/lnb_bg_c.gif) no-repeat; height:41px;}
#wpgb .wpgb2 {padding:14px 0 0 0px;}
#wpgb .wpgb2 a { padding:0px 8px 0 30px; text-decoration:none; font-weight:bold; font-family:Tahoma; font-size:12px; color:#666666; }
/* 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;}

/* Site Layout - Footer */
#footer {color:#999; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; margin:0; padding:0; border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 0em; clear:both;}
#footer a {text-decoration:none; color:#777;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a {text-decoration:none; color:#777;}
#footer li address { display:inline; }

/* Default Skin - End */
