@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2025/ */

:root {
    --primary-color: #f23d6c;
}

/* S: setting */
.playGround {position: relative; width: 100%; text-align: center; line-height: 1.4; letter-spacing: -0.03em; font-family: var(--font-noto); background-color: #f5f5f5; z-index: 1;}
.playGround * {box-sizing: border-box;}
.pgSection {position: relative; padding: 120px 0;}

.tx_primary {color: var(--primary-color);}
.bg_primary {background-color: var(--primary-color);}
.tx_gray {color: var(--color-gray);}
.bg_gray {background-color: #f8f8f8;}
.tx_red_2 {color: #e45c6c;}
.mb15 {margin-bottom: 15px;}
.mb40 {margin-bottom: 40px;}
.btn-base.pink > * {background-color: #fff; color: var(--primary-color); border: 1px solid var(--primary-color);}
.evt_con_base.xxs {font-size: 12px;}
.ui-state-active {color: var(--color-blue) !important;}
.pgSection .mega_swiper {position: relative; overflow: hidden;}
.pgSection .mega_swiper .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0 5px;}
.pgSection .mega_swiper .swiper-pagination-bullet-active {background: #111;}

.cont-tit-base {margin-bottom: 60px;}
.cont-tit-base h4 {font-size: 34px; line-height: 1.2;}
.cont-tit-base .ellipse {display: inline-block; font-size: 26px; padding: 8px 36px; border-radius: 27px;}
.cont-tit-base h4 + .ellipse {margin-top: 15px;}
.cont-tit-base .ellipse + h4 {margin-top: 15px;}
.cont-box-base {padding: 60px; background-color: #fff; border-radius: 15px; box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.1);}
.cont-box-base + .cont-tit-base {margin-top: 100px;}
.cont-box-base .box-tit-base {position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.cont-box-base .box-tit-base h5 {position: relative; font-size: 15px; text-align: left; padding-left: 10px;}
.cont-box-base .box-tit-base h5::before {content: ''; position: absolute; top: 3px; left: 0; width: 3px; height: 15px; background: #111;}
.cont-box-base .border-box-base {border: 1px solid #ececec;}
.cont-box-base .border-box-tit {font-weight: 700; font-size: 17px; background: #f8fbff; border-bottom: 1px solid #ececec; padding: 19px 10px;}
.cont-box-base .border-box-cont {padding: 30px 39px 40px 39px;}
.desc-tit {font-weight: 700;}
.list-base {font-size: 14px; text-align: left;}
.list-base li {position: relative; padding-left: 10px;}
.list-base li .mark {position: absolute; top: 0; left: 0;}
.list-base li .btn-base {vertical-align: baseline;}
.desc-base {font-size: 14px; text-align: left;}
.desc-base dt {font-weight: 700; font-size: 15px;}
.desc-base dd {position: relative; padding-left: 10px;}
.desc-base dd .mark {position: absolute; top: 0; left: 0;}

/* ÆäÀ̵å(ÅÂºí¸´, PC) */
.pgContent {position: relative; overflow: hidden;}
.pgContent.fade-enter {opacity: 0;} 
.pgContent.fade-enter-active {opacity: 1; transition: opacity 0.4s ease;}
/* ½½¶óÀ̵å(¸ð¹ÙÀÏ) */
.pg-slide-wrapper {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; z-index: 1; background-color: #f5f5f5; /* ¹è°æ »ö»ó */ min-height: 100vh;} 
.pg-slide-wrapper.slide-in-right {transform: translateX(100%);}
.pg-slide-wrapper.slide-in-right.slide-enter-active {transform: translateX(0); opacity: 1;}
/* µÚ·Î°¡±â */
.pg-slide-wrapper.slide-in-left {transform: translateX(-100%);}
.pg-slide-wrapper.slide-in-left.slide-enter-active {transform: translateX(0); opacity: 1;}

/* S: Å×À̺í */
.pgSection .table-base.tp1 th,
.pgSection .table-base.tp1 td {padding: 12px 20px; height: 63px; box-sizing: border-box;}
.pgSection .table-base.sm th,
.pgSection .table-base.sm td {padding: 4.5px 5px;}

/* ¿Ï°­ ¸ñÇ¥ °­Á Å×À̺í */
.lecture_table_wrap {border-top: 1px solid #111; border-bottom: 1px solid #ececec;}
.lecture_table_wrap .paging {text-align: center;}
.lecture_table {font-weight: 500; font-size: 13px; text-align: center; line-height: 1.3;}
.lecture_table .row {border-top: 1px solid #ececec;}
.lecture_table .lecture_meta {display: flex; justify-content: center; align-items: center;}
.lecture_table .lecture_item {flex-grow: 1;}
.table_head .lecture_item {padding: 20px 5px;}
.table_list .lecture_item {padding: 18px 5px;}
.lecture_table .check_info {width: 2.5%;}
.lecture_table .teacher_info {width: 15%;}
.lecture_table .teacher_info .subject {width: 65%; word-break: break-all;}
.lecture_table .teacher_info .teacher {width: 35%;}
.lecture_table .course_info {width: 30.5%;}
.lecture_table .course_info .level {width: 36%;}
.lecture_table .course_info .title {width: 64%;}
.table_list .course_info .title {text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.lecture_table .date_info {width: 40%;}
.lecture_table .date_info .lecture_item {width: 22.4%;}
.lecture_table .date_info .goal_date {width: 32.8%;}
.table_list .date_info .goal_date {position: relative;}
.table_list .date_info .goal_date .input_wrap {position: relative;}
.table_list .date_info .goal_date .input_wrap::after {content: ''; position: absolute; top: calc(50% - 7.5px); right: 10px; width: 15px; height: 15px; background: url(https://image.megagong.net/mypage/playground/ico_text_write.png) no-repeat; background-size: contain; pointer-events: none;}
.table_list .date_info .goal_date input[type=text] {padding: 2.8px;}
.lecture_table .progress_info {width: 12%;}
.table_list .progress_info .bar_wrap {position: relative; height: 26px; background: #4f5b66; z-index: 0;}
.table_list .progress_info .progress .rate {line-height: 26px;}
.table_list .progress_info .progress .bar {position: absolute; top: 0; left: 0; height: 100%; background: var(--color-blue); z-index: -1;}
.table_list .no_data {width: 100%; height: 220px; justify-content: center; align-items: center;}
.table_list .no_data > strong {font-size: 14px; color: #666; background: #ececec; padding: 9px 28px; border-radius: 18px;}
/* E: Å×À̺í */

/* S: Æ˾÷ */
.cmg_popup_wrap {min-width: 338px; top: 30px; left: 0; text-align: left; z-index: 2;}
.cmg_popup_wrap .mg_popup_close, .cmg_popup_wrap .mg_popup_close.rect {width: 12px; height: 12px; top: 11px; right: 9px; background: url(https://img.megagong.net/lab/quizbank/q_pop_close_icon.png) no-repeat; z-index: 3;}
.cmg_popup_wrap .content_area {position: relative; border: 1px solid #111;}
.cmg_popup_wrap .content_area h6 {font-size: 13px; padding: 6px 15px; border-bottom: 1px solid #ececec;}
.cmg_popup_wrap .content_area .content_inner {color: #777; line-height: 1.6; padding: 15px 15px 20px 15px;}
.cmg_popup_wrap .content_area .input-base-wrap {align-items: center;}
.cmg_popup_wrap .content_area .input-base {font-family: var(--font-noto); font-size: 13px; height: 24px; padding: 3px 5px;}
.cmg_popup_wrap .btn-base-wrap {gap: 5px; margin-top: 15px;}
.cmg_popup_wrap .btn-base a {min-width: 80px; padding: 5px 8px 6px;}
.cmg_popup_wrap .list-base {font-size: 11px; margin-top: 5px;}
.cmg_popup_wrap .list-base li {padding-left: 6px;}
.cmg_popup_wrap.type_1 .content_area h6 {color: #111; background: #f8f8f8;}

/* ´Ð³×ÀÓ ÀÛ¼º Æ˾÷ */
.pgMainTop.before .popup_nickname {top: auto; bottom: -10px; left: calc(50% + 30px); transform: translate(-50%, 100%);}
.popup_nickname .name_error {font-size: 12px; color: #e45c6c; margin-top: 10px;}
/* ¼öÁ¤ ¾Ë¸² Æ˾÷ */
.popup_set_goal {width: 338px; top: 50px; left: auto; right: 0;}
.popup_set_goal .content_inner p {color: #111; text-align: center;}
/* ¹«±ÃÈ­ ·¹º§ °¡À̵å Æ˾÷ */
.popup_levelguide {width: 525px;}
/* ¹«±ÃÈ­ ·¹º§ ±×·¡ÇÁ Æ˾÷ */
.popup_levelgraph {left: auto; right: 0;}

/* Æ÷ÀÎÆ® »ç¿ë ÀÌ·Â Á¶È¸ Æ˾÷ */
.popup_point_history {width: 540px;}
.popup_point_history .table-base th,
.popup_point_history .table-base td {height: 60px;}
.popup_point_history .table-base th {color: var(--color-gray);}
.popup_point_history .table-base .input-base-wrap {align-items: center;}
.popup_point_history .table-base .input-base-wrap .btn-base a {width: 100px; padding: 11.5px;}
.popup_point_history .board-list-wrap table td {font-size: 14px;}
.popup_point_history .paging {text-align: center;}

/* ¿Ï°­ ¸ñÇ¥ °­Á µî·Ï Æ˾÷ */
.popup_goal_lec {width: 906px;}
.popup_goal_lec .select-wrap {justify-content: center;}
.popup_goal_lec .select-base {width: 150px; height: 30px; font-size: 13px;}
.popup_goal_lec .list_summary {justify-content: space-between; align-items: center; margin-bottom: 5px;}
.popup_goal_lec .radio-base input + label {font-size: 13px; padding-left: 16px; color: #b4b4b4;}
.popup_goal_lec .radio-base input:checked + label {color: #000;}
.popup_goal_lec .radio-base input + label::before {top: 2px; border: none; width: 12px; height: 12px; background-image: url(https://img.megagong.net/new/mypage/myclassSort.png); background-position: center top; background-repeat: no-repeat;}
.popup_goal_lec .radio-base input:checked + label::before {background-position: center bottom;}
.popup_goal_lec .radio-base input:checked + label::after {content: none;}
.popup_goal_lec .lecture_table .check_info {width: 4.5%;}
.popup_goal_lec .lecture_table .teacher_info {width: 18%;}
.popup_goal_lec .lecture_table .course_info {width: 48%;}
.popup_goal_lec .lecture_table .date_info {width: 18%;}
.popup_goal_lec .lecture_table .date_info .lecture_item {width: 50%;}
.popup_goal_lec .lecture_table .progress_info {width: 11.5%;}
/* E: Æ˾÷ */

/* S: Â÷Æ® */
.chart_wrap{position: relative;}
.chart_wrap .doughnut_wrap {position: relative;}
.chart_wrap .chart_tit{position: absolute;left:0;top:0;width:100%;text-align:center;line-height:1;}
.chart_wrap .chart_tit > strong {display:block;}
.chart_wrap .chart_tit .label {font-size: 14px;}
.chart_wrap .chart_tit .time {font-size: 17px; margin-top:5px;}
.chart_wrap .progress-rate{position: absolute;left:0;bottom:36%;width:100%;text-align:center;line-height:1.4;}
.chart_wrap .progress-rate > strong {display: block;}

.chart_bars_wrap .b_tit{font-size:16px;font-weight:600;text-align:center;}
.chart_bars_frame{position: relative;overflow-x:auto;}
.chart_bars_frame::-webkit-scrollbar{border-radius:4px;background:transparent;width:8px;}
.chart_bars_frame::-webkit-scrollbar-track{border-radius:4px;background:#dedede;} 
.chart_bars_frame::-webkit-scrollbar-thumb{background-color:#495367;border-radius:4px;background-clip:padding-box;border:1px solid transparent;}
.chart_bars_frame::-webkit-scrollbar-thumb:hover{background-color:#778298;}
.chart_bars_frame::-webkit-scrollbar:horizontal{height:8px;background:transparent;}
.chart_bars_frame::-webkit-scrollbar-thumb:horizontal{background-color: #778298;}
.chart_bars_frame::-webkit-scrollbar-thumb:horizontal:hover{background-color:#778298;}
.chart_bars_frame::-webkit-scrollbar-corner {background-color: #34374c;}
.chart_bars_wrap .legend-area{display:flex;align-items:center;justify-content:center;gap:0 20px;margin-top:10px; font-size: 13px;}
.chart_bars_wrap .legend-area li{display:flex;align-items:center;gap:0 5px;/*cursor:pointer;*/}
.chart_bars_wrap .legend-area li span{width:10px;height:10px;border-radius:50%;}
.chart_bars_wrap .legend-area li.disabled{opacity:0.5;color:#999;}
.chart_bars_wrap .legend-area li.disabled span{background-color: #999 !important;}
/* E: Â÷Æ® */

/* S: ·¹º§ ¾ÆÀÌÄÜ */
.lv_icon {position: relative; width: 215px; height: 215px; flex-shrink: 0; margin: 0 auto; border: 1px solid #ececec;}
.lv_icon .txt {position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); font-size: 15px; color: #fff; background: var(--primary-color); width: 112px; padding: 7.5px 15px; border-radius: 18px;}
/* E: ·¹º§ ¾ÆÀÌÄÜ */
/* E: setting */

/* S: navigation.asp */
.side_bar {position: absolute; top: 0; left: 0; width: 200px; height: 100%; background: #fff; font-size: 16px; text-align: left; z-index: 3; transition: 0.5s ease;}
.side_bar.fixed {position: fixed;}
.side_bar.open {transform: translateX(-100%);}
.side_bar .toggle_menu {font-size: 0; position: absolute; right: -25px; top: 75px; width: 25px; height: 51px; background: var(--primary-color) url(https://img.megagong.net/lab/quizbank/lnb_toggle_icon.png); border-radius: 0 3px 3px 0;}
.side_bar.open .toggle_menu {transform: rotate(180deg); border-radius: 3px 0 0 3px;}
.side_bar h2 {color: #fff; background: var(--primary-color); padding: 35px 20px;}
.nav_link_wrap {position: relative; overflow: hidden;}
.nav_link {position: relative; display: block;}
.nav_link li {position: relative; border-bottom: 1px solid #ddd;}
.nav_link li a {display: block; padding: 17px 20px; letter-spacing: -0.05em;}
.nav_link li.active a {color: var(--primary-color);}
.nav_link li.active::before {content: ''; position: absolute; top: calc(50% - 5.5px); right: 15px; width: 8px; height: 11px; background: url(https://img.megagong.net/mypage/playground/ico_navigation_arrow.png) no-repeat;}
.nav_link_wrap .event_bnr {background: #fde2e9; text-align: left;}
.nav_link_wrap .event_bnr .item {position: relative; flex: 1;}
.nav_link_wrap .event_bnr .item::before {content: ''; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; background: var(--primary-color); opacity: 0.2;}
.nav_link_wrap .event_bnr .item a {display: block;font-size:clamp(12px,1.7vmin,14px); color: var(--primary-color); padding: 13px 15px;}
.nav_link_wrap .event_bnr .item a strong {display: block;}
/* E: navigation.asp */

/* S: home.asp */
.flt_inner {opacity: 1;}
.flt_inner .btn-base-wrap {margin-top: 0; justify-content: flex-end; gap: 2px;}
.flt_inner .btn-base a {color: #ddd; border: 1px solid #ddd; border-radius: 0;}
.flt_inner .btn-base.close a {font-size: 0; padding: 1px 5px 2px;}
.flt_inner .btn-base.close a::before {content: '\2716'; display: inline-block; font-size: 12px;}
.flt_swiper {position: relative; overflow: hidden; width: 213px;}
.flt_inner .swiper-pagination {bottom: -17px;}
.flt_inner .swiper-pagination .swiper-pagination-bullet {width: 7px; height: 7px; margin: 0 2px; background: #777; opacity: 1;}
.flt_inner .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}

.pgMainTop {background-color: #000d1e; background-repeat: no-repeat; background-size: auto 100%; background-position: 50% 50%;}
.pgMainTop.before {padding: 200px 0 180px; background-image: url(https://image.megagong.net/mypage/playground/bg_home1.jpg);}
.pgMainTop.member {padding: 105px 0 145px; background-image: url(https://image.megagong.net/mypage/playground/bg_home2.jpg);}
.pgMainTop.before h3 {font-size: 104px; line-height: 1.2;}
.pgMainTop.before .sm_tit.top {font-size: 28px;}
.pgMainTop.member .sm_tit.top {font-size: 26px;}
.pgMainTop .xs_tit.top {font-weight: 300; letter-spacing: 0.4em; opacity: 0.5; margin-bottom: 50px;}
.pgMainTop .xs_tit.btm {line-height: 1.8;}
.pgMainTop .sm_tit.btm {font-size: 22px; letter-spacing: 2.5vmin; margin-bottom: 30px;}
.pgMainTop .goal_btn {flex: 0 1 auto; margin-top: 30px;}
.pgMainTop .goal_btn a {font-weight: 700; font-size: 16px; color: var(--primary-color); background: #fff; padding: 22px 37px; border-radius: 30px;}

.pgMain.before {padding-bottom: 80px;}
.pgMain.member {margin-top: -50px; padding-top: 0;}

.pgMain .home_swiper {padding: 0 40px 50px; margin: 0 -40px;}
.pgMain .home_swiper .swiper-wrapper {align-items: flex-end;}
.pgMain .home_swiper .swiper-slide {opacity: 0; transition: 0.5s;}
.pgMain .home_swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.pgMain .home_swiper .swiper-pagination {bottom: 90px;}
.pgMain .home_swiper .cont-tit-base .evt_mark {position: relative; display: inline-block; padding: 3px 17px; border-radius: 15px;}
.pgMain .home_swiper .cont-tit-base .evt_mark::after {content:''; position: absolute; left:50%;  bottom:-6px; width:0; height:0; border-right: 12px solid transparent; border-top:6px solid var(--color-blue);}
.pgMain .home_swiper .cont-tit-base .ico {display: block; margin-bottom: 5px;}
.pgMain .home_swiper .cont-box-base {padding-bottom: 70px;}
.pgMain .home_swiper .box_wrap {font-size: 16px; gap: 20px;}
.pgMain .home_swiper .box_wrap p {padding: 35px 0;}
.pgMain .tit_today span::after {content: ''; display: inline-block; width: 1px; height: 12px; background: #ececec; vertical-align: middle; margin: 0 12px;}
.pgMain .member_table .write {position: relative;}
.pgMain .member_table .write > a {display: block; padding-right: 25px;}
.pgMain .member_table .write::after {content: ''; position: absolute; top: calc(50% - 7.5px); right: 0; width: 15px; height: 15px; background: url(https://image.megagong.net/mypage/playground/ico_text_write.png) no-repeat; background-size: contain; pointer-events: none;}
.pgMain .flex_wrap {gap: 15px;}
.pgMain .mission_status {flex: 1 1 67.5%;}
.pgMain .mission_box {display: grid; gap: 0 20px; grid-template-columns: 215px auto; padding: 40px;}
.pgMain .mission_box .lv_icon {grid-row: 1 / 3;}
.pgMain .mission_box .desc_wrap p {margin-bottom: 8px;}
.pgMain .mission_box .table_tit {margin-bottom: 7px;}
.pgMain .point_box .point_cont {justify-content: center; align-items: center; gap: 25px; padding: 18px;}
.pgMain .meta_info {flex: 1 0 32.5%; display: flex; flex-direction: column;}
.pgMain .chart_box_wrap {margin-top: auto;}
.pgMain .chart_box_wrap h5 span {font-weight: 500;}
.pgMain .chart_box {justify-content: center; align-items: center; gap: 30px; padding: 18px;}
.pgMain .chart_box .circle {width: 80px; height: 80px; justify-content: center; align-items: center; border: 2px solid var(--color-blue); border-radius: 50%; margin-top: 10px;}
/* E: home.asp */

/* S: management.asp */
.pgManagement .weekly_goal_box {position: relative;}
.pgManagement .weekly_goal_cont {position: relative; align-items: center; gap: 40px;}
.pgManagement .weekly_goal_cont .goal_badge {position: absolute; top: -70px; right: 40px; font-size: 0; width: 80px; height: 80px; background-image: url(https://image.megagong.net/mypage/playground/ico_goal_attainment.png); background-repeat: no-repeat; background-size: auto; background-position: center center; z-index: 1;}
.pgManagement .chart_wrap {width: 310px; flex-shrink: 0;}
.pgManagement .time_wrap .desc-tit {margin-bottom: 10px;}
.pgManagement .time_wrap > .btn-base-wrap {justify-content: flex-end; gap: 10px; margin-top: 0;}
.pgManagement .time_wrap .btn-base.md a {width: 155px;}
.pgManagement .daily_time_tit {align-items: flex-start;}
.pgManagement .daily_time_tit .period {align-items: center; gap: 12px; margin-bottom: 10px; font-size: 13px;}
.pgManagement .daily_time_tit .radio-base-list li {position: relative;}
.pgManagement .daily_time_tit .radio-base-list li + li::before {content: ''; position: absolute; top: calc(50% - 6px); left: -10px; width: 1px; height: 12px; background: #ececec;}
.pgManagement .daily_time_tit .radio-base input[type=radio]:checked + label {color: var(--color-blue);}
.pgManagement .daily_time_tit .input_wrap {display: flex; width: 187px; border: 1px solid #ececec; border-radius: 3px;}
.pgManagement .daily_time_tit .input-base {height: 22px; border: none; text-align: center; font-size: 13px;}
.pgManagement .daily_time_tit .input-base + .input-base {border-left: 1px solid #ececec;}
.pgManagement .daily_time_tit .input-base-wrap .btn-base {flex-shrink: 0; margin-left: 5px;}
.pgManagement .daily_time_tit .input-base-wrap .btn-base a {width: 80px;}
.pgManagement .daily_time_cont .list-base-wrap {padding: 15px;}
.pgManagement .time_comparison_cont {align-items: center; gap: 40px;}
.pgManagement .time_comparison_cont .table-base tr.total td {font-weight: 700; color: var(--color-blue); background: #f8fbff;}
.pgManagement .goal_lec_cont .desc-tit {margin-bottom: 10px;}
.pgManagement .goal_lec_cont .list-base-wrap {justify-content: space-between; align-items: flex-end;}
.pgManagement .goal_lec_cont .list-base-wrap .btn-base a {padding: 10.5px; width: 187px;}
.pgManagement .goal_lec_cont .tab-base {margin-bottom: 55px;}
.pgManagement .goal_lec_cont .tab-base li a {font-size: 15px;}
.pgManagement .goal_lec_cont .board-list-wrap {position: relative;}
.pgManagement .goal_lec_cont .board-list-wrap .btn-base-wrap {position: absolute; gap: 5px; top: -8px; right: 0; transform: translateY(-100%); width: auto; margin: 0;}
.pgManagement .goal_lec_cont .board-list-wrap .btn-base {flex-grow: 0; width: 80px;}
.pgManagement .goal_lec_cont .board-list-wrap .btn-base a {width: inherit;}
/* E: management.asp */

/* S: mission.asp */
.pgMission .info_box .border-box-tit {justify-content: center; align-items: center; gap: 10px; padding: 11px 10px;}
.pgMission .info_box .border-box-tit .select-base {width: 160px;}
.pgMission .info_box .lv_cont_wrap {gap: 20px;}
.pgMission .info_box .lv_cont_wrap .btn-base-wrap {margin-top: 30px;}
.pgMission .info_box .lv_icon_wrap {display: flex; flex-direction: column;}
.pgMission .info_box .lv_icon_wrap .btn-base-wrap {margin: auto auto 0 0;}
.pgMission .info_box .lv_icon {min-width: 160px; min-height: 160px;}
.pgMission .info_box .lv_info .btn-base {margin-left: auto;}
.pgMission .info_box .lv_info .desc-tit {margin-bottom: 10px;}
.pgMission .calender_tit {justify-content: center; align-items: center; gap: 10px;}
.pgMission .calender_tit .arrow {display: block; font-size: 0; width: 17px; height: 17px; background: url(https://image.megagong.net/m/common/btn_sm_arrow.gif) no-repeat; background-size: auto; background-position: center center;}
.pgMission .calender_tit .arrow.prev {transform: rotate(180deg);}
.pgMission .attend_box {margin-bottom: 60px;}
.pgMission .attend_box th {color: #111;}
.pgMission .attend_box td {position: relative; height: 106px;}
.pgMission .attend_box .date {position: absolute; top: 15px; left: 15px; font-weight: 700; font-size: 14px;}
.pgMission .attend_box .atd_badge {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; width: 80px; height: 80px; background-image: url(https://image.megagong.net/mypage/playground/ico_attend_done.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.pgMission .attend_box .atd_badge.bonus {background-image: url(https://image.megagong.net/mypage/playground/ico_attend_bonus.png);}
.pgMission .attend_box td.today {background: #f8fbff;}
.pgMission .attend_box td.today::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--color-blue); box-sizing: border-box; pointer-events: none; z-index: 1;}
.pgMission .attend_box .btn-base a {padding: 10.5px 24px; border-radius: 18px;}
.pgMission .point_status {gap: 20px;}
.pgMission .point_status .item {flex: 1; position: relative; padding: 25px 15px 15px 15px;}
.pgMission .point_status .gift_result_base {top: -10px; right: -10px; width: 60px; height: 60px; font-size: 13px; background-color: var(--primary-color); z-index: 1;}
.pgMission .point_status .gift_result_base .num {font-size: inherit;}
.pgMission .point_status .gift_result_base .label {font-size: inherit;}
.pgMission .point_status .tit {width: 210px; padding: 7px 0; border-radius: 18px; margin: 0 auto 15px;}
.pgMission .point_status .cont .list-base {font-weight: 700; text-align: center;}
.pgMission .point_status .cont .list-base li {width: fit-content; margin: 0 auto;}
.pgMission .point_status .cont .ico {display: inline-block;}
.pgMission .point_status .btn-base {display: block;}
.pgMission .point_status .btn-base a {width: 100%;}
.pgMission .ranking_wrap {gap: 30px;}
.pgMission .ranking_wrap .rank_tit {padding: 14px 0; margin-bottom: 10px;}
.pgMission .ranking_wrap table .dim_wrap td {position: relative; padding: 100px 0;}
.pgMission .ranking_wrap table tr.on td {font-weight: 700; color: var(--color-blue);}
.pgMission .point_info {gap: 8px 20px;}
.pgMission .point_info .item {flex: 1; justify-content: center; align-items: center; gap: 30px; height: 116px;}
.pgMission .point_info .btn-base {margin-top: 10px;}
.pgMission .point_info .btn-base a {padding: 10.5px 24px;}
.pgMission .store_tab {border-bottom: none; padding: 0 20px;}
.pgMission .point_store {padding: 25px 20px 20px 20px;}
.pgMission .point_store .desc-tit .ellipse {display: inline-block; width: 112px; padding: 7.5px 0; border-radius: 18px;}
.pgMission .gift_wrap {align-items: stretch; gap: 17px;}
.pgMission .gift_wrap .item {flex: 1; display: flex; flex-direction: column;}
.pgMission .gift_wrap .gift_area {flex: 1; position: relative; display: flex; flex-direction: column; background-color: #fff6f8;padding: 30px 15px 10px 15px;margin-bottom: 5px;}
.pgMission .gift_wrap .item.end .gift_area::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 1;}
.pgMission .gift_wrap .gift_result_base {top: -5px; right: -5px; width: 50px; height: 50px; font-size: 13px; line-height: 1.2; background-color: var(--primary-color); z-index: 1;}
.pgMission .gift_wrap .gift_result_base .num {font-weight: 500; font-size: inherit;}
.pgMission .gift_wrap .gift_result_base .label {font-size: inherit;}
.pgMission .gift_wrap .gift_badge {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); font-size: 0; width: 100px; height: 100px; background-image: url(https://image.megagong.net/mypage/playground/ico_exchange_done.png); background-repeat: no-repeat; background-size: auto; background-position: center center;}
.pgMission .gift_wrap .gift_img {display: block; margin: auto;}
.pgMission .gift_wrap .gift_img > img {width: 100%;}
.pgMission .gift_wrap .gift_txt {margin-top: 15px;}
.pgMission .gift_wrap .btn-base {width: 100%;}
.pgMission .gift_wrap .btn-base a {width: 100%; padding: 10.5px;}
.pgMission .gift_wrap.draw .gift_area {background-color: #f8fbff;}
.pgMission .gift_wrap.draw .gift_result_base {background-color: var(--color-blue);}
.pgMission .gift_wrap.draw .gift_badge {background-image: url(https://image.megagong.net/mypage/playground/ico_draw_done.png);}
.pgMission .gift_wrap.draw .btn-base a {color: var(--color-blue); background-color: #fff;}
/* E: mission.asp */

/* S: guide.asp */
.pgGuide .paging {text-align: center;}
/* E: guide.asp */

/* S: notice.asp */
.pgNotice .select-wrap {justify-content: center;}
.pgNotice .search-wrap {margin: 0;}
.pgNotice .paging {text-align: center;}
.pgNotice .board-list-wrap table .emphasis td {background-color: #f8fbff;}
.pgNotice .board-list-wrap .title {display: inline-block; vertical-align: middle;}
.pgNotice .board-list-wrap .ico_new_list {display: inline-block; vertical-align: middle;}
.pgNotice .post-view {text-align: left;}
/* E: notice.asp */

/* S: event.asp */
.evSection.event .con_tit strong {font-weight: 700;} 
.evSection.event .con_tit + .mini_tit {opacity: 0.8;} 
.con_tit .end::after {background: #ea3e34;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

/* evCon1 */
.evCon1 {background-color: #0096ff;}
.event.evCon1 .bg_shadow {bottom: 115px; background-size: auto;}
.evCon1 .evt_desc_swiper .ico {margin: 0 auto -50px;}
.evCon1 .swiper-pagination {position: static; margin-top: 10px;}
.evCon1 .evt_desc_swiper .swiper-pagination-bullet {width: 10px; height: 10px;}
.evCon1 .evt_desc_swiper .swiper-pagination-bullet-active {background: #fff;}

/* evCon2 */
.evCon2 {background: #7bbeff; background: -webkit-linear-gradient(270deg, #f5f5f5 0%, #7bbeff 100%); background: linear-gradient(180deg, #f5f5f5 0%, #7bbeff 100%);}
.event.evCon2 .bg_shadow {bottom: 940px; background-size: auto;}
.event.evCon2 .con_tit strong span {color: #0096ff;}
.event.evCon2 .obj_cover .pattern_obj {top: -10%;}
.evCon2 .gift_item_wrap {margin: 50px auto 80px;}
.evCon2 .step_base_wrap .hashtag {color: #d6460a;}
/* E: event.asp */

@media screen and (max-width: 1200px){
    /* S: setting */
    .pgSection {padding: clamp(80px, 15vmin, 120px) 0;}

    .cont-tit-base {margin-bottom: 6%;}
    .cont-tit-base h4 {font-size:clamp(20px,3.9vmin,34px); letter-spacing: -0.05em;}
    .cont-tit-base .ellipse {font-size:clamp(18px,3.1vmin,26px); padding: 5px 34px;}
    .cont-tit-base h4 + .ellipse {margin-top: 10px;}
    .cont-tit-base .ellipse + h4 {margin-top: 10px;}
    .cont-box-base {padding: 30px 20px;}
    .cont-box-base + .cont-tit-base {margin-top: clamp(80px, 12vmin, 100px);}
    .cont-box-base .box-tit-base {margin-bottom: 10px;}
    .cont-box-base .border-box-cont {padding: 20px;}

    /* S: Å×À̺í */
    .pgSection .table-base.tp1 th,
    .pgSection .table-base.tp1 td {padding: 10px;}
    /* E: Å×À̺í */

    /* S: Æ˾÷ */
    /* ¿Ï°­ ¸ñÇ¥ °­Á µî·Ï Æ˾÷ */
    .popup_goal_lec {width: 96%;}
    /* E: Æ˾÷ */
    /* E: setting */

    /* S: navigation.asp */
    .side_bar {width: 100%; height: auto; font-size: 15px; text-align: center; transition: none;}
    .side_bar h2 {padding: 9.5px 0;}
    .nav_link {display: flex;}
    .nav_link::before {content: ''; position: absolute; bottom: 0; left: -100%; width: 400%; height: 1px; background: #ddd;}
    .nav_link li {flex: 1 0 0%; border-bottom: none;}
    .nav_link li:first-child:before {content: none;}
    .nav_link li::before,
    .nav_link li.active::before {content: ''; position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 10px; background: #ddd;}
    .nav_link li a {padding: 14.5px 20px; min-width: max-content; color: var(--color-gray);}
    .nav_link li:not(.active) strong {font-weight: 400;}
    /* E: navigation.asp */

    /* S: home.asp */
    .pgMainTop.before {padding: clamp(110px, 26vmin, 200px) 0 clamp(80px, 21vmin, 180px);}
    .pgMainTop.member {padding: clamp(50px, 13vmin, 105px) 0 clamp(55px, 14vmin, 145px);}
    .pgMainTop.before h3 {font-size: clamp(50px, 10vmin, 104px);}
    .pgMainTop.before .sm_tit.top {font-size: clamp(20px,3.3vmin,28px);}
    .pgMainTop.member .sm_tit.top {font-size: clamp(13px,3.3vmin,28px);}
    .pgMainTop .xs_tit.top {margin-bottom: 30px;}
    .pgMainTop .xs_tit.btm {font-size: clamp(12px,2.0vmin,15px);}
    .pgMainTop .sm_tit.btm {font-size: clamp(17px,2.7vmin,22px); margin: 10px auto 20px;}
    .pgMainTop .sm_tit.btm.sobang {letter-spacing: 1.6vmin;}
    .pgMainTop .goal_btn a {font-size: clamp(14px,2.1vmin,16px); padding: 15px 30px;}

    .pgMain.member {margin-top: -20px;}

    .pgMain .grid_wrap {gap: 20px 10px;}
    .pgMain .mission_box {padding: 20px;}
    .pgMain .chart_box {padding: 15px;}
    /* E: home.asp */

    /* S: mission.asp */
    .pgMission .attend_box .btn-base a {padding: 5px 18px;}
    .pgMission .gift_wrap {gap: 10px;}
    /* E: mission.asp */
}

@media screen and (max-width: 992px){
    /* S: setting */
    /* S: Å×À̺í */
    .table-block-992 {display: block;}
    .table-block-992 colgroup {display: none;}
    .table-block-992 tr {display: flex; flex-wrap: wrap;}
    .table-block-992 tbody,
    .table-block-992 th,
    .table-block-992 td {display: block; height: auto !important;}
    .table-block-992 tr:first-child th:not(:first-of-type),
    .table-block-992 tr:first-child td:not(:first-of-type) {border-top: none;}
    .table-block-992 th {width: 32%; border-left: 1px solid #ececec;}
    .table-block-992 td {width: 68%;}
    
    /* ¿Ï°­ ¸ñÇ¥ °­Á Å×À̺í */
    .lecture_table_wrap .table_head {display: none;}
    .lecture_table .row {display: grid; grid-template-columns: minmax(45px, 12%) auto; align-items: center; gap: 10px; padding: 25px 0;}
    .lecture_table .lecture_meta .lecture_item {width: auto; padding: 0;}
    .lecture_table .lecture_meta {width: auto; grid-column: 2 / 3; display: block;}
    /* .lecture_table .check_info {display: none;} */
    .lecture_table .check_info {grid-row: 1 / 3; grid-column: 1 / 2; position: relative; z-index: 1; margin-bottom: 15px;}
    .lecture_table .teacher_info {grid-row:  1 / 4; grid-column: 1 / 2; position: relative; z-index: 0;}
    .lecture_table .teacher_info > * {display: block;}
    .lecture_table .course_info {grid-row: 1 / 2; text-align: left;}
    .table_list .course_info .title {white-space: inherit;}
    .lecture_table .date_info {grid-row: 3 / 4; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px 20px;}
    .lecture_table .date_info .lecture_item {flex-grow: 0; display: flex; align-items: center; gap: 3px;}
    .table_list .date_info .goal_date {flex: 1 0 100%; justify-content: center; gap: 10px; padding: 4px; border: 1px solid #000; border-radius: 3px;}
    .table_list .date_info .goal_date .input_wrap::after {right: 0;}
    .table_list .date_info .goal_date input[type=text] {width: 90px; padding: 0; border: none; font-family: var(--font-noto); line-height: 1.3;}
    .lecture_table .progress_info {grid-row: 2 / 3;}
    .table_list .progress_info .bar_wrap {height: 3px; background: #dfdfdf; margin-top: 40px;}
    .table_list .progress_info .progress .rate {position: absolute; top: -30px; left: 0; width: 120px; line-height: 20px; background: var(--color-blue);}
    .table_list .progress_info .progress .rate::before {content: ''; position: absolute; bottom: -6px; left: 0; border-right: 6px solid transparent; border-top: 7px solid var(--color-blue);}
    .lecture_table .no_data {grid-column: 1 / 3; display: flex;}
    /* E: Å×À̺í */

    /* S: Æ˾÷ */
    /* ¿Ï°­ ¸ñÇ¥ °­Á µî·Ï Æ˾÷ */
    .popup_goal_lec .lecture_table .lecture_meta {width: auto;}
    /* E: Æ˾÷ */

    /* S: Â÷Æ® */
    .chart_wrap .chart_tit {position: relative; width: auto;}
    .chart_wrap .doughnut_wrap {width: 50%; min-width: 180px;}
    .chart_wrap .doughnut_chart {height: 50vmin !important;} 
    /* E: Â÷Æ® */
    /* E: setting */

    /* S: home.asp */
    .pgMain .home_swiper .box_wrap {font-size: 15px; flex-direction: column; justify-content: center; align-items: center;}
    .pgMain .home_swiper .box_wrap .item {width: fit-content;}
    .pgMain .home_swiper .box_wrap p {padding: 30px 0;}
    .pgMain .mission_box {gap: 10px;}
    .pgMain .mission_box .lv_icon {grid-row: 1 / 2;}
    .pgMain .mission_box .desc_wrap {align-self: center;}
    .pgMain .point_box_wrap {grid-column: 1 / 3;}
    .pgMain .point_table_wrap {grid-column: 1 / 3;}
    .pgMain .flex_wrap {flex-direction: column;}
    /* E: home.asp */

    /* S: management.asp */
    .pgManagement .weekly_goal_cont {flex-direction: column; gap: 20px;}
    .pgManagement .weekly_goal_cont .goal_badge {top: 30px; right: 15px; z-index: 1;}
    .pgManagement .weekly_goal_cont .chart_wrap {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; width: 100%;}
    .pgManagement .time_comparison_cont {flex-direction: column; gap: 20px;}
    .pgManagement .goal_lec_cont .tab-base {margin-bottom: 40px;}
    .pgManagement .goal_lec_cont .state_wrap {position: absolute; top: -8px; left: 0; transform: translateY(-100%); width: 100%; display: flex; justify-content: space-between; align-items: center;}
    .pgManagement .goal_lec_cont .state_wrap input[type=checkbox] {margin: 0 10px;}
    .pgManagement .goal_lec_cont .board-list-wrap .btn-base-wrap {position: static; transform: none; width: auto;}
    /* E: management.asp */

    /* S: mission.asp */
    .pgMission .attend_box {margin-bottom: 40px;}
    .pgMission .attend_box .date {top: 10px; left: 10px;}
    .pgMission .attend_box .atd_badge {width: 70px; height: 70px;}
    .pgMission .point_status {flex-direction: column; gap: 10px;}
    .pgMission .point_status .gift_result_base {top: 10px; right: 10px;}
    .pgMission .point_status .cont {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 20px; margin: 0 20px 10px;}
    .pgMission .point_status .cont .list-base {margin: 0;}
    .pgMission .point_status .cont .list-base li {margin: 0;}
    .pgMission .point_status .cont .ico {margin: 0;}
    .pgMission .gift_wrap {flex-wrap: wrap;}
    .pgMission .gift_wrap .item {flex-grow: 0; flex-basis: calc(50% - 5px);}
    /* E: mission.asp */

    /* S: notice.asp */
    .pgNotice .select-wrap .select-base {width: auto; flex: 1;}
    /* E: notice.asp */
}

@media screen and (max-width: 768px){
    /* S: setting */
    .mb30 {margin-bottom: 20px;}
    .show-768.table-cell {display: table-cell !important;}

    .evt_con_base.xs {font-size: 12px;}
    .cont-box-base .box-tit-base {flex-direction: column; align-items: flex-start; gap: 5px;}
    .cont-box-base .box-tit-base h5 {font-size: 14px;}
    .cont-box-base .border-box-tit {font-size: 15px; padding: 8px;}
    .list-base {font-size: 12px;}

    /* S: Å×À̺í */
    .pgSection .table-base {font-size: 13px;}
    .pgSection .table-base.sm {font-size: 12px;}
    /* .pgSection .table-base.tp1 th,
    .pgSection .table-base.tp1 td {height: auto;} */
    .pgSection .table-base.sm th,
    .pgSection .table-base.sm td {padding: 4.5px 5px;}

    .table-block-768 {display: block;}
    .table-block-768 colgroup {display: none;}
    .table-block-768 tr {display: flex; flex-wrap: wrap;}
    .table-block-768 tbody,
    .table-block-768 th,
    .table-block-768 td {display: block; height: auto !important;}
    .table-block-768 tr:first-child th:not(:first-of-type),
    .table-block-768 tr:first-child td:not(:first-of-type) {border-top: none;}
    .table-block-768 th {width: 32%; border-left: 1px solid #ececec;}
    .table-block-768 td {width: 68%;}

    /* ¿Ï°­ ¸ñÇ¥ °­Á Å×À̺í */
    .lecture_table {font-size: 12px;}
    /* E: Å×À̺í */

    /* S: Æ˾÷ */
    /* ¹«±ÃÈ­ ·¹º§ °¡À̵å Æ˾÷ */
    .popup_levelguide {width: 100%;}
    /* E: Æ˾÷ */
    /* E: setting */

    /* S: management.asp */
    .pgManagement .daily_time_tit .period_wrap {margin-left: auto;}
    .pgManagement .daily_time_tit .period {flex-direction: column; align-items: flex-end; gap: 6px; margin-bottom: 5px; font-size: 12px;}
    .pgManagement .goal_lec_cont .list-base-wrap {flex-direction: column; align-items: flex-start; gap: 10px;}
    /* E: management.asp */

    /* S: mission.asp */
    .pgMission .info_box .border-box-tit {padding: 6px 8px;}
    .pgMission .info_box .border-box-tit .select-base {width: 110px;}
    .pgMission .info_box .lv_cont_wrap {flex-direction: column;}
    .pgMission .info_box .lv_cont_wrap .btn-base-wrap {margin-top: 10px;}
    .pgMission .info_box .lv_icon_wrap .btn-base {flex: 0 1 auto;}
    .pgMission .desc-tit.clp-fs17 {font-size: 15px;}
    .pgMission .attend_box td {height: clamp(62px, 14vmin, 110px);}
    .pgMission .calender_table.table-base td {padding: 10px 3px 3px;}
    .pgMission .attend_box .date {top: 7px; left: 7px; font-size: 12px;}
    .pgMission .attend_box .atd_badge {width: clamp(32px, 9vmin, 64px); height: clamp(32px, 9vmin, 64px); background-image: url(https://image.megagong.net/mypage/playground/ico_attend_done_mo.png);}
    .pgMission .attend_box .atd_badge.bonus {font-size:clamp(12px,2.3vmin,18px); color: #fff; background: var(--color-blue); display: flex; justify-content: center; align-items: center; border-radius: 50%;}
    .pgMission .attend_box .btn-base a {font-size: 11px; padding: 3px 5px;}
    .pgMission .ranking_wrap {flex-direction: column; gap: 20px;}
    .pgMission .ranking_wrap .rank_tit {padding: 6px 0;}
    .pgMission .point_info {flex-direction: column;}
    .pgMission .point_info .item {padding: 8px;}
    .pgMission .point_info .cont {flex: 1;}
    .pgMission .point_info .cont .list-base {width: fit-content; margin: 0 auto;}
    .pgMission .point_info .cont .tal {text-align: center !important;}
    .pgMission .point_info .btn-base {margin-top: 5px;}
    .pgMission .point_info .btn-base a {width: 100%; padding: 5.5px 13px; font-size: 11px;}
    .pgMission .point_store {border-top: none;}
    /* E: mission.asp */
    
    /* S: notice.asp */
    .pgNotice .board-list-wrap table col:nth-child(1) {width:14% !important;}
    .pgNotice .board-list-wrap table col:nth-child(5) {width:20% !important;}
    /* E: notice.asp */

    /* S: event.asp */
    /* evCon2 */
    .evCon2 .container_info.ver_circle.horizon {flex-direction: column;}
    .evCon2 .gift_item_wrap {width: auto; margin: 30px auto 40px;}
    /* E: event.asp */
}

@media screen and (max-width: 576px){
    /* S: setting */
    /* S: Æ˾÷ */
    .cmg_popup_wrap {width: 100% !important;}
    /* ´Ð³×ÀÓ ÀÛ¼º Æ˾÷ */
    .popup_nickname {left: auto; right: -20px;}
    /* °¢¿ÀÇѸ¶µð ÀÛ¼º Æ˾÷ */
    .popup_determination {left: auto; right: -20px;}
    /* ¹«±ÃÈ­ ·¹º§ °¡À̵å Æ˾÷ */
    .popup_levelguide {left: -30px;}
    /* ¹«±ÃÈ­ ·¹º§ ±×·¡ÇÁ Æ˾÷ */
    .popup_levelgraph {right: -30px;}

    /* Æ÷ÀÎÆ® »ç¿ë ÀÌ·Â Á¶È¸ Æ˾÷ */
    .popup_point_history {width: 100%;}
    .popup_point_history .table-base .input-base-wrap {flex-wrap: wrap; justify-content: space-between;}
    .popup_point_history .table-base .input-base-wrap .input-base {width: calc(50% - 14px);}
    .popup_point_history .table-base .input-base-wrap .btn-base {width: 100%; margin-top: 8px;}
    .popup_point_history .table-base .input-base-wrap .btn-base a {width: inherit; padding: 5.5px;}

    /* ¿Ï°­ ¸ñÇ¥ °­Á µî·Ï Æ˾÷ */
    .popup_goal_lec .select-base {width: 100%;}
    .popup_goal_lec .list_summary {flex-direction: column; align-items: flex-start; gap: 10px;}
    .popup_goal_lec .list_summary .radio-base-list {align-self: flex-end; gap: 0 10px;}
    /* E: Æ˾÷ */

    /* S: Â÷Æ® */
    .chart_bars_wrap .legend-area {gap: 10px; font-size: 11px;}
    /* E: Â÷Æ® */

    /* S: ·¹º§ ¾ÆÀÌÄÜ */
    .lv_icon {width: clamp(110px, 28vmin, 215px); height: clamp(110px, 28vmin, 215px);}
    .lv_icon .txt {bottom: 10px; font-size: 13px; width: 92px; padding: 3px 10px;}
    /* E: ·¹º§ ¾ÆÀÌÄÜ */
    /* E: setting */

    /* S: navigation.asp */
    .nav_link {width: 150%;}
    /* E: navigation.asp */

    /* S: home.asp */
    .pgMain .mission_box {grid-template-columns: clamp(110px, 28vmin, 215px) auto;}
    /* E: home.asp */

    /* S: management.asp */
    .pgSection .select-wrap .select-base {width: 55px; height: 24px;}
    .pgSection .table-base .monthly_goal_time {text-align: center !important;}
    .pgManagement .goal_lec_cont .tab-base li a {font-size: 13px; line-height: 1.2; padding: 10px 3px;}
    /* E: management.asp */

    /* S: mission.asp */
    .pgMission .info_box .lv_icon .txt {bottom: 20px; font-size: 15px; width: 100px;}
    .pgMission .attend_box .atd_badge {top: 62%;}
    .pgMission .attend_box .btn-base a {padding: 0; width: 37px; height: 37px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-top: 10px;}
    .pgMission .point_status .gift_result_base {width: 50px; height: 50px; font-size: 12px; line-height: 1.2;}
    .pgMission .point_status .tit {width: 100%; padding: 5px 15px; text-align: left;}
    .pgMission .point_status .cont .list-base {flex: 1;}
    .pgMission .point_status .cont .ico {width: auto; height: 42px;}
    .pgMission .point_status .cont .ico img {height: inherit;}
    .pgMission .point_info .cont .tal {font-size: 14px;}
    .pgMission .gift_wrap .gift_area {padding: 10px; height: clamp(200px, 53vmin, 280px);}
    .pgMission .gift_wrap .gift_result_base {font-size: 12px;}
    .pgMission .gift_wrap .btn-base a {font-size: 12px; padding: 5.5px;}
    /* E: mission.asp */

    /* S: notice.asp */
    .pgNotice .search-wrap {flex-wrap: wrap;}
    .pgNotice .search-button {width: 100%;}
    .pgNotice .board-list-wrap table colgroup col:first-child {width: 54px !important;}
    /* E: notice.asp */

    /* S: event.asp */
    /* evCon1 */
    .evCon1 .evt_desc_swiper .ico {width: 46%; margin: 0 auto -20px;}
    /* evCon2 */
    .popup_view_url {width: 100% !important;}
    /* E: event.asp */
}