@charset "utf-8";
@import url('default.css');
@import url('board.css');									  

#wrap{position:relative; margin:0 auto; width:100%; min-width:1200px;  overflow:hidden;}


/*header*/
#header02 {width:100%; height:100px;z-index:10;}
#header02 #header_top {position:relative; overflow: hidden; margin: 0 auto; width:1200px; height:100px; }
#header_top #left_top {float:left; margin-top:36px; width:286px; margin-bottom: 10px;}
#left_top li {float:left;}


/*logo*/
#header_top #logo {position:absolute; left:50%; top:10px; width:240px; height:53px; transform:translateX(-50%);}
#logo h1 a {display:block; width:100%; height:60px; background:url(../images/logo.png) no-repeat center center; text-indent:-3000px}
#logo h1 a img{width:100px;}





/*header*/
#header {position:absolute; left:0; top:80px; width:100%; height:70px; border-bottom:1px solid #000; z-index:10;}


#header #gnb {width:1200px; position:relative;height:70px; margin: 0 auto}
#gnb #top_link li.sub_top a{color:#222;}
#gnb #top_link li.sub_top {float:left; width:110px;text-align:center; height:70px; }

#gnb #top_link > .sub_top a:hover {color:#036eb7}
#gnb #top_link li a {display:block;font-size:19px; line-height:70px; letter-spacing:-1px;}
#gnb #top_link > .sub_top > .sub_menu {position:relative; width:170px;top:0;left:0; overflow:hidden; text-indent:7px; box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); border-radius:10px;box-sizing:border-box}
#gnb #top_link > .sub_top > .sub_menu > li {width:100%; height:40px; border:none; clear:both; background:#fff; text-align:left; padding:10px;}
#gnb #top_link > .sub_top > .sub_menu > li:last-child {padding-bottom:20px}
#gnb #top_link > .sub_top > .sub_menu > li > a {width:80%; line-height:38px; font-size:16px; color:#666; padding:5px}
#gnb #top_link > .sub_top > .sub_menu > li > a:hover {color:#036eb7; padding:5px;border-radius:10px;background-color:#0066cb;color:#fff}
#gnb #top_link > li > .tran_box1{position:relative; left:0px; top:0px; display:none; }





@media only screen and (max-width: 1600px){
.mem_cont{width:1000px}
#gnb #top_link li.sub_top{width:9%}
}




/*quick*/
#quick {position:fixed; right:0; top:40%; z-index:10; margin-top:-240px; width: 94px;z-index:1111111}
#quick ul li {height: 93px;}
#quick ul li.quick_top {height: 38px;}

/*footer*/
#footer_wrap {clear:both; width:100%; height: 315px; background:#3d3938;}

#footer_dox{background-color: #585858;}
#footer_dox>div{width: 1200px; margin: 0 auto; color: #fff; padding: 10px 0px;}
#footer_dox>div>a{color: #fff;}

#footer_wrap #footer {width:1200px; margin:0 auto; overflow:hidden;}
#footer_wrap #footer > div {text-align:center; padding-top: 60px; padding-bottom: 40px;}
#footer address { width:100%;  text-align:center; font-weight:300; font-style:normal; color:#8e8e8e; font-size: 18px;}
#footer address a:link {color:#8e8e8e; font-weight: 300; font-size: 18px; }
#footer address a:visited {color: #8e8e8e;}
#footer address .line {padding:2px 7px; color:#8e8e8e;}
#footer .copyright {padding-top: 10px; padding-bottom:10px; display:block; color:#888; font-weight: 300; font-size: 18px; text-align:center; text-transform:uppercase; color:#8e8e8e;	}