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

/* White 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;}
#bodyWrap { float: left; position:relative; width:900px; margin:0 auto; padding:1.5em 0 0 0;}

/* Site Layout - Header */
#header { position:relative; width:898px; height:126px; border-top:1px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:8px; z-index:99;}
#header h1 { position:absolute; top:9px; left:15px;}
#language { position:absolute; top:12px; right:19px; z-index:1;}
#language strong { color:#5c5c5c; 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 #d9d9d9; background:#ffffff;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#5c5c5c; text-decoration:none;}
#language ul li a:hover { background:#f4f4f4;}

#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb { position:absolute; left: 5px; top:69px; overflow:hidden; white-space:nowrap; }   
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}   
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; background:url(../images/default/bgGnbOff.gif) no-repeat center top; height:25px; color:#666666; white-space:nowrap; text-align:center; font-size:1.12em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,    
#gnb li a:focus { color:#000000; background:url(../images/default/bgGnbOn01.gif) no-repeat center top; }   
#gnb li.on a { font-weight:bold; color:#2f2f2f; background:url(../images/default/bgGnbOn01.gif) no-repeat center top;} 
.gnb_sub { position:absolute; top:93px; left:5px; height:20px; overflow:visible; white-space:nowrap;  }   
.gnb_sub li { float:left; list-style:none; background:url(../images/default/sub_part.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:normal;}   
.gnb_sub li a { display:block; float:left; padding:6px 2px 0 4px; height:18px; color:#4682b4; white-space:nowrap; text-decoration:none; font-family:"굴림", Gulim, "굴림", Gulim, AppleGothic, Sans-serif;}   
.gnb_sub li a:hover,   
.gnb_sub li a:focus { color:#ff4500; }   
.gnb_sub li.on a, .gnbin li.on a:hover { font-weight:bold; color:#4169e1; background:url(../images/default/arrow_3.gif) no-repeat center bottom; }  


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

/* Site Layout - Column Left */
#columnLeft { position:relative; width:190px; float:left; padding:0px 2px;}
#columnLeft .mask { width:190px; height:0px; background:#ffffff; display:block;}

#lnb { border-top:0px solid #dddddd; padding:5px 12px; width:160px;}
#lnb li { list-style:none; padding-bottom:4px; text-align:center; float:center;}
#lnb li a { padding:2px 1px 2px 4px; width:160px; display:block; border:1px solid #e8e8e8; background:url(../images/white/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:#ffffff; 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:160px; 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:2px 1px 2px 4px; width:160px; 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/white/bulletLnb.gif) no-repeat 145px center  !important;}

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

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

#Right { position:absolute; top:100px; left:860px; width:170px;}
#flash { position:absolute; top:8px; left:460px; width:440px; }
/* White Skin - End */
