/****************************************
프로 젝트 : 패스닷컴 모바일
작성자 : 해커스 웹개발팀 김남경
최초작성일 : 2013.03.08
최종수정일 :
*****************************************/

@import url("main.css");
@import url("board.css");
@import url("customer.css");
@import url("mypage.css");
@import url("etc.css");
@import url("event.css");
@import url("lecture.css");
@import url("pay.css");
@import url("book.css");
@import url("study.css");
@import url("info.css");

@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url('/jrjump_m/common/font/NotoSansKR-Regular.eot');src:url('/jrjump_m/common/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('/jrjump_m/common/font/NotoSansKR-Regular.woff2') format('woff2'),
url('/jrjump_m/common/font/NotoSansKR-Regular.woff') format('woff'),
url('/jrjump_m/common/font/NotoSansKR-Regular.otf') format('opentype');}

@font-face {font-family:'Noto Sans KR';font-style:bold;font-weight:700;src:url('/jrjump_m/common/font/NotoSansKR-Bold.eot');src:url('/jrjump_m/common/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('/jrjump_m/common/font/NotoSansKR-Bold.woff2') format('woff2'),
url('/jrjump_m/common/font/NotoSansKR-Bold.woff') format('woff'),
url('/jrjump_m/common/font/NotoSansKR-Bold.otf') format('opentype');}

* {margin:0;padding:0; letter-spacing:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
body,input,textarea,select,table,button{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
body{position:relative; -webkit-text-size-adjust:none; font-size:14px; }
body, html {height:100%;background:#fff;}
table {border-collapse: collapse;border-spacing:0;width:100%;}
img,fieldset{border:0;}
ul,ol, li{list-style:none;}
a{color:#4c4c4c; text-decoration:none;}
button {cursor:pointer}
strong{ font-weight:bold;}
em,address,var {font-style:normal;}
var {padding:0 2px 0 3px;}
legend, caption {display:none;}
.pd_9 {padding-left:9px; padding-right:9px;}
.mt_15 {margin-top:15px;}
.hidden {display:none;}
iframe {border:none}
input[type="text"], input[type="password"],input[type="tel"],input[type="email"],input[type="number"]{-webkit-appearance:none;border-radius:3px; height:25px; border:1px solid #bbb;  background:#fff;box-sizing:border-box;}
input[type="checkbox"] {-webkit-appearance:none;-webkit-border-radius:0; border:none;}
input[type="radio"] {-webkit-appearance:none;-webkit-border-radius:0; border:none;}
select{ padding:3px 0 0px 5px; -webkit-appearance:none;-webkit-border-radius:4px; font-size:14px; border:1px solid #b5b5b6; background:#fff url('//cdn.hackersut.com/m/img/common/select_bg.png') 99% 1px no-repeat;}
textarea{-webkit-appearance:none;-webkit-border-radius:3px; border:1px solid #bcbcbc;  background:#fff;}
button{-webkit-appearance:none;-webkit-border-radius:0; border:none}
button span {display:none;}
input[type="checkbox"]{width:18px; height:18px; background:url('https://cdn.hackersut.com/common/check_bg.png') no-repeat;}
input:checked[type="checkbox"]{width:18px; height:18px; background:url('https://cdn.hackersut.com/common/check_bg_on.png') no-repeat;}
input[type="radio"] {width:15px; height:15px; background:url('https://cdn.hackersut.com/common/radio_bg01.gif') no-repeat;}
input:checked[type="radio"] {width:15px; height:15px; background:url('https://cdn.hackersut.com/common/radio_bg02.gif') no-repeat;}

/* img max */
.full_img{max-width:100%;width:100%;}

a.btn_red, a.btn_grey, a.btn_dark, a.btn_darkGrey {display:block; width:100%; padding:5px 0 4px; text-align:center; font-size:14px; border-radius:4px;}
a.btn_red {color:#fff; border:1px solid #f36a50; box-shadow:1px 1px 2px #d8d8d8; background-image:-webkit-gradient(linear, left top, left bottom, from( #d72d48 ), to( #a81c2c ));}
a.btn_grey {color:#4c4c4c; border:1px solid #b9b9b9; box-shadow:1px 1px 2px #d8d8d8; background-image:-webkit-gradient(linear, left top, left bottom, from( #f4f4f4 ), to( #e4e4e4 ));}
a.btn_dark {color:#fff; border:1px solid #29313f; box-shadow:1px 1px 2px #d8d8d8; background-image:-webkit-gradient(linear, left top, left bottom, from( #4e5a6e ), to( #292f39 ));}
a.btn_del {display:block; width:100%; color:#8e8e8e; padding:5px 0 4px 22px; background:#fff; border:1px solid #b9b9b9; border-radius:4px; box-shadow:1px 1px 2px #d8d8d8; background:url('https://cdn.hackersut.com/m/img/bullet/del.png') 8px 6px no-repeat;}
a.btn_darkGrey {color:#fff; border:1px solid #3f3f3f; box-shadow:1px 1px 2px #d8d8d8; background-image:-webkit-gradient(linear, left top, left bottom, from( #6b6b6b ), to( #454545 ));}
a.btn_red:hover {color:#fff; background-image:-webkit-gradient(linear, left top, left bottom, from( #d72d48 ), to( #6c0712 ));}
a.btn_grey:hover {color:#000; background-image:-webkit-gradient(linear, left top, left bottom, from( #f4f4f4 ), to( #ccc ));}
a.btn_dark:hover {color:#fff; background-image:-webkit-gradient(linear, left top, left bottom, from( #4e5a6e ), to( #0a0e14 ));}
a.btn_del:hover {color:#000;}
a.btn_darkGrey:hover {color:#fff; background-image:-webkit-gradient(linear, left top, left bottom, from( #6b6b6b ), to( #3a3a3a ));}

.btn_top{position:relative;display:block;margin:0 15px;padding:19px 0 14px;font-size:14px;color:#919191;text-align:center;}
.btn_top:before{position:absolute;left:50%;top:10px;margin-left:-8px;width:16px;height:10px;background:url('https://cdn.hackersut.com/m/img/common/sp_common.png') no-repeat -81px -33px;background-size:140px auto;content:'';}
.btn_top:after{position:absolute;left:0;top:-1px;width:100%;height:1px;background:#e5e5e5;content:'';}

#mobile_wrap {position:relative; min-width:320px; overflow:hidden;}

/*header*/
#header{position:relative;width:100%;}
#header .header_box{padding:9px 0 11px;}
#header .header_box h1{display:inline-block;margin-left:50px;}
#header .header_box .link{position:absolute;top:18px;right:15px;}
#header .header_box .link a{display:inline-block;margin-left:8px;font-size:15px;color:#000;letter-spacing:-1px;vertical-align:middle;}
#header .header_box [class^="ico_"]{background:url('//cdn.hackersut.com/m/img/common/sp_common.png') no-repeat;background-size:115px;}
#header .header_box .ico_menu{position:absolute;top:20px;left:15px;width:20px;height:20px;}
#header .header_box .ico_join{width:24px;height:19px;background-position:-75px 0;}
#header .header_box .ico_mypage{width:20px;height:19px;background-position:-52px 0;}
#header .header_box .ico_cart{width:23px;height:19px;background-position:-25px 0;}
#header .gnb{padding:5px 0 15px;}
#header .gnb ul{display:table;width:100%;}
#header .gnb ul li{display:table-cell;text-align:center;}
#header .gnb ul li a{font-size:16px;font-weight:600;letter-spacing:-1px;color:#454545;}
#header .gnb .on a{color:#d50057;}

/*menu_wrap*/
.menu_wrap{position:fixed;left:-100%;top:0;width:100%;height:100%;background:#fff;z-index:1000;overflow:hidden;overflow-y:auto;}
.menu_wrap .user_area{margin:15px 15px 0;padding:5px 0 15px;border-bottom:1px solid #999999;}
.menu_wrap .user_area h2{display:inline-block;font-size:18px;color:#d50057;letter-spacing:-1px;}
.menu_wrap .user_area .link{position:absolute;top:22px;right:15px;}
.menu_wrap .user_area .link a{display:inline-block;margin-left:8px;font-size:15px;color:#000;letter-spacing:-1px;vertical-align:middle;}
.menu_wrap .user_area [class^="ico_"]{background:url('https://cdn.hackersut.com/m/img/common/sp_common.png') no-repeat;background-size:115px;}
.menu_wrap .user_area .ico_menu{position:absolute;top:20px;left:15px;width:20px;height:20px;}
.menu_wrap .user_area .ico_join{width:24px;height:19px;background-position:-75px 0;}
.menu_wrap .user_area .ico_mypage{width:20px;height:19px;background-position:-52px 0;}
.menu_wrap .user_area .ico_close{position:relative;width:20px;height:20px;background:none;}
.menu_wrap .user_area .ico_close:before{position:absolute;top:50%;left:50%;width:25px;height:1px;background:#a6a6a6;transform:translate(-50%,-50%) rotate(45deg);content:'';}
.menu_wrap .user_area .ico_close:after{position:absolute;top:50%;left:50%;width:25px;height:1px;background:#a6a6a6;transform:translate(-50%,-50%) rotate(-45deg);content:'';}
.menu_wrap .menu-list a{position:relative;display:block;margin:0 15px;font-size:15px;letter-spacing:-1px;}
.menu_wrap .menu-list ul li:last-child > a{border:0;}
.menu_wrap .menu-list > ul > li > a{padding:15px 0;font-size:16px;font-weight:600;border-bottom:1px solid #ccc;}
.menu_wrap .menu-list > ul > li > a:after{position:absolute;right:0;top:20px;width:18px;height:10px;background:url('https://cdn.hackersut.com/m/img/common/sp_common.png') no-repeat -92px -32px;background-size:135px;content:'';}
.menu_wrap .menu-list > ul > li > ul{background:#ebeff3;display:none;}
.menu_wrap .menu-list > ul > li > ul > li > a{margin-left:30px;padding:12px 0;color:#5e6061;border-bottom:1px solid #d3d7da;}
.menu_wrap .menu-list > ul > li > ul > li > a:before{position:absolute;left:-12px;top:18px;width:4px;height:4px;background:#bcbfc2;content:'';}
.menu_wrap .menu-list > ul > li > ul > li > ul > li a{padding:7px 0 7px 55px;color:#818386;}
.menu_wrap .menu-list > ul > li > ul > li > ul > li a:before{position:absolute;left:30px;top:9px;font-size:14px;font-weight:600;color:#818386;content:'└';}
.menu_wrap .menu-list > ul > li > ul > li > ul > li > ul{padding-left:20px;}
.menu_wrap .menu-list .on > a{border:0;}
.menu_wrap .menu-list .on > ul{display:block;}
.menu_wrap .menu-list > ul > li.on > a:after{background-position:-108px -32px;}
.menu_wrap .menu-list .ico_hot{top: 1px;position: relative;}
.menu_wrap .menu-list .ico_hot img{animation: hot_show 2s infinite ease}

@keyframes hot_show{
	0%,100%{opacity: 1;}
	50%{opacity: 0;}
}

.menu_wrap .menu-list .dep2{padding: 0 0 10px;}
.menu_wrap .menu-list .dep2::after{content:''; display:block; clear:both;}
.menu_wrap .menu-list .dep2>li{width:50%; float:left;}
.menu_wrap .menu-list > ul > li > ul.dep2 > li > a{border-bottom: 0;}

.menu_wrap .quick_ic_menu {padding:15px;}
.menu_wrap .quick_ic_menu ul::after{content:''; display:block; clear:both;}
.menu_wrap .quick_ic_menu ul li{width:calc((100% - 30px) / 4); float:left; background:#f9fafb; box-sizing:border-box; border:1px solid #dde2e7; border-radius:8px; padding:15px 5px; margin: 0 10px 10px 0; text-align:center; }
.menu_wrap .quick_ic_menu ul li a{display:table; margin:0 auto;}
.menu_wrap .quick_ic_menu ul li a span{display:table-cell; font-size:0.7rem; word-break: keep-all;vertical-align:middle; text-align:center; white-space: nowrap; letter-spacing: -1px;}
.menu_wrap .quick_ic_menu ul li span::before{content:''; width: 35px; height:35px; display:block;  margin:0 auto 10px;}
.menu_wrap .quick_ic_menu ul li:nth-child(1) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb01.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(2) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb02.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(3) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb03.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(4) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb04.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(5) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb09.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(6) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb06.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(7) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb07.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(8) span::before{background:url(//cdn.hackersut.com/m/img/layout/header/ic_lnb08.png) no-repeat center center / contain;}
.menu_wrap .quick_ic_menu ul li:nth-child(4n){margin-right:0;}

div.fullmenu {display:none; float:left; position:relative; width:100%; z-index:30}
div.fullmenu h2 {font-size:14px; margin:5px 0 10px;}
div.fullmenu div.inner {position:relative; padding:0 12px 0;}
div.fullmenu div.inner div {padding:8px 0; width:100%;}
div.fullmenu div.inner .btn_close {position:absolute; top:10px; right:10px;}
div.fullmenu li {display:inline-block; width:90px; margin:0 5px 12px 0; border-radius:2px; box-shadow: 0 0 1px 1px rgba(0,0,0,.35); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.1, #fff), color-stop(0.9, #ebebeb));}
div.fullmenu li a {display:block; width:90%; padding:7px 0 5px 5px; font-size:11px; background:url('/img/bullet/red_arrow.png') right no-repeat;}
div.fullmenu li:hover {box-shadow:0 0 1px 1px rgba(197,0,0,0.9); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.1, #fff), color-stop(0.9, #ebdede));}
div.fullmenu li a:hover {color:#c50000;}

div.location {position:relative; clear:both; height:24px; padding:8px 0 0 12px; letter-spacing:-1px; color:#fff; font-size:14px; background:url('https://cdn.hackersut.com/m/img/common/location_bg.png') repeat-x; }
/* 사파리핵 body:first-of-type div.location {padding-top:0} */
div.location a {color:#fff;}
div.location span.title {display:inline-block; width:100%; margin-left:-12px; text-overflow:ellipsis; overflow:hidden;  white-space:nowrap;}
div.location img {position:relative; top:-2px; padding:0 6px 0 0; vertical-align:middle;}
div.location a.menu {}
div.location a.menu img {position:absolute; left:8px; top:6px; border-radius:2px; border:1px solid #343434; padding:0; z-index:2}
div.location span.title {position:relative; top:-3px; display:block; width:100%; font-size:16px; letter-spacing:-1px; text-align:center;}

div.location.new_location{padding:0;height:32px;}
div.location.new_location .inner{padding:8px 0 0 12px;}


#container {float:left; width:100%; background:#fff;}

.banner_wrap {width:100%; height:68px; overflow:hidden; position:relative; float:left; text-align:center; margin:0; z-index:10 }
.banner_wrap .banner_list {width:320px; margin:0 auto; overflow:hidden; position: relative;}
.banner_wrap .images {position:absolute; display:none;  }
.banner_wrap .images img {margin:0 auto;}

#footer {clear:both; width:100%;}
#footer .foot_menu{position:relative;padding:20px 0;background:#1b1b1b;}
#footer .foot_menu:after{ position:absolute;top:15%;left:50%;width:1px;height:70%;background:#424346;content:'';}
#footer .foot_menu a{display:inline-block;width:49%;line-height:2;font-size:15px;color:#7c7c7c;text-align:center;}
#footer address{padding:25px 15px 35px;font-size:13px;color:rgba(255,255,255,0.3);background:#111;}
#footer address .gray_btn{color: #b9b9b9;background:#5f5f5f;font-size: 13px;display: inline-block;margin-right: 5px;padding:2px 5px}
#footer address strong{color: #7f7f7f;}

.ajax_loader {position:fixed; top:40%;width:100%; text-align:center;display:none;}
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
.movie_preview {position:absolute; top:60px; padding:0 25px; z-index:5; display:none; text-align:center; }
.movie_preview img { width:100%; }

div.select {clear:both; padding:9px;  }
div.select .ui-btn-inner {display:none;}
div.select select {float:left; width:100%;}

#touchSlider {margin:0 27px; height:32px; position:relative; overflow:hidden;  border-bottom:1px solid #a6a6a6; background:#d9d9d9}
#touchSlider ul { width:99999px; height:32px; position:absolute; top:0; left:0; overflow:hidden; z-index:3}
#touchSlider ul li { float:left; height:32px;  font-size:14px; color:#fff; }
#touchSlider ul li a {width:20%; text-align:center; display:inline-block; height:23px; padding:7px 0 0; font-size:14px; color:#666;}
#touchSlider ul li a.first {margin:0 0 0 5px}
#touchSlider ul li.last {}
#touchSlider ul li.last a {width:18%;}
#touchSlider ul li a.last {width:18%; border-right:none;}
#touchSlider ul li.last a.last {width:18%; border-right:none;}
#touchSlider  ul li a:hover,
#touchSlider  ul li a.on { color:#cd1c3b; font-weight:bold;}
.btn_flick {position:absolute; top:0px; width:100%; overflow:hidden; z-index:2}
.btn_flick button { display:block; width:27px;  height:34px; text-indent:-9999em}
.btn_flick .btn_prev {float:left; background:url('https://cdn.hackersut.com/m/img/button/gnb_prev.png') no-repeat;}
.btn_flick .btn_next {float:right; background:url('https://cdn.hackersut.com/m/img/button/gnb_next.png') no-repeat;}

/*
#touchSlider {margin:0 0; height:32px; position:relative; overflow:hidden;  border-bottom:1px solid #a6a6a6; background:#d9d9d9}
#touchSlider ul { width:99999px; height:32px; padding:0 27px; position:absolute; top:0; left:0; overflow:hidden; z-index:3}
#touchSlider ul li { float:left; height:32px; width:100%; font-size:14px; color:#fff; }
#touchSlider ul li a {width:auto; text-align:center; display:inline-block; height:23px; padding:7px 6px 0; font-size:14px; color:#666; }
#touchSlider ul li.first {padding:0 0 0 0}
#touchSlider ul li.last a {width:25%;}
#touchSlider ul li a.last {width:18%; border-right:none;}
#touchSlider ul li.last a.last {width:24%; border-right:none;}
#touchSlider  ul li a:hover,
#touchSlider  ul li a.on {background:#f8f8f8; color:#000; border-bottom:1px solid #cfcfcf;}
.btn_flick {position:absolute; top:0px; width:100%;height:34px; overflow:hidden; z-index:2}

.btn_flick .btn_prev {position:absolute; left:0; display:inline-block; width:27px;  height:34px;background:url(/img/button/gnb_prev.png) no-repeat;}
.btn_flick .btn_next {position:absolute; right:0;  display:inline-block; width:27px;  height:34px; background:url(/img/button/gnb_next.png) no-repeat;}
*/
/* 사이드 패널 */
.side_panel {}
.side_panel h2 {position:relative; width:100%; height:51px; padding:0 0 0 9px; font-size:16px; color:#fb1b61; border-bottom:3px solid #f91c61; background:#343c49; background:#1e2430; z-index:10}
.side_panel h2 span {display:inline-block; margin:4px 0 0;}
.side_panel h2 a {position:absolute; top:30px; right:20px; padding:0 8px 0 0; font-size:12px; color:#fff; background:url('https://cdn.hackersut.com/m/img/bullet/arrow03.png') right 4px no-repeat;}
.side_panel ul {padding:0 0 0; }
.side_panel li.first a {border-top:none}
.side_panel li.first li a {border-top:1px solid #484c53;}
.side_panel li a {padding:6px 0 6px 10px; border-top:1px solid #484c53; border-bottom:1px solid #21262e; color:#f1f1f1; display:block;}
.side_panel li a:hover {background:-webkit-gradient(linear, left top, left bottom, from( #343c49 ), to( #0a0e14 ));}
.side_panel li ul {display:none; margin:0; padding:0px 0 0px; border-bottom:1px solid #222; border-top:none}
.side_panel li ul {background:#1a202c}
.side_panel li ul li {}
.side_panel li ul li:nth-child(1) a {padding-top:8px; border-top:none;}
.side_panel li ul li a {font-size:12px; border-bottom:1px solid #000; border-top:1px solid #2d333f;}

/* 교수 팝업 */
.profile_pop {display:none; position:absolute; left:0px; margin:4px 0 0; width:100%; z-index:2;}
.profile_pop div {margin:0 9px; border:3px solid #b41e2f; background:#fff;}
.profile_pop h3 {padding:5px 0 7px 10px; background:#b41e2f; color:#fff; font-size:14px;}
.profile_pop h3 img {float:right; margin:2px 6px 0 0;}
.profile_pop h4 {margin:0 0 12px; padding:7px 0 6px 11px; border-bottom:1px solid #cfcfcf; background:url('https://cdn.hackersut.com/m/img/lecture/popup_bg.png') repeat-x;}
.profile_pop p {margin:0 10px 20px;}
.profile_pop ul {margin:0 10px 18px;}
.profile_pop li {font-size:12px; margin:0 0 4px; padding:0 0 0 3px;}
.profile_pop li.title {padding:0; font-weight:bold;}

/* 초간편 전화, 문자 상담신청 */
.call_link_box{width:100%;background:#242436;position:fixed;bottom:0;left:0;z-index:100;}
.call_link{max-width:640px;width:100%;margin:0 auto;}
.call_link ul{overflow:hidden;}
.call_link ul li{float:left;width:50%;padding:5px 0;}
.call_link a{display:block;width:37.5px;margin:0 auto;}
.call_link img{width:100%;max-width:100%}
/* background:url('../img/common/blit_sms.gif')no-repeat 0 50%;-o-background-size:3px 3px;-moz-background-size:3px 3px;-webkit-background-size:3px 3px;background-size:3px 3px; */
.dim_wrap {display:none;z-index:500;position:fixed;top:0;left:0;width:100%;height:100%;background:url('https://cdn.hackersut.com/m/img/common/bg_sms_layer.png') repeat 0 0;background-size:100% 100%;-webkit-background-size:100% 100%;}
.apply_layer_wrap {z-index:510;position:absolute;top:50%;left:50%;width:290px;height:auto;}
.apply_conWrap {position:relative;background:#242436;}
.apply_conWrap .apply_con {position:relative;background:#ffffff;margin:0px auto;}
.apply_conWrap .btn_close{color:#fff;width:35px; position:absolute;top:-28px;right:0px;z-index:600;}
.apply_conWrap .btn_close img{width:100%;}
/* 전화 */
.apply_layer_wrap.call {margin:-75px 0 0 -120px;}
.apply_conWrap.call {width:220px;height:162px;padding:10px;text-align:center;}
.apply_conWrap.call .apply_con.call {width:200px;height:158px;padding:2px 10px;}
.apply_conWrap.call .apply_con.call ul li{height:52px;line-height:52px;border-top:1px solid #dadadd;}
.apply_conWrap.call .apply_con.call ul li:first-child {border:0 none;}
.apply_conWrap.call .apply_con.call ul li a {display:block;width:180px;margin:0 auto;text-align:left;font-size:18px;font-weight:bold;background:url('https://cdn.hackersut.com/m/img/common/ico_phonecall.png')no-repeat right 12px;-webkit-background-size:30px 30px;background-size:30px 30px;-o-background-size:30px 30px;-moz-background-size:30px 30px;
}
/* 문자 */
.apply_layer_wrap.sms {margin:-175px 0 0 -145px;}
.apply_conWrap.sms{width:280px;height:280px;padding:5px;text-align:center;}
.apply_conWrap.sms h2{color:#ffffff;font-weight:normal;font-size:18px;padding:7px 0 14px 0;}
.apply_conWrap.sms .apply_con.sms{width:280px;height:234px;}
.apply_conWrap.sms .apply_con.sms span.tit_sms{display:block; padding-top:15px; color:#2c2c2c; font-size:14px; font-weight:bold;letter-spacing:-1px; }
.apply_conWrap.sms .apply_con.sms .txt_top{font-size:12px; padding-top:5px; letter-spacing:-1px;}
.sms_form{width:260px;margin:10px auto;text-align:left; font-size:12px;}
.sms_form .row{margin-bottom:8px; height:28px; clear:both;}
.sms_form .row label{float:left;font-weight:bold;font-size:14px;height:28px;line-height:28px;}
.sms_form .row input.user_name,
.sms_form .row input.user_phone{height:28px;width:190px; border:0 none; background:#e8e8e8; padding-left:5px; font-size:12px; float:left;}
.sms_form textarea{height:45px;width:168px; border:0 none; background:#e8e8e8; resize:none; font-size:9px; padding:5px; color:#2c2c2c;}
.sms_form .blit_sms {padding-left:6px; vertical-align:middle; }
.sms_form .blit_sms.user_txt{vertical-align:top; margin-right:2px;}
.sms_form .blit_sms.user_name{margin-right:8px;}
.sms_form .blit_sms.user_phone{margin-right:7px;}
.sms_form .chk_sms{width:190px;height:30px;margin:15px auto 5px auto;clear:both;}
.sms_form .chk_sms input{margin-right:2px;vertical-align:top;float:left;}
.sms_form .chk_sms label.chkbox_lab{width:163px;height:20px;line-height:20px;margin-left:5px; color:#8b8b8b;font-size:12px; vertical-align:top;float:left;}
.sms_form a.btnimg{display:block; width:250px;height:36px;line-height:36px;margin:0 auto; background:#c21d2e;border-bottom:3px solid #a91625; color:#fff;text-align:center;font-size:14px;font-weight:bold; z-index:600;}

/* 모바일 리뉴얼 2015-10 */
.after { *zoom:1;  }
.after:after { content:''; display:block; clear:both; }

.ellipsis {white-space:nowrap; text-overflow:ellipsis; /* IE, Safari */-o-text-overflow:ellipsis;/* Opera under 10.7 */overflow:hidden;/* "overflow" value must
be different from "visible" */ -moz-binding: url('ellipsis.xml#ellipsis');
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* basic */
.d-n {display:none;}
.t-c {text-align:center !important;}
.t-l {text-align:left !important;}
.t-r {text-align:right !important;}
.v-t {vertical-align:top !important;}
.v-m {vertical-align:middle !important;}
.v-b {vertical-align:bottom !important;}
.f-l {float:left !important;}
.f-r {float:right !important;}
.f-n {float:none !important;}
.bg-n {background:none !important;}
.bd-n {border:none !important;}
.bdbottom-n {border-bottom:none !important;}
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
.pos_a{position:absolute !important;}
.pos_r{position:relative !important;}
.ov_hidden{overflow:hidden !important;}

/* 폰트사이즈 */
.fs_075{font-size:0.75rem;}
.fs_08{font-size:0.8rem;}
.fs_085{font-size:0.85rem;}

/* 폰트컬러 공통 */
.fc_point{color:#dd0463 !important;}
.fc_point_red{color:#c81c31 !important;}
.fc_6c{color:#6c6c6c !important;}

.fw-nor{font-weight:normal !important; }
.fw-b{font-weight:bold !important; }

select.w5 {width:5%;}
select.w10 {width:10%;}
select.w15 {width:15%;}
select.w17 {width:17%;}
select.w20 {width:20%;}
select.w25 {width:25%;}
select.w30 {width:30%;}
select.w35 {width:35%;}
select.w40 {width:40%;}
select.w45 {width:45%;}
select.w50 {width:50%;}
select.w53 {width:53%;}
select.w55 {width:55%;}
select.w60 {width:60%;}
select.w65 {width:65%;}
select.w70 {width:70%;}
select.w75 {width:75%;}
select.w80 {width:80%;}
select.w85 {width:85%;}
select.w90 {width:90%;}
select.w95 {width:95%;}
select.w100 {width:100%;}

input.w5 {width:5%;}
input.w10 {width:10%;}
input.w15 {width:15%;}
input.w20 {width:20%;}
input.w25 {width:25%;}
input.w30 {width:30%;}
input.w35 {width:35%;}
input.w40 {width:40%;}
input.w45 {width:45%;}
input.w50 {width:50%;}
input.w55 {width:55%;}
input.w60 {width:60%;}
input.w65 {width:65%;}
input.w70 {width:70%;}
input.w75 {width:75%;}
input.w80 {width:80%;}
input.w85 {width:85%;}
input.w90 {width:90%;}
input.w95 {width:95%;}
input.w100 {width:100%;}

/* Padding */
.pa0 {padding:0 !important}
.pa5 {padding:5px !important}
.pa10 {padding:10px !important}
.pa15 {padding:15px !important}
.pa20 {padding:20px !important}

.pt0 {padding-top:0 !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt25 {padding-top:25px !important}
.pt30 {padding-top:30px !important}

.pr5 {padding-right:5px !important}
.pr10 {padding-right:10px !important}

.pb0 {padding-bottom:0 !important}
.pb5 {padding-bottom:5px !important}
.pb10 {padding-bottom:10px !important}
.pb20 {padding-bottom:20px !important}
.pb30 {padding-bottom:30px !important}

.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}

/* Margin */
.mt_10 {margin-top:-10px !important}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}

.mr_10 {margin-right:-10px !important}
.mr0{margin-right:0 !important;}
.mr10 {margin-right:10px}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px !important}

.ml_10 {margin-left:-10px !important}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}

/* 여백 단 */
.separate_bar{width:100%;height:12px;background:#f5f5f5;}
.separate_bar2{width:100%;height:12px;background:#fff;}

/*font Point*/
.c1{ color:#094eb6; }
.c2{color: #626262;}
.c3{color: #b50b0b;}
.c4{color: #655ecc;}

/* Line */
.ba_0 {border:0 !important}

.bt_0 {border-top:0 !important}
.bt_1 {border-top:1px solid #d7d7d7 !important}

.bb_0 {border-bottom:0 !important}
.bb_1 {border-bottom:1px solid #d7d7d7 !important}

/* 레이아웃 */
#wrap_1510 { min-width:320px; }
.top_band_1510 { max-width:640px; margin:0 auto; }
.top_band_1510 img { width:100%; }

.main_tops{width:100%;}
.main_tops .bxslider-default{width:100%;max-width:640px;min-width:320px;margin:0 auto;}
.main_tops .bxslider-default img{width:100%;}

.main_top{width:100%;color:#efefef;background:#383838;}
.main_top a{position:relative;display:block;padding:13px 15px 17px;font-size:13px;font-weight:600;color:#efefef;letter-spacing:-1px}
.main_top a em{color:#d3b8b8;}
.main_top a .js-t-hide{position:absolute;right:15px;top:9px;padding:5px 10px 7px;font-size:12px;color:#000;background:#fff;border-radius:5px;letter-spacing:-1px}
.main_top a .js-t-hide .txt{font-size:10px;}
.main_top .cont_toggle{position:relative;}
.main_top .cont_toggle img{width:100%;}
.main_top .cont_toggle .update_event{position:absolute;left:10%;top:37%;width:80%;height:41%;overflow:hidden;}
.main_top .cont_toggle ul li{display:inline-block;width:49%;height:7vw;line-height:7vw;font-size:3vw;text-align:center;}

/************* 메인 컨텐츠 공통 *************/
/* 제목 타이틀 */
.grid_t { position:relative; padding:7px 0px;
    background:#747474; }
.grid_t h3.t { padding-left:10px;font-size:12px; line-height:12px; color:#ffffff; }
.grid_t a.btn_more_plus { position:absolute; right:12px; top:6px; }

/* ul 일반 리스트 */
ul.list_ul { padding:12px; }
ul.list_ul li { position:relative;line-height:21px; font-size:12px; }
ul.list_ul li>a { display:block;
    color:#666666; }

/* dl 일반 리스트 */
dl.list_dl { overflow:hidden;
    color:#666666; letter-spacing:-1px; }
dl.list_dl img { vertical-align:middle; }
dl.list_dl dt { float:left;  }
dl.list_dl dd { margin-left:57px;  }
dl.list_dl dd>a { margin-left:10px; }

/* 리스트 옵션(블릿) */
ul.bul_list_ul li { padding-left:8px; background:url('https://cdn.hackersut.com/m/img/layout/main/bul_list_li.gif') no-repeat 0px 8px; }
/************* e: 메인 컨텐츠 공통 *************/

/* 메뉴전체보기 */
#mnb { padding:0px 0px 15px 0px; }
#mnb a { display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; width:20%; margin:10px 0px 0px -4px;
    text-align: center; line-height:9px;; font-size:9px; color:#666666; }
#mnb a span.a { display:block; margin-top:5px; }

/* 공지사항 */
.notice_list ul { padding:5px; }
.notice_list li { position:relative;
    line-height:21px; font-size:9px;}
.notice_list li a { display:block; width:99%;
    color:#666666;  }
.notice_list li span.date { display:none; position:absolute; right:10px; top:0px; line-height:21px;
    font-size:8px; }

/* 패밀리 사이트 */
.tit_familysite { display:block;height:40px;line-height:40px;background:#747474;color:#fff;font-size:12px;padding-left:10px;}
.tit_familysite span img { float:right; padding-right:2%;  padding-top:10px;}

.family_tb { position:relative;width:100%;box-sizing:border-box;border-style:solid; border-width:1px 0px 0px 1px; border-color:#e0e0e0;  }
.family_tb table { width:100%; }
.family_tb table td { padding:6px 0px; border-style:solid; border-width:0px 1px 1px 0px; border-color:#e0e0e0;
    text-align:center;
    background:#fcfcfc; }

.more{position:relative; padding: 3px 0px 0px 0; text-align:right; font-size:12px;  }
.more a{display:inline-block; padding: 3px 5px;  }

/* 메인 랜딩 배너 */
.main_landing_bnr{display:block;margin-top:1px;}
.main_landing_bnr img{width:100%;vertical-align:bottom;}

/* 2017-06-29 메인 신규 리뉴얼 */

/* 레이아웃 */
#head_con{ min-width:320px; }
#head_con .h_lg { position:relative; padding: 14px 0px;}
#head_con .h_lg h1.logo { margin-left:12px; }
#head_con .h_lg ul.member { position:absolute; right:0px; top:23px;overflow:hidden;}
#head_con .h_lg ul.member li { float:left;}
#head_con .h_lg ul.member li a {display:block; padding:0px 7px 0px 7px; background:url('https://cdn.hackersut.com/m/img/layout/header/member_li_bar.gif') no-repeat 0px center; font-size:14px; line-height:15px; color:#666;}
#head_con .h_lg ul.member li:first-child a { background:none; }
#head_con .goback{ position:absolute; left:8px; top:8px; }
#head_con .gohome{ position:absolute;  right:8px; top:8px;  }

/* -navigation */
.lnb_n {position:relative;background-color:#fff;border-top:1px solid #d5d5d5;border-bottom:3px solid #cc0000;}
.lnb_n .nav_u{display:table;overflow:hidden;width:100%;}
.lnb_n li {display:table-cell;height:40px;line-height:40px;text-align:center;vertical-align:middle}
.lnb_n li a {display:block;color:#000;font-size:15px}
.lnb_n.fix {position:fixed;width:100%;}

/* 공통 layout */
.container .in{position:relative;margin:0 auto;padding:0 15px;min-width:300px;max-width:610px;box-sizing:border-box;}
.container .in-side{max-width:640px;margin:0 auto;box-sizing:border-box}
.container .main_slide{margin-top:-1px;}
.container .line_banner{margin-top:-1px;}
.container .main_slide .deadline{width:21.6%;max-width:200px;position:absolute;left:5%;top:7%;text-align:center;padding:1.6% 0;font-size:1.2em}
.container .main_slide .deadline span.red{color:red;}

@media all and (min-width: 320px) and (max-width: 400px) {
    .container .main_slide .deadline{font-size:0.7em}
    .menu_wrap .quick_ic_menu ul li{width: calc((100% - 15px) / 4); padding:15px 0; margin: 0 5px 5px 0;}
    .menu_wrap .quick_ic_menu ul li a span{white-space: normal;}
}
@media all and (min-width: 401px) and (max-width: 479px) {
    .container .main_slide .deadline{font-size:0.9em}
}
@media all and (min-width: 480px) and (max-width: 640px) {
    .container .main_slide .deadline{font-size:1em}
}

.main_cont{padding:15px 12.5px;}
.main_cont .inner_s{overflow:hidden;}

.main_cont .ban_middle{float:left;width:67%;height:192px;overflow:hidden;border:1px solid #f0f0f0;box-sizing:border-box;}
.main_cont .ban_middle .bx-wrapper .bx-viewport .bxslider li a{height:192px;text-align:left;}
.main_cont .ban_middle .bx-wrapper .bx-viewport .bxslider li a img{max-height:100%;}

.container .bx-wrapper img{vertical-align:bottom;}
.main_slide .bx-wrapper .bx-pager{bottom:7px;}
.ban_middle .bx-wrapper .bx-pager{top:5px;bottom:inherit;text-align:left;padding-left:10px;}


.uti_right{float:left;width:33%;height:192px;}
.uti_right ul.line_bnr,.uti_bottom ul{overflow:hidden;}
.uti_right ul.line_bnr li a{margin:10px 0 0 10px;}
.uti_right ul.line_bnr li a,.uti_bottom ul.line_bnr li a{display:block;background:#f0f0f0 ;height:30px;padding-top:15px;text-align:center;color:#000;font-weight:bold;font-size:14px;}
.uti_right ul.line_bnr li a span,.uti_bottom ul.line_bnr li a span{display:block;background:url("https://cdn.hackersut.com/m/img/renew/main/icn_arrw.png") no-repeat 95% 50%;}
.uti_right ul.line_bnr li:first-child a{height:57px;margin-top:0;padding-top:25px;}

.uti_bottom{float:left;width:100%;margin-top:12.5px}
.uti_bottom ul.line_bnr li{float:left;width:33%;}
.uti_bottom ul.line_bnr li:first-child{width:34%;}

.uti_bottom ul.line_bnr li a{margin-left:12.5px;}
.uti_bottom ul.line_bnr li:first-child a{margin-left:0;}

.main_cont .tit_mn{display:block;padding:10px 0 ;border-bottom:1px solid #e3e1e4;}
.main_cont .middle_bnr_wrap{margin-top:15px;}
.main_cont .middle_bnr_wrap li{margin-top:12.5px;}
.main_cont .middle_bnr_wrap li:first-child{margin-top:0;}
.main_cont .middle_bnr_wrap a{display:block;overflow:hidden;}
.main_cont .middle_bnr_wrap .img_box{width:50%;}
.main_cont .middle_bnr_wrap .text_box{width:50%;vertical-align:middle;color:#6e6e6e;padding-left:10px;}
.main_cont .middle_bnr_wrap .time{display:block;color:#2a2a2a;margin-top:5px;letter-spacing:-1px;}

.main_cont .middle_bnr_wrap.box_v2{overflow:hidden;margin-bottom:0;}
.main_cont .middle_bnr_wrap.box_v2 li{float:left;border:1px solid #e3e1e4;margin-top:0;width:48%;box-sizing:border-box;padding:10px;height:77px;}
.main_cont .middle_bnr_wrap.box_v2 li:first-child{margin-right:4%}
.main_cont .middle_bnr_wrap.box_v2 li a{display:block;background:url("https://cdn.hackersut.com/m/img/renew/main/bg_write.gif") no-repeat right 0;background-size:25.5px 25.5px}

.main_c_mn .call_content{padding:12.5px;background:#f3f3f3;}
/* 1101 수정 */
/*.main_c_mn .call_content a{display:block;padding:10px;text-align:center;font-weight:bold;color:#fff;background:#bf1e2e;margin-bottom:12.5px;}*/
.main_c_mn .call_content a{display:block;padding:0px;text-align:center;font-weight:bold;color:#fff;background:#bf1e2e;margin-bottom:12.5px;}

.main_c_mn .call_content a em{font-weight:normal;}
.main_c_mn .btn_go a{text-align:center;color:#666;display:block;padding:10px 0}

/* 메인 플로팅 하단 배너 */
.bnr_bottom{position:fixed;bottom:0;left:0;z-index:1;padding-bottom: env(safe-area-inset-bottom, 0);}
.bnr_bottom .btn_close{position:absolute;top:-21px;right:0;z-index:10;}

/* 메인 영상 */
.mn_player{overflow:hidden;}
.mn_player li{float:left;width:48%;margin:0 4% 3% 0;}
.mn_player li:nth-child(even){margin-right:0;}
.mn_player li:nth-child(3),.mn_player li:nth-child(4){margin-bottom:0;}
.mn_player div.img{position:relative;margin-bottom:5px;}
.mn_player .opacity{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;z-index:1;}
.mn_player .ico_play{position:absolute;left:16%;top:74%;margin:-19px 0 0 -19px;z-index:2;width:38px;height:38px;background-image:url("https://cdn.hackersut.com/m/img/common/bg_play.png");background-size:38px;}
.mn_player .lec_title{position:absolute;top:10%;left:3%;color:#fff;z-index:3;font-weight:bold;font-size:0.7rem;}
.mn_player .lec_nm{display:block;height:15px;overflow:hidden;font-size:0.8rem;}
.mn_player .tch_nm {color:#6e6e6e;font-size:0.8rem;}
.tit_mn .btn_lec_more{position:absolute;right:0;color:#6e6e6e;font-weight:100;}

/* app 해커스 편입 패밀리 사이트 */
.app { float:left;  width:100%;  padding:10px 0 13px;  }
.app h2 {margin-left:10px;color:#000;}
.app ul {margin-top:15px;}
.app li {float:left;width:20%;text-align:center;}
.app li.first img {position:relative; top:1px; width:60px; }

/* 고객센터 해커스편입 공식 sns 해커스에 바란다 */
.snscontent_wrap{width:100%; margin-top:10px; background-color:#f0f0f0;}
.snscontent_wrap a{display:block;}
.snscontent_con{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; border-bottom:1px solid #fff;}
.snscontent_con ul{overflow:hidden;}
.snscontent_con ul li{float:left; width:32%; margin-right:1px; border-right:1px solid #fff;}
.snscontent_con ul li:last-child {float:left; width:33%; margin-right:0px; border-right:none;}
.snscontent_con a img{max-width:100%;}
.main_c_mn .call_content .own a { background-color:#f3f3f3; padding:0px;}
.main_c_mn .call_content .two a { background-color:#f3f3f3; }

.call_content{display:none;}
.call_content.on{display:block;}
.call_flexConent{background-color:#f0f0f0;}
.call_flexTop{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; padding:2% 0 2% 4%;}

/*.sns_btnCon_wrap{background-color:#f0f0f0;}*/
.sns_btnCon{display:flex; flex-direction:Column; flex-wrap:nowrap; justify-content:center; align-items:center; padding:2% 2%;}
.sns_btnCon a{display:block; width:100%; height:30px; line-height:30px; }
.sns_btnCon a img{max-width:100%;}

.ico_counsel{position:fixed;bottom:6%;right:2%;z-index:998;width:70px;height:70px}
.ico_counsel{
    -webkit-animation: icon_jelly 0.9s 3 both;
    animation: icon_jelly 0.9s 3 both;
}

/* 메뉴 팝업 */
.top_menu{position:relative;width:100%;height:50px;line-height:50px;text-align: center;font-size:14px;letter-spacing:-1px;background:#ebecef;}

.menu_arrow{position:absolute;top:50%;right:5%;}
.menu_arrow.v2{left:5%;}
.menu_arrow:before,
.menu_arrow:after{content:'';display:block;transform-origin:right;width:16px;height:1px;background:#000;}
.menu_arrow.v2:before,
.menu_arrow.v2:after{transform-origin:left;background:#fff;}
.menu_arrow:after{transform:rotate(-45deg);margin-top:-1px;}
.menu_arrow:before{transform:rotate(45deg);margin-bottom:-1px;}


/* 메뉴 팝업 */
.top_menu{position:relative;width:100%;height:50px;line-height:50px;text-align: center;font-size:14px;background:#ebecef;}
.top_menu p{letter-spacing:-1px;}
.menu_arrow{position:absolute;top:50%;right:15px;}
.menu_arrow.v2{left:5%;}
.menu_arrow:before,
.menu_arrow:after{content:'';display:block;transform-origin:right;width:16px;height:1px;background:#000;}
.menu_arrow.v2:before,
.menu_arrow.v2:after{transform-origin:left;background:#fff;}
.menu_arrow:after{transform:rotate(-45deg);margin-top:-1px;}
.menu_arrow:before{transform:rotate(45deg);margin-bottom:-1px;}

.menu_pop{position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:60;background: #fff;}
.menu_pop *{line-height:1.25;}
.menu_pop h1{position:relative;background:#454c52;padding:18px 0;text-align: center;}
.menu_pop h1 .tit{display:block;font-size:14px;color:#fff;font-weight:normal;letter-spacing: normal;}
.menu_pop h1 .menu_logo{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:115px;}
.menu_pop h1 .menu_close{display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);float:right;width:20px;height:20px;}
.menu_pop h1 .menu_close span{position:absolute;top:50%;left:50%;width:25px;height:1px;background:#fff;}
.menu_pop h1 .menu_close span:first-of-type{transform:translate(-50%,-50%) rotate(45deg);}
.menu_pop h1 .menu_close span:last-of-type{transform:translate(-50%,-50%) rotate(-45deg);}
.menu_pop .tab_menu{position:relative;width:100%;background:#fff;border-bottom: 2px solid #f3f4f6;}
.menu_pop .tab_menu > li{float:left;width:33.3333%;padding:15px 0;text-align:center;border-top:4px solid #fff;vertical-align:middle;font-size:14px;font-weight:bold;letter-spacing: normal;}
.menu_pop .tab_menu > li.active{color:#0080c9;font-weight:bold;border-top:4px solid #0080c9;}
.menu_pop .tab_cont{position: relative;}
.menu_pop .tab_cont > li{height:100%;}
.menu_pop .tab_cont > li > div{float:left;}
.menu_pop .tab_cont > li .depth1{width:33.3333%;height:100%;background:#8c98a6;color:rgba(255,255,255,0.6);padding-top:30px;overflow:scroll;}
.menu_pop .tab_cont > li .depth1 .menu_logo{width:60px;}
.menu_pop .tab_cont > li .depth1 ul li{padding:15px 0;border-bottom:0.5px solid rgba(255,255,255,0.5);font-size:14px;margin-left:20%;}
.menu_pop .tab_cont > li .depth1 ul li.active{font-weight:500;color:#fff;border-bottom:1px solid #fff;background:url('//gscdn.hackers.co.kr/champ/img/common/m/menu_active.png') 92% center no-repeat;background-size:15px;}
.menu_pop .tab_cont > li .depth2{width:66.6666%;height:100%;padding:30px 0 0 30px;background:#fff;overflow:scroll;text-align:right;box-sizing: border-box}
.menu_pop .tab_cont > li .depth2 .depth2_menu{clear:both;text-align:left;letter-spacing: normal;}
.menu_pop .tab_cont > li .depth2 .depth2_menu h4{font-size:14px;padding:15px 0;color:#0080c9;border-bottom:1px solid #0080c9;letter-spacing: normal;}
.menu_pop .tab_cont > li .depth2 .depth2_menu ul {padding-top:10px;}
.menu_pop .tab_cont > li .depth2 .depth2_menu ul li{padding:15px 0;}
.menu_pop .tab_cont > li .depth2 .depth2_menu ul li a{display:block;font-size:16px;}
.menu_pop .tab_cont .basis_txt{padding:20px 0;text-align: center;}
.menu_pop .tab_cont .basis_txt p{display:inline-block;text-align: left;font-size:10px;line-height:1.5;color:#4a515a;}

@media(max-width:319px){
    .call_flexTop a img{width:60%;}
}
@media(min-width:320px) and (max-width:640px){
    .call_flexTop a img{width:70%;}
}
@media(min-width:641px){
    .call_flexTop a img{width:80%;}
}

@keyframes icon_jelly{
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*checkbox*/
[class^='input-custom']{overflow:hidden; position:relative; width:20px; height:20px; padding-left:25px; line-height:20px; letter-spacing:-1px;}
[class^='input-custom'] input{position:absolute; top:0; left:-99999999999999px; -webkit-appearance:none; appearance:none; width:0px; height:0px;}
[class^='input-custom'] i:before,
[class^='input-custom'] i:after{display:inline-block; content:''; position:absolute; top:50%; transform:translate(0,-50%); border-radius:100%;}
[class^='input-custom'] i:before{width:16px; height:16px; left:0; border:1px solid #a1a1a1; animation:borderscale 300ms ease-in;}
[class^='input-custom'] i:after{transition:transform 200ms ease-out, -webkit-transform 200ms ease-out;}
.input-custom-checkbox i:before,
.input-custom-checkbox i:after{border-width:2px;}
.input-custom-checkbox i:after{ left:4px; width:9px; height:6px; margin-top:-4px; border:2px solid #a1a1a1; border-width:0 0 2px 2px; transform:rotate(-45deg); }
.input-custom-checkbox input:checked + i:before{border-color:#d50057;background-color:#d50057;}
.input-custom-checkbox input:checked + i:after{border-color:#fff;}

/* 공통 버튼 */
.btn_area {padding:10px 0;}
.btn_area.w-100{padding:25px 4%;background:#fff;}
.tbl_row {width:100%;margin:0 auto;display:table}
.tbl_cell {display:table-cell;vertical-align:top}
.btn_area .tbl_row .tbl_cell {padding:0 5px}
.btn_area .tbl_row .tbl_cell:first-child {padding-left:0}
.btn_area .tbl_row .tbl_cell:last-child {padding-right:0}
.btn_area [class|="btn-m"]{display:block;height:45px;line-height:45px;text-align:center;color:#fff;font-size:15px;border-radius:4px;}
.btn_area [class|="btn-line"]{display:block;height:45px;line-height:45px;text-align:center;font-size:15px;border-radius:4px;}
.btn-m-red{background:#d50057;}
.btn-m-dark{background:#333;}
.btn-m-gray{background:#e9eaee;}
.btn-line-dark{color:#676767;border:1px solid #676767;}
.btn-m-green-ani{border: 1px solid #818181; background: #818181;animation: btn_blink_g 1s step-end infinite;}
@keyframes btn_blink_g {
    0%{background: #818181; border: 1px solid #818181;}
    50%{background: #007b31; border: 1px solid #007b31;}
    100%{background: #818181; border: 1px solid #818181;}
}

/* s::lecture renewal 200406 */
.sub-wrap{width:100%;overflow:hidden;}
.sub-wrap img{width:100%;}
.sub-wrap *{font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',sans-serif;}
.sub-wrap .title-box{padding:25px 4%;margin-bottom:5px;}
.sub-wrap .title-box h3{font-size:20px;letter-spacing:-2px;}
.sub-wrap .title-box p{margin-top:10px;font-size:12px;color:#777;}
.sub-wrap .tab_type2{padding:0 4%;}
.sub-wrap .tab_type2 > ul > li > a{height:50px;line-height:50px;border-bottom:1px solid #999;color:#000;font-weight:bold;font-size:16px;box-sizing:border-box;}
.sub-wrap .tab_type2 > ul > li.on > a{border-bottom:3px solid #d50057;}
.sub-wrap .tab-type4 > ul > li{height:54px;line-height:54px;background:#fff;border-bottom:2px solid #000;box-sizing:border-box;font-size:16px;}
.sub-wrap .tab-type4 > ul > li > a{display:block;color:#000;}
.sub-wrap .tab-type4 > ul > li.on{background:#000;}
.sub-wrap .tab-type4 > ul > li.on > a{color:#fff;}
.sub-wrap .tab-type4-con{display:none;}
.sub-wrap .tab-type4-con.on{display:block;}
.sub-wrap .js-tab-type1{width:100%;overflow:hidden;}
.sub-wrap .js-tab-type1 > li{float:left;position:relative;border-bottom:1px solid #999;text-align:center;}
.sub-wrap .js-tab-type1 > li a{line-height:40px;font-size:14px;color:#474747;}
.sub-wrap .js-tab-type1 > li.on a{color:#d50057;font-weight:bold;}
.sub-wrap .js-tab-type1 > li.on:after{position:absolute;left:0;bottom:-1px;width:100%;height:3px;border-radius:2px;content:'';background:#d50057;}
.sub-wrap .js-tab-type1-con{display:none;}
.sub-wrap .js-tab-type1-con.on{display:block;}
.sub-wrap .nav_type1{height:70px;background:#383838;margin-bottom:5px;}
.sub-wrap .nav_type1 ul{overflow:hidden}
.sub-wrap .nav_type1 ul li{float:left;position:relative;width:31%;height:70px;line-height:70px;text-align:center;}
.sub-wrap .nav_type1 ul li a{display:block;color:#a9a9a9;font-size:16px;}
.sub-wrap .nav_type1 ul li.active a{color:#fff;}
.sub-wrap .nav_type1 ul li a:before{content:'';width:1px;height:20px;background:#a9a9a9;display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;}
.sub-wrap .nav_type1 ul li:first-child a:before{display:none}
.sub-wrap .ipt_chk{overflow:hidden;position:relative;width:20px;height:20px;padding-left:25px;line-height:20px;}
.sub-wrap .ipt_chk i:before,
.sub-wrap .ipt_chk i:after{display:inline-block;content:'';position:absolute;top:50%;transform:translate(0,-50%);border-width:2px;border-radius:100%;}
.sub-wrap .ipt_chk i:before{width:16px;height:16px;left:0;border:1px solid #ccd4dc;animation:borderscale 300ms ease-in;}
.sub-wrap .ipt_chk i:after{border-radius:0;}
.sub-wrap .ipt_chk.v2 input + i:after{left:4px;width:8px;height:4px;margin-top:-4px;border-width:0 0 2px 2px;border-style:solid;border-color:#ccd3db;transform:rotate(-45deg);}
.sub-wrap .ipt_chk input{display:none;-webkit-appearance:none;appearance:none;width:0px;height:0px;}
.sub-wrap .ipt_chk input:checked + i:before{border-color:#d50057;background-color:#d50057;}
.sub-wrap .ipt_chk input:checked + i:after{left:4px;width:8px;height:4px;margin-top:-4px;border-width:0 0 2px 2px;border-style:solid;border-color:#fff !important;transform:rotate(-45deg);}
.sub-wrap .js-t-hide,
.sub-wrap .js-t-hide2{display:block;width:100%;height:60px;line-height:60px;padding:0 4%;text-align:left;font-size:19px;background:#fff;color:#220523;font-weight:bold;border-top:1px solid #ccc;}
.sub-wrap .js-t-hide:last-of-type,
.sub-wrap .js-t-hide2:last-of-type{border-bottom:1px solid #aaa;}
.sub-wrap .js-t-hide em,
.sub-wrap .js-t-hide2 em{display:inline-block;float:right;width:17.5px;height:9px;margin-top:25px;background:url('https://cdn.hackersut.com/m/img/a_sprite/sp_170915_00.png') -54px 0 no-repeat;background-size:80px auto;}
.sub-wrap .js-t-hide.on em,
.sub-wrap .js-t-hide2.on em{background-position:-54px -16px;}
.sub-wrap .cont_toggle,
.sub-wrap .cont_toggle2{display:none;padding:15px 0 0;background:#f0f1f5;}
.sub-wrap .js-t-hide{display:block;width:100%;height:60px;line-height:60px;padding:0 4%;text-align:left;font-size:19px;background:#fff;color:#220523;font-weight:bold;border-top:1px solid #ccc;}
.sub-wrap .js-t-hide:last-of-type{border-bottom:1px solid #aaa;}
.sub-wrap .js-t-hide em{ display:inline-block;float:right;width:17.5px;height:9px;margin-top:25px;background:url('https://cdn.hackersut.com/m/img/a_sprite/sp_170915_00.png') -54px 0 no-repeat;background-size:80px auto;}
.sub-wrap .js-t-hide.on em{background-position:-54px -16px;}
.sub-wrap .cont_toggle{display:none;padding:15px 0 0;background:#f0f1f5;width:100%;}
.sub-wrap .btn_more{position:relative;display:block;padding:17px 0 25px;font-size:14px;color:#545454;text-align:center;}
.sub-wrap .btn_more:before{position:absolute;left:50%;bottom:9px;margin-left:-8px;width:20px;height:11px;background:url('https://cdn.hackersut.com/m/img/academyPage/sp_icon.png') no-repeat -61px 0;background-size:600% auto;content:'';}
.sub-wrap .btn_more.line:after{content:'';width:92%;height:1px;position:absolute;top:0;left:4%;background:#c0c1c4;}
.sub-wrap [class^='board-wrap'] table{width:100%;table-layout:fixed;}
.sub-wrap [class^='board-wrap'] table th, [class^='board-wrap'] table td{border-bottom:1px solid #e6e6e6;text-align:center;}
.sub-wrap .board-wrap{border-top:1px solid #e6e6e6;}
.sub-wrap .board-wrap th{border-right:1px solid #e6e6e6;background:#fafafa;}
.sub-wrap .ico-file{position:absolute;right:4%;top:50%;display:inline-block;width:14px;height:9px;margin:-7px 5px 0 0;font-size:0;border:1px solid #d50057;border-left:0;border-radius:0 16px 16px 0;transform:rotate(-125deg);text-align:left;direction:ltr;}
.sub-wrap .ico-file:before,
.sub-wrap .ico-file:after{content:'';position:absolute;border:1px solid #d50057;pointer-events:none;}
.sub-wrap .ico-file:before{width:11px;height:5px;top:3px;left:-2px;border-radius:16px 0 0 16px;border-right:0;}
.sub-wrap .ico-file:after{width:14px;height:11px;left:-5px;top:-1px;border-right:0;border-radius:16px 0 0 16px;}

/* 셀렉트 */
.sub-wrap .selectInfo{overflow:hidden;font-size:14px;}
.sub-wrap .selectInfo.renew_250224{display: flex;width: 100%;}
.sub-wrap .selectInfo.renew_250224 li{float:unset;width: auto;margin:3% 0;font-size: 3vw;box-sizing: border-box;display: flex;align-items: center;}
.sub-wrap .academy_applyList .cont_toggle .selectInfo.renew_250224 li.teach{width: auto;}
.sub-wrap .selectInfo li{position:relative;float:left;margin:0 20px 6px 0;padding-left:20px;height:17px;line-height:17px;}
.sub-wrap .selectInfo li:before{content:'';position:absolute;top:0;left:0;width:15.5px;height:17px;background:url('https://cdn.hackersut.com/m/img/academyPage/sp_icon.png') 0 0 no-repeat;background-size:600% auto;}
.sub-wrap .selectInfo li.time:before{background-position:0 -17px;}
.sub-wrap .selectInfo li.teach:before{background-position:0 -34px;}
.sub-wrap .selectInfo li.point:before{background-position:100% -34px;width:15px;}
.sub-wrap .selectInfo li.book:before{background-position:-37px -34px;}
.sub-wrap .academy_applyList .cont_toggle .selectInfo.renew_250224 li:not(:last-of-type):after{content:'';position:unset;display: inline-block; width:1px;height:17px;background:#a2a2a4;margin:0 7px;}

/* 페이징 */
.sub-wrap .paging{text-align:center;padding:20px 0;background:#fff;}
.sub-wrap .paging ul li{display:inline-block;padding:0 10px;}
.sub-wrap .paging ul li a{font-size:17px;color:#8b8b8b;}
.sub-wrap .paging ul li.on a{font-weight:bold;color:#dd015b;}

/* Scroll */
.scroll_nav.fixed {position:fixed;left:0;top:0;z-index:99}

/*이용안내*/
.faq-area {width:100%; background-color:#000;}
.faq-area a {display:block; padding:15px 0;  color:#fff; font-size:18px; text-align:center;}
.faq-area a:after {display:block; content:""; clear:both;}
.faq-area span {font-size:16px; float:right; margin-right:5%;}

.random_bnr img{display:block;width:100%;}