@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

/*reset*/
body,h1,h2,h3,h4,div,ul,ol,li,dl,dt,dd,a,p,img,fieldset,select,option,input,form,legend,span,hr,address,button{margin:0px; padding:0px;}
body{font-size:12px; font-family: 'Nanum Gothic',"돋움",dotum,Verdana,sans-serif; color:#333; line-height:160%; background:url(../images/headerbg.png) center 120px no-repeat;}
input,button,textarea,div,span,th,td,li,dl,dt,dd{font-size:12px; font-family:"돋움",dotum,Helvetica,,sans-serif; color:#333;}
hr,.skip,caption,legend{position:absolute; left:-999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.subbg{background:url(../images/subtopimg01.jpg) center 0 no-repeat; background-color:#efefde;}
ul,ol{list-style-type:none;}
i,em,address{font-weight:normal;}
label,button{cursor:pointer;}
img,fieldset,iframe{border:0px none;}
input,select,img{vertical-align:middle;}
input,textarea,select {outline-style:none;}
input:focus,textarea:focus,select:focus {outline-style:none;}

a:link,a:visited{text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;}

/* skipnavigation */
#skipnavigationMenu a{display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:10px; left:20px; font-size:12px; text-decoration:none;}
#skipnavigationMenu a:hover,
#skipnavigationMenu a:focus,
#skipnavigationMenu a:active{width:150px; height:auto; border:1px solid #333; color:#333; font-family:"돋움",dotum,Verdana,sans-serif; text-align:center; padding:3px 0 2px 0; background:#fff; z-index:9999;}

/*layout*/
#wrapper{width:100%; position:relative;}
#container{width:980px; position:relative; margin:0 auto; margin-top:7px;}
#footer{width:980px; margin:0 auto; position:relative; clear:both;}

/*header*/
.rnb{position:absolute; top:25px; right:270px;}
.rnb li{float:left; padding-left:5px; font-family:'Nanum Gothic'; color:#7e7e7e;}
.rnb li a{font-family:'Nanum Gothic'; color:#7e7e7e;}

.top_search{position:absolute; top:15px; right:0px;}
.top_search .it{width:215px; height:33px; border:1px solid #e2e2e0; border-right:0px none; text-indent:10px;}

.gnb{position:absolute; top:80px; left:0px; width:980px; overflow:hidden; height:340px; z-index:999;}
.gnb li h2 a.oneDep{font-family:'Nanum Gothic'; font-size:16px; color:#666; font-weight:bold; display:block; position:relative; text-align:center;}
.gnb li.on h2 a.oneDep{color:#b79335;}
.gnb li{float:left; background:url(images/topmenu_bar.jpg) right 2px no-repeat;}
.gnb li.menu01{padding-left:170px; width:95px;}
.gnb li.menu02{width:100px;}
.gnb li.menu08{width:110px;}
.gnb li.menu03{width:105px;}
.gnb li.menu04{width:100px;}
.gnb li.menu05{width:100px;}
.gnb li.menu06{width:100px;}
.gnb li.menu07{width:100px; background-image:none;}

.gnb li .twoDep{height:274px; display:block; margin-top:24px; border-left:1px solid #e1e1e1; position:relative; visibility:visible; padding-top:15px}
.gnb li .twoDep li{float:none; height:auto; padding-left:10px; padding-bottom:5px; background-image:none;}
.gnb li .twoDep li a{font-family:'Nanum Gothic'; color:#2b2b2b; padding:5px 0;}
.gnb li .twoDep li a:hover{padding:10px 0; text-decoration:underline;}
.gnb li.on .twoDep{border-left:1px solid #e1e1e1; background-color:#f1ead6;}
.gnb li.on .guideBg{position:absolute; top:100px; left:0px; display:block; }
.gnb li .guideBg{display:none; position:relative}
.twoDbg{display:; background-color:#fff; position:absolute; top:123px; left:0; height:289px; width:100%; z-index:500; border-bottom:1px solid #c2a17e;}

/*footer*/
#footer{border-top:1px solid #e1e1e1;}
.foot_site{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:310px;}
.foot_site li{float:left; width:124px; border-right:1px solid #e1e1e1;padding-left:15px; height:310px;} 
.foot_site li.last{ border-right:0px none;}
.foot_site li h2{font-family:'Nanum Gothic'; color:#2b2b2b; font-size:15px; margin-top:15px;}
.foot_site li ul{margin-top:15px;}
.foot_site li ul li{border-right:0px none; padding:0px; height:auto; padding-bottom:3px;}
.foot_site li ul li a{font-family:'Nanum Gothic'; font-size:13px; color:#7d7d7d;}
.foot_site li ul li a:hover{text-decoration:underline;}

address{padding:10px 0 20px 0px; font-style:normal; color:#585858;  font-family:'Nanum Gothic'; position:relative;}
address strong{color:#222;}
.admin{position:absolute; right:0px; bottom:20px;}

/*left quick*/
#left_quick{position:fixed; left:50%; margin-left:490px; top:120px;}
#left_quick li{font-size:0px; line-height:0px;}
#left_quick li a{font-size:0px; line-height:0px;}

/*header */
.in_header{width:980px; margin:0 auto; position:relative;height:123px;}
.in_header h1{position:absolute; top:15px;}

#gnb_nav{position:absolute; top:54px; right:0; }
#gnb_nav li{float:left;}
#gnb_nav li h2 a{display:block;  text-align:left; padding:25px 10px 35px 70px; color:#666666; font-size:18px; line-height:16px;}
#gnb_nav li h2 a.on{color:#90d97b; background:url("../img/topmenu_arrow.png") center 45px no-repeat;  font-weight:bold;}
#gnb_nav li h2 a.on strong{ background:url("../img/topmenu_line.jpg") center bottom repeat-x;}
#gnb_nav li h2 a strong{ padding-bottom:29px;}

#gnb_nav li:first-child h2 a{border-left:0 none;}
#gnb_nav li div{ float:left;position:absolute; top:40px;  z-index:9999;  padding:0; background-color:#fff; padding:10px 0;  width:980px; background:url("../img/bg_gnb_ov.jpg") 0 38px no-repeat;left:-185px; display:none;}
#gnb_nav li div{  background-color:#fff; margin-top:9px; width:696px; margin-left:-3px;}
#gnb_nav li div ul li{float:none; margin:0px;padding:0; }
#gnb_nav li div ul li:first-child{border-top:0 none}
#gnb_nav li div ul li a{display:block; font-size:14px; line-height:13px; color:#999; text-decoration:none; min-width:100px; padding:8px 13px; text-align:left; }
#gnb_nav li div ul li a:hover{color:#90d97b; text-decoration:underline;}

#gnb_nav li h3{font-size:18px; color:#666666; font-weight:500; padding-left:13px; padding-top:3px; padding-bottom:12px;}
#gnb_nav li .sub_nav{padding-top:55px;}
#gnb_nav li  #top2m1{ padding-left:285px; display:none; height:220px;  }
#gnb_nav li  #top2m2{ padding-left:285px; display:none; height:165px;  }
#gnb_nav li  #top2m3{ padding-left:285px; display:none; height:160px;  }
#gnb_nav li  #top2m4{ padding-left:285px; display:none; height:160px;  }
#gnb_nav li  #top2m5{ padding-left:285px; display:none; height:160px;  }
#gnb_nav li  #top2m6{ padding-left:285px; display:none; height:160px;  }
#gnb_nav li  #top2m7{ padding-left:285px; display:none; height:160px;  }