header #top_header {background:#ee3e42; position: fixed; z-index: 9999; top: 0;    width: 100%;}
header #top_header .inner {display:block; margin:0 auto; width:100%; max-width:1400px}
header #top_header .inner ul {display:flex;     justify-content: flex-end;}
header #top_header .inner ul a {font-size:15px; color:#fff; padding:10px 5px; display:inline-block}
header #top_header .inner ul a:before {content:""; width:5px; height:5px; border-radius:50%; background:#fff;  display: inline-block;  vertical-align: middle; margin-right:10px}
header #top_header .inner ul li:first-child a:before {display:none}
header #top_header .inner ul li:first-child a {padding:10px 0px 10px 10px}


#header{width: 100%; height:80px; position: fixed; z-index: 9999; background: #fff; border-bottom:1px solid #dfdfdf; top:42.5px}
#header .inner{height: 100%; display: flex; justify-content: space-between; align-items: center;}
/* 상단 좌측 로고, 메뉴 */
#header .gnb{width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
#header .gnb .logo{margin-right: 30px; width: 224px;}
#header .gnb .logo img{max-width: 100%;}


/* 상단 메뉴 */
#header .gnb > ul.menu{display: flex; flex-wrap: wrap; height: 100%; align-items: center;}
#header .gnb > ul.menu > li{text-align: center; }
#header .gnb > ul.menu > li > a{display: inline-block; font-size: 17px; font-weight:700; color:#000; text-align: center; padding: 10px 30px;  position: relative; transition: .25s;}
#header .gnb > ul.menu > li > a.blank_link {border-radius:50px; border:1px solid #ee3e42; color:#ee3e42; font-size: 15px;}
#header .gnb > ul.menu > li > a.blank_link:hover {background:#ee3e42; color:#fff}
#header .gnb > ul.menu > li > a.blank_link:hover img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#header .gnb > ul.menu > li a {width:137.39px;}
#header .gnb > ul.menu > li:last-child a {width:auto;}


header .sc-container {display:none ;background: rgba(255, 255, 255, 1); width:100%; height:415px; z-index:3; position: fixed; border-top: 1px solid #ee3e42;   top: 120.4px;     transition: .25s;}
header .sc-container .inner {position: relative;   max-width: 1400px;   margin: 0px auto; width:100%; }
header .sc-all-menu {z-index: 9999;  position: absolute;  width: 100%;  }
header .sc-all-menu .sc-all-menu-ul {display:flex; justify-content: flex-end; margin-right:149.58px}
header .sc-all-menu .sc-all-menu-li { padding: 20px 10px;  min-height: 370px; text-align:center}
header .sc-all-menu .sc-all-menu-li a .sc-all-menu-sub{padding:10px 5px}



header .sc-all-menu .sc-all-menu-li:nth-child(1) {width:137.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(2) {width:137.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(3) {width:137.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(4) {width:137.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(5) {width:137.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(6) {width:137.39px}
header .sc-all-menu .sc-all-menu-li a {color:#5e5e5e; }
header .sc-all-menu .sc-all-menu-li a:hover div{color:#000; background:#e7e7e7}



@media screen and (max-width : 1400px) {
	header .sc-all-menu .sc-all-menu-ul { margin-right:189.58px}
}



@media screen and (max-width : 1280px) {
	#header .gnb > ul.menu > li > a.blank_link {padding:10px}
	#header .gnb > ul.menu > li a {width:130px;}
    #header .gnb > ul.menu > li > a{font-size: 13px;}
	
#header .gnb > ul.menu > li > a.blank_link { font-size: 13px;}	
header .sc-all-menu .sc-all-menu-ul { margin-right:153.58px;}	
header .sc-all-menu .sc-all-menu-li:nth-child(1) {width:144.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(2) {width:109.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(3) {width:153.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(4) {width:103.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(5) {width:159.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(6) {width:100.39px}	
}


@media screen and (max-width : 1200px) {
	#header .gnb > ul.menu > li a {width:100px;}
    #header{height: 78px;}
    #header .gnb .logo{margin-right: 15px;}
    #header .gnb > ul.menu > li > a{padding:5px 10px;}
    #header .gnb .logo{width: 200px;}
/*	header .sc-container {height:410px; top:70px;}*/
header .sc-all-menu .sc-all-menu-ul { margin-right:153.58px;}	
header .sc-all-menu .sc-all-menu-li:nth-child(1) {width:76.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(2) {width:109.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(3) {width:102.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(4) {width:88.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(5) {width:120.39px}
header .sc-all-menu .sc-all-menu-li:nth-child(6) {width:72.39px}	
}

@media screen and (max-width : 1000px) {
    #header .gnb > ul.menu{display: none;}
    #header{height: 60px;}
    #header .gnb .logo{width: 140px;}
    #header .icon_menu{display: none;}
    #header .gnb .logo{margin: 0 auto;}
	header .sc-container{display: none !important;}
	
}

@media screen and (max-width : 768px) {

}

/* 마우스오버 효과 */
#header .gnb > ul.menu > li:hover > a{color: #ee3e42;}
#header .gnb > ul.menu > li > a.blank_link:hover {color:#fff}
#header .gnb > ul.menu > li:hover > a::after{visibility: visible; opacity: 1;}

#header .gnb > ul.menu > li:hover > .sub_menu{height: auto; opacity: 1;}