@charset "utf-8";

.h_quick_agree{position:absolute;top:30%;left:50%;margin-left:-10%;width:20%;}

.main_bot_slide{background-color:#8a4b25;}


/*비번팝업*/
.mb10{margin-bottom:10px;}
.chg_pwd{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;}
.chg_pwd .bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:99970;opacity:.8;filter:alpha(opacity=80)}
.chg_pwd .in_pwd{position:fixed;top:50%;left:50%;max-width:360px;width: 94%;z-index:99980;text-align:center;transform: translate(-50%, -50%);max-height: 90%;overflow: auto;}
.chg_pwd .in_pwd .pwd_inner{padding: 3%;box-sizing:border-box; border:2px solid #d6d6d6;border-bottom: 0; background:#fff;border-radius: 15px 15px 0 0;}
.chg_pwd .in_pwd h4{font-size: 28px;color:#000;}
.chg_pwd .in_pwd img{margin: 10px 0;filter:drop-shadow(0 10px 10px rgba(250,106,0,0.3))}
.chg_pwd .in_pwd strong{display:block;margin-bottom: 10px;font-size: 18px;color:#1b1b1b;}
.chg_pwd .in_pwd strong span{color:#fa6a00;}
.chg_pwd .in_pwd p{display:block;font-size: 16px;color:#000;}
.chg_pwd .in_pwd p span{color:#fa6a00;font-weight:bold;}
.chg_pwd .in_pwd ul{padding: 10px 0 20px;}
.chg_pwd .in_pwd ul li{overflow:hidden;margin-top:10px;}
.chg_pwd .in_pwd ul li:frist-child{margin-top:0;}
.chg_pwd .in_pwd ul li label{display:block;width: 100%;line-height:20px;font-size: 14px;color:#1b1b1b;text-align: left;}
.chg_pwd .in_pwd ul li input[type="password"]{display:block;width: 100%;height:35px;border-radius:5px;border:1px solid #ccc;}
.chg_pwd .in_pwd .btn_ img{width:100%;}
.chg_pwd .in_pwd .pstxt{padding-top:10px;font-size:13px;color:red;}

.chg_pwd .in_pwd .btn_{display: flex;}
.chg_pwd .in_pwd .btn_ .btn{display:inline-block;width: 50%;color:#fff;font-size:16px;font-weight:bold;padding:5% 0}
.chg_pwd .in_pwd .btn_ .btn.t1{margin-left:0;background:#fa6a00;border-radius: 0 0 0 15px;}
.chg_pwd .in_pwd .btn_ .btn.t2{background:#777;border-radius: 0 0 15px 0;}



/*공통*/
.container{background:#f2f2f4;}
.container.t2{background: linear-gradient(to right, #011e4a 30%, #012e72);}
.container h3{font-size:1.8em;text-align:center;}
.cler:after{clear:both;content:"";display:block;}

/*메인슬라이드*/
.main_slide .text_wrap{position:absolute;top:0;left:0;bottom:0;width:100%;text-align:center;}
.main_slide .text_wrap .top{display:inline-block;width:100%;color:#222;font-size:1rem;text-align:left;overflow:hidden;}
.main_slide .text_wrap .top span{float:left;width:32.33%;padding:2% 0;text-align:center;background:rgba(0,0,0,0.4);}
.main_slide .text_wrap .top > div{float:left;width:67.67%;padding:2% 0;text-align:center;background:rgba(0,0,0,0.2);}
.main_slide .text_wrap p{font-size:1.2rem;line-height:1;}
.main_slide .text_wrap p.tit{margin:3% 0;font-size:2.45rem;font-weight:bold;}

.main_slide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{text-align:left;left:5%;bottom:30px;}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a{background:rgba(0,0,0,0.3);}
.main_slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slide .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;}


/* 메인링크 */
.main_contents{padding:8% 3%;}
.main_contents ul {margin-left:1px;margin-top:1px;}
.main_contents ul li{float:left;width:23.5%;margin-left:2%;margin-bottom:2%;border-radius:20px;background-color:#fff;box-shadow:0 0 10px 4px rgba(0,0,0,0.1);}
.main_contents ul li:first-child,
.main_contents ul li:nth-child(4n+1){margin-left:0;}
.main_contents ul li a{position:relative;display:block;text-align:center;padding:0 0 100% 0; line-height:1.2;background-repeat:no-repeat;background-position:center 80%;background-size:35% auto;}
.main_contents ul li a strong{position:absolute;display:block;top:15%;left:50%;width:100%;margin-left:-50%;font-size:1.2em;}
.main_contents ul li.m_menu1 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main01.png/gio/resize/52');}
.main_contents ul li.m_menu2 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main02.png/gio/resize/52');}
.main_contents ul li.m_menu3 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main03.png/gio/resize/52');}
.main_contents ul li.m_menu4 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main04.png/gio/resize/52');}
.main_contents ul li.m_menu5 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main05.png/gio/resize/52');}
.main_contents ul li.m_menu6 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main06.png/gio/resize/52');}
.main_contents ul li.m_menu7 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main07.png/gio/resize/52');}
.main_contents ul li.m_menu8 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main08.png/gio/resize/52');}
.main_contents ul li.m_menu9 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main09.png/gio/resize/52');}
.main_contents ul li.m_menu10 a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main10.png/gio/resize/52');}
.main_contents ul li.m_menu11 a{background-image:url('//cdn.edu2080.co.kr/edu2080/m/img/main/ico/ico_main11.png?w=52');}
.main_contents ul li.m_menu_more a{background-image:url('//gscdn.hackers.co.kr/edu_m/img/main/ico/ico_main_all.png/gio/resize/52');}
/* .view_hide{display:none;} */
/* .main_contents ul li.m_menu_more{margin-left:2%;} */
/* .main_contents ul li.m_menu8{display:none;} */

@media all and (max-width:500px){
    .main_contents ul li a strong{font-size:0.9em;}
}


/*위더스 특별혜택*/
.main_banr_wrap{text-align:center;}
.main_banr_wrap ul.banr_list li{margin-top:3%;padding:0 3%;}
.main_banr_wrap ul.banr_list li img{width:100%;}

.main_banr_wrap ul.link_list{padding:5% 0;}
.main_banr_wrap ul.link_list li{float:left;width:25%;}
.main_banr_wrap ul.link_list li a{display:block;padding-bottom:80%;font-size:1.3em;font-weight:bold;color:#444;border-left:1px solid #ddd;background-repeat:no-repeat;background-position:center bottom;background-size:50% auto;}
.main_banr_wrap ul.link_list li.bg01 a{border-left:0;background-image:url('//gscdn.hackers.co.kr//edu_m/img/main/ico_main09.png/gio/resize/69');}
.main_banr_wrap ul.link_list li.bg02 a{background-image:url('//gscdn.hackers.co.kr//edu_m/img/main/ico_main10.png/gio/resize/69');}
.main_banr_wrap ul.link_list li.bg03 a{background-image:url('//gscdn.hackers.co.kr//edu_m/img/main/ico_main11.png/gio/resize/69');}
.main_banr_wrap ul.link_list li.bg04 a{background-image:url('//gscdn.hackers.co.kr//edu_m/img/main/ico_main12.png/gio/resize/69');}

.main_banr_wrap ul.link_list li a span{display:block;font-size:1rem;font-weight:normal;}


/*명예의전당*/
.main_review{margin-top:5%;padding:5% 0 0;text-align:center;border-radius:35px 35px 0 0;background:#fff;}

.main_player{padding:5% 3%;}
.main_player .play_btn{display:block;}
.main_player .play_btn img{width:100%;}
.main_player iframe{width:100%;}
.iframe_player{display:none;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.iframe_player iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.main_player dl{margin-top:5%;}
.main_player dl dt{font-size:1.2em;font-weight:bold;color:#444;}
.main_player dl dd{color:#888;}

.review_list{padding:0 3%;}
.review_list li{float:left;}
.review_list li a{display:block;}
.review_list li a img{width:100%;}
.review_list li dl{padding-top:3%;text-align:left;line-height:normal;}
.review_list li dl dt{font-weight:bold;}
.review_list li dl dd{font-size:0.9em;color:#888;}

/*하단배너영역*/
.main_bot_banr{background-color:#fff;border-radius:0 0 35px 35px;}
.main_banr_wrap2{padding:5% 0 0;}

.main_consult{padding:0 3%;}
.main_consult ul li{overflow:hidden;padding:5% 0;}
.main_consult ul li:first-child{border-bottom:2px solid #f7f7f8;}
.main_consult ul li > div{float:left;line-height:40px;}
.main_consult ul li > div.left{position:relative;width:40%;padding: 0 3% 0 7%;}
.main_consult ul li > div.left:after{clear:both;content:"|";display:block;position:absolute;top:0;right:0;color:#d6d6d6;}
.main_consult ul li > div.right{width:60%;color:#444;text-align:center;}
.main_consult ul li > div.ico_phone{background: url('//gscdn.hackers.co.kr//edu_m/img/main/ico_phone.png/gio/resize/20')no-repeat 5% center;background-size: 15px auto;}
.main_consult ul li > div.ico_sns{background: url('//gscdn.hackers.co.kr//edu_m/img/main/ico_sound.png/gio/resize/23')no-repeat 5% center;background-size: 23px auto;}
.main_consult ul li > div.left strong{display:block;text-align:center;font-size:1em;}
.main_consult ul li > div.right a{display:inline-block; width:40px;height:40px;margin-left:10%;}
.main_consult ul li > div.right a img{width:100%;}


/**/
.main_bot{position:relative;padding:0 0 5%;text-align:center;background: linear-gradient(to right, #011e4a 30%, #012e72);}
.main_bot img{width:100%;}
.main_bot strong{display:block;color:#fff;padding:3% 0;}
.main_bot .main_bot_txt{height:65px;overflow:hidden;padding-top:3%;}
.main_bot .main_bot_txt p{font-size:0.9em;line-height:1.4;color:#fff;}
.main_bot .main_bot_txt p.opa{background: linear-gradient(to bottom, #9f9fa0, rgba(0,0,0,0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.main_bot a.txt_btn{display:block;width:94%;margin:3% auto 0;line-height:30px;color:#fff;border-radius:10px;background:#124797;}
.main_bot a.txt_btn .img{display:inline-block; margin:0 10px 5px 0;}
.main_bot a.txt_btn.on .img{transform: rotate(180deg);}
.main_bot a.txt_btn .img img{vertical-align:middle;}


/*메인팝업*/
.mask_bnr {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;width: 100%;height: 100vh;}
.mask_bnr .mm_pop_bg{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.mask_bnr .in {display: flex;align-items: center;justify-content: center;max-width: 90%;flex-direction: column;position: relative;}
.mask_bnr .in > a:last-of-type{display: block;width: 100%;}
.mask_bnr .in img{display: block;width: 100%;}
.mask_bnr .hide_chk{display: flex; justify-content: space-between;margin-top: 5px;width: 100%;}
.mask_bnr .hide_chk a{color:#fff;font-size: 14px;position: relative;padding-left: 15px;}
.mask_bnr .hide_chk a::after{content: "";width: 10px;height: 10px;border: 1px solid #fff;display: block;position: absolute;top: 51%;transform: translateY(-50%);left: 0;}
.mask_bnr .close_mm{display:inline-block;padding:0 2%;background:#000;color:#fff;margin-right: -94%;}

.mm_pop{position:absolute;top:300px;left:50%;transform:translateX(-50%);z-index:11;width: 30%;}
.mm_pop .in{}
.mm_pop .close_mm{display:inline-block;padding:0 2%;background:#000;color:#fff;margin-right: -94%;}
.mm_pop .bg{background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media all and (max-height:420px) {
    .mm_pop.t3 .in{max-height: 80%; max-width: auto;height: 100%;}
    .mm_pop.t3 .in img{height: 100%;width: auto;}
    .mm_pop.t3 .in > a:last-of-type{height: 100%;width: auto;}
  }

/* 초간편 문자상담 신청 */
.event_wrap{display:none;}
/*.event_wrap *{font-family: "Noto Sans KR"}*/
.event_wrap .bg{background:#000;opacity:0.5;position:fixed;top:0;left:0;width:100%;height:100%;z-index:11;}
/*.blit_sms{padding-left:6px; vertical-align:middle; background:url('../img/common/blit_sms.gif')no-repeat 0 50%;background-size:3px 3px; }*/
.smsApply_con{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%); z-index:12;width: 94%;height: 90%; overflow-y: auto; text-align:center;background: #fff}
.smsApply_con h2 img{width:100%;}
.smsApply_con select{width: 100%;height: 40px;color:#777;appearance:none;  background:url('//gscdn.hackers.co.kr/edu_m/img/main/select_btn.jpg') no-repeat right 5px center;background-size: 27px auto;}
.smsApply_con select option[disabled] {display: none;}
.smsApply_con textarea{width:100%;}
.smsApply_con .sms_txt_area{background:#fff; position:relative;}
.smsApply_con .sms_txt_area .txt_top{font-size:0.9rem; letter-spacing:-0.5px;color: red;font-weight: normal;text-align: right;margin-right: 10px;}
.sms_form{padding:12px 15px 0 15px; text-align:left; font-size:0.8rem;}
.sms_form .row{margin-bottom:10px;}
.sms_form .row input{height:40px;width:222px;  background:#fff; padding-left:5px; border:1px solid #ddd; }
.sms_form .row span{display: block;margin-bottom: 5px;}
.sms_form .row .datepicker{display: inline-block;width: 60% !important;text-align: center;box-sizing: border-box;}
.sms_form .row .phone_reservation{font-size: 13px !important;}
.sms_form .row #reservation_time{display: inline-block;width:40%;height: 40px;box-sizing: border-box;margin-right: -4px;}

.sms_form .blit_sms.user_txt{vertical-align:top; margin-right:2px;}
.sms_form .blit_sms.user_name{margin-right:20px;}
.sms_form .blit_sms.user_phone{margin-right:11px; position:relative; font-size:13px;display: block;}
.sms_form #_RECEIVE_NUMBER{width: 100%;}
.sms_form .chk_sms{padding-left:0;}
.sms_form .chk_sms input{margin-right:2px;}
.sms_form .btn_apply{letter-spacing: 0;display: block;width: 100%;margin: 25px auto 0;height: 50px;;color: #fff;font-size: 18px;font-weight: bold;background: #ff7200;border-radius: 30px;}
.sms_form input[type="text"] { letter-spacing:0;}
.smsApply_con .sms_txt_area .logo_sms{padding:15px 0;}
.smsApply_con .sms_txt_area .logo_sms img{width:120px;}
.smsApply_con .btn_close{width: 6vw;height: 6vw;position: absolute;top: 1vw;right: 1vw;}
.sms_form .view_wrap .view_detail{color:#000;font-size:0.85rem;padding-top:0;text-align:center;}
.sms_form .per_wrap{height:90px;overflow-y:scroll;overflow-x:hidden;background: #f2f3f6;display: none;}
.sms_form .per_wrap > strong{display:block;padding:3px 0;}
.sms_form .per_wrap p{padding:2px;line-height:1.6;}
.view_wrap { margin-top:10px; }
.agree-btn{display: block;text-align: center;width: 100%;padding: 8px 0;background: #ebebeb;margin-bottom: 2px;}
.agree-btn .arrow-on {display:inline-block;}
.agree-btn .arrow-off {display:none;}
.agree-btn.on .arrow-off {display:inline-block;}
.agree-btn.on .arrow-on {display:none;}

@media all and (min-height:680px){
    .smsApply_con{height: auto;}
}

.chk_sms input[type="checkbox"] {
    display:none;
}
.chk_sms input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(//gscdn.hackers.co.kr/edu_m/img/main/check_bg.png) left top no-repeat;
    cursor: pointer;
    background-size: 200% auto;
}
.chk_sms input[type="checkbox"]:checked + label span {
    background:url(//gscdn.hackers.co.kr/edu_m/img/main/check_bg.png) -20px top no-repeat;
    background-size: 200% auto;
}

/* 초간편 문자상담 신청(야간예약용) */
/*.smsApply_con.v2{margin-top:0px;}*/
.time_table{width:228px;float:left;margin-left:5px;}
.time_table ul{overflow:hidden;}
.time_table ul li{float:left;border:1px solid #cbcbcb;margin:0 0 2px 2px;}
.time_table ul li.on{border-color:#f47521;}
.time_table ul li a{display:block;background:#fafafa;padding:8px 15px 8px 15px; color:#333;}
.time_table ul li.on a{color:#f47521; padding:8px 15px 8px 15px; background-color:#fff;}

/* 메인 팝업 배너 */
.main_banner_wrap {position: absolute; left: 50%; top: 44vw; transform: translateX(-50%); text-align: right; width: 74.5vw;}
.main_banner_wrap a {font-size: 1.1rem;}
.main_banner_wrap a:nth-of-type(2), .main_banner_wrap a:nth-of-type(3) {display: block; margin-bottom: 1.5vw;}
.main_banner_wrap img {width: 100%;}
@media all and (max-width:750px) { html { font-size: 15px; } 
 }
@media all and (max-width:580px) { html { font-size: 14px; } 
.main_banner_wrap {top: 47vw;}
 }
@media all and (max-width:450px) { html { font-size: 12px; } 
.main_banner_wrap {top: 48vw;}
 }
@media all and (max-width:380px) { html { font-size: 11px; } 
.main_banner_wrap {top: 51vw;}
 }