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

/********** global **********/
.quickPass {
    overflow:hidden;
    position:relative;
    width:100%;
    font-size:2.8vw;
    letter-spacing:-0.1vw;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}
.quickPass * {
    font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    box-sizing: border-box;
}

.quickPass img {max-width:100%;}

.quickPass [id^=con],
.quickPass .tit_wrap,
.quickPass .img_wrap {position:relative;}
.quickPass [id^=con] .inner {position:relative; padding:0 5.26vw 15.79vw;}

/*------ common ------*/
/* 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;}

.quickPass .nt_comm {padding-top:3.95vw; font-size:2.37vw; line-height:2.5vw; color:#4b505c; text-align:right; letter-spacing:-0.046vw;}

/* button */
.quickPass_buy {display:flex; justify-content:center; align-items:center; position:fixed; left:0; bottom:0; z-index:100; width:100%; height:10.53vw; background:#2FFFCC; opacity:0; animation:opacity1 1s ease 2s 1 forwards;}
.quickPass_buy a {display:block; width:100%; font-size:4.47vw; font-weight:bold; color:#000; text-align:center;}
.quickPass_buy a i {display:inline-block; width:1.32vw; height:1.97vw; margin-left:1.97vw; vertical-align:middle; background:url("//s3.unistudy.co.kr/images/mobile/event/allPass/260305/btn_link_arrow.png") no-repeat 0 / 100%; filter:brightness(0);}

@keyframes opacity1 {
    0% {opacity:0;}
    100% {opacity:1;}
}

.quickPass .btn_comm {display:flex; justify-content:center; align-items:center; width:59.21vw; height:10.13vw; margin:6.58vw auto 0; font-size:4.21vw; font-weight:700; color:#fff; text-align:center; letter-spacing:-0.8px; background:#2F6BFF; border-radius:1.32vw;}
.quickPass .btn_comm::after {display:inline-block; width:1.32vw; height:1.97vw; margin-left:2.37vw; background:url("//s3.unistudy.co.kr/images/mobile/event/allPass/260305/btn_link_arrow.png") no-repeat 0 / 100%; content:'';}


/********** contents **********/
/* timer */
.quickPass .dday_wp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 20px 0;
    padding: 2.632vw 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}
.quickPass .dday_wp p {
    font-size: 40px;
    font-size: 5.263vw;
    line-height: 1;
    color:#2fffcc;
}
.quickPass .dday {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
}
.quickPass .dday li {
    display: inline-block;
    position: relative;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}
.quickPass .dday [id^="gettime_"] {
    min-width: 55px;
    min-width: 7.237vw;
    margin-left: 10px;
    margin-left: 1.316vw;
    text-align: center;
}
.quickPass .dday #gettime_s {
    margin-right: 0;
}
.quickPass .dday li span {
    display: inline-block;
    font-weight: 800;
    font-size: 40px;
    font-size: 5.263vw;
    color:#2fffcc;
    text-align: center;
}
.quickPass .dday .txt {
    font-weight: 400;
    font-size: 40px;
    font-size: 5.263vw;
    color: #fff;
}
.quickPass .dday .colon {
    display: inline-block;
    margin-right: 0;
    font-weight: 400;
    font-size: 40px;
    font-size: 5.263vw;
    color: #2af7ff;
}
.quickPass .dday #gettime_n {
    margin-left: 0;
}

.quickPass .quickPass_buy {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    opacity: 0;
    animation: opacity1 1s ease 2s 1 forwards;
}
.quickPass .quickPass_buy a {
    display: block;
    width: 100%;
}
.quickPass .quickPass_buy a img {
    display: block;
}


/*----- con01 -----*/
#con01 {background:#2C397D;}
#con01 .ct_wrap {font-size:0;}
#con01 .ct_wrap ul {display:inline-block; margin-top:-2.63vw;}
#con01 .ct_wrap li {position:relative; display:flex; align-items:center; margin-top:2.63vw;}
#con01 .ct_wrap .txt_area {position:absolute; left:4.21vw; text-align:left;}
#con01 .ct_wrap .txt_area p {line-height:5.66vw; font-size:4.47vw; font-weight:500; color:#fff;}
#con01 .ct_wrap .txt_area strong {color:#4664ff;}


