@charset "utf-8";

/* Black Theme */
body { background:#0f1012; color:#e8e8e8; }
body a { color:#e8e8e8;}


/* 로고 */
#container ul.hd_wrap li.hd_menu a.logo_box { display:inline-block; width:100px; height:20px; margin-right:20px;
	background:url('/img/logo/witive_wt.svg');
	background-size:100% auto; background-repeat:no-repeat;
	background-position:top left;
}
	
	
#container ul.hd_wrap li.hd_menu { background:rgba(51, 51, 51, 0.7);}
#container ul.hd_wrap li.hd_menu .menu_box a { color:#fff;}
#container ul.hd_wrap li.hd_menu .menu_box a:hover { background:#151515; color:#fff;}

.menu_member {border-left:1px solid #444; padding:0 0 0 20px; margin-left:15px;}
.menu_member a.login { display:inline-block; padding:7px 7px 7px 7px; border-radius:7px; transition:all 0.2s;}
.menu_member a.login:hover { background:#151515; color:#fff;}

/* Header : Menu : Service - External Link */
#container ul.hd_wrap li.hd_menu a.external { display:inline-block; padding:7px 24px 7px 7px;  border-radius:7px; transition:all 0.2s;
	background:url('/img/menu/external-link_wt.svg');
	background-size:12px; background-repeat:no-repeat;
	background-position:right 7px center;
}
#container ul.hd_wrap li.hd_menu a.external:hover {
	background:url('/img/menu/external-link_wt.svg') #151515;
	background-size:12px; background-repeat:no-repeat;
	background-position:right 7px center;
}

/* Header : Menu : Language */
#container ul.hd_wrap li.hd_menu span.laguage_box a.language { display:inline-block; padding:7px 24px 7px 7px;  border-radius:7px; margin-left:5px;
	background:url('/img/menu/global_wt.svg');
	background-size:12px; background-repeat:no-repeat;
	background-position:right 7px center;
}
#container ul.hd_wrap li.hd_menu span.laguage_box a.language:hover {
	background:url('/img/menu/global_wt.svg') #151515;
	background-size:12px; background-repeat:no-repeat;
	background-position:right 7px center;
}

/* Career */
#container ul.hd_wrap span.hd_career_box {background:rgba(51, 51, 51, 0.7);}
#container ul.hd_wrap span.hd_career_box:hover {background-color: rgba(51, 51, 51, 0.5);}
#container ul.hd_wrap span.hd_career_box button.btn_career {display:inline-block; width:100%; height:100%; padding:0 20px 0 40px; color:#fff;
	background:url('/img/menu/recruit_wt.svg');
	background-position:left 15px top 17px; background-size:20px; background-repeat:no-repeat; border:0px;
}


@media (max-width: 767px) {




/* 모바일 메뉴 */
.mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 25px; z-index: 1000; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(0, 0, 0, 0.75); }
.mobile-logo { display:inline-block; width:100px; height:20px; margin-right:20px;
	background:url('/img/logo/witive_wt.svg');
	background-size:100% auto; background-repeat:no-repeat;
	background-position:top left;
}
			
/* 햄버거 버튼 */
.mobile-menu-btn { width: 25px; height: 35px; background: none; border: none; cursor: pointer; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 0; }
.mobile-menu-btn span { display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.35); transition: all 0.3s ease; }

/* 전체 화면 메뉴 */
.mobile-menu-overlay { display: inline; position: fixed; top: 55px; left: 0; right: 0; bottom: 0; z-index: 999; overflow-y: auto; transform: translateX(100%); transition: transform 0.3s ease; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-color: rgba(0, 0, 0, 0.75); }

/* 메인 메뉴 */
.mobile-main-menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mobile-main-menu > li > a, .mobile-main-menu > li > button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 0; font-size: 1.1rem; font-weight: bold; color: #000; text-decoration: none; background: none; border: none; text-align: left; cursor: pointer; color:#a6a6a6;}

/* 서브 메뉴 */
.mobile-submenu { list-style: none; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; margin: 0 -25px; padding: 0 25px 0px 35px; }
.mobile-submenu.active { max-height: 1000px; padding: 0px 25px 15px 35px; }
.mobile-submenu-section { margin-bottom: 20px; }
.mobile-submenu-section:last-child { margin-bottom: 0; }
.mobile-submenu-title { font-size: 13px; font-weight: 700; color: #666; margin-bottom: 10px; text-transform: uppercase; }
.mobile-submenu li { margin-bottom: 8px; }
.mobile-submenu a { display: block; padding: 0px 0; font-size: 0.9rem; border-left: 1px solid #333; padding-left: 20px; color: #000; text-decoration: none; color:#a6a6a6;}
.mobile-submenu a small { display: block; font-size: 0.7rem; color: #999; margin-top: 2px; }


/* Mobile section : Dot Motion */
.tw_dot span.dot {background:#fff !important;}

}