@charset "utf-8";

/* 헤더 */
.main_top {position:fixed; top:0; z-index:888; width:100%; min-width:var(--page-width); background:rgba(255,255,255,0.95); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); box-shadow:2px -2px 10px 0 rgba(20 18 16 / 7%);}

	/* top_menu */
.top_wrap {width:var(--page-width); height:65px; margin:0 auto;}
.top_wrap .top_logo {float:left; width:175px; height:65px; padding:20px 0 0; margin-right:50px;}
.top_wrap .top_logo > img {cursor:pointer;}

	/* nav */
.top_menu {display:inline-block; width:898px; height:65px;}
.top_menu ul.menu > li {float:left; position:relative; height:65px; padding:5px 3px 0 3px; margin-right:16px; font-size:15px; line-height:64px; cursor:pointer;}
.top_menu ul.menu > li:after {content:''; width:0; height:8px; position:absolute; bottom:23px; left:100%; z-index:-1; background:var(--common-point); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.top_menu ul.menu > li:hover:after {width:100%; left:0; -webkit-transition:width 0.3s ease; transition:width 0.3s ease;}

/*대메뉴 노코드과정*/
.nocode{color:#fe1700; position:relative;}
.nocode .actionCon{color:#fe1700; position:absolute; top:5px; right:-6px; box-sizing:border-box; display:inline-block; margin-left:-18px; padding:2px 3px; width:34px; height:20px; background:url(/resources/images/common/bottom_info_icon.png) no-repeat;}
.actionCon .actionType5_1>div{
	width: auto;
    height: auto;
    color: #fff;
    background: transparent;
    display:inline;
    font-size: 9px;
    border-radius: 0;
    -webkit-border-radius: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    animation: lodingText ease-in-out 1.5s infinite;
    -webkit-animation: lodingText ease-in-out 1.5s infinite;
    -moz-animation: lodingText ease-in-out 1.5s infinite;
    position:absolute;
    top:-23px;
    left:6px;
}
.actionCon .actionType5_1>div:nth-child(2){left:13px;}
.actionCon .actionType5_1>div:last-child{left:19px;}

@keyframes lodingText{
	0%{opacity: 1;}
	60%, 100%{opacity:0;}
}

.actionCon .actionType5_1{padding-left:3px;}
.actionCon .actionType5_1 .loding1{animation-delay: -.5s; -webkit-animation-delay: -.5s;}
.actionCon .actionType5_1 .loding2{animation-delay: -.3s; -webkit-animation-delay: -.3s;}
.actionCon .actionType5_1 .loding3{animation-delay: -.1s; -webkit-animation-delay: -.1s;}

	/* 하위메뉴 있을 경우 */
.top_menu ul.menu li.show_sub {padding-right:25px; background:url(/resources/images/common/menu_down.png) no-repeat;}
.top_menu ul.menu li.show_sub > a {display:inline-block;}
.top_menu ul.menu li.show_sub:hover {padding-right:25px; background:url(/resources/images/common/menu_up.png) no-repeat;}
.top_menu ul.menu li.aboutA, .top_menu ul.menu li.aboutA:hover {background-position:88px 29px;background-position:147px 29px;}
.top_menu ul.menu li.counsel, .top_menu ul.menu li.counsel:hover {background-position:68px 29px;}
.top_menu ul.menu li.show_sub:hover ul.submenu {display:block;}

.top_menu li.show_sub ul.submenu {display:none; position:absolute; top:78px; min-width:115px; border-radius:6px; padding:7px 23px; background:#fff; box-shadow:0 0 19px 2px rgba(20 18 16 / 7%); text-align:center; cursor:default;}
.top_menu li.show_sub ul.submenu::before {content:""; position:absolute; top:-15px; left:-webkit-calc(50% - 8px); left:-moz-calc(50% - 8px); left:calc(50% - 8px); border:8px solid; border-color:transparent transparent #fff;}
.top_menu li.show_sub ul.submenu::after {content:""; position:absolute; top:-15px; left:0; width:100%; height:20px; background:transparent;}
.aboutA ul.submenu {margin-left:-12px;}
.counsel ul.submenu {margin-left:-21px; }
.top_menu li.show_sub ul.submenu li {margin:10px 0; font-size:14px; line-height:28px; cursor:pointer;}
.top_menu li.show_sub ul.submenu li:hover::before {content:""; display:inline-block; position:absolute; margin-top:-1px; left:-webkit-calc(50% - 2px); left:-moz-calc(50% - 2px); left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:var(--common-point);}
	
	/* 우측 상단 전화번호 - 훈련생용 도메인은 없음 */
.top_wrap .top_call {float:right; color: #000; font-family:'Exo2.0-SemiBold'; font-size:26px; line-height:62px; cursor: pointer;}
.top_wrap .top_call img {width:21px; margin:0 3px -1px 0;}

	/* 로그인, 학생설문조사, 로그아웃, 마이페이지 */
.top_wrap .top_login {float:right; color:#222; font-family:"coreGothic4"; font-size:14px;}
.top_wrap .top_login ul li {float:left; line-height:64px;}
.top_wrap .top_login ul li:first-child {margin-right:15px;}
.top_wrap .top_login ul li a:hover {color:var(--common-point-font);}
.top_wrap .top_login ul li:first-child a.login {padding-left:15px; background:url(/resources/images/common/login.png) no-repeat; background-position:left center;}
.top_wrap .top_login ul li:first-child a.login:hover {background:url(/resources/images/common/login_on.png) no-repeat; background-position:left center;}