/*----- con02 -----*/
#con02 {background:#E7FBF9;}


/*----- con03 ------*/
#con03 {background:#1F2859;}

.quickPass .con03 .tab_panel {
    display: none;
}
.quickPass .con03 .tab_panel.active {
    display: block;
}
.quickPass .con03 .tab_panel .head_panel {
    position: relative;
    text-align: left;
    margin-bottom:14.21vw;
}
.quickPass .con03 .tab_panel .head_panel .emph_comm {
    display: inline-block;
    font-weight: 800;
    font-size: 34px;
    font-size: 4.474vw;
    color:#ffe16f;
    letter-spacing: -1.25px;
    letter-spacing: -0.164vw;
    vertical-align: middle;
}
.quickPass .con03 .tab_panel .head_panel .txt_comm {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-left: 0.658vw;
    padding-left: 18px;
    padding-left: 2.368vw;
    font-weight: 500;
    font-size: 20px;
    font-size: 2.632vw;
    line-height: 1.25;
    color: #fff;
    letter-spacing: -0.95px;
    letter-spacing: -0.125vw;
    vertical-align: middle;
}
.quickPass .con03 .tab_panel .head_panel .txt_comm::before {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 1px;
    width: 0.132vw;
    height: 22px;
    height: 2.895vw;
    margin-top: -11px;
    margin-top: -1.447vw;
    background-color: #dbdbdb;
    content: "";
}
.quickPass .con03 .tab_panel .head_panel .box_gravity {
    font-size: 0;
    text-align:center;
}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity {
    display: inline-block;
    min-height: 44px;
    min-height: 5.789vw;
    margin-left: 4px;
    margin-left: 0.526vw;
    padding: 0 19.5px;
    padding: 0 2.566vw;
    border: 1px solid #fff;
    border: 0.132vw solid #fff;
    border-radius: 4px;
    border-radius: 0.526vw;
    font-size: 0;
    vertical-align: top;
}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity .txt_l {
    display: inline-block;
    font-weight: 500;
    font-size: 22px;
    font-size: 2.895vw;
    line-height: 44px;
    line-height: 5.789vw;
    color: #fff;
    vertical-align: middle;
}
.quickPass .con03 .tab_panel .head_panel .box_gravity .btn_gravity .ico_arw {
    display: inline-block;
    width: 6px;
    width: 0.789vw;
    height: 10px;
    height: 1.316vw;
    margin-left: 8px;
    margin-left: 1.053vw;
    background: url("//s3.unistudy.co.kr/images/mobile/event/allPass/260305/ico_btn_arrow_r.png")
    0 0 no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}
.quickPass .con03 .tab_panel .body_panel {padding:0 5.26vw;}

/* list_course */
.list_course {
    font-size:0;
    text-align:left;
}
.list_course .item_course {
    margin-top:1.32vw;
}
.list_course .item_course .group_course {
    position: relative;
    border-radius: 8px;
    border-radius: 1.053vw;
    background-color: #fff;
}

