@charset "utf-8";
@import "common.css";


/*main*/
#wrap{width:100%;}
#header_bg{width:100%; height:127px; min-width:1000px; border-top:2px solid #8e817a; background__:url(/image/main/lnb_bg.png) 0 0 repeat-x ;}
#header   {width:1000px; margin:auto; height:85px;}
ul#head>li{float:left; padding-top:25px;}
ul#head>li.m_logo{padding:25px 100px 0 90px;}
#lnb_bg{width:100%; height:42px; background:url(../image/main/lnb_bg.png) 0 0 repeat-x;}
#lnb_conT{width:1000px; margin:auto;}
#main_visual__{width:100%; min-width:1000px; height:460px; position:absolute; z-index:-1; background:url(../image/main/main_1.jpg) 50% 0 no-repeat;}
#main_copy{width:1000px; margin:auto; height:120px; text-align:center; padding-top:340px;}
#main_con01{width:1000px; margin:30px auto 30px; *margin__:25px auto 3px;}
ul#content01{margin-left:-13px; height:200px;}
ul#content01>li{float:left; margin-left:13px; *margin-left:10px;}
#main_con02_bg{width:100%; min-width:1000px; height:410px; background:url(/image/main/gal_bg.png) 0 0 ;}
#main_con02{width:1000px; margin:auto; }
#main_con02 dt.noti_title{padding:28px 0 18px 0;}


/*lnb*/
#nav,#nav ul {list-style: none outside none; margin: 0;padding: 0;}
#nav {height: 36px; background: url('/image/main/menu_line.png') no-repeat right 5px; background-position:right;}
#nav ul {background-color__: #3b598e;
    border_:1px solid #3b598e;
    border-radius_: 0 5px 5px 5px;
    border-width_: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    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:140px; float: left; position: relative; background: url('/image/main/menu_line.png') no-repeat scroll 0 15px transparent; }
#nav li a {
    font-family:'Nanum Gothic'; font-size: 15px; line-height:36px; 
    color: #FFFFFF; text-align:center;
    display: block;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #586886;
}
#nav li:hover > a {
    color: #ffff00;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #817771;
	background__:none; color:#FFFF00;
	outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 36px;
    width: 140px;
    
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
#nav ul li { background:none #817771;width: 100%; background__: url('/image/sub/lnb_s_bg.png') repeat scroll ;}

#nav ul li a { font-family:'Nanum Gothic'; font-size: 13px;
    float: none;
}
#nav ul li:hover > a {
    background-color: #564a43; background-color__: #ffff00;
    color: #fff; font-family:'Nanum Gothic'; font-size: 13px;
}
#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;}


/*sub*/
#sub_copy{width:100px; margin:auto; height:225px;}
#sub_container {width:1000px; margin:auto; padding-top:40px;}
#snb_con {float:left; width:180px; margin-bottom:40px;}
#right_con {width:770px; float:right; }
#title_area{width:770px; height:45px; border-bottom:1px solid #d2d2d2;  }
#title{font-family:'Nanum Gothic'; font-size:30px; color:#3e3e3e; font-weight:bold; float:left;}
.path {color:#707070; font-family:'gulim'; font-size:12px; line-height:13px; float:right; text-align:right; padding:15px 5px 0 0;}
#page{width:770px; padding:35px 0 35px 0;}

.map {border:1px solid #bdbdbd; padding:15px; margin-bottom:30px;}
.map_add {width:708px; padding:15px; font-size:15px; color:#3b3b3b; line-height:28px;  background-color:#efefef; margin-top:20px; border:1px dashed #b2b2b2}


/*** foot ***/
#footer{clear:both; width:100%; min-width:1000px; height:183px;  background__:url("/image/footer_bg.png") 0 0 repeat-x; border-top:1px solid #bababa; *margin-top:30px;}
#foot{width:1000px; margin:auto; text-align:center; }
#addr_conT__{width:1100px; margin:auto; margin-top:35px;}
#f_logo {padding:25px 0 20px;}
#addr {font-family:'Nanum Gothic'; font-size:13px; line-height:1.8; color:#5e5e5e; display:block;}
#addr a.f_admin {color:#6e6e6e;}
#addr span.copy {font-family:'Nanum Gothic'; font-size:11px; line-height:40px; padding-top:20px; color:#6e6e6e;}