@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
 margin: 0; padding: 0; border: 0; outline: 0;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body {line-height:18px; font-family:"µ¸¿ò", "dotum", "sans-serif"; font-size:12px;color:#666;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#666;text-decoration:none;}
.clearfix{clear:both;}
.f_bold{font-weight:bold;}
.f_bold_n{font-weight:normal;}
.fR{float:right;}
.fL{float:left;}
.fC{text-align:center;}
.font_0 {font-size:0; line-height:0;}
.width_800 {width:800px;}
.width_385 {width:385px;}
.width_190 {width:190px;}
.right_5 {padding-right:5px;}
.right_10 {padding-right:10px;}
.left_10 {padding-left:10px;}
.left_15 {padding-left:15px;}
.bottom_5 {padding-bottom:5px;}
.top_5 {padding-top:5px;}
.top_10 {padding-top:10px;}
.top_15 {padding-top:15px;}
.top_20 {padding-top:20px;}
body{position:relative;  background:url(../img/bg.gif) repeat 0 0; min-width:1220px;}
#header{height:90px; width:100%; position:relative; background:url(../img/top_bg.gif) repeat-x top center;}
#header section{width:1190px; margin:0 auto ; position:relative;}
#top_menu {position:relative; z-index:1000; width:800px; height:50px; float:right;}
#top_menu .gnb {width:730px; overflow:hidden; height:50px;float:right;}
#top_menu .gnb li {float:left;}
#top_menu .gnb li a { display:block; height:30px; overflow:hidden; float:left;}
#top_menu .gnb li.current a img, #top_menu .gnb li a:hover img {margin-top:-30px;}
#top_menu .gnb .dep1, #top_menu .gnb .dep2, #top_menu .gnb .dep3, #top_menu .gnb .dep4 { position:absolute; padding:0 2px;  display:none;  margin-top:30px;}
#top_menu .gnb .dep1 li a, #top_menu .gnb .dep2 li a, #top_menu .gnb .dep3 li a, #top_menu .gnb .dep4 li a { display:block; height:20px; overflow:hidden; padding:0 4px;}
#top_menu .gnb .dep1 li a img, #top_menu .gnb .dep2 li a img, #top_menu .gnb .dep3 li a img, #top_menu .gnb .dep4 li a img {margin-top:0;}, 
#top_menu .gnb .dep1 li a.current img, #top_menu .gnb .dep1 li a:hover img,
#top_menu .gnb .dep2 li a.current img, #top_menu .gnb .dep2 li a:hover img,
#top_menu .gnb .dep3 li a.current img, #top_menu .gnb .dep3 li a:hover img,
#top_menu .gnb .dep4 li a.current img, #top_menu .gnb .dep4 li a:hover img,{margin-top:0;}
.dep1 {left:100px;  margin-left:0; padding-left:0;   height:20px;}
.dep2 {left:220px; margin-left:0; padding-left:0;   height:20px;}
.dep3 {left:140px; margin-left:0; padding-left:0;   height:20px;}
.dep4 {left:660px; margin-left:0; padding-left:0;   height:20px;}

.tabmenu { margin:0 auto; width:730px; height:75px;}
.tabmenu li  {float:left;}
.tabmenu li a { display:inline-block; height:55px; overflow:hidden; padding:0 2px;}
.tabmenu li a img {margin-top:0;}
.tabmenu li a:hover img {margin-top:-55px;}
 

#header .top_btn{height:25px; padding-top:10px; position:relative;}
#header h1{width:330px;}
.contents_box {height:auto !important; position:relative; width:100%; z-index:1;}
.contents_main {position:relative; width:1220px; margin:0 auto; padding-top:30px;}
.contents_sub {position:relative; width:1000px; margin:0 auto; padding-top:30px;}
.mnotice {width:440px; height:155px; background:url(../img/mnews_bg.gif) no-repeat 0 0;}
.mbanner_3 {position:relative; width:385px; height:155px; z-index:1000;}
.mbanner_3 .icon {position:absolute; width:165px; height:30px; top:30px; left:35px; z-index:10001;}
.contents {position:relative; width:1000px; background:url(../img/con_bg.gif) repeat-y 0 0; border-top:1px solid #E1E1E1;}

.gall_box { width:1220px; height:180px;  background:url(../img/gall_bg3.gif) no-repeat 0 0; display:block; margin:10px auto; text-align:center;}
.gall_box   ul {padding:15px; margin:0 auto;}
.gall_box   ul li {display:inline; padding:0 30px;}


.quickmenu {right:50%; margin:0 -580px 0 0;}
.quickmenu li img {padding:0; line-height:0; font-size:0; float:left;}
input {vertical-align:middle;}
img {vertical-align:middle;}
.sub_menu{width:150px; position:relative; padding:30px 0 0 20px;}
.sub_menu h2 {padding-bottom:10px;}
.sub_con{width:750px; position:relative; padding:20px 40px 0 40px;}
.sub_title{width:750px; height:39px; border-bottom:1px solid #DEDEDE;}
.sub_title h2{width:300px;}
#location {float:right; width:450px; height:30px; padding-top:9px; text-align:right;}
#content-area {width:750px; position:relative; padding:30px 0; min-height:400px;}
.footer {position:relative; width:100%; height:100px;  background:#fff url(../img/copy_bg.gif) repeat-x top center;}
.footer p {height:80px; width:1000px; margin:0 auto; font-size:0; line-height:0;}
img {font-size:0; line-height:0;}
.effectContainer {width:440px; height:475px; overflow:hidden; z-index:100;}
.effectContainer2 {width:385px; height:475px; overflow:hidden; z-index:100;}
.slide{position:relative;}
div.rect {position:absolute; background:url(../img/mrect.gif) no-repeat 0 0; height:28px; width:28px; z-index:101;}
div.fadenav{position:absolute; bottom:25px; left:30px;}
div.fadenav a{display:block; width:10px; height:10px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:7px;}
div.fadenav a.current{background:url(../img/fd_02.png);}
div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}
.icon {position:absolute; background:url(../img/icon.png) no-repeat 0 0; height:44px; width:36px; top:345px; margin:0 auto;  z-index:1002; right: 50%; margin: 0 -605px 0 0;}