@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");

@font-face {
    font-family:"Pretendard Variable";
    src:url("/font/PretendardVariable.woff2") format("woff2-variations");
    font-weight:100 900;
    font-display:swap;
    font-style:normal;
}

/********* global **********/
.quickPass {
    overflow:hidden;
    position:relative;
    min-width:1400px;
}

.quickPass .inner {
    position:relative;
    width:1200px;
    padding:100px 0;
    margin:0 auto;
    text-align:center;
}

.quickPass .tit_wrap,
.quickPass .img_wrap {position:relative; text-align:center;}
.quickPass .tit_wrap {margin-bottom:50px;}

/* common */
.btn_comm {display:block; width:410px; height:67px; margin:50px auto 0; line-height:67px; font-size:24px; font-weight:bold; color:#fff;  background:#2F6BFF; border-radius:10px;}
.btn_comm::after {display:inline-block; width:10px;	height:16px; margin-left:12px; background:url("http://s3.unistudy.co.kr/images/pc/event/termPass/btn_arrow_r.png") no-repeat 0 0 / 100%; content:'';}

.btn_comm:hover {color:#fff;}


/* text */
.sr-only {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}

/* quick_menu */
.quickPass .quick_menu {
    position:fixed;
    right:0;
    top:50%;
    z-index:3;
    transform:translateY(-50%);
    max-height:calc(100vh - 360px);
}

.quickPass .quick_menu .item_quick_menu {
    position:relative;
    margin:1px 0 0;
}

.quickPass .quick_menu .item_quick_menu:first-child a {
    border-radius:10px 0 0 0;
}

.quickPass .quick_menu .item_quick_menu.lst a {
    border-radius:0 0 0 10px;
}


.quickPass .quick_menu .item_quick_menu a {
    display:block;
    width:189px;
    height:84px;
    text-align:center;
    background-color:rgba(0, 8, 41, 0.8);
}

.quickPass .quick_menu .item_quick_menu a .outer_cell {
    width:100%;
    height:100%;
    font-size:16px;
    color:#fff;
}

.quickPass .quick_menu .item_quick_menu a .inner_cell em {
    display:block;
    font-weight:normal;
}

.quickPass .quick_menu .item_quick_menu a .inner_cell strong {
    display:block;
    font-weight:bold;
}

.quickPass .quick_menu .item_quick_menu a.active {
    background-color:rgba(38, 78, 255, 0.8);
}
.quickPass .quick_menu .item_quick_menu.bnr a em {color:#fff;}

.quickPass .quick_menu .top {
    margin-top:10px;
    text-align:center;
}



/********** contents **********/
/* top timer */
.quickPass .allpass_float {
    /* display:none; */
    position:absolute;
    top:30px;
    left:50%;
    z-index:100;
    width:1200px;
    height:90px;
    border-radius:15px;
    transform:translateX(-50%);
}

.quickPass .allpass_float.fixed {
    position:fixed;
    top:20px;
    z-index:1000;
}

.quickPass .allpass_float #timer {display:flex; align-items:center; justify-content:center; width:1200px; height:90px; padding:0 30px; background:rgba(0, 0, 0, .5); border-radius:15px;}

.quickPass .allpass_float .timer_inner {display:flex; align-items:center; box-sizing:border-box;}

.quickPass .allpass_float .benefit p {
    font-family:"Spoqa Han Sans Neo";
    font-weight:400;
    font-size:18px;
    color:#fff;
    text-align:center;
    white-space:nowrap;
}
.quickPass .allpass_float .benefit p strong {
    font-weight:600;
    font-size:22px;
    color:#2fffcc;
    letter-spacing:-0.95px;
}

.quickPass .allpass_float .timer_wrap {
    display:flex;
    align-items:center;
    width:400px;
    margin-left:30px;
}
.quickPass .allpass_float .timer_wrap p {
    display:inline-block;
    font-size:40px;
    font-weight:700;
    color:#fff;
    letter-spacing:-0.75px;
}

.quickPass .allpass_float .timer_wrap .day_t {margin-left:5px; color:#fff; font-size:32px; font-weight:600;}
.quickPass .allpass_float .timer_wrap .time_t {padding:15px 0 0 8px; font-size:14px; font-weight:300; color:#fff;}
.quickPass .allpass_float .timer_wrap .d_t,
.quickPass .allpass_float .timer_wrap p.ddd {
    font-family:"Spoqa Han Sans Neo";
    font-size:32px;
    font-weight:600;
    color:#2FFFCC;
}
.quickPass .allpass_float .timer_wrap p.hour {
    margin-left:50px;
}
.quickPass .allpass_float .timer_wrap p.min {
    margin-left:28px;
}
.quickPass .allpass_float .timer_wrap p.sec {
    margin-left:28px;
}

.quickPass .allpass_float .btn_paygo {
    width:330px;
    height:60px;
    margin-left:80px;
    font-family:"Spoqa Han Sans Neo";
    font-weight:700;
    font-size:22px;
    color:#000;
    background:#2FFFCC;
    border-radius:10px;
}
.quickPass .allpass_float .btn_paygo .ic_arrow {display:inline-block; width:10px; height:16px; margin-left:12px; background:url("http://s3.unistudy.co.kr/images/pc/event/termPass/btn_arrow_r.png") no-repeat 0 0 / 100%; filter:brightness(0);}

@keyframes fade-in-blur {
    0% {
        filter:blur(30px);
        opacity:0;
    }

    100% {
        filter:blur(0);
        opacity:1;
    }
}

/*----- visual -----*/
.quickPass .visual_tit {
    position:relative;
    width:100%;
    height:1042px;
    background:#161525 url("http://s3.unistudy.co.kr/images/pc/event/termPass/top_tit_bg.jpg") no-repeat center bottom / cover;
}

.quickPass .visual_tit .inner {padding-top:233px;}
.quickPass .visual_tit .tit_wrap .badge {position:absolute; top:-140px; right:10px; z-index:1;}
.quickPass .visual_tit .tit_wrap + .img_wrap {margin-top:57px;}


/*----- con01 -----*/
#con01 {background:#2C397D;}
#con01 .ct_wrap {font-size:0;}
#con01 .ct_wrap ul {display:inline-block; margin-top:-20px;}
#con01 .ct_wrap li {position:relative; display:flex; align-items:center; margin-top:20px;}
#con01 .ct_wrap .txt_area {position:absolute; left:68px; text-align:left;}
#con01 .ct_wrap .txt_area p {font-size:30px; font-weight:500; color:#fff;}
#con01 .ct_wrap .txt_area strong {color:#4664ff;}


/*----- con02 -----*/
#con02 {background:#E7FBF9;}
#con02 .img_wrap + .img_wrap {margin-top:75px;}
#con02 .btn_comm {background:#181C32;}

/*----- con03 -----*/
.quickPass .con03, .quickPass .con04 {background:#1F2859;}
.quickPass .con03 .inner {overflow:hidden; padding-bottom:0;}

.quickPass .con03 .tab_panel {display:none;}
.quickPass .con03 .tab_panel.active {display:block;}

.quickPass .con03 .tab_panel .head_panel {position:relative; text-align:right;}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity {
    min-height:35px;
    margin-left:4px;
    padding:0 14px;
    border:1px solid #fff;
    border-radius:4px;
    font-size:0;
}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity .txt_l {
    display:inline-block;
    font-weight:500;
    font-size:18px;
    color:#fff;
    vertical-align:middle;
}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity .ico_arw {
    display:inline-block;
    width:6px;
    height:10px;
    margin-left:8px;
    background:url("http://s3.unistudy.co.kr/images/pc/event/termPass/btn_arrow_r.png") no-repeat 0 / 100%;
    vertical-align:middle;
}

.quickPass .con03 .tab_panel .body_panel {margin-top:17px;}

/* list_course */
.list_course {
    margin:-10px 0 0 -10px;
    font-size:0;
    text-align:left;
}

.list_course .item_course {
    display:inline-block;
    width:50%;
    padding:10px 0 0 10px;
    box-sizing:border-box;
    vertical-align:top;
}

.list_course .item_course .group_course {
    position:relative;
    border-radius:8px;
    background-color:#fff;
}

.list_course .item_course .group_course .label_pick {position:absolute; top:-19px; left:17px; height:37px; padding:0 36px; line-height:37px; font-size:20px; font-weight:700; color:#fff; text-align:center; background:#2F6BFF; border-radius:18px;}

.list_course .item_course .top_comm {
    position:relative;
    padding:30px 0 20px;
}

/* list_package */
.list_package {
    font-size:0;
    text-align:center;
}

.inner_package {
    display:inline-block;
    position:relative;
    padding-left:40px;
    vertical-align:top;
}

.inner_package:first-child {
    padding-left:0;
    padding-right:10px;
}

.list_package .item_package {
    display:inline-flex;
    align-items:flex-start;
    position:relative;
    height:180px;
    padding:20px 0;
    font-size:0;
    vertical-align:top;
    text-align:center;
}

.inner_package:first-child::before {
    display:none;
}

.inner_package::before {
    position:absolute;
    top:80px;
    left:-5px;
    z-index:1;
    width:30px;
    height:30px;
    background:url("http://s3.unistudy.co.kr/images/pc/event/termPass/ic_plus.png") 0 0 no-repeat;
    content:"";
}

.list_package .img_course {margin-top:10px;}
.list_package .img_course.loop {margin-top:20px;}

.list_package .emph_package {
    display:block;
    font-weight:800;
    font-size:20px;
    line-height:1.25;
    color:#222;
    letter-spacing:-1px;
}

.list_package .emph_package .txt_l {
    font-weight:500;
    font-size:18px;
}

.list_course .bottom_comm {
    padding:24px 18px 30px;
    border-radius:0 0 8px 8px;
    background-color:#f3f3f3;
}

.list_course .bottom_comm .inner_bottom {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 6px 15px;
}

.list_course .bottom_comm .inner_bottom.center {justify-content:center;}

.list_course .bottom_comm .txt_unknown {
    padding-top:17px;
    border-top:1px solid #e0e0e0;
    font-size:0;
    text-align:center;
}

.list_course .bottom_comm .txt_unknown input[type="checkbox"] {
    display:inline-block;
    width:15px;
    height:15px;
    border:1px solid #787063;
    vertical-align:middle;
}

.list_course .bottom_comm .txt_unknown label {
    display:inline-block;
    margin-left:8px;
    font-size:14px;
    color:#4b505c;
    vertical-align:middle;
}

.list_course .bottom_comm .txt_unknown .btnPop {
    display:inline-block;
    width:108px;
    margin-left:6px;
    padding:3.5px 0;
    border:1px solid #4b505c;
    font-size:14px;
    line-height:1;
    color:#4b505c;
    background-color:#fff;
    vertical-align:middle;
}

.list_course .bottom_comm .txt_del {
    font-weight:500;
    font-size:24px;
    color:#a9a9a9;
    text-decoration:line-through;
}

.list_course .bottom_comm .txt_final_sale {
    display:flex;
    align-items:center;
    font-weight:700;
    font-size:24px;
    color:#000;
    letter-spacing:-0.75px;
}

.list_course .bottom_comm .txt_price {
    padding-left:6px;
    font-weight:800;
    font-size:36px;
    color:#000;
    letter-spacing:-1.45px;
}

.list_course .gravity_unknown {
    margin-top:17px;
}

.list_course .gravity_unknown .btn_unknown {
    height:70px;
    background-color:#FD4D4D;
}

.list_course .gravity_unknown .btn_unknown:only-child {
    width:100%;
}

.list_course .gravity_unknown .btn_unknown .txt_l {
    font-weight:800;
    font-size:32px;
    color:#fff;
}


/* tooltip */
.tooltip_container {display:inline-block; position:absolute; top:-2px; right:-30px;}
.btn_tooltip {width:24px; height:24px; background:url("http://s3.unistudy.co.kr/images/pc/event/termPass/ic_info.png") no-repeat 0 / 100%; cursor:pointer; font-size:0;}

/* 툴팁 박스 */
.tooltip_box {display:none; position:absolute; left:50%; bottom:35px; z-index:100; transform:translateX(-50%); padding:15px; text-align:center; white-space:nowrap; background:rgba(0, 0, 0, 0.8); color:#fff; border-radius:12px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}

.tooltip_box p {line-height:20px; font-size:16px; color:#fff;}

/* 툴팁 하단 삼각형 */
.tooltip_box::after {content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border-width:8px 6px 0 6px; border-style:solid; border-color:rgba(0, 0, 0, 0.8) transparent transparent transparent;}


/*----- con04 -----*/
#con04 .inner {padding-top:60px;}

/* faq toggle */
.faq_container {}
.faq_section {margin-bottom:20px; background:rgba(0, 0, 0, .3); border-radius:8px;}

/* FAQ 타이틀 */
.faq_title_btn {display:flex; justify-content:center; align-items:center; width:100%; height:65px; font-size:30px; font-weight:500; color:#fff; background:#2F6BFF; border-radius:8px;}
.faq_title_btn .arrow {margin:5px 0 0 10px; font-size:16px; transition:transform 0.3s ease;}
.faq_title_btn.is_active .arrow {transform:rotate(180deg);}

/* FAQ 내용 */
.faq_content_wrap {display:none; padding:0 30px;}

.faq_ct {}
.faq_ct .faq_item {padding:40px 0; text-align:left; border-bottom:1px solid rgba(255, 255, 255, .2); }
.faq_ct .faq_item * {color:#fff; word-break:keep-all; word-wrap:break-word;}
.faq_ct .faq_item:last-child {border-bottom:none;}
.faq_ct .faq_item .question {line-height:31px; font-size:28px; font-weight:700;}
.faq_ct .faq_item .question em {color:#2fffcc;}
.faq_ct .faq_item .answer {padding-left:45px; margin-top:15px; margin-left:25px; line-height:31px; font-size:22px; font-weight:500; text-indent:-25px;}
.faq_ct .faq_item .answer em {font-weight:700;}