/*headStyle.css*/
.inner{width: 1200px; margin: 0 auto; padding: 0 0px;}
#hd{position: fixed; z-index: 10; top: 0;height: 6.1rem; min-width: none; width: 100%; border-bottom: 0px solid rgba(255,255,255,0.9);}
#hd_wrapper{height: 100%;border-bottom: 1px solid rgba(210,243,245,0.5);background-color:#fff}
#logo{position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
#logo img{width: 60%;}
#gnb{position: absolute; left: 60%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%;}
#gnb .gnb_1dli{line-height: 6.1rem; width: 16%; text-align: center;}
.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:999999;}
.hd_login a {float:left; margin:0 5%; color:#000; }

.gnb_1da{width: 100%; color: #000; font-style: normal; font-weight: 500;cursor: pointer;}
.gnb_1dli .bg{display: none;}
.gnb_2dul{top: 6.1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background: rgba(0,0,0,0.7);}
.gnb_3dul{line-height:2.3rem;height:2.3rem;text-align:left;color:#686868;margin-left:1rem;font-size:1.3rem}
.gnb_3dul a:hover{color: #3877FF;}
.gnb_1dli_over .gnb_2dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#nav_bar{height: 3px; background: #000; position: absolute; bottom: 0;}
.gnb_2dli{border: none;}
a.gnb_2da:hover{
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #3877FF;
}

.gnb_2da {display:block;padding:0 0 0 10px;line-height:3rem;text-align:left;text-decoration:none}
.gnb_2da{color: #222; text-align: left; font-size:1.4rem;font-weight:500}

.gnb_3da {margin-left:1rem}

#tnb{ border-bottom: none; background: none; width: 1200px; height: 6.1rem; 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: 23px; height: 26px; font-size: 1.0em; border-left: none; z-index: 10;}
#tnb li a{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;}



#aside{position: fixed;right: -100%; top: 0px; bottom: 0; margin: 0px;width: 85%; border-top: 0;z-index: 1005;overflow-y: auto;background:#fff;border: 0;display: block;border-left: 1px solid #DDDDDD;}
.close_menu {position: fixed;z-index: 1100; top: 0.7rem; right: -100%; width: 3rem; height: 3rem;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; -webkit-transition:all .4s ease; transition:all .4s ease; background:#000;}
.close_menu .close-line1 {top:1.4rem; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.close_menu .close-line2 {top:1.4rem; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mb-sub-ul {display: none; background: #3877FF;}
.mb-sub-ul li a {display: block; font-size: 1.5rem; font-weight: 500; padding: 8px 0px 8px 20px;color:#fff}
.mb-sub-ul li ul li a {display: block; font-size: 1.4rem; font-weight: 400; padding: 8px 0px 8px 20px;color:#000;}
.mb-sub-ul li ul li {border-top: 1px solid #DDDDDD;border-bottom:0px;background:#EDEDED}
/*.mobile_menu{position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} */
.mobile_menu ul{width: 100%; overflow: hidden;}
.mobile_menu ul li{width: 100%; overflow: hidden;border-bottom: 1px solid #DDDDDD;}
.mobile-list {width: 100%;}
.mobile-list a {padding: 1.2rem 0; width: 100%; color: #222222; text-transform: none; text-align: left; font-size: 1.7rem; font-weight: 700;padding-left:2rem}
#mb-open-menu{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 2.6rem;height: 1.6rem;cursor: pointer;z-index: 10; display: block;}
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 0.3rem;background: #000;-webkit-transition: all .4s ease;transition: all .4s ease;}
#mb-open-menu .line1 {top: 0px;}
#mb-open-menu .line2 {top: 0.66rem;}
#mb-open-menu .line3 {bottom: 0;}

@media all and (max-width:1199px){
    #hd_wrapper{width: 100%;}
}

@media all and (max-width:1199px){
    #tnb{width: 100%;}
}
/*¸ð¹ÙÀÏ ÀÌ»óÀ϶§*/
@media all and (min-width:1025px){
/* #hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;} */
    #hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
    #hd_wrapper{position: absolute; width: 100%; height: 6.1rem;}
    #hd_wrapper .inner{height: 6.1rem; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    #hd.scrollBg .gnb_1da{color: #000;}

    #gnb{width: 700px;}
    .logo_pc{display: block;}
    .logo_mobile{display: none;}
    #aside{display: none;}
    #gnb{display: block;}
    .close_menu{display: none;}
    #mb-open-menu{display: none;}
    #hd.scrollBg #nav_bar{background: #000;}
}
/*¸ð¹ÙÀÏÀ϶§*/
@media all and (max-width:1024px){
    #hd_wrapper{width: 100%;}
    #tnb{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: 60px;}
    #tnb li{width: 35px; height: auto;}
    #tnb li.login, #tnb li.register{right: inherit; right: 64px;width:21px;margin-top:-1px}
    #tnb li.logout{right: inherit; left: 70px;}
    #tnb li{height: 40px; line-height: 40px;}
    #gnb{display: none;}
    #logo {margin:0 3%}
    #logo img{width: 60%;}
    .logo_mobile{display: block;}
    .logo_pc{display: none;}
    #aside{display: block; z-index: 2000;}
    .mb-sub-ul a:hover{color: #000;}
     a.gnb_2da:hover{color: #fff;}
}

.tm_bg {width:100vw; margin-left: -665px;background:#F0F0F0;height:6.1rem;position:absolute;top:0px;text-align:right;z-index:-9;border-bottom:1px solid #CECECE}
.tm_bg2 {width:500vw; margin-left: -1920px;background:#F0F0F0;height:6.1rem;position:absolute;top:0px;text-align:right;z-index:-9;border-bottom:1px solid #CECECE}