
/*header*/
#header02 {width:100%; z-index:10; background:#595466}
#header02 #header_top {position: relative; margin: 0 auto; width:100%;height: 120px;}
#header_top #left_top {float:left; margin-top:36px; width:286px; margin-bottom: 10px;}
#left_top li {float:left;}


/*logo*/
/*#logo h1 a {display:block; width:100%; height:76px; background:url(../images/logo.png) no-repeat center center; text-indent:-3000px}*/

#header_top #right_top {width:1300px; margin:0 auto; text-align:right; margin-top:15px;}

.mem_cont{width:1200px; text-align:right; margin:0 auto;}
.top_member li{display:inline-block;}
.top_member li:nth-child(2) {padding-right: 0;}
.top_member .mem_cont ul li a{color: #fff; font-weight: 300; font-size: 14px}





/*Content CSS*/
#header_wrap { width:100%; z-index:111111111; height:80px; background-color:#8e76d1; left:0; position: absolute;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; }
#header  {height: 100%; width: 100%; }
#header_top #logo {position:absolute; left:50%; top:30px; width:262px; height:80px; margin-left:-170px;}

#header #logo a { display:block; width:262px; height:80px; transition: all .3s ease; background: url('/new2023/images/logo.png') no-repeat; }
#header {left:0;top:0px; max-width: 100%; width:100%; z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; margin:0 auto; position: relative;}
#header .header-inner {max-width:1300px; height:100%; margin:0 auto; display: flex; justify-content: space-between; position: relative; z-index: 10;
align-items: center; }

#top_nav {height: 100%; display: flex; align-items: center; z-index:1111;  }
#top_nav .gnb { list-style:none; display: flex; justify-content: flex-end; padding:0 0 0 0;  height: 100%; font-family: 'S-CoreDream', sans-serif;}
#top_nav .gnb > li { display:block; width:auto;  text-align:center; margin:0 45px;  position: relative; height: 100%; font-family: 'S-CoreDream', sans-serif; }
#top_nav .gnb > li:first-child {margin-left:0;}
#top_nav .gnb > li:last-child {margin-right:0;}
#top_nav .gnb > li {-webkit-transition: all .4s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; height:100%;}
#top_nav .gnb > li > a {font-size:18px; font-weight: 600; color:#fff; height: 100%; display: flex; align-items: center;
transition: color .3s ease; }
#top_nav .gnb > li > a::after {position: absolute; bottom: -1px; left:50%; transform:translateX(-50%); content: ""; width: 0px; height: 2px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; -o-transition: all 0.4s; -ms-transition: all 0.3s; transition: all 0.3s; background:#4b2ba0;}
#top_nav .gnb > li > a:hover::after, #top_nav .gnb > li.active > a::after  {width:80px; margin-left:0; }
#top_nav .gnb > li > a.active::after {width: 80px; background-color: #4b2ba0;}
#top_nav .gnb > li > a:hover {color:#f6d8a4;}
#top_nav .gnb > li.active > a {color:#f6d8a4; }

/*child_menu*/
#top_nav .gnb .snb {list-style:none; height:90px;  position: absolute; left:0; top:80px;}
#top_nav .gnb .snb,.device-md #top_nav .gnb .snb{display: none; border-top: 0; z-index:2;    text-align: center; flex-wrap:nowrap; }
#top_nav .gnb .snb li a { color:#333; display:block; transition: all .3s ease; text-align: left; font-weight: 400; padding-right:45px;
white-space: nowrap; font-size:16px; height: 70px; display: flex; align-items: center;}
#top_nav .gnb .snb li a:hover {color:#9061ff;  text-decoration:none;}
#top_nav .gnb .snb li a.active {color:#9061ff;  text-decoration:none; }

.snb_bg {width:100%; height: 70px; background: #fff; position: absolute; left:0; top:80px; z-index: -1; display: none; border-bottom:1px solid #eee;}

