@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
#news_category .tab div{display: flex;}
#news_category .tab__item a{font-size: 16px ; color:#7A7A7A;padding-right:10px; margin-right: 10px; position: relative;}
#news_category .tab__item a::after {content: "";position:absolute;right:0;top:50%;height:14px;width:1px;border-right:1px solid #7a7a7a;transform: translate(0%, -50%);}
#news_category .tab__item:last-child a::after{display: none;}
#news_category .tab__item:last-child a{padding-right:0; margin-right: 0; border-right: 0;}

#hd{width:100vw;transition: all 0.3s ease;position: fixed;left: 0;top: 0;background:#fff;border-bottom: 1px solid #e8e8e8;z-index: 2000;}
#hd_wrapper {position:relative;margin:0 auto;width: calc(100vw - 160px);zoom:1; max-width:1200px}
#hd_wrapper .gnb-container{height:100px;}
#mob-gnb,#menu-btn{display: none;}
.logo{z-index: 100;width:178px;height:30px;transition: all .3s;}
#logo > a {position: relative;width: 100%;height: 100%;display: block;}
#logo > a > img {position: absolute;top: 0;left: 0;}
.hd_login{position:absolute;top:50%;right:0;transform:translateY(-50%);text-transform: uppercase;font-size: 14px;transition: all .3s;margin-left: 10px;z-index: 99;display: flex;    align-items: center;}
.hd_login li {float:left;font-size: 16px;height:20px;line-height:20px;}
.hd_login li.login_fi {display: flex;margin-left:20px}
.hd_login li.login_fi a{font-size: 16px ; color:#7A7A7A;padding-right:10px; margin-right: 10px; position: relative;}
.hd_login li.login_fi a::after {content: "";position:absolute;right:0;top:50%;height:16px;width:1px;border-right:1px solid #7A7A7A;transform: translate(0%, -50%);}
.hd_login li.login_fi > a{color: var(--main-color);}
.li_border a {margin-right:0px !important}
.li_border a::after{display: none;}
.login_fi_search {display:inline-block}

.hd_login a{color: #222;}
#gnb{position:relative;display:flex;align-items:center;place-content:center;height: 100%;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);}
#gnb .gnb_wrap > ul{display: flex;}
.gnb_1da{padding: 0;}
#gnb .gnb_1dli{padding: 22.5px 15px;/*flex: 1;*/text-align: center; min-width: 80px;}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:0;transition: all .3s;}
.gnb_1dli.active .gnb_1da{color:var(--main-color);}
#gnb .gnb_1dli:hover > a {color:var(--main-color);}


/*네비게이션메뉴*/
#gnb .gnb_wrap {margin:0 auto;position:relative;width: 100%; display: flex; padding-left:220px}
#gnb_all {opacity: 0; visibility:hidden; position:absolute;top:61px;left:1px;width:100%;z-index:1000;transition:all .3s; padding-left: 220px;display: flex;}
#gnb_all:before {content: "";display: block;width: 100vw;height: 0;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);box-shadow: 0 15px 10px rgba(34, 34, 34, .02); opacity: 0; visibility:hidden;}
#gnb_all .gnb_al_ul {display: flex;}
#gnb_all .gnb_al_li {position:relative;min-height:150px;padding:10px 0px;text-align: center;font-size: 14px;}
#gnb_all .gnb_al_li:nth-child(1), #gnb_all .gnb_al_li:nth-child(2), #gnb_all .gnb_al_li:nth-child(4), #gnb_all .gnb_al_li:nth-child(3), #gnb_all .gnb_al_li:nth-child(6)
{width:90px}
#gnb_all .gnb_al_li:nth-child(5){width:113.4px}
#gnb_all .gnb_al_li:not(:first-child):before{content: "";position: absolute;left:0;top:0;width:1px;height:0;background:#ddd;transition: all 0.5s;}
#gnb_all .gnb_al_li li {padding:6.5px 0; word-break: keep-all;}
#gnb_all .gnb_al_li li a {color:#888;transition: all .3s;}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;left:0;top:0;}


/* 헤드 검색*/
.hd_login .bo_sch_wrap{float:left}
.hd_login .search-container button {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
.hd_login .search-container .gw-rel{width:200px; height:33px}
.hd_login .search-container .gw-rel input[type="text"]{font-size: 14px; background:#F5F5F7; color:#000; font-weight:400; border-radius: 4px; border: unset; padding:7px 12px; height:33px}
.hd_login .search-container .gw-rel input[type="text"]::placeholder{color:#ccc}
/*스크롤 했을 때 헤더 움직임*/
/*#hd.scrolled {width: calc(100vw - 160px);left: 50%;margin-left:calc(-1 * (100vw - 160px) * 0.5);;border-bottom: 0;top: 20px;}
#hd.scrolled .logo{left: 50px;}
#hd.scrolled .hd_login{right: 50px;}
#hd.scrolled #gnb{border:1px solid #eaeaea;}
#hd.scrolled #gnb_all:before{width: calc(100vw - 160px);border: 1px solid #eaeaea;border-top: none;}*/

/*헤더 마우스 호버시 움직임*/
#gnb_all.show{opacity: 1;visibility:visible;}
#gnb_all.show:before{opacity: 1;visibility:visible;height: 100%;}

/*마우스호버시 움직임*/
#gnb_all .gnb_al_li li a:hover{color: var(--main-color);font-weight: 700;}

/*다크모드*/
body.dark-mode #hd{background: #111;border-bottom:1px solid #222;}
body.dark-mode #gnb{background: #111;}
body.dark-mode #gnb_all:before{background: #111;}
body.dark-mode #hd.scrolled #gnb_all:before{border:1px solid #222;}
body.dark-mode #hd.scrolled #gnb{border:1px solid #222;}
body.dark-mode .gnb_1da{color:rgba(255, 255, 255, 0.6);}
body.dark-mode  #gnb .gnb_1dli:hover > a {color:rgba(255, 255, 255, 1);}
body.dark-mode .gnb_1dli.active .gnb_1da{color:rgba(255, 255, 255, 1);}
body.dark-mode #gnb_all .gnb_al_li li a:hover{color:#fff;}
body.dark-mode .hd_login li:first-child > a{color:#fff;}
body.dark-mode .hd_login li:last-child a{color:rgba(255, 255, 255, 0.6);}
img.top_menu2{display: none;}
@media screen and (max-width:1280px) {
	img.top_menu{    max-height: 18px!important;}
	img.top_menu2{display: block; margin: 0 auto;}
	.login_fi_join {display:none}
	.hd_login li.login_fi a {padding-right:0}
	.hd_login li.login_fi a::after {display:none}
}