.list_course .item_course .group_course .label_pick {position:absolute; top:-3.29vw; left:2.63vw; height:6.58vw; padding:0 3.95vw; line-height:6.58vw; font-size:3.95vw; font-weight:700; color:#fff; text-align:center; background:#2F6BFF; border-radius:3.29vw;}

.list_course .item_course .top_comm {
    position: relative;
    padding: 40px 0 30px;
    padding: 5.263vw 0 3.947vw;
}
.list_course .item_course .emph_comm {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    min-width: 240px;
    min-width: 31.579vw;
    margin-left: -120px;
    margin-left: -15.789vw;
    padding: 12.5px 0;
    padding: 1.645vw 0;
    border-radius: 0 0 50px 50px;
    border-radius: 0 0 6.579vw 6.579vw;
    font-weight: 800;
    font-size: 30px;
    font-size: 3.947vw;
    color: #fff;
    background-color:#333;
    text-align: center;
}
.list_course .item_course .group_course.type_package .top_comm {
    padding: 100px 0 30px;
    padding: 13.158vw 0 3.947vw;
}

/* list_package */
.list_package {
    font-size: 0;
    text-align: center;
}
.inner_package {
    display: inline-block;
    position: relative;
    /* width: 112px; */
    margin-left: 42px;
    margin-left: 5.526vw;
    vertical-align: top;
}
.inner_package .img_device {
    margin-top: 7px;
    margin-top: 0.921vw;
}
.inner_package:first-child {
    margin-left: 0;
}
.inner_package .img_course1 {
    width:118px;
    width:15.53vw;
    margin-top:24px;
    margin-top:3.16vw;
}
.list_package .item_package {
    display: inline-block;
    position: relative;
    height: 256px;
    height: 33.684vw;
    padding: 19px 0 0;
    padding: 2.5vw 0 0;
    font-size: 0;
    vertical-align: top;
    text-align: center;
}
.inner_package:first-child::before {
    display: none;
}
.inner_package::before {
    position: absolute;
    top: 92px;
    top: 12.105vw;
    left: -46px;
    left: -6.053vw;
    z-index: 1;
    width: 34px;
    width: 4.474vw;
    height: 34px;
    height: 4.474vw;
    background: url("//s3.unistudy.co.kr/images/mobile/event/allPass/260305/img_course5.png")
    0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}
.list_package .item_package.lst {
    width: 214px;
    width: 28.158vw;
    margin-left: 42px;
    margin-left: 5.526vw;
    border-radius: 8px;
    border-radius: 1.053vw;
    background-color: #eff1ff;
}
.list_package .item_package.lst::before {
    position: absolute;
    top: 111px;
    top: 14.605vw;
    left: -15px;
    left: -1.974vw;
    z-index: 1;
    width: 34px;
    width: 4.474vw;
    height: 34px;
    height: 4.474vw;
    background: url("//s3.unistudy.co.kr/images/mobile/event/allPass/260305/img_course6.png")
    0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}
.list_package .item_package.lst .img_device {
    width: 174px;
    width: 22.895vw;
    margin-top: 12px;
    margin-top: 1.579vw;
}
.list_package .emph_package {
    display: block;
    font-weight: 800;
    font-size: 23px;
    font-size: 3.026vw;
    line-height: 1.25;
    color: #222;
    letter-spacing: -1px;
    letter-spacing: -0.132vw;
}
.list_package .txt_test_001 {
    font-weight: 500;
    font-size: 20px;
    font-size: 2.632vw;
}
.list_package [class^="img"] {
    margin-right: auto;
    margin-left: auto;
}

.top_comm .txt_package {
    position: absolute;
    right: 0;
    bottom: 13px;
    bottom: 1.711vw;
    left: 0;
    z-index: 1;
    font-weight: 500;
    font-size: 25px;
    font-size: 3.289vw;
    text-align: center;
}
.top_comm .txt_package > em {
    font-weight: 800;
    letter-spacing: -1.05px;
}
.list_package .txt_device_price {
    position: absolute;
    right: 0;
    bottom: 12px;
    bottom: 1.579vw;
    left: 0;
    z-index: 1;
    font-weight: 400;
    font-size: 25px;
    font-size: 3.289vw;
}
.list_package .txt_device_price > em {
    font-weight: 800;
    letter-spacing: -1.05px;
    letter-spacing: -0.138vw;
}
.list_package .img_course2 {
    width:67px;
    width:8.82vw;
    margin-top:15px;
    margin-top:1.97vw;
}
.list_package .btn_detail {
    position: absolute;
    bottom: 64px;
    bottom: 8.421vw;
    left: 50%;
    z-index: 1;
    width: 70px;
    width: 9.211vw;
    height: 22px;
    height: 2.895vw;
    margin-left: -35px;
    margin-left: -4.605vw;
    border: 1px solid #404040;
    border: 0.132vw solid #404040;
    border-radius: 0;
    box-sizing: border-box;
    background-color: #fff;
}
.list_package .btn_detail .txt_l {
    display: inline-block;
    font-size: 14px;
    font-size: 1.842vw;
    color: #000;
    vertical-align: top;
}
.list_course .bottom_comm {
    padding: 14px 18px 22px;
    padding: 1.842vw 2.368vw 2.895vw;
    border-radius: 0 0 8px 8px;
    border-radius: 0 0 1.053vw 1.053vw;
    background-color: #f3f3f3;
}
.list_course .bottom_comm .inner_bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px;
    padding: 0 0.789vw;
}
.list_course .bottom_comm .txt_unknown {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 22px;
    margin-top: 2.895vw;
    padding-top: 27px;
    padding-top: 3.553vw;
    border-top: 1px solid #e0e0e0;
    border-top: 0.132vw solid #e0e0e0;
    font-size: 0;
}
.list_course .bottom_comm .txt_unknown input[type="checkbox"] {
    display: inline-block;
    width: 26px;
    width: 3.421vw;
    height: 26px;
    height: 3.421vw;
    border: 1px solid #787063;
    border: 0.132vw solid #787063;
    vertical-align: middle;
}
.list_course .bottom_comm .txt_unknown label {
    display: inline-block;
    font-size: 20px;
    font-size: 2.632vw;
    color: #4b505c;
    letter-spacing: -1.05px;
    letter-spacing: -0.138vw;
    vertical-align: middle;
}
.list_course .bottom_comm .txt_unknown .btnPop {
    display: inline-block;
    padding: 6.5px 15px;
    padding: 0.855vw 1.974vw;
    border-radius: 4px;
    border-radius: 0.526vw;
    font-weight: 500;
    font-size: 20px;
    font-size: 2.632vw;
    line-height: 1;
    color: #fff;
    background-color: #4f4f4f;
    vertical-align: middle;
}
.list_course .bottom_comm .txt_del {
    font-weight: 500;
    font-size: 30px;
    font-size: 3.947vw;
    color: #a9a9a9;
    text-decoration: line-through;
}
.list_course .bottom_comm .txt_final_sale {
    display: flex;
    align-items: center;
    margin-top: 9px;
    margin-top: 1.184vw;
    font-weight: 700;
    font-size: 40px;
    font-size: 5.263vw;
    line-height: 1;
    color: #000;
    letter-spacing: -0.75px;
    letter-spacing: -0.099vw;
}
.list_course .bottom_comm .txt_price {
    padding-left: 18px;
    padding-left: 2.368vw;
    font-weight: 800;
    font-size: 63px;
    font-size: 8.289vw;
    color: #000;
    letter-spacing: -2.5px;
    letter-spacing: -0.329vw;
}
.list_course .gravity_unknown {
    margin-top: 29px;
    margin-top: 3.816vw;
}
.list_course .gravity_unknown .btn_unknown {
    height: 80px;
    height: 10.526vw;
    border-radius: 8px;
    border-radius: 1.053vw;
    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: 37px;
    font-size: 4.868vw;
    color: #fff;
}

