﻿@charset "utf-8";
@import url("common.css");

body{background:url(../images/intro/intro_body.jpg) no-repeat 50% 0;}

a.button.btn_search,
span.button.btn_search{height:20px; background:url(/images/common/btn/bg2.gif) no-repeat 0 0;}
a.button.btn_search span,
span.button.btn_search button,
span.button.btn_search input{ background:url(/images/common/btn/bg2.gif) no-repeat 100% 0; color:#000; font:12px/1.1 Dotum, AppleGothic, Verdana; font-weight:bold;}
a.button.btn_search{padding-left:9px;}
a.button.btn_search span{padding-left:0; padding-right:9px; line-height:1;}
span.button.btn_search input{line-height:1.7;}
*html a.button.btn_search span{line-height:0.8;}
*html span.button.btn_search button,
*html span.button.btn_search input{line-height:1.8;}

.header_form{float:left; position:relative; width:100%; height:36px; padding:0 0 10px; background:url(/images/intro/search_bg.gif) no-repeat; z-index:10;}
.header_form .login_form{display:inline; float:left; margin:9px 0 0 13px;}
.header_form .login_form p{padding:0 5px 0 0; vertical-align:middle; font-size:0.9em; line-height:1.8;}
.header_form .login_form .txt{width:94px;}
.header_form .login_form a.button{padding-left:5px;}
.header_form .login_form a.button span{padding-right:5px;}
.header_form span.button{padding:0 0 0 2px;}
.header_form span.button.btn2{padding:0 0 0 5px;}
.header_form span.button.btn3{padding:0 0 0 5px;}
.header_form span.button.btn3 input{padding:0 5px 0 0;}
.header_form .txt,
.header_form select,
.header_form .button{margin:0 4px 0 0; vertical-align:middle;}
.header_form .search_form{display:inline; float:right; margin-right:5px; padding:9px 0 0 0; background:url(/images/common/bl/search.gif) no-repeat;}
.header_form .search_form img{vertical-align:middle; margin:0 5px 0 15px;}
.header_form input{*font-size:100%;}

#container{width:892px; z-index:1; margin:0 0 0 20px;}

#wrap{width:950px; height:630px;}
.header{position:relative; height:350px; background:none;}
.header h1{position:absolute; left:0; top:0;}
#intro_gnb li{position:absolute; left:0; top:0; z-index:2;}
#intro_gnb li#gnbmain1{left:92px; top:193px;}
#intro_gnb li#gnbmain2{left:225px; top:129px;}
#intro_gnb li#gnbmain3{left:325px; top:59px;}
#intro_gnb li#gnbmain4{left:496px; top:59px;}
#intro_gnb li#gnbmain5{left:624px; top:129px;}
#intro_gnb li#gnbmain6{left:747px; top:192px;}
.header .gnb_photo{position:absolute; left:276px; top:159px; z-index:1;}
.root .header .gnb_photo{left:276px;}

.intro_navi{position:absolute; right:60px; top:33px;}
.intro_navi img{vertical-align:middle;}
.intro_navi span{float:left; padding:0 20px 0 0; background:url(/images/common/tn_bar.gif) no-repeat 80% 50%;}
.intro_navi span a{display:inline; float:left; padding:5px 0;}

.middle_contents{float:left; width:677px;}

.board_wrap{float:left; width:437px; margin:0;}
.tab_board{position:relative; height:157px; margin:5px 0 0 0;}
* html .tab_board{margin-top:2px;}
.tab_board .tabmenu{width:432px; height:22px; background:url(/images/main/tab_line.gif) repeat-x;}
.tab_board .tabmenu ul,
.tab_board .tabmenu ul li{display:inline; float:left;}
.tabmenu ul li a{float:left; width:61px; height:17px; padding:5px 0 0; background:url(/images/main/tab_off.gif) no-repeat right top; font-size:0.9em; text-align:center;}
.tabmenu ul li.first a{width:62px;}
.tabmenu ul li a:hover,
.tabmenu ul li a.tab_on{background:url(/images/main/tab_on.gif) no-repeat; color:#349212; font-weight:bold; 

letter-spacing:-1px; text-align:center;}
.tab_board .boardview{position:relative; width:426px; height:130px; margin:5px 0 0 4px;}
* html .tab_board .boardview{margin-top:2px;}
.tab_board .boardview ul{display:inline; float:left; position:absolute; width:100%;}
.tab_board .boardview li{display:inline; float:left; width:407px; margin:0 0 2px; padding:1px 0 1px 19px; 

background:url(/images/main/tab_bg.gif) no-repeat left bottom;}
.tab_board .boardview li img{ vertical-align:middle; margin:1px 0 2px 0;}
.tab_board .boardview li .icon_n{margin:3px 0 0 3px;}
.tab_board .boardview li a{padding:2px 0 2px 0;}
.tab_board .boardview li em{padding:1px 0 0; float:right; white-space:nowrap;}
.tab_board .boardview h3{position:absolute; left:-10000px; font-size:0; line-height:0; overflow:hidden;}
.tab_board .boardview .more{position:absolute; padding:5px 0; right:12px; top:-22px;}
.tab_board .noabcontents{height:70px; padding-top:60px; text-align:center;}

.map_location{float:left; width:240px;}
.map_location a{color:#656565; text-decoration:none;}
.map_location h2{margin:0 0 27px 15px;}
.map_location .map_wrap{position:relative;}
.map_location .map_list{float:right; width:105px;}
.map_location .fl{width:130px; height:100px; background:url(../images/intro/img_location.gif) no-repeat 20px 0;}
.map_location .fl span{position:absolute; left:0; top:0;}
.map_location .fl #mapimg1{left:45px; top:15px; display:none;}
.map_location .fl #mapimg2{left:51px; top:51px; display:none;}
.map_location .fl #mapimg3{left:31px; top:42px; display:none;}
.map_location .fl #mapimg4{left:91px; top:38px; display:none;}
.map_location .fl #mapimg5{left:65px; top:45px; display:none;}
.map_location .fl #mapimg6{left:70px; top:42px; display:none;}

.schedul_wrap{float:left; width:214px;}
.schedul{position:relative; height:187px; background:url(/images/intro/schedul_box.gif) no-repeat;}
.schedul select{position:absolute; width:60px; right:8px; top:6px;}
.schedul .schedul_num{padding:39px 0 0; color:#85b060; font-weight:bold; text-align:center;}
.schedul .schedul_num a{display:inline-block; width:17px; height:12px; vertical-align:middle;}
.schedul table{margin:5px 0 0 8px; border-collapse:collapse; border-spacing:0;}
.schedul table th{background:url(/images/common/bl/line_th.gif) no-repeat 0 5px; text-align:center;}
.schedul table th.first{height:20px; background:none;}
.schedul table th:first-child{height:20px; background:none;}
.schedul table td{width:28px; height:16px; text-align:center;}
.schedul h3{margin:19px 0 0 17px;}
.schedul h3 em{font-weight:bold;}
.schedul h3 strong{display:block;}
.schedul .closeday{background:url(/images/common/bl/cal_closeday.gif) no-repeat 6px;}
.schedul .eventday{background:url(/images/common/bl/cal_event.gif) no-repeat 6px;}

.fav_list{display:inline-block; width:625px; height:30px;}
.fav_list ul li{float:left; margin:5px 0 5px 0;}

#footer{margin:0; background:url(../images/intro/footer.gif) repeat-x;}
#footer .footer_wrap{width:970px; padding:15px 0 0; }
#footer h1{width:145px; margin:0 10px 0 5px;}
#footer .foot_guide{float:left; width:640px; margin:13px 0 0;}
#footer .foot_guide .address address{float:left; width:370px; color:#000; font-size:11px;}
#footer .foot_guide .address .copyright{ clear:both;display:block; font-family:verdana; font-size:9px; color:#000; width:640px;}
#footer .foot_guide .address span.tel{float:left; width:130px; text-align:left; color:#000;font-size:11px;}
#footer .foot_guide .address span.fax{float:left; width:110px; text-align:left; color:#000;font-size:11px;}
#footer .visitor{float:left; height:64px; margin:0 10px 0 0; padding:13px 0 0; background:none; font-size:11px; color:#7f7f7f; width:150px;}
#footer .visitor span{display:block; margin:0 0 0 14px;}