@charset "euc-kr"; 





.pageDiary {position: relative;width: 100px;height: 119px;background: url('https://img.megagong.net/etc/170529_1/170529_bnrSky.png') no-repeat left top}
.pageDiary .txt {position: absolute;top: 25px;width: 100px;text-align: center}
.pageDiary span {display: block;color: #333;font-size: 14px;line-height: 18px;font-weight: bold}
.pageDiary .name {padding-bottom: 5px;text-decoration: underline}
.pageDiary .color {color: #0074c7}
.mypgC .wrap_content.my_state {position: relative;background-color: #f1f1f1;width: 100%;padding: 35px 0 40px}
.mypgC .wrap_content.my_state .mypageWrap {width: 1080px;margin: 0 auto}
.mypgC .wrap_content.my_state .mypageWrap .big_banner {margin-bottom: 20px}
.mypgC .wrap_content.my_state h3 {font-size: 21px}
.mypgC .wrap_content.my_state strong {color: #007af4}
.mypgC .wrap_content.my_state .mypageConditions {border: 0;margin: 20px 0 0}
.mypgC .wrap_content.my_state .mypageConditions::after {content: "";display: block;clear: both}
.mypgC .wrap_content.my_state .mypageConditions > div {position: relative;float: left;border: 1px solid #e6e6e6;height: 200px;padding: 30px 20px 25px;box-sizing: border-box}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering {width: 24.12%;background: #f4fffe;padding-top: 15px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering::before {content: "";position: absolute;top: 0;left: 20px;width: 20px;height: 20px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat 0 0}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering h4 {margin: 0 0 10px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering p a {position: absolute;bottom: 13px;left: 50%;margin: 0 0 0 -14px;display: block;width: 28px;height: 30px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -28px 0;font-size: 0}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering p a:hover::before {content: "";position: absolute;top: -7px;left: 25px;width: 58px;height: 23px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -28px -43px}
/* S: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
.mypgC .m_playground {width: 24.12%; text-align: center; line-height: 1.2; padding: 0 !important;}
.mypgC .m_playground > a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: inherit;}
.mypgC .m_playground .btn-base span {font-weight: 700; padding: 5px 20px;}
.mypgC .m_playground .btn-base.white span {color: #111;}
.mypgC .m_playground .btn-base.black span {color: #fff;}
.mypgC .m_playground.goal_set_before > a {color: #fff; background-color: #000a17; background-image: url('https://img.megagong.net/mypage/playground/bnr_mypage_bg.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: center center;}
.mypgC .m_playground.goal_set_before strong.m_tit {display: inline-block; color: #fff; margin: 5px auto;}
.mypgC .m_playground.goal_set_before .s_tit.btm {font-size: 11px; letter-spacing: 0.18vw; opacity: 0.6;}
.mypgC .m_playground.goal_set_before .btn-base {margin-top: 20px;}
.mypgC .m_playground.goal_set_after > a {background-color: #fff3f6;}
.mypgC .m_playground.goal_set_after strong.m_tit {color: #111; background-color: #fff; padding: 14.5px; align-self: stretch;}
.mypgC .m_playground.goal_set_after .lv_icon {display: flex; justify-content: center; align-items: center; position: relative;}
.mypgC .m_playground.goal_set_after .lv_icon > img {width: 100px;}
.mypgC .m_playground.goal_set_after .lv_icon .txt {text-align: left; margin-bottom: 10px;}
.mypgC .m_playground.goal_set_after .lv_icon strong {display: block; color: #f23d6c; font-size: 18px;}
.mypgC .m_playground.goal_set_after .btn-base {margin: 0 auto auto;}
/* E: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
.mypgC .wrap_content.my_state .mypageConditions .m_info {background: #fff;margin-left: 1%;width: 42.5%}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl_wrp {position: relative;overflow: hidden}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl {table-layout: fixed;width: calc( 100% + 2px );margin: 0 -1px 0;border-color: #eee}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr th, .mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr td {padding: 10px 7px;color: #666;border-color: #eee}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr th {font-weight: normal;text-align: left;background: #fafafa}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr th i {display: inline-block;width: 24px;height: 22px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -229px 0;margin: -3px 4px 0 0;vertical-align: middle}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr td {color: #1a9ea3;font-weight: bold}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr td.tR {text-align: right}
.mypgC .wrap_content.my_state .mypageConditions .m_info .tbl tr td a:hover {text-decoration: underline}
.mypgC .wrap_content.my_state .mypageConditions .m_info h4 {text-align: left;padding: 0 0 15px 25px;border-bottom: 2px solid #eee}
.mypgC .wrap_content.my_state .mypageConditions .m_info h4::before {content: "";position: absolute;top: -4px;left: 0;width: 20px;height: 22px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -123px 0}
.mypgC .wrap_content.my_state .mypageConditions .m_message {margin: 0 0 0 1%;background: #fff;width: 31.3%}
.mypgC .wrap_content.my_state .mypageConditions .m_message .message_more {position: absolute;bottom: 0;right: 0;margin: 0 0 0 -14px;display: block;width: 19px;height: 19px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -545px 0;font-size: 0}
.mypgC .wrap_content.my_state .mypageConditions .m_message h4 {text-align: left;padding: 0 0 15px 25px;border-bottom: 2px solid #eee;margin: 0 0 5px}
.mypgC .wrap_content.my_state .mypageConditions .m_message h4::before {content: "";position: absolute;top: -4px;left: 0;width: 20px;height: 22px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -168px 0}
.mypgC .wrap_content.my_state .mypageConditions h4 {position: relative;font-size: 16px;text-align: center;padding: 34px 0 0}
.mypgC .wrap_content.my_state .mypageConditions h4::before {content: "";position: absolute;top: 0;left: 50%;width: 24px;height: 34px;margin: 0 0 0 -12px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -253px -44px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering p {position: relative;font-size: 14px;color: #444;font-weight: normal;line-height: 1.4;text-align: center;border-top: 2px solid #ccf8ee;padding: 10px 0 50px;height: 124px;box-sizing: border-box}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering p .point {color: #1a9ea3}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering p .point.before {display: inline-block;width: 138px;height: 22px;line-height: 22px;background: #fff;border: 1px solid #ccc;color: #888;font-size: 12px;font-weight: normal}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering {width: 320px;position: absolute;top: 100%;left: 50%;background: #fff;z-index: 1;border: 1px solid #ccc;padding: 0 60px 0 0;box-sizing: border-box;z-index: 1;margin: 0 0 0 -160px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering::after {content: "";display: block;clear: both}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span {position: relative;padding: 10px 40px 10px 6px;display: block}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span input[type="text"] {border: 0;/* font-size: 14px; */
width: 100%;letter-spacing: -0.07em}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span button {display: block;text-align: center;width: 21px;height: 21px;line-height: 38px;position: absolute;bottom: 7px;right: 7px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -78px 1px;font-size: 0;margin: 0 0 1px;background-color: #000;border-radius: 100%}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering .btn_submit {background-color: #1a9ea3;color: #fff;display: block;text-align: center;width: 60px;height: 38px;line-height: 38px;position: absolute;top: 0;right: 0}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering .btn_close {background-color: #1a9ea3;color: #fff;display: block;text-align: center;width: 18px;height: 18px;line-height: 38px;position: absolute;bottom: 100%;right: 0px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -80px 0;font-size: 0;margin: 0 0 1px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind {background-color: rgba( 0, 0, 0, 0.8);color: #fff;text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span {position: relative;display: block;padding: 88px 0 0;line-height: 1.5}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span::before {content: "";position: absolute;bottom: -58px;left: 50%;width: 28px;height: 28px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -27px -1px;margin: 0 0 0 -16px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span::after {content: "";position: absolute;bottom: -51px;left: 50%;width: 44px;height: 48px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -301px -35px;margin: 0 0 0 20px}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span strong {color: #2bdaaf}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind a {position: absolute;top: 0;right: 0;width: 25px;height: 25px;font-size: 0;background: #111}
.mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind a::before {content: "";position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;background: url(https://img.megagong.net/m/common/pop_close.png) no-repeat center center;opacity: 0.8;margin: -6px 0 0 -6px}
.mypgC .wrap_content.my_state .mypageConditions .m_message ul {padding-top: 10px;padding-left: 5px}
.mypgC .wrap_content.my_state .mypageConditions .m_message li {position: relative;float: none;border-right: none;padding: 0 0 0 10px;text-align: left;margin: 0 0 6px;display: block}
.mypgC .wrap_content.my_state .mypageConditions .m_message li::before {content: "";display: block;position: absolute;top: 7px;left: 0;width: 3px;height: 1px;background-color: #999}
.mypgC .wrap_content.my_state .mypageConditions .m_message li a.ellipsis,.mypgC .wrap_content.my_state .mypageConditions .m_message li a {line-height: 15px;display: block;color: #999;max-width: 90%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.mypgC .wrap_content.my_state .mypageConditions .m_message li a:hover {text-decoration: underline}
.mypgC .wrap_content.my_state .mypageConditions .m_message li.lst_no {position: absolute;top: 58%;left: 0;width: 100%;text-align: center;padding: 0;color: #969696}
.mypgC .wrap_content.my_state .mypageConditions .m_message li.lst_no::before {display: none}
.mypgC .wrap_content.my_state .mypageConditions .btn_purchase_pass {position: absolute;right: -15px;top: 0;transform: translateX(100%);display: block;text-align: center;text-align: center;}
.mypgC .wrap_content.my_state .mypageConditions .btn_purchase_pass .mo {display: none;}
/*Àå¹Ù±¸´Ï*/
.payWrap {position: relative}
.payWrap .paytit {margin: 30px 0;border-bottom: 2px solid #929292}
.payWrap .paytit .txt {display: inline-block;padding-bottom: 10px;font-size: 24px;line-height: 30px;color: #141414;letter-spacing: -1px;font-weight: bold}
.payWrap .totalTxt {font-size: 14px;line-height: 20px;padding: 0 0 20px;color: #555;float: left}
.payWrap .totalTxt .color1 {color: #0c998d;font-size: 14px;line-height: 20px;font-weight: 600}
.payWrap .nav {position: relative;float: right}
.payWrap .nav::after {content: "";display: block;clear: both}
.payWrap .nav li {float: left;background: url('https://img.megagong.net/new/mypage/navi.png') no-repeat 90% 12px}
.payWrap .nav li.list1 {width: 115px}
.payWrap .nav li.list2 {width: 112px}
.payWrap .nav li.list3 {width: 85px;background: none}
.payWrap .nav li .txt {display: inline-block;padding-top: 5px;color: #adadad;font-size: 14px;line-height: 22px;vertical-align: top}
.payWrap .nav li .icon {display: inline-block;margin: 8px 5px 0 0;width: 16px;height: 15px;background: url('https://img.megagong.net/new/mypage/navi_bg.png') no-repeat left 10px}
.payWrap .nav li.list1 .icon {background-position: 0 0}
.payWrap .nav li.on.list1 .icon {background-position: 0 -15px}
.payWrap .nav li.list2 .icon {background-position: -16px 0}
.payWrap .nav li.on.list2 .icon {background-position: -16px -15px}
.payWrap .nav li.list3 .icon {margin-top: 10px;background-position: right 0}
.payWrap .nav li.on.list3 .icon {margin-top: 10px;background-position: right -15px}
.payWrap .nav li.on .txt {color: #333}
.payWrap .nav li.last {width: 108px}
.payWrap .order_number {position: relative;margin: 0 0 25px}
.payWrap .order_number p {position: relative;font-size: 15px;font-weight: bold;letter-spacing: -0.02em}
.payWrap .order_number p .number {font-weight: normal;color: #777;letter-spacing: 0}
.payWrap .order_number p .number strong {color: #000}
.payWrap .order_number .state {position: absolute;top: -3px;right: 0;border: 1px solid #0c998d;color: #0c998d;font-weight: bold;line-height: 1;padding: 3px 10px}
.payWrap .ordertbl_wrap {}
.payWrap .ordertbl_wrap .order_tbl {border-top: 1px solid #000;text-align: center;}
.payWrap .ordertbl_wrap .order_tbl tr {}
.payWrap .ordertbl_wrap .order_tbl tr th {}
.payWrap .ordertbl_wrap .order_tbl tr td {padding: 30px 0;border-bottom: 1px solid #ddd}
.payWrap .ordertbl_wrap .order_tbl tr.delivery_price {background-color: #f5f5f5;}
.payWrap .ordertbl_wrap .order_tbl tr.delivery_price th {font-weight: bold;}
.payWrap .ordertbl_wrap .order_tbl tr.delivery_price td {}
.payWrap .ordertbl_wrap .order_tbl tr td .payTxt {font-weight: bold}
.payWrap .ordertbl_wrap .order_tbl tr td .payTxt .btn_guide {display: inline-block;margin-left: 7px;width: 80px;height: 18px;font-size: 10px;line-height: 16px;box-sizing: border-box;text-align: center;border: 1px solid #767676;color: #222}
.payWrap .ordertbl_wrap .order_tbl tr td .payTxt .btn_guide i {display: inline-block;margin: -2px 0 0 4px;width: 12px;height: 10px;background: url(https://img.megagong.net/icon/icon_guide.png) no-repeat center center;vertical-align: middle}
.payWrap .ordertbl_wrap .order_tbl tr td .modify {width: 52px;height: 25px;margin: 0 auto}
.payWrap .ordertbl_wrap .order_tbl tr td .btn_modify {display: block;margin: 3px auto 0;width: 50px;text-align: center;border: 1px solid #949494;height: 18px;line-height: 18px}
.payWrap .ordertbl_wrap .order_tbl tr td .name {display: block;padding: 3px 0 0;}
.payWrap .payList_top {margin-bottom: 20px}
.payWrap .payList_top .txt {font-size: 20px;line-height: 28px;font-weight: bold}
.payWrap .payList_top .btn_modify2 {display: inline-block;margin-top: 13px;text-decoration: underline;color: #0c998d}
.payWrap .payList_tbl1 {margin-bottom: 30px;border-top: 1px solid #3f5a76;text-align: center}
.payWrap .payList_tbl1 .pay_tbl {font-size: 13px;}
.payWrap .payList_tbl1 .pay_tbl thead tr {border-bottom: 1px solid #6c7585}
.payWrap .payList_tbl1 .pay_tbl thead th {padding: 0 3px;background: #fff;text-align: center;vertical-align: middle;font-weight: bold;color: #333;border-bottom: 1px solid #dddddd;height: 50px;}
.payWrap .payList_tbl1 .pay_tbl thead th br.mo_br {display: none}
.payWrap .payList_tbl1 .pay_tbl thead th .subway_wrap {display: inline-block;position: relative}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway {display: inline-block;position: absolute;top: 18px;left: 50%;width: 15px;height: 15px;/* margin:auto 0; */
margin: 0 0 0 35px;padding: 0 0 0 0;font-size: 0;cursor: pointer;}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway >button {line-height: 1}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway .asl {display: none;padding: 19px 24px;position: absolute;z-index: 2;top: 100%;margin: 5px 0 0;right: 0;min-width: 420px;line-height: 1;background: #fff;font-size: 13px;border: 1px solid #888;border-radius: 5px;font-weight: normal;}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway .asl .dim {position: fixed;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway .asl .sub_way_close {display: block;z-index: 5;position: absolute;top: 2px;right: 2px;/* width:7px; */
/* height:7px; */
padding: 5px;line-height: 1;}
.payWrap .payList_tbl1 .pay_tbl thead th .icon_subway .asl.on {display: block}
.payWrap .payList_tbl1 .pay_tbl tbody tr th {padding: 18px 0 18px 18px;background: #f4f8ff;font-weight: bold;font-size: 14px;line-height: 20px;border-bottom: 1px solid #6c7585;vertical-align: middle}
.payWrap .payList_tbl1 .pay_tbl tbody tr th span {color: #898989;font-size: 12px;line-height: 18px}
.payWrap .payList_tbl1 .pay_tbl tbody tr th.aL {text-align: left}
.payWrap .payList_tbl1 .pay_tbl tbody tr td {position: relative;padding: 0 5px;text-align: center;border-bottom: 1px dotted #d9d9d9;vertical-align: middle;word-break: break-all;height: 120px;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td {height: auto;padding: 14px 5px;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.aL {text-align: left}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.aL2 {padding: 18px 5px 18px 5px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .paydate {display: block;padding: 2px 0 0;opacity: 0.6;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .name {display: block;font-weight: bold;padding-bottom: 5px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .payTxt {font-weight: bold}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .payTxt a {font-weight: bold}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .payTxt a:hover {text-decoration: underline;color: #0c998d}/* »óÇ°¾È³»¼­(¸¶ÀÌÆäÀÌÁö) */
.payWrap .payList_tbl1 .pay_tbl tbody tr td.price strong {font-weight: bold}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.btn a {display: inline-block;width: 65px;height: 22px;line-height: 20px;margin-bottom: 3px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.btn .btn_buy {background: #494949;border: 1px solid #494949;color: #fff}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.btn .btn_delect {border: 1px solid #949494;background: #fff}
.payWrap .payList_tbl1 .pay_tbl tbody tr:last-child td {border-bottom: 1px solid #6c7585}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .payList_detail {display: inline-block;/* font-size:12px; */
/* color:#858585; */
font-weight: bold;/* text-decoration:underline; */}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .payList_detail:hover {text-decoration: underline;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td strong {font-weight: bold}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .txtState_mo {display: none;color: #979797;line-height: 14px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .txtState1 {color: #979797;line-height: 14px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .txtState2 {color: #0c998d;line-height: 14px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_delivery, .payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_subway {display: block;width: 80px;height: 25px;line-height: 23px;color: #292929;border: 1px solid #6a6a6a;text-align: center;margin: 6px auto 6px;box-sizing: border-box;font-size: 12px;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_subway br {display: none}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.messageCont {line-height: 1.5;background: #f4f8ff;text-align: left;padding-left: 33px;padding-right: 120px;padding-top: 15px;padding-bottom: 15px;height: auto;}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.messageCont ul {position: absolute;top: 20px;right: 30px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.messageCont ul li {float: left;padding-right: 10px;margin-right: 10px;background: url('https://img.megagong.net/new/mypage/bg-message2.jpg') no-repeat right 4px}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.messageCont ul li.last {padding-right: 0;margin-right: 0;background: none}
.payWrap .payList_tbl1 .pay_tbl tbody tr td.messageCont ul li a {display: block;color: #272727}
.payWrap .payList_tbl1 .pay_txt {margin-top: 5px;text-align: right}
.payWrap .payList .btn_area a {display: inline-block;padding: 0 12px;font-weight: bold;text-align: center;height: 30px;line-height: 28px;color: #fff;background: #555}
.payWrap .paytotal {position: relative;margin: 40px 0}
.payWrap .paytotal ul {height: 97px;border-top: 1px solid #3f5a76;border-bottom: 1px solid #3f5a76}
.payWrap .paytotal ul li {position: relative;float: left;padding: 20px 0 28px 0;text-align: center}
.payWrap .paytotal ul li.list1 {width: 230px}
.payWrap .paytotal ul li.list1:after {content: "";position: absolute;right: -20px;top: 0;background: url('https://img.megagong.net/new/mypage/bgpay.jpg') no-repeat;width: 44px;height: 100%;background-position-x: -261px;background-position-y: -2px}
.payWrap .paytotal ul li.list2 {width: 177px}
.payWrap .paytotal ul li.list2:after {content: "";position: absolute;right: -20px;top: 0;background: url('https://img.megagong.net/new/mypage/bgpay.jpg') no-repeat;width: 44px;height: 100%;background-position-x: -519px;background-position-y: -2px}
.payWrap .paytotal ul li.list3 {width: 184px}
.payWrap .paytotal ul li.list3:after {content: "";position: absolute;right: -20px;top: 0;background: url('https://img.megagong.net/new/mypage/bgpay.jpg') no-repeat;width: 44px;height: 100%;background-position-x: -782px;background-position-y: -2px}
.payWrap .paytotal ul li.list4 {width: 274px}
.payWrap .paytotal ul li p {font-size: 14px;line-height: 20px}
.payWrap .paytotal ul li p strong {font-weight: bold;font-size: 20px;line-height: 28px}
.payWrap .paytotal ul li.last p {color: #0c998d;font-size: 14px;line-height: 20px}
.payWrap .paytotal ul li.last .price, .payWrap .paytotal ul li.last p strong {color: #0c998d}
.payWrap .payBtn {text-align: right;font-size: 0}
.payWrap .payBtn a {display: inline-block;width: 165px;font-size: 14px;font-weight: bold;height: 40px;color: #fff;line-height: 40px;text-align: center;margin: 0 5px}
.payWrap .payBtn a.btn_order {background: #555;border: 1px solid #333}
.payWrap .payBtn a.btn_allOrder {background-color: #26beb1;border: 1px solid #0c998d}
.payWrap .payNoti {margin: 20px 0;padding: 30px;background: #f8f8f8}
.payWrap .payNoti+.payNoti {margin: -40px 0 0 0}
.payWrap .payNoti p.tit {padding-bottom: 15px;color: #272727;font-size: 14px;font-weight: bold}
.payWrap .payNoti ul li {padding: 0 0 3px 10px;font-size: 12px;line-height: 1.5;background: url('https://img.megagong.net/new/mypage/noti_list.png') no-repeat left 8px}
.payWrap .payNoti ul li strong {font-weight: bold}
.payWrap .payNoti ul li span {color: #0c998d}
.payWrap .payNoti ul li.fe {padding-left: 0;font-weight: bold;margin-top: 20px;background: none;}
.payWrap .layerPop.pop_do_pay {position: fixed;top: 0;left: 0;width: 300px;background: #fff}
.payWrap .layerPop.pop_do_pay .pop_body {background: #f8f8f8;text-align: center;color: #000}
.payWrap .layerPop.pop_do_pay .pop_body .tx1 {font-size: 14px;line-height: 20px;font-weight: bold}
.payWrap .layerPop.pop_do_pay .pop_body .tx2 {margin: 4px 0 8px 0;font-size: 13px;line-height: 18px;color: #999}
.payWrap .layerPop.pop_do_pay .btn {text-align: center}
.payWrap .layerPop.pop_do_pay .btn_gopay {display: inline-block;padding: 0 12px;color: #fff;font-weight: bold;text-align: center;height: 30px;line-height: 28px;background: #f25a5e}/* °áÁ¦ ¸®½ºÆ® ¼ö°­È®ÀÎÁõ Ãß°¡ */
.btn_lt {display: none}
.lecture_txt {display: none;position: relative}
.lecture_txt .icon_subway {display: inline-block;/* width:15px; */
/* height:15px; */
margin: auto 0;margin-left: 0;font-size: 0;cursor: pointer;vertical-align: top}
.lecture_txt .icon_subway > button {line-height: 1;padding: 2px 0;}
.lecture_txt .icon_subway .asl {display: none;text-align: left;padding: 10px;position: absolute;z-index: 2;top: -45px;right: 0;min-width: 385px;height: 12px;background: #fff;font-size: 12px;border: 1px solid #888;border-radius: 5px}
.lecture_txt .icon_subway .asl .dim {position: fixed;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%}
.lecture_txt .icon_subway .asl .sub_way_close {display: inline-block;z-index: 5;position: absolute;top: 5px;right: 5px;}
.lecture_txt .icon_subway .asl.on {display: block}/*°áÁ¦³»¿ª*/
.payWrap .payList {position: relative;margin-top: 20px;padding-bottom: 20px}
.payWrap .payList_address {margin-bottom: 12px}
.payWrap .payList_address .txt {font-size: 20px;line-height: 28px;font-weight: bold}
.payWrap .payList_address .btn_address {display: inline-block;padding: 0 15px;margin: 0 3px;border: 1px solid #333;background: #555;text-align: center;font-size: 13px;line-height: 24px;color: #fff}
.payWrap .payList_tbl2 {border-top: 1px solid #3f5a76;margin-bottom: 30px}
.payWrap .payList_tbl2 .pay_tbl2 {width: 100%}
.payWrap .payList_tbl2 .pay_tbl2 th {padding: 10px 0 11px 0;border-bottom: 1px solid #e4e5e8;background: #f8f8f8;font-weight: bold;color: #333;line-height: 20px;vertical-align: middle}
.payWrap .payList_tbl2 .pay_tbl2 th.aL {text-align: left;padding-left: 30px}
.payWrap .payList_tbl2 .pay_tbl2 td {padding: 10px 0 11px 30px;border-bottom: 1px solid #e4e5e8;text-align: left;line-height: 20px;vertical-align: middle}
.payWrap .payList_tbl2 .pay_tbl2 td .add_noti {margin-left: 20px;font-size: 11px;color: #ea2300;line-height: 16px}
.payWrap .payList_tbl2 .pay_tbl2 td select {height: 32px;padding-left: 10px;line-height: 25px}
.payWrap .payList_tbl2 .pay_tbl2 td select.sel_txt {width: 230px}
.payWrap .payList_tbl2 .pay_tbl2 td select.sel_num {width: 70px}
.payWrap .payList_tbl2 .pay_tbl2 td input {vertical-align: top;height: 32px;padding-left: 10px;box-sizing: border-box}
.payWrap .payList_tbl2 .pay_tbl2 td input.inp_txt {width: 450px}
.payWrap .payList_tbl2 .pay_tbl2 td input.inp_name {width: 150px}
.payWrap .payList_tbl2 .pay_tbl2 td input.inp_num {width: 80px}
.payWrap .payList_tbl2 .pay_tbl2 td input.inp_add {width: 120px;margin-bottom: 3px}
.payWrap .payList_tbl2 .pay_tbl2 td input.inp_add2 {width: 700px;margin-bottom: 3px}
.payWrap .payList_tbl2 .pay_tbl2 td .btn_add {display: inline-block;padding: 0 10px;color: #fff;font-weight: bold;text-align: center;height: 31px;line-height: 31px;background: #555}
.payWrap .payList_tbl2 .pay_tbl2 td .txt_length {display: inline-block;line-height: 31px;vertical-align: middle}
.payWrap .payList_tbl2 .pay_tbl2 td .price1 {font-size: 18px;line-height: 24px;color: #0c998d;font-weight: bold}
.payWrap .payList_tbl2 .pay_tbl2 td .price2 {font-size: 14px;line-height: 20px;color: #0c998d;font-weight: bold}
.payWrap .payList_tbl2 .pay_tbl2 td strong {font-weight: bold;font-size: 14px;line-height: 20px}
.payWrap .payList_tbl2 .pay_tbl2 tr:last-child th,.payWrap .payList_tbl2 .pay_tbl2 tr:last-child td {border-bottom: 1px solid #6c7585}
.payWrap .payList_tbl2 .pay_tbl2 td .detail {width: 260px}
.payWrap .payList_tbl2 .pay_tbl2 td .detail .f_left {font-size: 15px;color: #333}
.payWrap .payList_tbl2 .pay_tbl2 td .detail .f_right {font-size: 15px;color: #333}
.payWrap .payList_tbl2 .pay_tbl2 td .detail .f_right strong {font-weight: bold}
.payWrap .payList_tbl2 .pay_tbl2 td .detail .f_right .color {font-size: 14px;font-weight: bold;color: #0c998d}
.payWrap .pay_selec {width: 615px}
.payWrap .pay_selec .txt {font-size: 20px;line-height: 28px;font-weight: bold;text-align: left;display: block}
.payWrap .pay_selec .couponArea {margin-bottom: 45px;margin-top: 44px;padding: 0;border: 0}
.payWrap .pay_selec .cashArea {position: relative}
.payWrap .pay_selec .cashArea .conin {height: 550px}
.payWrap .pay_selec .cashArea .receipt {position: relative;margin: 0 28px 30px 28px;padding: 23px 0;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede}
.payWrap .pay_selec .cashArea .receipt .txt {position: absolute;top: 22px;left: 0;font-size: 14px;line-height: 20px;font-weight: normal}
.payWrap .pay_selec .cashArea .receipt .apply_in {margin-left: 155px;width: 370px;text-align: center}
.payWrap .pay_selec .cashArea .receipt .apply_in .sel {position: relative;margin-bottom: 15px}
.payWrap .pay_selec .cashArea .receipt .apply_in .sel label {margin: 0 10px}
.payWrap .pay_selec .cashArea .receipt .apply_in .phone select {width: 70px;padding-left: 10px;height: 25px;border: 1px solid #dbdbdb}
.payWrap .pay_selec .cashArea .receipt .apply_in .phone input {width: 80px;padding-left: 10px;height: 25px;border: 1px solid #dbdbdb}
.payWrap .pay_selec .cashArea .btn_cashInfo {position: absolute;top: 7px;right: 0;display: inline-block;margin-top: 5px;text-decoration: underline;color: #0c998d}
.payWrap .pay_selec .cashArea .p_way {padding: 20px 0 20px 30px;margin-bottom: 30px;background: #f4f8ff;border-bottom: 1px solid #d7deec;border-top: 1px solid #d7deec}
.payWrap .pay_selec .cashArea .p_way ul {padding: 0;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;gap: 30px;}
.payWrap .pay_selec .cashArea .p_way ul li {float: left;line-height: 26px;position: relative;}
.payWrap .pay_selec .cashArea .p_way ul li input[type="radio"] {width: 17px;height: 17px;margin-right: 3px}
.payWrap .pay_selec .cashArea .p_way ul li label {padding-left: 5px;font-size: 15px;line-height: 18px;color: #555;font-weight: 600;vertical-align: middle}
.payWrap .pay_selec .cashArea .p_way ul li .tip{position: absolute;left: 50%;top: -25px;background-color: #ff5a5a;line-height: 1;color: #fff;letter-spacing: -0.1em;padding: 4px 0;font-size: 12px;border-radius: 20px;box-sizing: border-box;text-align: center;}
.payWrap .pay_selec .cashArea .p_way ul li .tip::before{content: '';position: absolute;left: 50%;bottom: -8px;border-left: 8px solid #ff5a5a;border-bottom: 8px solid transparent;margin: 0 0 0 -4px;}
.payWrap .pay_selec .cashArea .p_way_con {position: relative}
.payWrap .pay_selec .cashArea .p_way_con .m_state {padding: 0 30px}
.payWrap .pay_selec .cashArea .p_way_con .m_state .txt {font-size: 14px;line-height: 20px;margin-bottom: 10px;font-weight: 600}
.payWrap .pay_selec .cashArea .p_way_con .m_state .txt span {font-size: 14px;line-height: 20px}
.payWrap .pay_selec .cashArea .p_way_con .m_state ul {padding: 0}
.payWrap .pay_selec .cashArea .p_way_con .m_state ul li {color: #888;font-size: 12px;line-height: 18px;padding-left: 11px;text-indent: -11px}
.payWrap .pay_selec .cashArea .p_way_con .m_state ul li .redText {color: #ff0000}
.payWrap .conin {margin-top: 20px;border: 1px solid #3f5a76;background-color: #ffffff}
.payWrap .conin ul {padding: 25px 25px;position: relative}
.payWrap .conin ul li {margin-bottom: 9px;line-height: 31px;color: #333}
.payWrap .conin ul li input[type="text"] {width: 143px;height: 27px;font-weight: bold;font-size: 16px;color: #0c998d;text-align: right;padding-right: 5px;border: 1px solid #d9d9d9;background: #ffffff;vertical-align: middle}
.payWrap .conin ul li p {font-size: 14px;line-height: 20px;margin-top: 4px}
.payWrap .conin ul li .btn_choice {display: inline-block;width: 122px;height: 29px;border: 1px solid #0c998d;text-align: center;font-size: 14px;line-height: 27px;color: #fff;background-color: #26beb1;font-weight: bold;vertical-align: middle}
.payWrap .conin ul li .dc_wrt {padding: 0 129px 0 0}
.payWrap .conin ul li .dc_wrt .btn_choice {position: absolute;right: 25px;top: 27px;height: 72px;line-height: 66px}
.payWrap .conin ul li .n_choice {display: inline-block;width: 122px;height: 29px;border: 1px solid #ccc;text-align: center;font-size: 14px;line-height: 27px;color: #ccc;background-color: #fff;font-weight: bold;vertical-align: middle}
.payWrap .conin ul li .mine {display: inline-block;width: 110px;margin-right: 34px;font-size: 14px;color: #333;padding-left: 11px;text-align: right;background: url('https://img.megagong.net/new/mypage/bar2.gif') no-repeat 0 5px}
.payWrap .conin ul li .mine strong {font-weight: bold;font-size: 14px;color: #0c998d}
.payWrap .total_prc {border: 1px solid #494949;width: 420px;min-height: 709px;margin-top: 48px}
.payWrap .total_prc .tit {height: 50px;padding: 0 30px;line-height: 44px;background: #555;font-size: 18px;font-weight: bold;color: #fff}
.payWrap .total_prc ul {padding: 15px 30px 26px 30px}
.payWrap .total_prc ul li {padding: 12px 0;border-bottom: 1px dotted #999}
.payWrap .total_prc ul li.bbnone {padding: 10px 0 0 0;border-bottom: none}
.payWrap .total_prc ul li p {font-size: 15px;line-height: 20px;color: #555}
.payWrap .total_prc ul li .f_right span {display: inline-block;vertical-align: middle;font-weight: bold;color: #333;font-size: 15px;line-height: 20px;margin-top: -6px}
.payWrap .total_prc ul li .f_right span.color_price {color: #0c998d}
.payWrap .total_prc .sum_price {font-size: 18px;color: #333;margin-bottom: 20px;line-height: 27px;text-align: center}
.payWrap .total_prc .sum_price p {font-weight: bold;font-size: 18px;line-height: 26px}
.payWrap .total_prc .sum_price span {font-size: 32px;line-height: 40px;color: #0c998d}
.payWrap .info_in {background: #f8f8f8;padding: 15px 30px}
.payWrap .info_in .info_txt {font-size: 14px;line-height: 20px;font-weight: bold;color: #0c998d}
.payWrap .info_in .info_txt p {margin-bottom: 25px;font-size: 12px;line-height: 18px;padding-top: 6px}
.payWrap .info_in .info_txt p .refund {font-weight: normal;color: #888;font-size: 12px;display: block;border-bottom: 1px solid #888;padding: 5px 0 0 0}
.payWrap .info_in .dec_txt {margin: 7px 0;padding: 10px;overflow-y: scroll;height: 100px;border: 1px solid #ddd;line-height: 1.5;background-color: #fff}
.payWrap .info_in .chk_agree {text-align: right;margin-top: 10px}
.payWrap .total_prc .agree_in {padding: 0 30px 15px 30px;text-align: center;line-height: 20px;margin-bottom: 15px;background: #f8f8f8}
.payWrap .total_prc .agree_in .info_txt {margin-bottom: 5px;text-align: left}
.payWrap .total_prc .agree_in .info_txt p {padding: 15px 0;color: #888;font-size: 12px;line-height: 18px}
.payWrap .total_prc .agree_in .info_txt strong {color: #333}
.payWrap .total_prc .agree_in .rule_check {padding-top: 10px;border-top: 1px solid #e7e7e7}
.payWrap .total_prc .agree_in .rule_check p {color: #333333;font-size: 14px;line-height: 22px;padding-bottom: 5px}
.payWrap .total_prc .agree_in .rule_check p label {font-size: 14px;line-height: 22px;font-weight: bold}
.payWrap .total_prc .agree_in .rule_check p input[type="checkbox"] {width: 17px;height: 17px}
.payWrap .total_prc .btn_pay {display: block;width: 200px;height: 43px;line-height: 42px;margin: 0 auto;background: #0c998d;color: #fff;border: 1px solid #066f66;color: #fff !important;text-align: center;font-size: 22px;font-weight: 600;margin-bottom: 30px}
.payWrap .layerPop.pop_address {position: fixed;top: 0;left: 0;width: 800px;z-index: 2}
.payWrap .layerPop.pop_address .btn {padding-top: 20px;text-align: center}
.payWrap .layerPop.pop_coupon {position: fixed;/*top:0px;*/
top: 50%;left: 0;width: 740px;z-index: 2;transform: translate(-50%, calc(-50% + 0.5px));}
.payWrap .layerPop.pop_coupon .pop_body {overflow-y: scroll;height: 470px;background: #fff}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_sum {margin: 30px 0 25px;text-align: center}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_sum p {font-size: 13px;line-height: 18px;color: #888}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_sum .color1 {font-size: 13px;line-height: 18px;font-weight: bold;color: #0c998d}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_sum .total {color: #333;font-size: 16px;line-height: 22px}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_sum .total strong {color: #1162db;font-size: 23px;font-weight: bold}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_btn {text-align: center}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_btn a {display: inline-block;width: 80px;padding: 0 10px;color: #fff;font-weight: bold;text-align: center;height: 30px;line-height: 28px}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_btn a.btn_apply {background: #0c998d}
.payWrap .layerPop.pop_coupon .pop_bottom .bot_btn a.btn_cancel {background: #555}
.payWrap .layerPop.pop_coupon table.table_scroll {border-collapse: collapse;}
.payWrap .layerPop.pop_coupon table.table_scroll {width: 100%;border-bottom: 1px solid #ddd;}
.payWrap .layerPop.pop_coupon table.table_scroll thead {display: table;width: 100%;}
.payWrap .layerPop.pop_coupon table.table_scroll tbody {display: block;}
.payWrap .layerPop.pop_coupon table.table_scroll tr th, .payWrap .layerPop.pop_coupon table.table_scroll tr td {width: 70%;border-collapse: collapse;border-top: none;}
.payWrap .layerPop.pop_coupon table.table_scroll tr th:first-child, .payWrap .layerPop.pop_coupon table.table_scroll tr td:first-child {border-left: none;}
.payWrap .layerPop.pop_coupon table.table_scroll tr th:first-child, .payWrap .layerPop.pop_coupon table.table_scroll tr th:last-child, .payWrap .layerPop.pop_coupon table.table_scroll tr td:first-child, .payWrap .layerPop.pop_coupon table.table_scroll tr td:last-child {width: 15%;}
.payWrap .layerPop.pop_coupon table.table_scroll tr {display: table;width: 100%;}
.payWrap .layerPop.pop_coupon table.table_scroll tr .ar .prc, .payWrap .layerPop.pop_coupon table.table_scroll tr .ar .prc_ori {word-break: break-all;}
/*°áÁ¦¿Ï·á*/
.payWrap .pay_done {margin-bottom: 25px;padding: 40px 0;text-align: center;background: #fff;border: 1px solid #3f5a76;margin-top: 30px}
.payWrap .pay_done .txt1 {margin-bottom: 5px;font-size: 24px;line-height: 30px;color: #333;font-weight: bold;clear: both;}
.payWrap .pay_done .txt1 strong {font-size: 24px;line-height: 30px;color: #0c998d;font-weight: bold}
.payWrap .pay_done .txt2 {font-size: 17px;line-height: 26px;padding-top: 10px}
.payWrap .pay_done .txt2 span {color: #0c998d;font-weight: bold;font-size: 22px;line-height: 26px;text-decoration: underline}
.payWrap .paydon_tit {position: relative;/* overflow:hidden; */}
.payWrap .paydon_tit .txt {font-size: 15px;line-height: 28px;font-weight: bold;float: left;margin: 0 0 12px;}
.payWrap .dircancle_wrap {display: block;width: 125px;padding: 0 0 10px;position: absolute;top: 8px;left: 0;}
.payWrap .dircancle_wrap a.btn_cancle {font-weight: bold;}
.payWrap .dircancle_wrap a.btn_cancle span {display: inline-block;text-decoration: underline;color: #777;margin: -5px 0 0 1px;vertical-align: middle;}
/*°áÁ¦ »ó¼¼³»¿ª*/
.payWrap .order_tit {position: relative;font-size: 15px;font-weight: bold;margin: 0 0 18px;padding: 30px 0 0;}
.payWrap .pay_detail {margin-bottom: 40px;padding: 40px 0;text-align: center;background: #fff;border: 1px solid #3f5a76}
.payWrap .pay_detail .txt3 {display: inline-block;font-size: 16px;line-height: 20px;color: #333333;padding: 0 10px}
.payWrap .pay_detail .txt3 span {color: #0c998d;font-size: 16px;line-height: 20px;text-decoration: underline;font-weight: bold}
.payWrap .pay_detail .txt4 {display: inline-block;font-size: 16px;line-height: 20px;color: #333333;padding: 0 10px}
.payWrap .pay_detail .txt4 span {font-size: 16px;line-height: 20px;color: #000000;font-weight: bold}
.payWrap .pay_detail .txt5 {display: inline-block;font-size: 16px;line-height: 20px;color: #333333;padding: 0 10px}
.payWrap .pay_detail .txt5 span {font-size: 16px;line-height: 20px;color: #0c998d;font-weight: bold}
.payWrap .deliveryinfo_wrap, .payWrap .payinfo_wrap {position: relative;padding: 30px 0 0;border-top: 1px solid #777;border-bottom: 1px solid #ddd;}
.payWrap .deliveryinfo_wrap ul,.payWrap .payinfo_wrap ul {position: relative;padding: 0 0 12px;letter-spacing: 0.02em;line-height: 1.3;}
.payWrap .deliveryinfo_wrap ul li,.payWrap .payinfo_wrap ul li {position: relative;margin: 0px 20px 16px;padding: 0 0 0 120px}
.payWrap .deliveryinfo_wrap ul li .tit,.payWrap .payinfo_wrap ul li .tit {font-weight: normal;position: absolute;top: 0;left: 0}
.payWrap .payinfo_wrap ul li .lasttotal_price {font-weight: bold;color: #0c998d}
.payWrap .deliveryinfo_wrap ul.pay_point, .payWrap .payinfo_wrap ul.pay_point {padding: 0}
.payWrap .deliveryinfo_wrap ul.pay_point li, .payWrap .payinfo_wrap ul.pay_point li {background: #f5f5f5;margin: 0;padding: 28px 0 30px 140px;border-top: 1px solid #ddd;line-height: 2.3;}
.payWrap .deliveryinfo_wrap ul.pay_point li .tit, .payWrap .payinfo_wrap ul.pay_point li .tit {left: 20px;top: 50%;margin: -7px 0 0;font-weight: bold;line-height: 1;}
.payWrap .payinfo_wrap ul.pay_point li .info .tiny {opacity: 0.6}/*ÁÖ¹®¹è¼ÛÁ¶È¸ / ÄíÆù /  º¸³Ê½ºÄ³½¬*/
.payWrap .pay_sort {margin-bottom: 25px;padding: 25px 30px 25px 30px;text-align: center;background: #f5f5f5;font-size: 13px;}
.payWrap .pay_sort::after {content: '';display: block;clear: both}
.payWrap .pay_sort .tit {line-height: 18px;font-weight: bold;position: absolute;top: 6px;left: 0;}
.payWrap .pay_sort .month_area {position: relative;float: left;padding: 0 0 0 68px;margin: 0;}
.payWrap .pay_sort .month_area ul {border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
.payWrap .pay_sort .month_area ul li {float: left;width: 88px;border-left: 1px solid #d0d0d0;line-height: 28px;text-align: center;background: #fff}
.payWrap .pay_sort .month_area ul li:last-child {border-right: 1px solid #d0d0d0;}
.payWrap .pay_sort .month_area ul li.on a {background-color: #dff7f8;color: #0c998d;}
.payWrap .pay_sort .month_area ul li a {display: block;font-size: 12px;color: #333;height: 30px;line-height: 30px;}
.payWrap .pay_sort .dateArea {position: relative;float: left;margin-left: 30px;padding: 0 0 0 68px;}
.payWrap .pay_sort .dateArea .d_bx {display: inline-block;position: relative;width: 132px;height: 28px;line-height: 28px;border: 1px solid #d0d0d0;text-indent: 10px;text-align: left;background: #fff}
.payWrap .pay_sort .dateArea span.dash {display: inline-block;vertical-align: top;padding-top: 9px}
.payWrap .pay_sort .dateArea .d_bx .ico {position: absolute;top: 7px;right: 7px;width: 13px;height: 13px;background: url('https://img.megagong.net/new/mypage/ico-cal.png') no-repeat}
.payWrap .pay_sort .dateArea .d_bx input.date1 {position: absolute;top: 0px;left: 10px;width: 80px;height: 24px;border: none;color: #2b4561;background-color: transparent}
.payWrap .pay_sort .dateArea .btn_srch {display: inline-block;width: 80px;height: 30px;line-height: 30px;background: #333;text-align: center;vertical-align: top;margin: 0 0 0 5px;}
.payWrap .pay_sort .dateArea .btn_srch span {color: #fff;/* font-weight: 600; */}
.payWrap .cashTit {padding-bottom: 20px;color: #141414;font-size: 20px;line-height: 1.4;font-weight: bold}
.payWrap .bonusArea {margin-bottom: 30px;padding: 40px 0;background: #fff;text-align: center;margin-top: 20px;border: 1px solid #3f5a76}
.payWrap .bonusArea p.bg_bouns {padding-left: 40px;background: url('https://img.megagong.net/new/mypage/bg-bouns.png') no-repeat left top}
.payWrap .bonusArea p {display: inline-block;color: #333333;font-size: 16px;line-height: 1.4}
.payWrap .bonusArea p span {color: #0c998d;font-size: 20px;line-height: 1.4;font-weight: bold}
.payWrap .bonusArea p strong {font-weight: bold;color: #333333;font-size: 20px;line-height: 1.4}
.payWrap .couponArea {margin-bottom: 40px;padding: 30px 48px;background: #fff;text-align: center;margin-top: 20px;border: 1px solid #3f5a76}
.payWrap .couponArea .couponList {padding-bottom: 25px}
.payWrap .couponArea p.bg_coupon {padding-left: 30px;background: url('https://img.megagong.net/new/mypage/bg-coupon.png') no-repeat left 4px}
.payWrap .couponArea p {display: inline-block;color: #333333;font-size: 16px;line-height: 1.4}
.payWrap .couponArea p span {color: #0c998d;font-size: 20px;line-height: 1.4;font-weight: bold}
.payWrap .couponArea p strong {font-weight: bold;color: #333333;font-size: 20px;line-height: 1.4}
.payWrap .couponArea .coupon_add {border-top: 1px dashed #d9d9d9;padding-top: 30px}
.payWrap .couponArea .coupon_add .tit {display: inline-block;color: #0c998d;font-size: 16px;line-height: 1.4;font-weight: bold}
.payWrap .couponArea .coupon_add .couponInp {display: inline-block;margin-left: 20px;width: 435px;height: 32px;line-height: 24px;background: #fff;border: 1px solid #0c998d}
.payWrap .couponArea .coupon_add .couponInp input {border: none;width: 430px;height: 28px;line-height: 28px}
.payWrap .couponArea .coupon_add .btn_couponAdd {display: inline-block;vertical-align: top;width: 100px;height: 32px;line-height: 32px;background: #26BEB1;color: #fff;border: 1px solid #0c998d;font-weight: 600}
.payWrap .messageArea {margin-bottom: 40px;padding: 20px 10px;background: #fff;text-align: center;border: 1px solid #3f5a76}
.payWrap .messageArea p {display: inline-block;color: #333333;font-size: 15px;line-height: 1.4}
.payWrap .messageArea p span {color: #0c998d;font-size: 20px;line-height: 24px;font-weight: bold}
.payWrap .messageArea p strong {font-weight: bold;color: #333333;font-size: 20px;line-height: 1.4}
.payWrap .btn_message_delete {padding-top: 20px;text-align: right}
.payWrap .btn_message_delete a {display: inline-block;width: 120px;line-height: 40px;height: 40px;background: #494949;color: #fff;text-align: center}
.payWrap .noMessage {padding: 30px 0 60px;text-align: center}
.payWrap .noMessage p {position: relative;color: #0c998d;font-size: 18px}
.payWrap .paydon_btn {margin: 17px 0 0 0;text-align: center}
.payWrap .paydon_btn a {display: inline-block;width: 160px;height: 45px;line-height: 40px;padding: 0 10px;font-size: 18px;color: #fff;font-weight: bold;text-align: center}
.payWrap .paydon_btn a.b_bt1 {background: #26BEB1}
.payWrap .paydon_btn a.b_bt2 {background: #494949}
.payWrap .bonusAreaBox {overflow: hidden;border: 1px solid #3f5a76;margin: 0 0 30px 0}
.payWrap .bonusAreaBox .bonusArea {width: 100%;border: none;margin: 0 0 0 0;padding: 20px 0;box-sizing: border-box}
.payWrap .bonusAreaBox .bonusArea.megaCash {border-bottom: 1px dashed gray}
.payWrap .cashTitBox {overflow: hidden}
.payWrap .cashTitBox .cashTit {float: left}
.payWrap .cashTitBox .f_right {float: right;margin: 10px 0 0 0}

.mypageWrap .refund.for_mo {display: none}/*³»°­ÀǽÇ*/
.mypageWrap .next_tea_noti {color: #e45c6c;margin-bottom: 10px;}
.mypageWrap .next_tea_banner_wrap .next_tea_banner {margin-bottom: 6px;}
.mypageWrap .next_tea_banner_wrap .next_tea_banner a {font-family: 'Noto Sans KR';text-align: center;padding: 2.5% 0;background: #f3f9ff;border-radius: 3px;border: 1px solid #0082FF;font-size: clamp(13px, 2vmin, 20px);display: flex;justify-content: center;align-items: center;gap: 0.5%;    font-weight: 700;}
.mypageWrap .next_tea_banner_wrap .next_tea_banner a .point_color {color: #0082ff;}
.mypageWrap .next_tea_banner_wrap .next_tea_banner a .next_tea_arrow {margin-top: 1px;width: 2%;display: flex;justify-content: center;align-items: center;}
.indirect_go {display: none}
.mypageWrap .passNoti {border: 1px solid #777;margin: 0 0 40px}
.mypageWrap .passNoti .passNotiTxt {margin-right: 20px;padding-bottom: 0;border-right: 1px solid #777;display: table-cell;float: none;vertical-align: middle;background: #f5f5f5}
.mypageWrap .passNoti .passNotiTxt + div {display: table-cell;float: none;vertical-align: middle}
.mypageWrap .passNoti .tit {width: 170px;padding: 0;font-size: 15px;line-height: 20px;font-weight: bold;color: #272727;text-align: center}
.mypageWrap .passNoti .tit .charac {display: block;background: #777777;width: 84px;height: 19px;line-height: 19px;color: #fff;font-size: 12px;margin: 0 auto 6px}
.mypageWrap .passNoti .tit .charac.pass {background: #0c998d}
.mypageWrap .passNoti .btn_add_lect {display: block;margin: 0 auto;width: 136px;height: 30px;line-height: 29px;background: #555555;text-align: center;}
.mypageWrap .passNoti .btn_add_lect span {display: inline-block;padding-right: 15px;background: url('https://img.megagong.net/new/mypage/btn_down2.png') no-repeat right 10px;color: #fff;font-size: 13px;font-weight: bold;background-size: 9px}
.mypageWrap .passNoti .passListW {padding: 30px 30px 20px 30px;width: 633px}
.mypageWrap .passNoti .passListW.pass_no {text-align: center;padding: 40px 30px 40px 30px}
.mypageWrap .passNoti .passListW .noti {font-size: 15px}
.mypageWrap .passNoti .passListW.pass_no .noti {display: block;margin: 0}
.mypageWrap .passNoti .passListW .pass_plus {display: inline-block;font-size: 12px;font-weight: bold;color: #0c998d;border-bottom: 1px solid #0c998d;margin: -2px 0 0 5px;vertical-align: middle;padding: 0 0 3px}
.mypageWrap .passNoti .alarmChk {padding: 10px 30px;background: #def1ff;font-family: 'Noto Sans KR';display: flex;justify-content: space-between;border-right: 1px solid #777777;align-items: center;position: relative;}
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_tit {font-weight: 600;margin-bottom: 5px;}
.mypageWrap .passNoti .alarmChk .alarm_left span {color: #777;font-size: 12px;font-weight: 500; }
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box {background: #ffffff;width: 294px;padding: 9px 13px;border: 1px solid #777777;border-radius: 3px;font-size: 12px;line-height: 1.3;
position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;}
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box .alarm_pop_text {position: relative;}
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box .alarm_pop_off {position: absolute;right: -9px; top: -4px;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap {position: relative;display: inline-block;width: 46px;height: 20px;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap input {opacity: 0;width: 0;height: 0;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap .alarm_switch {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;-webkit-transition: .4s;transition: .4s;    border-radius: 50px;    border: 1px solid #999999;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap .alarm_switch::before {content: ""; position: absolute;content: "";height: 12px;width: 12px;left: 4px;bottom: 3px;background-color: #777;-webkit-transition: .4s;transition: .4s;border-radius: 34px; border-radius: 50%;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap input:checked + .alarm_switch { border: 1px solid #2196F3;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap input:focus + .alarm_switch {box-shadow: 0 0 1px #2196F3;}
.mypageWrap .passNoti .alarmChk .alarm_right .alarm_switch_wrap input:checked + .alarm_switch::before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px); background: #2196F3;}
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box {display: none;}
.mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box.on {display: block;}

.mypageWrap .pass_plus.mobile {position: relative;display: block;height: 40px;line-height: 40px;background: #333333;color: #fff;text-align: center;font-weight: bold;margin: -20px 0 30px;display: none;font-size: 14px}
.mypageWrap .passNoti .passLists {/* height: 100%; */
/* display:table-cell; */
vertical-align: middle;padding: 8px 0 0;/* width: 100%; */}
.mypageWrap .passNoti .passLists li {position: relative;padding: 0;color: #272727;font-size: 12px;line-height: 1.3;margin: 0 0 8px;padding: 0 0 0 70px;}
.mypageWrap .passNoti .passLists li a {color: #0c998d;font-weight: bold;border-bottom: 1px solid #0c998d}
.mypageWrap .passNoti .pass_no .passLists li {background: none;padding: 0;margin: 0}
.mypageWrap .passNoti .passLists li strong {font-weight: bold;display: inline-block;margin: 0 0 5px 0;}
.mypageWrap .passNoti .passLists li span.bull_layer {display: inline-block;margin: 6px 0 0 10px;position: relative;padding-left: 10px;padding-right: 10px;min-width: 259px;height: 18px;line-height: 18px;background: #0dac9f;color: #fff;font-weight: bold;font-size: 11px;letter-spacing: -0.03em}
.mypageWrap .passNoti .passLists li span.bull_layer:before {display: block;position: absolute;top: 0px;left: -9px;width: 0;height: 0;border-top: 9px solid transparent;border-right: 9px solid #006860;content: ""}
.mypageWrap .passNoti .passLists li span.bull_layer span {color: #FFEB3B !important;font-size: 11px}
.mypageWrap .passNoti .passLists li .lect_end {color: #777;padding: 0 10px 0 6px;}
.mypageWrap .passNoti .passLists li .lect_end i {font-style: normal}
.mypageWrap .progress_pass {position: relative;border: 1px solid #777;padding: 30px 30px 30px 135px;color: #333;margin: 0 0 30px}
.mypageWrap .progress_pass .tit {position: absolute;top: 37px;left: 30px;font-weight: bold;font-size: 15px}
.mypageWrap .progress_pass .lecSelect {position: relative;padding: 0 157px 0 0}
.mypageWrap .progress_pass select {border: 1px solid #d0d0d0;height: 30px;padding: 0 0 0 10px;width: 100%}
.mypageWrap .progress_pass .btn_add_lect {position: absolute;top: 0;right: 0;background: #333;display: block;width: 147px;height: 30px;line-height: 30px;color: #fff;text-align: center}
.mypageWrap .mylect_tabwrap {line-height: 1.4;margin: 0 0 30px}
.mypageWrap .mylect_tabwrap .mylecttab_lst {text-align: center}
.mypageWrap .mylect_tabwrap .mylecttab_lst::after {content: "";display: block;clear: both}
.mypageWrap .mylect_tabwrap .mylecttab_lst li {float: left;width: 50%;box-sizing: border-box;background-color: #f5f5f5}
.mypageWrap .mylect_tabwrap .mylecttab_lst.bgwhite {border: 1px solid #e6e6e6}
.mypageWrap .mylect_tabwrap .mylecttab_lst.bgwhite li {background-color: #fff;border-left: 1px solid #e6e6e6}
.mypageWrap .mylect_tabwrap .mylecttab_lst.tab3 li {width: 33.3%}
.mypageWrap .mylect_tabwrap .mylecttab_lst.tab4 li {width: 25%}
.mypageWrap .mylect_tabwrap .mylecttab_lst.bgwhite li:nth-child(1) {border-left: 0;}
.mypageWrap .mylect_tabwrap .mylecttab_lst li.on {background-color: #26b7bc}
.mypageWrap .mylect_tabwrap .mylecttab_lst li a {display: block;color: #777;font-size: 17px;padding: 19px 0 20px;border: 1px solid #ddd;line-height: 1}
.mypageWrap .mylect_tabwrap .mylecttab_lst li.on a {display: block;color: #fff;border-color: #26b7bc;font-weight: bold}
.mypageWrap .myClassSelect {background: #f5f5f5;padding: 25px 0;margin-bottom: 40px;text-align: center;font-size: 0}
.mypageWrap .myClassSelect .classSel {width: 135px;height: 30px;margin-right: 2px;margin-left: 2px;padding-left: 8px;border-radius: 0;border-color: #d0d0d0;color: #333}
.mypageWrap .myClassSelect .classSel:last-child {margin-right: 0}
.mypageWrap .myClassSelect .techListW {padding: 20px 0 0;text-align: center}
.mypageWrap .myClassSelect .techListW ul {display: inline-block;width: 610px;margin: 0 auto;text-align: center;font-size: 0}
.mypageWrap .myClassSelect .techListW ul li {float: left;width: 94px;border-radius: 15px;margin: 0 4px 10px 4px}
.mypageWrap .myClassSelect .techListW ul li.last,.mypageWrap .myClassSelect .techListW ul li:last-child,.mypageWrap .myClassSelect .techListW ul li:nth-of-type(6n) {margin-right: 0}
.mypageWrap .myClassSelect .techListW ul li a {border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px}
.mypageWrap .myClassSelect .techListW ul li a {display: block;height: 26px;line-height: 26px;border: 1px solid #aeaeae;font-size: 12px;color: #555;font-weight: 600}
.mypageWrap .myClassSelect .techListW ul li.on a,.mypageWrap .myClassSelect .techListW ul li a:hover {color: #fff;font-weight: bold;background: #26BEB1;color: #fff;border: 1px solid #0c998d}
.mypageWrap .myClassTit {padding-bottom: 5px}
.mypageWrap .myClassTit .f_left .txt {color: #272727;font-size: 13px;line-height: 18px;font-weight: bold}
.mypageWrap .myClassTit .f_left .txt span {color: #0c998d;line-height: 18px;font-weight: 600;font-size: 1.1em;padding-right: 2px}
.mypageWrap .myClassTit .f_right ul li {float: left;padding: 0 0 0 16px;background: url('https://img.megagong.net/new/mypage/myclassSort.png') no-repeat left top;font-size: 13px;margin: 4px 0 0 20px}
.mypageWrap .myClassTit .f_right ul li.on {background-position: left bottom}
.mypageWrap .myClassTit .f_right ul li a {color: #b4b4b4;font-weight: bold}
.mypageWrap .myClassTit .f_right ul li.on a {color: #272727}
.mypageWrap .myClassTbl .myClass_tbl {width: 100%;margin-bottom: 30px;font-size: 13px;color: #333;line-height: 1.4}
.mypageWrap .myClassTbl .myClass_tbl tr {border-bottom: 1px solid #d8d8d8}
.mypageWrap .myClassTbl .myClass_tbl td {padding: 30px 0;vertical-align: middle;text-align: center}
.mypageWrap .myClassTbl .myClass_tbl td.lst_no {padding: 70px 0}
.mypageWrap .myClassTbl .myClass_tbl td.aL {text-align: left}
.mypageWrap .myClassTbl .myClass_tbl td .rate {position: relative;color: #fff;font-size: 11px;font-weight: normal;background: #27b8bd;width: 100px;text-align: center;line-height: 18px;height: 18px;letter-spacing: 0.02em;margin: 0 0 10px}
.mypageWrap .myClassTbl .myClass_tbl td .rate::before {content: '';position: absolute;bottom: -6px;left: 0;width: 0;height: 0;border-top: 6px solid #27b8bd;border-left: 0px solid #27b8bd;border-right: 6px solid transparent}
.mypageWrap .myClassTbl .myClass_tbl td .rate .red {color: #0c998d;font-size: 14px;font-weight: bold}
.mypageWrap .myClassTbl .myClass_tbl td .bar_wrap {position: relative;margin: 13px 10px 15px 0}
.mypageWrap .myClassTbl .myClass_tbl td .bar_wrap.delay {}
.mypageWrap .myClassTbl .myClass_tbl td .bar_wrap .bar {position: relative;height: 3px;background: #dfdfdf}
.mypageWrap .myClassTbl .myClass_tbl td .bar_wrap .bar .point {background: #26b7bc;position: absolute;top: 0;left: 0;height: 100%}
.mypageWrap .myClassTbl .myClass_tbl td .bar_wrap.delay .rate {width: 170px;}
.mypageWrap .myClassTbl .myClass_tbl td span.icon {display: inline-block;padding: 2px 10px;font-size: 12px;border: 1px solid #000;line-height: 1;font-weight: bold}
.mypageWrap .myClassTbl .myClass_tbl td span.icon1 {border-color: #02a1ff;color: #02a1ff}
.mypageWrap .myClassTbl .myClass_tbl td span.icon2 {border-color: #457d40;color: #457d40}
.mypageWrap .myClassTbl .myClass_tbl td span.icon3 {border-color: #b53233;color: #b53233}
.mypageWrap .myClassTbl .myClass_tbl td span.icon4 {border-color: #0c998d;color: #0c998d}
.mypageWrap .myClassTbl .myClass_tbl td span.icon5 {border-color: #67842a;color: #67842a}
.mypageWrap .myClassTbl .myClass_tbl td span.icon6 {border-color: #67a700;color: #67a700}
.mypageWrap .myClassTbl .myClass_tbl td span.subject {display: block;font-weight: normal;padding: 8px 0 0;line-height: 1}
.mypageWrap .myClassTbl .myClass_tbl td span.step {display: block;padding: 3px 0}
.mypageWrap .myClassTbl .myClass_tbl td span.techer {font-weight: bold;padding: 5px 0 0;line-height: 1;display: block}
.mypageWrap .myClassTbl .myClass_tbl td span.tit {color: #272727;font-weight: bold}
.mypageWrap .myClassTbl .myClass_tbl td span.type {color: #0c998d;padding: 0 6px 0 0;font-weight: bold}
.mypageWrap .myClassTbl .myClass_tbl td .date {padding-top: 13px;border-top: 1px dashed #ddd;color: #777;font-size: 12px;letter-spacing: 0;margin: 0 10px 0 0}
.mypageWrap .myClassTbl .myClass_tbl td .date > span {margin: 0 20px 0 0}
.mypageWrap .myClassTbl .myClass_tbl td .btn_write {display: inline-block;margin-left: 5px;padding: 3px 10px;background: #87b3cd;color: #fff}
.mypageWrap .myClassTbl .myClass_tbl td .btn_delete2 {display: block;width: 80px;height: 25px;line-height: 24px;color: #292929;border: 1px solid #6a6a6a;text-align: center;margin: 6px auto 6px;font-size: 12px;}
.mypageWrap .myClassTbl .myClass_tbl td .btn_write {display: block;width: 80px;line-height: 16px;color: #292929;border: 1px solid #6a6a6a;text-align: center;margin: 6px auto 6px;font-size: 12px;background: none;height: 47px;box-sizing: border-box;padding: 6px 0 0;}
.mypageWrap .myClassTbl .myClass_tbl td .date .btn_write {display: none}
.mypageWrap .myClassTbl .myClass_tbl td .mo_btn {position: relative;padding: 10px 0 0;display: none;}
.mypageWrap .myClassTbl .myClass_tbl td .mo_btn .btn_write, .mypageWrap .myClassTbl .myClass_tbl td .mo_btn .btn_delete2 {margin: 0 5px 0 0;line-height: 18px;height: 20px;width: 60px;}
/* 20240523 e±³Àç ´Ù±Ç ÆÐÅ°Áö µî·Ï */
.mypageWrap .myClassTbl .myClass_tbl td span.tit .ebook_icon {border: 1px solid #0c998d;padding: 1px 4px 0px;color: #0c998d;display: inline-block;font-size: 11px;}
.mypageWrap .myClassTbl .myClass_tbl2 {width: 100%;margin-bottom: 60px}
.mypageWrap .myClassTbl .myClass_tbl2 th {padding: 12px 0;background: #f8f8f8;text-align: center;vertical-align: middle;font-weight: bold;color: #272727}
.mypageWrap .myClassTbl .myClass_tbl2 thead tr {border-bottom: 1px solid #6c7585}
.mypageWrap .myClassTbl .myClass_tbl2 tbody tr {border-bottom: 1px dashed #dcdcdc}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td {position: relative;padding: 12px 0;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td.aL {text-align: left;padding-left: 10px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tit {color: #272727;font-size: 12px;line-height: 16px;font-weight: bold}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td span {display: inline-block;font-size: 12px;line-height: 14px;color: #686868}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .time {padding-top: 3px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .time_bg {display: inline-block;padding-right: 10px;margin-right: 5px;background: url('https://img.megagong.net/new/mypage/time_bg.png') no-repeat right 4px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn {display: inline-block;padding: 7px 15px;border: 1px solid #dcdcdc;text-align: center;color: #686868;font-size: 12px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn.last {margin-left: 3px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn.btn_Down {background-color: #555;border: 1px solid #474747;color: #fff}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn.btn_blue {border: 1px solid #333;color: #333;background-color: #fff}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn.btn_red {background-color: #e09e3b;border: 1px solid #bd7c1b;color: #fff}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .tbl_btn.btn_green {background-color: #26beb1;border: 1px solid #0c998d;color: #fff}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop {display: none;position: absolute;top: 47px;right: -50px;border: 1px solid #6c7585;width: 450px;background: #fff;z-index: 1;left: inherit !important;transform: none;-moz-transform: none;-webkit-transform: none}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop .pop_header {text-align: left}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop .pop_header .pop_tit {font-size: 12px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop .myClass_tbl2 {border-top: 1px solid #3f5a76;table-layout: fixed}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop .myClass_tbl2 tr {border-bottom: 1px solid #dddddd}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop .myClass_tbl2 td .icon_down {padding-right: 15px;line-height: 20px;background: url('https://img.megagong.net/new/mypage/btn_down3.png') no-repeat right center;display: inline-block;max-width: 90%}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop ul {padding: 0 0 20px 0}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop ul li {padding-bottom: 10px;color: #272727;font-size: 12px;font-weight: bold;line-height: 14px}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop ul li:last-child {padding-bottom: 0}
.mypageWrap .myClassTbl .myClass_tbl2 tbody td .downPop ul li a {display: inline-block;padding: 0 15px 0 5px;color: #02a1ff;background: url('https://img.megagong.net/new/mypage/btn_down.png') no-repeat right 4px}
.mypageWrap .myClassTbl {border-top: 1px solid #3f5a76}
.mypageWrap .myClassNoti {padding: 30px 30px;background: #f5f5f5;margin-bottom: 30px}
.mypageWrap .myClassNoti p {padding-bottom: 12px;color: #272727;font-size: 13px;line-height: 1.3;font-weight: bold}
.mypageWrap .myClassNoti ul li {padding: 0 0 3px 10px;color: #777;font-size: 12px;line-height: 1.4;position: relative}
.mypageWrap .myClassNoti ul li::before {content: '';position: absolute;top: 8px;left: 0;width: 4px;height: 1px;background: #777}
.mypageWrap .myArea {padding-bottom: 60px}
.mypageWrap .myArea .techContent {position: relative;border: 1px solid #ddd;padding: 20px 25px}
.mypageWrap .myArea .techContent .studyTxt {width: 530px}
.mypageWrap .myArea .techContent .tech_btn {position: absolute;top: 0;right: 19px;display: block;border: 1px solid #222;width: 130px;height: 36px;line-height: 36px;color: #fff;background-color: #333;text-align: center}
.mypageWrap .myArea .techContent .tech_btn.btn1 {top: 38px;background-color: #fff;color: #333}
.mypageWrap .myArea .techContent .tech_btn.btn2 {top: 80px}
.mypageWrap .myArea .techContent .techImg {position: relative;padding: 0;margin-right: 20px;width: 120px;height: 120px;border-radius: 100%}
.mypageWrap .myArea .techContent .btn_home {position: absolute;right: 0;bottom: 10px}
.mypageWrap .myArea .techContent .txt1 {padding: 10px 0;color: #555454;font-size: 14px;line-height: 16px;font-weight: bold}
.mypageWrap .myArea .techContent .txt1 span {font-weight: bold;color: #555454;font-size: 14px;line-height: 16px;color: #0c998d}
.mypageWrap .myArea .techContent .tit {display: block;padding-bottom: 15px;font-weight: bold;color: #272727;line-height: 22px;font-size: 16px}
.mypageWrap .myArea .techContent .date {padding-bottom: 5px;color: #686868;font-size: 12px;line-height: 14px;line-height: 1.4}
.mypageWrap .myArea .techContent .date span {color: #686868;font-size: 12px;line-height: 14px}
.mypageWrap .myArea .techContent .date a {display: inline-block;vertical-align: middle}
.mypageWrap .myArea .techContent .date a.first {padding-left: 10px}
.mypageWrap .myArea .techContent .percent {font-size: 12px;line-height: 14px}
.mypageWrap .myArea .techContent .percent strong {font-weight: bold}
.mypageWrap .myArea .bookInfo {border-bottom: 1px solid #d8d8d8;margin-top: 20px;border-top: 1px solid #d8d8d8}
.mypageWrap .myArea .bookInfo ul {padding: 10px 0 0px 170px;background: url('https://img.megagong.net/new/mypage/bookInfo_bg.png') no-repeat 50px center}
.mypageWrap .myArea .bookInfo ul li {padding: 13px 0;border-bottom: 1px dashed #dddddd}
.mypageWrap .myArea .bookInfo ul li a.tit {display: block;padding: 17px 0 5px;font-weight: bold;color: #272727;font-size: 12px;line-height: 14px}
.mypageWrap .myArea .bookInfo ul li:last-child {border-bottom: none}
.mypageWrap .myArea .bookInfo .bookImg {padding-right: 20px}
.mypageWrap .myArea .bookInfo .bookImg img {width: 61px !important;height: 80px !important}
.mypageWrap .myArea .bookInfo span {display: inline-block;font-size: 12px;line-height: 16px;color: #686868}
.mypageWrap .myArea .bookInfo .book_write {padding-right: 10px;margin-right: 5px;background: url('https://img.megagong.net/main/150401/bullet_login.gif') no-repeat right 4px}
.mypageWrap .myArea .bookInfo .book_company {padding-top: 0;vertical-align: top}
.mypageWrap .myArea .bookInfo .book_company a img {margin-top: 3px}
.mypageWrap .mypageTop {position: relative}
.mypageWrap .mypageTop .tit {display: inline-block;color: #272727;font-size: 20px;line-height: 22px;font-weight: bold}
.mypageWrap .mypageTop .tit span {display: inline-block;color: #272727;font-size: 20px;line-height: 22px;font-weight: bold}
.mypageWrap .mypageTop .subtit {margin: 0;font-size: 21px;line-height: 1.3;font-weight: bold}
.mypageWrap .mypageTop .subtit .name {color: #007af4}/*¸Þ°¡Æнº ³ëÃâ ¿µ¿ª Ãß°¡*/
.mypageWrap .mypageTop .subtit .pass_date_wrap {position: absolute;left: 30%;top: 0;width: 265px}
.mypageWrap .mypageTop .subtit .pass_date {display: inline-block;width: 100%;overflow: hidden}
.mypageWrap .mypageTop .subtit .pass_date a {color: #222;padding: 5px 10px;background: #fff;border-radius: 15px 15px;box-sizing: border-box;font-size: 13px;text-align: center}
.mypageWrap .mypageTop .subtit .pass_date a.gong {border: 1px solid #619dd8}
.mypageWrap .mypageTop .subtit .pass_date a.sobang {border: 1px solid #e991da}
.mypageWrap .mypageTop .subtit .pass_date a.army {border: 1px solid #2bdaaf}
.mypageWrap .mypageTop .subtit .pass_date a:before {display: none}
.mypageWrap .mypageTop .subtit .pass_date a strong {color: #ff3262;font-weight: bold}/*¸Þ°¡Æнº ³ëÃâ ¿µ¿ª Ãß°¡*/
.mypageWrap .mypageTop .subtit a {color: #2bb4be;font-size: 14px;position: relative;float: right;padding: 5px 0 5px 23px}
.mypageWrap .mypageTop .subtit a::before {content: "";position: absolute;top: 4px;left: 0;width: 20px;height: 20px;background: url('https://img.megagong.net/new/mypage/icon_mystate_new.png') no-repeat -490px 0}
.mypageWrap .mypageTop .subtit .my_info_view {float:right;}
.mypageWrap .mypageTop .subtit .my_info_view a{float:none;}
.mypageWrap .mypageConditions {position: relative;margin: 20px 0 36px 0;border: 1px solid #0c998d}
.mypageWrap .mypageConditions .Btab {position: relative;padding: 22px 0}
.mypageWrap .mypageConditions .Btab li {float: left;width: 269px;height: 104px;border-right: 1px solid #d8d8d8;text-align: center}
.mypageWrap .mypageConditions .Btab li.first {width: 270px}
.mypageWrap .mypageConditions .Btab li.last {position: relative;width: 456px;padding: 0 40px;border-right: none;text-align: left}
.mypageWrap .mypageConditions .Btab li.last .message_more {position: absolute;top: 11px;right: 40px}
.mypageWrap .mypageConditions .Btab li.last .message {padding-left: 20px;font-size: 18px;line-height: 22px;font-weight: bold;background: url('https://img.megagong.net/new/mypage/bg-message.png') no-repeat left center}
.mypageWrap .mypageConditions .Btab li.last ul {padding-top: 15px;padding-left: 5px}
.mypageWrap .mypageConditions .Btab li.last li {float: none;width: 439px;height: auto;border-right: none;padding: 0 0 10px 15px;background: url('https://img.megagong.net/new/mypage/bg-list.png') no-repeat left 8px;text-align: left;display: block}
.mypageWrap .mypageConditions .Btab li.last li a.ellipsis,.mypageWrap .mypageConditions .Btab li.last li a {line-height: 15px;display: block;color: #272727;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.mypageWrap .mypageConditions .Btab li .txt1 {padding-top: 10px;color: #454545;font-size: 15px;line-height: 18px;font-weight: bold;text-align: center}
.mypageWrap .mypageConditions .Btab li strong {display: block;padding-top: 5px;color: #02a1ff;font-size: 40px;line-height: 42px;font-weight: bold}
.mypageWrap .mypageConditions .Btab li .txt2 {display: block;padding-top: 10px;;font-size: 15px;line-height: 17px;color: #949ba5}
.mypageWrap .mypageConditions .Btab li .txt3 {display: block;padding: 15px 0 10px 0;color: #000000;font-size: 18px;line-height: 20px}
.mypageWrap .mypageConditions .Btab li .txt4 {display: block;font-weight: bold;color: #0c998d;font-size: 19px;line-height: 20px}
.mypageWrap .mypageConditions .mp_banner {position: absolute;top: 0;right: 0;width: 537px;height: 100%}
.mypageWrap .mypageConditions .mp_banner .btnbox {position: absolute;top: 0;right: 0;z-index: 1;height: 100%}
.mypageWrap .mypageConditions .mp_banner .btnbox a {display: block;width: 95px;height: 100%;font-size: 0;line-height: 0;background-color: #000;opacity: 0}
.mypageWrap .mypageConditions .mpb_popcls {position: absolute;top: 0;right: -30px}
.mypageWrap .mypageConditions .mpb_popcls img {border: 0 !important}
.mypageWrap .big_banner.myStudy {margin: 20px 0 -20px}
.mypageWrap .big_banner .img_mb {display: none}
.mypageWrap .mypageMenu ul {padding-bottom: 35px;text-align: center}
.mypageWrap .mypageMenu ul li {display: inline-block;width: 130px;height: 85px;border-right: 1px solid #e2e4e8;text-align: center}
.mypageWrap .mypageMenu.con9 ul li {width: 115px}
.mypageWrap .mypageMenu ul li.list1 {background: url('https://img.megagong.net/new/mypage/bg-list1.png') no-repeat center 41px}
.mypageWrap .mypageMenu ul li.list2 {background: url('https://img.megagong.net/new/mypage/bg-list2.png') no-repeat center 40px}
.mypageWrap .mypageMenu ul li.list3 {background: url('https://img.megagong.net/new/mypage/bg-list3.png') no-repeat center 44px}
.mypageWrap .mypageMenu ul li.list4 {background: url('https://img.megagong.net/new/mypage/bg-list4.png') no-repeat center 40px}
.mypageWrap .mypageMenu ul li.list5 {background: url('https://img.megagong.net/new/mypage/bg-list5.png') no-repeat center 41px}
.mypageWrap .mypageMenu ul li.list6 {background: url('https://img.megagong.net/new/mypage/bg-list6.png') no-repeat center 42px}
.mypageWrap .mypageMenu ul li.list7 {background: url('https://img.megagong.net/new/mypage/bg-list7.png') no-repeat center 44px}
.mypageWrap .mypageMenu ul li.last {background: url('https://img.megagong.net/new/mypage/bg-list8.png') no-repeat center 40px}
.mypageWrap .mypageMenu ul li.list9 {background: url('https://img.megagong.net/new/mypage/bg-list9.png') no-repeat center 38px}
.mypageWrap .mypageMenu ul li a {display: block;height: 85px}
.mypageWrap .mypageMenu ul li a span {padding: 4px 8px 2px 0;background: url('https://img.megagong.net/new/mypage/bg-menu.png') no-repeat right 11px;color: #272727;font-size: 14px;line-height: 16px}
.mypageWrap .mypageMenu ul li.last {border-right: none}
.pass_reapply {position: relative;background: none;padding: 0;margin: 0 0 30px}
.wrap_content.renewal .mypageWrap .mypageMenu {padding: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li {position: relative;float: left;width: 50%;height: auto;border-left: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;color: #666;border-right: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list1 {border-left: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list3 {border-left: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list5 {border-left: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li::before {content: "";display: block;position: absolute;top: 6px;left: 9px;width: 25px;height: 22px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -229px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list2::before {background-position: -271px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list3::before {background-position: -308px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list4::before {background-position: -344px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list5::before {background-position: -386px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li.list6::before {background-position: -429px 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li a {height: auto;padding: 0}
.wrap_content.renewal .mypageWrap .mypageMenu ul li a::after {content: "";display: block;clear: both}
.wrap_content.renewal .mypageWrap .mypageMenu ul li a strong {width: 58%;float: left;padding: 10px 0 10px 38px;background: #fafafa;border-right: 1px solid #eee;box-sizing: border-box;text-align: left;color: #666;font-weight: normal;line-height: 1.3}
.wrap_content.renewal .mypageWrap .mypageMenu ul li a span {width: 42%;float: left;padding: 0;color: #1a9ea3;background: none;font-weight: bold;padding: 10px 0 10px 0;font-size: 13px;line-height: 1.3}
.wrap_content.renewal .mypageWrap .mypageMenu ul li a:hover span {text-decoration: underline}
.wrap_content.renewal .mypageWrap .mypageMenu.union ul li {width: 100%;}
.wrap_content.renewal .mypageWrap .mypageMenu.union ul li.list2 {border-left: 0;}
.wrap_content.renewal .mypageWrap .mypageMenu.union ul li a strong {width: 50%;}
.wrap_content.renewal .mypageWrap .mypageMenu.union ul li a span {width: 50%;}
.wrap_content.renewal .mypageWrap .mypageMenu.union ul li.list5 a strong {width: 100%;border-right: 0;}
.wrap_content.renewal .mypageWrap .mypageMenu.union_custom ul li.list5 {width: 100%;border-right: 0;}
.wrap_content.renewal .mypageWrap .mypageMenu.union_custom ul li.list5 a strong {width: calc(50% + 1px);}
.wrap_content.renewal .mypageWrap .mypageMenu.union_custom ul li.list6 {border-left: 0;}
#mContainer .mypageNoti {background: #f8f8f8;padding: 40px 0 100px 0}#mContainer .mypageNoti.renewal {background: #fff;line-height: 1.3;padding-bottom: 0}
.mypageNoti.renewal .wrap_content::after, #mContainer .mypageNoti.renewal::after {content: "";display: block;clear: both}#mContainer .mypageNoti .mypagetLec {position: relative;padding: 27px 35px 0 35px;margin-bottom: 10px;background: #fff;border: 1px solid #eee}#mContainer .mypageNoti .mypagetLec .message_more {position: absolute;top: 29px !important;right: 40px;background: url(https://img.megagong.net/new/mypage/icon_mystate2.png) no-repeat -0px 0px;font-size: 0;width: 15px;height: 15px}#mContainer .mypageNoti .mypagetLec .cont_more {position: absolute;top: 29px !important;right: 40px;background: url(https://img.megagong.net/new/mypage/icon_mystate2.png) no-repeat -0px 0px;font-size: 0;width: 15px;height: 15px}#mContainer .mypageNoti .mypagetLec.renewal .cont_more {width: 21px;height: 21px;right: 10px}#mContainer .mypageNoti .mypagetLec .current {padding-bottom: 20px}#mContainer .mypageNoti .mypagetLec .current:after,#mContainer .mypageNoti .mypagetLec .current:before {line-height: 0;display: table;content: ''}#mContainer .mypageNoti .mypagetLec .current:after {clear: both}#mContainer .mypageNoti .mypagetLec .current li {padding: 0px 0 13px 0;float: left;width: 50%;min-height: 101px;position: relative;margin: 0 0 15px}#mContainer .mypageNoti .mypagetLec .current li:last-child {border-bottom: 0;margin-bottom: 0}#mContainer .mypageNoti .mypagetLec .current li .lecimg {display: block;position: absolute;top: 0;left: 0}#mContainer .mypageNoti .mypagetLec .current li .lecimg img {width: 100px}#mContainer .mypageNoti .mypagetLec .current li .lecname {display: block;padding-top: 20px;font-size: 13px;color: #0c998d;font-weight: bold;padding-left: 120px}#mContainer .mypageNoti .mypagetLec .current li .clsdate {display: block;font-style: normal;padding-left: 120px}#mContainer .mypageNoti .mypagetLec .current li .clsname {padding-left: 120px}#mContainer .mypageNoti .mypagetLec .current li .clsname a {display: block;color: #272727;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 93%;font-size: 15px;font-weight: bold;margin: 6px 0 17px 0}#mContainer .mypageNoti .mypagetLec .current li .clsdate {color: #757575}#mContainer .mypageNoti .mypagetLec .current li .bold {font-weight: bold}
.mypageNoti .cont_box::after {content: "";display: block;clear: both}#mContainer .mypageNoti .mypagetLec.renewal {padding: 30px 0 0;border: 0;margin: 0 0 40px;clear: both}#mContainer .mypageNoti.renewal h4.tit {position: relative;margin: 0;padding: 0 0 17px 0;font-size: 18px}#mContainer .mypageNoti .mypagetLec.renewal .current {padding: 20px 20px 10px;border-bottom: 1px solid #eee;border-top: 1px solid #eee}#mContainer .mypageNoti .mypagetLec.renewal .current:after,#mContainer .mypageNoti .mypagetLec.renewal .current:before {line-height: 0;display: table;content: ''}#mContainer .mypageNoti .mypagetLec.renewal .current:after {clear: both}#mContainer .mypageNoti .mypagetLec.renewal .current li {padding: 0 300px 0 0;width: 100%;box-sizing: border-box;margin: 0 0 18px;float: none;min-height: 10px}#mContainer .mypageNoti .mypagetLec.renewal .current li .lecname {padding: 0;font-weight: normal;margin: 0 0 5px;color: #1a9ea3}#mContainer .mypageNoti .mypagetLec.renewal .current li .lecname span {border-right: 1px solid #1a9ea3;display: inline-block;padding: 0 5px 0 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link {position: relative;display: block;font-size: 15px;font-weight: bold;color: #444444}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link:hover span {text-decoration: underline}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link span {display: inline-block;max-width: 81%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link em {font-size: 11px;font-weight: normal;display: inline-block;padding: 0 0 0 10px;border-left: 1px solid #c6c6c6;vertical-align: middle;color: #6d6d6d}#mContainer .mypageNoti .mypagetLec.renewal .current li .plus_link {position: absolute;top: 5px;right: 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .plus_link a {position: relative;display: block;float: left;border: 1px solid #eee;border-radius: 30px;padding: 8px 20px 8px 40px;font-size: 12px;color: #666;margin: 0 0 0 10px;font-weight: 600}#mContainer .mypageNoti .mypagetLec.renewal .current li .plus_link a::before {content: "";position: absolute;top: 5px;left: 16px;width: 20px;height: 18px;background: url('https://img.megagong.net/new/mypage/icon_mystate2.png') no-repeat -58px 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .plus_link a.btn_cmmnt::before {content: "";position: absolute;top: 5px;left: 16px;width: 20px;height: 18px;background: url('https://img.megagong.net/new/mypage/icon_mystate2.png') no-repeat -102px 0}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no {padding: 40px 0;color: #666;text-align: center}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no span {display: block;font-size: 16px;margin: 0 0 30px}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no strong {color: #1a9ea3;display: block;font-size: 24px;margin: 0 0 12px}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no a {border: 1px solid #ccc;color: #222;font-size: 16px;font-weight: bold;padding: 13px 0;width: 260px;display: block;margin: 0 auto;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px}
.mypageNoti .mypageTime {position: relative;float: left;width: 730px;margin: 0 10px 40px 0}
.mypageNoti .mypageTime.d0806 {width: 49%;margin: 0}
.mypageNoti .mypageTime h4 a.info {font-size: 0;display: inline-block;width: 21px;height: 21px;background: url(https://img.megagong.net/new/mypage/icon_mystate2.png) no-repeat 100% 0;vertical-align: middle;margin: -5px 0 0}
.mypageNoti .mypageTime h4 a.settime_btn {position: relative;font-size: 13px;float: right;color: #2bb4be;text-decoration: underline;margin: 5px 23px 0 0}
.mypageNoti .mypageTime h4 a.settime_btn::before {content: "";display: block;width: 6px;height: 6px;border: 2px solid #2bb4be;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: -10px;margin: -3px 0 0}
.mypageNoti .mypageTime h4 .tday_time {display: none}
.mypageNoti .mypageTime .cont_box {position: relative;border: 1px solid #eee;padding: 20px 0;height: 210px;box-sizing: border-box}
.mypageNoti .mypageTime .cont_box .tiny_txt, .mypageNoti .mypageTime .cont_box + .tiny_txt {display: block;font-size: 11px;font-weight: normal;text-align: left;padding: 5px 0 0;color: #888}
.mypageNoti .dim_notice {width: calc(100% + 2px);height: calc(100% + 2px);font-size: 15px;color: #888;position: absolute;top: -1px;left: -1px;z-index: 1;background-color: rgba( 255, 255, 255, 0.85);text-align: center;box-sizing: border-box;border: 1px solid #ddd}
.mypageNoti .mypageWeek .dim_notice {display: none}
.mypageNoti .dim_notice p {height: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1;}
.mypageNoti .dim_notice p strong {font-size: 18px;color: #222;display: block;margin: 0 0 10px}
.mypageNoti .dim_notice a.pass_btn {border: 1px solid #ccc;color: #222;font-size: 16px;font-weight: bold;padding: 12px 45px;display: inline-flex;margin: 10px auto 0;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;justify-content: center;align-items: center;background-color: #fff;}
.mypageNoti .dim_notice a.close_btn {font-size: 0;width: 16px;height: 16px;display: block;background: url(https://img.megagong.net/new/mypage/close_btn.png) no-repeat center center;position: absolute;top: 10px;right: 10px}
.mypageNoti .mypageTime .cont_box .learning_state {float: left;width: 40%;border-right: 1px dashed #ddd;text-align: center;box-sizing: border-box}
.mypageNoti .mypageTime.d0806 .cont_box .learning_state {display: none}
.mypageNoti .mypageTime .cont_box .learning_state h5 {font-size: 16px;display: inline-block;border-bottom: 1px solid #222;margin: 0 0 15px}
.mypageNoti .mypageTime .cont_box .learning_state canvas {margin: 0 auto}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph {position: relative;height: 100px;width: 280px;margin: 0 auto}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph > span {opacity: 0.6}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph > div {height: 76px}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph p {font-size: 24px;margin: 0 0 10px;padding: 10px 0 0}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph p > span {font-size: 19px;padding: 0 0 0 5px}
.mypageNoti .mypageTime .cont_box .learning_state .time_graph p strong span {color: #ff0000}
.mypageNoti .mypageTime .settimeinfo_wrap {border: 1px solid #ccf8ee;position: absolute;bottom: 100%;left: 100px;padding: 15px 15px 15px;background: #f4fffe;z-index: 2;width: 600px;max-width: 90%;box-sizing: border-box;margin: 0 0 10px 0;-webkit-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2)}
.mypageNoti .mypageTime .settimeinfo_wrap::before {content: "";display: block;position: absolute;top: 100%;left: 39px;width: 45px;height: 13px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -128px -53px}
.mypageNoti .mypageTime .settimeinfo_wrap p {font-size: 11px;color: #888888;padding: 0 0 3px 8px;text-indent: -8px}
.mypageNoti .mypageTime .settimeinfo_wrap .close_btn {position: absolute;top: 6px;right: 6px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -99px -50px;font-size: 0;display: block;width: 16px;height: 16px}
.mypageNoti .mypageTime .settime_wrap {border: 2px solid #e6e6e6;position: absolute;top: 35px;right: 0;padding: 30px 20px 15px;background: #fff;z-index: 2;-webkit-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2)}
.mypageNoti .mypageTime .settime_wrap table {width: 100%}
.mypageNoti .mypageTime .settime_wrap table.tbl tr th {padding: 7px 7px}
.mypageNoti .mypageTime .settime_wrap table.tbl tr td {padding: 7px 10px;text-align: left}
.mypageNoti .mypageTime .settime_wrap table.tbl tr td select {width: 55px;border: 1px solid #a9a9a9}
.mypageNoti .mypageTime .settime_wrap table.tbl tr td span {margin: 0 5px 0 0}
.mypageNoti .mypageTime .settime_wrap table.tbl tr td input[type="text"] {width: 100%;box-sizing: border-box;padding: 0 4px 0}
.mypageNoti .mypageTime .settime_wrap p {font-size: 11px;color: #777;padding: 10px 0 10px 12px;text-indent: -12px}
.mypageNoti .mypageTime .settime_wrap .save_btn {width: 60px;height: 30px;line-height: 30px;background: #1a9ea3;display: block;margin: 0 auto;color: #fff;text-align: center}
.mypageNoti .mypageTime .settime_wrap .close_btn {position: absolute;top: 10px;right: 10px;background: url(https://img.megagong.net/new/mypage/close_btn.png) no-repeat center center;font-size: 0;display: block;width: 16px;height: 16px}
.mypageNoti .mypageTime .cont_box .learning_tbl {float: right;width: 60%;box-sizing: border-box;padding: 0 20px}
.mypageNoti .mypageTime.d0806 .cont_box .learning_tbl {float: none;width: auto}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table {overflow: hidden}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table {width: 101%;margin: 0 0 0 -1px;font-size: 14px}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr th {border: 0;padding: 7px 5px;border-bottom: 1px solid #ddd}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr td {padding: 9px 5px;color: #666}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr td.today {font-weight: bold}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr td.focus {color: #1a9ea3}
.mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr th span {display: inline-block;background: #90d8dd;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;width: 30px;height: 30px;color: #fff;line-height: 30px}
.mypageNoti .mypageWeek {float: left;width: 340px;margin: 0 0 40px}
.mypageNoti .mypageWeek.d0806 {width: 49.0%;margin: 0 0 40px 1%}
.mypageNoti .mypageWeek .state_graph {position: relative;height: 210px;width: 338px;margin: 10px auto 0}
.mypageNoti .mypageWeek .state_graph canvas {margin: 0 auto}
.mypageNoti .mypageWeek .week_selct {float: right;font-size: 0;color: #ccc;border: 1px solid #ccf8ee;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;margin: -2px 0 0}
.mypageNoti .mypageWeek .week_selct a {padding: 4px 8px;display: inline-block;font-size: 12px}
.mypageNoti .mypageWeek .week_selct a.on {color: #1a9ea3;background: #f4fffe}
.mypageNoti .mypageWeek .week_selct a:nth-child(1) {border-right: 1px solid #ccf8ee}
.mypageNoti .mypageWeek .cont_box {position: relative;border: 1px solid #eee;padding: 0;height: 210px;box-sizing: border-box}
.mypageNoti .mypageWeek .cont_box .cont_more {position: absolute;bottom: 0;right: 0;margin: 0 0 0 -14px;display: block;width: 19px;height: 19px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -545px 0;font-size: 0}
.mypageNoti .mypageSelf {float: left;width: 730px;margin: 0 10px 40px 0}
.mypageNoti .mypageSelf .cont_more, .mypageNoti .mypageNotice .cont_more, .mypageNoti .mypageQna .cont_more, .mypageNoti .mypageScrap .cont_more, .mypageNoti .mypageTime .cont_more {position: absolute;top: 0;background: url(https://img.megagong.net/new/mypage/icon_mystate2.png) no-repeat -0px 0px;font-size: 0;width: 21px;height: 21px;right: 10px}
.mypageNoti .mypageSelf .selfcheck_state {overflow: hidden}
.mypageNoti .mypageSelf .selfcheck_state table {width: 101%;table-layout: fixed;margin: 0 0 0 -1px;font-size: 14px}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr th {border: 0;border-bottom: 1px solid #ddd;background: #f7f7f7 url(https://img.megagong.net/new/mypage/tbl_line.jpg) no-repeat 0 center}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td {padding: 14px 5px}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td br {display: none}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td .star {display: block;position: relative;width: 70px;height: 12px;margin: 0 auto;font-size: 0;display: inline-block;vertical-align: middle}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td .star i {font-size: 0;width: 14px;display: inline-block;height: 14px;padding: 0 0;background: url(https://img.megagong.net/new/mypage/star_state.png) no-repeat 1px 0px}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td .star i.on {background-position: 0 -20px}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td.tL {text-align: left;padding-left: 12px;padding-right: 12px}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td a {max-width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td a:hover {text-decoration: underline;color: #222}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td a.check {color: #007af4;text-decoration: underline;font-weight: bold}
.mypageNoti .mypageSelf .selfcheck_state table.tbl tr td a.settime_btn {color: #1a9ea3;font-weight: bold}
.mypageNoti .mypageQna {position: relative;float: left;width: 340px;margin: 0 0 40px}
.mypageNoti .mypageQna.wide {float: none;width: auto;clear: both}
.mypageNoti .mypageQna .cont_box {position: relative}
.mypageNoti .mypageQna .qna_list ul li {position: relative;border: 1px solid #e6e6e6;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;padding: 0 0 0 110px;margin: 0 0 5px}
.mypageNoti .mypageQna .qna_list ul li.lst_no {width: 100%;text-align: center;padding: 0;color: #969696;z-index: 1;position: relative;border: 1px solid #eee;padding: 0;height: 184px;line-height: 184px;box-sizing: border-box;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background: transparent;margin: 0}
.mypageNoti .mypageQna .qna_list ul li:nth-child(3) {margin: 0}
.mypageNoti .mypageQna .qna_list ul li> strong {position: absolute;top: 0;left: 0;padding: 21px 0 21px 5px;width: 105px;text-align: center}
.mypageNoti .mypageQna .qna_list ul li p {padding: 10px 10px 11px 10px;border-left: 1px solid #e6e6e6;color: #666}
.mypageNoti .mypageQna .qna_list ul li p span {display: block;margin: 0 0 3px;font-weight: bold}
.mypageNoti .mypageQna .qna_list ul li p a {max-width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mypageNoti .mypageQna .qna_list ul li p a:hover {text-decoration: underline}
.mypageNoti .mypageQna.wide .tbl_wrap {overflow: hidden}
.mypageNoti .mypageQna.wide .tbl_wrap table {width: calc( 100% + 2px );margin: 0 -1px}
.mypageNoti .mypageQna.wide .tbl_wrap td {border-width: 0 0 1px;/* font-size: 13px; */
padding: 9px 0}
.mypageNoti .mypageQna.wide .tbl_wrap th {padding: 10px 5px;background: #fafafa url('https://img.megagong.net/tmp_img/utimage/etc/110527/tit_line.gif') no-repeat right center;border-width: 0 0 1px}
.mypageNoti .mypageQna.wide .tbl_wrap th:last-child {background-image: none}
.mypageNoti .mypageQna.wide .tbl_wrap td.point {display: block;font-weight: bold;text-align: left}
.mypageNoti .mypageQna.wide .tbl_wrap td.point .info {display: block;font-weight: bold;margin: 0 0 1px}
.mypageNoti .mypageQna.wide .tbl_wrap .for_mo {display: none}
.mypageNoti .mypageQna.wide .tbl_wrap td.point > a {font-weight: normal;display: inline-block;max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mypageNoti .mypageNotice {float: left;width: 535px;margin: 0 10px 40px 0}
.mypageNoti .mypageNotice {float: left;width: 535px}
.mypageNoti .mypageNotice .cont_box, .mypageNoti .mypageScrap .cont_box {position: relative;border: 1px solid #eee;padding: 20px 25px 15px;box-sizing: border-box;height: 100px}
.mypageNoti .mypageNotice .notice_list li, .mypageNoti .mypageScrap .scrap_list li {margin: 0 0 5px;padding: 0 0 0 10px;position: relative}
.mypageNoti .mypageNotice .notice_list li.lst_no, .mypageNoti .mypageScrap .scrap_list li.lst_no {height: 79px;line-height: 79px;padding: 0;text-align: center;color: #969696;margin: 0}
.mypageNoti .mypageNotice .notice_list li.lst_no::before, .mypageNoti .mypageScrap .scrap_list li.lst_no::before {display: none}
.mypageNoti .mypageNotice .notice_list li:before, .mypageNoti .mypageScrap .scrap_list li:before {content: "";display: block;background: #222;width: 2px;height: 2px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position: absolute;top: 6px;left: 0}
.mypageNoti .mypageNotice .notice_list li a, .mypageNoti .mypageScrap .scrap_list li a {max-width: 90%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.mypageNoti .mypageNotice .notice_list li a:hover, .mypageNoti .mypageScrap .scrap_list li a:hover {text-decoration: underline}
.mypageNoti .mypageScrap {float: left;width: 535px;margin: 0 0 40px 0}
.mypageNoti .mypageInfo {width: 100%;margin: 0 0 0;display: flex;gap: 10px}
.mypageNoti .mypageInfo .cont_box {position: relative;border: 1px solid #eee;box-sizing: border-box;padding: 0;display: flex;width: 730px;height: 165px;margin-bottom: 40px;}
/* 240516 device_info »èÁ¦ ÈÄ w100 Ŭ·¡½º Ãß°¡ */
.mypageNoti .mypageInfo .cont_box.w100 {width: 100%;}
.mypageNoti .mypageInfo .cont_box.w100 .call_info {text-align: center;}
.mypageNoti .mypageInfo .cont_box.w100 .call_info > p {border: 0;position: relative;}
.mypageNoti .mypageInfo .cont_box.w100 .call_info > p::before {content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);height: 1px;width: 50%;background: #e6e6e6;bottom: -2px}
.mypageNoti .mypageInfo .cont_box > div {flex: 1}
.mypageNoti .mypageInfo .cont_box .call_info {/*float: left;*/
box-sizing: border-box;padding: 27px 30px 0 30px;border-right: 1px dashed #ddd;}
.mypageNoti .mypageInfo .cont_box .call_info > p {font-size: 26px;color: #2bb4be;font-weight: bold;border-bottom: 2px solid #e6e6e6;padding: 0 0 10px;margin: 0 0 10px;line-height: 1}
.mypageNoti .mypageInfo .cont_box .call_info .cntr_time p {font-weight: bold;margin: 0 0 10px;color: #666;padding: 0 0 0 3px}
.mypageNoti .mypageInfo .cont_box .call_info .cntr_time p em {font-weight: normal;font-size: 12px;font-style: normal;display: block;color: #777;padding: 3px 0 0}
.mypageNoti .mypageInfo .cont_box .board_info {/*float: left;*/
text-align: center;box-sizing: border-box;padding: 27px 30px 0 30px;border-right: 1px dashed #ddd}
.mypageNoti .mypageInfo .cont_box .board_info h5 {font-size: 20px;color: #2bb4be;margin: 0 0 12px}
.mypageNoti .mypageInfo .cont_box .board_info .cntr_time p {font-weight: bold;margin: 0 0 15px;color: #666;padding: 0 0 0 3px}
.mypageNoti .mypageInfo .cont_box .board_info .cntr_time p em {font-weight: normal;font-size: 12px;font-style: normal;display: block;color: #777;padding: 3px 0 0}
.mypageNoti .mypageInfo .cont_box .board_info a {display: block;width: 110px;height: 22px;line-height: 22px;background: #1a9ea3;margin: 0 auto;color: #fff;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 12px;font-weight: bold}
.mypageNoti .mypageInfo .cont_box .center_info {/*float: left;*/
width: 66.6%;text-align: center;box-sizing: border-box;border-right: 1px dashed #ddd;position: relative;display: flex;align-items: center;justify-content: center;}
.mypageNoti .mypageInfo .cont_box .center_info .center_wrp {display: inline-block;position: relative;}
.mypageNoti .mypageInfo .cont_box .center_info .center_wrp .mo_view {display: none;}
.mypageNoti .mypageInfo .cont_box .center_info .center_wrp a {position: absolute;left: 35%;bottom: 11%;width: 26%;height: 23%;background-color: gold;opacity: 0;font-size: 0;}
.mypageNoti .mypageInfo .cont_box .direct_info {float: left;height: 165px;box-sizing: border-box;padding: 25px 30px 0 30px}
.mypageNoti .mypageInfo .cont_box .direct_info ul li {position: relative;border: 1px solid #f8f8f8;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;padding: 0;margin: 0 0 10px;background: #f8f8f8}
.mypageNoti .mypageInfo .cont_box .direct_info ul li:nth-child(1) {background: #fff;border-color: #e6e6e6;box-sizing: border-box}
.mypageNoti .mypageInfo .cont_box .direct_info ul li a {display: block;padding: 7px 20px;font-weight: bold}
.mypageNoti .mypageInfo .cont_box .direct_info ul li a br {display: none}
.mypageNoti .mypageInfo .cont_box .direct_info ul li a::before {content: "";display: block;width: 5px;height: 5px;border: 2px solid #9a9a9a;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 15px;margin: -2px 0 0}
.mypageNoti .mypageInfo .cont_box .direct_info.union {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 25px 30px;}
.mypageNoti .mypageInfo .cont_box .direct_info.union ul {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;padding: 0;gap: 10px;}
.mypageNoti .mypageInfo .cont_box .direct_info.union ul li {width: 100%;margin: 0 auto;}
.mypageNoti .mypageInfo .device_info {float: left;width: 340px;margin: 0 0 40px;background: #f8f8f8;height: 165px;text-align: center}
.mypageNoti .mypageInfo .device_info .txt {padding: 27px 0 17px 0;color: #272727;font-size: 18px;line-height: 1;font-weight: bold}
.mypageNoti .mypageInfo .device_info span {color: #1a9ea3;font-size: 13px;line-height: 1.4;font-weight: bold;display: block;margin: 0 0 17px;padding-top: 20px}
.mypageNoti .mypageInfo .device_info ul {padding: 10px 20px 0;overflow: hidden;padding: 0 0;width: 190px;margin: 0 auto}
.mypageNoti .mypageInfo .device_info ul li {float: left;width: 46%;margin: 0 2%}
.mypageNoti .mypageInfo .device_info ul a {padding: 0 0 0 0;display: block;height: 22px;line-height: 22px;background: #1a9ea3;color: #fff;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 12px;font-weight: bold}
.mypageNoti .mypageInfo .device_info ul li.on a {background-color: #c8c8c8;color: #ffffff}
.mypageNoti .mypageInfo .device_info .btn {display: inline-block;padding: 0 37px;border: 1px solid #333;margin: 10px 0 0;height: 22px;line-height: 21px}#mContainer .mypageNoti p.tit {padding-bottom: 20px;font-size: 18px;line-height: 20px;color: #272727;font-weight: bold}#mContainer .mypageNoti .myNoti {position: relative;background: #fff;width: 504px;height: 150px;border: 1px solid #eee;margin-right: 10px}#mContainer .mypageNoti .myNoti .tit {padding: 26px 0 0 36px}#mContainer .mypageNoti .myNoti .noti_more {position: absolute;top: 33px;right: 40px}#mContainer .mypageNoti .myNoti ul {padding: 20px 0 0 36px}#mContainer .mypageNoti .myNoti ul li {padding: 0 40px 10px 0;background-size: 3px 2px}#mContainer .mypageNoti .myNoti ul li a {max-width: 100%;line-height: 1;display: block;color: #272727;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}#mContainer .mypageNoti .gongcntr_number {position: relative;margin: 0 0 0 10px;width: 286px;height: 150px;background: #fff url('https://img.megagong.net/new/mypage/gong_contactphn.jpg') no-repeat 90% 13px;border: 1px solid #eee}#mContainer .mypageNoti .gongcntr_number .tit {padding: 17px 0 7px 20px;text-align: left}#mContainer .mypageNoti .gongcntr_number .cntr_num {margin: 0 auto;text-align: left}#mContainer .mypageNoti .gongcntr_number .cntr_num p {color: #0c998d;font-size: 29px;line-height: 1;padding-left: 20px}#mContainer .mypageNoti .gongcntr_number .cntr_time {border-top: 1px solid #ededed;padding: 12px 0 8px;text-align: center;position: absolute;bottom: 0;width: 100%}#mContainer .mypageNoti .gongcntr_number .cntr_time p {padding: 0 0 6px 7px;margin-left: 20px;margin-right: 20px;font-size: 12px;line-height: 1;position: relative;text-align: left;position: relative}#mContainer .mypageNoti .gongcntr_number .cntr_time p::before {content: "";position: absolute;top: 5px;left: 0;width: 2px;height: 2px;background-color: #666;-webkit-border-radius: 2px;border-radius: 2px}#mContainer .mypageNoti .gongcntr_number .cntr_time em {display: inline-block;font-size: 12px;font-style: normal;line-height: 1}#mContainer .mypageNoti .gongcntr_number .cntr_time strong {display: inline-block;padding-right: 9px;font-size: 12px;line-height: 1;position: absolute;top: 22px;left: 20px}#mContainer .mypageNoti .gongcntr_number .cntr_time.ansung {padding: 22px 0 20px}#mContainer .mypageNoti .mobileInfo {width: 264px;height: 150px;background: #fff;text-align: center;border: 1px solid #eee}#mContainer .mypageNoti .mobileInfo .txt {padding: 26px 0 17px 0;color: #272727;font-size: 18px;line-height: 16px;font-weight: bold}#mContainer .mypageNoti .mobileInfo span {color: #0c998d;font-size: 14px;line-height: 1.4;font-weight: bold}#mContainer .mypageNoti .mobileInfo ul li {font-size: 13px;line-height: 1.4;padding: 0 0 2px}#mContainer .mypageNoti .mobileInfo .btn {display: inline-block;padding: 0 37px;border: 1px solid #333;margin: 10px 0 0;height: 22px;line-height: 21px}/* ÇнÀ ÇöȲ ºÐ¼® */
.stateWrap {line-height: 1.4}
.stateWrap .check_info {background: #f8f8f8;padding: 20px;font-size: 12px;margin: 0 0 40px}
.stateWrap .check_info p {position: relative;color: #666;padding: 0 0 0 10px;margin: 0 0 3px}
.stateWrap .check_info p::before {content: "";display: block;position: absolute;top: 7px;left: 0;width: 2px;height: 2px;background: #666;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%}
.stateWrap .tit_wrp {position: relative;margin: 0 0 15px}
.stateWrap h3 {position: relative;font-size: 15px}
.stateWrap h3 a.info {font-size: 0;display: inline-block;width: 21px;height: 21px;background: url(https://img.megagong.net/new/mypage/icon_mystate2.png) no-repeat 100% 0;vertical-align: middle;margin: -5px 0 0}
.stateWrap h3 a.settime_btn {position: relative;font-size: 13px;float: right;color: #2bb4be;text-decoration: underline;margin: 2px 23px 0 0}
.stateWrap h3 a.settime_btn::before {content: "";display: block;width: 6px;height: 6px;border: 2px solid #2bb4be;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: -10px;margin: -3px 0 0}
.stateWrap h3 .tiny_info {font-size: 11px;font-weight: normal;float: right;padding: 2px 0 0}
.stateWrap .settimeinfo_wrap {border: 1px solid #ccf8ee;position: absolute;top: 100%;left: 87px;padding: 15px 15px 15px;background: #f4fffe;z-index: 2;width: 570px;max-width: 90%;box-sizing: border-box;margin: 10px 0 0 0;-webkit-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2)}
.stateWrap .tit2 .settimeinfo_wrap {left: 120px}
.stateWrap .settimeinfo_wrap::before {content: "";display: block;position: absolute;top: -13px;left: 29px;width: 45px;height: 13px;background: url(https://img.megagong.net/new/mypage/icon_dirct.png) no-repeat 0 0}
.stateWrap .settimeinfo_wrap p {font-size: 11px;color: #888888;padding: 0 0 3px 12px;text-indent: -12px}
.stateWrap .settimeinfo_wrap .close_btn {position: absolute;top: 6px;right: 6px;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -99px -50px;font-size: 0;display: block;width: 16px;height: 16px}
.stateWrap .settime_wrap {border: 2px solid #e6e6e6;position: absolute;top: 35px;right: 0;padding: 30px 20px 15px;background: #fff;z-index: 2;-webkit-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2);box-shadow: 5px 5px 5px 0px rgba(170,170,170,0.2)}
.stateWrap .settime_wrap table {width: 100%}
.stateWrap .settime_wrap table.tbl tr th {padding: 7px 7px}
.stateWrap .settime_wrap table.tbl tr td {padding: 7px 10px;text-align: left}
.stateWrap .settime_wrap table.tbl tr td select {width: 55px;border: 1px solid #a9a9a9}
.stateWrap .settime_wrap table.tbl tr td span {margin: 0 5px 0 0}
.stateWrap .settime_wrap table.tbl tr td input[type="text"] {width: 100%;box-sizing: border-box;padding: 0 4px 0}
.stateWrap .settime_wrap p {font-size: 11px;color: #777;padding: 10px 0 10px 12px;text-indent: -12px}
.stateWrap .settime_wrap .save_btn {width: 60px;height: 30px;line-height: 30px;background: #1a9ea3;display: block;margin: 0 auto;color: #fff;text-align: center}
.stateWrap .settime_wrap .close_btn {position: absolute;top: 10px;right: 10px;background: url(https://img.megagong.net/new/mypage/close_btn.png) no-repeat center center;font-size: 0;display: block;width: 16px;height: 16px}
.stateWrap .cont_box {position: relative;border: 1px solid #eee;padding: 0;box-sizing: border-box;margin: 0 0 40px}
.stateWrap .cont_box.d0806 {border: 0}
.stateWrap .cont_box::after {content: "";display: block;clear: both}
.stateWrap .dim_notice {width: 100%;height: 100%;font-size: 15px;color: #888;position: absolute;top: 0;left: 0;z-index: 1;background-color: rgba( 255, 255, 255, 0.85);text-align: center;box-sizing: border-box}
.stateWrap .dim_notice p {padding: 7% 0 0;height: 100%;box-sizing: border-box}
.stateWrap .dim_notice p strong {font-size: 20px;color: #222;display: block;margin: 0 0 10px}
.stateWrap .dim_notice a.pass_btn {border: 1px solid #ccc;color: #222;font-size: 14px;font-weight: bold;padding: 9px 0;width: 200px;display: block;margin: 3% auto 0;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px}
.stateWrap .dim_notice a.close_btn {font-size: 0;width: 16px;height: 16px;display: block;background: url(https://img.megagong.net/new/mypage/close_btn.png) no-repeat center center;position: absolute;top: 10px;right: 10px}
.stateWrap .state_info {display: block;font-size: 11px;font-weight: normal;text-align: left;padding: 5px 0 0;margin-bottom: 40px;color: #888}
.stateWrap .learning_state {position: relative;float: left;width: 24%;border-right: 1px dashed #ddd;text-align: center;box-sizing: border-box;padding: 10px 0 0;margin: 30px 0 25px}
.stateWrap .learning_state.weekly {border-right: 0}
.stateWrap .learning_state::before {content: "";display: block;position: absolute;top: -30px;left: 0;width: 26px;height: 26px;background: url(https://img.megagong.net/new/mypage/icon_heartplg.png) no-repeat 0 0}
.stateWrap .learning_state.weekly::before {background-position: -29px 0px}
.stateWrap .learning_state .time_graph {padding: 0 0 10px}
.stateWrap .learning_state .time_graph canvas {margin: 0 auto}
.stateWrap .learning_state h5 {font-size: 16px;display: inline-block;border-bottom: 1px solid #222;margin: 0 0 15px}
.stateWrap .learning_state .time_graph > span {opacity: 0.6}
.stateWrap .learning_state .time_graph > div {height: 76px}
.stateWrap .learning_state .time_graph p {font-size: 24px;margin: 0 0 15px}
.stateWrap .learning_state .time_graph p > span {font-size: 19px;padding: 0 0 0 5px}
.stateWrap .learning_state .time_graph p strong span {color: #ff0000}
.stateWrap .cont_box .learning_tbl {float: right;width: 52%;box-sizing: border-box;padding: 30px 20px;border-left: 1px solid #eee}
.stateWrap .cont_box.d0806 .learning_tbl {float: left;padding: 0;width: 49%}
.stateWrap .cont_box .learning_tbl .time_table {overflow: hidden}
.stateWrap .cont_box .learning_tbl .time_table table {width: 101%;margin: 0 0 0 -1px}
.stateWrap .cont_box .learning_tbl .time_table table.tbl tr th {border: 0;padding: 9px 5px;border-bottom: 1px solid #ddd}
.stateWrap .cont_box .learning_tbl .time_table table.tbl tr td {padding: 13px 5px;color: #666}
.stateWrap .cont_box .learning_tbl .time_table table.tbl tr td.today {font-weight: bold}
.stateWrap .cont_box .learning_tbl .time_table table.tbl tr td.focus {color: #1a9ea3}
.stateWrap .cont_box .learning_tbl .time_table table.tbl tr th span {display: inline-block;background: #90d8dd;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;width: 30px;height: 30px;color: #fff;line-height: 30px}
.stateWrap .cont_box .lrning_wrp {position: relative;box-sizing: border-box;padding: 30px 30px}
.stateWrap .cont_box .lrning_wrp::after {content: "";display: block;clear: both}
.stateWrap .cont_box .lrning_wrp h4 {position: relative;font-size: 14px;padding: 0 0 0 10px;margin: 0 0 15px}
.stateWrap .cont_box .lrning_wrp h4::before {content: "";position: absolute;top: 4px;left: 0;width: 2px;height: 13px;background-color: #222}
.stateWrap .cont_box .lrning_wrp .lrning_day {float: left;width: 48%;position: relative;/*border: 1px solid #eee;height: 250px;*/}
.stateWrap .cont_box .lrning_wrp .lrning_week {float: right;width: 48%;position: relative;/*border: 1px solid #eee;height: 250px;*/}
.stateWrap .cont_box.d0806 .state_graph {position: relative;float: left;width: 48%;margin: 0 0 0 3%;border: 1px solid #eaeaea;height: 183px;padding: 0;box-sizing: border-box;border: 0}
.stateWrap .cont_box.d0806 .state_graph h3 {position: absolute;top: -35px;left: 0;width: 100%}
.stateWrap .cont_box.d0806 .state_graph .week_selct {font-size: 0;color: #ccc;border: 1px solid #ccf8ee;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;overflow: hidden;margin: 0;position: absolute;top: 0;right: 0}
.stateWrap .cont_box.d0806 .state_graph .graph {width: auto;margin: 0 auto}
.stateWrap .cont_box.d0806 .state_graph .graph canvas {width: 405px !important;height: 217px !important}
.stateWrap .cont_box.d0806 .state_graph .week_selct a {padding: 1px 8px;display: inline-block;font-size: 12px}
.stateWrap .cont_box.d0806 .state_graph .week_selct a.on {color: #1a9ea3;background: #f4fffe}
.stateWrap .cont_box.d0806 .state_graph .week_selct a:nth-child(1) {border-right: 1px solid #ccf8ee}
.stateWrap .calender_wrp h4 {position: relative;text-align: center;font-size: 18px;margin: -5px 0 10px}
.stateWrap .calender_wrp h4 a {position: absolute;top: 9px;right: 50%;width: 6px;height: 6px;margin: 0 50px 0 0px;font-size: 0;border: 2px solid #000;border-width: 2px 0px 0 2px;transform: rotate(-45deg)}
.stateWrap .calender_wrp h4 a:nth-child(2) {transform: rotate(135deg);right: inherit;left: 50%;margin: 0 0 0 50px}
.stateWrap .calender_wrp .tbl_wrap {background: #ffffff}
.stateWrap .calender_wrp .tbl_wrap table {width: 100%;border: 1px solid #c3c3c3;font-size: 14px}
.stateWrap .calender_wrp .tbl_wrap table tr th {padding: 0}
.stateWrap .calender_wrp .tbl_wrap table tr td {padding: 0;border: 1px solid #d6d6d6}
.stateWrap .calender_wrp .tbl_wrap table tr td .wrp {display: block;position: relative;/* height: 80px; */
text-align: center;padding: 35px 0 20px}
.stateWrap .calender_wrp .tbl_wrap table tr td .wrp a {padding: 40px 0 0;display: block}
.stateWrap .calender_wrp .tbl_wrap table tr td .wrp i {position: absolute;top: 10px;left: 10px;font-size: 12px;font-style: normal;font-weight: 200;z-index: 1}
.stateWrap .calender_wrp .tbl_wrap table tr td.nextmonth .wrp {opacity: 0.5}
.stateWrap .calender_wrp .tbl_wrap table tr td .wrp .time {display: block;font-weight: normal;margin: 0 auto}
.stateWrap .calender_wrp .tbl_wrap table tr td .wrp .time br {display: none}
.stateWrap .calender_wrp .tbl_wrap table thead tr th {border: 1px solid #d6d6d6;padding: 10px 0;background-color: #efefef}
.stateWrap .calender_wrp .tbl_wrap table tbody tr td.hour0 {background: #fff4ef}
.stateWrap .calender_wrp .tbl_wrap table tbody tr td.hour1 {background: #ffe0d2}
.stateWrap .calender_wrp .tbl_wrap table tbody tr td.hour2 {background: #ffd7e3}
.stateWrap .calender_wrp .tbl_wrap table tbody tr td.hour3 {background: #ff9fbc}
.stateWrap .calender_wrp .tbl_wrap table tbody tr td.today .wrp {border: 2px solid #e2104f}
.stateWrap .calender_wrp .calender_color {text-align: right;font-size: 11px;margin: 0 0 -20px;padding: 10px 0 0;color: #888}
.stateWrap .calender_wrp .calender_color span {display: inline-block;vertical-align: middle;margin: 0 0 0 15px}
.stateWrap .calender_wrp .calender_color i {display: inline-block;width: 8px;height: 8px;vertical-align: middle;font-size: 0;margin: -2px 2px 0 0}/* ¼¿ÇÁ üũ */
.selfWrap {line-height: 1.4}
.selfWrap .check_info {background: #f8f8f8;padding: 20px;font-size: 12px;margin: 0 0 30px}
.selfWrap .check_info p {position: relative;color: #666;padding: 0 0 0 10px;margin: 0 0 3px}
.selfWrap .check_info p::before {content: "";display: block;position: absolute;top: 7px;left: 0;width: 2px;height: 2px;background: #666;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%}
.selfWrap .tbl_wrp {overflow: hidden}
.selfWrap .tbl {width: 101%;margin: 0 0 0 -1px;table-layout: fixed;font-size: 13px}
.selfWrap .tbl thead th {padding: 16px 5px;font-size: 12px;line-height: 18px;color: #333;border-bottom: 1px solid #e6e6e6;font-weight: bold;text-align: center;vertical-align: middle;background: #fafafa url(https://img.megagong.net/tmp_img/utimage/etc/110527/tit_line.gif) no-repeat right center;border: 0}
.selfWrap .tbl tbody td,.selfWrap .tbl tbody th {border: 1px solid #e6e6e6}
.selfWrap .tbl tbody td br {display: none}
.selfWrap .tbl tbody td .star {display: block;position: relative;width: 70px;height: 12px;margin: 0 auto;font-size: 0;display: inline-block;vertical-align: middle}
.selfWrap .tbl tbody td .star i {font-size: 0;width: 14px;display: inline-block;height: 14px;padding: 0 0;background: url(https://img.megagong.net/new/mypage/star_state.png) no-repeat 1px 0px}
.selfWrap .tbl tbody td .star i.on {background-position: 0 -20px}
.selfWrap .tbl tr td.tL {text-align: left;padding-left: 12px;padding-right: 12px}
.selfWrap .tbl tr td a {max-width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.selfWrap .tbl tr td a:hover {text-decoration: underline;color: #222}
.selfWrap .tbl tr td a.check {color: #007af4;text-decoration: underline;font-weight: bold}
.selfWrap .tbl tr td a.settime_btn {color: #1a9ea3;font-weight: bold}
.selfWrap .check_goal {position: relative}
.selfWrap .check_goal {position: relative;border: 1px solid #e6e6e6;padding: 0 0 0 200px;color: #555;margin: 0 0 30px}
.selfWrap .check_goal strong {position: absolute;top: 0;left: 0;width: 200px;border-right: 1px solid #e6e6e6;text-align: center;padding: 15px 0}
.selfWrap .check_goal p {position: relative;border-left: 1px solid #e6e6e6;padding: 15px 20px;color: #2bb4be;font-weight: bold}
.selfWrap .check_goal p::before {content: "";display: block;width: 6px;height: 6px;border: 1px solid #e6e6e6;border-width: 0 0 2px 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: -5px;margin: -3px 0 0;background: #fff;z-index: 1}
.selfWrap .check_plan {border: 1px solid #e6e6e6;padding: 20px 30px;margin: 0 0 30px}
.selfWrap .check_plan p {position: relative;margin: 0 0 5px;background: #fafafa;padding: 8px 10px 8px 40px;word-break: break-all}
.selfWrap .check_plan p strong {width: 30px;height: 100%;background: #f1f1f1;position: absolute;top: 0;left: 0;text-align: center;line-height: 34px}
.selfWrap h3 {position: relative;font-size: 16px;font-weight: bold;padding: 0 0 0 8px;margin: 0 0 10px}
.selfWrap h3.type1 {margin: 0}
.selfWrap h3::before {content: "";position: absolute;top: 5px;left: 0;width: 2px;height: 14px;background-color: #222}
.selfWrap h3 span {display: inline-block}
.selfWrap .score {clear: none;float: right;font-size: 14px;padding: 2px 0 0}
.selfWrap .score strong {color: #999}
.selfWrap .score .star {font-size: 0;display: inline-block;vertical-align: middle}
.selfWrap .score .star i {font-size: 0;width: 14px;display: inline-block;height: 14px;padding: 0 0;background: url(https://img.megagong.net/new/mypage/star_state.png) no-repeat 1px 0px}
.selfWrap .score .star i.on {background-position: 0 -20px}
.selfWrap .plan_evalu {border: 1px solid #e6e6e6;background: #fafafa;padding: 30px;display: table}
.selfWrap .plan_evalu table {padding: 18px 0 0;width: 100%;table-layout: fixed;background: #fff;font-size: 13px}
.selfWrap .plan_evalu table th {border: 1px solid #eaeaec;padding: 15px;color: #555;line-height: 1.4}
.selfWrap .plan_evalu table td {border: 0;height: 60px;padding: 0;border: 1px solid #eaeaec;padding: 15px;line-height: 1.6}
.selfWrap .plan_evalu table td textarea {height: 60px;min-height: 60px;max-height: 60px;border: 1px solid #ccc;padding: 5px}
.selfWrap .plan_evalu table td.aC {text-align: center}
.selfWrap .plan_evalu table td a.check {color: #007af4;text-decoration: underline;font-weight: bold;display: block;margin: 10px 0 0}
.selfWrap .btn_list .cmn_btn {border-color: #6f9ebb;background: #fff;height: 26px;line-height: 26px;width: 55px;padding: 0;color: #6f9ebb !important;text-align: center}/* ÇнÀ Q&A */
.qnaWrap .qna_list table tr td[colspan="4"] {display: none}/* ½ºÅ©·¦ */
.scrapWrap .btn_list {text-align: left}
.scrapWrap .btn_list .cmn_btn.delete {border-color: #bb6f6f;background: #fff;height: 26px;line-height: 26px;width: 55px;padding: 0;color: #bb6f6f!important;text-align: center}
.layerPop.add_lec {position: fixed;top: 0;left: 0;width: 850px;background: #fff}
.layerPop.add_lec .body_cont .tit {font-size: 16px;line-height: 20px;padding-bottom: 10px;font-weight: bold;color: #333333}
.layerPop.add_lec .body_cont .lecSelect {padding-bottom: 10px}
.layerPop.add_lec .body_cont .lecSelect select {width: 100%;height: 25px}
.layerPop.add_lec .body_cont .lecNoti {padding-bottom: 20px}
.layerPop.add_lec .body_cont .lecNoti ul li {padding: 0 0 3px 10px;color: #272727;font-size: 12px;line-height: 1.5;background: url('https://img.megagong.net/new/mypage/noti_list.png') no-repeat left 8px}
.layerPop.add_lec .body_cont .lecNoti ul li span {color: #02a1ff}
.layerPop.add_lec .body_cont .lecSelect2 {padding: 20px 0;margin-bottom: 20px;background: #f8f8f8;text-align: center}
.layerPop.add_lec .body_cont .lecSelect2 .classSel {width: 142px;height: 25px;margin-right: 10px}
.layerPop.add_lec .body_cont .lecSelect2 .btn_addLec {display: inline-block;width: 100px;padding-left: 15px;height: 25px;line-height: 25px;background: #02a1ff url('https://img.megagong.net/new/vod/arrow_bottom.png') no-repeat 95% 8px;color: #fff;text-align: left;vertical-align: top;font-weight: bold}
.layerPop.add_lec .body_cont .popTbl {margin-bottom: 20px;height: 400px;overflow-x: auto;border-bottom: 1px solid #6c7585;border-top: 1px solid #3f5a76}
.layerPop.add_lec .body_cont .myClass_tbl2 {width: 100%}
.layerPop.add_lec .body_cont .myClass_tbl2 th {padding: 12px 0;background: #f8f8f8;text-align: center;vertical-align: middle;font-weight: bold;color: #272727}
.layerPop.add_lec .body_cont .myClass_tbl2 thead tr {border-bottom: 1px solid #6c7585}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody tr {border-bottom: 1px dashed #dcdcdc}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody tr:last-child {border-bottom: none}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody td {position: relative;padding: 12px 0;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody td.aL {text-align: left;padding-left: 10px}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody td .tit {color: #272727;font-size: 12px;line-height: 16px;font-weight: bold}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody td .btn_preview {display: block;border: 1px solid #dcdcdc;width: 56px;line-height: 27px;height: 27px}
.layerPop.add_lec .body_cont .myClass_tbl2 tbody td span {display: inline-block;font-size: 12px;line-height: 14px;color: #686868}
.layerPop.add_lec .body_cont .btn {text-align: right}/*ÆäÀÌÁö °­Á´ã±â*/
.passNoti {position: relative}
.passNoti .btn_addLec {/* position:absolute; */
/* top: 50%; */
/* right:20px; */
display: block;background-color: #26beb1;border: 1px solid #0c998d;font-size: 13px;font-weight: bold;height: 30px;color: #fff;line-height: 30px;text-align: center}
.passListW.lecSelect {padding-top: 32px}
.passListW.lecSelect select {width: 100%;height: 32px;display: block;margin: 0 0 5px}
.page_add_lec .lecSelect2 {background: #f5f5f5;padding: 25px 0;margin-bottom: 30px;text-align: center;font-size: 0}
.page_add_lec .lecSelect2 .classSel {width: 135px;height: 30px;margin-right: 2px;margin-left: 2px;padding-left: 8px;border-radius: 0;border-color: #d0d0d0;color: #333}
.page_add_lec .lecSelect2 .btn_addLec {display: inline-block;width: 100px;padding-left: 15px;height: 25px;line-height: 25px;background: #02a1ff url('https://img.megagong.net/new/vod/arrow_bottom.png') no-repeat 95% 8px;color: #fff;text-align: left;vertical-align: top;font-weight: bold}
.page_add_lec .popTbl {margin-bottom: 20px;/* border-bottom:1px solid #6c7585; */
border-top: 1px solid #777}
.page_add_lec .myClass_tbl2 {width: 100%;font-size: 13px}
.page_add_lec .myClass_tbl2 th {padding: 14px 3px;background: #fff;text-align: center;vertical-align: middle;font-weight: bold;color: #333;border-bottom: 1px solid #dddddd}
.page_add_lec .myClass_tbl2 thead tr {border-bottom: 1px solid #6c7585}
.page_add_lec .myClass_tbl2 tbody tr {border-bottom: 1px dashed #dcdcdc}
.page_add_lec .myClass_tbl2 tbody tr:last-child {border-bottom: none}
.page_add_lec .myClass_tbl2 tbody td {position: relative;padding: 30px 10px;text-align: center;vertical-align: middle;font-size: 12px;line-height: 1.4}
.page_add_lec .myClass_tbl2 tbody td.teacher {padding-left: 0;padding-right: 0}
.page_add_lec .myClass_tbl2 tbody td.pLpR0 {padding-left: 0;padding-right: 0}
.page_add_lec .myClass_tbl2 tbody td.aL {text-align: left;padding-left: 10px;/* padding: 0 0 0 0; */}
.page_add_lec .myClass_tbl2 tbody td .tit {display: block;line-height: 1.4;font-weight: bold;/* margin: 0 0 10px; */}
.page_add_lec .myClass_tbl2 tbody td .btn_preview, .page_add_lec .myClass_tbl2 tbody td .prevw_btn {display: inline-block;width: 80px;height: 25px;line-height: 23px;color: #292929;border: 1px solid #6a6a6a;text-align: center;margin: 5px 0;box-sizing: border-box;padding: 0}
.page_add_lec .myClass_tbl2 tbody td .type {display: inline-block;font-size: 13px;color: #0c998d;font-weight: bold}
.page_add_lec .myClass_tbl2 tbody td .icon {padding-bottom: 3px;display: inline-block}
.page_add_lec .myClass_tbl2 tbody td .icon span {display: inline-block;padding: 2px 5px;font-size: 11px;line-height: 1}
.page_add_lec .myClass_tbl2 tbody td .icon .icon1 {border: 1px solid #e45c6c;color: #fff;background: #e45c6c;font-weight: bold}
.page_add_lec .myClass_tbl2 tbody td .icon2 {background: #8e8e8e;color: #fff;border: 1px solid #8e8e8e}
.page_add_lec .myClass_tbl2 tbody td .icon3 {border: 1px solid #cc9966;color: #cc9966}
.page_add_lec .myClass_tbl2 tbody td .icon4 {border: 1px solid #9160d5;color: #9160d5}
.page_add_lec .myClass_tbl2 tbody td .icon5 {border: 1px solid #3292f1;background: #3292f1;color: #fff}
.page_add_lec .myClass_tbl2 tbody td .icon6 {border: 1px solid #e48426;color: #fff;background: #e48426}
.page_add_lec .myClass_tbl2 tbody td .icon7 {border: 1px solid #59a12e;color: #59a12e}
.page_add_lec .myClass_tbl2 tbody td .icon8 {border: 1px solid #76bd43;background: #76bd43;color: #fff}
.page_add_lec .myClass_tbl2 tbody td .icon9 {border: 1px solid #0c998d;background: #0c998d;color: #fff}
.page_add_lec .myClass_tbl2 tbody td .icon10 {border: 1px solid #26b7bc;background: #26b7bc;color: #fff;}
.page_add_lec .myClass_tbl2 tbody td .icon_30dc {border: 1px solid #ffdeff;background: #ffdeff;color: #e707d5;font-weight: bold;border-radius: 20px}
.page_add_lec .myClass_tbl2 tbody td .icon_50dc {border: 1px solid #ffdeff;background: #ffdeff;color: #e707d5;font-weight: bold;border-radius: 20px}
.page_add_lec .myClass_tbl2 tbody td .icon_100dc {border: 1px solid #ffdeff;background: #ffdeff;color: #e707d5;font-weight: bold;border-radius: 20px}
.page_add_lec .myClass_tbl2 tbody td .lecBook {padding: 12px 0 0 0;/* border-top:1px solid #cccccc; */}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList li {padding: 0 0 5px 0;margin-bottom: 0;border-bottom: none;border-top: none;font-size: 12px;color: #888}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList li .f_left > strong {font-weight: normal;color: #888;line-height: 1;border: 1px solid #d1d1d1;padding: 0 7px;margin: 0 7px 0 0}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList .f_right {position: relative;width: 260px}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList img {vertical-align: middle;width: auto}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList label {font-size: 12px;line-height: 16px;color: #000000}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList .bookMoney {display: inline-block;position: absolute;top: 0;right: 19px;color: #0c998d;font-size: 12px;line-height: 16px;font-weight: bold}
.page_add_lec .myClass_tbl2 tbody td .lecBook .bookList .bookMoney span {text-decoration: line-through;color: #aeaeae}
.page_add_lec .btn {padding-bottom: 20px;text-align: right}
.page_add_lec .sortTab {padding: 30px 0 10px 0}
.layerPop.lecReset {position: fixed;top: 0;left: 0;width: 500px;background: #fff}
.layerPop.lecReset .body_cont .txt {margin-bottom: 10px;font-weight: bold}
.layerPop.lecReset .body_cont ul {border: 1px solid #ddd;padding: 10px}
.layerPop.lecReset .body_cont ul li {padding: 0 5px 10px;color: #272727;font-size: 12px;line-height: 14px;background: url('https://img.megagong.net/new/mypage/ic_blue02.gif') no-repeat left 6px}
.layerPop.lecReset .body_cont .popTbl {margin-top: 20px}
.layerPop.lecReset .body_cont .popTbl table {width: 100%;border-top: 1px solid #ddd}
.layerPop.lecReset .body_cont .popTbl table tr {border-bottom: 1px solid #dddddd}
.layerPop.lecReset .body_cont .popTbl table th {padding: 8px 0;background: #f7f7f7;font-weight: bold;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.lecReset .body_cont .popTbl table td {padding: 8px 0 8px 15px;text-align: left;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.lecReset .body_cont .popTbl table td strong {font-weight: bold}
.layerPop.lecReset .body_cont .btn {text-align: center;padding: 20px 0 0 0}
.layerPop.lecExt {position: fixed;top: 0;left: 0;width: 500px;background: #fff}
.layerPop.lecExt .body_cont .txt {margin-bottom: 10px;font-weight: bold}
.layerPop.lecExt .body_cont ul {border: 1px solid #ddd;padding: 10px}
.layerPop.lecExt .body_cont ul li {padding: 0 0 5px 10px;color: #272727;font-size: 12px;line-height: 14px;background: url('https://img.megagong.net/new/mypage/ic_blue02.gif') no-repeat left 6px}
.layerPop.lecExt .body_cont ul li .sub_list {border: none;padding: 5px}
.layerPop.lecExt .body_cont ul li .sub_list li {padding: 0 0 5px 10px;color: #272727;font-size: 11px;line-height: 14px;background: url('https://img.megagong.net/new/mypage/ic_gray_s.gif') no-repeat left 6px}
.layerPop.lecExt .body_cont ul li .sub_list li.last {padding: 0 0 0 10px}
.layerPop.lecExt .body_cont .popTbl {margin-top: 20px}
.layerPop.lecExt .body_cont .popTbl table {width: 100%;border-top: 1px solid #ddd}
.layerPop.lecExt .body_cont .popTbl table tr {border-bottom: 1px solid #dddddd}
.layerPop.lecExt .body_cont .popTbl table th {padding: 8px 0;background: #f7f7f7;font-weight: bold;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.lecExt .body_cont .popTbl table td {padding: 8px 0 8px 15px;text-align: left;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.lecExt .body_cont .popTbl table td strong {font-weight: bold}
.layerPop.lecExt .body_cont .popTbl table td input.Inptxt {width: 100px;height: 24px;padding-left: 10px}
.layerPop.lecExt .body_cont .btn {text-align: center;padding: 20px 0 0 0}
.layerPop.popWrite {position: fixed;top: 0;left: 0;width: 800px;background: #fff}
.layerPop.popWrite .body_cont .txt {margin-bottom: 10px;font-weight: bold}
.layerPop.popWrite .body_cont .popTbl {margin: 20px 0}
.layerPop.popWrite .body_cont .popTbl table {width: 100%;border-top: 1px solid #ddd}
.layerPop.popWrite .body_cont .popTbl table tr {border-bottom: 1px solid #dddddd}
.layerPop.popWrite .body_cont .popTbl table th {padding: 8px 0;background: #f7f7f7;font-weight: bold;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.popWrite .body_cont .popTbl table td {padding: 8px 0 8px 15px;text-align: left;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.popWrite .body_cont .popTbl table td .blue_notice {padding: 10px 0;font-size: 11px;color: #0076cb;letter-spacing: -1}
.layerPop.popWrite .body_cont .popTbl table td strong {display: block;font-weight: bold;padding-bottom: 10px}
.layerPop.popWrite .body_cont .popTbl table td ul {padding-bottom: 15px}
.layerPop.popWrite .body_cont .popTbl table td ul li {float: left;padding-bottom: 10px;width: 150px}
.layerPop.popWrite .body_cont .popTbl table td ul li.width2 {width: 120px}
.layerPop.popWrite .body_cont .popTbl table td ul li.width3 {width: 270px}
.layerPop.popWrite .body_cont .popTbl table td .Inptxt {width: 580px;height: 24px;padding-left: 10px}
.layerPop.popWrite .body_cont .popTbl table td .inpText {padding-left: 10px;height: 24px}
.layerPop.popWrite .body_cont .popTbl table td ul li.last {width: auto}
.layerPop.popWrite .body_cont .noti p {color: #4169e1;text-align: center;font-size: 12px;line-height: 14px}
.layerPop.popWrite .body_cont .btn {text-align: center;padding: 20px 0 0 0}
.layerPop.techChange {position: fixed;top: 0;left: 0;width: 500px;background: #fff}
.layerPop.techChange .body_cont .notiList {padding: 15px 0}
.layerPop.techChange .body_cont .notiList li {padding: 0 0 5px 10px;color: #272727;font-size: 12px;line-height: 14px;background: url('https://img.megagong.net/new/mypage/noti_list.png') no-repeat left 7px}
.layerPop.techChange .body_cont .popTbl {margin: 20px 0;height: 400px;overflow-x: auto;border-top: 1px solid #ddd;border-bottom: 1px solid #dddddd}
.layerPop.techChange .body_cont .popTbl table {width: 100%}
.layerPop.techChange .body_cont .popTbl table tr {border-bottom: 1px solid #dddddd}
.layerPop.techChange .body_cont .popTbl table tr.last {border-bottom: none}
.layerPop.techChange .body_cont .popTbl table th {padding: 8px 0;background: #f7f7f7;font-weight: bold;text-align: center;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.techChange .body_cont .popTbl table td {padding: 8px 0 8px 15px;text-align: left;vertical-align: middle;font-size: 12px;line-height: 14px}
.layerPop.techChange .body_cont .popTbl table th label {display: block;padding-bottom: 15px}
.layerPop.techChange .body_cont .popTbl table td ul li {float: left;width: 30%;text-align: center}
.layerPop.techChange .body_cont .popTbl table td ul.two li {width: 50%}
.layerPop.techChange .body_cont .popTbl table td ul.one li {width: 100%}
.layerPop.techChange .body_cont .popTbl table td ul li label {display: block;padding-bottom: 5px}
.layerPop.techChange .body_cont .btn {text-align: center;padding: 20px 0 0 0}
.wideBanner .direct_go {padding: 0;padding-top: 0 !important}
.wideBanner .direct_go.bd_top {border-top: 1px solid #ddd;}
.wideBanner .direct_go a {display: block;position: relative;}
.selct_viewvers {padding: 10px 20px 0}
.selct_viewvers ul {overflow: hidden;padding: 0 0}
.selct_viewvers li {float: left;width: 50%}
.selct_viewvers a {display: block;padding: 0 0 0 0;background-color: #adadad;height: 26px;line-height: 26px;text-align: center;color: #ffffff;font-weight: bold}
.selct_viewvers li.on a {background-color: #0c998d;color: #ffffff}
.cart_status {position: relative}
.cart_status::after {content: "";display: block;clear: both}
.payWrap .nav {padding: 0 0 20px}
.payWrap .nav.alone {padding: 0;margin-top: -5px}
.payWrap .nav ul {text-align: right;font-size: 0}
.payWrap .nav ul li {display: inline-block}
.payWrap .nav li.list1 {width: auto;padding-right: 30px}
.payWrap .nav li.list2 {width: auto;padding-right: 30px}
.payWrap .nav li.list3 {width: auto}
.layerPopup {position: absolute}
.refundPopupBox {width: 800px;position: absolute;left: 50%;top: 0;margin: 0 0 0 -400px;background: #fff}
.refundPopupBox h2 {background: #2e75b6;color: #fff;font-weight: bold;font-size: 20px;line-height: 56px;text-align: center;height: 60px}
.refundPopupBox .btnClose {position: absolute;right: 14px;top: 14px}
.refundPopupBox .refundIn {padding: 30px 20px}
.refundPopupBox .refundIn .subject {margin: 0 0 20px 0;line-height: 16px;text-indent: -16px;padding: 0 0 0 16px}
.refundPopupBox .refundIn ul {padding: 0 0 0 0;margin: 5px 0 0 0}
.refundPopupBox .refundIn ul li {border: none;padding: 0 0 0 0;color: #888;line-height: 16px;font-size: 12px;text-indent: -12px;padding: 0 0 0 12px}
.refundPopupBox .refundIn table {width: 100%}
.refundPopupBox .refundIn table tr th {padding: 0}
.refundPopupBox .refundIn table tr td {padding: 0}
.refundPopupBox .refundIn .tableType table thead tr th {background: #bfbfbf;font-size: 13px;height: 30px;padding: 5px 0 7px}
.refundPopupBox .refundIn .tableType table tbody tr th {font-weight: normal;background: #f2f2f2;font-size: 12px;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding: 5px 5px;text-align: center}
.refundPopupBox .refundIn .tableType table tbody tr td {font-size: 12px;line-height: 16px;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding: 5px 5px;text-align: center}
.refundPopupBox .refundIn .tableType table tbody tr td.textLeft {text-align: left}
.qnaWrap .qnaInfo {margin: 0 0 10px 0;background: #F0F7FF;border: 1px solid #ddd;padding: 20px}
.qnaWrap .qnaInfo p {font-weight: bold;margin: 0 0 5px 0;color: #133769}
.qnaWrap .qnaInfo ul {margin: 0 0 0 10px;color: #000309}
.qnaWrap .qnaInfo ul li {line-height: 20px;text-indent: -13px;padding: 0 0 0 13px}
.qnaWrap .qnaInfo ul li a {border-bottom: 1px solid #1461ef;color: #1109b6}
.qnaWrap .writeRadio li {float: left;margin: 0 10px 0 0}
.mypage_skyright {position: absolute;top: 0;left: 50%;margin: 47px 0 0 570px;width: 106px}
.mypage_skyright a {display: block;margin-bottom: 5px}/* 202107_Æнº ȯ±Þ¿©ºÎ(¸¶ÀÌÆäÀÌÁö) */
.mypage_fixmo {display: none;}
.mypage_fixmo a {}
.passNoti .passListW .passLists .icon_refund {position: absolute;top: 0;left: 0;width: 60px;height: 18px;font-size: 11px;line-height: 18px;border-radius: 10px;margin: 0 8px 0 0;box-sizing: border-box;text-align: center;font-weight: normal}
.passNoti .passListW .passLists .icon_refund.refund1 {color: #fff;background: #26b7bc}
.passNoti .passListW .passLists .icon_refund.refund2 {color: #333;background: #e4e4e4}/* »óÇ°¾È³»¼­(¸¶ÀÌÆäÀÌÁö) */
.passNoti .passListW .passLists .btn_guide {display: inline-block;margin-left: 0;width: 84px;height: 18px;font-size: 11px;line-height: 16px;box-sizing: border-box;text-align: center;border: 1px solid #777;color: #333}
.passNoti .passListW .passLists .btn_guide i {display: inline-block;margin: -2px 0 0 3px;width: 9px;height: 9px;background: url(https://img.megagong.net/icon/icon_guide.png) no-repeat center center;vertical-align: middle}
.passNoti .passListW .passLists .btn_guide a {color: #333;border: 0;font-weight: normal}
.mypageGoalsubj {position: relative;margin: 0 0 30px;padding: 0 0 0}
.mypageGoalsubj .cont_box {position: relative}
.mypageGoalsubj .dim_notice {width: calc(100% + 2px);height: calc(100% + 2px);font-size: 15px;color: #888;position: absolute;top: -1px;left: -1px;z-index: 1;background-color: rgba( 255, 255, 255, 0.85);text-align: center;box-sizing: border-box;border: 1px solid #ddd}
.mypageGoalsubj .dim_notice p strong {font-size: 24px;color: #1a9ea3;}
.mypageGoalsubj .dim_notice a.pass_btn {font-size: 18px;}
.mypageNoti .mypageTime .dim_notice a.close_btn {font-size: 0;width: 16px;height: 16px;display: block;background: url(https://img.megagong.net/new/mypage/close_btn.png) no-repeat center center;position: absolute;top: 10px;right: 10px}
.mypageGoalsubj .cont_box .step {float: left;width: 49.5%;height: 280px;position: relative;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 20px}
.mypageGoalsubj .cont_box .step.second {float: right}
.mypageGoalsubj .cont_box .step h5 {position: relative;font-size: 14px;margin: 0 0 10px;padding: 5px 65px 5px 70px;overflow: hidden;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;height: 21px;}
.mypageGoalsubj .cont_box .step h5 .point {background: #007af4;display: inline-block;vertical-align: middle;color: #fff;padding: 7px 13px 9px;border-radius: 50px;margin: -3px 5px 0 0;position: absolute;top: 4px;left: 0;line-height: 1;}
.mypageGoalsubj .cont_box .step.second h5 .point {background: #1a9ea3}
.mypageGoalsubj .cont_box .step h5 .edit {position: absolute;top: 8px;right: 0;color: #868686;font-size: 12px}
.mypageGoalsubj .cont_box .step h5 .edit a {position: relative;padding: 0 5px;display: inline-block;vertical-align: middle;font-weight: normal;}
.mypageGoalsubj .cont_box .step h5 .edit a:nth-child(2):before {content: '';display: block;position: absolute;top: 4px;left: -1px;width: 1px;height: 8px;background: #868686}
.mypageGoalsubj .cont_box .step .value_wrap {position: relative;padding: 0 0 0 160px;margin: 0 0 20px;}
.mypageGoalsubj .cont_box .step .tbl_wrap {float: left;overflow: hidden}
.mypageGoalsubj .cont_box .step .tbl_wrap .tbl {box-sizing: border-box;width: calc( 100% + 2px );margin: 0 -1px;color: #666;}
.mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr th {height: 42px;padding: 0;}
.mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr th:nth-child(2), .mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr th:nth-child(3) {}
.mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr td {height: 42px;padding: 0;}
.mypageGoalsubj .cont_box .logo {position: absolute;bottom: 0;padding: 0;left: 0;width: 135px;height: calc(100% - 2px);border: 1px solid #e6e6e6;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.mypageGoalsubj .cont_box .logo img{max-width: 90%;max-height: 100%;}

.mypageGoalsubj .link_wrap {display: flex;justify-content: space-between;align-items: flex-start;border: 1px solid #e6e6e6;}
.mypageGoalsubj .link_wrap li {flex: 1;}
.mypageGoalsubj .link_wrap li + li {border-left: 1px solid #e6e6e6;}
.mypageGoalsubj .link_wrap li a {display: flex;color: #666;justify-content: center;align-items: center;height: 36px;}
.mypageGoalsubj .link_wrap li i {width:18px;height: 20px;margin: 0 10px 0 0;background: url(https://img.megagong.net/m/2024/0625_planner/mypage_icon1.png) no-repeat 0 center;}
.mypageGoalsubj .link_wrap li:nth-child(2) i {background-image: url(https://img.megagong.net/m/2024/0625_planner/mypage_icon2.png)}
.mypageGoalsubj .link_wrap li:nth-child(3) i {background-image: url(https://img.megagong.net/m/2024/0625_planner/mypage_icon3.png)}

.my_study_gray_box {margin: -40px 0 40px;position: relative;background: #F8F8F8;padding: 27px 23px;padding: 30px 30px;background: #f5f5f5}
.my_study_gray_box ul li {padding: 0 0 3px 10px;color: #777;font-size: 12px;line-height: 1.4;position: relative}
.my_study_gray_box ul li:before {content: '-';position: absolute;top: 0;left: 0}
.my_study_gray_box a {position: absolute;right: 30px;top: 0;bottom: 0;margin: auto 0;background: #007af3;font-weight: bold;font-size: 12px;color: #fff;text-align: center;height: 55px;padding: 14px 24px;box-sizing: border-box;line-height: 1.2}
.my_study_gray_box.type2 {margin-top: 0}
.my_study_gray_box.type2 .tit {padding-bottom: 12px;color: #272727;font-size: 13px;line-height: 1.3;font-weight: bold}
.my_study_gray_box.type2 ul li:before {content: '-';position: absolute;top: 0;left: 0}
.my_study_flt {position: absolute;top: 470px;right: -82px;opacity: 1; z-index: 1; display: none;}
.my_study_flt a {display: block}
.my_study_flt .txt {display: none}
.my_study_flt_mo {display: none}/* 2021-09-17_Ãß°¡ */
.pass_reapply ul li {position: relative;padding-left: 10px;line-height: 1.3;font-size: 12px;color: #777;margin: 0 0 6px}
.pass_reapply ul li:before {content: '-';position: absolute;top: 0;left: 0}
.pass_reapply a {position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;background: #333;font-weight: bold;font-size: 12px;color: #fff;text-align: center;height: 47px;width: 110px;padding: 7px 0 0;box-sizing: border-box;line-height: 1.4;font-weight: normal}/*2022-03-15 Ãß°¡ //¸Þ°¡Æнº ¿¬Àå Æ˾÷ °ü·Ã */
.mypage_popup {display: none;}
.mypage_popup .form {border: 1px solid #26beb1;width: 80%;max-width: 725px;background: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-35%, -50%);padding: 40px;font-size: 12px;z-index: 3;}
.mypage_popup .close_btn {display: block;position: absolute;top: 10px;right: 10px;width: 13px;height: 13px;font-size: 0;background: url(https://img.megagong.net/mypage/btn_closex.png) no-repeat;background-size: 100%;}
.mypage_popup h3 {text-align: center;color: #121212;font-size: 21px;line-height: 120%;}
.mypage_popup .txt_list {margin-top: 25px;background: #f8f8f8;padding: 25px;}
.mypage_popup .txt_list li {color: #232323;line-height: 120%;position: relative;padding-left: 10px;}
.mypage_popup .txt_list li:before {content: "";display: block;width: 2px;height: 2px;background: #232323;position: absolute;top: 5px;left: 0;}
.mypage_popup .txt_list li.point {color: #0c998d;}
.mypage_popup .txt_list li.point:before {background: #0c998d;}
.mypage_popup .txt_list.inc_tit dt {font-size: 12px;font-weight: 700;line-height: 1.5;color: #333;margin-top: 20px}
.mypage_popup .txt_list.inc_tit dt:first-child {margin-top: 0}
.mypage_popup .txt_list.inc_tit dd {margin-top: 10px}
.mypage_popup .txt_list.inc_tit li {margin-top: 5px}
.mypage_popup .txt_list.inc_tit li:first-child {margin-top: 0}
.mypage_popup .txt_list.inc_tit li:before {top: 5px}
.mypage_popup .txt_list.inc_tit li.info_box {border: 2px solid #dddddd;padding: 10px 15px;background-color: #fff;line-height: 1.5}
.mypage_popup .txt_list.inc_tit li.info_box:before {display: none}
.mypage_popup .txt_list.inc_tit li.info_box .tit {font-weight: bold}
.mypage_popup .form.ebook-warning {max-width: 590px;box-sizing: border-box;overflow-y: auto;z-index: 3;}
.mypage_popup table {margin-top: 20px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.mypage_popup th {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;background: #f8f8f8;height: 38px;color: #232323;}
.mypage_popup td {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 0 10px;}
.mypage_popup .choose {margin-top: 20px;width: 100%;background: #f4fffe;padding: 12px 0 9px;overflow: hidden;}
.mypage_popup .choose li {float: left;margin-left: 13px;color: #232323;font-size: 12px;font-weight: 700;margin-bottom: 3px;}
.mypage_popup .btn {margin: 20px auto;text-align: center;width: 255px;}
.mypage_popup .btn a {display: block;width: 100%;height: 30px;background: #0c998d;color: #fff;font-size: 14px;text-align: center;line-height: 30px;font-weight: 700}
.mypage_popup td select {height: 30px;max-width: 328px;width: 90%;}
.hidden_pop {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
/* 2024-04-15 mega meBook ÅÇ ¹öÀü Ãß°¡ */
.mypage_popup .form.ebook-warning:has(.tab_base) {max-width: 710px;width: 90%;max-height: clamp(600px, 90vmin, 780px) !important;padding: 25px clamp(15px, 3vmin, 25px);}
.mypage_popup .form.ebook-warning:has(.tab_base) .txt_list {padding: 20px;}
.mypage_popup .tab_base {display: flex;justify-content: space-between;margin: 20px auto 0;}
.mypage_popup .tab_base li {flex: 1;text-align: center;}
.mypage_popup .tab_base li a {line-height: 40px;background: #f5f5f5;display: block;color: #777}
.mypage_popup .tab_base li.on a {background: #1f160e;color: #fff;}
.mypage_popup .panel_base {border: 1px solid #777;padding: 20px;color: #333;height: clamp(100px,35vmin, 350px);overflow-y: scroll;}
.mypage_popup .panel_base > * {display: none;}
.mypage_popup .panel_base dl {line-height: 1.5;}
.mypage_popup .panel_base dl:not(:first-of-type) {margin-top: 20px;}
.mypage_popup .panel_base dl dt {font-weight: 700;margin-bottom: 15px;}
/* .mypage_popup .txt_list.inc_tit li{position: relative;padding-left: 10px;text-indent: -5px;}  */
/* .mypage_popup .panel_base dl dd{position: relative;padding-left: 10px;text-indent: -5px;}  */
/* .mypage_popup .panel_base dl dd::before{content: ""; display: block; width: 2px; height: 2px; background: #232323; position: absolute; top: 10px; left: 0;}  */
/* 2022-08-18 ¿Â¶óÀμ­Á¡ ÀüÀÚÃ¥»ç¾÷ */
.mypageWrap .ebookBnr {position: relative;}
.mypageWrap .ebookBnr img {width: 100%}
.mypageWrap .ebookBnr img.moView {display: none}
.mypageWrap .ebookBnr .btn_wrp {position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;display: flex;}
.mypageWrap .ebookBnr .btn_wrp a {width: 100%;height: 100%;font-size: 22px;font-weight: 700;color: #fff;display: flex;align-items: center;justify-content: center;}
.mypageWrap .ebookBnr .btn_wrp a:nth-child(1) {padding-right: 50px;}
.mypageWrap .ebookBnr .btn_wrp a:nth-child(2) {padding-left: 50px;}
.mypageWrap .ebookBnr .btn_wrp a span {display: inline-block;padding-right: 50px;position: relative;line-height: 1;}
.mypageWrap .ebookBnr .btn_wrp a span:after {content: '';display: block;width: 28px;height: 8px;background: url(https://img.megagong.net/m/2023/0216_ebook/arrow_w.png) 0 0 no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.mypageWrap .ebookBnr .btn_wrp a em {font-style: normal;color: #222;}
.mypageWrap .ebookBnr a.union span {font-size: 22px;font-weight: 700;color: #fff;}
.mypageWrap .ebookBnr a.union span {padding-right: 50px;}
.mypageWrap .ebookBnr a.union span {display: inline-block;padding-right: 50px;position: relative;line-height: 1;}
.mypageWrap .ebookBnr a.union span:after {content: '';display: block;width: 28px;height: 8px;background: url(https://img.megagong.net/m/2023/0216_ebook/arrow_w.png) 0 0 no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.mypageWrap .ebookBnr a.union em {font-style: normal;color: #222;}
.mypageWrap .ebookBnr a.union span.moView {display: none;}
.mypageWrap #ebookList {margin-top: 40px}
.mypageWrap .myClassTbl .myClass_tbl td .aTit {margin-top: 10px;display: block}
.mypageWrap .myClassTbl .myClass_tbl td .date_info li {font-size: 12px;color: #666}
.mypageWrap .myClassTbl .myClass_tbl td .fr {font-size: 0;margin-top: 10px}
.mypageWrap .myClassTbl .myClass_tbl td .fr span {display: inline-block;position: relative;padding-left: 10px;margin-left: 9px;font-size: 12px}
.mypageWrap .myClassTbl .myClass_tbl td .fr span:before {content: '';display: block;width: 1px;height: 11px;background-color: #ddd;position: absolute;left: 0;top: 2px}
.mypageWrap .myClassTbl .myClass_tbl td .fr span:first-child {padding-left: 0;margin-left: 0}
.mypageWrap .myClassTbl .myClass_tbl td .fr span:first-child:before {display: none}
.mypageWrap .myClassTbl .myClass_tbl td .btn_view {display: inline-block;width: 70px;height: 70px;background-color: #26beb1;border-radius: 50%;padding-top: 23px;box-sizing: border-box;font-size: 11px;font-weight: bold;color: #fff;text-align: center}
.mypageWrap .myClassTbl .myClass_tbl td .btn_view:hover {background-color: #1f998f}
.mypageWrap .myClassTbl .myClass_tbl td .btn_view.disabled {background-color: #bfbfbf;cursor: default;pointer-events: none;}
.mypageWrap .myClassTbl .myClass_tbl td .btn_view_wrap {display: flex;flex-direction: column;gap: 5px 0;align-items: flex-end;}
.mypageWrap .myClassTbl .myClass_tbl td .btn_view_wrap .btn_view {width: 110px;height: auto;border-radius: 0;padding: 6px 0;background-color: transparent;border: 1px solid #292929;color: #333;font-size: 11px;}
.mypageWrap .myClassTbl .myClass_tbl td.noData {padding: 70px 3px;font-size: 14px;color: #b4b4b4}
.mypageWrap .myClassTbl .myClass_tbl.ebookTbl td:nth-child(1) img {width: 70px;height: 100px}
.mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .moView {display: none}
.mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo {position: relative}
.mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo .date_info {margin-top: 20px}
.mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo .btn_view {position: absolute;right: 0;bottom: 0;width: 50px;height: 50px;padding-top: 12px}
.pc_hide {display: none}/* 2024-04-11 e-±³Àç ¿­¶÷±â°£ ¿¬Àå±Ç */
.mypageWrap .myClassTbl .myClass_tbl td .date_info li.extend_btn {margin-top: 5px;}
.mypageWrap .myClassTbl .myClass_tbl td .date_info li.extend_btn.endver a {border: 1px solid #000;display: inline-block;padding: 4px 12px;color: #000;}
.mypageWrap .myClassTbl .myClass_tbl td .date_info li.extend_btn.gover a {display: inline-block;padding: 4px 12px;color: #fff;background: #26beb1;border-radius: 50px;}
.mypageWrap .myClassTbl .myClass_tbl td .date_info li.extend_btn.nover a {display: inline-block;padding: 4px 12px;color: #fff;background: #bfbfbf;}
/* td µ¥ÀÌÅÍ ¾ø´Â°æ¿ì */
.nonetd_data {padding: 40px 0;border-bottom: 1px solid #ddd;}
/* °áÁ¦¿Ï·áÆäÀÌÁö ¹è³Ê */
.paydone_bnrZone {position: relative;font-family : 'Noto Sans KR';}
.paydone_bnrZone.off {margin: 60px 0 0;padding: 0 0 30px;}
.paydone_bnrZone .bgtype1 {background-color: #a145ff;}
.paydone_bnrZone .bgtype2 {background-color: #ff810c;}
.paydone_bnrZone .bgtype3 {background-color: #07c8b7;}
.paydone_bnrZone .bgtype4 {background-color: #2b95ff;}
.paydone_bnrZone .item a {position: relative;display: block;height: 80px;}
.paydone_bnrZone .item i {width: 50px;height: 50px;position: absolute;top: 15px;left: 50%;background: #000;margin: 0 0 0 -250px;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;font-style: normal;font-size: 12px;line-height: 1.2;border-radius: 100%;font-weight: bold;}
.paydone_bnrZone .sub {padding: 15px 0 8px;font-size: 13px;text-align: center;color: #111;}
.paydone_bnrZone .sub sup {vertical-align: top;font-size: 10px;}
.paydone_bnrZone .tit {color: #fff;text-align: center;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.paydone_bnrZone .tit .big {font-size: 24px;font-weight: 900;letter-spacing: 0.35em;}
.paydone_bnrZone .tit .tiny {font-size: 15px;font-weight: bold;letter-spacing: 0.14em;margin: 0 15px 0 0px;}
.paydone_bnrZone .add {font-size: 10px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;color: #fff;opacity: 0.5;position: absolute;bottom: 5px;left: 7px;line-height: 1.1;}
.paydone_bnrZone .slick-arrow {display: none !important;}
.paydone_bnrZone .slick-dots {position: absolute;top: 0;right: 0;font-size: 0;text-align: center;padding: 10px 10px 0 0;}
.paydone_bnrZone .slick-dots li {display: inline-block;margin: 0 2px;}
.paydone_bnrZone .slick-dots button {width: 8px;height: 8px;border-radius: 50%;background: #fff;opacity: .3;font-size: 0;}
.paydone_bnrZone .slick-dots .slick-active button {opacity: 1;}
/* 2024-06-19 09:00 */
.paydone_bnrZone .item a {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* ÇнÀ±â±â µî·Ï ÆäÀÌÁö device/my_device */
.my_device .no_device {border-bottom: 1px solid #ddd;height: 160px;text-align: center;display: flex;align-items: center;justify-content: center;}
.my_device .caution_box {margin-top: 30px;padding: 30px;background: #f5f5f5;line-height: 1.6;font-size: 13px;color: #333;}
.my_device .caution_box dt {font-weight: bold;margin-bottom: 10px;}
.my_device .caution_box dd {font-size: 12px;color: #777;padding-left: 10px;text-indent: -10px;}
.my_device .caution_box dd .btn_help {color: #3183ff;border-bottom: 1px solid;font-size: 11px;}
.my_device .tbl {border-right: 0;border-left: 0;color: #777}
.my_device .tbl thead,.my_device .tbl .device_info b {color: #333}
.my_device .tbl tr th:nth-of-type(1) {width: 15%;}
.my_device .tbl tr th:nth-of-type(2) {width: 5%;}
.my_device .tbl tr th:nth-of-type(3) {width: 15%;}
.my_device .tbl tr th:nth-of-type(4) {width: 40%;}
.my_device .tbl tr th:nth-of-type(5) {width: 20%;}
.my_device .tbl tr th:nth-of-type(6) {width: 5%;}
.my_device .tbl tr th {border-right: 0;border-left: 0;background: none;}
.my_device .tbl tr td {position: relative;border-right: 0;border-left: 0;}
.my_device .tbl .device_info {text-align: left;}
.my_device .tbl .device_info span {display: block;color: #b1b1b1;margin-top: 5px;}
.my_device .tbl .nickname_wrap {cursor: pointer;}
.my_device .tbl .nickname_wrap img {vertical-align: middle}
.my_device .tbl .edit_wrap {display: none;}
.my_device .tbl .edit_wrap.show {display: flex;width: 200px;position: absolute;left: 50%;transform: translateX(-50%);line-height: 30px;border: 1px solid #363636;border-radius: 5px;overflow: hidden;z-index: 2;justify-content: space-between}
.my_device .tbl .edit_wrap input {border: 0 !important;border-radius: 5px;width: 120px;}
.my_device .tbl .edit_wrap button {text-align: center;background: #363636;width: 80px;color: #fff;}

/* ±ÝÁÖÀÇ ¼±»ý´Ô Ä®·³ 2409 */
.mypage_column_wrap {display: flex; height: 137px; border: 1px solid #ddd; margin: 0 0 30px;}
.mypage_column_wrap .mypage_column_title {width: 270px; background: #ddecff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mypage_column_wrap .mypage_column_title span {font-weight: 700; font-size: 16px; color: #0082ff;}
.mypage_column_wrap .mypage_column_title strong {font-size: 20px; margin: 3px 0 7px;}
.mypage_column_wrap .mypage_column_title .btn {font-size: 13px; color: #777;}
.mypage_column_wrap .mypage_column_content {width: calc(100% - 270px); align-self: center; padding: 0 50px;}
.mypage_column_wrap .mypage_column_content .item a {display: flex; align-items: center; font-weight: 700; font-size: 13px; color: #777;}
.mypage_column_wrap .mypage_column_content .item a > div {box-sizing: border-box;}
.mypage_column_wrap .mypage_column_content .item a .subj {width: 15%; text-align: center; padding: 0 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mypage_column_wrap .mypage_column_content .item a .name {width: 8%; text-align: center; padding: 0 3px;}
.mypage_column_wrap .mypage_column_content .item a .title {width: 77%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #000; padding: 7px 10px;}
.mypage_column_wrap .mypage_column_content .slick-arrow {position: absolute; top: 50%; transform: translateY(calc(-50% + 0.5px)); font-size: 0; width: 29px; height: 29px; border-radius: 50%;}
.mypage_column_wrap .mypage_column_content .slick-prev {left: 20px; background-image: url('https://image.megagong.net/m/2024/0927_column/mypage_prev.png');}
.mypage_column_wrap .mypage_column_content .slick-next {right: 20px; background-image: url('https://image.megagong.net/m/2024/0927_column/mypage_next.png');}

/* 2024 08 16 ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ Ãß°¡*/
.view_subj_wrap {display: flex;justify-content: center; align-items: center; font-weight: 900;line-height: 1.4; border: 1px solid #ddd;margin-bottom: 30px; background: #fff;}
.view_subj_wrap .view_subj_tit {width: 270px;background:#dcf5f2; color: #1a9ea3;font-size: 16px;text-align: center; padding: 43px 30px;box-sizing: border-box;}
.view_subj_wrap .view_subj_tit strong { font-size: 20px; color: #000;}
.view_subj_wrap .view_subj_con {display: flex;justify-content: center; align-items: center; width: calc(100% - 270px);}
.view_subj_wrap .view_subj_con .view_subj_bnr { flex: 1; font-size: 14px; border-left: 1px solid #ddd;}
.view_subj_wrap .view_subj_con .view_subj_bnr strong { font-size: 18px;}
.view_subj_wrap .view_subj_con .view_subj_bnr a { padding: 46px 30px;     display: block;}
.view_subj_wrap .view_subj_con .view_subj_bnr .point_color {color: #0082ff;}

/* ¸¶ÀÌÆäÀÌÁö ij½Ã¸Þ´º ¸®´º¾ó 2409 */
.payWrap.renew {font-family: 'Noto Sans KR'; color: #111; line-height: 1.2;}
.payWrap .subtit {font-size: 18px;}
.payWrap .mycash {display: flex; gap: 20px; margin-bottom: 18px;}
.payWrap .mycash .item {flex: 1; background: #deedff; height: 130px; display: flex; align-items: center; padding: 0 30px 0 25px;}
.payWrap .mycash .item::before {content: ''; display: inline-block; width: 45px; height: 45px; background: url(https://img.megagong.net/mypage/bonus/cash_ico.png) no-repeat 50% 50%; background-size: contain; margin-right: 20px;}
.payWrap .mycash .item .account {font-weight: 700; font-size: 18px;}
.payWrap .mycash .item .account span {color: #0082ff;}
.payWrap .mycash .item .account a {display: inline-block; width: 15px; height: 15px; font-size: 0; vertical-align: middle; background: url(https://img.megagong.net/mypage/bonus/more_ico.png) no-repeat 50% 50%; background-size: contain;}
.payWrap .mycash .item .cutoff {font-size: 13px; text-align: right; margin-left: auto;}
.payWrap .cash_tab {display: flex; margin-bottom: 20px; border-bottom: 1px solid #ececec;}
.payWrap .cash_tab li {flex: 1;}
.payWrap .cash_tab li a {position: relative; display: block; font-weight: 700; font-size: 18px; color: #777; text-align: center; padding: 20px 0;}
.payWrap .cash_tab li.on a {color: #111;}
.payWrap .cash_tab li.on a::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #111;}
.payWrap .sort_wrap {display: flex; padding: 20px 0;}
.payWrap .sort_wrap .sort_tab {display: flex; gap: 10px;}
.payWrap .sort_wrap .sort_tab li a {display: block; width: 115px; font-weight: 500; font-size: 14px; color: #777; background: #f8f8f8; border-radius: 23px; text-align: center; padding: 14px 0;}
.payWrap .sort_wrap .sort_tab li.on a {color: #fff; background: #111;}
.payWrap .sort_wrap .select-wrap {margin-left: auto;}
.payWrap .sort_wrap .select-wrap .select-base {width: 110px;}
.payWrap .board-list-wrap table tbody td.title {padding: 0 10px 0 20px;}
.payWrap .board-list-wrap table tbody td.title a {padding: 0; font-weight: 400; font-size: 11px; color: #777; border: 1px solid #777; margin-left: 10px; min-width: 84px; padding: 0 0 2px; border-radius: 10px;}
.payWrap .board-list-wrap table tbody td.title .note {font-size: 13px; color: #777; text-align: left;}
.payWrap .board-list-wrap table tbody td.date {color: #777;}
.payWrap .board-list-wrap table tbody td.price.plus {color: #0082ff;}
.payWrap .board-list-wrap table tbody td.price .note {font-size: 13px; color: #777;}
.payWrap .paging {text-align: center;}
/* ij½¬Æ˾÷ */
.cash_pop .content_inner {font-family: 'Noto Sans KR'; color: #111; line-height: 1.2; padding: 40px;}
.cash_pop .total_cash {text-align: center; padding: 30px 0; background: #deedff; margin-bottom: 30px;}
.cash_pop .total_cash .account {font-size: 18px; margin-bottom: 10px;}
.cash_pop .total_cash .account::before {content: ''; display: inline-block; width: 45px; height: 45px; background: url(https://img.megagong.net/mypage/bonus/cash_ico.png) no-repeat 50% 50%; background-size: contain; margin-right: 5px;}
.cash_pop .total_cash strong {display: inline-block;}
.cash_pop .total_cash strong span {color: #0082ff;}
.cash_pop .total_cash .tiny {font-size: 13px; color: #777;}
.cash_pop .mg_info_wrap .info_list {padding: 20px 17px; background: #f5f5f5; border: none; margin: 0;}
.cash_pop .mg_info_wrap .info_list li {color: #222; padding-left: 10px;}
.cash_pop .paging {text-align: center;}

/* 2024 11 19 ¼ö°­È®ÀÎÁõ ÆäÀÌÁö Ãß°¡ & ÁÖ¹®¹è¼ÛÁ¶È¸ÆäÀÌÁö ¼öÁ¤ */
.payWrap.ver1119 table{font-weight: 500;}
.payWrap.ver1119 .cate_wrap{margin: 0 0 20px; display: flex; align-items: center; justify-content: space-between;}
.payWrap.ver1119 .show-pc{display: table-cell;}
.payWrap.ver1119 .show-mo{display: none;}
.payWrap.ver1119 .tab_style{display: flex; gap: 10px;}
.payWrap.ver1119 .tab_style li{width: 105px; border-radius: 30px; background: #f8f8f8; text-align: center;}
.payWrap.ver1119 .tab_style li a{padding: 15px 0; display: inline-block; width: 100%; color: #777777; font-weight: 700; font-size: 14px;}
.payWrap.ver1119 .tab_style li.on{background: #111;}
.payWrap.ver1119 .tab_style li.on a{color: #fff;}

.payWrap.proof .payList_tbl1 .pay_tbl thead th .icon_subway{top: 2px; left: 51%;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td{padding: 0 5px; height: 60px; box-sizing: border-box;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td.aL span{overflow: hidden; text-overflow: ellipsis; word-break: break-all; width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td .txtState1{color: inherit;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td .txtState2{color: #0082ff;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td .btn_subway{border-radius: 20px; border-color: #777777; color: #777; font-size: 11px; font-weight: 300; width: 70px; height: 17px; line-height: 15px; padding: 0;}
.payWrap.proof [class*=select-wrap] .select-base, .select-ui{width: 110px;}
.payWrap.proof .payList_tbl1 .pay_tbl tbody tr td.aL{padding-left: 15px;}
.payWrap.proof .payList_tbl1 .pay_tbl{font-size: 15px;}

.payWrap.order .payList_tbl1 .pay_tbl{font-size: 15px;}
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td{padding: 0 5px; height: 60px; box-sizing: border-box;}
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td .payList_detail {display: inline-block;font-weight: 500;text-decoration:underline; font-size: 15px; }
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td .btn_delivery{border-radius: 20px; border-color: #777777; color: #777; font-size: 11px; font-weight: 300; width: 70px; height: 17px; line-height: 15px; padding: 0;}
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td .paydate{opacity: 1; color: #b7b7b7; font-size: 12px;}
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td strong{font-weight: 500;}
.payWrap.order .payList_tbl1 .pay_tbl tbody tr td .txtState2 {color: #0082ff;}
.payWrap.order .pay_sort{padding: 14px 25px; background: #f8f8f8;}
.payWrap.order .pay_sort .tit{font-weight: 400; top: 10px;}
.payWrap.order .pay_sort .month_area ul {border-radius: 3px; border-color: #ddd;}
.payWrap.order .pay_sort .month_area ul li{width: 76px; box-sizing: border-box; border-color: #ddd;}
.payWrap.order .pay_sort .month_area ul li a{height: 40px; line-height: 40px; font-size: 14px; color: #111;}
.payWrap.order .pay_sort .month_area ul li.on a{color: #0082ff; background: #e3f1ff;}
.payWrap.order .pay_sort .dateArea{margin-left: 25px;}
.payWrap.order .pay_sort .dateArea .d_bx{width: 150px; height: 40px; box-sizing: border-box; border-radius: 3px; border-color: #ddd;}
.payWrap.order .pay_sort .dateArea .d_bx input.date1{height: 40px; line-height: 40px; padding: 0; left: 20px; font-family: 'Noto Sans KR'; color: #111;}
.payWrap.order .pay_sort .dateArea .d_bx .ico{top: 50%; transform: translateY(-50%); background: url('https://img.megagong.net/new/mypage/ico-cal-new.png') no-repeat center/cover; width: 18px; height: 20px; right: 12px;}
.payWrap.order .pay_sort .dateArea span.dash{padding: 15px 5px 0 5px;}
.payWrap.order .search-button{display: inline-block; vertical-align: top; margin-left: 3px;}
.payWrap.order .search-button span{color: #fff;}

/* 250530 ÆнºÈıâ ÆäÀÌÁö */
.subcont_wrp .pass_review  .subtit {font-family: 'Noto Sans KR';}
.pass_review .main_banner {padding: 53px 0;text-align: center; margin-bottom:30px;background: #e4f0fe url(https://img.megagong.net/m/2025/0530_mypage/main_banner.png) no-repeat center;background-size: cover;}
.pass_review .main_banner .point_color {color:#0084FF;}
.pass_review .rievew_info_list {padding: 30px 45px;border: 1px solid #eae9e9;margin-bottom:20px;}
.pass_review .rievew_info_list li {margin-bottom: 2px;line-height: 1.6;position: relative;}
.pass_review .rievew_info_list li:before {content: "";width: 11px;height: 9px;display: block;background: url(https://img.megagong.net/common/icon_check.png) no-repeat center;background-size: cover;position: absolute; left: -15px; top: 8px;}
.pass_review .rievew_info_list .review_link_btn {display: inline-block;color: #0082FF;}
.pass_review .gallery_base_wrap {background-color: #ffffff;;position: relative;    font-family: 'Noto Sans KR';}
.pass_review .gallery_base_wrap {padding: 0px 0px;border-radius: 3px;color: #000;}
.pass_review .table-order li + li::before { height: 10px;}
.pass_review .gallery_base_wrap .btn-base > * {font-size: 15px;}
.pass_review  .review_table_box { display: flex;justify-content: space-between;align-items: end;}
.pass_review .table-order {display: flex; justify-content: flex-start; align-items: center; margin: inherit;}
.pass_review .table-order li { position: relative;}
.pass_review .table-order li a {font-weight: 500;font-size: 13px;}
.pass_review .table-order li.active a {color: #0082ff;font-size: 15px;}
.pass_review .gallery_base_wrap .no-data-base {border: 1px solid #ececec;margin-top: 30px;}
.pass_review .gallery_base_wrap .gallery_list {display: flex;gap: 19px;flex-wrap: wrap;margin-top: 20px;justify-content: flex-start;}
.pass_review .gallery_base_wrap .gallery_list > li {padding: 10px;border-radius: 3px;border: 1px solid #ececec; width: 29.8%; flex: 1;  max-width: 316px; min-width: 316px;box-sizing:border-box;}
.pass_review .gallery_base_wrap .gallery_list > li .img {border: 1px solid #e5e5e5; background-color: #f5f5f5; padding: 0 0 63.235% 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;    border-radius: 3px; position:relative;}
.pass_review .gallery_base_wrap .gallery_list > li .img  .best_icon {color: #fff;background: #0082ff;position: absolute;right: 20px;padding: 6px 11px;border-radius: 0px 0px 8px 8px;letter-spacing: 0px;}
.pass_review .gallery_base_wrap .gallery_list > li .tit {font-weight:700;    margin-top: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.pass_review .gallery_base_wrap .gallery_list > li .con {font-size: 13px;color: #111111;text-align: left;margin-top: 8px;height: 120px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical; overflow: auto;word-break: break-all;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area { display: flex;justify-content: space-between;margin-top: 10px;flex-wrap: wrap;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author {display: flex;    align-items: center;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li {font-size: 14px;color: #111111;padding-left: 18px;margin-left: 17px;position: relative;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li:first-child {padding-left: 0;margin-left: 0;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li::before {content: '';display: inline-block;width: 1px;height: 12px;background-color: #ececec; position: absolute;left: 0;top: 6px;}
.pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li:nth-child(1)::before {display:none;}
.pass_review .s-btn-base {display: inline-block;padding: 2px 7px 3px 7px;border: 1px solid #111;font-size: 11px;font-weight: 500;border-radius: 3px;background-color: #fff;line-height: 1;height: 18px;box-sizing: border-box;}
.pass_review .s-btn-base.del {color: #ed3333;border-color: #ed3333;}
.pass_review .gallery_base_wrap .paging {text-align: center;}
.pass_review .gallery_base_wrap .more_btn a {width: 100%;margin-top: 4%;border: 1px solid #efeeee;border-radius: 50px;padding: 3% 1%;display: inline-block;text-align: center;color: #999999;box-sizing: border-box;display: flex;justify-content: center;align-items: baseline;gap: 1%;}

@media(max-width: 1200px) {

    #mContainer .wideBanner{display: none;}

    /*.mypage_skyright{display: none}*/ .mypage_skyright {display: none}
    .mypage_skyright > a {display: none}
    .mypage_fixmo{display:block;position:fixed;right: 2%;z-index:2;bottom:90px;}
    .mypage_fixmo .item {display: block;position: relative;}
    .mypage_fixmo .item a{display: block;}		
    .mypage_fixmo .item a img{}
    .mypage_fixmo .item .close { display: block; font-size:0;  width:17px; height:17px; position:absolute; right:0; top:0; z-index: 10;}
    .mypage_fixmo .item + .item{margin-top: 10px !important;}

    .payWrap .payList_tbl2 .pay_tbl2 td {padding: 10px 5px}
    .payWrap .payList_tbl2 .pay_tbl2 th {padding: 10px 5px}
    .payWrap .payList_tbl2 .pay_tbl2 td input {padding-left: 5px}
    .payWrap .payList_tbl2 .pay_tbl2 td input.inp_num {width: 54px}
    .payWrap .payList_tbl2 .pay_tbl2 td .add_noti {display: block;margin: 0;padding: 5px 0 0}
    .payWrap .payList_address .btn_address {padding: 0 10px}
    .mypageNoti.renewal .wrap_content {width: 100%;background: #eaeaec}#mContainer .mypageNoti .mypagetLec.renewal {padding: 30px 2% 40px;margin: 0 0 10px}
    .mypageWrap .big_banner.myStudy {margin: 20px 0 0}#mContainer .mypageNoti .mypagetLec .message_more {right: 20px}
    .mypgC .wrap_content.my_state.renewal .mypageWrap {padding: 0;width: 100%}
    .wrap_content.renewal .mypageWrap .mypageMenu ul {border-top: 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering {float: none;width: 100%;padding: 12px 0 0;height: auto;margin: 0 0 15px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p {padding: 15px 10px 40px;margin: 0 0 10px;height: auto}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p br {display: none}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p a {bottom: 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p a:hover::before {display: none}
    /* S: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .mypgC .m_playground {width: 100%; height: auto !important; float: none !important; }
    .mypgC .m_playground > a {flex-direction: row; justify-content: space-between;}
    .mypgC .m_playground.goal_set_before > a {background-image: url('https://img.megagong.net/mypage/playground/bnr_mypage_bg_mo.jpg');}
    .mypgC .m_playground.goal_set_before > a {padding: 40px; gap: 30px;}
    .mypgC .m_playground.goal_set_before .con_tit {flex: 1; text-align: left;}
    .mypgC .m_playground.goal_set_before .s_tit.top {font-size:clamp(15px,2.9vmin,24px);}
    .mypgC .m_playground.goal_set_before .s_tit.btm {font-size:clamp(15px,2.7vmin,22px); order: -1;}
    .mypgC .m_playground.goal_set_before strong.m_tit {font-size:clamp(20px,4.9vmin,44px);}
    .mypgC .m_playground.goal_set_before .btn-base {margin-top: 0;}
    .mypgC .m_playground.goal_set_after strong.m_tit {display: flex; justify-content: center; align-items: center; padding: 15px 10px; width: 18%; max-width: 105px;}
    .mypgC .m_playground.goal_set_after .lv_icon {flex: 1; justify-content: flex-start; padding-top: 10px;}
    .mypgC .m_playground.goal_set_after .btn-base {margin: 0 40px;}
    /* E: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .mypgC .wrap_content.my_state .mypageConditions .m_info {width: 100%;margin: 0 0 15px;padding: 17px 20px 15px;height: auto;float: none;}
    .mypgC .wrap_content.my_state .mypageConditions .m_message {width: 100%;margin: 0;padding: 15px 20px 15px;height: auto}
    .mypgC .wrap_content.my_state .mypageConditions .m_message li.lst_no {position: relative;top: inherit;left: inherit;padding: 15px 0 15px;margin: 0}
    .mypgC .wrap_content.my_state .mypageConditions .btn_purchase_pass {margin-bottom: 15px;position: relative;right: 0;transform: translateX(0);border: 1px solid #ccc;}
    .mypgC .wrap_content.my_state .mypageConditions .btn_purchase_pass .pc {display: none;}
    .mypgC .wrap_content.my_state .mypageConditions .btn_purchase_pass .mo {display: inline-block;}
    #mContainer .mypageNoti.renewal {padding: 0}#mContainer .mypageNoti.renewal h4.tit {font-size: 16px;padding: 0 0 10px}#mContainer .mypageNoti .mypagetLec.renewal .current {padding: 15px 0 15px;border-bottom: 0}#mContainer .mypageNoti .mypagetLec.renewal .current li {margin: 0 0 10px;padding: 0;border-bottom: 1px solid #eee}#mContainer .mypageNoti .mypagetLec.renewal .current li:nth-child(4) {border-bottom: 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .lecname {margin: 0 0 0px}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link {font-size: 13px;padding: 3px 133px 13px 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link em {display: block;padding: 2px 0 0 7px;position: absolute;top: 0;right: 0;border: 0}#mContainer .mypageNoti .mypagetLec.renewal .current li .plus_link {display: none}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link span {max-width: 100%;display: block}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no {padding: 15px 0 20px;border-bottom: 0;margin: 0}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no span {font-size: 13px;margin: 0 0 20px}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no strong {font-size: 20px;margin: 0 0 5px}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no a {background: #eaeaec;border: 0;width: 160px;height: 34px;line-height: 34px;padding: 0;font-size: 13px}
    .mypageNoti .mypageTime, .mypageNoti .mypageSelf, .mypageNoti .mypageTime.d0806 {background: #fff;width: 100%;margin-right: 0;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 1%}
    .mypageNoti .mypageWeek, .mypageNoti .mypageWeek.d0806 {width: 100%;background: #fff;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 1%}
    .mypageNoti .mypageSelf .selfcheck_state table {font-size: 13px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl tr th {padding: 10px 5px}
    .mypageNoti .mypageQna .qna_list ul li {padding: 0 0 0 100px;background: #fff}
    .mypageNoti .mypageQna .qna_list ul li> strong {width: 100px;padding: 20px 0}
    .mypageNoti .mypageQna {width: 100%;background: transparent;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 0}
    .mypageNoti .mypageNotice {width: 100%;background: #fff;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 10px;margin-right: 0}
    .mypageNoti .mypageScrap {width: 100%;background: #fff;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 0}
    .mypageNoti .mypageNotice .cont_box, .mypageNoti .mypageScrap .cont_box {padding: 15px 5px 0;border: 0;height: auto}
    .mypageNoti .mypageInfo .cont_box {padding: 40px 0 0;width: 100%;box-sizing: border-box;margin-right: 0;border-width: 1px 0 0 0;height: auto;margin-bottom: 0;}
    .mypageNoti .mypageInfo {margin: 0;flex-wrap: wrap;gap: 0;}
    .mypageNoti .mypageInfo .cont_box .call_info {background: #fff;width: 50%;box-sizing: border-box;border: 0;padding: 25px 10px 0 10px;height: 165px;}
    .mypageNoti .mypageInfo .cont_box .call_info > p {text-align: center;font-size: 26px;padding: 0;border: 0}
    .mypageNoti .mypageInfo .cont_box .call_info .cntr_time p {text-align: center}
    .mypageNoti .mypageInfo .cont_box .board_info {background: #fafafa;width: 50%;box-sizing: border-box;border: 0;padding: 25px 10px 0 10px;height: 165px;}
    .mypageNoti .mypageInfo .cont_box .board_info a {width: 145px}
    .mypageNoti .mypageInfo .cont_box .center_info {width: 100%;background: #fff;box-sizing: border-box;border: 0;/*padding: 25px 10px 0 10px*/}
    .mypageNoti .mypageInfo .device_info {width: 100%;background: #eaeaec;margin: 0;height: auto}
    .mypageNoti .mypageInfo .cont_box .direct_info {position: absolute;top: 0;left: 0;width: 100%;float: none;padding: 0;height: auto}
    .mypageNoti .mypageInfo .cont_box .direct_info ul {overflow: hidden;background: #fff;border-bottom: 1px solid #eee}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li {float: left;width: 33.3%;border: 0;margin: 0;background: #fff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li a {padding: 12px 2%;text-align: center;border-left: 1px solid #eee}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li:nth-child(1) a {border-left: 0}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li a span {position: relative;display: inline-block;padding: 0 15px 0 0}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li a span::before {content: "";display: block;width: 5px;height: 5px;border: 1px solid #6d6d6d;border-width: 1px 1px 0 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 0;margin: -2px 0 0}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li a::before {display: none}
    .mypageNoti .mypageInfo .cont_box .direct_info.union {padding: 0;}
    .mypageNoti .mypageInfo .cont_box .direct_info.union ul {flex-direction: row;padding: 0;gap: 0;}
    .mypageNoti .mypageInfo .cont_box.w100 .call_info > p::before {display: none;}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering {background: #f4fffe;border: 0;border-bottom: 0;width: 100%;padding: 0;margin: 0;position: relative;top: inherit;/* border-top: 7px solid #f1f1f1; */
    left: inherit}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering::before {content: "";display: block;background: url(https://img.megagong.net/new/mypage/icon_mystate_new.png) no-repeat -119px -20px;background-size: 360px;width: 24px;height: 31px;position: absolute;top: 0;right: 10px;z-index: 1}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span {padding: 5px 40px 5px 13px;display: block;border-bottom: 2px solid #2bdaaf;margin: 0 12px 6px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span input[type="text"] {background: #f4fffe}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering span button {right: 30px;bottom: 3px;display: none}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering .btn_submit {height: 38px;background-size: 360px;font-size: 0;right: 0;top: inherit;width: 50%;left: inherit;margin: 0;background: #1a9ea3;font-size: 13px;position: relative;float: left}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .ipt_cheering .btn_close {height: 38px;background-size: 360px;font-size: 0;right: 0;top: inherit;width: 50%;left: inherit;margin: 0;background: #888;font-size: 13px;position: relative;float: left}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span {padding: 55px 0 0}
    .mypageNoti .mypageTime .settime_wrap {top: 53px;right: 2%;padding: 30px 7px 10px;border-width: 1px;width: 310px}
    .mypageNoti .mypageTime .settime_wrap table {font-size: 12px}
    .mypageNoti .mypageTime .settime_wrap .close_btn {top: 6px}
    .mypageNoti .mypageTime .settime_wrap p br {display: none}
    .mypageNoti .mypageTime .settimeinfo_wrap {left: 2%;margin: 0;max-width: 90%}
    .mypageNoti .mypageTime .settimeinfo_wrap p br {display: none}
    .mypageNoti .mypageTime .settimeinfo_wrap::before {left: 110px}
    .mypageNoti .dim_notice p {padding: 4% 0 0}
    .mypageNoti .dim_notice a.pass_btn {background: #eaeaec;border: 0;width: 160px;height: 34px;line-height: 34px;padding: 0;font-size: 13px}
    .mypageNoti .dim_notice {display: block;width: calc(100% + 2px)}
    .mypageNoti .mypageTime .cont_box .learning_tbl .time_table table {font-size: 13px}
    .mypageNoti .mypageQna .cont_box {height: auto}
    .mypageNoti .mypageQna .qna_list ul li.lst_no {height: 80px;line-height: 75px;border: 0}
    .mypageNoti .mypageInfo .device_info .txt {font-size: 16px}
    .mypageNoti .mypageInfo .device_info span {padding-top: 0}
    .mypageNoti .mypageTime .cont_box .learning_state .time_graph p {margin: 0}
    .mypageNoti .mypageQna.wide {background: #fff;padding: 25px 2% 25px;box-sizing: border-box;margin-bottom: 1%}
    .mypageNoti .mypageQna.wide .tbl_wrap .for_mo {display: block}
    .mypageNoti .mypageQna.wide .tbl_wrap th .for_mo {display: inline-block}
    .mypageNoti .mypageQna.wide .tbl_wrap td.point {padding: 10px 10px}
    .mypageNoti .mypageQna.wide .tbl_wrap td.point .info {font-size: 12px}
    .mypageNoti .mypageQna.wide .tbl_wrap td.point .info .for_mo {display: inline-block}
    .mypageNoti .mypageQna.wide .tbl_wrap i {font-style: normal;color: #ddd;padding: 0 5px}
    .mypageNoti .mypageQna.wide .tbl_wrap th i {color: #000;padding: 0}
    .mypageNoti .mypageQna.wide .tbl_wrap col:nth-child(1),.mypageNoti .mypageQna.wide .tbl_wrap th:nth-child(1),.mypageNoti .mypageQna.wide .tbl_wrap td:nth-child(1), .mypageNoti .mypageQna.wide .tbl_wrap col:nth-child(2),.mypageNoti .mypageQna.wide .tbl_wrap th:nth-child(2),.mypageNoti .mypageQna.wide .tbl_wrap td:nth-child(2), .mypageNoti .mypageQna.wide .tbl_wrap col:nth-child(5),.mypageNoti .mypageQna.wide .tbl_wrap th:nth-child(5),.mypageNoti .mypageQna.wide .tbl_wrap td:nth-child(5) {display: none}
    .mypageNoti .mypageQna.wide .tbl_wrap col:nth-child(4) {width: 20% !important}
    .selfWrap .check_goal {position: relative;padding: 0}
    .selfWrap .check_goal strong {position: relative;top: inherit;left: inherit;display: block;width: 100%;padding: 10px 15px;box-sizing: border-box;background: #fafafa;border: 0}
    .selfWrap .check_goal p {border-left: 0;border-top: 1px solid #e6e6e6;text-align: center;padding: 10px 15px}
    .selfWrap .check_goal p::before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;left: 50%;margin: -4px 0 0 -5px;background: #fafafa}
    .selfWrap .check_plan {padding: 15px}
    .selfWrap .plan_evalu {padding: 15px 15px}
    .selfWrap .plan_evalu table th {padding: 6px}
    .selfWrap .plan_evalu table td {padding: 6px 8px}
    .stateWrap .learning_state .time_graph p {font-size: 18px}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp i {top: 3%;left: 3%;font-size: 11px}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point {background-size: 100%;margin: 0 10% 0 10%;width: 80%;height: 100%}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point span {padding: 61% 0 0;font-size: 15px}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp a {padding: 5vw 0 0}
    .stateWrap .cont_box.d0806 .state_graph {border: 1px solid #eaeaea;padding: 10px 0 0}
    .stateWrap .cont_box.d0806 .state_graph .graph {width: 330px}
    .stateWrap .cont_box.d0806 .state_graph .graph canvas {width: 325px !important;height: 160px !important}/*¸Þ°¡Æнº ³ëÃâ ¿µ¿ª Ãß°¡*/
    /* .mypageWrap .mypageTop .subtit .pass_date_wrap {left: 15px;top: 130%;width: calc(100% - 30px)} */
    .mypageWrap .mypageTop .subtit .pass_date_wrap {position: initial; width: 100%; margin-top: 10px;}
    .mypgC .wrap_content.my_state .mypageConditions {margin: 20px 0 0}/* //¸Þ°¡Æнº ³ëÃâ ¿µ¿ª Ãß°¡*/
    .mypageGoalsubj {position: relative;padding: 30px 2% 40px;border: 0;margin: 0 0 10px;background: #fff}
    .mypageGoalsubj .cont_box .step {float: none;width: auto;height: auto;padding: 20px 3% 20px;margin: 0 0 10px}
    .mypageGoalsubj .dim_notice p {padding: 0}
    .mypageGoalsubj .dim_notice p {padding: 0}
    .mypageGoalsubj .cont_box .step h5 {font-size: 13px;padding: 3px 70px 2px 50px;height:auto}
    .mypageGoalsubj .cont_box .step h5 .point{font-size: 12px;padding: 5px 6px;}
    .mypageGoalsubj .cont_box .step h5 .edit {top: 2px}
    .mypageGoalsubj .cont_box .step h5 .edit a {padding: 3px 5px}
    .mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr th {height: 37px}
    .mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr td {height: 37px}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td {height: 150px}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td img {max-width: 33%}/* 2021-09-17_Ãß°¡ */
    .my_study_gray_box {margin: 0 0 40px}
    .my_study_gray_box ul {padding-right: 150px}
    .my_study_gray_box.type2 ul {padding-right: 0}
    .my_study_flt {display: none}
    .my_study_flt_mo {width: 96%;z-index: 1}
    .my_study_flt_mo.fixed {display: block;position: fixed;bottom: 75px;left: 2%;}
    .my_study_flt_mo a{display: block;height: 45px;line-height: 45px;background: #007af3;color: #fff;text-align: center;font-weight: bold;font-size: 14px;}

    /* .btn_list {background:#fff;padding:10px 10px;position:fixed;left:0;right:0;bottom:65px;z-index:10} */
    .btn_list {margin-top: 10px;}
    .btn_list .cmn_btn.c_green {/* width:100%; *//* box-sizing:border-box; *//* background:#007af3; *//* font-weight:bold; *//* font-size:15px; *//* color:#fff; *//* text-align:center; *//* height:50px; *//* line-height:50px; *//* border:none; *//* border-radius: 8px; */}
    .btn_list .cmn_btn.c_green span {/* padding-left:32px; *//* margin-right:32px; *//* display:inline-block; *//* background:url(https://img.megagong.net/mypage/cmn_btn_arr.png) no-repeat center left; *//* background-size:25px auto; */}/*2022-03-15 Ãß°¡ //¸Þ°¡Æнº ¿¬Àå Æ˾÷ °ü·Ã */
    .mypage_popup .form {top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 20px;}
    .mypage_popup .txt_list {margin-top: 15px;padding: 15px;}
    /* //2022-03-15 Ãß°¡ //¸Þ°¡Æнº ¿¬Àå Æ˾÷ °ü·Ã */
    .mypageWrap .passNoti .btn_add_lect.pc {display: none;}
    .mypageWrap .refund.for_mo {display: block;text-align: right;margin: 0 0 10px}
    .mypageWrap .refund.for_mo a {font-size: 12px;color: #333;border-bottom: 1px solid #333;display: inline-block;padding: 0 0 1px;font-weight: bold}
    .mypageWrap .mylect_tabwrap {margin: 0 0 20px}
    .mypageWrap .mylect_tabwrap .mylecttab_lst li a {padding: 16px 0;font-size: 15px}
    .mypageWrap .passNoti .passLists li .lect_end {padding: 0}
    .mypageWrap .passNoti .passLists li .lect_end i {display: none}
    .passNoti .passListW .passLists .btn_guide {display: block;margin: 3px 0 0}
    .mypageWrap .pass_plus.mobile {display: block}
    .mypageWrap .myClassTbl .myClass_tbl td .rate::before {display: none}
    .mypageWrap .myClassTbl .myClass_tbl td .bar_wrap {margin: 7px 0 10px}
    .mypageWrap .myClassTbl .myClass_tbl td .bar_wrap .bar {display: none}
    .mypageWrap .myClassTbl .myClass_tbl td .bar_wrap .rate {/* font-size:12px; */}
    .mypageWrap .myClassTbl .myClass_tbl td .bar_wrap.delay .rate {width: 199px;}
    .mypageWrap .myClassTbl .myClass_tbl td .date {padding: 10px 0 0;margin: 10px 0 0;}
    /* 20240523 e±³Àç ´Ù±Ç ÆÐÅ°Áö µî·Ï */
    .mypageWrap .myClassTbl .myClass_tbl td span.tit .ebook_icon {padding: 0px 3px 0px;}
    .pass_reapply {margin: 0 0 20px}
    .pass_reapply ul {margin: 0 0 15px}
    .pass_reapply a {position: relative;right: unset;top: unset;bottom: unset;display: block;height: 40px;line-height: 40px;width: auto;font-size: 14px;padding: 0;font-weight: bold}
    .pass_reapply a br {display: none}
    .mypageWrap .progress_pass {padding: 0;margin: 0 0 20px}
    .mypageWrap .progress_pass .tit {position: relative;top: unset;left: unset;background: #f5f5f5;text-align: center;padding: 13px 0;border-bottom: 1px solid #777}
    .mypageWrap .progress_pass .lecSelect {padding: 20px 29% 20px 2%}
    .mypageWrap .progress_pass .btn_add_lect {top: 20px;right: 2%;width: 25%}
    .page_add_lec .myClass_tbl2 col.mo_tea {width: 80px}
    .page_add_lec .myClass_tbl2 col.mo_btn {width: 65px}
    .page_add_lec .myClass_tbl2 col.mo_apply {width: 35px}
    .page_add_lec .myClass_tbl2 tbody td .btn_preview, .page_add_lec .myClass_tbl2 tbody td .prevw_btn {width: 50px}
    .payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_delivery {width: 60px}
    .payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_subway {height: auto;line-height: 1.2;padding: 8px 0 8px;width: 60px;}
    .payWrap .payList_tbl1 .pay_tbl tbody tr td .btn_subway br {display: block}
    .payWrap .order_number {margin: 0 0 10px;}
    .payWrap .order_number .state {position: relative;top: inherit;right: inherit;display: inline-block;margin: 8px 0 0;}
    .payWrap .order_tit {padding-top: 20px;margin: 0 0 10px;}
    /* °áÁ¦¿Ï·áÆäÀÌÁö ¹è³Ê */
    .paydone_bnrZone {}
    .paydone_bnrZone.off {margin: 30px 0 0;padding: 0 0 20px;}
    .paydone_bnrZone .item {}
    .paydone_bnrZone .item a {height: 13vw;}
    .paydone_bnrZone .item i {margin: -3vw 0 0;left: 3%;width: 6vw;height: 6vw;font-size: 1.2vw;top: 50%;}
    .paydone_bnrZone .add {text-align: center;width: 100%;left: 0;padding: 0 2%;box-sizing: border-box;}
    .paydone_bnrZone .sub {font-size: 1.4vw;padding: 3% 0 1%;}
    .paydone_bnrZone .tit .big {font-size: 3.2vw;}
    .paydone_bnrZone .tit .tiny {font-size: 3.3vw;letter-spacing: 0.1em;}

    /* ±ÝÁÖÀÇ ¼±»ý´Ô Ä®·³ 2409 */
    .mypage_column_wrap {display: none;}

    /* 2024 08 16 ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ Ãß°¡*/
    .view_subj_wrap {width: 96%; margin: 0 auto 1%; justify-content: flex-start;}
    .view_subj_wrap .view_subj_tit strong,
    .view_subj_wrap .view_subj_con .view_subj_bnr strong {font-size: 18px;width: 100%;margin: auto;text-align: center;}
    .view_subj_wrap .view_subj_tit,
    .view_subj_wrap .view_subj_con .view_subj_bnr {font-size: 15px;}
    .view_subj_wrap .view_subj_con .view_subj_bnr a,
    .view_subj_wrap .view_subj_tit {padding: 18px 0px; display: flex;justify-content: center; align-items: center; flex-wrap: wrap;}
    .view_subj_wrap .view_subj_con { width: calc(100% - 230px);}
    .view_subj_wrap .view_subj_tit {width: 230px;}


    /* 2024 11 19 ¼ö°­È®ÀÎÁõ ÆäÀÌÁö Ãß°¡ & ÁÖ¹®¹è¼ÛÁ¶È¸ÆäÀÌÁö ¼öÁ¤ */
    .payWrap.proof .payList_tbl1 .pay_tbl tbody tr td .btn_subway{height: auto; padding: 2px 0;}
    .payWrap.order .payList_tbl1 .pay_tbl tbody tr td .btn_delivery{height: auto; padding: 2px 0;}

    /* 2024 12 19 ¾Ë¶÷Åå */
    .mypageWrap .passNoti .alarmChk {border-right: none;}

    /* 250530 ÆнºÈıâ */
    .pass_review .main_banner {padding: 5% 0; margin-bottom: 2%;}
    .pass_review .rievew_info_list {padding: 2% 4%;margin-bottom: 2%;}
    .pass_review .rievew_info_list li:before { left: -2%;top: 17%;}
    .pass_review .gallery_base_wrap .gallery_list { margin-top: 2%;    gap: 10px;}
    .pass_review .gallery_base_wrap .gallery_list > li {width: 30%;padding: 1%;min-width: 32%;max-width: 33%;}
    .pass_review .gallery_base_wrap .gallery_list > li .img .best_icon {right: 2%;padding: 2% 3% 3%;}
    .pass_review .gallery_base_wrap .gallery_list > li .tit {margin-top: 3%;}
    .pass_review .gallery_base_wrap .gallery_list > li .con {margin-top: 3%;height: 12vw;    line-height: 1.3;}
    .pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li::before {height: 1.5vw;top: 55%;transform: translateY(-50%);}

}

@media screen and (max-width: 992px){
    /* 250530 ÆнºÈıâ */
    .pass_review .rievew_info_list {padding: 2% 5%;}
    .pass_review .table-order li.active a {font-size: 13px;}
    .pass_review .gallery_base_wrap .btn-base > * {font-size: 14px;}
    .pass_review .rievew_info_list li:before {left: -2.5%;top: 20%;}
    .pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li {font-size: 13px;padding-left: 10px;margin-left: 10px;}
}




@media(max-width: 900px) {

    .refundPopupBox {width:97%;margin: 0 0 0 0;top: 100px;left: 1.5%}
    .payWrap .layerPop.pop_coupon {width: 90%}

    /* 2024 08 16 ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ Ãß°¡*/
    .view_subj_wrap { display: block;}
    .view_subj_wrap .view_subj_tit {width: 100%;gap: 1%; border-bottom: 1px solid #ddd;}
    .view_subj_wrap .view_subj_con {width: 100%;}

    /* ¸¶ÀÌÆäÀÌÁö ij½Ã¸Þ´º ¸®´º¾ó 2409 */
    .payWrap .mycash .item {padding: 0 15px;}
    .payWrap .mycash .item::before {margin-right: 10px;}

}



@media(max-width: 768px) {

    .mypage_fixmo{max-width:110px}
    .refundPopupBox .refundIn ul {padding:0 0 0 0 !important}
    .br768 {display: none}
    .payWrap .payList_address .txt {font-size: 16px}
    .payWrap .payList_address .btn_address {font-size: 12px;padding: 0 5px;margin: 0 1px}
    .payWrap table {font-size: 13px}
    .payWrap .pay_sort {margin-bottom: 18px}
    .m_hide {display: none}/* °áÁ¦ ¸®½ºÆ® ¼ö°­È®ÀÎÁõ Ãß°¡ */
    .btn_lt {display: inline-block;margin-left: 5px}
    .lecture_txt {display: block;margin-bottom: 10px;text-align: right;font-weight: bold;font-size: 13px;color: #333333}
    .lecture_txt img {vertical-align: middle;/* margin: -2px 0 0 0; */}
    .lecture_txt .txt {text-decoration: underline;color: #777;display: inline-block;vertical-align: middle;}
    .mypgC .wrap_content.my_state.renewal {padding: 15px 0 10px}
    .wrap_content.my_state.renewal .mypageWrap .mypageTop .subtit {text-align: left}
    .mypageWrap .mypageTop .subtit a {font-size: 13px;color: #555;font-weight: 600;padding: 2px 0 2px 2px}
    .mypageWrap .mypageTop .subtit a::before {display: none}
    .mypgC .wrap_content.my_state.renewal .mypageConditions {margin: 15px 0 0;padding: 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering h4, .mypgC .wrap_content.my_state .mypageConditions .m_cheering::before {display: none}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p {padding: 0;border: 0;font-size: 13px;margin: 0 0 10px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p a {position: relative;bottom: inherit;left: inherit;margin: 10px auto 6px;display: block;vertical-align: middle}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p a:hover::before {left: 0;top: -20px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering p .point.before {width: 124px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering {margin: 0 2% 15px;border-block-start: 0;width: 96%;padding: 12px 0 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span {padding: 5px 0 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span::before {bottom: -32px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind span::after {width: 39px;height: 29px;bottom: -30px;background-position: -243px -35px;transform: rotate(21deg);background-size: 460px}
    .mypgC .wrap_content.my_state .mypageConditions .m_cheering .blind a {width: 30px;height: 30px}
    /* S: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .mypgC .m_playground {padding: 0 2% !important; border: none !important;}
    .mypgC .m_playground > a {border: 1px solid #e6e6e6;}
    .mypgC .m_playground.goal_set_before > a {padding: 20px 14px; gap: 14px;}
    .mypgC .m_playground.goal_set_after .btn-base {margin: 0 12px;}
    /* E: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .mypgC .wrap_content.my_state .mypageConditions .m_info h4 {padding: 0 0 10px;border: 0}
    .mypgC .wrap_content.my_state .mypageConditions .m_info h4::before {display: none}
    .mypgC .wrap_content.my_state .mypageConditions .m_info {background: #f7f7f7;border: 0;padding: 25px 2% 25px;margin: 0 0 10px}
    .wrap_content.renewal .mypageWrap .mypageMenu ul li, .wrap_content.renewal .mypageWrap .mypageMenu ul li.list1, .wrap_content.renewal .mypageWrap .mypageMenu ul li.list3,.wrap_content.renewal .mypageWrap .mypageMenu ul li.list5,.wrap_content.renewal .mypageWrap .mypageMenu.union ul li {margin: 0 1% 1% 0;width: 32.3%;border: 1px solid #eee;background: #ffffff}
    .wrap_content.renewal .mypageWrap .mypageMenu ul {border: 0;margin: 0}
    .wrap_content.renewal .mypageWrap .mypageMenu ul li::before {left: 50%;margin: 0 0 0 -12px}
    .wrap_content.renewal .mypageWrap .mypageMenu ul li a strong,.wrap_content.renewal .mypageWrap .mypageMenu.union ul li a strong {background: #fff;width: 100%;padding: 30px 0 0 0;text-align: center;border: 0}
    .wrap_content.renewal .mypageWrap .mypageMenu ul li a span {padding: 8px 0 12px;width: 100%;text-align: center;border: 0}
    .wrap_content.renewal .mypageWrap .mypageMenu ul li a {border: 0}
    .wrap_content.renewal .mypageWrap .mypageMenu.union ul li a span {width: 100%;}
    .wrap_content.renewal .mypageWrap .mypageMenu.union ul li.list2 {border-left: 1px solid #eee;}
    .wrap_content.renewal .mypageWrap .mypageMenu.union ul li.list5 a {min-height: 84px;}
    .wrap_content.renewal .mypageWrap .mypageMenu.union_custom ul li.list5 {width: 32.3%}
    .wrap_content.renewal .mypageWrap .mypageMenu.union_custom ul li.list5 a strong {width: 100%;}
    .mypgC .wrap_content.my_state .mypageConditions .m_message h4::before {display: none}
    .mypgC .wrap_content.my_state .mypageConditions .m_message h4 {padding: 0 0 10px;border-width: 1px}
    .mypgC .wrap_content.my_state .mypageConditions .m_message .message_more {bottom: inherit;top: 23px;background: url(https://img.megagong.net/new/mypage/mo_more.png) no-repeat center center;width: 20px;height: 20px;background-size: 16px;right: 2%}
    .mypgC .wrap_content.my_state .mypageConditions .m_message {padding: 25px 2% 25px;border: 0}#mContainer .mypageNoti .mypagetLec.renewal {padding: 25px 2% 25px}#mContainer .mypageNoti .mypagetLec.renewal .cont_more, .mypageNoti .mypageSelf .cont_more, .mypageNoti .mypageNotice .cont_more, .mypageNoti .mypageQna .cont_more, .mypageNoti .mypageScrap .cont_more, .mypageNoti .mypageTime .cont_more {bottom: inherit;top: 25px !important;background: url(https://img.megagong.net/new/mypage/mo_more.png) no-repeat center center;width: 20px;height: 20px;background-size: 16px;right: 2%}
    .mypageNoti .mypageSelf .cont_more, .mypageNoti .mypageNotice .cont_more, .mypageNoti .mypageQna .cont_more, .mypageNoti .mypageScrap .cont_more, .mypageNoti .mypageTime .cont_more {top: 0 !important}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link {padding: 0 0 13px}#mContainer .mypageNoti .mypagetLec.renewal .current li .direct_link em {position: relative;top: inherit;right: inherit;border: 0;padding: 4px 0 0;color: #b1b1b1}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no span {font-size: 12px}#mContainer .mypageNoti .mypagetLec.renewal .current li.lst_no strong {font-size: 15px;margin: 0 0 5px}
    .mypageNoti .mypageTime, .mypageNoti .mypageTime.d0806 {width: 100%;margin-right: 0;padding: 25px 2% 25px;/* margin-bottom: 0; */}
    .mypageNoti .mypageWeek, .mypageNoti .mypageWeek.d0806 {width: 100%;background: #fff;padding: 25px 2% 25px;box-sizing: border-box;/* margin: 0; */}
    .mypageNoti .mypageWeek.d0806 {margin-left: 0;}
    #mContainer .mypageNoti.renewal h4.tit {border-bottom: 1px solid #eee}
    .mypageNoti .mypageTime .cont_box {border: 0;padding: 20px 0 0;height: auto}
    .mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr th {padding: 5px 5px}
    .mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr th span {width: 25px;line-height: 25px;height: 25px}
    .mypageNoti .mypageTime .cont_box .learning_tbl .time_table table.tbl tr td {padding: 7px 5px}
    .mypageNoti .mypageTime .cont_box .learning_state {display: none;width: 100%}
    .mypageNoti .mypageTime .cont_box .learning_state .time_graph > div {display: none}
    .mypageNoti .mypageTime .cont_box .learning_tbl {width: 100%;padding: 0 2%}
    .mypageNoti .mypageTime .cont_box .learning_tbl .time_table table {width: 100%;margin: 0}
    .mypageNoti .mypageTime h4 .tday_time {display: inline-block;font-size: 13px;font-weight: normal;padding: 0 0 0 10px;border-left: 1px solid #ddd;margin: 0 0 0 5px;display: none}
    .mypageNoti .mypageWeek .cont_box {border-width: 0 1px 1px 1px;padding: 20px 0 0;height: auto}
    .mypageNoti .mypageWeek .state_graph {height: 190px;/* border: 1px solid #eee; */
    margin: 0 auto}
    .mypageNoti .mypageWeek .cont_box .cont_more {right: 2%;margin: 0px 1px 1px 0}
    .mypageNoti .mypageSelf {background: #fff;padding: 25px 2% 25px;width: 100%;margin: 0}
    .mypageNoti .mypageQna .qna_list ul li p {padding: 10px 20px}#mContainer .mypageNoti.renewal .mypageQna h4.tit {border: 0}
    .mypageNoti .dim_notice p {font-size: 12px;padding: 5% 0 0}
    .mypageNoti .dim_notice p strong {font-size: 14px}
    .mypageNoti .mypageNotice .notice_list li.lst_no, .mypageNoti .mypageScrap .scrap_list li.lst_no {height: 45px;line-height: 45px}
    .mypageNoti .mypageInfo .cont_box .board_info h5 {font-size: 18px}
    .mypageNoti .mypageInfo .cont_box .call_info > p {font-size: 21px;text-align: center;border: 0;padding: 0;margin: 0 0 12px}
    .mypageNoti .mypageInfo .cont_box .board_info a {width: 75%;height: 28px;line-height: 28px}
    .mypageNoti .mypageInfo .cont_box .center_info .center_wrp .pc_view {display: none;}
    .mypageNoti .mypageInfo .cont_box .center_info .center_wrp .mo_view {display: block;}
    .mypageNoti .mypageInfo .cont_box .center_info .center_wrp a {left: 28%;bottom: 16%;width: 20.5%;}
    .mypageNoti .mypageInfo .device_info ul {width: 90%}
    .mypageNoti .mypageInfo .device_info ul li {width: 48%;margin: 0 1%}
    .mypageNoti .mypageInfo .device_info ul a {height: 28px;line-height: 28px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl tr th {padding: 5px 5px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl tr td, .mypageNoti .mypageSelf .selfcheck_state table.tbl tr td.tL {padding: 7px 5px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl tr td br {display: block}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl colgroup col:nth-child(1) {width: 70px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl colgroup col:nth-child(3) {width: 70px}
    .selfWrap .tbl colgroup col:nth-child(4),.selfWrap .tbl tr th:nth-child(4),.selfWrap .tbl tr td:nth-child(4) {display: none}
    .selfWrap .tbl colgroup col:nth-child(1) {width: 85px}
    .selfWrap .tbl colgroup col:nth-child(3) {width: 90px}
    .qnaWrap .qna_list table colgroup col:nth-child(1),.qnaWrap .qna_list table tr th:nth-child(1),.qnaWrap .qna_list table tr td:nth-child(1),.qnaWrap .qna_list table colgroup col:nth-child(6),.qnaWrap .qna_list table tr th:nth-child(6),.qnaWrap .qna_list table tr td:nth-child(6) {display: none}
    .qnaWrap .qna_list table tr td[colspan="5"] {display: none}
    .qnaWrap .qna_list table tr td[colspan="4"] {display: table-cell}
    .qnaWrap .qna_list table colgroup col:nth-child(2) {width: 80px}
    .qnaWrap .qna_list table colgroup col:nth-child(4) {width: 60px}
    .qnaWrap .qna_list table colgroup col:nth-child(5) {width: 60px}
    .stateWrap h3 {font-size: 14px}
    .stateWrap h3 .tiny_info {float: none;display: block;padding: 5px 0 0}
    .stateWrap .cont_box .lrning_wrp {padding: 15px}
    .stateWrap .cont_box .lrning_wrp h4 {font-size: 13px;margin: 0 0 10px}
    .stateWrap .cont_box .lrning_wrp .lrning_day, .stateWrap .cont_box .lrning_wrp .lrning_week {float: none;width: 100%;margin: 0 0 10px;/*height: 200px;*/}
    .stateWrap .learning_state {width: 50%;margin: 0;padding: 15px 0 15px}
    .stateWrap .learning_state .time_graph {padding: 0}
    .stateWrap .learning_state::before,.stateWrap .learning_state.weekly::before {top: 0}
    .stateWrap .learning_state h5 {font-size: 13px;margin: 0 0 10px}
    .stateWrap .learning_state .time_graph p {margin: 0 0 5px;font-size: 15px}
    .stateWrap .learning_state .time_graph p > span {font-size: 15px}
    .stateWrap .cont_box .learning_tbl {padding: 20px 15px;width: 100%;border-left: 0;border-top: 1px solid #eee}
    .stateWrap .cont_box.d0806 .learning_tbl {width: auto;border: 0;margin: 0 0 60px;float: none}
    .stateWrap .cont_box .learning_tbl .time_table table.tbl tr td {padding: 7px 3px}
    .stateWrap .cont_box .learning_tbl .time_table table.tbl tr th {padding: 7px 3px}
    .stateWrap .dim_notice p {padding: 10% 0 0;font-size: 12px}
    .stateWrap .dim_notice p strong {font-size: 13px}
    .stateWrap .dim_notice a.pass_btn {padding: 8px 0;font-size: 13px;width: 160px}
    .stateWrap .settimeinfo_wrap,.stateWrap .tit2 .settimeinfo_wrap {left: 0;width: 100%;max-width: 100%;margin: 25px 0 0;top: 0}
    .stateWrap .settimeinfo_wrap br,.stateWrap .tit2 .settimeinfo_wrap br {display: none}
    .stateWrap .settimeinfo_wrap::before {height: 9px;top: -9px}
    .stateWrap .check_info {margin: 0 0 30px}
    .stateWrap .cont_box.d0806 .state_graph {width: auto;float: none;margin: 0}
    .stateWrap .cont_box.d0806 .state_graph .graph {width: 320px}
    .stateWrap .calender_wrp h4 {font-size: 15px}
    .stateWrap .calender_wrp h4 a {top: 7px}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .time {display: none}
    .stateWrap .calender_wrp .tbl_wrap table {font-size: 12px}
    .stateWrap .calender_wrp .tbl_wrap {float: none;margin: 0 auto;width: 100%}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point span {font-size: 12px;font-weight: 200;color: #000;padding: 35% 0 0;letter-spacing: -0.06em;line-height: 1}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp a {padding: 16% 0 0}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point, .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point.fail {position: relative;margin: 0;width: 100%;background: none}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point::before {content: '';position: absolute;top: 0;left: 10%;background: url(https://img.megagong.net/m/2021/0726_chall/stamp_pass.png) no-repeat center 42%;width: 80%;height: 46%;background-size: 120%}
    .stateWrap .calender_wrp .tbl_wrap table tr td .wrp .point.fail::before {background-image: url(https://img.megagong.net/m/2021/0726_chall/stamp_fail.png)}
    .stateWrap .calender_wrp .calender_color {padding: 3px 0 0;margin: 0 0 0;text-align: left}
    .stateWrap .calender_wrp .calender_color span {margin: 0 5px 0 0}
    /* 202107_Æнº ȯ±Þ¿©ºÎ(¸¶ÀÌÆäÀÌÁö) */
    .passNoti .passListW .passLists .icon_refund {width: 55px;position: relative;top: unset;left: unset;display: block;margin: 0 0 2px}
    .mypageGoalsubj {position: relative;padding: 20px 2% 40px;border: 0;margin: 0 0 10px;background: #fff}
    .mypageGoalsubj .cont_box {margin: -1px 0 0}
    .mypageGoalsubj .cont_box .step {float: none;width: auto;height: auto;padding: 20px 3% 20px;margin: 0 0 10px}
    .mypageGoalsubj .dim_notice p {padding: 0}
    .mypageGoalsubj .dim_notice p {padding: 0}
    .mypageGoalsubj .cont_box .step h5 {overflow: visible;}
    .mypageGoalsubj .cont_box .step h5 .point {padding: 4px 7px;border-radius: 10px}
    .mypageGoalsubj .cont_box .step h5 .edit {font-size: 11px}
    .mypageGoalsubj .cont_box .step h5 .edit a:nth-child(2):before {top: 5px}
    .mypageGoalsubj .cont_box .step .value_wrap{padding: 0 0 0 90px;}
    .mypageGoalsubj .cont_box .logo{width: 90px;}
    .mypageGoalsubj .cont_box .step .tbl_wrap {}
    .mypageGoalsubj .cont_box .step .value_wrap {}
    .mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr th {height: 27px}
    .mypageGoalsubj .cont_box .step .tbl_wrap .tbl tr td {height: 27px}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td {height: 110px}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td img {max-width: 45%;display: inline-block}/* 2021-09-17_Ãß°¡ */
    .my_study_gray_box ul {padding-right: 0}
    .my_study_gray_box ul li br {display: none}
    .my_study_gray_box a {position: static;margin-top: 10px;display: block;height: auto;font-size: 13px}
    .my_study_gray_box a br {display: none}/* 2022-08-18 ¿Â¶óÀμ­Á¡ ÀüÀÚÃ¥»ç¾÷ */
    .mypageWrap .ebookBnr img.pcView {display: none}
    .mypageWrap .ebookBnr img.moView {display: block}
    .mypageWrap .ebookBnr a.union {position: relative;}
    .mypageWrap .ebookBnr a.union span.moView {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;}
    .mypageWrap .ebookBnr .btn_wrp {position: relative;display: block;}
    .mypageWrap .ebookBnr .btn_wrp a {display: block;position: relative;margin-top: 10px;font-size: 28px;font-size: 3.6vw;white-space: nowrap;}
    .mypageWrap .ebookBnr .btn_wrp a:nth-child(1) {padding-right: 0;margin-top: 0;}
    .mypageWrap .ebookBnr .btn_wrp a:nth-child(2) {padding-left: 0;}
    .mypageWrap .ebookBnr .btn_wrp a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .mypageWrap .ebookBnr a.union {display: block;position: relative;margin-top: 10px;font-size: 28px;font-size: 3.6vw;white-space: nowrap;}
    .mypageWrap .ebookBnr a.union:nth-child(1) {padding-right: 0;margin-top: 0;}
    .mypageWrap .ebookBnr a.union:nth-child(2) {padding-left: 0;}
    .mypageWrap .ebookBnr a.union span {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .mypageWrap .myClassTbl .myClass_tbl td .aTit {margin-top: 5px}
    .mypageWrap .myClassTbl .myClass_tbl td .fr {margin-top: 5px}
    .mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .moView {display: block}
    .mypageWrap .myClassNoti {padding: 20px}
    .mypageWrap .progress_pass .lecSelect {padding: 20px 2%}
    .mypageWrap .progress_pass .btn_add_lect {position: relative;top: unset;right: unset;margin: 10px auto 0;width: 150px}
    .my_study_flt_mo.fixed {bottom: 63px}
    .payWrap .ordertbl_wrap .order_tbl tr td {padding: 25px 5px;}
    .payWrap .ordertbl_wrap .order_tbl col.mo_number {width: 45px;}
    .payWrap .ordertbl_wrap .order_tbl col.mo_type {width: 60px;}
    .payWrap .ordertbl_wrap .order_tbl col.mo_price {width: 70px;}
    .payWrap .deliveryinfo_wrap ul.pay_point li, .payWrap .payinfo_wrap ul.pay_point li {padding: 20px 0 20px 140px;}
    .payWrap .ordertbl_wrap .order_tbl tr td .payTxt .btn_guide {display: block;margin: 6px 0 0 0;}
    .mypageWrap .myClassTbl .myClass_tbl td .date .btn_write {display: block}
    .mypageWrap .myClassTbl .myClass_tbl td .date .btn_write {width: 130px;height: 25px;line-height: 23px;padding: 0;margin: 4px 0 0;}
    /* .mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo .btn_view_wrap.moView{display: flex;position: absolute;right:0;bottom:0;gap: 5px;} */
    .mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo .btn_view_wrap.moView {flex-direction: row;display: flex;gap: 0 5px;justify-content: flex-end;margin-top: clamp(-30px,-10vmin,-100px);}
    .mypageWrap .myClassTbl .myClass_tbl.ebookTbl td .ebookInfo .btn_view_wrap.moView .btn_view {position: relative;padding: 5px 3px;font-size: 10px;width: clamp(60px, 15vmin, 100px);}
    
    /* 2024 12 18 ¾Ë¶÷Åå */
    .mypageWrap .passNoti .alarmChk {padding: 10px 15px;}
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_tit {margin-bottom: 0px;}
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop {margin-left: 5px;}
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box { width: 60%;padding: 2% 3%;top: 85%;}
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box .alarm_pop_text b { color: #777;font-weight: 400;}

    /* 2024 08 16 ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ Ãß°¡*/
    .view_subj_wrap .view_subj_tit, 
    .view_subj_wrap .view_subj_con .view_subj_bnr {font-size: 13px;}
    .view_subj_wrap .view_subj_tit strong, 
    .view_subj_wrap .view_subj_con .view_subj_bnr strong {font-size: 15px;}


    /* ¸¶ÀÌÆäÀÌÁö ij½Ã¸Þ´º ¸®´º¾ó 2409 */
    .payWrap .mycash {flex-direction: column;}
    .payWrap .mycash .item {flex-basis: 100px; height: auto; padding: 0 20px;}
    .payWrap .board-list-wrap table tbody td {padding: 20px 4px;}
    .payWrap .board-list-wrap table tbody td.title .note,
    .payWrap .board-list-wrap table tbody td.price .note {font-size: 12px;}

    /* 2024 11 19 ¼ö°­È®ÀÎÁõ ÆäÀÌÁö Ãß°¡ & ÁÖ¹®¹è¼ÛÁ¶È¸ÆäÀÌÁö ¼öÁ¤ */
    .payWrap.ver1119 .show-pc{display: none;}
    .payWrap.ver1119 .show-mo{display: table-cell;}
    .payWrap.ver1119 .tab_style{gap: 5px;}
    .payWrap.ver1119 .tab_style li{width: 80px;}
    .payWrap.ver1119 .tab_style li a{padding: 12px 0; font-size: 13px;}

    .payWrap.proof [class*=select-wrap] .select-base, .select-ui{width: 80px;}
    .payWrap.proof .payList_tbl1 .pay_tbl{font-size: 13px;}

    .payWrap.order .payList_tbl1 .pay_tbl{font-size: 13px;}
    .payWrap.order .payList_tbl1 .pay_tbl tbody tr td .payList_detail{font-size: 13px;}
    .payWrap.order .payList_tbl1 .pay_tbl tbody tr td .paydate{font-size: 11px;}

    /* 250530 ÆнºÈıâ */
    .pass_review .main_banner {padding: 6% 0;}
    .pass_review .rievew_info_list {padding: 2% 1% 2% 6%;}
    .pass_review .rievew_info_list li:before { left: -4%;}
    .pass_review .gallery_base_wrap .btn-base > * { font-size: 13px;padding: 10.5px 20px;}
    .pass_review .gallery_base_wrap .gallery_list > li { width: 49%; min-width: 49%;max-width: 49%;}
    .pass_review .gallery_base_wrap .gallery_list > li .img {padding: 0 0 59.235% 0;}

}

@media(max-width: 640px) {

    .mypageWrap .big_banner .img_mb {display: block}
    .mypageWrap .big_banner .img_pc {display: none}
    .mypageNoti .dim_notice p {padding: 6% 0 0}
    .mypageNoti .mypageInfo .cont_box {padding: 57px 0 0}
    .mypageNoti .mypageInfo .cont_box .direct_info ul li a br {display: block}
    .mypageNoti .mypageInfo .cont_box .board_info h5 {font-size: 17px}
    .mypageNoti .mypageInfo .cont_box .call_info > p {font-size: 20px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl colgroup col:nth-child(1) {width: 53px}
    .mypageNoti .mypageSelf .selfcheck_state table.tbl colgroup col:nth-child(3) {width: 50px}
    .mypageGoalsubj .dim_notice p {padding: 0}
    .mypageGoalsubj .dim_notice p {padding: 0}/* ÇнÀ±â±â µî·Ï ÆäÀÌÁö device/my_device */
    .my_device .caution_box {padding: 20px;}
    .my_device .tbl tr th,.my_device .tbl tr td {padding: 10px 5px;}

}


@media(max-width: 576px) {

    .mypage_fixmo{/*width: 20vw;*/bottom:75px}
    /* S: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .mypgC .m_playground .btn-base span {padding: 5px 15px;}
    .mypgC .m_playground.goal_set_after .lv_icon > img {width: 80px;}
    /* E: ¸¶ÀÌÆäÀÌÁö Ç÷¹À̱׶ó¿îµå ¹è³Ê */
    .payWrap .payList_tbl1 .pay_tbl colgroup col:nth-child(5) {width:19%}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td img {max-width: 60%}
    .mypageWrap .myClassTbl .myClass_tbl td .date .last_study {display: block;padding: 3px 0 0;}
    .lecture_txt .icon_subway .asl {padding-right: 15px;font-size: 11px;min-width: 50px;width: 344px;letter-spacing: -0.09em;line-height: 1.2;height: auto;padding: 10px 7px 10px;font-weight: normal;top: 20px;}
    .lecture_txt .icon_subway .asl .sub_way_close {top: 0;padding: 6px 5px;right: 0;z-index: 2;line-height: 1;}
    .lecture_txt .icon_subway .asl .sub_way_close img {vertical-align: top;}
    .mypageGoalsubj .cont_box .step .tbl_wrap.logo .tbl tr td img {max-width: 66%}
    .mypage_popup .form {padding: 25px;}
    .mypage_popup {height: 400px;overflow-y: auto;}
    .mypageWrap .next_tea_banner_wrap .next_tea_banner a {padding: 4% 0;}
    .mypageWrap .ebookBnr .btn_wrp a {font-size: 14px;}
    .mypageWrap .ebookBnr .btn_wrp a span {padding-right: 30px;}
    .mypageWrap .ebookBnr .btn_wrp a span:after {width: 20px;height: 6px;background-size: 20px auto;}
    .mypageWrap .ebookBnr a.union {font-size: 14px;}
    .mypageWrap .ebookBnr a.union span {padding-right: 30px;font-size: 14px;}
    .mypageWrap .ebookBnr a.union span:after {width: 20px;height: 6px;background-size: 20px auto;}

    /* 2024 12 18 ¾Ë¶÷Åå */
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box {width: 80%;}
    .mypageWrap .passNoti .alarmChk .alarm_left .alarm_pop_box .alarm_pop_off {right: -5px;top: -1px;}

    /* 2023-04-12 Ãß°¡ - ÄíÆù»ç¿ë Æ˾÷ °ü·Ã */
    .payWrap .layerPop.pop_coupon table.table_scroll tbody {display: block;max-height: 280px;overflow-y: scroll;overflow-x: hidden;}
    /* °áÁ¦¿Ï·áÆäÀÌÁö ¹è³Ê */
    .paydone_bnrZone .item a {height: 23vw;}
    .paydone_bnrZone .item i {width: 11vw;height: 11vw;font-size: 2.6vw;margin: -5vw 0 0 0;}
    .paydone_bnrZone .sub {font-size: 3vw;padding: 6.5% 0 1.5%;}
    .paydone_bnrZone .tit .big {font-size: 5vw;letter-spacing: 0.2em;}
    .paydone_bnrZone .tit .tiny {font-size: 3.3vw;letter-spacing: 0.1em;}
    .paydone_bnrZone .add {bottom: 2px;}
    .paydone_bnrZone .slick-dots {padding: 5px 5px 0 0;}
    .paydone_bnrZone .slick-dots button {width: 5px;height: 5px;}
    /* ÇнÀ±â±â µî·Ï ÆäÀÌÁö device/my_device */
    .my_device .tbl tr th:nth-of-type(1) {width: 15%;}
    .my_device .tbl tr th:nth-of-type(2) {width: 10%;}
    .my_device .tbl tr th:nth-of-type(6) {width: 10%;}
    .my_device .tbl .edit_wrap.show {left: auto;transform: none;right: -45px;bottom: 0;width: 170px;}


    /* 2024 08 16 ÀüÁöÀû Á÷·ÄŽ±¸ ½ÃÁ¡ Ãß°¡*/
    .view_subj_wrap .view_subj_tit strong, 
    .view_subj_wrap .view_subj_con .view_subj_bnr strong {font-size: 13px;}
    .view_subj_wrap .view_subj_con .view_subj_bnr a {text-align: center;}

    /* ¸¶ÀÌÆäÀÌÁö ij½Ã¸Þ´º ¸®´º¾ó 2409 */
    .payWrap .mycash {margin-bottom: 12px;}
    .payWrap .mycash .item::before {content: none;}
    .payWrap .cash_tab {margin-bottom: 0;}
    .payWrap .cash_tab li a {font-size: 16px;}
    .payWrap .sort_wrap {flex-direction: column; gap: 20px;}
    .payWrap .sort_wrap .sort_tab li {flex: 1;}
    .payWrap .sort_wrap .sort_tab li a {width: 100%; font-size: 13px; padding: 10px 0;}
    .payWrap .sort_wrap .select-wrap .select-base {height: 40px; font-size: 14px;}
    .payWrap table colgroup col:nth-last-child(1),
    .payWrap table colgroup col:nth-last-child(2) {width: 23.2% !important;}
    .payWrap .board-list-wrap table thead th {padding: 20px 5px;}
    .payWrap .board-list-wrap table tbody td.title {padding: 0 5px 0 10px;}
    /* .payWrap .board-list-wrap table tbody td.title a {margin-left: 5px; min-width: 74px;} */
    .payWrap .board-list-wrap table tbody td.title .tit {flex-wrap: wrap; gap: 3px;}
    .payWrap .board-list-wrap table tbody td.title .tit .content {width: 100%; text-align: left;}
    .payWrap .board-list-wrap table tbody td.title a {margin-left: 0; min-width: 74px;}
    .payWrap .pay_done .txt1 {font-size: 16px;line-height: 1.5;}
    .payWrap .pay_done .txt1 strong{font-size:inherit}
    .payWrap .pay_done .txt2 {font-size: 14px;line-height: 1.3;padding-left: 10px;padding-right: 10px;}
    /* ij½¬Æ˾÷ */
    .cash_pop .content_inner {padding: 20px;}

    .payWrap.ver1119 .tab_style li a{padding: 10px 0; font-size: 12px;}

    /* 250530 ÆнºÈıâ */
    .pass_review .main_banner {padding: 8% 0;}
    .pass_review .rievew_info_list {padding: 4% 1% 3% 7%;  margin-bottom: 6%;}
    .pass_review .rievew_info_list li:before {left: -5%; top: 11%;}
    .pass_review .rievew_info_list li {margin-bottom: 2%;line-height: 1.3;}
    .pass_review .gallery_base_wrap .gallery_list {margin-top: 4%;   }
    .pass_review .gallery_base_wrap .gallery_list > li { width: 48%; min-width: 48%;max-width: 48%;}
    .pass_review .gallery_base_wrap .gallery_list > li .img .best_icon {font-size: 11px;border-radius: 0px 0px 5px 5px;}
    .pass_review .gallery_base_wrap .gallery_list > li .tit { margin-top: 5%; }
    .pass_review .gallery_base_wrap .gallery_list > li .con { margin-top: 4%; height: 17vw; font-size: 12px; }
    .pass_review .gallery_base_wrap .gallery_list > li .bottom_area .author li {font-size: 12px; }

}

@media all and (max-width:992px){
    .payWrap.order .pay_sort{padding: 25px 7% 65px;}
    .payWrap.order .pay_sort .month_area ul li{width: 33.3%;}
    .payWrap.order .pay_sort .tit{top: unset;}
    .payWrap.order .search-button{ position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; line-height: 40px; font-size: 15px; font-weight: bold; margin: 0; border-radius: 0;}
    .payWrap.order .pay_sort .dateArea{margin-left: 0;}
    .payWrap.order .pay_sort .dateArea .d_bx{width: 48%;}
    .payWrap.order .pay_sort .dateArea span.dash{padding: 15px 0 0;}
    .payWrap.order .pay_sort .month_area ul li a{height: 30px; line-height: 30px; font-size: 13px;}
    .payWrap.order .pay_sort .dateArea .d_bx{height: 30px;}
    .payWrap.order .pay_sort .dateArea .d_bx input.date1{height: 30px; line-height: 30px; left: 15px; font-size: 13px;}
    .payWrap.order .pay_sort .dateArea .d_bx .ico{width: 16px; height: 18px;}
}