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

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

#it_search_form { position:absolute; top:50px; 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:53px; left:250px; height:90px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left top; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:0px 10px 0 10px; height:25px; color:#333333; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ff9900;}
#gnb li.on a { font-weight:normal; color:#ff9900;}


.gnb{position:absolute;top:50px;left:0;height:50px;white-space:nowrap;margin-bottom:0px;left:220px;}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1; border:0px solid #015eac;}
.gnb ul:after{content:"";display:block;clear:both;}
.gnb ul ul{display:none;position:absolute;left:0;top:40px;width:175px;padding:10px 0px 15px 0px;; border-bottom:3px solid #31a3df;z-index:100;background:#fff;}
.gnb li{float:left;list-style:none; padding-left:0px;position:relative;white-space:nowrap; font-size:10pt;height:40px;}
.gnb li.first{padding:0;}
.gnb li li{float:none; padding:0;left:0px;height:25px;}
.gnb li a{float:left;padding:0px 15px;height:20px;color:#333;font-weight:bold;white-space:nowrap;text-decoration:none;}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#00bbff;font-weight:bold;}
.gnb li li a{float:none;display:block;padding:5px 0px !important; !important;height:auto;font-weight:bold !important; margin-left:13px;}
.gnb li li.active a{font-weight:bold !important; color:#00bbff;}



/* Site Layout - Content Body */
#contentBody { position:relative; width:980px;  padding-top:15px; padding-bottom:20px; overflow:hidden; border:0px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:155px; float:left; overflow:hidden;}
#columnLeft .mask { width:155px; height:5px; background:#ffffff; display:block; clear:both;}
#left_menu {background:url(../images/default/left_menu_back.gif) repeat-y left top;}
#left_menu_bottom {background:url(../images/default/left_menu_bottom.gif) no-repeat left top;height:10px;}

/* Site Layout - Column Left */
.lnb{position:relative;width:155px;float:left}

.lnb h2{margin:0; padding:0px; height:111px; background:url(../images/default/left_h2_bg.png)no-repeat left top;}
.lnb h2 a{display:block;padding:0px 0 0px 0px;text-decoration:none;color:#333}

.locNav{padding:0px;width:155px;margin:0px;list-style:none}
.locNav li{padding:0px;background:url(../images/default/lnb_arrowBlack.png) no-repeat 0px 0px; border-top:1px solid #eee;  border-bottom:1px solid #eee;margin-top:-1px;}
.locNav li a{padding:7px 0px 7px 15px;display:block; font-family:NanumGothic; font-size:10pt; color:#666;position:relative;z-index:99;text-decoration:none}
.locNav li.active a{color:#fff;background:#31a3df url(../images/default/lnb_arrow.png) no-repeat 0px 0px;border:1px solid #31a3df; padding-left:15px; font-family:NanumGothic; font-size:10pt;}
.locNav li ul{display:block;position:relative;padding:5px 0px 20px 0;margin:0;overflow:hidden; margin-left:1px;border:0px solid #000;}

.locNav li li{padding:0;position:relative;top:0px; padding-left:3px;border:0px;}
.locNav li li a{padding:5px 0;width:155px;font-family:NanumGothic; color:#999 !important;border:none;background:none !important;border:none !important; padding-left:15px;}
.locNav li li.active2 a{color:#027891 !important;font-weight:normal !important; font-family:NanumGothic; font-size:11pt;}


.locNav li ul ul{display:block;position:relative;padding:0px;margin:0;overflow:hidden; margin-left:0px;border:0px solid #000;}
.locNav li ul ul li{padding:0 0 0 10px;}
.locNav li ul .depth3 a{padding:0px 0px 0 25px;font-family:NanumGothic;border:none;background:none !important;border:none !important;color:#999 !important;}
.locNav li ul ul .active3 a{color:#ff6600 !important;font-weight:normal !important; font-family:NanumGothic; font-size:11pt;}



#left_banner{margin-top:20px; text-align:center;}

/* Site Layout - Column Right */
#columnRight { width:720px; float:right; overflow:hidden; padding-right:60px;}
#title_bg {float:left; width:700px; height:154px; padding:20px 0px 2px 120px; background:url('../images/default/tit_bg.gif') no-repeat left top;}
#title_bg1 {float:left; width:700px; height:154px; padding:20px 0px 2px 120px; background:url('../images/default/tit_bg1.gif') no-repeat left top;}
#title_bg2 {float:left; width:700px; height:154px; padding:20px 0px 2px 120px; background:url('../images/default/tit_bg2.gif') no-repeat left top;}
#visualArea { width:650px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
#bottom { margin:0; padding:0; border-top:0px solid #f4f4f4; text-align:left; padding:10px; clear:both;background:#fafafa url('../images/default/copy_bg.gif') repeat-x left top; height:100px;}
#bottom .footer { width:700px; margin:0 auto 0 auto; text-align:left;border:0px solid #000000;padding-left:180px;background:#fafafa url('../images/default/copy3.gif') no-repeat left top;height:100px;}
#bottom .footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#bottom .footer li.first-child { background:none;}
#bottom .footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;text-decoration:none;}
#bottom .footer li address { display:inline; }

/* Default Skin - End */
.newest_document_default_box .document_box .document a{text-decoration:none; }
.newest_document_default_box .document_box .document {height:25px; }
.newest_document_default_box .document_box .document a {color:#898989; }
.newest_document_default_box .document_box .document a:hover {color:#ff6600; }




/* 본문내용 처리 */
#document_body {padding:0px; }

/* 본문 탭처리 */
#document_body .tab_1{width:100%; overflow:hidden; padding:0 0 0 3px; margin:10px 0px 20px 0px;}
#document_body .tab_1 li{ width:125px; float:left; display:inline; margin-right:0px; border:1px solid #ddd; background:#ededed;}
#document_body .tab_1 li a{display:block; height:20px; padding:9px 10px 7px 10px; color:#555; font-size:10pt; text-decoration:none; text-align:center;}
#document_body .tab_1 li a:hover{color:#fff; background:#00bbff; font-weight:bold; font-size:11pt;}
#document_body .tab_1 li.selected{border:1px solid #00bbff; background:#00bbff;}
#document_body .tab_1 li.selected a{color:#fff; font-weight:bold; font-size:11pt;}


/* 본문 탭처리 */
#document_body .tab_2{width:100%; background:url(../images/default/bg_tab.gif) repeat-x left bottom; overflow:hidden; padding:0 0 0 3px; margin:10px 0px 20px 0px;}
#document_body .tab_2 li{ width:120px; float:left; display:inline; margin-right:-1px; border:1px solid #ffc17a; color:#f26522; background:#f7941d;}
#document_body .tab_2 li a{display:block; height:20px; padding:9px 10px 0 10px; color:#fff; text-decoration:none; text-align:center;}
#document_body .tab_2 li a:hover{color:#a0410d; background:#fff;}
#document_body .tab_2 li.selected{border-bottom:1px solid #fff; background:#fff;}
#document_body .tab_2 li.selected a{color:#f26522; font-weight:bold; letter-spacing:-1px;}


/* 본문 탭처리 */
#document_body .tab_3{width:100%; background:url(../images/default/bg_tab.gif) repeat-x left bottom; overflow:hidden; padding:0 0 0 3px; margin:10px 0px 20px 0px;}
#document_body .tab_3 li{ width:145px; float:left; display:inline; margin-right:-1px; border:1px solid #ffc17a; color:#f26522; background:#f7941d;}
#document_body .tab_3 li a{display:block; height:20px; padding:9px 10px 0 10px; color:#fff; text-decoration:none; text-align:center;}
#document_body .tab_3 li a:hover{color:#a0410d; background:#fff;}
#document_body .tab_3 li.selected{border-bottom:1px solid #fff; background:#fff;}
#document_body .tab_3 li.selected a{color:#f26522; font-weight:bold; letter-spacing:-1px;}