@charset "utf-8"; @font-face { font-family: 'noto'; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'); src: url(/css/font/notokr-regular.eot); src: url(/css/font/notokr-regular.eot?#iefix) format('embedded-opentype'),
 url(/css/font/notokr-regular.woff2) format('woff2'),
 url(/css/font/notokr-regular.woff) format('woff'),
 url(/css/font/notokr-regular.ttf) format('truetype'); font-display: swap; } 

 @font-face { font-family: 'noto'; font-style: normal; font-weight: 600; src: local('Noto Sans bold'), local('notokr-bold'); src: url(/css/font/notokr-bold.eot); src: url(/css/font/notokr-bold.eot?#iefix) format('embedded-opentype'),
 url(/css/font/notokr-bold.woff2) format('woff2'),
 url(/css/font/notokr-bold.woff) format('woff'),
 url(/css/font/notokr-bold.ttf) format('truetype'); font-display: swap; } 

/* All Device */
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } 
html { -ms-touch-action:none; font-size:14px; } 
body { -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none; -webkit-user-select: none; -webkit-touch-callout: none; } 

/* Reset */
html,body { overflow-x:hidden; background:#fff; } 
html,body,th,td,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'noto',Dotum,'돋움',sans-serif; line-height:1.5; color:#000; letter-spacing:-1px } 
dl,ul,ol,li,menu { list-style:none } 
input,select,textarea,img,fieldset { border:0; vertical-align:top } 
a[href^="tel"] { font-style:normal } 
/*input[type="radio"],input[type="checkbox"],textarea { -webkit-border-radius:0; -webkit-appearance:none } */
select { -webkit-border-radius:0; } 
button { background-color:transparent; border:0; margin:0; padding:0; overflow:visible; white-space:nowrap; cursor:pointer } 
table { border-collapse:collapse; border-spacing:0; width:100%; } 
a { color:#000; text-decoration:none } 
a:active,a:hover { text-decoration:none } 
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal } 
caption,.sr { width:0; height:0; line-height:0; font-size:0; visibility:hidden; overflow:hidden; white-space:nowrap } 
:focus { outline:0 } 

/* bg */
.bg_eee { background:#eee !important; } 

/* Text */
.fc_point { color:#f7941e !important } 
.fc_ff { color:#fff !important } 
.fc_00 { color:#000 !important } 
.fc_red { color:#da2c2c !important; } 
.fc_gray { color:#6c6c6c !important; } 
.fc_blue { color:#4e88cf !important; } 
.fc_orange { color:#f7941e !important; } 

.fw_n { font-weight:normal !important } 

/* align */
.txt_l { text-align:left !important } 
.txt_c { text-align:center !important } 
.txt_r { text-align:right !important } 
.tx_lt { text-decoration:line-through !important } 
.va_t { vertical-align:top !important } 
.ver_m { vertical-align:middle !important } 
.ver_tt { vertical-align:text-top !important } 

.txt_link, .txt_link:active, .txt_link:hover { text-decoration:underline } 
.word_c { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis } 

/* float */
.f_l { float:left } 
.f_r { float:right } 
.f_both:after { content:''; display:block; clear:both; } 

.va_t { vertical-align:top !important } 
.va_m { vertical-align:middle !important } 
.va_b { vertical-align:bottom !important } 

.pos_a { position:absolute !important } 
.pos_r { position:relative !important } 
.pos_s { position:static !important } 

.o_f { overflow:hidden !important; } 
/* text */
.t_l { text-align:left !important } 
.t_r { text-align:right !important } 
.t_c { text-align:center !important } 
/* display */
.show { display:block } 
.hide { display:none } 
.hide_txt { font-size:0px; height:0px; left:-9999em; overflow:hidden; line-height:0; position:absolute; width:0px } 

/* line-height */
.line_h18 { line-height:18px !important; } 
/* Padding */
.pa0 { padding:0 !important } 
.pa10 { padding:10px !important } 
.pa15 { padding:15px !important } 

.pt0 { padding-top:0 !important } 
.pt5 { padding-top:5px !important } 
.pt10 { padding-top:10px !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 } 
.pl20 { padding-left:20px !important } 

/* Margin */
.mrg0 { margin:0 !important; } 
.mt_10 { margin-top:-10px !important } 
.mt0 { margin-top:0px !important; } 
.mt5 { margin-top:5px } 
.mt10 { margin-top:10px } 
.mt20 { margin-top:20px } 
.mt30 { margin-top:30px } 
.mt50 { margin-top:50px } 

.mr_10 { margin-right:-10px !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 } 
.mb50 { margin-bottom:50px !important } 
.mb100 { margin-bottom:100px !important } 

.ml0 { margin-left:0px !important; } 
.ml5 { margin-left:5px } 
.ml10 { margin-left:10px } 
.ml20 { margin-left:20px } 
.m_side { margin:0 3%; } 

/* table */
.tb_row_wrap { margin-top:10px; } 
.tb_row { display:table; width:100%; margin:0 auto; } 
.tb_row .tb_cell { display:table-cell; } 

/* tab */
.tab_type1 { } 
.tab_type1 > ul { overflow:hidden; } 
.tab_type1 > ul > li { float:left; width:50%; } 
.tab_type1 > ul > li > a { display:block; color:#777; background:#d6d6d6; padding:10px 0; text-align:center; font-weight:bold; } 
.tab_type1 > ul > li.on > a { background:#ff7e00; color:#fff; } 

/* bg */
.bg_color { background-color:#f8f8f8; } 

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

/* button */
[class^='tmp_btn_'] { display:inline-block; } 
[class^='tmp_btn_'] a { display:block; width:100%; height:100%; font-size:1rem; line-height:1.1rem; padding:4px 10px; font-family:NanumGothic,'나눔고딕',sans-serif; } 
[class^='tmp_btn_v2'] { width:47px; height:47px; } 
[class^='tmp_btn_v2'] a { padding:4px 0; font-weight:bold; color:#fff; line-height:1.4rem; } 

.wide [class^='tmp_btn_v2'] { width:74.5px; height:54px; } 
.wide [class^='tmp_btn_v2'] a { font-size:1rem; line-height:1.9rem; } 

/* gray */
[class$='_btn_gray'] { border:1px solid #6c6c6c } 
[class$='_btn_gray'] a { color:#6c6c6c; } 
[class$='_btn_gray_2'] { border:1px solid #6c6c6c; margin-left:5px; } 
[class$='_btn_gray_2'] a { color:#6c6c6c; padding:1px !important; } 
/* orange */
[class$='_btn_orange'] { border:1px solid #f7941e; } 
[class$='_btn_orange'] a { color:#f7941e; background-color:#fff; } 
/* blue */
[class$='_btn_blue'] { border:1px solid #4f86d0 } 
[class$='_btn_blue'] a { color:#4f86d0; } 
/* red */
[class$='_btn_red'] { border:1px solid #da2c2d } 
[class$='_btn_red'] a { color:#da2c2d; } 

[class$='_btn_orange_v2'] { border:1px solid #f7941e; background:#f7941e; } 
[class$='_btn_orange_v2'] a { color:#fff } 

[class$='_btn_gray_v2'] { border:1px solid #a6a6a6; background:#a6a6a6; } 
[class$='_btn_gray_v2'] a { color:#fff } 

[class$='_btn_black_v2'] { border:1px solid #353840; background:#353840; } 
[class$='_btn_black_v2'] a { color:#fff } 

[class$='_btn_v2_d_orange'] a { background:#ff7e00; } 
[class$='_btn_v2_d_black'] a { background:#000; } 
[class$='_btn_v2_d_gray'] a { background:#6c6c6c; } 
[class$='_btn_v2_bd_gray'] a { color:#afafaf; border:1px solid #c8c8c8; } 


@media all and (max-width:320px) { [class^='tmp_btn_'] a { font-size:0.9rem; line-height:1rem; } 
 [class^='tmp_btn_v2'] a { line-height:1.3rem; } 
 }
@media all and (min-width:640px) { [class^='tmp_btn_'] a { font-size:1.1rem; line-height:1.3rem; } 
 .wide [class^='tmp_btn_v2'] { width:90px; height:56px; } 
 }

/* 큰버튼 */
.btn_wrap { text-align:center; } 
.btn_wrap > span { width:100%; } 
.btn_wrap > span a { padding:10px 0; font-size:1rem; } 

/* 큰버튼 2개 */
.btn_two > span { width:49%; } 
.btn_two > span:first-child { margin-right:2%; } 

a.btn_s { height:38px; line-height:28px; vertical-align:middle; } 
.button_gcolor { text-align: center; height:40px; line-height:40px; width: 100%; letter-spacing: -1px; display: inline-block; font-size: 11px; color: #fff !important; background: #b6b6b6; border-radius:2px; font-weight: bold; } 

/* icon common */
.ico_comm { -webkit-background-size:350px 355px; -moz-background-size:350px 355px; background-size:350px 355px; background-image:url("//gscdn.hackers.co.kr/edu2080/images/common/icn/ico_common_1.png"); background-repeat:no-repeat; } /* 공통 아이콘 */

.ico_home { width:30px; height:30px; background-position:-4.5px -28px; } 
/*.ico_book { display:inline-block; border:1px solid #6c6c6c; padding:0 3px; color:#6c6c6c; font-size:0.8rem; } */
.ico_check { display:inline-block; width:17px; height:16px; background-position:-4.5px -154px; vertical-align:top; } 
.ico_hum { display:inline-block; width:15px; height:16px; background-position:-50px -0px; vertical-align:top; } 
.ico_enter { display:block; width:15px; height:16px; background-position:-51.5px -124px; vertical-align:top; margin:0 auto; } 
.ico_lock { display:inline-block; width:12px; height:18px; background-position:-52px -63px; vertical-align:top; margin:0 auto; } 
.ico_circle { display:inline-block; width:5px; height:5px; background-position:-51px -159px; padding:2px 0 5px; } 
.ico_refresh { display:inline-block; width:13px; height:12px; background-position:-51px -180px; } 
.ico_lock_big { display:inline-block; width:39px; height:61px; background-position:-96px 0; vertical-align:top; margin:0 auto; } 
.ico_card_big { display:inline-block; width:62px; height:55px; background-position:-96px -124px; vertical-align:top; margin:0 auto; } 
.ico_more { display:inline-block; width:8px; height:10px; background-position:-95px -86px; vertical-align:top; margin:0 auto; } 
.ico_submit { display:inline-block; width:56px; height:58.5px; background-position:-170px 0; vertical-align:top; margin:0 auto; } 
.ico_return { display:inline-block; width:9px; height:13px; background-position:-4.5px -180px; } 
.ico_down { display:inline-block; width:16px; height:18px; background-position:-4.5px -207px; } 

.sub_tit_tab .list_ul li.on .ico_hum { background-position:-50px -31px; } 
.sub_tit_tab .list_ul li.on .ico_check { background-position:-4.5px -123px; } 


/* Form */
select { background-color:#fff; height:35px; padding-left:5px; border:1px solid #e4e4e4 } 
option[value=""][disabled] { display:none } 
option { color:#000 } 
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] { height:40px; border:1px solid #e4e4e4; padding:0 5px } 
input:disabled { background-color:#f8f8f8 } 
input[type="checkbox"], input[type="radio"] { width:13px; height:13px; margin:3px 0 0 1px } 
textarea { border:1px solid #e4e4e4; padding:10px } 


/* gnb */
#gnb { width:100%; overflow:hidden; } 
#gnb a { line-height:37px; height:37px; color:#fff; float:left; text-align:center; width:20%; display:inline-block; background:#f7941e; } 
#gnb a.on { border-bottom:2px solid #fff; } 
#gnb a span { display:inline-block; font-size:1.1rem; line-height:1.1rem; font-weight:400; font-family:NanumGothic,'나눔고딕',sans-serif; } 

/* all_menu */
#all_menu { width:100%; height:100%; position:absolute; left:0; top:0; z-index:500; background:#fff; font-family:NanumGothic,'나눔고딕',sans-serif; } 
#all_menu .all_top { background:#f7941e; height:60px; } 
#all_menu .all_top .ico_home { display:inline-block; margin-top:15px; margin-left:3%; } 
#all_menu .all_contents { background:#fff; } 
#all_menu .all_close { position:absolute; right:3%; top:20px; display:block; z-index:501; width:16px; height:16px; } 
#all_menu .all_close a { display:inline-block; width:100%; height:100%; background-position:-4.5px -66.5px; } 
#all_menu aside ul li>strong { display:inline-block; font-size:1.2rem; color:#000; padding:10px 3%; } 
#all_menu aside ul>li { border-top:1px solid #e4e4e4; } 
#all_menu aside ul.all_sub li { padding:10px 3%; } 
#all_menu aside ul.all_sub li span { padding-left:8px; background-position:-9.5px -88.5px; font-size:1rem; line-height:1rem; color:#636363; } 

/* Checkbox */
.box_wrap { position:relative } 
.box_wrap input[type="checkbox"] { width:1px; height:1px; border:0; margin:-1px; padding:0; overflow:hidden; position:absolute; clip:rect(0,0,0,0) } 
.box_wrap input[type="checkbox"] + label { padding-right:30px; display:block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none } 
.box_wrap input[type="checkbox"] + label:before { content:''; width:19px; height:19px; background:url("https://m.edu2080.co.kr/images/renew/common/checkbox.png") no-repeat 0 0; background-size:20px auto; margin-top:-9px; text-align:center; line-height:19px; display:inline-block; position:absolute; right:0; top:50% } 
.box_wrap input[type="checkbox"] + label:active:before,
.box_wrap input[type="checkbox"]:checked + label:active:before,
.box_wrap input[type="checkbox"]:checked + label:before { background-position:0 -23.5px } 
/* radio */
.radio_wrap { position:relative; display:inline-block; } 
.radio_wrap input[type="radio"] { width:1px; height:1px; border:0; margin:-1px; padding:0; overflow:hidden; position:absolute; clip:rect(0,0,0,0) } 
.radio_wrap input[type="radio"] + label { font-weight:normal; vertical-align:middle; padding-left:22px; display:block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none } 
.radio_wrap input[type="radio"] + label:before { content:''; width:15px; height:15px; background:url("https://m.edu2080.co.kr/images/renew/common/radio_bg.png") no-repeat 0 0; background-size:20px auto; margin-top:-9px; text-align:center; line-height:19px; display:inline-block; position:absolute; left:0; top:50% } 
.radio_wrap input[type="radio"] + label:active:before,
.radio_wrap input[type="radio"]:checked + label:active:before,
.radio_wrap input[type="radio"]:checked + label:before { background-position:0 -23.5px } 

/* 상단 타이틀 */
.title_wrap { background:#353840; padding:8px 11px; border-bottom:1px solid #d5d5d5; text-align:center; } 
.title_wrap strong { color:#fff; font-size:1.1rem; } 

.title_wrap.bg_wh { background:#fff; } 
.title_wrap.bg_wh strong { color:#000; } 

.title_wrap .page_return { position:absolute; left:15px; top:50%; margin-top:-7px; } 

/* footer */
.footer { padding:3% 0 55px; background:#353841; } 
.footer .utillty { text-align:center; padding:10px 0; } 
.footer .utillty.t2 { padding-bottom:5%; } 
.footer .utillty.t2 a { color:#d2d4d5; font-size:1rem; } 
.footer .utillty.t2 a strong { color:#fff; } 
.footer .utillty a { padding-right:3%; color:#909092; font-size:0.95rem; letter-spacing:-2px } 
.footer .utillty a:after { content:''; display:inline-block; width:1px; height:11px; margin-left:3.5%; background:#58585a; vertical-align:-2px } 
.footer .utillty a:last-child:after { display:none } 
.footer .copy_txt { color:#fff; padding-bottom:10px; } 
.footer address { text-align:center; color:#83878b; font-size:0.95rem; } 
.footer address p { line-height:1.6; } 
.footer address a { color:#fff; font-weight:1.5; text-decoration:underline; } 

.call_link_box { width:100%; position:fixed; bottom:0; left:0; z-index:10; } 
.call_link { box-shadow: 0px -5px 10px rgba(0,0,0,0.1); position:relative; } 
.call_link li { float:left; width:33%; text-align:center; background:#fffdf0; position:relative; } 
.call_link li.phone { background:#fff6ac } 
.call_link li.kko { width:34%; } 
.call_link li a { display:block; line-height:50px; color: #222; font-weight: bold; } 
.call_link li a span { display:inline-block; padding-left:30px; } 
.call_link li.phone a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_phone.png/gio/resize/40')no-repeat 0 center; background-size:25px auto; } 
.call_link li.text a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_clock.png/gio/resize/40')no-repeat 0 center; background-size:25px auto; } 
.call_link li.kko a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_kakao.png/gio/resize/40')no-repeat 0 center; background-size:25px auto; } 

.call_link li.call_link01 { background:#f7941e; } 
.call_link li.call_link02 { background:#ffba00; } 
.call_link li.call_link03 { background:#7f7f7f; } 

.call_link li:after { display: block; content: ''; position:absolute; width:1px; height:26px; background:#d2c0a7; top:13px; right:0; } 
.call_link li:last-child:after { display: none; } 

.call_link_box .consult_txt { position: absolute; top: -52px; right: 2%; width: 220px; } 
.call_link_box .consult_txt img { width:100%; } 

@keyframes example { 
 from { color:#000; } 
 to { color:#d00018; } 
 }
.img_counsel { position:absolute; left:50%; top:-95px; margin-left:-115px; width:230px; height:95px; background:url(https://m.edu2080.co.kr/images/renew/common/m_custom_tell.png) no-repeat 0 0; background-size:cover; } 
.img_counsel > div { font-size:15px; font-weight:bold; line-height:20px; text-align:center; padding-top:40px; color:#000; font-family:HelveticaNeue-Condensed,Helvetica,sans-serif; } 
.img_counsel > div * { display:block; } 
.img_counsel > div strong { margin-top:8px; font-size:24px; color:#000; animation-name:example; animation-iteration-count:infinite; animation-duration:1.2s; animation-timing-function:cubic-bezier(43,.54,.96,95); } 
.img_counsel .sub_txt { color:#777; font-size:11px; line-height:16px; } 

@media all and (max-width:320px){
 .img_counsel { top:-74px; margin-left:-90px; width:180px; height:75px; } 
 .img_counsel > div { padding-top:30px; font-size:11px; line-height:18px; } 
 .img_counsel > div strong { font-size:16px; } 
 .img_counsel .sub_txt { line-height:14px; } 
 }

/* 모바일 상담시간 연장 안내 단기 4일만 ! */
.img_counsel.v2 { background:url('https://m.edu2080.co.kr/images/renew/common/m_img_cs02.png') no-repeat 0 0; background-size:cover; } 
.img_counsel.v2 > div { padding-top:12px } 
.img_counsel.v2 > div .perid { width:75px; color:#fff200; padding-left:21px; margin:0 auto; } 

@media all and (max-width:320px){
 .img_counsel.v2 > div { padding-top:7px; font-size:11px; line-height:18px; } 
 }


.all_count { position:absolute; top:68%; left:60%; } 

/* 공통 pageing */
.pageing_w { overflow:hidden; margin:2% auto; text-align:center; } 
.pageing_w a { display:inline-block; font-size:0.9rem; margin-left:2px; } 
.pageing_w span { display:inline-block; width:15px; height:15px; background:url('/Images/register/afterword/paging_icon.png') no-repeat 0 0; vertical-align:middle; margin-left:4px; } 
.pageing_w span.pre_l { background-position:0 0; } 
.pageing_w span.prev_l { background-position:-15px 0; } 
.pageing_w span.pre_r { background-position:-30px -15px; } 
.pageing_w span.prev_r { background-position:-45px -15px; } 


/* 불편사항신고 */
.complaint-btn { display:inline-block; color:#ff7e00; text-decoration:underline; font-size:1.1rem; letter-spacing:-1px } 
.complaint-btn:before { content:''; display:inline-block; width:22px; height:18px; margin-right:4px; background:url('/images/common/icon_complaint_m.png') 0 0 no-repeat; background-size:100%; vertical-align:-3px } 
#footer .complaint-btn { text-decoration:none } 
#footer .complaint-btn:before { background-image:url('/images/common/icon_complaint_m2.png') } 

/* 공인인증서 로그인 안될 때*/
.sign_login { display:block; color:#6c6c6c; font-size:1.1rem; letter-spacing:-1px; margin-top:10px; } 
.sign_login:before { content:''; display:inline-block; width:18px; height:18px; margin-right:4px; background:url('/images/common/icon_sign.png') 0 0 no-repeat; background-size:100%; vertical-align:-3px } 

/* 공동인증서 예외처리 신청서 */
.bg_cover { background-color: rgba(0,0,0,0.6); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none; } 
.login_popup { width: 90%; border: 1px solid #35383f; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 90%; height: 100%; } 
.login_popup .login_pop_txt { overflow-y: auto; height: 100%; } 
.login_popup .login_pop_txt .pop_tit { background: #35383f; color:#fff; text-align: center; font-size: 4vw; padding: 20px 0 } 
.login_popup .login_pop_txt > ul { padding:25px; box-sizing: border-box; font-size: 14px; line-height: 1.5; } 
.login_popup .login_pop_txt > ul h4 { font-size: 16px; margin-bottom: 5px; } 
.login_popup .login_pop_txt > ul > li { margin-bottom: 10px; } 
.login_popup .login_pop_txt > ul > li:last-child { margin-bottom: 0; } 
.login_popup .login_pop_txt > ul > li strong { color:#DD0B0B } 
.login_popup .close_btn { position: absolute; right: 0; top: -20px; display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #fff; color:#222; text-align: center; font-weight: bold; font-size: 18px; } 
.login_popup .download_btn { display: block; width: 100%; height: 50px; line-height: 50px; background: #cb4103; border-radius: 30px; font-size: 3.5vw; color:#fff; text-align: center; font-weight: bold; } 

/* 공동인증서 로그인 오류 처리*/
.certified_pop_wrap { display:none; position:fixed; top:0; left:0; width: 100%; height: 100%;; z-index: 9999; } 
.certified_pop_wrap .bg { display: block; width:100%; position:fixed; top:0; left:0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.6); } 
.certified_pop_wrap .pop_inner { position:absolute; top:50%; left:50%; width: 70vw; transform: translate(-50%,-50%); z-index: 5; } 
.certified_pop_wrap .pop_inner img { width: 100%; } 
.certified_pop_wrap .pop_inner a { display: block; width: 60px; height: 60px; text-indent: -9999px; position: absolute; top:0; right: 0; } 



@media all and (min-height:665px){
 .login_popup .img_box { height: auto; } 
 }

/*모바일 상단 패밀리사이트추가*/

.btn_family { position:absolute; top:45%; left:75%; margin-left:-7px; } 
.btn_family a { display:block; width:15px; height:9px; text-indent:-99999px; background:url('https://m.edu2080.co.kr/images/renew/common/btn_family.png')no-repeat 0 top; } 

.btn_family a.on { background-position:0 bottom; } 

/*패밀리 사이트 메뉴*/
.fm-list:after { clear:both; content:""; display:block; } 
.fm-list > li { float:left; height:42px; line-height:42px; padding:0 10px; font-weight:bold; text-align:center; } 
.fm-list > li a { display:block; font-size:20px; } 
.fm-list > li a.active { display:inline-block; height:42px; border-bottom:3px solid #ed8b00; color:#ed8b00; } 
.fm-list > li.m1 { width:70px!important; } 
.fm-list > li.m2 { width:70px!important; } 
.fm-list > li.m3 { width:80px!important; } 
.fm-list > li.m4 { width:130px!important; } 
.fm-list > li.m5 { width:70px!important; } 
.fm-list > li.m6 { width:148px!important; } 


/*패밀리 사이트 내용*/
.family-con ul:after { clear:both; content:""; display:block; } 
.con-list > li { float:left; width:100%; } 
.con-list > li ul { border-top:1px solid #e2e2e2; } 
.con-list > li ul li { float:left; width:calc(50% - 1px); height:42px; line-height:42px; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } 
.con-list > li ul li:first-child { border-left:0; } 
.con-list > li ul li a { display:block; text-indent:10px; font-size:18px; } 

/*패밀리 사이트 메뉴 미디어쿼리*/
@media all and (min-width: 320px) and (max-width: 380px){
 .fm-list > li a { font-size:17px; } 
 .con-list > li ul li a { font-size:15px; } 
 .fm-list > li { padding:0 3px; } 
 .fm-list > li:nth-child(1) { width:51px!important; } 
 .fm-list > li:nth-child(2) { width:51px!important; } 
 .fm-list > li:nth-child(3) { width:68px!important; } 
 .fm-list > li:nth-child(4) { width:115px!important; } 
 .fm-list > li:nth-child(5) { width:51px!important; } 
 .fm-list > li:nth-child(6) { width:120px!important; } 
 }
@media all and (min-width: 381px) and (max-width: 480px){
 .fm-list > li { padding:0 6px; } 
 .con-list > li ul li a { font-size:16px; } 
 .fm-list > li a { font-size:18px; } 
 .fm-list > li:nth-child(1) { width:53px!important; } 
 .fm-list > li:nth-child(2) { width:53px!important; } 
 .fm-list > li:nth-child(3) { width:68px!important; } 
 .fm-list > li:nth-child(4) { width:115px!important; } 
 .fm-list > li:nth-child(5) { width:53px!important; } 
 .fm-list > li:nth-child(6) { width:122px!important; } 
 }





[class$='_btn_gray'] { border:0; } 
[class$='_btn_gray'] a { color:#000; } 

#gnb a { color:#000; background:none; font-weight:bold; height:40px; line-height:40px; } 


.top_lview_layer { position:absolute; top:31px; right:0; width:170px; display:none; } 
.top_lview_layer ul { border:2px solid #f7941e; background:#fff; text-align:center; padding:0 5px; } 
.top_lview_layer ul li { border-top:1px solid #e9e9e9; } 
.top_lview_layer ul li a { color:#000000; font-size:14px; display:block; padding:8px 0; } 
.top_lview_layer ul li:first-child { border-top:0; } 

/* 개인정보 처리방침 */
.personal_infor_area { font-family:'Malgun Gothic','맑은고딕','맑은 고딕'; } 
.personal_infor_area * { font-size:12px; } 
.personal_infor_area .agree_prev_btn { margin-top:20px; } 
.personal_infor_area .agree_prev_btn a { color: #cc0000; } 
.personal_infor_area .mt0 { margin-top:0; } 
.personal_infor_area .mt10 { margin-top:10px; } 
.personal_infor_area .mt20 { margin-top:20px; } 
.personal_infor_area .mt30 { margin-top:30px; } 
.personal_infor_area h3 { margin-top:30px; font-size:14px; } 
.personal_infor_area li { margin-top:10px; line-height:22px; } 
.personal_infor_area p { margin-top:10px; line-height:22px; } 
.personal_infor_area table { width:100%; margin-top:10px; } 
.personal_infor_area table th,
.personal_infor_area table td { border:1px solid #ccc; padding:10px 5px; } 
.personal_infor_area .align_cen { text-align:center; } 
.personal_infor_area .bg_gray { background:#eee; text-align:center; } 

.table_scroll { position:relative; overflow-x:scroll; overflow-y:hidden; width:100%; padding-bottom:20px; -webkit-transform: translateZ(0); } 
.table_scroll table { width:200%; } 


/*공통*/
.hidden { position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; cursor: normal; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); } 

/*header*/
.header .header_top { width:100%; } 
.header .header_top img { width:100%; } 
.header .logo_wrap { position:relative; padding:5% 3%; z-index:10; } 
.header h1.logo { position:absolute; top:50%; left:13%; width:auto; margin-top:-19.5px; line-height:0; } 
.header h1.logo a { display:block; width:200px; height:39px; } 
.header h1.logo a .full_img { height:100%; vertical-align:middle; } 

.logo_wrap .menuBar_w { border:0; } 
.logo_wrap .menuBar_w a { display:block; width:30px; height:20px; text-indent:-99999px; background:url('//gscdn.hackers.co.kr//edu_m/img/main/ico_menu.png')no-repeat 0 0; background-size:contain; } 
.logo_wrap .btn-event { position:absolute; top:50%; left:84%; margin-top:-15px; margin-left:-30px; } 
.logo_wrap .btn-event .all-event { display:block; width:30px; height:32px; text-indent:-9999px; background:url('//gscdn.hackers.co.kr//edu_m/img/main/menu_event.png')no-repeat 0 0; background-size:contain; } 
.logo_wrap .ico_count { display:inline-block; height:8px; width:8px; font-size:1rem; text-align:center; line-height:1.3rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; background-color:#ff7e00; border:1px solid #ff7e00; } 
.all_count { left:27px; top:-6px; } 
.logo_wrap .btn_menu { position:absolute; right:1%; top:50%; margin-top:-13px; } 


@media all and (max-width:400px){
 .header h1.logo { margin-top:-15.5px; } 
 .header h1.logo a { width:160px; height:auto; } 
 .logo_wrap .btn-event .all-event { width:26px; height:28px; } 
 .all_count { left:27px; top:-4px; } 
 }

/*상단버튼*/
.top_btn { display:none; position:fixed; bottom:60px; right:3%; text-align:center; } 
.top_btn button { width:30px; height:30px; border-radius:50%; font-weight:bold; text-indent:-9999px; cursor:pointer; background:#fff url('//gscdn.hackers.co.kr//edu_m/img/main/bul_arrow2.png')no-repeat center center; background-size:12px auto; } 

/*장바구니*/
.logo_wrap .basket_btn { position: absolute; top: 50%; left: 74%; margin-top: -15px; margin-left: -30px; } 
.logo_wrap .basket_btn .basket_icon { display: block; width: 32px; height: 32px; font-size:0; background: url('//gscdn.hackers.co.kr//edu_m/img/main/ico/main_icon1.png/gio/resize/45')no-repeat 0 0; background-size: contain; } 
.logo_wrap .basket_btn .basket_icon span { width: 18px; height: 18px; font-size: 10px; position: absolute; top: -3px; right: -3px; display: block; background: #f04719; border-radius: 50%; color: #fff; text-align: center; } 
.logo_wrap .btn_menu .mypage { display: block; width: 32px; height: 32px; text-indent: -9999px; background: url('//gscdn.hackers.co.kr//edu_m/img/main/ico/main_icon3.png/gio/resize/45')no-repeat 0 0; background-size: contain; } 
@media (max-width: 400px){
 .logo_wrap .basket_btn .basket_icon { width: 28px; height: 28px; } 
 .logo_wrap .basket_btn .basket_icon span { top:0 !important; right:0 !important; width:15px !important; height:15px !important; } 
 .logo_wrap .btn_menu .mypage { width:28px; height:28px; } 
 }
.logo_wrap .basket_btn.after_login { left: 70%; } 
.logo_wrap .btn-event.after_login { left: 80%; } 
.logo_wrap .btn_menu.after_login { right: 1%; } 

/* alt */
.alt_hiddenbox { display: block; height: 0; width: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden; } 



.package_area { background: #fff; padding: 10% 0;} 
.package_area * { box-sizing: border-box; } 
.package_area .package_wrap > p { width: 90%; margin: 0 auto; text-align: center; font-size: 1rem; color: #333; } 
.package_area h3 { width: 90%; margin: 0 auto; text-align: center; font-size: 2.35rem; color: #0555e8; font-weight: bold; line-height: 3.05rem; } 
.package_area.package_area_v2 h3 { color: #c70012; } 
.package_area h3 span { color: #333; display: block; } 
.package_area .package_wrap { width: 90%; margin: 5% auto 0; } 
.package_area .package_wrap ul.package_list { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } 
.package_area .package_wrap ul.package_list >li { width: 100%; padding: 5%; border-radius: 1rem; border:2px solid #e0e0e0; margin-bottom: 5%; position: relative; } 
.package_area .package_wrap ul.package_list >li:nth-of-type(1) { border-color: #0555e8; } 
.package_area.package_area_v2 .package_wrap ul.package_list >li:nth-of-type(1) { border-color: #c70012; } 
.package_area .package_wrap ul >li h4 { font-size: 7.2vw; color: #333; font-weight: bold; display: flex; align-items: center; justify-content: space-between; margin-bottom: 3%; } 
.package_area .package_wrap ul >li:nth-of-type(1) h4 { color: #0555e8 !important; } 
.package_area.package_area_v2 .package_wrap ul >li:nth-of-type(1) h4 { color: #c70012 !important; } 
.package_area .package_wrap ul >li h4.subject_title { display: block; } 
.package_area .package_wrap ul >li h4.subject_title p { font-size: 1.15rem; color: #333; margin-top:2%; font-weight: 500; } 
.package_area .package_wrap ul.package_list >li .point_txt { color: #6482ce; background: #e5eeff; display: inline-block; text-align: center; padding: 2% 3%; border-radius: 0.75rem; font-size: 1rem; font-weight: 700; position: absolute; left: 5%; bottom: 25.3%; } 
.package_area.package_area_v2 .package_wrap ul.package_list >li .point_txt { color: #c70012; background: #ffe5e5; } 
.package_area .package_wrap ul.package_list >li .point_txt.type02 { bottom: 34%; } 
.package_area .package_wrap ul.package_list >li .point_txt.type03 { bottom: 101%; left: 0; } 
.package_area .package_wrap ul.package_list >li .package_info { display: block } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap { text-align: right; margin-top: 10%; } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap .flex { display: flex; align-items:baseline; justify-content: end; gap: 5%; margin-bottom: 3%; } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap .flex p { margin: 0; } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap span { display: block; font-size: 4.5vw; } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap p { font-size: 8vw; color: #333; font-weight: bold; margin: 0 0 3%; } 
.package_area .package_wrap ul.package_list >li .package_info .apply_btn_wrap a { display: flex; text-align: center; padding: 6% 0; background: #35383f; color: #fff; border-radius: 0.75rem; font-weight: 700; font-size: 4.75vw; height: 16vw; width: 100%; justify-content: center; align-items: center; } 
.package_area .package_wrap ul.package_list >li:nth-of-type(1) .package_info .apply_btn_wrap a { background: #0555e8 !important; } 
.package_area.package_area_v2 .package_wrap ul.package_list >li:nth-of-type(1) .package_info .apply_btn_wrap a { background: #c70012 !important; } 
.package_area .package_wrap ul.package_list >li ul.price_list li { display: flex; align-items: end; justify-content: space-between; width: 66%; margin-bottom: 3%; } 
.package_area .package_wrap ul.package_list >li ul.price_list li span { font-size: 4.5vw; } 
.package_area .package_wrap ul.package_list >li ul.price_list li span:nth-of-type(1) { text-align: left; width: 50%; } 
.package_area .package_wrap ul.package_list >li ul.price_list li span:nth-last-of-type(1) { text-align: left; } 
.package_area .package_wrap ul.package_list >li ul.price_list li.font_red span { color: #c21b1b; } 
.package_area .package_wrap ul.package_list >li .sale { display: flex; align-items: center; justify-content: left; gap: 3%; } 
.package_area .package_wrap ul.package_list >li .sale span { font-size: 4.5vw; color: #000; } 
.package_area .package_wrap ul.package_list >li .sale span { width: auto; } 
.package_area .package_wrap ul.package_list >li .sale span.icon { display: block; width:1.5rem; height: 1.45rem; background: url("//cdn.edu2080.co.kr/edu2080/images/common/icon/arrow_g.png") 0 0 no-repeat; background-size: 100%; } 
.package_area .package_wrap ul.package_list >li.subject h4 { font-weight: bold; display: block; margin: 12% 0 0%; position: relative; } 
.package_area .package_wrap ul.package_list >li.subject ul.price_list li { width: 100%; align-items: center; } 
.package_area .package_wrap ul.package_list >li.subject ul.price_list li span:nth-of-type(1) { text-align: left; } 
.package_area .package_wrap ul.package_list >li.subject ul.price_list li span.point_color { color: #0555e8; } 
.package_area .package_wrap ul.package_list >li.subject ul.price_list li span:nth-last-of-type(1) { text-align: right; font-size: 7.25vw; font-weight: bold; } 
.package_area .package_wrap ul.package_list >li.subject >a { display: flex; text-align: center; padding: 0; background: #35383f; color: #fff; border-radius: 1rem; font-weight: 700; font-size: 4.75vw; height: 16vw; justify-content: center; align-items: center; } 
span.point_color { color: #0555e8 !important; } 
.package_area_v2 span.point_color { color: #c70012 !important; }