@charset "UTF-8";

/* common */
.pc_img {display:inline-block;}
.m_img {display:none;}

#wrap * {box-sizing: border-box;}
.inner {position:relative; width:1100px; margin:0 auto;}
.header {background:#fff;}
.header .logo img {width:146px;}
.header .inner {display:flex; align-items: center; justify-content: space-between; height:90px; padding:20px 0;}
.header .r {position: absolute; right: 0;}
.header .r span {display:inline-block; padding:11px 23px; line-height:1; font-size:18px; color:#555; font-family: 'notokr-bold'; letter-spacing: -0.6px; border:1px solid #e5e5e5; border-radius:21px;}

.scrollBanner {position:absolute; top:400px; right:0; width:183px; z-index: 99;}
.scrollBanner.jbFixed {position:fixed; top:194px; }
.scrollBanner a {display:block; width:183px; height:62px; text-indent: -9999em; background: url('//img2s.mbest.co.kr/highmath/event/20250519h/scroll.png') no-repeat 0 0;}
.scrollBanner a.scroll01 {background-position:0 0;}
.scrollBanner a.scroll02 {background-position:0 -62px;}
.scrollBanner a.scroll03 {background-position:0 -124px;}
.scrollBanner a.scroll01:hover, .scrollBanner a.scroll01.on {background-position:100% 0;}
.scrollBanner a.scroll02:hover, .scrollBanner a.scroll02.on {background-position:100% -62px;}
.scrollBanner a.scroll03:hover, .scrollBanner a.scroll03.on {background-position:100% -124px;}
.scroll_time {position:relative; margin-top: 10px;}
.scroll_time .time {position:absolute; top:65px; left:0; width:100%; display:flex; align-content: center; justify-content: center;} 
.scroll_time .time span {position:relative; display:block; line-height:1; font-size:28px; color:#fff;  font-family: 'Pretendard-bold'; letter-spacing: -0.7px;}
.scroll_time .time span + span {margin-left: 25px;}
.scroll_time .time span:not(:first-child):before {content:''; position:absolute; top:50%; left:-15px; transform: translateY(-46%); width:5px; height:13px; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/time_dot.png") no-repeat 0 0;}
.scroll_time > a {position:absolute; bottom:22px; left:23px; width:138px; height:32px; font-size:0; text-indent: -999em; background:none;}

.content_top {position: relative; width: 100%; background: #fff; overflow: hidden; /*height: 654px;*/}
.content_top:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/top_video_bg.png") repeat center 0; z-index: 1;}
.content_top .inner {z-index: 2;}
.item-video {position: absolute; top: 50%; left:50%; transform:translate(-50%,-50%); width: 101%; height:100%; object-fit: cover;}

.con2 {background:#e2f9ff;}
.con4 {background:#eaeef2;}
.con5 {background:url("//img2s.mbest.co.kr/highmath/event/20250519h/con5_bg.jpg") repeat-x center 0;}

.con1 {padding-bottom: 100px;}
.con1_tab {display:flex; width:100%; border:1px solid #ced2d7; border-bottom:2px solid #000; margin-bottom: 40px;}
.con1_tab a {position: relative; flex:1; display:flex; align-items: center; justify-content: center; height:60px; padding:20px 23px; text-align: center; line-height:1.3; background:#ecf0f4; font-size:18px; color:#7f8285; font-family: 'notokr-medium'; letter-spacing: -0.8px;}
.con1_tab a:not(:first-child) {border-left:1px solid #ced2d7;}
.con1_tab a:before {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:calc(100% + 1px); border:2px solid #000; border-bottom: 0; display:none; z-index: -1; background: #fff;}
.con1_tab a.active, .con1_tab a:hover {background:#fff; font-family: 'notokr-bold'; color:#333; z-index: 1;}
.con1_tab a.active:before , .con1_tab a:hover:before {display: block;}

.con1_tbl table  {width:100%;}
.con1_tbl table tbody tr {border-bottom:1px solid #dddfe3;}
.con1_tbl table th, .con1_tbl table td {font-size:16px; font-family: 'notokr-medium'; letter-spacing: -0.6px;}
.con1_tbl table thead th {background:#1078cc;  color:#fff; padding:20px 10px; word-break: keep-all; line-height: 1.3;}
.con1_tbl table td {padding:30px 7px; color:#8c8e91; word-break: keep-all; text-align: center;}
.con1_tbl table td strong {font-weight: normal; font-family: 'notokr-bold'; color:#333;}
.col_blue {color:#1078cc !important;}
.align_l {text-align: left !important;}
.btn_map {display:inline-block; padding-left: 10px; color:#8c8e91; line-height:1.3;}
.btn_map:after {content:''; display:inline-block; width:14px; height:16px; margin-left: 5px; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/ico_map.png") no-repeat 0 0; vertical-align: -1px;}
.btn_tbl_link {display:inline-block; padding:9px 13px; font-size:15px; color:#fff; font-family: 'notokr-bold'; border-radius:6px; line-height:1; background:#1078cc; white-space: nowrap;}
.btn_tbl_link:after {content:''; display:inline-block; width:6px; height:10px; margin-left: 7px; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/ico_arr.png") no-repeat 0 0; vertical-align: 1px;}
.btn_tbl_link.disabled {background:#bbb; cursor: auto;}

.m_tbl {display: none;}

.btm_banner {position:fixed; bottom:0; left:50%; transform: translateX(-50%); z-index: 99; width:1140px;}
.btm_banner img {width: 100%;}
.btm_banner a {position:absolute; width:50%; height:100%; bottom:0;}
.btm_banner a:nth-of-type(1) {left:0;}
.btm_banner a:nth-of-type(2) {right:0; font-size:0; text-indent: -9999em;}
.btm_banner a strong {position:absolute; display:flex; align-items: center; justify-content: center; bottom: 20px; left: 44px; width: 167px; height: 38px; font-size:18px; color:#000; font-family: 'Pretendard-extrabold'; padding-bottom: 1px;}

.pc_footer {display: block;}
.m_footer {display: none;}
#footer {padding-bottom: 100px !important;}

/* 레이어 팝업 */
.layer_pop {position:fixed; top:0; left:0; width:100%; height:100%; z-index: 99; display:flex; align-items: center; justify-content: center;}
.layer_pop .dim {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:rgba(0,0,0,0.4);}
.layer_pop .pop_con_wrap {width:900px; background:#fff; border-radius: unset;}
.layer_pop .pop_header {position: relative; display:flex; align-items: center; width:100%; height:60px; padding:10px 40px 10px 20px; background:#374654;}
.layer_pop .pop_header .tit {font-size:22px; color:#fff; font-family: 'notokr-bold';}
.layer_pop .pop_header .pop_close {position: absolute; top:50%; transform: translateY(-50%); right: 15px; width: 18px; height: 18px; background: url("//img1s.mbest.co.kr/pub_common/icon/ic_bg.png") no-repeat -4px -525px; font-size:0; text-indent: -9999em; padding: 0;}
.layer_pop .pop_content {padding:35px; max-height: 500px; overflow-y: auto;}
.layer_pop .pop_content .item {text-align: left;}
.layer_pop .pop_content .item + .item {margin-top: 30px;}
.layer_pop .pop_content .item .pop_tit {font-size:18px; font-family: 'notokr-bold'; color:#222; margin-bottom: 5px;}
.layer_pop .pop_btn {display:block; width:100%; padding:20px; font-size:18px; line-height:1; font-family: 'notokr-bold'; color:#fff; text-align: center; background:#1078cc; height: unset;}

.input_tbl table {width:100%; font-family: 'notokr-regular'; table-layout: fixed; border-top: 1px solid #666;}
.input_tbl table tbody tr {border-bottom:1px solid #dcdcdc;}
.input_tbl table th {background: #f5f5f5; color: #444; padding:10px 15px; font-size: 15px; font-family: 'notokr-medium'; letter-spacing: -0.5px; height: unset;}
.input_tbl table th span {color:#e0697a;}
.input_tbl table td {color: #929292; padding: 10px 15px; font-size:15px;}
.input_tbl table select, .input_tbl table input[type=text] {border:1px solid #ccc; width:100%; height:30px; font-size:14px; color:#444; font-family: 'notokr-regular'; padding:0 5px; border-radius: unset;}

.input_tbl table .phone_num {display:flex;}
.input_tbl table .phone_num * + * {margin-left: 5px;}
.input_tbl table .d_f {display: flex; align-items: center;}
.input_tbl table .d_f * + * {margin-left: 5px;}
.input_tbl table .inp_chk {display:inline-flex; align-items: center;}
.input_tbl table .inp_chk + .inp_chk {margin-left: 10px;}
.input_tbl table .inp_chk input {margin-right: 5px;}

.privacy_box {border: 1px solid #e7e7e7; box-sizing: border-box; padding: 15px; text-align: left; color: #949494; display: block; overflow-y: auto; height: 120px;}
.privacy_box + .privacy_box {margin-top: 5px;}
.privacy_box div {font-size:15px; font-family: 'notokr-regular'; color:#444; letter-spacing: -0.6px;}
.privacy_box div + div {margin-top: 15px;}
.privacy_box strong {display: block; font-family: 'notokr-bold';  font-weight: normal; margin-bottom: 6px;}
.privacy_chk {margin-top: 10px; font-size:15px; color:#555;}
label {cursor: pointer;}
.privacy_chk input {vertical-align: -1px;}

.apply_container {height:calc(100vh - 14.58vw); overflow-y: auto; padding:4.17vw 2.78vw 6.17vw; border-top: 1px solid #e7e7e7;}
.apply_container .sub_tit {font-size:calc(32 * 100vw /720); color:#222; font-family: 'notokr-bold'; text-align: center; margin-bottom: 4vw;}
.apply_container .sub_tit strong {color:#1078cc; font-weight: normal; font-family: 'notokr-bold';}

.apply_container .item > .tit {display: flex; align-items: center; font-size:calc(30 * 100vw /720); color:#222; font-family: 'notokr-bold'; margin-bottom: 10px;}
.apply_container .item > .tit span {font-size:calc(24 * 100vw /720); font-family: 'notokr-medium'; margin-left: 0.69vw;}
.apply_container .item + .item {margin-top: 4.17vw;}
.apply_container .item .inp_box {display:flex; align-items: center; border:1px solid #e7e7e7; min-height:12.5vw; font-size:calc(26 * 100vw /720); color:#444;}
.apply_container .item .txt_box {padding:1.8vw 3vw;}
.apply_container .item .txt_box .tit {font-family: 'notokr-bold'; margin-right: 2.78vw; color:#333;}
.apply_container .item .txt_box .chk_box {text-align: left;}
.apply_container .item .inp_box * + * {border-left:1px solid #e7e7e7;}
.apply_container .item .txt_box * + * {border-left:0;}
.apply_container .item .inp_box + .inp_box {border-top:0;}

.apply_container .item .inp_box select, .apply_container .item .inp_box input[type=text] {width:100%; height:12.5vw; font-size:calc(26 * 100vw /720); color:#444; font-family: 'notokr-regular'; padding: 0 3vw; border-radius: 0px;}
.apply_container .item .inp_box select {background:#fff !important;}
.apply_container .item .phone_inp select {width:50%;}
.apply_container .item .inp_box.phone_inp .inp_txt{border-left:1px solid #e7e7e7; margin-left:10px;}
input[type=text] {border:0;}
.apply_container .item .d_f {display: flex; align-items: center;}
.apply_container .item .d_f * + * {margin-left: 0.69vw;}
.apply_container .item .inp_chk {display:inline-flex; align-items: center;}
.apply_container .item .inp_chk + .inp_chk {margin-left: 2vw;}
.apply_container .item .inp_chk input {margin-right: 1.39vw;}
.apply_container .item .inp_chk input[type=checkbox] {width:2.5vw; height:2.5vw;}
.apply_container .item .inp_chk input[type=radio] {width:2.5vw; height:2.5vw; margin-top: 0.42vw;}

.apply_container .history_item .d_f {width:100%;}
.apply_container .history_item .txt_box .tit {width:24.5vw; margin-right: 0; text-align: left; flex:0 0 auto;}
.apply_container .history_item .txt_box input[type="text"]{height:8vw; border:1px solid #e7e7e7}

.apply_container .privacy_box {padding:2.5vw; height: 35vw;}
.apply_container .privacy_box + .privacy_box {margin-top: 1.5vw;}
.apply_container .privacy_box div {font-size:calc(26 * 100vw /720);}
.apply_container .privacy_box div + div {margin-top: 2vw;}
.apply_container .privacy_box strong {margin-bottom: 0.7vw;}
.apply_container .privacy_box .txt_underline {text-decoration: underline; font-family: 'notokr-bold';}
.apply_container .privacy_chk {margin-top: 2vw; font-size:calc(26 * 100vw /720); line-height:1.2; color:#555; text-align: left;}
.apply_container .privacy_chk input {width:2.5vw; height:2.5vw; vertical-align: 0;}
.apply_container .apply_btn {display:block; width:100%; padding:3vw 2.7vw; line-height:1; text-align: center; font-size:calc(26 * 100vw /720); color:#fff; font-family: 'notokr-bold'; background:#1078cc; margin-top: 5vw; border-radius:1.5vw;}

/**/
.top_dd{position: absolute;top: 0px;right: 0px;}
.top_gif_pc{position: absolute;bottom: 197px;left: 597px;z-index: 10;animation: flicker 1.5s 0s linear infinite;}
@keyframes flicker {
    0%{opacity:1;}
    49%{opacity:1;}
    50%{opacity:0;}
    99%{opacity:0;}
    100%{opacity:1;}
}

@media (max-width: 1120px) {
    .inner {width: 100%; padding: 0 10px;}
    .inner img {width:100%;}
    .header .inner {padding:20px 10px;}
    .scrollBanner {zoom: 0.7;}
    /**/
    .top_dd{width: auto !important;zoom: 0.7;}
    .top_gif_pc{width: 13.55vw !important;bottom: 30.03%;left: 54.15%;}

    .con1_tab a {font-size:calc(20 * 100vw /1120);}
    .con1_tbl table thead th {font-size:calc(17 * 100vw /1120);}
    .btm_banner {max-width:98%;}
    .btm_banner a strong {bottom: 17%; left: 7.7%; width: 29.4%; height: 35.9%; font-size:calc(18 * 100vw /1120);}


    #footer {padding-bottom: 8% !important;}
    .new_foot_link {width:100%; padding:0 10px;}
    .new_foot_link a.btn_pre {left:10px;}
    .new_foot_link a.btn_next {right:10px;}
    .new_foot_link ul {width:100%; padding:0 10px; margin-left: 20px;}
    .ftr_address_box {width:100%; padding:22px 10px;}

   
}

/* ========= 모바일 ========= */
@media (max-width: 720px) {
    .inner img {width: 100%;}
    .pc_img {display: none;}
    .m_img {display:inline-block;}
    .inner {width:100%; padding:0}
    .header .inner {height:14.58vw; padding:2.78vw 3.75vw;}
    .header .logo img {width:25vw;}
    .header .r {right: 3.75vw;}
    .header .r span {padding:1.85vw 2.8vw; font-size:calc(23 * 100vw /720); border-radius:3.61vw;}
     
    .scrollBanner {display:none;}
    
    .content_top .top_gif {position:absolute; width:25.83vw; bottom:22.78vw; right:17.08vw; z-index: 1;}
    .item-video {top: 0; transform: translate(-50%, 0); height: 72.78vw;}

    .con1 {padding-bottom: 8.33vw;}
    .pc_tbl {display:none;}
    .m_tbl {display:block; padding:0 3.75vw;}
    
    .select_box {display:block; width:100%; height:13.33vw; border:0.28vw solid #dbdcdd; border-radius:3.33vw;}
    .select_box select {width:100%; height:100%; border:0; background: transparent; padding:0 5vw; appearance: none; text-align: left; font-size:calc(27 * 100vw /720); font-family: 'notokr-regular'; color:#333; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/ico_select.png") no-repeat calc(100% - 3.89vw) 50% / 2.92vw;}
    .select_box select option {color:#333; font-family: 'notokr-regular';}
    .select_box select:focus {outline: 0;}
    .select_box select:invalid {color: #cacbcd;}
    
    .m_con1_sch .item {padding:5.56vw 0; text-align: left; font-family: 'notokr-medium'; color:#8c8e91; font-size:calc(26 * 100vw /720);}
    .m_con1_sch .item + .item {border-top:1px solid #dddfe3;}
    .m_con1_sch .item .date {display:flex; align-items: center; line-height:1.2;}
    .m_con1_sch .item .date strong {font-size: calc(26 * 100vw /720); font-weight: normal; font-family: 'notokr-bold';}
    .m_con1_sch .item .date span {margin-left: 2.08vw; font-size: calc(24 * 100vw /720); color:#333; line-height: 1;}
    .m_con1_sch .item .name {margin-top: 1.67vw; font-size: calc(32 * 100vw /720); font-family: 'notokr-bold'; color:#333; line-height:1.25;}
    .btn_map {padding-left: 0; margin-top: 2.36vw; line-height: 1.25;}
    .btn_map:after {width:3.19vw; height:3.89vw; margin-left: 1.67vw; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/m_ico_map.png") no-repeat 0 0 / 100%; vertical-align: -0.56vw;}
    .btn_tbl_link {width:100%; padding:4.86vw; text-align: center; font-size: calc(27 * 100vw /720); border-radius: 2.78vw; margin-top: 4.31vw;}
    .btn_tbl_link:after {width:1.67vw; height:2.78vw; margin-left: 1.81vw; background:url("//img2s.mbest.co.kr/highmath/event/20250519h/m_ico_arr.png") no-repeat 0 0 / 100%; vertical-align: 0;}

    .sch_btn {display: flex; align-items: center; justify-content: center;}
    .sch_btn a {display:block; width:20.28vw; height:8.33vw; font-size:0; text-indent:-9999em; background:no-repeat 0 0 / 100%;}
    .sch_btn a + a {margin-left: 1.94vw;}
    .sch_btn .btn_prev{background-image:url("//img2s.mbest.co.kr/highmath/event/20250519h/btn_prev.png");}
    .sch_btn .btn_next{background-image:url("//img2s.mbest.co.kr/highmath/event/20250519h/btn_next.png");}

    .btm_banner {max-width: 100%;}
    .btm_banner a strong {display:block; text-align: right; bottom: 3.19vw; right:9.6vw; width: auto; height: auto; font-size:calc(35 * 100vw /720); color:#ffea00; padding-bottom: 0; line-height:1; letter-spacing: -0.6px;}

    .pc_footer {display: none;}
    .m_footer {display: block;}
    .smt_footer {padding: 5% 0 20%;}
    select,input {border:0;}

    /**/
    .m_top_dd{position: absolute;top: 0;right: 3%;width:22vw !important;}
}