@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 **********/
.uniPass {
    overflow:hidden;
    position:relative;
    min-width:1400px;
}

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

.uniPass .tit_wrap,
.uniPass .img_wrap {position:relative; text-align:center;}
.uniPass .tit_wrap {display:inline-block; margin-bottom:50px;}
.uniPass .tit_wrap h3 {line-height:1.2; font-size:56px; font-weight:700;}
.uniPass .tit_wrap h3 em {color:#404ce1;}
.uniPass .tit_wrap h4 {font-size:30px;}
.uniPass .tit_wrap .sub_txt {margin-top:5px; font-size:34px; font-weight:400;}
.uniPass .copy_txt {margin-top:54px; line-height:1.33; font-size:42px; font-weight:700;}
.uniPass .copy_txt em {color:#3542df;}

/* 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(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/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;}

.nt_comm {margin-top:20px;}
.nt_comm p {font-size:14px; font-weight:400; color:#4b505c;}

/* quick_menu */
.uniPass .quick_menu {position:fixed; top:50%; right:0; z-index:3; transform:translateY(-50%); max-height:calc(100vh - 360px);}
.uniPass .quick_menu .item_quick_menu {position:relative; margin:1px 0 0;}
.uniPass .quick_menu .item_quick_menu:first-child a {border-radius:10px 0 0 0;}
.uniPass .quick_menu .item_quick_menu.lst a {border-radius:0 0 0 10px;}
.uniPass .quick_menu .item_quick_menu a {display:block; width:189px; height:84px; text-align:center; background-color:rgba(34, 45, 186, 0.9);}

.uniPass .quick_menu .item_quick_menu a .outer_cell {width:100%; height:100%; font-size:16px; color:#fff; font-weight:normal;}
.uniPass .quick_menu .item_quick_menu a.active .outer_cell {color:#222;}
.uniPass .quick_menu .item_quick_menu a .inner_cell em {display:block; font-weight:bold; color:#2fffcc;}
.uniPass .quick_menu .item_quick_menu a .inner_cell strong {font-weight:bold;}
.uniPass .quick_menu .item_quick_menu a.active {background-color:rgba(255, 255, 255, 0.9);}
.uniPass .quick_menu .item_quick_menu a.active em {color:#222;}
.uniPass .quick_menu .item_quick_menu a.active strong {color:#404ce1;}

.uniPass .quick_menu .item_quick_menu.bnr a em {color:#222;}
.uniPass .quick_menu .item_quick_menu.bnr a strong {color:#404ce1;}

.uniPass .quick_menu .menu_bnr {margin-top:10px;}
.uniPass .quick_menu .menu_bnr a {height:103px; background:#fff; border-radius:10px 0 0 10px;}
.uniPass .quick_menu .menu_bnr em {color:#222;}
.uniPass .quick_menu .menu_bnr strong {color:#404ce1 !important;}
.uniPass .quick_menu .menu_bnr .label {display:block; width:145px; height:23px; margin:0 auto 7px; line-height:23px; font-size:18px; font-weight:bold; color:#fff; background:#222DBA; border-radius:13px;}



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

.uniPass .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;}

.uniPass .allpass_float .timer_inner {display:flex; align-items:center; justify-content:space-between; width:100%;}

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

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

.uniPass .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;}
.uniPass .allpass_float .btn_paygo .ic_arrow {display:inline-block; width:10px; height:16px; margin-left:12px; background:url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/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 -----*/
.visual_tit {position:relative; width:100%; height:1027px; background:#161525 url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/top_tit_bg.jpg) no-repeat center bottom / cover;}
.visual_tit .inner {padding-top:237px;}
.visual_tit .tit_wrap .sub_tit {margin-bottom:15px; line-height:1; font-size:48px; font-weight:bold; color:#fff;}
.visual_tit .tit_wrap .sub_txt {margin-top:30px; font-size:34px; font-weight:bold; color:#d9e1ff;}
.visual_tit .tit_wrap .sub_txt em {font-size:18px; vertical-align:top;}
.visual_tit .tit_wrap .nt_txt {margin-top:5px; line-height:1; font-size:14px; color:rgba(255,255,255, .5);}


/*----- con01 -----*/
#con01 {background:#3542DF;}
#con01 .tit_wrap h3 {color:#fff;}
#con01 .tit_wrap h3 em {color:#7efdcd;}
#con01 .ct_wrap {font-size:0;}
#con01 .ct_wrap ul {display:flex; gap:15px;}

#con01 .bubble_txt {position:relative; padding:43px; margin-top:46px; text-align:center; background:#4A55E2; border-radius:20px; }
#con01 .bubble_txt::before {content:''; position:absolute; top:-15px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:15px solid rgba(255, 255, 255, 0.12);}
#con01 .bubble_txt p {font-size:32px; font-weight:700; color:#fff;}
#con01 .bubble_txt p strong {font-weight:700; color:#2fffcc;}

/*----- con02 -----*/
#con02 {background:#F5F5F5;}
#con02 .tit_wrap em {color:#3542df;}
#con02 .img_wrap + .img_wrap {margin-top:75px;}
#con02 .btn_comm {background:#181C32;}

/*----- con03 -----*/
#con03 {background:#EDEBEB;}
#con03 .tit_wrap .badge {position:absolute; top:-20px; right:-150px;}
#con03 .nt_comm {text-align:right;}
#con03 .bnr_link {display:block; margin-top:40px;}

.list_box {display:flex; flex-wrap:wrap; gap:30px 15px;}
.list_box .list_item {position:relative; background:#fff; border-radius:15px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}
.list_box .list_item:nth-child(-n+3) {flex:1; min-width:280px;}
.list_box .list_item:nth-child(1)::after,
.list_box .list_item:nth-child(2)::after {content:''; position:absolute; right:-27px; top:55%; transform:translateY(-50%); z-index:2; width:40px; height:40px; background:url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/con_ic_plus.png) no-repeat 0 / 100%;}

.list_box .list_item .item_tit {position:relative; padding:22px; background:#333; color:#fff; text-align:center; border-radius:15px 15px 0 0;}
.list_box .list_item .item_tit .label {display:inline-block; position:absolute; top:-12px; left:50%; z-index:2; transform: translateX(-50%); padding:4px 26px; line-height:1; font-size: 18px; font-weight:500; color:#2FFFCC; white-space:nowrap; background:#000; border:1px solid #2FFFCC; border-radius:14px;}

.list_box .list_item .item_tit h4 {font-size:28px; font-weight:700; color:#fff;}
.list_box .list_item .item_tit .star {font-size:18px; vertical-align:top;}
.list_box .list_item .item_group {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; padding:30px 20px;}
.list_box .list_item:nth-child(2) .item_group {grid-template-columns:1fr;}

.list_box .list_item .item_group li {display:flex; align-items:center; justify-content:center; padding:14px 8px; line-height:1; font-size:22px; font-weight:700; color:#222; text-align:center; background:#F5F5F5; border-radius:6px;}

/* 버튼 링크 */
.list_box .list_item .btn_link {display:block; padding:15px; margin:-10px 20px 25px; font-size:22px; font-weight:700; color:#fff; text-align:center; background:#4352e8; border-radius:5px;}
.list_box .list_item .btn_link::after {content:''; display:inline-block; width:10px; height:16px; margin-left:19px; vertical-align:middle; background:url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/btn_arrow_r.png) no-repeat 0 / 100%; filter:brightness(0) invert(1);}

/* 풀사이즈 */
.list_box .list_item.full {flex:0 0 100%; width:100%;}
.list_box .list_item.full .item_tit {display:flex; align-items:center; justify-content:center; gap:12px; padding:16px;}
.list_box .list_item.full .item_tit .label {position:static; transform:none;}

/* 수평 리스트 */
.list_box .list_item .item_group.t2 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 16px; padding:30px 60px;}
.list_box .list_item .item_group.t2 li {position:relative; padding:0; background-color:transparent;}
.list_box .list_item .item_group.t2 li:not(:last-child)::after {content:''; display:inline-block; width:1px; height:17px; margin-left:20px; background:#999;}
.list_box .list_item .item_group.t2 li:nth-child(9)::after {display:none;}

/*----- con04 -----*/
#con04 {background:#2B3142;}
#con04 .tit_wrap * {color:#fff;}
#con04 .tit_wrap .badge {position:absolute; top:-20px; right:-150px;}

/* ----- banner ----- */
.banner_area {background:#181C32;}
.banner_area .inner {padding:0;}

/*----- con05 -----*/
#con05 {background:#E11F97;}
#con05 .tit_wrap {margin-bottom:80px;}
#con05 .gift_wrap {display:inline-block; position:relative;}
#con05 .gift_wrap .badge {position:absolute; top:-45px; right:90px;}
#con05 .nt_comm * {color:#fff;}

.list_info_wrap {margin:50px 0;}
.list_period {display:inline-grid; grid-template-columns:150px 1fr; gap:10px 20px; align-items:flex-start;}
.list_period dt {width:150px; padding:3px 0; font-weight:400; font-size:20px; color:#fff;text-align:center; vertical-align:middle; background:rgba(0, 0, 0, .5); border-radius:20px;}
.list_period dd {font-weight:400; font-size:22px; color:#fff; text-align:left;}

/*----- con06 -----*/
#con06 {background:#EDEBEB;}
#con06 .tit_wrap h3 {color:#404ce1;}

/* faq toggle */
.faq_container {}
.faq_section {margin-bottom:20px; background:#fff; 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:#333; 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_item {padding:35px 40px; text-align:left; border-bottom:1px solid rgba(34, 34, 34, .2); }
.faq_ct .faq_item * {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; color:#404ce1;}
.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; color:#222;}
.faq_ct .faq_item .answer em {font-weight:700;}
.faq_ct .faq_item .btn_link {display:inline-block; height:26px; padding:0 5px; line-height:26px; font-size:16px; font-weight:500; text-indent:0; vertical-align:middle; border:1px solid #222; border-radius:4px;}
.faq_ct .faq_item .btn_link::after {content:''; display:inline-block; width:6px; height:10px; margin-left:5px; background:url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/btn_arrow_r.png) no-repeat 0 0 / 100%;}


/*--- 수강 신청 ---*/
.tab_comm .inner_tab {display:flex; gap:10px;}
.tab_comm .link_tab {flex:1; text-align:center;}
.tab_comm .link_tab .txt_l {display:inline-block; font-weight:700; font-size:32px; color:rgba(255, 255, 255, .5);}
.tab_comm .link_tab.active .txt_l {color:#222;}
.tab_comm .link_tab.active .txt_l em {color:#e10094;}
.tab_comm .link_tab.t2.active .txt_l em {color:#1d1ce5;}


.tab_comm .link_tab>.outer_cell {position:relative; width:100%; height:107px; border-radius:10px 10px 0 0; background:#414655;}
.tab_comm .link_tab.active>.outer_cell {background:#fff;}
.tab_comm .link_tab.active>.outer_cell::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-bottom:3px solid #E10094;}
.tab_comm .link_tab.t2.active>.outer_cell::before {border-color:#1d1ce5;}

.tab_comm .link_tab.active .ico_arw {background-image:url("//s3.unistudy.co.kr/images/pc/event/allPass/260305/ico_tab_arrow_r_on.png");}

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

.tab_panel .ct_panel {padding:30px 0; background:#fff; border-radius:0 0 10px 10px;}
.tab_panel .ct_panel .desc_tit {font-size:34px; font-weight:700;}
.tab_panel .ct_panel .desc_txt {font-size:24px; font-weight:500;}
.tab_panel .ct_panel .desc_tag {display:flex; gap:10px; justify-content:center; margin-top:18px;}
.tab_panel .ct_panel .desc_tag li {padding:15px 18px; line-height:1; font-size:22px; font-weight:500; color:#E10094; border:1px solid #E10094; border-radius:5px;}
.tab_panel .ct_panel .desc_tag.t2 li {color:#1d1ce5; border-color:#1d1ce5;}

.tab_panel .head_panel {display:flex; justify-content:space-between; align-items:center; position:relative; margin-top:20px;}
.tab_panel .head_panel .emph_comm {padding-left:40px; font-weight:800; font-size:34px; color:#fff; letter-spacing:-1.25px;}
.tab_panel .head_panel .txt_comm {position:relative; font-weight:500; font-size:30px; color:#fff; letter-spacing:-1.25px;}
.tab_panel .head_panel .txt_comm::before {content:''; display:inline-block; width:1px; height:22px; margin:0 28px; background:#fff;}

.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;
}
.tab_panel .head_panel .box_gravity .btn_gravity .txt_l {
    display:inline-block;
    font-weight:500;
    font-size:18px;
    color:#fff;
    vertical-align:middle;
}
.tab_panel .head_panel .box_gravity .btn_gravity .ico_arw {
    display:inline-block;
    width:6px;
    height:10px;
    margin-left:8px;
    background:url(//s3.unistudy.co.kr/images/pc/event/2026/uniPass/btn_arrow_r.png) no-repeat 0 / 100%;
    vertical-align:middle;
    filter:brightness(0) invert(1);
}

.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,
.head_txt + .inner_package {
    padding-left:0;
    padding-right:10px;
}

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

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

.inner_package::before {
    position:absolute;
    top:80px;
    left:-5px;
    z-index:1;
    width:30px;
    height:30px;
    background:url("https://s3.unistudy.co.kr/images/pc/event/allPass/260305/img_course5.png") 0 0 no-repeat;
    content:"";
}
.item_package {flex:1 0 0;}
.item_package .head_txt {display:block; position:absolute; top:0; left:0; right:0; width:320px; height:30px; margin:0 auto; background:#1D1CE5; border-radius:15px;}
.item_package .head_txt p {line-height:30px; font-size:20px; font-weight:bold; color:#fff;}
.item_package .head_txt.line {background:none; border:1px solid #1D1CE5;}
.item_package .head_txt.line p {color:#1D1CE5;}

.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:#E10094;}
.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;}
.list_course.t2 .gravity_unknown .btn_unknown {background:#1D1CE5;}