﻿@import url("common.css");
#con01,#main_content,#main_copy,#f_con,#sub_copy{width:1050px; margin:auto; }

/*** head ***/
#wrap      {width:100%; margin:auto}
#header_bg {width:100%; height:97px; border-bottom:18px solid #027dc5;}
#header_con{height:95px; margin-top:0px;  position:relative; z-index:9999;}



/*** main ***/
#main_visual{width:100%; height:590px; background:url('/image/main/main_1.jpg') 50% 0; position:absolute; z-index:-1; min-width:1050px;}
#sh{width:100%; height:20px; background:url('/image/main/bg_1.png') 0 0; position:absolute; top:705px;  min-width:1050px;}
#main_copy{ height:590px; }
#main_copy_1{padding-top:80px;}
#main_copy_2{padding-top:10px;}
#main_content{margin-top:33px;}
#con01{float:left; width:280px; height:119px; padding:8px 5px 0 10px; margin-right:20px; background:url('/image/main/noti_bg.png') 0 0 no-repeat;}
#con01 .board_1 dd{padding-top:23px;}
#con02{float:left; width:410px; height:120px; padding:7px 0 0 10px; margin-left:20px; background:url('/image/main/gal_bg.png') 0 0 no-repeat;}
#con02 .board_2   { }
#con02 .board_2 dd{padding-top:20px;}



/*** sub ***/
#sub_visual{width:100%; height:190px; background:url('/image/sub/sub_1.jpg') 50% 0; position:absolute; z-index:-1; min-width:1050px; border-bottom:5px solid #efefef;}
#sub_copy  {height:195px;}
#sub_container{ width:1020px; margin:auto; padding-top:35px;}
#snb_con{width:200px; float:left; margin-bottom:30px;}
#right_container{width:760px; float:right;}
#title_area{height:39px; border-bottom:1px solid #c5c5c5;}
#title  {float:left; border-bottom:2px solid #d90f00; display:block; padding-right:3px; 
		 font-family:'Nanum Gothic'; color:#4a4a4a; font-weight:bold; font-size:23px; line-height:38px; letter-spacing:-1px;}
#tit_navi{float:right; font-size:11px; color:#858585; padding:13px 5px 0 0;}
#page{padding:40px 0;}
#map_detail {width:725px; margin:auto; border:1px solid #bdbdbd; padding:15px 10px 10px 10px;margin-bottom:30px; background-color:#FFFFFF}
#map_add{width:725px; padding: 15px 0 15px 0px; font-size:17px; color:#4f4f4f; line-height:28px;}


/*** foot ***/
#footer_bg{height:70px; border-top:1px solid #d6d6d6; padding:12px 0; margin-top:25px;  }
#f_con{}
#f_logo{width:196px; float:left; padding:0 34px 0 0;}
#f_add {width:820px; float:left; padding:5px 0 0 0;  font-size:12px; color:#919191; line-height:18px; font-weight:bold; }
.copy{font-family:'Nanum Gothic'; font-size:10px; color:#8c8c8c; line-height:23px; font-weight:bold;}
#f_add a.f_add{font-family:'Nanum Gothic'; font-size:12px; color:#a3a3a3; line-height:17px; text-decoration:none;}



/*** top_navi ***/
#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 3px 0 0 0;}
#nav {height: 34px; border-lef___t:1px solid #7aa5c9; background: url('/image/main/lnb_line.png') -10px 0 no-repeat; background-position:right;}
#nav ul {
    background-color: #ffae02;
	background___: url('/image/main/menu_bg.png') 0 0 repeat;
   	border-width: 0 1px 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}
#nav li {width:200px; float: left; position: relative; border-right___:1px solid #7aa5c9; background: url('/image/main/lnb_line.png') no-repeat scroll 0 3px transparent; }
#nav li a {
    font-family:'Nanum Gothic'; font-size:16px; line-height:40px; 
    color: #6e5010; text-align:center;
    display: block;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    
}
#nav li:hover > a {
    color: #734626;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #fff;
    outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 40px;
    width: 200px; border-top___:1px solid #7aa5c9;
    
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li { background: none;width: 100%;}

#nav ul li a { font-family:'Nanum Gothic'; font-size: 13px; border-bottom:1px dashed #f9e3b5;
    float: none;
}
#nav ul li:hover > a {
    background-color: #ffae02;
    color: #6e5010; font-family:'Nanum Gothic'; font-size: 14px; font-weight:bold;
}
#lavalamp {
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 13px;
    position: absolute;
    top: 0px;
    width: 64px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}
#nav li:nth-child(1):hover ~ #lavalamp {
    left: 13px;
}
#nav li:nth-child(2):hover ~ #lavalamp {
    left: 90px;
}
#nav li:nth-child(3):hover ~ #lavalamp {
    left: 170px;
}
#nav li:nth-child(4):hover ~ #lavalamp {
    left: 250px;
}
#nav li:nth-child(5):hover ~ #lavalamp {
    left: 330px;
}
#nav li:nth-child(6):hover ~ #lavalamp {
    left: 410px;
}
#nav li:nth-child(7):hover ~ #lavalamp {
    left: 490px;
}
#nav li:nth-child(8):hover ~ #lavalamp {
    left: 565px;
}


/*** 표 ***/
.table_con{width:760px; margin:auto;}
.board_list {width:100%; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:30px;}
.board_list th { line-height:38px; font-family:'Nanum Gothic'; font-size:16px; color:#5b5b5b; font-weight:bold; text-align:center; } 
.board_list th { background:url(/image/sub/dotline.png) repeat-x 0 0 #ddd9d0;
                 border-top:2px solid #4a4a4a; border-bottom:1px solid #d8d8d8;} 
.board_list .b_tit {font-family:'Nanum Gothic'; font-size:14px; color:#1a1a1a;  line-height:35px; text-align:left; font-weight:bold;
					padding-left:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.board_list td {font-family:'Nanum Gothic'; font-size:12.5px; color:#2e2e2e;  line-height:30px; text-align:left;
                padding:3px 10px 3px 20px;
                border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.board_list td.b_tit{background-color:#f3f2f0; color:#3a3a3a;}




