@charset "utf-8";

.ace-responsive-menu {display:inline-block;margin:auto;}
.ace-responsive-menu li {display:block;position:relative;}
.ace-responsive-menu li ul {display:none;}
.ace-responsive-menu > li {float:left;}
.ace-responsive-menu li a {display:block;}
.ace-responsive-menu > li > a {display:block;padding:0 50px;font-size:1.5em;color:#666;line-height:90px;}
.ace-responsive-menu li.menu-active > a {font-weight:500;color:#27367a;}
.ace-responsive-menu li .menu-active {position:relative;}
.ace-responsive-menu > li > ul.sub-menu {display:none;position:absolute;margin:0;padding:0;clear:both;z-index:999;}
.ace-responsive-menu li ul.sub-menu {width:100%;padding:10px 0;border-left:1px solid #4c4c4c;background:#333;}
.ace-responsive-menu li ul.sub-menu > li {}
.ace-responsive-menu li ul.sub-menu li+li {border-top:1px dashed rgba(255,255,255,.2);}
.ace-responsive-menu li ul.sub-menu li > a {display:block;padding:10px 5px;color:#ccc;line-height:1.2em;text-align:center;}
.ace-responsive-menu li ul.sub-menu li > a:hover {color:#fff;background:#000;}
.ace-responsive-menu li ul.sub-menu li.menu-active > a {color:#fff;background:#000;}
.ace-responsive-menu > li > ul.sub-menu > li {position:relative;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {display:none;position:absolute;left:100%;top:0;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {display:none;position:absolute;left:100%;top:0;}

#hd #hd_wrap.hd_s #gnb_1dul > li > a:hover, #hd #hd_wrap.hd_s #gnb_1dul > li:hover > a {font-weight:500;color:#269aec;}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {display:none;position:absolute;right:50px;top:0;width:50px;height:50px;}
.menu-toggle #menu-btn {display:inline-block;width:50px;height:50px;border:none;outline:none;text-align:center;background:#ed4335;cursor:pointer;}
.menu-toggle #menu-btn:before {content:"\f0c9";font-family:"FontAwesome";font-size:1.5em;color:#fff;line-height:50px;}
.hide-menu {display:none;}

#hd #hd_wrap.hd_m .menu-toggle #menu-btn {background:rgba(0,0,0,.5);}
#hd #hd_wrap.hd_m .menu-toggle #menu-btn:before {color:#fff;}

/* Responsive Menu Styles
----------------------------------------*/

@media screen and (max-width:1340px) {
	.ace-responsive-menu > li > a {padding:0 25px;font-size:1.25em;}
}
@media screen and (max-width:1024px) {
	#hd_wrap .container {padding:0;}
	#hd #hd_wrap.hd_s #gnb_1dul > li > a:hover, #hd #hd_wrap.hd_s #gnb_1dul > li:hover > a {color:#cf0;}
	#hd #hd_wrap #gnb {position:absolute;top:50px;width:100% !important;height:auto;margin:0;padding:0;z-index:999 !important;background:#333;}
	.ace-responsive-menu {width:100%;}
	.ace-responsive-menu > li {float:none;width:100%;border:none;}
	.ace-responsive-menu > li:nth-child(n) {border:1px solid transparent;border-top:1px solid #444;}
	.ace-responsive-menu li a {width:100%;line-height:50px;transition:all .2s;}
	.ace-responsive-menu li a:hover {background:#000 !important;}
	.ace-responsive-menu > li > a {padding-left:1rem;font-size:1em;color:#fff;text-align:left;}
	.ace-responsive-menu > li > a:after {display:inline-block;position:absolute;right:10px;top:0;content:"\f107";font-family:"FontAwesome";color:#fff;}
	.ace-responsive-menu li.menu-active > a {color:#fc0;background:#000;}
	.ace-responsive-menu li.menu-active > a:after {transform:rotate(180deg);}
	.ace-responsive-menu li ul.sub-menu {padding:0;border-left:none;border-top:1px solid #808080;background:#1c1c1c;}
	.ace-responsive-menu li ul.sub-menu > li {width:100%;}
	.ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {padding-left:1.5rem;text-align:left;}  
	.ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {padding-left:50px;}  
	.ace-responsive-menu > li > ul.sub-menu {position:static;}
	.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {position:static;}
	.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {position:static;}
	.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu a:before {display:inline-block;margin-right:7px;content:"\f0da";font-family:"FontAwesome";color:#fff;}
	.ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {display:inline-block;width:10px;content:"\f107";font-family:"FontAwesome";font-weight:300;transform:rotate(90deg);}
}