@charset "UTF-8";

/* ========== reset ========== */

/* ========== global ========== */
.uniallpass {position:relative;	min-width:1400px;}
.uniallpass * {box-sizing:border-box;}
.uniallpass .inner {position:relative; width:1200px; padding:120px 0; margin:0 auto; text-align:center;}


/* wrapper */
.con_area {position:relative; width:100%;}
.con_area .tit_wrap, .con_area .img_wrap {position:relative; text-align:center;}
.con_area .tit_wrap {margin-bottom:50px;}

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

.remark_txt {margin-top:20px; font-size:14px; text-align:right; color:#222;}

/* btn_comm */
.con_area .btn_comm {display:inline-block; min-width:410px; height:67px; padding:21px 10px; margin-top:50px; font-size:0; vertical-align:top; background:#1108d3;border-radius:10px;}
.con_area .btn_comm > span {display:inline-block; line-height:1; font-weight:700; font-size:24px;	color:#fff; vertical-align:middle; letter-spacing:-0.95px;}
.con_area .btn_comm > span::after {display:inline-block; width:10px; height:16px; margin:4px 0 0 15px; vertical-align:top; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/btn_arrow.png) no-repeat 0 / 100%; content:"";}



/* ========== contents ========== */

/* visual_tit */
#top_title {position:relative; width:100%;}
#top_title .visual_tit {position:relative; width:100%; height:1233px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/top_bg.jpg) no-repeat center bottom / cover;}
#top_title .visual_tit .inner {padding:90px 0 0;}
#top_title .top_noti {display:flex; justify-content:center; height:156px; padding-top:25px; background:#011E32;}
#top_title .top_noti .inner {padding:0;}

#top_title .tit_wrap + .img_wrap {margin-top:-10px;}


/* con01 */
#con01 {width:100%; height:943px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/con01_bg.jpg) no-repeat center top / cover;}

/* con02 */

/* con03 */
#con03 {background:#0066FF;}
#con03 * {color:#fff;}
#con03 .tit_wrap {margin-bottom:0;}

#con03 .product_info {display:flex; margin-top:-11px;}
#con03 .product_info .info_item {flex:1; text-align:center; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/con03_pattern.png) no-repeat left 3px top / cover; background-size:601px 601px;}
#con03 .product_info .info_item h4 {margin-top:-72px; line-height:1; font-size:45px; font-weight:700;}
#con03 .product_info .devices_img {display:flex; justify-content:center; align-items:center; position:relative; width:600px; height:600px;}
#con03 .product_info .btn_spec {position:absolute; right:80px; bottom:202px; width:85px; height:85px; color:transparent; text-indent:-9999px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/btn_spec.png) no-repeat 0 / cover;}
#con03 .product_info .devices_info {width:460px; margin:20px auto 0;}
#con03 .product_info .devices_info li {height:60px; margin-top:1px; line-height:60px; font-size:26px; font-weight:500; background:rgba(0, 0, 0, .18); border-radius:30px;}


/* con04 */
#con04 {background-color:#F7F7F7;}
#con04 .remark_txt {margin-right:30px;}

/* lectures_list */
.lectures_list {display:flex; gap:25px; margin:0 28px 0 50px;}
.lectures_list .list_tit {display:flex; justify-content:center; align-items:center; height:110px; border-radius:15px 15px 0 0; background:#002e90; letter-spacing:-0.75px;}
.lectures_list .list_tit .tit_comm {line-height:1.2; font-weight:700; font-size:34px; color:#fff;}
.lectures_list .list_tit .tit_comm small {display:block; font-size:22px;}

.lectures_list .img_badge {position:absolute; top:-40px; left:-40px; z-index:1; width:91px; height:90px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/mega_badge.png) no-repeat;}

.lectures_list .list_item {flex:1; position:relative; vertical-align:top;}
.lectures_list .list_item:first-child:before {display:none;}
.lectures_list .list_item:before {position:absolute; top:50%; left:-40px; z-index:1; width:56px; height:56px; margin-top:-20px; background-image:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/ic_plus.png); content:"";}

.lectures_list .group_l {overflow: hidden; min-height:330px; padding:30px 28px;	border-radius:0 0 15px 15px; box-sizing:border-box; background-color:#fff; background-position:50% 295px; background-repeat:no-repeat;}
.lectures_list .group_l > li:first-child {margin-top:-10px;}
.lectures_list .group_l .item_t {height:34px; margin:10px 0; line-height:34px; font-size:22px; color:#002e90; font-weight:700; background:#D7E4FF; border-radius:5px;}

.lectures_list .list_l {margin:-13px 0 0 -13px; font-size:0; text-align:left;}
.lectures_list .item_l {display:inline-block; width:50%; padding:13px 0 0 13px; box-sizing:border-box; vertical-align:top;}
.lectures_list .item_l .box_l {display:block; padding:9px 0; border-radius:5px;	box-sizing:border-box; font-weight:600; font-size:23px; color:#222; background-color:#f5f5f5; text-align:center;}

.lectures_list .list_col {display:grid; column-gap:9px; row-gap:10px; margin:0 auto;}
.lectures_list .list_col.t1 {grid-template-columns:70px 143px 70px;}
.lectures_list .list_col.t2 {grid-template-columns:95px 195px;}
.lectures_list .list_col .item_l {width:auto; padding:0;}
.lectures_list .list_col .item_l .box_l {padding:1px 0;}


/* con05 */
#con05 {background:#002E74}
#con05 .tit_wrap {margin-bottom:80px;}
#con05 .remark_txt {color:#8394b9;}
#con05 .badge01 {position:absolute; right:284px; bottom:234px;}


/* con06 */
#con06 {background:#D9E8FF;}
#con06 .inner {padding:119px 0 100px 0;}
#con06 .remark_txt {padding-right:25px; color:#4b505c;}

/* review */
.group_review {overflow:hidden; margin:81px 20px 0; border-radius:15px;}
.group_review .box_review {border-radius:15px; box-shadow:5px 0px 10px 0px rgba(0, 0, 0, 0.1);}

.group_review .head_comm {padding:26px 35px; border-radius:15px 15px 0 0; font-size:0; background-color: #f8f8f8; text-align:left;}
.group_review .head_comm .emph_comm {display:inline-block; min-width:95px; padding:4px 0; font-weight: 700; font-size:22px; color:#fff; background-color:#3a58ad; vertical-align:middle; text-align:center;}
.group_review .head_comm .tit_comm {display:inline-block; margin-left:12px; font-weight:700; font-size: 22px; color:#222; vertical-align:middle; letter-spacing:-0.5px;}

.group_review .body_comm {min-height:275px; padding:25px 35px; border-radius:0 0 15px 15px;	box-sizing: border-box; background-color:#fff; text-align:left;}
.group_review .body_comm .txt_comm {font-weight:500; font-size:20px; line-height:1.5; color:#222;letter-spacing:-0.45px;}
.group_review .body_comm .txt_comm b {display:block; margin-top:10px;}

/* swiper-review */
.swiper-review {position:relative;}
.swiper-review .swiper-pagination {bottom:30px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0 0 9px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child {margin-left:0;}

.swiper-review .swiper-pagination-bullets {font-size:0;}
.swiper-review .swiper-pagination-bullet {width:12px; height:12px; margin:0; border:1px solid #74808d; border-radius:100%; background-color:#fff; opacity:1;}
.swiper-review .swiper-pagination-bullet-active {background-color:#74808d;}


/* con07 */
#con07 {background:#F7F7F7;}
#con07 .tit_wrap {margin-bottom:68px;}
#con07 .sub_txt {line-height:59px; font-size:30px; font-weight:500; color:#03eda7; letter-spacing:-0.3px; background:#222; border-radius:10px;}
#con07 .sub_txt strong {font-weight:600;}

/* allpass_course */
.allpass_course {display:flex; gap:20px; margin-top:7px;}
.allpass_course > li {flex:1;}
.allpass_course * {font-size:22px; line-height:28px; text-align:center;}

.allpass_course .case_item {position:relative; padding:0 8px; margin-bottom:55px; background:#EBF6F3; border-radius:10px;}
.allpass_course .case_item::after {content:''; display:block; position:absolute; left:0; right:0; bottom:-40px; width:17px; height:27px; margin:0 auto; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/ic_arrow_b.png) no-repeat 0 / 100%;}
.allpass_course .case_item li {padding:11px 0 20px; border-top:1px solid #C2C7CC;}
.allpass_course .case_item li:first-child {border-top:0;}
.allpass_course .case_item li::before {content:''; display:block; width:28px; height:28px; margin:0 auto 6px; background:url(//s3.unistudy.co.kr/images/pc/event/2025/preAllPass/ic_check.png) no-repeat 0 / 100%;}

.allpass_course .course_item {background:#fff; border-radius:10px; overflow:hidden;}
.allpass_course .course_item.mh {min-height:332px;}
.allpass_course .course_item + .course_item {margin-top:10px;}
.allpass_course .course_item .course_tit {height:41px; line-height:41px; font-size:23px; font-weight:600; color:#222; background:#03EDA7;}
.allpass_course .course_item > ul {padding:15px 20px; margin-top:-5px;}
.allpass_course .course_item > ul > li {padding:3px 0 2px; margin-top:5px; font-weight:400; background:#F5F5F5; border-radius:5px;}


/* con08 */
#con08 {background:#03EDA7;}
#con08 .tit_wrap .img_badge {position:absolute; top:95px; right:-85px;}
#con08 .img_wrap {margin-top:77px;}


/* con09 */
#con09 {background:#1FC2C8;}
#con09 .tit_wrap {margin-bottom:35px;}
#con09 .img_prize {position:relative;}
#con09 .img_prize .num_txt{display:flex; justify-content:center; align-items:center; position:absolute; top:45px; right:370px; width:93px; height:93px; line-height:1.2; font-size:24px; font-weight:700; color:#fff; background:#FF00BB; border-radius:50%;}

/* list_info */
.list_period {display:inline-grid; /* grid-template-columns:150px 1fr 22px 150px min-content; */ grid-template-columns:150px max-content; column-gap:20px; row-gap:10px; align-items:center; margin:-10px auto 0;}
.list_period dt, .list_period dd {line-height:34px; font-weight:400;}
.list_period dt {width:150px; font-size:20px; text-align:center; white-space:nowrap; color:#fff; background-color:rgba(0, 0, 0, .5); border-radius:17px;}
.list_period dd {font-size:22px; color:#fff; text-align:left;}

/* .list_period dt:nth-of-type(1) {
  grid-column:1;
  grid-row:1;
}
.list_period dd:nth-of-type(1) {
  grid-column:2 / 6;
  grid-row:1;
}
.list_period dt:nth-of-type(3) {
    grid-column: 4;
    grid-row: 2;
}

.list_period dd:nth-of-type(3) {
    grid-column: 5;
    grid-row: 2;
} */

/* noticeWrap */
.noticeWrap {margin:61px 0 0; padding:0 48px; border:1px solid rgba(255, 255, 255, 0.5);	border-radius:20px;}

.noticeWrap_title {display:block; position:relative; margin-bottom:0 !important; font-weight:600; font-size:22px; line-height:51px; color:#fff; letter-spacing:-2px; text-align:center; cursor:pointer;}
.noticeWrap_title.sub {font-size:20px; line-height:1.4; text-align:left;}

.noticeWrap_arrow {display:inline-block; position:absolute;	top:15px; right:467px; font-size:20px; line-height:1; transition:transform 0.3s ease;}
.noticeWrap_title.trigger.active .noticeWrap_arrow {transform: rotate(180deg);}

.noticeWrap_inner {overflow:hidden; max-height:0; transition:max-height 0.5s ease-out, opacity 0.5s ease-out; opacity:0; text-align:left;}
.noticeWrap_inner.active {max-height:fit-content; opacity:1; padding:16px 4px 28px; border-top:1px solid rgba(255, 255, 255, 0.22);}

.noticeWrap_inner .noticeWrap_item {margin-top:32px;}
.noticeWrap_inner .noticeWrap_item:first-child {margin-top:0;}

.noticeWrap_list {margin-top:7px;}
.noticeWrap_list .notice_item {position:relative; margin-top:4px; padding:0 0 0 10px; font-weight:400; font-size:16px; line-height:20px; color:rgba(255, 255, 255, .7); letter-spacing:-0.35px; text-align:left;}
.noticeWrap_list .notice_item:before {content:"-"; position:absolute; left:0;}
.noticeWrap_list .notice_item:first-child {margin-top:0;}

.notice_link {display:inline-block;	margin:0 0 0 10px; padding:1px 5px; border: 1px solid #fff; border-radius:2px; font-weight:400; font-size:13px; color:#fff !important; vertical-align:middle;}


/* con10 */
#con10 {background:#2B2321;}

/* Course registration */
.con_pass .tab_comm {
    margin: 62px 0 0 0;
    padding-top: 33px;
}

.con_pass .tab_comm .inner_tab {
    margin-left: -6px;
    font-size: 0;
}

.con_pass .tab_comm.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 1200px;
    margin: 0 auto;
    background-color:#2B2321;
}

.con_pass .tab_comm.fixed ~ .tab_panel.active .head_panel {
    position: fixed;
    top: 108px;
    z-index: 10;
    width: 1200px;
    margin: 0 auto;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #2B2321;
}

.con_pass .tab_comm.fixed ~ .tab_panel.active .head_panel .box_gravity {
    top: 26px;
}

.con_pass .tab_comm.fixed ~ .tab_panel.active {
    padding-top: 174px;
}

.con_pass .tab_comm .link_tab {
    display: inline-block;
    width: 25%;
    padding-left: 6px;
    box-sizing: border-box;
    font-size: 0;
    vertical-align: top;
    text-align: center;
}

.con_pass .tab_comm .link_tab .txt_l {
    display: inline-block;
    font-weight: 800;
    font-size: 30px;
    color: #222;
    vertical-align: middle;
}

.con_pass .tab_comm .link_tab .ico_arw {
    display: inline-block;
    width: 11px;
    height: 18px;
    margin-left: 12px;
    background: url("https://s3.unistudy.co.kr/images/pc/event/allPass/ico_tab_arrow_r.png") 0 0 no-repeat;
    vertical-align: middle;
}

.con_pass .tab_comm .link_tab>.outer_cell {
    position: relative;
    width: 100%;
    min-height: 75px;
    border-radius: 8px;
    background-color: #fff;
}

.con_pass .tab_comm .link_tab.active>.outer_cell::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 5px solid #1108D3;
    border-radius: 8px;
    content: "";
}

.con_pass .tab_comm .link_tab.active .txt_l {
    color: #1108D3;
}

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

.con_pass .tab_comm .emph_sticker {
    position: absolute;
    top: -19px;
    left: 50%;
    z-index: 1;
    width: 171px;
    height: 37px;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.15;
    color: #050e37;
    background:url("https://s3.unistudy.co.kr/images/pc/event/allPass/img_sticker_171x37.png");
    background-repeat: no-repeat;
    text-align: center;
    transform: translateX(-50%);
}

.con_pass .tab_comm .emph_sticker .outer_cell {
    width: 100%;
    height: 100%;
}

.con_pass .tab_panel {
    display: none;
}

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

.con_pass .tab_panel .head_panel {
    position: relative;
    margin-top: 17px;
    padding-left: 43px;
    text-align: left;
}

.con_pass .tab_panel .head_panel .emph_comm {
    font-weight: 800;
    font-size: 34px;
    color: #00f6ff;
    letter-spacing: -1.25px;
}

.con_pass .tab_panel .head_panel .txt_comm {
    position: relative;
    margin-left: 25px;
    padding-left: 28px;
    font-weight: 500;
    font-size: 30px;
    color: #fff;
    letter-spacing: -1.25px;
}

.con_pass .tab_panel .head_panel .txt_comm::before {
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
    width: 1px;
    height: 22px;
    background-color: #dbdbdb;
    content: "";
}

.con_pass .tab_panel .head_panel .box_gravity {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    margin-left: -4px;
    font-size: 0;
}

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

.con_pass .tab_panel .head_panel .box_gravity .btn_gravity .txt_l {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
}

.con_pass .tab_panel .head_panel .box_gravity .btn_gravity .ico_arw {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 8px;
    background: url("https://s3.unistudy.co.kr/images/pc/event/allPass/ico_btn_arrow_r.png") 0 0 no-repeat;
    vertical-align: middle;
}

.con_pass .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 .top_comm {
    position: relative;
    padding: 30px 0 20px;
}

.list_course .item_course .emph_comm {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    min-width: 120px;
    padding: 6px 0;
    border-radius: 0 20px 20px 0;
    font-size: 20px;
    color: #fff;
    background-color: #1108d3;
    text-align: center;
}

.list_course .item_course .group_course.type_package .top_comm {
    padding: 60px 0 30px;
}

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

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

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

.list_package .item_package {
    display: inline-block;
    position: relative;
    height: 223px;
    padding: 16px 0 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("https://s3.unistudy.co.kr/images/pc/event/allPass/pc/images/img_course5.png") 0 0 no-repeat;
    content: "";
}

.list_package .item_package.lst {
    width: 187px;
    margin-left: 20px;
    border-radius: 8px;
    background-color: #eff1ff;
}

.list_package .item_package.lst::before {
    position: absolute;
    top: 96px;
    left: -15px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-image: url("https://s3.unistudy.co.kr/images/pc/event/allPass/img_course6.png");
    content: "";
}

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

.top_comm .txt_package {
    position: absolute;
    right: 0;
    bottom: 13px;
    left: 0;
    z-index: 1;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
}

.top_comm .txt_package>em {
    font-weight: 800;
    letter-spacing: -0.5px;
}

.list_package .txt_device_price {
    position: absolute;
    right: 0;
    bottom: 13px;
    left: 0;
    z-index: 1;
    font-weight: 500;
    font-size: 22px;
}

.list_package .txt_device_price>em {
    font-weight: 800;
    letter-spacing: -0.5px;
}

.list_package .img_device {
    max-width: 100%;
    margin-top: 8px;
}

.list_package .btn_detail {
    position: absolute;
    bottom: 64px;
    left: 50%;
    z-index: 1;
    width: 70px;
    height: 22px;
    margin-left: -35px;
    border: 1px solid #404040;
    border-radius: 0;
    box-sizing: border-box;
    background-color: #fff;
}

.list_package .btn_detail .txt_l {
    font-size: 14px;
    color: #000;
}

.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: space-between;
    align-items: center;
    padding: 0 6px 15px;
}

.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:#121B74;
}

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

/* 정가 없는 패키지 상품 */
.group_course.center .inner_bottom {justify-content:center;}
.group_course.center .item_package {display:inline-flex; align-items:center;}

@media only screen and (max-width: 1414px) {
    .uniallpass .con_pass .tab_comm.fixed::before {
        position: absolute;
        top: 0;
        left: -100px;
        z-index: 1;
        width: 100px;
        height: 190px;
        background-color:#2B2321;
        content: "";
    }
}