@charset "utf-8";

#header {width:100%; height:80px !important; background-color: rgba(0, 0, 0, 0.7); position: fixed; z-index: 9999; display: flex !important; align-items: center !important; justify-content: center !important;}

#topWrap {width:1280px !important; display: flex !important; margin: auto !important; align-items: center !important; justify-content: space-between !important;}

.logo{width: 15% !important; float: none !important; margin-top: auto !important;}
#nav>.gnb{float: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}
#nav>.gnb>li{float: none !important;}
#nav>.gnb>li>a{color: #fff !important; position: static !important; padding: 0.8rem !important; font-size: 1rem !important; margin-left: 0 !important;}

#sgnbWrap {width:100%; overflow: hidden; background: #222222;}

.sgnb {width: 1280px !important; margin: 0 auto;}
.sgnb>ul>li>a {color:#d6d6d6;}

#nav>.gnb>li>a:hover {color: #2d86ea; transition: 0.5s;}
#nav>.gnb>li>a:after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) scaleX(0); -webkit-transform: translateX(-50%) scaleX(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 100%; height: 3px; background-color: #2d86ea; -webkit-transition: transform 250ms; transition: transform 250ms;}
#nav>.gnb>li>a:hover:after {-webkit-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1);}

.fulldropdown  {width:100%; position: absolute; left:0; top:100%; height: 0px; background: #FFF; border:1px solid #d6d6d6; z-index:100; transition:0.5s; overflow:hidden;}

.dropdown_menu {width: 1200px; margin: 0 auto; display: flex !important; justify-content: space-between !important;}
.dropdown_block {border-right: 1px solid #d6d6d6; width:35%; height:260px !important; float:none !important; text-align: center; color:#797979; font-size:2rem !important; font-weight: bold;}
.dropdown_block>.fas {color:rgb(110, 110, 110); margin-top:55px;}
.dropdown_block>.far {color:rgb(110, 110, 110); margin-top:55px;}

.dropdown {width: 65%; float: none !important; padding: 1rem !important;}
.dropdown>li>a {font-size:1rem !important; line-height: 2rem !important;}
.dropdown>li>a:hover {color:#2d86ea; font-weight:bold;}

/* ¹ÝÀÀÇü »çÀ̵å¹Ù ¹× Çܹö°Å¸Þ´º*/

.m-hamburger {display: flex; flex-direction: column; align-items: center; position: absolute; right: 16px; top: 18px; width: 44px; height: 44px; align-items: center; justify-content: center; background: transparent; border: 0; cursor: pointer; z-index: 1002;}
.m-hamburger span {display: block; width: 100%; height: 2px; background: #fff; margin: 4px 0;}

.m-overlay {position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1000;}

.m-sidebar {display: block; position: fixed; top: 0; right: -100%; width: 100%; max-width: 100vw; height: 100vh; background: #333; z-index: 1005; transition: right .25s ease; overflow-y: auto;}

.m-sidebar__head {display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid rgba(255,255,255,.12);}

.m-sidebar__logo img { height: 28px; }

.m-sidebar__close {background: transparent; border: 0; color: #fff; font-size: 22px; cursor: pointer;}

.m-nav { list-style: none; margin: 0;}
.m-nav__item { border-bottom: 1px solid rgba(255,255,255,.08); }
.m-nav__btn {width: 100%; text-align: left; padding: 14px 16px; background: transparent; border: 0; color: #fff; font-size: 16px; cursor: pointer;}
.m-nav__sub {display: none; list-style: none; margin: 0; background-color: #555;}
.m-nav__sub a {display: block; padding: 0.8rem 0.5rem; color: #fff; text-decoration: none; font-size: 14px;}

/* ¿­·ÈÀ» ¶§ »óÅ */
body.sidebar-open .m-overlay { display: block; }
body.sidebar-open .m-sidebar { right: 0; }

/* ¼­ºê ¿­¸² */
.m-nav__item.is-open .m-nav__btn {background: rgba(255,255,255,.08);}

.m-hamburger, .m-overlay, .m-sidebar { display: none; }

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1023px) and (max-width: 1400px) { 
    .m-hamburger, .m-sidebar {display: block;}
    #nav { display: none; }
    #topWrap{width: 95% !important;}
    #header{height: 70px !important;}
    .m-hamburger{top: 13px;}
}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1023px){
    .m-hamburger, .m-sidebar {display: block;}
    #nav { display: none; }
    #topWrap{width: 95% !important;}
    .logo{width: 20% !important;}
    #header{height: 70px !important;}
    .m-hamburger{top: 13px;}
    
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px){
    .m-hamburger, .m-sidebar {display: block;}
    #nav { display: none; }
    #topWrap{width: 95% !important;}
    .logo{width: 30% !important;}
    #header{height: 60px !important;}
    .m-hamburger{top: 9px;}
}