/* tooltip */
.tooltip_container {display:inline-flex; position:absolute; top:0; right:-3.95vw;}
.btn_tooltip {width:3.16vw; height:3.16vw; background:url("http://s3.unistudy.co.kr/images/mobile/event/termPass/ic_info.png") no-repeat 0 / 100%; cursor:pointer; font-size:0;}

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

.tooltip_box p {line-height:3.68vw; font-size:2.89vw; color:#fff;}

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


/*----- con04 -----*/
#con04 {background:#1F2859;}

/* 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:8.55vw; font-size:3.95vw; font-weight:500; color:#fff; background:#2F6BFF; border-radius:1.05vw;}
.faq_title_btn .arrow {margin:0.66vw 0 0 1.32vw; font-size:2.11vw; transition:transform 0.3s ease;}
.faq_title_btn.is_active .arrow {transform:rotate(180deg);}

/* FAQ 내용 */
.faq_content_wrap {display:none; padding:0 2.63vw;}

.faq_ct {}
.faq_ct .faq_item {padding:3.95vw 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:4.47vw; font-size:3.42vw; font-weight:700;}
.faq_ct .faq_item .question em {color:#2fffcc;}
.faq_ct .faq_item .answer {margin-top:3.16vw; line-height:4.08vw; font-size:3.16vw; font-weight:500;}
.faq_ct .faq_item .answer em {font-weight:700;}