@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("/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("/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; display: flex; justify-content: space-between; width: 100%; align-items: center; } 
.call_link li { width:25%; text-align:center; background:#fffdf0; position:relative; display: flex; flex-direction: column; justify-content: center; } 
.call_link li a { display:block; color: #222; font-weight: bold; font-size: 1.2rem; padding: 1rem 0; } 
.call_link li a span { display:block; width: 3rem; height: 2.5rem; background: url('//gscdn.hackers.co.kr/edu_m/img/main/icon_phone.png') no-repeat center center / 100% 100%; margin: 0 auto 0.5rem; } 
.call_link li.phone a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_phone.png')no-repeat 0 center; background-size:100% 100%; } 
.call_link li.text a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_clock.png')no-repeat 0 center; background-size:100% 100%; } 
.call_link li.kko a span { background:url('//gscdn.hackers.co.kr/edu_m/img/main/icon_kakao.png')no-repeat 0 center; background-size:100% 100%; } 
.call_link li.chat a span { background:url('//cdn.edu2080.co.kr/edu2080/images/common/icon/icon_chat.png')no-repeat 0 center; background-size:100% 100%; } 

.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(/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('/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('/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)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)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 ul.price_list li.font_blue span { color: #0047c9; } 
.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; } 
/* 챗봇 */

.ai_chat_wrap * { margin:0; padding:0; box-sizing:border-box; font-family: noto-sans-kr, sans-serif; } 
.ai_chat_wrap { position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; background: linear-gradient(to bottom, #ffdfc5, #b7f8f8); overflow: hidden; display: none; } 
.ai_chat_wrap.active { display: block; } 

/* 헤더 영역 */
.chat_header { position: absolute; top:0; left: 0; z-index: 100; width: 100%; background: url('//cdn.paranhanul.net/hanul/images/common/icon/header_bg.png') no-repeat center; background-size: 100%; padding: 3% 5%; display: flex; align-items
 : center; justify-content: center;; } 
.chat_header .chatbot_badge { position: absolute; bottom: -11%; left: 2%; } 
.chat_header .chatbot_badge span { display: block; width: 6rem; height: 6rem; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/top_icon.png') no-repeat center; background-size: 100%; } 
.chat_header .chat_title { display: block; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/chat_logo.png') no-repeat center; background-size: 100%; width: 16rem; height: 50px; margin-right: 0; position: relative; top: -0.7rem; } 
.chat_header .beta_badge { font-size: 12px; color: #666; margin-left: 5px; } 
.chat_header .btn_close { width: 24px; height: 24px; position: absolute; text-align: center; font-size: 24px; color: #666; text-decoration: none; top: 5px; right: 20px; } 
.chat_content { flex: 1; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } 
.chat_content::-webkit-scrollbar { display: none; } 

/* 공지 영역 */
.chat_notice { padding: 20% 0 5%; width: 90%; margin: 0 auto; position: relative; text-align: center; } 
.chat_notice p { font-size: 1.15rem; line-height: 1.75rem; color: #666; text-align: center; } 
.chat_notice .btn_counsel { color: #333; text-decoration: none; font-weight: bold; } 
.chat_notice .guide_btn {display: inline-block; margin: 0.8rem auto 1rem; border: 1px solid #666; padding: 3px 7px; border-radius: 15px; font-size: 1.1rem; text-align: center; color: #222;}
.chat_notice time { display: block; font-size: 1rem; color: #999; text-align: right; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 0 10px; } 
.chat_notice time::before, .chat_notice time::after { content: ""; position: absolute; top: 53%; left: -145px; width: 150px; height: 1px; background: #ddd; } 
.chat_notice time::after { left: 60px; } 

/* 채팅 내용 영역 */
.chat_content { list-style: none; padding: 5%; height: 62%; overflow-y: scroll; } 
.chat_content::-webkit-scrollbar { width: 0.5rem; } 
.chat_content::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 0.7rem; } 
.chat_content::-webkit-scrollbar-track { background:rgba(255,255,255,0.4); border-radius: 0.7rem; } 
.chat_message { margin-bottom: 1.5rem; } 
.chat_message.bot { display: flex; align-items: flex-start; gap: 0.5rem; justify-content: left; } 
.chat_message .avatar { display: block; width: 3.5rem; height: 3.5rem; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/bot_icon.png') no-repeat center; background-size: 100%; } 

/* 메시지 스타일 */
.chat_message .message { max-width: 80%; } 
.chat_message.user .message { margin-left: auto; color: #333; } 
.chat_message .message_text { font-size: 1.15rem; line-height: 1.75rem; background: #f7ffd9; border-radius:0.75rem 0.75rem 0 0.75rem; padding: 7% 5%; } 
.chat_message .message_text.event { background: #fff; padding: 0; overflow: hidden; } 
.chat_message.bot .message_text { border-radius: 0 0.75rem 0.75rem 0.75rem; background: #fff; width: 130%; max-width: 70vw; min-width: 70vw;} 
.chat_message.bot.w100 .message_text { width: 130%; } 
.chat_message.bot .message_text.event_message { width: 100%; } 
.chat_message.bot .message_text.loading_message { width: 150%; padding: 10% 7%; } 
.chat_message .message_time { font-size: 0.85rem; color: #999; margin-top: 0.5rem; } 

/* 버튼 그룹 */
.button_group { list-style: none; margin-top: 1rem; } 
.button_group li { display: inline-block; margin-right: 0.5rem; margin-bottom: 1rem; } 
.button_group li:nth-last-of-type(1) { margin-right: 0; } 
.button_group .btn { display: inline-block; padding: 0.85rem 1rem; border: 1px solid #c93000; background: #fff; border-radius: 1.5rem; text-decoration: none; color: #c93000; font-size: 1.1rem; } 

/* 입력 영역 */
.user_chat { position: absolute; bottom: 0; width: 100%; } 
.user_chat.active { bottom: 27vw; } 
.user_chat .new { display: none; position: absolute; top: -37px; left: 50%; transform: translateX(-50%); font-size: 0.8rem; color: #fff; background: rgba(0, 0, 0, 0.55); padding: 7px 20px; border-radius: 20px; } 
.user_chat .new.active { display: block; } 
.chat_input { background: #fff; padding: 3% 5%; display: flex; align-items: center; gap: 5%; position: relative; } 
.chat_input .ico_menu { display: block; width: 2.4rem; height: 2.4rem; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/menu_icon.png') no-repeat center; background-size: 100%; } 
.chat_input .ico_menu.active { background: none; position: relative; } 
.chat_input .ico_menu.active::before { content: "×"; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #666; } 
.chat_input .input_wrap { display: flex; align-items: center; border: 1px solid #eeeeee; background: #f8f8f8; border-radius: 30px; padding: 10px; width: 90%; } 
.chat_input textarea { flex: 1; border: none; resize: none; line-height: 1.55rem; font-size: 1.1rem; color: #333; background: #f8f8f8; outline: none; padding: 0 3%; width: 100%; } 
.chat_input textarea::placeholder { color: #333; font-size: 1.1rem; } 
.chat_input textarea::-webkit-scrollbar { display: none; } 
.chat_input .ico_send { display: block; width: 3rem; height: 3rem; background: url('//cdn.paranhanul.net/hanul/images/common/icon/send_off.png') no-repeat center; background-size: 100%; } 
.chat_input .ico_send.active { background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/apply_on.png') no-repeat center; background-size: 130%; } 

/* 타이핑 효과 */
.loading_dots { padding: 10% 0; margin-left: 10%; } 
.typing_dot { display: inline-block; width: 6px; height: 6px; margin: 0 3px; background: #70aafd; border-radius: 50%; animation: waveAnimation 1.2s infinite ease-in-out; opacity: 0.5; } 
.typing_dot:nth-child(2) { animation-delay: -1.1s; background: #a0c998; } 
.typing_dot:nth-child(3) { animation-delay: -0.9s; background:#ffa000; } 
@keyframes waveAnimation { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-5px); } 
 }

.course_buttons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 10px; width: 100%; } 
.course_buttons.quickest_class { grid-template-columns: repeat(1, 1fr); } 

.course_btn { display: block; padding: 6% 0; padding: 12px; background: #fdf2e7; border-radius: 8px; text-align: center; text-decoration: none; color: #333; font-size: 14px; transition: all 0.2s; } 
.course_btn { width: 100%; } 


/* popup */
.menu_popup { position: absolute; bottom:-27vw; left: 0; width: 100%; background: #fff; border-radius:0; z-index: 100; visibility: hidden; transform: translateY(10px); transition: all 0.2s ease-in-out; display: none; } 
.menu_popup.active { visibility: visible; transform: translateY(0); display: block; } 
.btn_close { display: inline-block; padding: 4px 8px; font-size: 24px; color: #666; text-decoration: none; } 
.menu_popup .popup_content { margin-top: 0; padding:5% 3%; display: flex; justify-content: space-between; align-items: center; } 
.popup_content li { width: 32.33%; display: flex; justify-content: center; } 
.menu_btn { color: #333; font-size: 0.85rem; line-height: 1.2rem; text-align: center; display: flex; flex-direction: column; align-items: center; } 
.menu_btn p { background: #ffdfc5; padding: 25%; border-radius: 50%; margin-bottom: 12%; } 
.menu_btn span { display: block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center; } 
.ico_kakao { background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/ico_kakao.png') 0 0 no-repeat; background-size: 100%; } 
.ico_call { background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/ico_tell.png') 0 0 no-repeat; background-size: 100%; } 
.ico_class { background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/ico_class.png') 0 0 no-repeat; background-size: 100%; } 

/* 닫기 팝업 */
.confirm_popup { display: none; position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; background: #fff; padding:30px; border-radius: 10px; } 
.confirm_popup.active { display: block; } 
.confirm_popup .confirm_text { font-size: 0.9rem; line-height: 1.4rem; color: #333; text-align: center; margin-bottom: 20px; } 
.confirm_popup .confirm_buttons { display: flex; justify-content: space-between; } 
.confirm_popup .confirm_buttons a { display: block; padding: 10px 0; width: 48%; background: #333333; color: #fff; border-radius: 10px; font-weight: 700; text-align: center; transition: all 0.2s; } 
.confirm_popup .confirm_buttons a:hover { background: #ca4104; } 

.select_alert_popup, .close_popup { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } 
.select_alert_popup.active, .close_popup.active { display: flex; align-items: center; justify-content: center; } 
.select_alert_popup .popup_content, .close_popup .popup_content { background: #fff; padding: 7%; border-radius: 0.75rem; text-align: center; max-width: 320px; width: 84%; } 
.select_alert_popup p, .close_popup p { margin-bottom: 1rem; line-height: 1.6; word-break: keep-all; font-size: 1.15rem; color:#333; } 
.select_alert_popup .button_wrap, .close_popup .button_wrap { display: flex; gap: 5%; justify-content: center; } 
.select_alert_popup a, .close_popup a { padding: 3.5% 12%; border-radius: 0.75rem; text-align: center; color: #fff; font-size: 1rem; background: #333; display: block; font-weight: 700; } 

.message_text .select_wrap { display: flex; justify-content: space-between; width: 100%; margin-top: 5%; background: none; padding: 0; } 
.message_text .select_wrap select { width: 48%; padding: 0; border-radius: 0.75rem; text-align: center; font-size: 1rem; display: block; border: 1px solid #d5d5d5; } 
.message_text .select_wrap select option { text-align: center; } 
.message_text .select_btn { padding: 3.2% 0; width: 100%; border-radius: 0.75rem; text-align: center; color: #666; font-size: 1.15rem; background: #fdf2e7; display: block; font-weight: 700; margin-top: 6%; } 
.message_text .select_btn.active { background: #ca4104; color: #fff; } 
.message_text .select_btn.disabled { background:#f8f8f8; color: #ddd; } 

.select_text { display: inline-block; color: #ca4104; font-weight: bold; } 


.event_card { display: block; width: 100%; margin: 0; text-decoration: none; color: inherit; } 
.event_card .event_image { width: 100%; height: auto; display: block; } 
.event_card .event_text { padding: 5%; font-size: 1rem; line-height: 1.5rem; color: #333; word-break: keep-all; } 
.chat_message.bot .message_text .event_card { margin-left: 0; margin-right: auto; } 
.event_card .event_url { color: #ca4104; font-size: 0.95rem; margin-top: 3%; word-break: break-all; display: block; } 

 /* 전화상담신청 팝업 */
 .consulting_tel_pop { width: 100%; position: fixed; height: 100%; top: 0; left: 0; z-index:9999; display: none; } 
 .consulting_tel_pop.active { display: block; } 
 .consulting_tel_pop .bg { width: 100%; height: 100%; display: block; background:rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: -1; } 
 .consulting_tel_pop .pop_cont { margin: 0 auto; background:linear-gradient(to bottom, #ca4104, #fff); position: fixed; top: 0; left: 0; width: 100%; border-radius: 0; height: 100%; } 
 .consulting_tel_pop .pop_cont .top_wrap a { position: absolute; top: 2%; right: 3%; display: block; width: 30px; height: 30px; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/close_icon.png') no-repeat center center / 100% 100%; } 
 .consulting_tel_pop .pop_cont .top_wrap p { width: 80%; margin: 5% auto; text-align: center; } 
 .consulting_tel_pop img { display: block; width: 100%; } 
 .consulting_tel_pop .pop_cont .form { background:#fff; border-radius:0.75rem 0.75rem 0 0; padding: 4%; height: 84vh; overflow-y: scroll; } 
 .consulting_tel_pop .pop_cont .form::-webkit-scrollbar { width: 5px; background: rgba(0,0,0,0.0); } 
 .consulting_tel_pop .pop_cont .form::-webkit-scrollbar-thumb { background: #d3d3d3; border-radius: 10px; opacity: 0.5; } 
 .consulting_tel_pop .pop_cont .form .tit { font-size: 1.45rem; font-weight: bold; color: #222; margin-bottom: 2%; display: block; } 
 .consulting_tel_pop .pop_cont .form input[type="text"] { background: #fff; border-radius: 0.55rem; width: 100%; border: 1px solid #c0c0c0; font-size: 1.25rem; box-sizing: border-box; padding: 3% 5%; line-height: 1; } 
 .consulting_tel_pop .pop_cont .form input[type="text"]::placeholder { font-size: 1.25rem; color:#6E6A67; } 
 .consulting_tel_pop .pop_cont .date_box { display: flex; justify-content: space-between; } 
 .consulting_tel_pop .pop_cont .date_box input[type="text"] { width: 40%; background:#fff; border:1px solid #c0c0c0; } 
 .consulting_tel_pop .pop_cont .chkbox_inner select { width: 100%; background: #fff; border: 1px solid #c0c0c0; border-radius: 0.45rem; font-size: 1.15rem; box-sizing: border-box; padding: 0 5%; height: 5vh; } 
 .consulting_tel_pop .pop_cont .date_box select { width: 56%; background: #fff; border: 1px solid #c0c0c0; border-radius: 0.45rem; font-size: 1.15rem; box-sizing: border-box; padding: 0 5%; height: 5vh; } 
 .consulting_tel_pop .pop_cont .user_info li { margin-bottom: 10px; } 
 .consulting_tel_pop .chkbox_inner ul { display: flex; justify-content:space-between; } 
 .consulting_tel_pop .chkbox_inner ul li { width: 48%; } 
 .consulting_tel_pop .chkbox_inner ul input+label { display: block; font-size: 16px; border:1px solid #6E6A67; color:#6E6A67; padding:5% 0; border-radius:35px; text-align: center; font-weight: bold; cursor: pointer; } 
 .consulting_tel_pop .chkbox_inner ul input:focus+label { outline: 3px solid #090909; outline-offset:3px; } 
 .consulting_tel_pop .chkbox_inner ul input:checked+label { border-color:#ce3f00; color:#ce3f00; } 
 .consulting_tel_pop .pop_subtit { font-size: 1.45rem; font-weight: bold; color: #222; margin-bottom: 2%; display: block; } 
 .consulting_tel_pop .agree_txt_btn { display: block; margin: 5% 0; font-size: 1.1rem; color: #222; text-align: center; padding: 0.75rem 0; border-radius: 10px; cursor: pointer; border: 1px solid #ce3f00; background: #fff7f1; } 
 .consulting_tel_pop .agree_txt_btn span { font-size: 0.85rem; display: inline-block; margin-left: 5px; } 
 .consulting_tel_pop .agree_txt { background:#fff7f1; border-radius:10px; box-sizing:border-box; padding:15px; height: 120px; overflow-y: scroll; overflow-x: hidden; margin-top: 10px; color:#222; display: none; border:1px solid #ce3f00; margin-bottom: 20px; } 
 .consulting_tel_pop .agree_txt.active { display: block; } 
 .consulting_tel_pop .agree_txt::-webkit-scrollbar { width: 5px; background: rgba(0,0,0,0.0); } 
 .consulting_tel_pop .agree_txt::-webkit-scrollbar-thumb { background: #FFB176; border-radius: 10px; opacity: 0.5; } 
 .consulting_tel_pop .submit_btn { width: 100%; background: #ce3f00; color: #fff; font-weight: bold; font-size: 1.75rem; text-align: center; box-sizing: border-box; padding: 5% 0; border-radius: 3rem; display: block; } 
 .consulting_tel_pop .info_txt { font-size: 12px; margin: 10px 0; } 
 .consulting_tel_pop .info_txt span { font-weight: 700; } 
 .consulting_tel_pop .pop_cont .form .privacy_chk ul { margin: 20px 0; } 
 .consulting_tel_pop .pop_cont .form .privacy_chk ul label { font-weight: 500; font-size: 0.95rem;; } 
 .consulting_tel_pop .pop_cont .form .privacy_chk ul label span { color: #ce3f00; } 
 .consulting_tel_pop .privacy_chk { margin:10% 0 0 } 
 .consulting_tel_pop .privacy_chk label { padding-left: 8%; display: inline-block; position: relative; line-height: 0; font-size: 1.3rem; margin-bottom: 6%; } 
 .consulting_tel_pop .privacy_chk label:after { content:""; display: block; width: 20px; height: 20px; border-radius: 50%; border:1px solid #6E6A67; position: absolute; top: 50%; left: 0; transform:translateY(-50%); background: #f2f2f2; } 
 .consulting_tel_pop .privacy_chk input:checked+label:after { background:url("//cdn.edu2080.co.kr/edu2080/images/common/icon/check_icon.png") no-repeat center center / 100% 100%; border-color: #ce3f00; } 
 .consulting_tel_pop .privacy_chk li { margin-bottom: 10px; } 

 
.satisfaction_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } 
.satisfaction_wrap.active { display: block; } 
.satisfaction_wrap .bg { position: absolute; z-index: -1; display: block; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.75); } 
.satisfaction_wrap .pop_inner { position: fixed; bottom: 0;; left: 50%; transform: translateX(-50%); width: 100%; background: #fff; padding: 20px; border-radius: 1rem 1rem 0 0; height: 90vh; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } 
.satisfaction_wrap .pop_title { position: relative; padding: 7% 0 3%; } 
.satisfaction_wrap .pop_title h3 { font-size: 1.55rem; font-weight: bold; text-align: center; } 
.satisfaction_wrap .pop_title .error_close_btn { display: block; width: 2.4rem; height: 2.4rem; background: #f8f8f8; position: absolute; top: -10%; right: -2%; border-radius: 50%; } 
.satisfaction_wrap .pop_title .error_close_btn::after, .satisfaction_wrap .pop_title .error_close_btn::before { content: ""; display: block; width: 1.2rem; height: 1px; background: #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.satisfaction_wrap .pop_title .error_close_btn::after { transform: translate(-50%, -50%) rotate(45deg); } 
.satisfaction_wrap .pop_title .error_close_btn::before { transform: translate(-50%, -50%) rotate(-45deg); } 
.satisfaction_wrap .pop_content {height: 62vh; overflow-y: auto;} 
.satisfaction_wrap .pop_content li { border: 1px solid #ffb176; margin-bottom: 5%; border-radius: 1.05rem; display: flex; align-items: flex-start; justify-content: center; gap: 6%; padding: 5% 0; flex-wrap: wrap; } 
.satisfaction_wrap .pop_content li:nth-last-of-type(1) { margin-bottom: 7%; padding: 5%; } 
.satisfaction_wrap .pop_content li .icon { display: block; width: 4rem; height: 4rem; background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/grade_icon.png') 0 0 no-repeat; background-size: 100%; } 
.satisfaction_wrap .pop_content li .icon.error { background: url('//cdn.edu2080.co.kr/edu2080/images/common/icon/error_icon.png') 0 0 no-repeat; background-size: 100%; } 
.satisfaction_wrap .pop_content li .satisfaction_box { width: 65%; } 
.satisfaction_wrap .pop_content li:nth-last-of-type(1) .satisfaction_box { width: 73%; } 
.satisfaction_wrap .pop_content li .satisfaction_box > p { font-size: 1.1rem; font-weight: 700; color: #333; margin-bottom: 3%; } 
.satisfaction_wrap .pop_content li .satisfaction_box > p > span { display: block; font-size: 0.95rem; font-weight: 500; } 
.satisfaction_wrap .pop_content li .star_wrap { width: 70%; display: flex; align-items: center; justify-content: left; gap: 1%; } 
.satisfaction_wrap .pop_content li .star_wrap input[type="checkbox"] { display: none; } 
.satisfaction_wrap .pop_content li .star_wrap label { display: block; width: 2.5rem; height: 2.5rem; background: url('//cdn.paranhanul.net/hanul/images/common/icon/star_off.png') 0 0 no-repeat; background-size: 100%; } 
.satisfaction_wrap .pop_content li .star_wrap label.active,
.satisfaction_wrap .pop_content li .star_wrap input[type="checkbox"]:checked + label { background: url('//cdn.paranhanul.net/hanul/images/common/icon/star_on.png') 0 0 no-repeat; background-size: 100%; } 

.satisfaction_wrap .pop_content li .star_wrap p { display: flex; align-items: center; justify-content: left; gap: 2px; font-weight: 700; font-size: 1.15rem; margin-left: 3%; margin-bottom: 5%; } 
.satisfaction_wrap .pop_content li .star_wrap p span { color: #ce3f00; } 

.satisfaction_wrap .pop_content li .error_report_wrap { margin-top: 3%; border-top: 1px solid #ebebeb; padding-top: 3%; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap > span { font-size: 1.1rem; font-weight: 700; color: #333; display: block; margin-bottom: 3%; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap .error_type_box { width: 98%; display: flex; flex-wrap: wrap; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p { width: 50%; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p input { display: none; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p label { display: flex; align-items: center; justify-content: left; gap: 5px; padding: 10px; font-size: 14px; font-weight: 500; color:#222; position: relative; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p label::before { content: ""; display: block; width: 20px; height: 20px; border:1px solid #e2e2e2; border-radius: 50%; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p label::after { content: ""; display: block; width: 12px; height: 12px; background: #ce3f00; border-radius: 50%; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); opacity: 0; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p input:checked + label::after { opacity: 1; } 
.satisfaction_wrap .pop_content li .error_report_wrap .error_type_wrap p input:checked + label::before { border:1px solid #ce3f00; } 

.satisfaction_wrap .pop_content li .error_report_wrap textarea { width: 100%; border-radius: 0.75rem; padding: 5%; resize: none; background: #f6f6f6; height: 6rem; overflow-y: auto; border: none; font-size: 1rem; margin: 5% 0 0%; } 
.satisfaction_wrap .pop_content li .error_report_wrap textarea::-webkit-scrollbar { display: none; } 
.satisfaction_wrap .pop_content li .error_report_wrap textarea::placeholder { font-size: 1.1rem; color:#222; opacity: 0.5; } 
.satisfaction_wrap .pop_content li .error_report_wrap >p.limit { width: 100%; font-size: 0.95rem; color:#696969; margin-top: 3%; display: flex; align-items: center; justify-content: end; } 
.satisfaction_wrap .pop_content li .error_report_wrap >p.limit span { color: #333;; } 
.satisfaction_wrap .error_submit_btn { display: block; border-radius: 0.75rem; background: #ce3f00; color: #fff; font-size: 1.35rem; font-weight: 700; text-align: center; margin: 3% auto; padding: 4% 0; } 
.satisfaction_wrap .error_submit_btn.disabled{background: #999;} 


