@charset "euc-kr";


.btn_tab {display:flex; width:236px; padding:2px; margin:4px auto 24px; border-radius:4px; border:1px solid #888;}
.btn_tab a {display:table-cell; width:114px; line-height:34px; text-align:center; border-radius:4px; color:#888; font-size:13px; font-weight:600;}
.btn_tab a + a {margin-left:2px;}
.btn_tab a.on {color:#fff; background:#4FB500;}

.my_otp {margin:110px 0; text-align:center; color:#fff;}
.my_otp strong {display:block; padding-top:125px; margin-bottom:12px; font-weight:600; font-size:26px; color:#4FB500; background:url(../images/ico_otp.svg) no-repeat center top;}
.my_otp p {margin-bottom:30px; font-size:15px; line-height:24px; font-weight:600;}
.my_otp .otp_btn {display:block; width:180px; height:42px; margin:0 auto; line-height:42px; border:0; border-radius:4px; color:#fff; font-weight:600; background:#4FB500;}

.my_cont {margin:15px -20px; padding:0 16px;}
.my_cont .tit {display:block; margin-bottom:24px; font-size:15px; font-weight:600; text-align:left; color:#fff; font-weight:600;}
.my_cont .time_set {display:flex; justify-content:space-between;}
.my_cont .time_set label {position:relative; display:block;}
.my_cont .time_set label input {position:absolute; z-index:1; left:-9999px; width:0; height:0; clip:rect(0,0,0,0); overflow:hidden;}
.my_cont .time_set label input + span {display:inline-block; padding:10px 12px 10px; line-height:1; font-size:12px; font-weight:600; border-radius:4px; border:1px solid #666; color:#666; background:#fff;}
/*.my_cont .time_set label input:checked + span {color:#fff; background:#46AC00;} */
.my_cont .table_wrap {margin-top:16px;}
.my_cont .table_wrap table {font-size:14px; width:100%; border-collapse:collapse;}
.my_cont .table_wrap table caption {display:none;}
.my_cont .table_wrap table thead tr th {color:#111; height:42px; font-size:14px; background:#eee;}
.my_cont .table_wrap table thead tr th:first-child {border-radius:4px 0 0 4px;}
.my_cont .table_wrap table thead tr th:last-child {border-radius:0 4px 4px 0;}
.my_cont .table_wrap table tbody tr:first-of-type td {border-top:0;}
.my_cont .table_wrap table tbody tr td {height:40px; font-weight:600; font-size:13px; color:#fff; text-align:center; border-top:1px solid #666;}

.my_cont .page {display:flex; justify-content:center; align-items:center; margin-top:20px;}
.my_cont .page ol {display:flex; justify-content:center;}
.my_cont .page ol li a {display:block; height:16px; color:#fff; padding:0 4px; line-height:16px; font-size:13px; font-weight:600;}
.my_cont .page ol li a.on {color:#46AC00;}
.my_cont .page > a {display:none; width:16px; height:16px; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.my_cont .page > a.prev {background-image:url(../images/ico_prev.svg);}
.my_cont .page > a.next {background-image:url(../images/ico_next.svg);}
.my_cont .page > a.on {display:block;}

.popup_wrap {display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.popup_wrap .popup {position:absolute; z-index:1; left:16px; top:50%; width:calc(100% - 32px); padding:30px 34px 26px; text-align:center; border-radius:8px; background:#fff; transform:translateY(-50%);}
.popup_wrap .popup > strong {display:block; margin-bottom:24px; font-size:20px; color:#347402; font-weight:600;}
.popup_wrap .popup .detail {padding:16px 22px 8px; text-align:left; margin-bottom:18px; border-radius:8px; background:#F5F5F5;}
.popup_wrap .popup .detail dl {font-size:14px; font-weight:600;}
.popup_wrap .popup .detail dt {float:left; width:76px; margin-bottom:12px; color:#111;}
.popup_wrap .popup .detail dd {padding-left:76px; color:#694105;}
.popup_wrap .popup .detail dd:after {display:block; content:''; clear:both;}
.popup_wrap .popup .detail dd a {color:#694105; text-decoration:underline;}
.popup_wrap .pop_close {display:block; width:135px; margin:0 auto; line-height:44px; height:44px; border:0; font-size:13px; font-weight:600; border-radius:8px; text-align:center; color:#fff; background:#4fb500;}