@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


body {padding:0;margin:0;font-size:12px;font-family:gulim;}
input,select,textarea {font-size:12px;font-family:gulim;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.png24 { tmp:expression(setPng24(this));}

#topcon {position:relative; width:100%; height:91px;margin:0; background:url('./image/bg.jpg') top repeat-x;}
.logobg {height:130px;margin:0;}
#gnb {float:left;padding:0;margin:5px 0 0 0;}
#gnb ul {padding:0;margin:0 20px 0 0;color:#909090;}
#gnb li {list-style-type:none;display:inline;padding:3px 5px 5px 5px;font-size:10px;font-weight:bold;color:#909090;font-family:"arial", "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";}
#gnb li a {color:#909090;}
#gnb li a:hover {color:#ff6600;}
#gnb .admin a {color:#ff0000;}
#topimg {height:120px;margin:0;}
#topimg .cat1 {height:120px;padding:3px 0 0 0;margin:0;background:url('./image/sub_topimg_1.jpg') top repeat-x ;}
#topimg .cat2 {height:90px;padding:3px 0 0 0;margin:0;background:url('./image/sub_topimg_2.jpg') top repeat-x ;}
#topimg .cat3 {height:90px;padding:3px 0 0 0;margin:0;background:url('./image/sub_topimg_3.jpg') top repeat-x ;}
#topimg .cat4 {height:90px;padding:3px 0 0 0;margin:0;background:url('./image/sub_topimg_4.jpg') top repeat-x ;}
#topimg .cat6 {height:90px;padding:3px 0 0 0;margin:0;background:url('./image/sub_topimg_3.jpg') top repeat-x ;}
#maintopimg {height:400px;margin:0;}
#maintopimg .vmain {height:400px;padding:0;margin:0;border-bottom:#ff9900 solid 2px;background:url('./image/main_topimg_1.jpg') top repeat-x ;}
#mainc {height:150px;padding:0;margin:50px 0 20px 0;background:url('./image/mainc_bg.jpg') ;}

#main_visual {position:relative;margin:0;padding:0; width:100%; height:600px;}
#main_visual2 {position:relative;margin:0;padding:0; width:100%; height:1500px; background:url('') #f9f9f9 top repeat-x ;}
#main_visual2 .cont {width:970px;height:1000px; margin:auto;}
#main_visual2 .cont .tit {width:970px;height:200px; }
#main_visual2 .cont .list {width:970px;height:800px; }

#wrap {width:970px;margin:auto;}
#toplogo {text-align:center;padding:0;margin:20px 0 0 0;height:47px;}
#header {height:30px;padding:0;margin:0;background:url('./image/mainc_bg.jpg') ;}
#header .location {clear:both;font-size:11px;font-family:"malgun gothic","Trebuchet MS",dotum,Georgia,"Times New Roman",Times,serif;color:#999;padding:9px 0 0 10px;}
#header .location a {color:#505050;}

#footer {float:left;position:relative;margin:0;padding:0;height:70px;}

.widget_gallery01 {position:relative;padding:0;}
.widget_gallery01 h6 {border-bottom:#dfdfdf solid 1px;padding:0 0 9px 0;margin:0 0 10px 0;font-weight:bold;font-family:"gothic","dotum";font-size:13px;color:#384799;}
.widget_gallery01 h6 a {color:#384799;}
.widget_gallery01 ul {padding:0;margin:5px 0 0 0;}
.widget_gallery01 li {float:left;margin:0 5px 0 3px;list-style-type:none;}
.widget_gallery01 li .thumb {padding:2px;border:#efefef solid 1px;background:#f9f9f9;}
.widget_gallery01 li p {line-height:130%;font-size:11px;padding:5px 0 0 0;height:25px;text-align:center;letter-spacing:-1px;overflow:hidden;}
.widget_gallery01 li p a {font-weight:bold;color:#efefef;}
.widget_gallery01 li p a:hover {color:#cc9966;}
.widget_gallery01 li p .comment {font:normal 11px arial;color:#FC6138;}
.widget_gallery01 li p .new {font-family:arial;font-size:10px;color:#ff0000;}
.widget_gallery01 li p .date {display:block;font-family:arial;font-size:10px;color:#999;}
.widget_gallery01 .more {position:absolute;top:4px;right:1px;font-size:11px;font-family:dotum;color:#c0c0c0;}
.widget_gallery01 .more:hover {text-decoration:underline;color:#000000;}

.head_wrap > ul {margin:0; padding: 0;}
.head_wrap > ul > li {display: inline-block; float: left; background: url('') top left no-repeat; -webkit-transition: background 0.2s; transition: background 0.2s;}
.head_wrap > ul > li.narrow {}
.head_wrap > ul > li.narrow1 {width: 13%; }
.head_wrap > ul > li.narrow2 {width: 16%; }
.head_wrap > ul > li.wide {width: 27%; }
.head_wrap > ul > li > a {display: inline-block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 21px; color:#c05906; font-family: 'Jua', sans-serif;}
.head_wrap > ul > li.active > a{ color: #444; }
.head_wrap > ul > li:hover { color: #444;}
.head_wrap > ul > li:hover a{ color: #8d4720;}
.head_wrap > ul > li > ul.sub {display: none;}
.head_wrap > ul > li:hover > ul.sub {display: block; padding: 20px 0 30px 0;}