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

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

******************************************************************/
/*페이지 로딩*/
#loading-screen {position: fixed;width: 100%;height: 100%;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index:99999;}
.spinner {border: 2px solid rgba(0, 0, 0, .1);border-top-color: var(--main-color);border-radius: 50%;width: 50px;height: 50px;animation: spin 0.5s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*배경움직임*/
@keyframes bgmove01 {
    0% {transform:translateX(-101%);}
    50% {transform:translateX(0);}
    100% {transform:translateX(101%);}
}

@keyframes bgmove02 {
    0% {opacity:0;}
    50% {opacity:0;}
    51% {opacity:1;}
    100% {opacity:1;}
}

#hd{width:100vw;transition: all 0.3s ease;position: fixed;left: 0;top: 0;background:#fff;border-bottom: 1px solid #e8e8e8;z-index: 9999;}
#hd_wrapper {position:relative;zoom:1}
#hd_wrapper .gnb-container{display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 80px;}
#hd_wrapper .gnb-top {padding:0 20px;display: flex;place-content: center;justify-content:space-between;position: relative;width: 100%;height: 80px;align-items: center;}
.logo{z-index: 100;width:300px;height:40px;transition: all .3s;}
#logo{width: 170px;position:absolute;left:50%;transform:translateX(-50%);}
#logo > a {position: relative;width: 100%;height: 100%;display: block;}
#logo img {width: 100%;}
.hd-contact{text-transform: uppercase;font-size: 14px;transition: all .3s;}
.hd-contact li {float:left;margin:0 5px;line-height:13px}
.hd-contact li> a {display: block;padding: 10px;color: #fff;background: var(--main-color);border-radius: 10px;}
.hd-contact a{color: #222;}
#hd_wrapper .hd-contact .gw-text02 {margin-top: 5px;font-size: var(--main-text01);text-align: center;}

/*1차메뉴*/
#hd_wrapper .gnb-bottom {height: 80px;}
#gnb{display:flex;align-items:center;place-content:center;height: 100%;font-size: 16px;}
#gnb_1dul {display: flex;height: 100%;}
#gnb .gnb_1dli {display: flex;align-items: center;place-content: center;flex: 1;text-align: center;}
#gnb .gnb_1da{padding:0;position:relative;min-width: 150px;height: 100%;line-height:80px;}
#gnb .gnb_1da:after{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%);width:0;height:3px; background:var(--main-color); transition: all 0.3s;}
#gnb .gnb_1da:hover:after{width: 100%;}

/*서브*/
#gnb .sub-menu-container{position: absolute;top:80px;left:0;width:100vw;border-top:1px solid #f2f2f2f2;border-bottom: 1px solid #f2f2f2f2;background: #fff;opacity:0;visibility: hidden;transition: all .3s;}
#gnb .sub-menu-contents{display: flex;justify-content: center;max-width: 1280px;margin: 0 auto;padding-right:40px;}
#gnb .sub-menu-inner{position:relative; display:flex; flex-direction: column; align-items:flex-start;gap:30px;width:1200px; padding:50px 0;}
#gnb .category-title{font-family: "NotoKr_B", sans-serif;}
#gnb .category-container {align-items: flex-start;}

/*2차메뉴*/
#gnb .gnb_2dul{display: flex;flex-wrap:wrap;align-items:flex-start;}
#gnb .gnb_2dul > li {flex: 1;text-align: left;}
#gnb .gnb-depth02{font-family: "NotoKr_B", sans-serif;}

/*3차메뉴*/
#gnb .gnb_3dul {margin-top: 20px;}
#gnb .gnb_3dul > li:not(:last-child) {margin-bottom: 10px;}

/*배너*/
#gnb .gnb-nav-banner {padding-left: 50px;text-align: left;border-left: 1px solid #f1f1f1;}
#gnb .gnb-nav-banner .gnb-img {border-left: 1px solid #f1f1f1;}
#gnb .gnb-nav-banner .gnb-img > img {width: auto;}

/*기업정보*/
#gnb .gnb_1dli:nth-of-type(3) .gnb_3dul {display: flex;flex-wrap: wrap;}
#gnb .gnb_1dli:nth-of-type(3) .gnb_3dul > li {width: 50%;}

/*활성화*/
#gnb .gnb_1dli.active .sub-menu-container{opacity: 1;visibility: visible;}

/*모바일*/
#menu-btn{display: none;}
#mob-gnb{display: none;}