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

/* reset */
body,
html {
    -webkit-text-size-adjust: none;
}

body {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", sans-serif;}

/* global */
.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.ir_caption {
    overflow: hidden;
    width: 1px;
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px;
}

.screen_out {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}

/* cell */
.outer_cell {
    display: table;
}

.outer_cell .inner_cell {
    display: table-cell;
    vertical-align: middle;
}

/* group_showcase_menu */
.group_showcase_menu {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9999;
    width: 180px;
    text-align: center;
    transform: translateY(-50%);
}

.group_showcase_menu .link_comm {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    font-size: 1px;
    color: transparent;
    background: url("https://s3.unistudy.co.kr/images/pc/event/packageByMajor/btn_top.png") 0 0 no-repeat;
    vertical-align: top;
}

/* list_showcase_menu */
.list_showcase_menu li {
    margin-top: 1px;
}

.list_showcase_menu li:first-child {
    margin-top: 0;
}

.list_showcase_menu li:first-child .link_showcase_menu {
    border-radius: 10px 0 0 0;
}

.list_showcase_menu li:last-child .link_showcase_menu {
    border-radius: 0 0 0 10px;
}

.list_showcase_menu .link_showcase_menu {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1.25;
    color: #81e841;
    background-color: #020508;
    text-align: center;
    transition: none;
}

.list_showcase_menu .link_showcase_menu b {
    font-weight: 800;
}

.list_showcase_menu .link_showcase_menu b.txt_evt {
    letter-spacing: 2px;
}

.list_showcase_menu .link_showcase_menu .outer_cell {
    width: 100%;
    min-height: 70px;
}

.list_showcase_menu .link_showcase_menu .img_comm {
    position: absolute;
    top: -18px;
    left: -29px;
    z-index: 1;
}

.list_showcase_menu .link_showcase_menu.active {
    color: #0e3133;
    background-color: #81E844;
}

.list_showcase_menu .link_showcase_menu.active b {
    font-weight: 800;
}

/* inner_evt */
[class^="inner_evt"] {
    position:relative;
    width:1200px;
    padding:120px 0;
    margin: 0 auto;
    text-align:center;
}

/* evt_tit */
.evt_tit_wrap {position:relative; margin-bottom:49px;}

/* evt_img, link_wrap */
.evt_img_wrap, .link_wrap {position:relative;}

/* area_evt */
.area_evt {
    min-width: 1217px;
}

/* top visual */
.area_evt_0 .outer_top_title {
    min-height: 1176px;
    background: url("https://s3.unistudy.co.kr/images/pc/event/packageByMajor/top_title.jpg") 50% 0 no-repeat;
    background-size:cover;
}

/* intro */
.area_evt_0 .outer_evt_intro {
    background-color:#8FFE44;
}

.area_evt_0 .outer_evt_intro .intro_txt_wrap {margin-top:53px; }
.area_evt_0 .outer_evt_intro .intro_txt_wrap .txt1 {
    font-size:31px;
    line-height:1.2;
    font-weight:500;
}

.area_evt_0 .outer_evt_intro .intro_txt_wrap .txt2 {
    margin-top:5px;
    font-size:42px;
    font-weight:800;
}

/* area_evt_0 */
.area_evt_0 {
    overflow: hidden;
}

.area_evt_0 .link_ddakji {
    display: block;
    padding: 25px 0;
    font-weight: 700;
    font-size: 30px;
    line-height:1;
    color: #fff;
    background-color: #004AD2;
    text-align: center;
}

.area_evt_0 .link_ddakji .emph_l {
    color: #8efe47;
}

/* area_evt_1 */
.area_evt_1 {
    background-color:#E4FFD0;
}

.area_evt_1 .tit_evt_1 {
    display: block;
    margin: 0 auto;
}

.area_evt_1 .img_evt_1 {
    display: block;
    margin: 69px 0 0 -8px;
}

.area_evt_1 .subtit_evt_1 {
    display: block;
    margin: 50px auto 0;
}

.area_evt_1 .box_comm {
    margin-top: 80px;
}

/* area_evt_2 */
.area_evt_2 {
    background-color: #0B1928;
}

.area_evt_2 .evt_img_wrap .evt_badge {position:absolute; top:-122px; right:42px; z-index:1;}

.area_evt_2 .link_wrap a {display:block; position:absolute; width:121px; height:37px; font-size:0;}
.area_evt_2 .link_wrap .btn1 {left:237px; bottom:219px;}
.area_evt_2 .link_wrap .btn2 {right:206px; bottom:229px;}

/* area_evt_3 */
.area_evt_3 {
    background-color: #004AD2;
}

.area_evt_3 .evt_img_wrap img[class^=img_], .area_evt_3 .evt_img_wrap .gift_info {position:absolute; z-index:1;}
.area_evt_3 .evt_img_wrap .img_prize {top:100px; left:0; right:0; margin:0 auto;}
.area_evt_3 .evt_img_wrap .img_object {top:-332px; right:-5px;}
.area_evt_3 .evt_img_wrap .gift_info {top:340px; left:0; right:0; margin:0 auto;}

.area_evt_3 .list_comm {margin-top:-20px;}

/* list_comm */
.list_comm {display:flex; justify-content:center;}
.list_comm dt, .list_comm dd {color:#fff;}
.list_comm dt {width:150px; padding:3px 2px; font-size:20px; text-align:center; border-radius:17px; background-color:#002569;}
.list_comm dd + dt {margin-left:25px;}
.list_comm dd {padding-left:20px; font-size:22px;}

/* area_evt_4 */
.area_evt_4 {background-color:#fff;}
.area_evt_4 .table_section {margin-top:20px;}


/* popup */
.pop_wrap .subTab li a {display:flex; align-items:center; padding-top:0; line-height:1.1;}


/* template GroupList */
.list_btn_wrap {margin-top:65px; margin-bottom:30px; text-align:right; font-size:0;}
.list_btn_wrap .list_btn {display:inline-block; position:relative; padding:0 30px 0 16px; font-size:18px; line-height:33px; color:#222; text-align:center; letter-spacing:-0.8px; background:#fff; border:1px solid #222; border-radius:4px;}
.list_btn_wrap .list_btn::after {content:''; display:block; position:absolute; top:50%; right:15px; width:6px; height:10px; margin-top:-5px; background:url("https://s3.unistudy.co.kr/images/pc/event/packageByMajor/btn_arrow.png") no-repeat; background-size:100%;}
.list_btn_wrap .list_btn + .list_btn {margin-left:4px;}


/* gravity_comm */
.gravity_comm {margin-top:50px;}
.gravity_comm .inner_gravity {
    display:flex;
    gap:20px;
}

.item_gravity {
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    background: #F2F2F2;
    text-align: center;
    position: relative;
    padding:17px 0 20px 0;
    cursor:pointer; border-radius:8px;
}

.item_gravity input[type="radio"] {
    appearance:none;
    width:17px;
    height:17px;
    margin:6px 3px 0 0;
    border:2px solid #222;
    border-radius:50%;
    background:#F2F2F2;
    cursor:pointer;
}

.item_gravity input[type="radio"]:checked {background:radial-gradient(#222 40%, transparent 52%);}

.item_gravity.active {background:#E8EDFF;}

.box_gravity .label_txt {
    font-size:24px;
    font-weight:700;
    line-height:30px;
    letter-spacing:-0.7px;
}
.box_gravity .label_txt.txt1 {margin-top:15px;}
.box_gravity .label_txt + img {margin-top:5px;}

/* tab_comm */
.tab_comm {
    margin-top:64px;
    font-size: 0;
}

.tab_comm .inner_tab {
    position:relative;
    margin-left:-14px;
    font-size: 0;
}

.tab_comm .inner_tab .tab_bubble {position:absolute; top:-42px; right:23px; z-index:1;}

.tab_comm [class*="btn_tab"] {
    display: inline-block;
    margin-left:14px;
    height: 44px;
    font-weight: 700;
    font-size: 22px;
    border: 1px solid #d7d7d7;
    border-radius: 22px;
    box-sizing: border-box;
    background-color: #ffffff;
    vertical-align: top;
}

.tab_comm [class*="btn_tab"].active {
    color: #0c31b1;
    border-color: #4e76ff;
    background-color: #e8edff;
}

.tab_comm .btn_tab1,
.tab_comm .btn_tab2,
.tab_comm .btn_tab3,
.tab_comm .btn_tab6 {
    width: 168px;
}

.tab_comm .btn_tab4,
.tab_comm .btn_tab5 {
    width: 226px;
}

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

.noticeWrap__title {
    display: block;
    position: relative;
    padding: 13px 0 10px;
    margin-bottom: 0 !important;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.5px;
    text-align: center;
    cursor: pointer;
}

.noticeWrap__title--sub {
    padding: 0;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
}

.noticeWrap__arrow {
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 466px;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.noticeWrap__title--trigger.active .noticeWrap__arrow {
    top: 18px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    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 0 31px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.noticeWrap__inner .notice-item {
    margin-top: 32px;
}

.noticeWrap__inner .notice-item:first-child {
    margin-top: 0;
}

.noticeWrap__list {
    margin-top: 7px;
}

.noticeWrap__item {
    position: relative;
    margin-top: 4px;
    padding: 0 0 0 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    letter-spacing: -0.35px;
    text-align: left;
}

.noticeWrap__item:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 2px;
}

.noticeWrap__item:first-child {
    margin-top: 0;
}

.noticeWrap__item--impact {
    font-weight: 700;
    color: #fff !important;
}

.noticeWrap__link {
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    vertical-align: middle;
}

.noticeWrap__link:hover,
.noticeWrap__link:focus {
    color: rgba(255, 255, 255, 0.7);
}

.btn_member {display:inline-block; padding:3px 5px; line-height:1; font-size:13px; font-weight:500; color:#fff; letter-spacing:-0.5px; border:1px solid #fff; border-radius:3px;}

/* evt_buyBar */
.evt_buyBar .buyBar_open {height:210px; bottom:-242px;}

.evt_buyBar .buyBar_close .content,
.evt_buyBar .buyBar_open .content {padding-left:0;}
.evt_buyBar .buyBar_open .content {height:100%;}

.evt_buyBar .lecture_buy {width:1200px; height:100%; padding-top:0;}

.evt_buyBar .buyBtn_area {position:fixed; left:0; right:0; bottom:17px; z-index:110; width:1200px; margin:0 auto;}
.evt_buyBar .buyBtn_area .btn_buyBar {text-align:right;}
.evt_buyBar .buyBtn_area .btn_buyBar a {display:inline-block; width:297px; height:40px; line-height:40px; font-size:18px; font-weight:700; color:#222; text-align:center; border-radius:6px; background: #fff000;}

/* evt_buyBar - close*/
.evt_buyBar .buyBar_close dl {margin:0;}
.evt_buyBar .buyBar_close .totalPrice * {line-height:42px;}
.evt_buyBar .buyBar_close .totalPrice dt {margin-right:28px; font-size:20px; color:#fff;}
.evt_buyBar .buyBar_close .totalPrice dd {font-size:30px; color:#fff000;}

/* evt_buyBar - open */
.evt_buyBar .buyBar_open {z-index:100;}
.evt_buyBar .buy_list * {color:#fff;}
.evt_buyBar .buy_list .col_name {width:550px; padding:0 4px; box-sizing:border-box;}
.evt_buyBar .buy_list .col_price {width:100px; text-align:center;}
.evt_buyBar .buy_list .col_del {width:70px; text-align:center;}

.evt_buyBar .buyTit_wrap {width:100%; padding-right:22px;}
.evt_buyBar .buy_tab {border-bottom:1px solid #fff;}
.evt_buyBar .buy_tab li {position:relative; padding:20px 0 !important; font-size:18px; font-weight:700; text-align:center;}
.evt_buyBar .buy_tab li::after {content:''; position:absolute; top:50%; left:0; width:1px; height:17px; margin-top:-8px; background:#fff;}
.evt_buyBar .buy_tab li:first-child {border-right:none; margin:0;}
.evt_buyBar .buy_tab li:first-child::after {display:none;}

.evt_buyBar .buyTab_content {width:100%;}
.evt_buyBar .buyTab_content ul {padding-right:15px; margin:0;}
.evt_buyBar .buyTab_content ul::-webkit-scrollbar-thumb {background:#D6D6D6;}
.evt_buyBar .buyTab_content ul::-webkit-scrollbar-track,
.evt_buyBar .buyTab_content ul::-webkit-scrollbar-track-piece,
.evt_buyBar .buyTab_content ul::-webkit-scrollbar-button:start,
.evt_buyBar .buyTab_content ul::-webkit-scrollbar-button:end {background:transparent;}
.evt_buyBar .buyTab_content li {display:flex; padding:5px 0; border-top:1px solid #717171; border-bottom:0;}
.evt_buyBar .buyTab_content li:first-child {border-top:none;}
.evt_buyBar .buyTab_content li * {font-weight:400;}
.evt_buyBar .buyTab_content li button {position:static; padding:0; margin:0;}
.evt_buyBar .buyTab_content li button img {margin-top:4px;}

.evt_buyBar .buyTab_content .info_wrap {display:flex; justify-content:center; align-items:center; height:150px;}
.evt_buyBar .buyTab_content .info_wrap p {font-size:15px;}

.evt_buyBar .coursePrice {width:297px; margin-top:15px;}
.evt_buyBar .coursePrice dl {align-items:center; margin-bottom:5px;}
.evt_buyBar .coursePrice dt,
.evt_buyBar .coursePrice dd,
.evt_buyBar .coursePrice dd strong {font-size:15px;}
.evt_buyBar .coursePrice dd {color:#fff;}
.evt_buyBar .coursePrice .bookPrice {padding-top:10px; margin-top:10px; color:#fff000; border-top:1px solid #717171;}
.evt_buyBar .coursePrice .bookPrice * {color:#fff000;}
.evt_buyBar .coursePrice .bookPrice dt {font-size:18px;}
.evt_buyBar .coursePrice .bookPrice dd,
.evt_buyBar .coursePrice .bookPrice strong {font-size:26px;}