#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}


#hd{top:20px; text-align:center;width:100%;background:#fff;position:relative;z-index:99; height:70px;
box-shadow:0px 3px 5px -1px rgb(0 0 0 / 50%);
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd:before{content:'';position:absolute;bottom:0;left:0;background:#fff;background:rgba(255,255,255,0.5);width:100%;height:1px}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wrapper{margin:0 auto;max-width:1280px;position:relative}

#logo {position:absolute;top:0;left:0}
#logo a{display:block;padding:15px 0 0 0px; 

transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
#logo img{height:100%;width:auto;}



#hd.fixed{position:fixed;top:0;left:0}


#hd_btn{position:absolute;top:17px;right:50px;text-align:center;}
#hd_btn button{width:32px;border:0;background:transparent;height:32px;float:left}

#hd_sch{z-index:10;display:none;position:absolute;top:0;left:0;background:#fff;width:100%;height:70px}
#hd_sch .sch_wr{ background:#fff}
#hd_sch #sch_stx {background:none;border:0;width:100%;height:70px;padding:0 80px;;font-size:1.385em}
#hd_sch #sch_stx:focus{outline:0;border-bottom:2px solid #06348b;}
#hd_sch #sch_submit{background:none;border:0;position:absolute;top:20;left:0;height:70px;width:85px;font-size:18px;}
#hd_sch .btn_close{position:absolute;top:20px;right:6px;width:35px;height:35px;border:0;background:none;font-size:30px;color:#999}
#hd_sch .btn_close:hover{color:#000}

 .flag {float:right; padding-right:20px}
.tmn > ul > li{  padding:0px 8px ; float:left; ; font-size:0.85em;   font-weight: 600;   }
.flag ul li{ padding:2px 5px 0 5px; float:left; line-height: 100% !important; border-radius: 7px 7px 0 0;   font-weight: 600; border:1px solid #ddd; background:#eee; font-size: 12px;  color: #000;}
.flag ul li > table td{padding:0}
.flag ul .tmon{border-bottom:1px solid #fff; background:#fff }



/* 중간기기~작은기기 모바일 상단 */
#mobile_header { display:none; }
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:#fff;}
#mobile_header h1 { width:220px; padding-top:-1px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:95%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:21px; font-size:20px; color:#333;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:25px; font-size:20px; color:#164271; }
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
#sideMenu {display:inline; position:fixed; top:0; right:0px; width:0px; overflow:hidden; height:100%; background-color:#fff; z-index:9999999;}
#sideMenu .side_title{height:62px; line-height:62px; background-color:#111111; color:#fff; text-align:center; font-size:1.3em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#sideMenu .navi_set > div a{display:block; width:100%;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }
#gnba {background-color:#666; text-align:center; padding:1px 0;}
#gnba i{color:#fff; font-size:30px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em;  padding:5px 10px; margin:0 2px;  background:#b39f6c; border-radius:3px;}
#gnba a:hover { background:#fff; color:#000; }


/*전체메뉴*/
#al_menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:left}
#al_menu .bg{background: rgba(0,0,0,0.5);width:100%;height:100%}  
#al_menu .menu_wr{position:absolute;top:0;left:0;background:#fff;width:100%; }
#al_menu .btn_close{position:absolute;top:0;right:0;background:none;border:0;width:100px;height:100px;font-size:20px;outline:0;color:#aaa}
#al_menu .btn_close:hover{color:#000}
 

.jbMenu { position:fixed; top:0; left:0; width:100%; min-height:100px;    z-index:500 !important;   background:#fff;}
.jbFixed { background:#fff;}

#header_wrap { width:100%;  overflow-x:hidden;   }
#header_wrap .header_on {background-color:none; background: rgba(255,255,255,0.95) !important;  height:auto;
box-shadow: 1px 1px 5px rgb(0 0 0 / 60%); transition: 0.5s height cubic-bezier(0.65, 0.24, 0.21, 0.99), 2s box-shadow cubic-bezier(0.45, 0.07, 0.2, 0.99), 0.5s background-color cubic-bezier(0.22, 0.36, 0, 0.99); }

.wrap_box { position:relative; width:100%; max-width:1600px;  margin:10px  auto;   background:none; }
#header h1 { position:absolute; display:block;  line-height:70px; left:30px; transition: all .3s ease-in-out; background:none;}
#header h1 a img{vertical-align:middle;  }


#lnb {position:relative;  line-height:80px !important; background:none; margin:auto;max-width: 1000px;    padding-left: 170px;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; height:350px;}
#lnb .lnb_wrap > ul > li { float:left;  }
#lnb .lnb_wrap > ul > li > a { display:block; width:100%; padding:0 70px 0 10px;   font-weight:600; color:#555;  line-height:80px;  }
 .header_on #lnb .lnb_wrap > ul > li > a {   color:#000; }
#lnb .lnb_wrap > ul > li > a > span{display:block; background:#164271; width:0px; height:2px; margin:8px auto; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} /*ffd979*/
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#164271; font-weight:600; border-bottom:0px solid rgba(255,255,255,1); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;} /*ffe792*/
#lnb .lnb_wrap > ul > li.current > a > span, #lnb .lnb_wrap > ul > li.actived > a > span{display:block; background:#164271; width:100%;}/*bar*/
#lnb .lnb_sub { margin-top:5px;}
#lnb .lnb_sub li a {position:relative; display:block; color:rgba(0,0,0,0.75); padding-left:10px; margin:0 0 2px 0; height:27px; line-height:27px; font-size:14px;  }

#lnb .lnb_sub li a:before {content: '';
    width: 3px;
    height: 1px;
    background: #06348b;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}
#lnb .lnb_sub li a:hover { display:block; color:#164271; font-weight:400; }
#gnb {float:right; right:0; position:absolute}
#gnb .out1 a { color:#fff; text-align:center; font-size:0.9em;  padding:0 20px 3px 20px; margin:0 1px;  background:#b39f6c; }/*bar*/
#gnb .av {  border-radius: 0 0 10px 10px;}/*bar*/

#gnb .out1 a:hover { background:#000; color:#ff6600; }
#gnb .out1 a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:80px; padding:5px 10px; margin:0 1px;  background:#fff; border-radius:50px;}
#gnb .out1 a.btn2:hover { background:#000; color:#fff; }

#tnb{ border-bottom: none; background: none; width: 40px; height: 37px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#tnb ul{min-width: inherit; width: 100%;}
#tnb li{position: absolute; width: 40px; height: 40px; font-size: 1.0em; border-left: none; z-index: 10;     margin-left: 5px;}
#tnb li a{display:block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
#tnb li .fa{display: none;}
#tnb .tnb_admin a{color: #d40424;}
#tnb a:hover{background: none; color: #333;}
#tnb .tnb_admin a:hover{color: #d40424;}
#tnb li.register{background: url(/img/register_icon2.png) center no-repeat; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.join{display: none;}
#tnb li.tnb_admin{background: url(/img/register_icon2.png) center no-repeat; position: absolute; top: 60%; right: 90px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.login{background: url(/img/login_icon1.png) center no-repeat; position: absolute; top: 60%; right: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.logout{background: url(/img/logout_icon1.png) center no-repeat; position: absolute; top: 60%; right: 41px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}

 
@media (max-width: 1279px){
	#lnb {    max-width: 900px;}
	#lnb .lnb_wrap > ul > li > a {   padding: 0 55px 0 10px;}
	#lnb .lnb_wrap > ul > li > a {  padding: 0 50px 0 10px;}
}
@media (max-width: 1170px){
	#lnb, .hd_sch_btn {  display:none}
	#mobile_header {   z-index:99999; display:block; position: fixed; right:0; top:23px}
	a.qbt {  color: #555; font-size: 33px;}
 }
@media (max-width: 640px){
	#header h1 {    left: 10px;}
	#header h1 a img {  width: 200px;}
	.wrap_box{margin:0}
	.jbMenu {     min-height: 85px; }
#mobile_header {    top: 15px;}
	#hd_btn {    right: 20px;}
}