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

/* Site Layout - Header */
#header { position:relative; width:990px; height:200px; margin-bottom:20px; margin-top:30px; z-index:99; border-bottom: 2px dotted #efefef ; }
#header h1 { margin:0; padding:0; float:left; }

/* 로그인관련 메뉴 */
#userMenu { margin:0; padding:0; float:right; position:relative; bottom: -160px; }
#userMenu li { list-style:none; display:inline; padding-top:20px; }
#userMenu img { vertical-align:bottom; }
#userMenu .login, #userMenu .home, #userMenu .admin, #userMenu .myInfo, #userMenu .setup
 { background:url(/files/faceOff/114/images/sub01_09.gif) no-repeat right bottom; padding-right: 15px; }
#userMenu .adminboard { padding-left: 15px; }

#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:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#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:#e8e8e8; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#ffffff;}
#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}

#isSearch { position:absolute; top:48px; right:15px; width:214px; 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:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
*:first-child+html #isSearch .checked { top:1px; }
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
#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 "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#455a5b;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#ffffff; border:1px solid #8E8E8D; background-color:#857C79; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #B0B0AF; background-color:#A9A4A3; }
*: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:990px; padding-bottom:30px; overflow:hidden; border-bottom:1px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:700px; float:left; padding-left:10px; }

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

#menu { padding-left:10px;  }

div#wideview, div#deepview { width:100%; position:relative; }
div#wideview img, div#deepview img { float:right;  }
ol#wideviewTab, ol#deepviewTab { margin:0; padding:0; padding-top: 1px; } <!-- padding-top: 1px 삽입 -->
ol#deepviewTab { padding-top: 25px;} <!-- padding-top:50px;->수정 !!넓게보기 깊게보기 메뉴 글 사이 공간!! -->
ol#wideviewTab li, ol#deepviewTab li  { list-style:none; }
ol#wideviewTab li a, ol#deepviewTab li a { position:relative; z-index:99; text-decoration:none;}

#columnRight .menu_blank { width:224px; height:10px; background:#ffffff; display:block; clear:right;} <!-- height 수정됨, 메뉴, 메뉴그림 사이 공간 -->

/* 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/default/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; }

/* Default Skin - End */

/* 지도관련 */
#rivermap_wrap { position:relative; width:700px; float:left; padding-left:10px; }
#river_map { float:left; padding-left:100px }
#river_menu { position:relative; width:200px; float:right; overflow:hidden; padding-top:10px;
list-style-type:none; margin: 0; padding-left: 0;  }
#menu_link { padding-bottom:10px; }
#river_menu li { padding-bottom:3px; }
ul#river_menu li a img { visibility:visible; }
ul#river_menu li a img.over { visibility:hidden; }
ul#river_menu li a:hover img.over {visibility:visible; }
ul#river_menu li a:hover img {visibility:hidden; }
li#menu_link {background:url("/map_images/river-board.gif") no-repeat; padding-bottom: 10px; }
li#c1 {background:url("/map_images/resized/81c-btn.jpg") no-repeat; }
li#c2 {background:url("/map_images/resized/82c-btn.jpg") no-repeat; }
li#c3 {background:url("/map_images/resized/83c-btn.jpg") no-repeat; }
li#c4 {background:url("/map_images/resized/84c-btn.jpg") no-repeat; }
li#c5 {background:url("/map_images/resized/85c-btn.jpg") no-repeat; }
li#c6 {background:url("/map_images/resized/86c-btn.jpg") no-repeat; }
li#c7 {background:url("/map_images/resized/87c-btn.jpg") no-repeat; }
li#c8 {background:url("/map_images/resized/88c-btn.jpg") no-repeat; }
li#c9 {background:url("/map_images/resized/89c-btn.jpg") no-repeat; }
li#c10 {background:url("/map_images/resized/90c-btn.jpg") no-repeat; }

#page_map { position:relative; width:100%; padding-top:10px; padding-bottom:10px}
#m_map { float:left; }
#page_map_menu {float:right; width:230px;height:173px;}
#photo1 {float:left;}
#photo2 {float:right;}
#photo1, #photo2 { padding-top:24px }

/* 메인페이지관련 */
#main { position:relative; width:700px; float:left; padding-left:10px; }