.mysave { display: block; font-weight: normal !important; font-size: 14px !important; color: var(--main-color); font-weight: bold; }
#loadDiv { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: flex; background: white; z-index: 999; opacity: 0.9; flex-direction: column; align-items: center; justify-content: center; }
#loadDiv > img { display: flex; width: auto; max-width: 100%; height: auto; }
#loadDiv > p { margin-top: 20px; line-height: 20px; font-size: 13px; color: #1c1c1c; text-align: center; }
#loadDiv2 { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: flex; background: white; z-index: 999; opacity: 0.9; flex-direction: column; align-items: center; justify-content: center; }
#loadDiv2 > img { display: flex; width: auto; max-width: 100%; height: auto; }
#loadDiv2 > p { margin-top: 20px; line-height: 20px; font-size: 13px; color: #1c1c1c; text-align: center; }
#loadDiv3 { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: flex; background: white; z-index: 999; opacity: 0.9; flex-direction: column; align-items: center; justify-content: center; }
#loadDiv3 > img { display: flex; width: auto; max-width: 100%; height: auto; }
#loadDiv3 > p { margin-top: 20px; line-height: 20px; font-size: 13px; color: #1c1c1c; text-align: center; }
#brandnew { flex-direction: column; padding: 10% 15%; justify-content: center; text-align: left; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 100; color: #fff; display: none; }
#brandnew .eng { line-height: 1.2; font-size: 24px; font-weight: bold; margin: 0 0 40px; }
#brandnew .tit { line-height: 1.4; font-size: 18px; font-weight: 500; margin: 0 0 30px 0; }
#brandnew .tit span { color: #A5E9FF; font-weight: bold; }
#brandnew .txt {}
#brandnew .txt p { display: flex; flex-direction: column; }
#brandnew .txt p + p { margin-top: 20px; }
#brandnew .txt p strong { font-size: 16px; }
#brandnew .txt p span { padding: 5px 0 0 13px; font-size: 14px; }
#brandnew .act { margin-top: 50px; }
#brandnew .act a { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 36px; border: 1px solid #fff; color: #fff; font-size: 14px; text-align: center; color: #fff; }
#mocktest .detail .comment .explain { padding: 10px 10px; }
#community .viewskin { padding: 0px; width: 100%; max-width: 100%; }
.jc-bs3-container { width: 50%; }
.jconfirm .jconfirm-holder { padding-left: 33%; }

a.prevBtn { float: left; padding: 5px 8px 5px 8px; text-align: center; background: #55DFFF; font-size: 12px; font-weight: bold; color: #ffffff; align-items: center; justify-content: center; min-width: 50px; border-radius: 5px; }
a.nextBtn { float: right; padding: 5px 8px 5px 8px; background: #55DFFF; font-size: 12px; text-align: center; font-weight: bold; color: #ffffff; align-items: center; justify-content: center; min-width: 50px; border-radius: 5px; }
.modiBtn { float: right; display: flex; align-items: center; justify-content: center; width: 60px; height: 20px; border-radius: 5px; background: gray/*#55DFFF*/; font-size: 12px; color: #fff; margin-top: 8px; display: none; font-weight: bold; }
.modiBtn.on { float: right; align-items: center; justify-content: center; width: 60px; height: 20px; border-radius: 5px; background: gray/*#55DFFF*/; font-size: 12px; color: #fff; margin-top: 5px; display: flex; font-weight: bold; }
#wrap #mocktest .detail .lt-item .comment .cont > ul > li .top .info { height: 26px; }
.commBtn { float: right; align-items: center; justify-content: center; width: 60px; height: 20px; font-size: 12px; font-weight: normal; text-decoration: underline; background: #fff; color: #333; margin-top: 8px; display: none !important; }
.commBtn.on { float: right; align-items: center; justify-content: center; width: 60px; height: 20px; font-size: 12px; font-weight: normal; text-decoration: underline; background: #fff; color: #333; margin-top: 8px; display: flex !important; }
.tingle-modal--visible { visibility: visible; /*opacity: 0.98;*/ background-color: rgba(0, 0, 0, 0.85); }
.tingle-modal-box img { max-width: 100%; height: auto !important; }
.problem img { object-fit: contain; max-width: 100%; height: auto; display: block; margin: 30px auto; }
.tingle-modal-box__footer { text-align: center; }
.tingle-modal--overflow { padding-top: 3vh; }
.se-component-content { font-size: 1.5rem; line-height: 1.8rem; }

@media (max-width: 540px) {
    .jc-bs3-container { width: 95%; }
    .jconfirm .jconfirm-holder { padding-left: 4%; }
    #community .viewskin { width: 90%; }
    #wrap #mocktest .detail .lt-item .comment .uppr { display: flex; align-items: center; justify-content: space-between; height: 50px; border-bottom: 1px solid #333; padding: 0; }
    #wrap #mocktest .detail .lt-item .comment .uppr .total { line-height: 30px; font-size: 16px; font-weight: bold; color: #333; }
    #wrap #mocktest .detail .lt-item .comment .uppr .act { flex-shrink: 0; }
    #wrap #mocktest .detail .lt-item .comment .uppr .act a { display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; border-radius: 5px; background: #37C6F0; font-size: 12px; color: #fff; font-weight: bold; }
    #wrap #mocktest .detail .lt-item .comment .explain { padding: 10px 0px 10px 0px; }
    .tingle-modal--overflow { padding-top: 7vh; }
  }