@charset "utf-8";

/* 헤더_top */
.main_top {top:0; position:absolute; position:fixed; z-index:888; width:100%; /*min-width:1920px;*/ min-width:1280px;}
.topbar_re_wrap {float:left; position:relative; width:100%; height:37px; background:#ea2127;}
.topbar_re_wrap .topbar{width:1280px; height:37px; margin:0 auto; position:relative;}
.topbar_re_wrap .topbar .topbar_right{float:right;}
.topbar_re_wrap .topbar .topbar_right ul li{float: left; color: #fff;line-height: 34px;}
.topbar_re_wrap .topbar .topbar_right ul li a{ font-family: "dotum";}
.topbar_re_wrap .topbar .topbar_right ul li:first-child{margin-right:15px;}
.topbar_re_wrap .topbar .topbar_right ul li:last-child{margin-left:15px;}
.topbar_re_wrap .topbar .topbar_right ul li.vertical_line{font-size:unset; margin-top:3px; font-family: "dotum";}

.topbar_re_wrap .topbar .topmain_left{float: left; width:245px; height:37px; line-height:37px; box-sizing:border-box; position: absolute; margin-left:5px;}
.topbar_re_wrap .topbar .topmain_left>p{font-size:13px;font-family: "dotum"; color:#fff;}
.topbar_re_wrap .topbar .topmain_left>p>span{font-size:13px; color:#fff600; font-family: "dotum";}

/* top_menu */
.topmenu_wrap {float:left; top:35px; width:100%; height:70px; border-bottom:1px solid #ececec; background:#fff;}
.topmenu_wrap .topmenu {display:flex; position:relative; width:1280px; height:70px; margin:0 auto; background:#fff;}
.topmenu_wrap .topmenu .toplogo {float:left; box-sizing:border-box; width:188px; height:70px; padding:16px 55px 16px 3px;}
.topmenu_wrap .topmenu .toplogo>img {cursor:pointer;}
.topmenu_wrap .topmenu > ul > li {float:left; height:70px; line-height:70px; cursor:pointer;}
.topmenu_wrap .topmenu>ul>li>a {color:#333; font-weight:500; font-size:15px; letter-spacing:-0.05em; cursor:pointer;}
.topmenu_wrap .topmenu>ul>li>a:hover {color:#ea2127;}
.topmenu_wrap .topmenu ul {overflow:hidden; box-sizing:border-box;}
.topmenu_wrap .topmenu ul li span {color:#bfbfbf; font-family:"dotum";}
.topmenu_wrap .topmenu .topright_number {line-height:68px; height:70px; float:right; position:absolute; right:0;}
.topmenu_wrap .topmenu .topright_number p {font-size:15px; float:right; white-space:nowrap;}
.topmenu_wrap .topmenu .topright_number img {margin-bottom:-5px;}
.topmenu_wrap .topmenu .topright_number span.tel {font-size:17px; color:#ea2127; margin-left:3px; /* font-family:'Exo2.0-SemiBold', sans-serif; */ font-weight:700;}
.topmenu_wrap .topmenu>ul>li:nth-child(even) {width:33px; text-align:center;}

.topmenu_wrap .main_hover ul li{cursor:pointer;}
.topmenu_wrap .topmenu>ul>li>a:hover{color:#ea2127;}

	/* 하위메뉴 있을 경우 */
.topmenu ul.menu li.show_sub {padding-right:17px; background:url(/resources/images/landing/header/menu_down.png) no-repeat;}
.topmenu ul.menu li.show_sub > a {display:inline-block;}
.topmenu ul.menu li.show_sub:hover {padding-right:17px; background:url(/resources/images/landing/header/menu_up.png) no-repeat;}
.topmenu ul.menu li.curr, .topmenu ul.menu li.curr:hover {background-position:60px 33px;}
.topmenu ul.menu li.support, .topmenu ul.menu li.support:hover {background-position:60px 33px;}
.topmenu ul.menu li.show_sub:hover ul.submenu {display:block;}

.topmenu li.show_sub ul.submenu {display:none; overflow:visible; position:absolute; top:82px; border-radius:6px; padding:7px 23px; background:#fff; font-weight: 500; box-shadow:0 0 19px 2px rgba(20 18 16 / 7%); text-align:center; cursor:default;}
.topmenu 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;}
.topmenu li.show_sub ul.submenu::after {content:""; position:absolute; top:-15px; left:0; width:100%; height:20px; background:transparent;}
.curr ul.submenu {width: 135px; margin-left: -33px;}
.support ul.submenu {width: 120px; margin-left: -25px;}
.topmenu li.show_sub ul.submenu li {margin:10px 0; color:#444; font-size:14px; line-height:28px; cursor:pointer;}
.topmenu 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(--point-red);}

/*대메뉴 노코드과정*/
.nocode{position:relative;}
.nocode a{color:#fe1700 !important;}
.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:-26px;
    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;}