@charset "UTF-8";
/* guide */
div[class^=_code] {
  position: relative;
  border: 1px #999 solid;
  border-radius: 8px;
  background: #5f5f5f;
}
div[class^=_code]::before {
  content: "";
  position: relative; 
  display: block;
  left: 30px;
  top: -20px;
  font-size: 14px;
  color: 0;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 16px;
}
 
.sample_button {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px #dcdcdc solid;
  border-radius: 8px;
  background: #f0f0f0;
}
.sample_button > span {
  font-size: 16px;
}

/***************
    TOP & 정보확인/서비스등록
***************/
#Container .contents.login {padding: 0;display: block;height: 100%;position: fixed;left: 0;top: 0;bottom: 0;right: 0;}

#Container .contents.login .section{padding:2.58rem 0 2.5rem 0;align-items:center;display:flex;flex-direction:column;width:100%;height: 100%;flex:1;}
#Container .contents.login .section .loginBox{position:relative;flex: 0 1 auto;overflow-y:auto;height:100%;padding:0 1.5rem;width:100%;z-index:1;display: flex;flex-direction: column;align-items: flex-start;text-align: left;}
#Container .contents.login .section .loginBox .loginLogo{margin-bottom:2rem;font-size:0;line-height:0;width: 12.5rem;height: 3.75rem;background:url('../images/img_login_logo.svg') no-repeat left top;background-size:100% 100%;/* display: flex; *//* margin-left: -21px; */}
#Container .contents.login .section .loginBox .txt{font-size:1rem;font-weight:400;color:#606366;line-height:170%;/* flex: 0 1 auto; */}

#Container .contents.login .section .btnArea:before{display:block;content:"";position:absolute;right:1.5rem;top:-16rem;width:12.5rem;height:18.75rem;background:url('../images/img_login_bg.svg') no-repeat center top;background-size:100% 100%;}
#Container .contents.login .section .btnArea{position:relative;width:100%;display:flex;flex-direction:column;gap:0.75rem;justify-content:flex-end;/* min-height:7.75rem; */padding:2rem 1.5rem 0 1.5rem;flex: 1;height: 100%;}
#Container .contents.login .section .btnArea button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:0.75rem;height:3.5rem;padding:0 2rem;}
#Container .contents.login .section .btnArea button span{font-size:1rem;font-weight:600;color:#222;}


#Container .contents.login .login{background:#c0c0c0;}
#Container .contents.login .login:before{position:absolute;left:1.5rem;top:50%;display:block;content:"";width:1.25rem;height:1.25rem;}

#Container .contents.login .login_kakao{background:#ffe600;}
#Container .contents.login .login_kakao:before{position:absolute;left:1.5rem;top:50%;display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_kakao.svg') no-repeat center top;background-size:100% 100%;transform: translateY(-50%);}
#Container .contents.login .login_apple{background:#f7f8f9;}
#Container .contents.login .login_apple:before{position:absolute;left:1.5rem;top:50%;display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_apple.svg') no-repeat center top;background-size:100% 100%;transform: translateY(-50%);}

/* 개발자모드 */
#Container .contents.login .devMode{margin-top:1rem;/* flex: 1 0 auto; */overflow: auto;/* height: 270px; *//* display: flex; */z-index: 1;width: 100%;}
#Container .contents.login .devMode .radio_group3.top_tab.empty{margin:0;}
#Container .contents.login .devMode .radio_group3.top_tab.empty ul + ul{margin:1rem 0 1rem 0;}
#Container .contents.login .devMode .radio_group3 li > label{font-size:0.875rem;height:24px;padding:0 6px;}
#Container .contents.login .devMode .btn.btn_outline{padding:5px 12px;}

#Container .contents.login .devMode .devTxt{margin-top:0.875rem;}
#Container .contents.login .devMode .devTxt *{font-weight:600;}

#Container .contents.login .devMode .form_item{display:flex;width:100%;gap:0.5rem;margin-top:0.5rem;padding-bottom:0;}
#Container .contents.login .devMode .form_item .inp_box{width:100%;}
#Container .contents.login .devMode .form_item input{height:32px;}
#Container .contents.login .devMode .form_item button{padding:0 0.5rem;background:#ef3b24;border-radius:0.75rem;width:4rem;}
#Container .contents.login .devMode .form_item button span{color:#fff;font-size:0.875rem;font-weight:400;}

#Container .contents.video .section .inner{padding:0 1.5rem;}


.radio_group3 li{position:relative;}
.radio_group3 li input{position:absolute;left:0;top:0;}

.screp_info {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 40px;
  display: flex;
  justify-content: center;
  z-index: 2;
}
.screp_info > button {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: var(--base-fcolor);
  display: inline-flex;
  align-items: center;
}
.screp_info > button::before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: var(--base-fcolor);
  border-radius: 50%;
  margin-right: 6px;
}
.screp_info > button::after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.91531 3.70974H8.08198M6 10.4839L10.1649 14.2457C10.4864 14.5361 11 14.3079 11 13.8746V3C11 1.89543 10.1046 1 9 1H3C1.89543 1 1 1.89543 1 3V13.8746C1 14.3079 1.51358 14.5361 1.83514 14.2457L6 10.4839Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 10px;
  background-position: center center;
}

/*animation*/
@keyframes cursor {
  0% {
    border-right: 1px solid #fff;
  }
  50% {
    border-right: 1px solid #000;
  }
  100% {
    border-right: 1px solid #fff;
  }
}
@keyframes njob_leftZoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes njob_zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.intro-motion-wrap .intro-motion {
  margin: 0 auto;
  width: 180px;
  height: 124px;
  position: relative;
}
.intro-motion-wrap .intro-motion::before, .intro-motion-wrap .intro-motion::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}
.intro-motion-wrap .intro-motion::before {
  width: 128px;
  height: 52px;
  bottom: 0;
  left: 24px;
  background-image: url("../images/intro_booky.png");
}
.intro-motion-wrap .intro-motion::after {
  width: 145px;
  height: 89px;
  bottom: 20px;
  left: 0;
  background-image: url("../images/intro_bookr.png");
}
.intro-motion-wrap .scene-0 {
  position: absolute;
  top: 0px;
  left: 86px;
  z-index: 1;
  animation-name: scene-0;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
}
.intro-motion-wrap .scene-0 .item-pen {
  display: block;
  width: 44px;
  height: 64px;
  animation-name: item-pen;
  animation-timing-function: ease-in-out;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  background-image: url("../images/intro_pen.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
@keyframes item-pen {
  20% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(0);
  }
  60% {
    transform: rotate(12deg);
  }
  80% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes scene-0 {
  20% {
    top: -3px;
    left: 100px;
  }
  40% {
    top: 10px;
    left: 95px;
  }
  60% {
    top: 5px;
    left: 115px;
  }
  80% {
    top: 20px;
    left: 105px;
  }
  100% {
    top: 0;
    left: 86px;
  }
}

/* Tab */
.b_line_tab {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: -24px -24px 0;
}
.b_line_tab::before {
  content: "";
  height: 63px;
  width: 100%;
  position: fixed;
  top: 55px;
  left: 0;
  background-color: var(--body-bgcolor);
  border-bottom: 1px solid var(--border-color);
  z-index: 6;
}
.b_line_tab .line_tab_list {
  padding: 62px 0 0;
  margin: 0 24px;
  position: relative;
}
.b_line_tab .line_tab_list dl {
  padding: 0;
  position: static;
  transition: all 0.3s ease-in-out;
}
.b_line_tab .line_tab_list dl dt {
  position: fixed;
  top: 56px;
  height: 62px;
  width: 30.8%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: var(--fc-white);
  z-index: 7;
}
.b_line_tab .line_tab_list dl dt > a {
  padding-bottom: 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b_line_tab .line_tab_list dl dt > a > em {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #515151;
  margin-bottom: 4px;
}
.b_line_tab .line_tab_list dl dt > a > span {
  display: block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media (max-width: 320px) {
  .b_line_tab .line_tab_list dl dt > a > span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    word-wrap: normal;
  }
  .b_line_tab .line_tab_list dl dd img {
    max-width: 280px;
  }
  .mainArea .scheduleArea .box.day{font-size:0.85rem !important;}
  .mainArea .scheduleArea .box.schedule{font-size:0.75rem !important;}  
  .mainArea .section.top{padding:5rem 1rem 4rem 1rem !important;}
  
  .desc_study > p {font-size:0.95rem !important;}
  
  .examinfo_diagram dl > div > dd{font-size:10px !important;}
  .examinfo_diagram dl > div > dt > span.label{font-size:12px !important;line-height:10px !important;}
  .examinfo_diagram dl > div > dt > span.cont{font-size:12px !important;}
  .examinfo_diagram dl > div:first-child > dd > .info{font-size:10px !important;}    
  
  .contents.mypage .scheduleArea{padding:0.75rem 0.5rem !important;}
  .contents.mypage .scheduleArea dd {font-size:0.75rem !important;}
  .contents.mypage .bTit_wrap .bPlan {font-size:0.85rem !important;}
}
.b_line_tab .line_tab_list dl dd {
  display: none;
  flex-direction: column;
  margin-top: 24px;
}
.b_line_tab .line_tab_list dl dd img {
  max-width: 327px;
}

.b_line_tab .line_tab_list dl.is_on {
  transition: all 0.3s ease-in;
}
.b_line_tab .line_tab_list dl.is_on > dt {
  border-bottom: 3px solid transparent;
}
.b_line_tab .line_tab_list dl.is_on > dt > a > span {
  font-weight: 700;
  color: var(--fc-red);
  margin-bottom: -3px;
}
.b_line_tab .line_tab_list dl.is_on dd {
  display: flex;
  align-items: center;
}
.b_line_tab .line_tab_list dl:first-of-type > dt {
  width: calc(34.9% - 24px);
}
.b_line_tab .line_tab_list dl:first-of-type > dt > a > span {
  font-size: 0.75rem;
}
@media (max-width: 320px) {
  .b_line_tab .line_tab_list dl:first-of-type > dt > a > span {
    width: calc(100% - 24px);
  }
}
.b_line_tab .line_tab_list dl:nth-of-type(2) dt {
  left: 34.9%;
}
@media (max-width: 320px) {
  .b_line_tab .line_tab_list dl:nth-of-type(2) dt > a > span {
    font-size: 0.75rem;
    width: 100%;
  }
}
.b_line_tab .line_tab_list dl:last-of-type dt {
  right: 24px;
  width: calc(34.3% - 24px);
}
@media (max-width: 320px) {
  .b_line_tab .line_tab_list dl:last-of-type dt > a > span {
    font-size: 0.75rem;
  }
}
.b_line_tab .line_tab_list .tab_active_line {
  position: fixed;
  z-index: 8;
  top: 115px;
  height: 3px;
  width: 62px;
  background-color: var(--fc-red);
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}

/***************
    main
***************/
.main {
  position: relative;
}
.main .greeting {
  font-size: 26px;
  /* 1108 */
  font-weight: 400;
  line-height: 32px;
}
.main .greeting .name {
  display: inline-block;
  margin-bottom: 7px;
}
.main .greeting .my_progress {
  color: var(--fc-red);
}
.main .schedule_list {
  position: relative;
  margin-top: 30px;
}
.main .schedule_list .today {
  position: relative;
  font-weight: 700;
  line-height: 18px;
  padding-left: 70px;
}
.main .schedule_list .today::before {
  content: "";
  position: absolute;
  display: block;
  left: 7.5px;
  top: calc(50% - 12px);
  width: 48px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='47' height='21' viewBox='0 0 47 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.56223 1V2.81963M4.56223 2.81963L42.4374 2.81953M4.56223 2.81963C2.59471 2.81963 0.999909 4.26177 1 6.04093L1.00055 16.7787C1.00064 18.5577 2.59556 19.9999 4.56295 19.9999L42.4382 20C44.4057 20 46.0006 18.5577 46.0006 16.7785L46 6.04073C45.9999 4.26168 44.4048 2.81953 42.4374 2.81953M42.4374 1V2.81953' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.38672 8.96875V7.51562H11.3359V8.96875H8.73438V16H6.98828V8.96875H4.38672ZM19.4003 11.7578C19.4003 14.5234 17.6777 16.1172 15.4394 16.1172C13.1777 16.1172 11.4667 14.5117 11.4667 11.7578C11.4667 8.99219 13.1777 7.39844 15.4394 7.39844C17.6777 7.39844 19.4003 8.99219 19.4003 11.7578ZM17.6073 11.7578C17.6073 9.94141 16.7519 8.95703 15.4394 8.95703C14.1269 8.95703 13.2597 9.94141 13.2597 11.7578C13.2597 13.5742 14.1269 14.5586 15.4394 14.5586C16.7519 14.5586 17.6073 13.5742 17.6073 11.7578ZM23.2342 16H20.2459V7.51562H23.2694C25.8241 7.51562 27.3827 9.10938 27.3827 11.7461C27.3827 14.4062 25.8241 16 23.2342 16ZM22.0037 14.4883H23.1639C24.7811 14.4883 25.6248 13.6445 25.6248 11.7461C25.6248 9.85938 24.7811 9.02734 23.1756 9.02734H22.0037V14.4883ZM29.1775 16H27.2791L30.2205 7.51562H32.4822L35.4119 16H33.5252L32.8923 14.043H29.822L29.1775 16ZM30.2673 12.6719H32.447L31.3806 9.42578H31.322L30.2673 12.6719ZM34.57 7.51562H36.5505L38.5075 11.1719H38.5895L40.5348 7.51562H42.5153L39.4216 12.9766V16H37.6637V12.9766L34.57 7.51562Z' fill='%231F1F1F'/%3e%3c/svg%3e");
  background-size: 48px;
  background-position: center center;
}
.main .schedule_list .today .sat {
  color: var(--day-sat);
}
.main .schedule_list .today .sun {
  color: --day-sun;
}
.main .schedule_list dl > div {
  position: relative;
  display: flex;
  padding-left: 18px;
  margin-top: 10px;
}
.main .schedule_list dl > div::before {
  content: "";
  position: absolute;
  display: block;
  left: 8px;
  top: 8px;
  width: 2px;
  height: 2px;
  background: #999;
}
.main .schedule_list dl > div > dt {
  width: 52px;
  font-weight: 700;
  color: #999;
}
.main .schedule_list dl > div > dd {
  width: calc(100% - 52px);
  font-weight: 500;
}
.main .schedule_list_area {
  display: flex;
  align-items: flex-start;
  margin-top: 24px;
  /* 1108 */
}
.main .schedule_list_area .sche_list_l {
  flex-grow: 1;
}
.main .schedule_list_area .sche_list_l > dl > dt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.main .schedule_list_area .sche_list_l > dl > dd {
  margin-top: 16px;
  display: flex;
}
.main .schedule_list_area .sche_list_l > dl > dd::before {
  content: "";
  width: 1px;
  margin: 10px 7px 10px 6px;
  background-color: #c0c0c0;
}
.main .schedule_list_area .sche_list_l > dl > dd > ul {
  display: flex;
  flex-direction: column;
  min-height: 68px;
  gap: 4px;
}
.main .schedule_list_area .sche_list_l > dl > dd > ul li {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}
.main .schedule_list_area .sche_list_l > dl > dd > ul li:first-child {
  color: var(--list-fcolor);
  margin-bottom: 4px;
}
.main .schedule_list_area .sche_list_l > dl > dd > ul li:first-child strong {
  color: var(--fc-red);
  margin-right: 3px;
}
.main .schedule_list_area .sche_list_r {
  width: 138px;
}
.main .schedule_list_area .sche_list_r > dl {
  border: 1px solid var(--border2-color);
  border-radius: 8px;
}
.main .schedule_list_area .sche_list_r > dl > dt {
  background-color: var(--gray-bgcolor);
  width: 100%;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid var(--border2-color);
  padding: 4px 0 5px;
}
.main .schedule_list_area .sche_list_r > dl > dd {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 8px;
  min-height: 88px;
  align-items: center;
  justify-content: center;
}
.main .schedule_list_area .sche_list_r > dl > dd span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  line-height: 24px;
}

.main_cont {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.box_gray.main {
  padding-top: 24px;
  padding-bottom: 0;
  overflow: hidden;
}
.box_gray.main::after {
  content: "";
  position: relative;
  display: block;
  height: 32px;
  border-radius: 32px 32px 0 0;
  background: var(--body-bgcolor);
  margin: 24px -24px 0;
  box-shadow: 0 -1px 5px 2px rgba(0, 0, 0, 0.04);
}

.kind_class {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.kind_class > span {
  margin-right: 6px;
}
.m_tit + .kind_class {
  margin-top: 16px;
}
@media (max-width: 320px) {
  .kind_class strong {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
}

.class_rate {
  position: relative;
}
.class_rate:not(:first-child) {
  margin-top: 24px;
}
.class_rate .rate_graph {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding-top: 25px;
}
.class_rate .rate_graph > div[class^=graph_] {
  position: relative;
  /* 1109 */
  margin: 0 16px;
}
.class_rate .rate_graph > div[class^=graph_] h4 {
  position: absolute;
  /* 1109 */
  top: -26px;
  width: 100%;
  text-align: center;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.class_rate .rate_graph > div[class^=graph_] h4 > span {
  display: inline-flex;
  width: auto;
  font-weight: 500;
}
.class_rate .rate_graph > div[class^=graph_] .data {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-align: center;
  z-index: 1;
  width: 100%;
  color:var(--list-fcolor)
}
.class_rate .rate_graph > div[class^=graph_] .data > strong {
  display: block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: -3px;
  display: flex;
  align-items: center;
}
.class_rate .rate_graph > div[class^=graph_] .data > strong span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  /* 1109 */
  font-size: 1rem;
  line-height: 1.25rem;
}

.class_state {
  position: relative;
  display: inline-block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 4px 28px 4px 8px;
  border-radius: 16px;
  background: #ebebeb;
  vertical-align: middle;
  margin: -3px 0 0 10px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.class_state::before {
  content: "";
  position: absolute;
  display: block;
  left: -3px;
  top: calc(50% - 2px);
  border-top: 2px transparent solid;
  border-right: 4px #ebebeb solid;
  border-bottom: 2px transparent solid;
  border-left: 0;
}
.class_state::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  right: 8px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.class_state.veryLack::after {
  background-image: url("../images/state_very_lack.png");
}
.class_state.lack::after {
  background-image: url("../images/state_lack.png");
}
.class_state.appropriate::after {
  background-image: url("../images/state_appropriate.png");
}
.class_state.good::after {
  background-image: url("../images/state_good.png");
}
.class_state.great::after {
  background-image: url("../images/state_great.png");
}
.class_state.complete::after {
  background-image: url("../images/state_complete.png");
}

.class_online {
  position: relative;
  margin-top: 16px;
  padding-top: 8px;
  padding-bottom: 24px;
}
.class_online .mode_list {
  position: relative;
}
.class_online .mode_list > li {
  position: relative;
  padding: 16px;
  border-radius: 8px;
  border: 1px #ebebeb solid;
  box-shadow: 0 1px 6px var(--shadow-color);
  margin-top: 16px;
  background-color: var(--body-bgcolor);
}
.class_online .mode_list > li:first-child {
  margin-top: 0;
}
.class_online .mode_list > li .mode_label {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--list-fcolor);
}
.class_online .mode_list > li .mode_cont {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.class_online .mode_list > li .mode_cont.mode_cont_graph {
  justify-content: flex-start;
  padding-bottom: 52px;
}
@media (max-width: 320px) {
  .class_online .mode_list > li .mode_cont.mode_cont_graph {
    padding-bottom: 115px;
  }
}
/* 1108 */
.class_online .mode_list > li .mode_cont.mode_cont_graph .graph_info {
  position: absolute;
  right: 4px;
  bottom: 5px;
}
.class_online .mode_list > li .mode_cont.mode_cont_graph .graph_info .graph_cont {
  display: flex;
}
/* 1108 */
.class_online .mode_list > li .mode_cont.mode_cont_graph .graph_info .graph_cont > .data {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  letter-spacing: 0;
  color:#666;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
/* 1108 */
.class_online .mode_list > li .mode_cont.mode_cont_graph .graph_info .graph_cont > .data strong {
  display: block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-bottom: -3px;
  display: flex;
  align-items: center;
}
.class_online .mode_list > li .mode_cont.mode_cont_graph .graph_info .graph_cont > .data strong span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}
.class_online .mode_list > li .mode_btn {
  position: relative;
  display: block;
  text-align: left;
  padding-right: 24px;
}
.class_online .mode_list > li .mode_btn::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 10px);
  right: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 16L13 10L7 4' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 20px;
  background-position: center center;
}
/* 1109 */
.class_online .mode_list > li .mode_btn.after {
  padding-right:0;
}
.class_online .mode_list > li .mode_btn.after::after {
  display:none
}
.class_online .mode_list > li .mode_btn > span {
  font-size: 16px;
  /* 1109 */
  font-weight: 700;
  line-height: 20px;
}
.class_online .mode_list > li .mode_btn > span > em {
  color: var(--fc-red);
}
.class_online .mode_list > li .mode_icon {
  position: relative;
  margin: 0 18px;
}
.class_online .mode_list > li .mode_icon::before {
  content: "";
  position: relative;
  display: block;
  width: 40px;
  height: 34px;
  margin: 0 auto 13px;
  background-repeat: no-repeat;
  background-position: center;
}
.class_online .mode_list > li .mode_icon.class::before {
  background-image: url("../images/main_class.svg");
}
.class_online .mode_list > li .mode_icon.exam::before {
  background-image: url("../images/main_exam.svg");
}
.class_online .mode_list > li .mode_icon > span {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.class_online .mode_list > li.inline_tlist {
  display: flex;
  align-items: center;
  padding: 26px 16px;
}
.class_online .mode_list > li.inline_tlist > .mode_cont {
  margin-top: 0;
  /* 1109 */
}
/* 1109 */
.class_online .mode_list > li.inline_tlist > .mode_label {
  width:116px
}
.class_online + .box_gray {
  margin-top: 0;
}
.class_online.box_gray .mode_list {
  position: relative;
}
.class_online.box_gray .mode_list > li:first-child {
  margin-top: 10px;
}

.class_info {
  position: relative;
  padding-top: 27px;
}
.class_info:first-of-type {
  padding-top: 0;
}

.class_list {
  display: flex;
  align-items: center;
  margin-top: 11px;
  margin-left: -5px;
  margin-right: -5px;
  flex-wrap: wrap;
}
.class_list li {
  width: 33.3%;
}
.class_list li a {
  display: flex;
  padding: 8px 0 16px;
  min-height: 84px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  margin: 5px;
}
.class_list li dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 8px;
  width: 100%;
}
.class_list li dl dt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}
.class_list li dl dd {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-top: 4px;
  color: var(--placeholder-color);
}
.class_list li dl dd:last-child {
  margin-top: 16px;
}
.class_list li dl.fail dd {
  color: var(--base-fcolor);
}

/* bubble help */
.bubble_tail {
  display: flex;
  align-items: center;
  position: absolute;
}
.bubble_tail .bubble_cont {
  display: flex;
  align-items: center;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fc-white);
  background-color: var(--base-fcolor);
  min-height: 24px;
  padding: 0 8px;
  border-radius: 12px;
}
.bubble_tail.tail_right_b.mint::before {
  border-bottom-color:var(--accent02-color);
}
/* 1108 */
.bubble_tail.end_ico_type {
  top: 34px;
  left: 138px;
}
.bubble_tail.end_ico_type .bubble_cont {
  background-color: #0898a3;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.bubble_tail.end_ico_type .bubble_cont::after {
  content: "";
  width: 24px;
  height: 16px;
  background: url("../images/tip_emoti.png") no-repeat right 0;
  background-size: 16px;
}
.bubble_tail.front_ico_type {
  top: 0;
  left: 0;
}
.bubble_tail.front_ico_type .bubble_cont {
  background-color: var(--gnb-dt-color);
  min-height: 28px;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  padding: 0 16px 0 8px;
}
.bubble_tail.front_ico_type .bubble_cont::before {
  content: "";
  width: 24px;
  height: 20px;
  background: url("../images/img_helper.png") no-repeat left 0;
  background-size: 20px;
}
.bubble_tail.front_ico_type.checker_type .bubble_cont {
  background-color: #353535;
  border-radius: 14px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.bubble_tail.front_ico_type.checker_type .bubble_cont::before {
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5.47059C1.79279 6.09804 3.37838 7.82353 4.02703 9C4.81982 7.11765 6.83784 2.88235 9 1' stroke='%23ffffff' stroke-width='1.52' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 11.5px;
  background-position: center center;
  background-position: center center;
}
.bubble_tail.help_bubble {
  top: 39px;
  right: 21px;
}
.bubble_tail.help_bubble .bubble_cont {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.bubble_tail.rate_bubble {
  top: 43px;
  left: -50px;
}
/* 1108 */
.bubble_tail.rate_bubble .bubble_cont {
  white-space: nowrap;
}
/* 1108 */
.bubble_tail.ex_tip .bubble_cont {
  background-color: var(--fc-red);
  padding-right: 16px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
/* 1108 */
.bubble_tail.rate_bubble.gray .bubble_cont {
  background-color:#3d3f44;
}
.bubble_tail.tail_right_b.gray::before {
  border-bottom-color:#3d3f44;
}
.bubble_tail.rate_bubble.red .bubble_cont {
  background-color:var(--cal-exam-bg);
}
.bubble_tail.tail_right_b.red::before {
  border-bottom-color:var(--cal-exam-bg);
}
.bubble_tail.rate_bubble.mint .bubble_cont {
  background-color:var(--accent02-color);
}
.bubble_tail.tail_left_b {
  padding-left: 5px;
}
.bubble_tail.tail_left_b::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: -2px;
  border-top: 0;
  border-left: 5px transparent solid;
  border-right: 5px transparent solid;
  border-bottom: 10px solid #0898a3;
  transform: rotate(-136deg);
}
.bubble_tail.tail_right_b {
  padding-right: 5px;
}
.bubble_tail.tail_right_b::before {
  content: "";
  position: absolute;
  right: 6px;
  top: -1px;
  border-top: 0;
  border-left: 5px transparent solid;
  border-right: 4px transparent solid;
  border-bottom: 10px solid var(--base-fcolor);
  transform: rotate(162deg);
}
/* 1108 */
.bubble_tail.tail_top {
  padding-top: 6px;
}
.bubble_tail.tail_top::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 3px);
  border-top: 0;
  border-left: 3px transparent solid;
  border-right: 3px transparent solid;
  border-bottom: 6px solid var(--base-fcolor);
}
.bubble_tail.tail_bottom {
  padding-bottom: 8px;
}
.bubble_tail.tail_bottom::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 14px;
  border-top: 8px solid var(--gnb-dt-color);
  border-left: 4px transparent solid;
  border-right: 4px transparent solid;
  border-bottom: 0;
}
.bubble_tail.tail_bottom.checker_type::after {
  border-top-color: #353535;
}
.bubble_tail.tail_bottom.ex_tip::after {
  border-top-color: var(--fc-red);
}

/***************
    마이페이지
***************/
.student_info {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: 1px var(--border-color-my) solid;
  margin-top: 16px;
  overflow: hidden;
  box-shadow: 0 1px 6px var(--shadow-color);
}
.student_info > div {
  font-size: 14px;
  text-align: center;
  background: var(--gray-bgcolor);
}
.student_info > div:first-child {
  width: 25%;
}
.student_info > div:nth-child(2) {
  width: 35%;
}
.student_info > div:last-child {
  width: 40%;
}
.student_info > div > dt {
  position: relative;
  padding: 14px 0;
  border-bottom: 1px var(--border-color-my) solid;
  background: var(--gray-bgcolor);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.student_info > div:not(:last-child) > dt::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: 0;
  width: 1px;
  height: 10px;
  background: #999;
}
.student_info > div > dd {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 16px 0;
  background: var(--body-bgcolor);
  min-height: 50px;
}
@media (max-width: 320px) {
  .student_info > div > dd {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.status_tbl {
  position: relative;
  display: none;
  margin-top: 12px;
}
.status_tbl.active {
  display: block;
}
.status_tbl::after {
  content: "";
  position: absolute;
  display: block;
  top: -10px;
  width: 30px;
  height: 11px;
  left:50%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_722_7297' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='11'%3e%3crect width='15' height='11' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_722_7297)'%3e%3cpath d='M6.20096 2.25C6.77831 1.25 8.22169 1.25 8.79904 2.25L13.5622 10.5C14.1395 11.5 13.4178 12.75 12.2631 12.75H2.73686C1.58216 12.75 0.860472 11.5 1.43782 10.5L6.20096 2.25Z' fill='white' stroke='%23EBEBEB'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 16px;
  background-position: center center;
  background-position: center/15px auto;
  transform:translateX(-50%);
  margin-left: -110px;
}
.status_tbl.exam::after {
  margin-left:0;
}
.status_tbl.class::after {
  margin-left:110px;
}
.status_tbl.exam dl > div > dt {
  padding: 14px 0 40px;
}
.status_tbl.exam.top dl > div > dt {
  padding:14px 0;
}
.status_tbl.exam dl > div > dt > span, .status_tbl.exam dl > div > dt > em {
  display: block;
}
.status_tbl.exam dl > div > dt > em {
  position: relative;
  line-height: 20px;
  margin-top: 6px;
  z-index: 0;
}
.status_tbl.exam dl > div > dt > em::after {
  content: "";
  position: absolute;
  display: block;
  left: 6px;
  top: 0;
  right: 6px;
  bottom: 0;
  border-radius: 8px;
  background: var(--gray-bgcolor);
  z-index: -1;
}
.status_tbl.exam dl > div.colspan2 > dt {
  width: 200%;
  padding-bottom: 14px;
}
.status_tbl.exam dl > div.colspan2 > dt::after {
  display: none;
}
.status_tbl.exam dl > div.colspan2 > dt > em {
  width: 50%;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.status_tbl.exam dl > div.colspan3 > dt {
  width: 300%;
  padding-bottom: 14px;
}
.status_tbl.exam dl > div.colspan3 > dt::after {
  display: none;
}
.status_tbl.exam dl > div.colspan3 > dt > em {
  width: 33.3%;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.status_tbl.exam dl > div.colspan3 + div > dt {
  padding-bottom: 14px;
}
.status_tbl.exam dl > div.colspan3 + div > dt::after {
  display: none;
}
.status_tbl.exam dl > div.colspan3 + div > dt > span {
  visibility: hidden;
}
.status_tbl.exam dl > div:last-child > dt {
  padding-bottom: 14px;
}
.status_tbl.exam dl > div:last-child > dt > span {
  visibility: hidden;
}
.status_tbl dl {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: 1px var(--border-color) solid;
  background: var(--body-bgcolor);
  box-shadow: 0 1px 6px var(--shadow-color);
  overflow: hidden;
}
.status_tbl dl > div {
  flex: 1;
  font-size: 14px;
  text-align: center;
}
.status_tbl dl > div > dt {
  position: relative;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 14px 0;
  border-bottom: 1px var(--border-color) solid;
}
.status_tbl dl > div:not(:last-child) > dt::after {
  content: "";
  position: absolute;
  display: block;
  top: 18px;
  right: 0;
  width: 1px;
  height: 10px;
  background: #999;
}
.status_tbl dl > div > dd {
  padding: 16px 0;
  background: var(--gray-bgcolor);
}
.status_tbl dl > div > dd > span {
  display: block;
}
.status_tbl dl > div > dd > span.cnt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}
.status_tbl dl > div > dd > span.remain_time {
  color: var(--list-fcolor);
  margin-top: 6px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.menu_btns {
  position: relative;
  margin-top: 24px;
}

/***************
    시험
***************/
.express_class {
  margin-top: 16px;
}

.class_item {
  position: relative;
  border-radius: 8px;
  border: 1px var(--border-color) solid;
  background: var(--body-bgcolor);
  padding: 44px 111px 22px 16px;
  box-shadow: 0 1px 6px var(--shadow-color);
  margin-top: 16px;
}
.class_item .chip_group {
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 0;
}
.class_item .chip_group .chip {
  margin-right: 4px;
}
.class_item .chip_group .progress.notyet {
  color: var(--fc-gray);
  background: var(--border-color);
}
.class_item .chip_group .progress.ongoing {
  background: var(--gnb-dt-color);
}
.class_item .chip_group .progress.complete {
  background: var(--sub-fcolor);
}
.class_item .chip_group .frequency::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -2px 0 0 4px;
}
.class_item .chip_group .frequency.high {
  background: var(--fc-red);
}
.class_item .chip_group .frequency.high::after {
  background-image: url("../images/ico_freqency1.svg");
}
.class_item .chip_group .frequency.normal {
  background: #003190;
}
.class_item .chip_group .frequency.normal::after {
  background-image: url("../images/ico_freqency2.svg");
}
.class_item .chip_group .frequency.low {
  background: var(--gnb-dt-color);
}
.class_item .chip_group .frequency.low::after {
  background-image: url("../images/ico_freqency3.svg");
}
.class_item .btns_group {
  position: absolute;
  display: flex;
  top: 44px;
  right: 12px;
}
.class_item .btns_group button[class^=btn_] {
  position: relative;
  display: block;
  width: 40px;
  text-align: center;
  margin: 0 4px;
}
.class_item .btns_group button[class^=btn_]::before {
  content: "";
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px var(--border-color) solid;
  background-color: var(--gray-bgcolor);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  margin-bottom: 4px;
}
.class_item .btns_group button[class^=btn_] > span {
  font-size: 12px;
  color: var(--fc-gray);
  line-height: 16px;
}
.class_item .btns_group .btn_vod::before {
  background-image: url("../images/ico_vod.svg");
}
.class_item .btns_group .btn_exam::before {
  background-image: url("../images/ico_exam.svg");
}

.sel_category {
  position: fixed;
  left: 50%;
  bottom: 44px;
  height: 38px;
  border-radius: 19px;
  background: var(--base-fcolor);
  padding: 7px 50px 7px 16px;
  transform: translateX(-50%);
}
.sel_category > span {
  font-size: 14px;
  color: var(--fc-white);
  line-height: 18px;
}
.sel_category::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 12px);
  right: 16px;
  width: 24px;
  height: 24px;
  background: url("../images/ico_category.svg") no-repeat;
}

/* 시험안내 */
.examinfo_diagram {
  position: relative;
  padding: 60px 0 88px;
  margin-top: 32px;
}
.examinfo_diagram dl {
  position: relative;
  display: flex;
}
.examinfo_diagram dl > div {
  position: relative;
  height: 84px;
  display: block;
}
.examinfo_diagram dl > div:first-child, .examinfo_diagram dl > div:last-child {
  width: 50%;
}
.examinfo_diagram dl > div:nth-child(2) {
  position: absolute;
  left: calc(50% - 42px);
  top: 0;
  width: 84px;
  z-index: 1;
}
.examinfo_diagram dl > div:nth-child(2) > dt {
  border-radius: 50%;
  background: var(--accent02-color);
}
.examinfo_diagram dl > div:nth-child(2) > dd {
  left: 50%;
  top: -24px;
  width: 84px;
  height: 15px;
  transform: translateX(-50%);
}
.examinfo_diagram dl > div:nth-child(2) > dd > .info {
  width: 108px;
  color: var(--gnb-dt-color);
  line-height: 16px;
  margin: -52px -10px 0;
}
.examinfo_diagram dl > div:nth-child(2) > dd > .arrow {
  height: 1px;
  background: #999;
}
.examinfo_diagram dl > div:nth-child(2) > dd > .arrow::before {
  border-top: 3px transparent solid;
  border-right: 5px #999 solid;
  border-bottom: 3px transparent solid;
}
.examinfo_diagram dl > div:nth-child(2) > dd > .arrow::after {
  border-top: 3px transparent solid;
  border-left: 5px #999 solid;
  border-bottom: 4px transparent solid;
}
.examinfo_diagram dl > div > dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.examinfo_diagram dl > div > dt > span {
  display: block;
  color: var(--fc-white);
  text-align: center;
}
.examinfo_diagram dl > div > dt > span.label {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.examinfo_diagram dl > div > dt > span.cont {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 8px;
}
.examinfo_diagram dl > div:first-child > dt {
  border-radius: 42px 0 0 42px;
  padding-right: 30px;
  background: var(--accent01-color);
}
.examinfo_diagram dl > div:first-child > dd {
  left: 0;
  width: calc(100% + 42px);
  margin-top: 8px;
}
.examinfo_diagram dl > div:first-child > dd > .info {
  font-weight: 700;
  color: var(--accent01-color);
}
.examinfo_diagram dl > div:first-child > dd > .arrow {
  background: var(--accent01-color);
}
.examinfo_diagram dl > div:first-child > dd > .arrow::before {
  border-right-color: var(--accent01-color);
}
.examinfo_diagram dl > div:first-child > dd > .arrow::after {
  border-left-color: var(--accent01-color);
}
.examinfo_diagram dl > div:last-child > dt {
  border-radius: 0 42px 42px 0;
  padding-left: 30px;
  background: var(--accent03-color);
}
.examinfo_diagram dl > div:last-child > dd {
  right: 0;
  width: calc(100% + 42px);
  margin-top: 52px;
}
.examinfo_diagram dl > div:last-child > dd > .info {
  font-weight: 700;
  color: var(--accent03-color);
}
.examinfo_diagram dl > div:last-child > dd > .arrow {
  background: var(--accent03-color);
}
.examinfo_diagram dl > div:last-child > dd > .arrow::before {
  border-right-color: var(--accent03-color);
}
.examinfo_diagram dl > div:last-child > dd > .arrow::after {
  border-left-color: var(--accent03-color);
}
.examinfo_diagram dl > div > dd {
  position: absolute;
  height: 16px;
  font-size: 12px;
  text-align: center;
  border-left: 1px #999 solid;
  border-right: 1px #999 solid;
}
.examinfo_diagram dl > div > dd > .info {
  position: relative;
  display: block;
  margin-top: 8px;
}
.examinfo_diagram dl > div > dd > .arrow {
  position: relative;
  display: block;
  height: 2px;
  margin: 7px 6px;
}
.examinfo_diagram dl > div > dd > .arrow::before {
  content: "";
  position: absolute;
  display: block;
  left: -2px;
  top: 50%;
  border-left: 0;
  border-top: 6px transparent solid;
  border-right: 10px #000 solid;
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}
.examinfo_diagram dl > div > dd > .arrow::after {
  content: "";
  position: absolute;
  display: block;
  right: -2px;
  top: 50%;
  border-right: 0;
  border-top: 6px transparent solid;
  border-left: 10px #000 solid;
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}

.examinfo_diagram2 {
  position: relative;
  padding: 60px 0 46px;
  margin-top: 32px;
}
.examinfo_diagram2 dl {
  position: relative;
  display: flex;
}
.examinfo_diagram2 dl > div {
  position: relative;
  height: 84px;
  display: block;
}
.examinfo_diagram2 dl > div:first-child, .examinfo_diagram2 dl > div:last-child {
  width: 50%;
}
.examinfo_diagram2 dl > div > dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.examinfo_diagram2 dl > div > dt > span {
  display: block;
  color: var(--fc-white);
  text-align: center;
}
.examinfo_diagram2 dl > div > dt > span.label {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.examinfo_diagram2 dl > div > dt > span.cont {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 8px;
}
.examinfo_diagram2 dl > div:first-child > dt {
  border-radius: 42px 0 0 42px;
  padding-right: 0;
  background: var(--accent01-color);
  align-items: flex-end;
  padding-right: 40px;
}
.examinfo_diagram2 dl > div:first-child > dt > span.label, .examinfo_diagram2 dl > div:first-child > dt > span.cont {
  min-width: 60px;
  text-align: center;
}
.examinfo_diagram2 dl > div:first-child > dd {
  left: 0;
  width: 200%;
  margin-top: 8px;
}
.examinfo_diagram2 dl > div:first-child > dd > .info {
  font-weight: 700;
  color: var(--accent01-color);
}
.examinfo_diagram2 dl > div:first-child > dd > .arrow {
  background: var(--accent01-color);
}
.examinfo_diagram2 dl > div:first-child > dd > .arrow::before {
  border-right-color: var(--accent01-color);
}
.examinfo_diagram2 dl > div:first-child > dd > .arrow::after {
  border-left-color: var(--accent01-color);
}
.examinfo_diagram2 dl > div:last-child > dt {
  border-radius: 0 42px 42px 0;
  padding-left: 0;
  background: var(--accent02-color);
  align-items: flex-start;
  padding-left: 40px;
}
.examinfo_diagram2 dl > div:last-child > dt > span.label, .examinfo_diagram2 dl > div:last-child > dt > span.cont {
  min-width: 60px;
  text-align: center;
}
.examinfo_diagram2 dl > div:last-child > dd {
  left: 50%;
  top: -24px;
  width: 100%;
  height: 15px;
  transform: translateX(-50%);
}
.examinfo_diagram2 dl > div:last-child > dd > .info {
  width: 100%;
  color: var(--gnb-dt-color);
  line-height: 16px;
  margin: -52px 0 0;
}
.examinfo_diagram2 dl > div:last-child > dd > .arrow {
  height: 1px;
  background: #999;
}
.examinfo_diagram2 dl > div:last-child > dd > .arrow::before {
  border-top: 3px transparent solid;
  border-right: 5px #999 solid;
  border-bottom: 3px transparent solid;
}
.examinfo_diagram2 dl > div:last-child > dd > .arrow::after {
  border-top: 3px transparent solid;
  border-left: 5px #999 solid;
  border-bottom: 4px transparent solid;
}
.examinfo_diagram2 dl > div > dd {
  position: absolute;
  height: 16px;
  font-size: 12px;
  text-align: center;
  border-left: 1px #999 solid;
  border-right: 1px #999 solid;
}
.examinfo_diagram2 dl > div > dd > .info {
  position: relative;
  display: block;
  margin-top: 8px;
}
.examinfo_diagram2 dl > div > dd > .arrow {
  position: relative;
  display: block;
  height: 2px;
  margin: 7px 6px;
}
.examinfo_diagram2 dl > div > dd > .arrow::before {
  content: "";
  position: absolute;
  display: block;
  left: -2px;
  top: 50%;
  border-left: 0;
  border-top: 6px transparent solid;
  border-right: 10px #000 solid;
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}
.examinfo_diagram2 dl > div > dd > .arrow::after {
  content: "";
  position: absolute;
  display: block;
  right: -2px;
  top: 50%;
  border-right: 0;
  border-top: 6px transparent solid;
  border-left: 10px #000 solid;
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dt {
  background: var(--accent02-color);
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dd {
  left: 50%;
  top: -24px;
  width: 100%;
  height: 15px;
  transform: translateX(-50%);
  margin: 0 0 8px;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dd > .info {
  width: 100%;
  color: var(--gnb-dt-color);
  line-height: 16px;
  margin: -52px 0 0;
  font-weight: 400;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dd > .arrow {
  height: 1px;
  background: #999;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dd > .arrow::before {
  border-top: 3px transparent solid;
  border-right: 5px #999 solid;
  border-bottom: 3px transparent solid;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:first-child > dd > .arrow::after {
  border-top: 3px transparent solid;
  border-left: 5px #999 solid;
  border-bottom: 4px transparent solid;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dt {
  background: var(--accent03-color);
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dd {
  left: 0;
  top: auto;
  width: 200%;
  margin-top: 8px;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dd > .info {
  font-weight: 700;
  color: var(--accent03-color);
  line-height: auto;
  margin: 0;
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dd > .arrow {
  position: relative;
  display: block;
  height: 2px;
  margin: 7px 6px;
  background: var(--accent03-color);
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dd > .arrow::before {
  left: -2px;
  top: 50%;
  border-left: 0;
  border-top: 6px transparent solid;
  border-right: 10px solid var(--accent03-color);
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}
.examinfo_diagram2.examinfo_diagram2_2 dl > div:last-child > dd > .arrow::after {
  right: -2px;
  top: 50%;
  border-right: 0;
  border-top: 6px transparent solid;
  border-left: 10px solid var(--accent03-color);
  border-bottom: 6px transparent solid;
  transform: translateY(-50%);
}

.view_animore {
  display: block;
  height: 25px;
  text-align: center;
  margin-bottom: 12px;
}
.view_animore label {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  padding-left: 32px;
}

.info_card {
  position: relative;
  border: 1px solid var(--border-color);
  background-color: var(--body-bgcolor);
  border-radius: 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.04);
  padding: 24px 24px 10px;
  margin-top: 24px;
}
.info_card + .info_card {
  margin-top: 16px;
}
.info_card.mask_arrow::before {
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.2 13.4L11.6 19L6 13.4M17.2 5L11.6 10.6L6 5' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
  position: absolute;
  left: calc(50% - 12px);
  top: -8px;
}

.info_in_type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.info_in_type dt {
  display: flex;
  flex-direction: column;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--base-fcolor);
  align-items: center;
  min-height: 54px;
}
.info_in_type dt > span {
  flex-basis: 100%;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--sub-fcolor);
  margin-top: 3px;
}
.info_in_type dd ul {
  display: flex;
  align-items: center;
}
.info_in_type dd ul li {
  display: flex;
  flex-direction: column;
  width: 90px;
  height: 90px;
  background-color: var(--gray-bgcolor);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.info_in_type dd ul li + li {
  margin-left: 5px;
}
.info_in_type dd ul.space_other li + li {
  margin-left: 25px;
}
.info_in_type dd.dd_other {
  margin-top: -12px;
  padding-bottom: 6px;
}

/* 회차&문제정보 선택 팝업 */
.select_list .sel_item > span > i {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 10px;
  vertical-align: middle;
  margin: -2px 0 0 4px;
  border: 1px solid var(--gnb-dt-color);
  background-color: var(--gnb-dt-color);
  color: var(--fc-white);
}
.select_list .sel_item > span > i.accept {
  color: var(--fc-white);
  background: var(--fc-red);
  border-color: var(--fc-red);
}
.select_list .sel_item > span > i.taking {
  color: var(--fc-red);
  background: var(--fc-white);
  border-color: var(--fc-red);
}
.select_list .sel_item > span > i.failed {
  color: var(--base-fcolor);
  background: var(--disabled-color);
  border-color: var(--disabled-color);
}
.select_list .sel_item.q_selec {
  display: flex;
  align-items: center;
}
.select_list .sel_item.q_selec > span {
  display: flex;
}
.select_list .sel_item.q_selec > span > i {
  display: flex;
  align-items: center;
  border: 1px solid var(--fc-red);
  background-color: var(--fc-red);
  justify-content: center;
  min-width: 20px;
  height: 20px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  margin: 0 0 0 4px;
  padding: 0;
}
.select_list .sel_item.q_selec > span > i.dap {
  color: var(--fc-white);
  background: var(--fc-red);
}
.select_list .sel_item.q_selec > span > i.correct {
  color: var(--fc-white);
  background: var(--fc-red);
}
.select_list .sel_item.q_selec > span > i.correct::before {
  content: "";
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5 6C11.5 8.76142 9.26142 11 6.5 11C3.73858 11 1.5 8.76142 1.5 6C1.5 3.23858 3.73858 1 6.5 1C9.26142 1 11.5 3.23858 11.5 6Z' stroke='%23ffffff' stroke-width='2'/%3e%3c/svg%3e");
  background-size: 12px;
  background-position: center center;
}
.select_list .sel_item.q_selec > span > i.incorrect {
  color: var(--fc-white);
  background: var(--test-fail-bg);
  border-color: var(--test-fail-bg);
}
.select_list .sel_item.q_selec > span > i.incorrect::before {
  content: "";
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.5 1L1.5 9M9.5 9L1.5 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 10px;
  background-position: center center;
}
.select_list .sel_item.q_selec > span strong {
  margin-right: 4px;
}
.select_list .sel_item.q_selec > span strong.space_ml {
  font-weight: 400;
}
.select_list .sel_item.q_selec > span strong.space_ml.bold {
  font-weight: 700;
}
.select_list .sel_item.q_selec.active > span strong.space_ml {
  font-weight: 700;
}

/* 모의고사 정보 리스트 */
 .screps_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screps_top.right {
  justify-content: flex-end;
}
.mock_exam {
  padding-top: 1.5rem;
  /* padding-bottom: 40px; */
}
.mock_exam.top {
  padding-top:16px;
}
.mock_exam.top.video {
  padding-left:24px;
  padding-right:24px;
}
/* 동영상 */
.mock_exam .video_cont .video_list .video_fix {width:100%;max-width:750px;display:block;position:relative;}


#Container .contents.video.add .mock_exam .video_cont .video_list .video_fix{position:fixed;top:3.5rem;z-index:1;background:#fff;}
#Container .contents.video.add .mock_exam .video_cont .video_list .video_fix figure > img{height:12.063rem;;}

.mock_exam .video_cont .video_list .video_fix figure{position:relative;z-index:0;max-width:750px;}
.mock_exam .video_cont .video_list .video_fix figure > img{width:100%;height:auto; /* height:12.063rem; */}
.mock_exam .video_cont .video_list .video_fix figure .thumb{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:rgba(239, 59, 36, 0.3);}
.mock_exam .video_cont .video_list .video_fix figure .thumb img{display:block;width:100%;height:100%;}
.mock_exam .video_cont .video_list .video_fix figure .thumb iframe{display:block;width:100%;height:100%;}

.video_fix_area figure{position:relative;z-index:0;max-width:750px;}
.video_fix_area figure > img{width:100%;height:12.063rem;}
.video_fix_area figure .thumb{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:rgba(239, 59, 36, 0.3);}
.video_fix_area figure .thumb img{display:block;width:100%;height:100%;}
.video_fix_area figure .thumb iframe{display:block;width:100%;height:100%;}


.mock_exam .video_cont .video_list {
  background-color:#fff;
}


.mock_exam .video_cont .video_list > a > .thum_graph {
  position: absolute;
  bottom:0;
  width: 100%;
  background:rgba(0, 0, 0, 0.2);
  height:0.5rem;
  z-index:1;
}
.mock_exam .video_cont .video_list>a>.thum_graph>.overlay {
  background-color:var(--cal-exam-bg);
  height:0.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
.mock_exam .video_cont .video_list > a > .date_txt {
  position:absolute;
  right:0.5rem;
  bottom:1rem;
}
.mock_exam .video_cont .video_list>a>.date_txt>span {
  padding:0.19rem 0.5rem;
  background:rgba(36, 34, 34, 0.60);
  font-size:0.8125rem;
  font-weight: 600;
  color:#fff;
  border-radius: 6.9375rem;
}
.mock_exam .video_cont .video_list > a > .badge {
  display:flex;
  align-items:center;
  justify-content:center;
  width:3.5rem;
  height:3.5rem;
  position: absolute;
  top: 0;
  left:0;
}
.mock_exam .video_cont .video_list>a>.badge.red {
	background:#ef3b24;
  /* background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='77' viewBox='0 0 94 77' fill='none'%3E%3Cg id='Rectangle 5917' filter='url(%23filter0_d_2039_3049)'%3E%3Cpath d='M0 0H88L51.6267 28.2692L0 70V0Z' fill='%23EF3B24'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2039_3049' x='-6' y='-5' width='100' height='82' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2039_3049'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2039_3049' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") */
}
.mock_exam .video_cont .video_list>a>.badge.dgray {
	background:#222;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='77' viewBox='0 0 94 77' fill='none'%3E%3Cg id='Rectangle 5917' filter='url(%23filter0_d_2039_1997)'%3E%3Cpath d='M0 0H88L51.6267 28.2692L0 70V0Z' fill='%231F1F1F'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2039_1997' x='-6' y='-5' width='100' height='82' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2039_1997'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2039_1997' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); */
}
.mock_exam .video_cont .video_list>a>.badge.gray {
	background:#606366;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='77' viewBox='0 0 94 77' fill='none'%3E%3Cg id='Rectangle 5917' filter='url(%23filter0_d_2039_1844)'%3E%3Cpath d='M0 0H88L51.6267 28.2692L0 70V0Z' fill='%23999999'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2039_1844' x='-6' y='-5' width='100' height='82' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0.06 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2039_1844'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2039_1844' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); */
}
.mock_exam .video_cont .video_list > a > .badge > span {
  color: #fff;
  font-size:0.875rem;
  display:inline-block;
  font-weight:600;
}
.mock_exam .video_cont .video_list>.video_tit {
  display: flex;
  width: 100%;
  padding:2rem 1.5rem 1.5rem 1.5rem;
  justify-content: space-between;
}

.mock_exam .video_cont .video_list>.video_tit>.tit_btn {
  position:relative;
  top:0;
}
.mock_exam .video_cont .video_list>.video_tit>dd.tit_cont>ul>li {
/*   margin-bottom:8px; */
}

.mock_exam .video_cont .video_list > .video_tit .tit_cont dl dt{font-size:1rem;font-weight: 600;color:#222;margin-bottom:0.63rem;}
.mock_exam .video_cont .video_list > .video_tit .tit_cont dl dd.txt{font-size:0.875rem;font-weight:400;color:#606366;line-height:160%;margin-right:0;word-break:keep-all;}
.mock_exam .video_cont .video_list > .video_tit .tit_cont dl dd.date{margin-top:0.25rem;font-size:0.8125rem;font-weight:400;color:#8c9094;}
.mock_exam .video_cont .video_list > .tit_btn{width:2rem;height:2rem;}
.mock_exam .video_cont .video_list > .tit_btn .chk_item{width:2rem;height:2rem;}
.mock_exam .video_cont .video_list > .tit_btn label::before{top:-1.5rem;}




.mock_exam .video_class {
  /* background-color: #f8f8f8; */
  background:#fff;
  padding:2rem 1.5rem 1.5rem 1.5rem;
  height: calc(100% - 14.625rem);
}

/* .mock_exam .video_class .bTit{font-size:1.25rem;font-weight:600;color:#222;margin-bottom:1.5rem;} */
.radio_group3.top_tab{margin:0;padding:0;}
.radio_group3.top_tab li > input[type=radio]:checked + label{position:relative;border:1px solid #222;background:#222;}
.radio_group3.top_tab li > input[type=radio]:checked + label > span{position:relative;font-size:0.875rem;color:#fff;font-weight:400;}
.radio_group3.top_tab li > input[type=radio] + label{border:1px solid #d2d6da;border-radius:1rem;padding:0.25rem 0.75rem;}
.radio_group3.top_tab li > input[type=radio] + label > span{position:relative;font-size:0.875rem;color:#606366;font-weight:400;}
.radio_group3.top_tab li > input[type=radio]:checked + label > span:before{display:inline-block;vertical-align:middle;content:"";width:1.25rem;height:1.25rem;background:url('../images/bg_radio_chk03.svg') no-repeat center center;background-size:100% 100%;}


.mock_exam.bg .video_cont:after{display:block;content:"";width:100%;height:0.5rem;background:#f7f8f9;}



.mock_exam .video_class .video_info{margin-top:1.5rem;}
.mock_exam .video_class .video_info > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: #f7f8f9;
}
.mock_exam .video_class .video_info > li + li{margin-top:0.5rem;}

.mock_exam .video_class .video_info>li>span.time {
  font-size:0.875rem;
  font-weight: 600;
  color:#222;
/*   margin-left:1rem;
  margin-right:1rem; */
}
.mock_exam .video_class .video_info>li>span.name {
  /* width:200px; */
  margin:0 0.25rem 0 1rem;
  flex:1 0 0;
  font-size:0.875rem;
  color:#606366;
  font-weight:400;
  text-align: left;
}
.mock_exam .video_class .video_info>li>span.nudge{padding:0.0625rem 0.5rem;border-radius:0.75rem;border:1px solid #606366;color:#606366;font-size:0.8125rem;font-weight:600;}
.mock_exam .video_class .video_info>li>span.nudge.great{border:1px solid #1e94f9;color:#1e94f9;}
.mock_exam .video_class .video_info>li>span.nudge.appropriate{border:1px solid #0abe72;color:#0abe72;}
.mock_exam .video_class .video_info>li>span.nudge.lack{border:1px solid #606366;color:#606366;}

/* .mock_exam .video_class .video_info>li>span.nudge {
  font-size:12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding:4px 8px;
  color:#666;
  line-height: 14px;
} */
.screps_exam {
  flex-grow: 1;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
}
.screps_exam .chk_item_box:not(:first-child) {
  margin-top: 16px;
}
.screps_exam.list_rate_label {
  display: none;
  margin-top: 78px !important;
}
.screps_exam.list_rate_label.view_note {
  display: block;
}

.screps_exam.add {
/*   padding-top:8px; */
}
.exam_info {
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  width: 100%;
  flex-wrap: wrap;
}
.exam_info:not(:first-child) {
  margin-top: 16px;
}

.mock_exam.top .exam_info:not(:first-child) {
  margin-top:0;
}

.exam_info > dt {
  display: flex;
  align-items: center;
  padding: 0 16px;
  background-color: var(--gray-bgcolor);
  min-height: 36px;
  flex-basis: 100%;
  flex-grow: 1;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  border-radius: 8px 8px 0 0;
}
.exam_info > dt > h3 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}
.exam_info > dt > h3 > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-left: 8px;
}
.exam_info > dt .txt-date {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--label-color);
  white-space: nowrap;
}
.exam_info > dd {
  padding: 16px;
  flex-grow: 1;
  background-color: var(--body-bgcolor);
}
.exam_info > dd:last-of-type {
  border-bottom-right-radius: 8px;
}
.exam_info > dd.cont_btn {
  display: flex;
  justify-content: center;
  padding-left: 36px;
  padding-right: 0;
  min-height: 72px;
  border-bottom-left-radius: 8px;
}
.exam_info > dd.cont_btn button {
  width: 167px;
}
@media (max-width: 320px) {
  .exam_info > dd.cont_btn button {
    width: 137px;
  }
}
.exam_info > dd.cont_txt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  width: calc(100% - 40px - 32px);
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom-left-radius: 8px;
}
@media (max-width: 320px) {
  .exam_info > dd.cont_txt {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: -0.3px;
    padding-right: 10px;
    width: calc(100% - 40px - 16px - 10px);
  }
}
.exam_info > dd.cont_txt li:not(:first-child) {
  margin-top: 8px;
}
.exam_info > dd.cont_txt p {
  padding: 4px 0 8px;
}
.exam_info > dd.cont_graph {
  padding-left: 12px;
  padding-right: 24px;
  width: calc(100% - 40px - 12px - 14px);
  min-height: 85px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 320px) {
  .exam_info > dd.cont_graph {
    padding-right: 6px;
    width: calc(100% - 40px - 12px - 6px);
  }
}
.exam_info > dd.cont_ico {
  flex-grow: 0;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
}
.exam_info > dd.cont_ico .a_ox {
  position: relative;
  padding-top: 24px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fc-gray);
}
.exam_info > dd.cont_ico .a_ox::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 50%;
}
.exam_info > dd.cont_ico .a_ox.o::before {
  background-color: var(--fc-red);
}
.exam_info > dd.cont_ico .a_ox.o::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(50% - 6px);
  width: 8px;
  height: 8px;
  border: 2px solid var(--fc-white);
  border-radius: 50%;
}
.exam_info > dd.cont_ico .a_ox.x::before {
  background-color: var(--test-fail-bg);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.5 1L1.5 9M9.5 9L1.5 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 10px;
  background-position: center center;
}

.progress_info {
  display: flex;
  align-items: center;
}
.progress_info dl {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 4;
  padding-bottom: 21px;
  flex: 1;
  align-items: center;
}
.progress_info dl dt {
  position: absolute;
  bottom: 0;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--base-fcolor);
  width: 100%;
  text-align: center;
}
.progress_info dl dt::before {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  bottom: 3px;
  background-color: var(--border-color);
}
.progress_info dl dt::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  right: -1px;
  bottom: 3px;
  background-color: var(--border-color);
}
.progress_info dl dd {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  display: flex;
  justify-content: center;
  padding-bottom: 7px;
  width: 100%;
}
@media (max-width: 320px) {
  .progress_info dl dd {
    letter-spacing: -0.5px;
  }
}
.progress_info dl dd::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  border-left: 1px dashed var(--border-color);
  height: 17px;
  z-index: 2;
}
.progress_info dl dd.progress_graph {
  height: 9px;
  width: calc(100% - 1px);
  position: relative;
  margin-left: 1px;
  justify-content: flex-start;
  padding-bottom: 0;
  overflow: hidden;
  background-color: var(--progress-bar-bg);
}
.progress_info dl dd.progress_graph::after {
  display: none;
}
.progress_info dl:first-of-type dd::after {
  border: none;
}
.progress_info dl:first-of-type dd.progress_graph {
  border-radius: 4.5px 0 0 4.5px;
}
.progress_info dl:last-of-type dd.progress_graph {
  border-radius: 0 4.5px 4.5px 0;
}
.progress_info.progress_top {
  margin-top: -23px;
}
.progress_info.progress_top dl:first-of-type dd::after {
  border: none;
}
.progress_info.progress_top dl:first-of-type dd.progress_graph {
  border-radius: 2px 0 0 2px;
}
.progress_info.progress_top dl:last-of-type dd.progress_graph {
  border-radius: 0 2px 2px 0;
}
.progress_info.progress_top dl dd.progress_graph {
  background-color: #515151;
  margin-left: 0;
  width: 100%;
}
.progress_info.progress_top .progress_active_bar {
  display: none;
}

.progress_active_bar {
  margin: 0;
  height: 9px;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border-radius: 0 4.5px 4.5px 0;
  transition: all 0.3s ease-in-out;
  width: auto;
  transform: translateX(-100%);
}
.progress_active_bar.hundred_rate {
  max-width: 100%;
  transition: all 0.4s ease-in-out;
  border-radius: 0;
  transform: translateX(0);
}
.progress_active_bar.normal_rate {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
}
.progress_active_bar.active_bar1 {
  background-color: var(--accent01-color);
}
.progress_active_bar.active_bar2 {
  background-color: var(--accent02-color);
}
.progress_active_bar.active_bar3 {
  background-color: var(--accent03-color);
}

/* 모의고사 진행 상황 */
.exam_progress {
  display: flex;
  /* border-bottom: 1px var(--border-color) solid; */
  align-items: center;
}
.exam_progress.top {
  padding-bottom:39px;
}
.exam_progress.top .combo_box {
  top:15px;
  min-width:113px;
}
.exam_progress .progress {
  position: relative;
  width: 100%;
  margin-top: 4rem;
}
.exam_progress .combo_box .btn_label {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: flex;
  height: 32px;
  align-items: center;
  padding: 0 32px 0 8px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
}
.exam_progress .exam_part {
  position: relative;
  display: flex;
  padding-top: 10px;
}
.exam_progress .exam_part > li {
  flex: 1;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 14px;
  border-right: 1px var(--border-color) solid;
  padding-top: 8px;
}
.exam_progress .exam_part > li:first-child {
  border-left: 1px var(--border-color) solid;
}
.exam_progress .exam_part > li:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  top: -20px;
  right: -1px;
  height: 20px;
  border-right: 1px var(--disabled-color) dashed;
}
.exam_progress .progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.375rem;
  border-radius: 6.25rem;
  background-color: #dfe3e6;
}
.exam_progress .progress_bar .active_bar {
  position: relative;
  width: 0%;
  height: 0.375rem;
  border-radius: 6.25rem;
  transition: width 0.3s ease-in-out;
  background-color: #16aa6a;
}
.exam_progress .progress_bar .valid_bar {
  position: absolute;
  width: 100%;
  height: 9px;
  border-radius: 2px;
  transition: width 0.3s ease-in-out;
  background-color: transparent;
}
.exam_progress .progress_bar .valid_bar.valid_01_area {
  width: 66.6%;
}
.exam_progress .progress_bar .valid_bar.valid_02_area {
  width: 66.6%;
  left: 33.3%;
}
.exam_progress .progress_bar .status_boolean {
  position: absolute;
  display: block;
  margin-top:-2.5rem;
  left: calc(100% - 3.5rem);
  padding:0.125rem 0.5rem 0.1875rem 0.5rem;
  color: #fff;
  border-radius: 0.5rem;
  background: #16aa6a;
  white-space: nowrap;
  word-break: keep-all;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 5;
}

/* .exam_progress .progress_bar .status_boolean.left{left:calc(100% + 3.5rem);} */
.exam_progress .progress_bar .status_boolean.left:after{left:1rem;transform:translateX(0);}


.exam_progress .progress_bar .status_boolean > i{
	font-size:0.875rem;font-weight:600;color:#fff;
}
.exam_progress .progress_bar .status_boolean.top {
  right:-50px !important;
  width:60px;
  text-align:center;
  padding:0;
}
.exam_progress .progress_bar .status_boolean::after {
  content: "";
  position: absolute;
  bottom:-0.3125rem;
  left:50%;
  transform:translateX(-50%);
  display: block;
  width:0.5rem;
  height:0.3125rem;
  background:url('../images/img_bar_polygon.svg') no-repeat center center;
  background-size:100% 100%;
/*   top: 100%;
  left: 8px;
  border-top: 6px var(--base-fcolor) solid;
  border-left: 3px transparent solid;
  border-right: 3px transparent solid;
  border-bottom: 0; */
}





.exam_progress .progress_bar .status_boolean.point_0 {
  right: -50px;
}
/* .exam_progress .progress_bar .status_boolean.point2_0 {
  right: -34px;
} */
.exam_progress .progress_bar .status_boolean.right {
  left: auto;
  right:0;
}
.exam_progress .progress_bar .status_boolean.right::after {
  left: auto;
  right: 8px;
}
/* .exam_progress .progress_bar .status_boolean > i {
  font-size: inherit;
  color: inherit;
} */
.exam_progress .progress_bar .status_boolean.boolean_t2end {
  left: calc(100%);
}
.exam_progress .progress_bar .status_boolean.boolean_t2end.point_0 {
  right: -60px;
}
.exam_progress .progress_bar .status_boolean.boolean_t2end.point2_0 {
  right: -44px;
}
.exam_progress .progress_bar .status_boolean.boolean_t2end.right {
  right: -10px;
  left:auto;
}
.exam_progress .progress_bar .status_boolean.boolean_t2end.right::after {
  left: auto;
  right: 8px;
}
.exam_progress .progress_bar .status_boolean.left {
  right:auto !important;
  left:calc(100% - 1rem);
}
.exam_progress .progress_bar .status_boolean.left::after {
  right:auto;
  left:10px;
}
.exam_progress.e_progress_s {
  padding-top: 24px;
  padding-bottom: 34px;
}
.exam_progress.e_progress_s .progress {
  width: 100%;
}

/***************
    시험일정/안내
***************/
.box_gray.schedule {
  position: relative;
  padding: 24px 23px 40px;
  background: var(--gray-bgcolor);
  margin: -24px -24px 0;
}
.box_gray.schedule .schedule_tit {
  font-size: 16px;
  font-weight: 500;
  color: var(--fc-gray);
  line-height: 20px;
  text-align: center;
}
.box_gray.schedule .d_day {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin-top: 4px;
}
.box_gray.schedule .d_day > strong {
  color: var(--fc-red);
}
.box_gray.schedule .calendar_month {
  position: relative;
  margin-top: 18px;
}
.box_gray.screps_exam {
  margin-top: 0;
  padding-bottom: 40px;
}

.calendar_month .calendar_header {position: relative;font-size:1.125rem;font-weight:600;color:#222;text-align:center;display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-bottom:1.5rem;}
.calendar_month .calendar_header button[class^=cal_] {display:block;width:1.5rem;height:1.5rem;background-size:100% 100%;visibility:visible;opacity:1;}

	
  /* position: absolute;
  display: block;
  top: calc(50% - 16px); */
  /* width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.1836 4.175L6.35859 8L10.1836 11.825L9.00026 13L4.00026 8L9.00026 3L10.1836 4.175Z' fill='%23999999'/%3e%3c/svg%3e");
  background-size: 16px;
  background-position: center center; */

.calendar_month .calendar_header button[class^=cal_] > span {
position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  font-size: xx-small;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.calendar_month .calendar_header button[class^=cal_].disabled {opacity:0;visibility:hidden;}
.calendar_month .calendar_header .cal_prev {
	background:url('../images/img_cal_prev.svg') no-repeat center center;
  /* left: 0; */
}
.calendar_month .calendar_header .cal_next {
	background:url('../images/img_cal_next.svg') no-repeat center center;
  /* right: 0;
  transform: rotateZ(180deg); */
}




.calendar_month .calendar_tbl thead th {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #8c9094;
  padding: 0 0 1rem 0;
}
.calendar_month .calendar_tbl tbody td {
  position: relative;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 2rem;
  z-index: 0;
}
.calendar_month .calendar_tbl tbody td.disabled {
  color: #8c9094;
}
.calendar_month .calendar_tbl tbody td.today {
  color:#222;
}
.calendar_month .calendar_tbl tbody td.today .bg::before {
  background: #eceff2;
}
.calendar_month .calendar_tbl tbody td.exam,
.calendar_month .calendar_tbl tbody td.receipt {
  color: var(--fc-white);
}
.calendar_month .calendar_tbl tbody td .bg {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  /* height: 30px; */
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  /* line-height: 1rem; */
  text-align: center;
  padding-top: 2rem;
  z-index: -1;
  color:#606366;
}
.calendar_month .calendar_tbl tbody td .bg::before {
  content: "";
  position: absolute;
  display: block;
  left: calc(50% - 1rem);
  width:2rem;
  height:2rem;
  top: -0.3rem;
  border-radius: 0.75rem;
  background:#606366;
}
.calendar_month .calendar_tbl tbody td.exam .bg {
  color: var(--cal-exam-bg);
}
.calendar_month .calendar_tbl tbody td.exam .bg::before {
  background: var(--cal-exam-bg);
}
.calendar_month .calendar_tbl tbody td.terminate .bg {
  color: var(--cal-terminate-bg);
}
.calendar_month .calendar_tbl tbody td.terminate .bg::before {
  background: var(--cal-terminate-bg);
}


/* img_ico_day_b
img_ico_schedule01 */

#Container .contents.schedule{padding:3.5rem 0 4rem 0;}
.contents.schedule .inner{padding:0 1.5rem;}
.contents.schedule .box_gray{margin:0;padding:0;}
.contents.schedule .box_gray .inner{padding:1.5rem;}
.contents.schedule .box_gray .inner .box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;}
.contents.schedule .box_gray .inner .box .d_day{padding-top:1.875rem;width:4.875rem;height:4.75rem;background:url('../images/img_ico_day_b.svg') no-repeat center center;background-size:100% 100%;text-align:center;}
.contents.schedule .box_gray .inner .box .d_day strong{display:block;font-size:1.675rem;font-weight:700;color:#ef3b24;text-align:center;}
.contents.schedule  .schedule_tit{font-size:1rem;font-weight:400;color:#222;}
.contents.schedule .scheduleArea .inner{padding-top:2rem;padding-bottom:2.5rem;}
.contents.schedule .scheduleArea .inner .calendar_tbl{table-layout:fixed;}



.schedule_menu{position: relative;}
.schedule_menu:before{display:block;content:"";width:100%;height:0.5rem;background:#f7f8f9;margin-bottom:2rem;}
.schedule_menu button{padding:1.25rem 0;display:flex;align-items:center;gap:0.5rem;justify-content:center;width:100%;}
.schedule_menu button span{flex:1 0 0;display:inline-flex;font-size:1rem;font-weight:400;color:#222;}
.schedule_menu button:after{display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_schedule_arrow.svg') no-repeat center center;background-size:100% 100%;}
.schedule_menu button.btn_schedule01{}
.schedule_menu button.btn_schedule01:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_schedule01.svg') no-repeat center center;background-size:100% 100%;}
.schedule_menu button.btn_schedule02{}
.schedule_menu button.btn_schedule02:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_schedule02.svg') no-repeat center center;background-size:100% 100%;}
.schedule_menu button.btn_schedule03{}
.schedule_menu button.btn_schedule03:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_schedule03.svg') no-repeat center center;background-size:100% 100%;}
.schedule_menu button.btn_schedule04{}
.schedule_menu button.btn_schedule04:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_schedule04.svg') no-repeat center center;background-size:100% 100%;}


/***************
    공지사항
***************/
p.totalCnt{font-size:0.875rem;color:#222;font-weight:600;margin-bottom:0.5rem;}
.notice_list {
  position: relative;
  border-top: 0.0625rem solid #606366;
  margin-bottom: 1rem;
}
.notice_list .notice_item{
  position: relative;
  display: flex;
  flex-direction:column;
  gap:0.5rem;
  border-bottom: 1px solid #eceff2;
  padding: 1.25rem 0;
}
.notiArea .notice_item{position: relative;display: flex;flex-direction:column;gap:0.5rem;}

.notice_list .notice_item .subject, .notiArea .notice_item .subject{
  display:flex;
  flex-direction:row;
  gap:0.5rem;
  align-items:center;
  font-size: 1rem;
  font-weight:600;
  color:#222;
}

.notice_list .notice_item .subject strong, .notiArea .notice_item .subject strong{
  font-size: 1rem;
  font-weight:600;
  color:#222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}
.notice_list .notice_item .state, .notiArea .notice_item .state{display:none;}

.notice_list .notice_item .state.new, .notiArea .notice_item .state.new {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0.8rem;
  background:#ef3b24;
  padding:0 0.5rem;
}
.notice_list .notice_item .state.new span, .notiArea .notice_item .state.new span{
  font-size: 0.625rem;
  font-weight:600;
  height:1rem;
  color:#fff;
}



.notice_list .notice_item .date, .notiArea .notice_item .date{
  display:block;
  font-size: 0.875rem;
  color: #8c9094;
  font-weight:400;
}
.notice_list .notice_item .date.new::before, .notiArea .notice_item .date.new::before {
  content: "";
  position: relative;
  display: inline-block;
  height: 18px;
  font-size: 10px;
  color: var(--fc-white);
  line-height: 18px;
  padding: 0 8px;
  border-radius: 9px;
  background: var(--fc-red);
  margin-bottom: 4px;
}

.notice_detail {
  position: relative;
}
.notice_detail .notice_header {
  display: flex;
  flex-direction:column;
  padding-bottom:1.5rem;
  border-bottom: 1px solid #eceff2;
  width: 100%;
}
/* .notice_detail .notice_header > span {
  display: none;
} */
.notice_detail .notice_header .state{display:none;}

.notice_detail .notice_header .state.new {
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0.8rem;
  background:#ef3b24;
  padding:0 0.5rem;
  margin-bottom:0.5rem;
  align-self:flex-start;
}
.notice_detail .notice_header .state.new span{
  font-size: 0.625rem;
  font-weight:600;
  height:1rem;
  color:#fff;
}

/*
.notice_detail .notice_header > .new + .date {
  flex-grow: 1;
  width: calc(100% - 52px);
  margin-bottom: 9px;
}
.notice_detail .notice_header > .new + .date + h2 {
  width: 100%;
}
*/

.notice_detail .notice_header > .date {
  display: block;
  word-break: break-all;
  font-weight: 400;
  font-size: 0.875rem;
  color: #8c9094;
}
.notice_detail .notice_header > h2 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom:1rem;
}
.notice_detail .notice_cont {
  padding: 1.5rem 0 2rem 0;
  /* border-bottom: 1px solid var(--border-color); */
}

.notice_detail .notice_cont img{max-width:100%;height:auto;}

.img_visual {
  margin-top: 24px;
  text-align:center;
}
.img_visual img {
  width: 100%;
  max-width: 327px;
}

.img_visual02{
  width: 100%;
  font-size:0;
  line-height:0;
}
/* .img_visual02 + .img_visual02{margin-top:1rem;} */
.img_visual02 img {
  width: 100%;
}


.img_visual.img_Fvisual {
  margin-top: 16px;
}
.img_visual.img_Fvisual img {
  max-width: 327px;
}
.img_visual.img_Hvisual {
  margin-top: 16px;
}
.img_visual.img_Hvisual img {
  max-width: 156px;
}

/***************
    문제
***************/
.test_area {
  padding-top: 2.5rem;
}
.test_area .test_top_info {
  display: flex;
  align-items: center;
  /* margin-top: -8px; */
  margin-bottom: 20px;
  /* justify-content: space-between; */
}
.test_area .test_top_info.one_right {
  justify-content: right;
}
.test_area .test_top_info > h2 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
  flex-grow: 1;
}
.test_area .test_top_info > h2 > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  line-height: 20px;
  color: var(--base-fcolor);
  margin-left: 8px;
  vertical-align: text-bottom;
}


.test_top_info .chips{display:flex;gap:0.5rem;}

/* .test_qa.correct::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -12px;
  left: -14px;
  z-index: 5;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.99485 22.8189C7.8202 35.3113 32.9549 24.1164 30.7409 15.3557C30.9278 14.96 31.1355 15.4126 31.5795 16.2867C33.7051 24.6137 8.80419 36.6611 3.30558 23.7633C-3.58258 7.60597 27.5239 -8.84051 35.8133 11.1825C40.2371 21.8679 22.8515 36.4916 8.25545 37.1725C7.72357 37.1776 7.27847 36.9948 6.79502 36.7835C21.9383 34.9586 39.1154 21.3294 34.38 10.9305C26.2168 -6.99597 -0.182499 9.17705 3.99485 22.8189Z' fill='%23ef3b24' stroke='%23ef3b24' stroke-width='3'/%3e%3c/svg%3e");
  background-size: 39px;
  background-position: center center;
}
.test_qa.wrong::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -12px;
  left: -10px;
  z-index: 5;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='33' height='34' viewBox='0 0 33 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.2534 6.62403C15.3798 5.10236 17.1485 2.9361 18.1855 1.81117C20.4368 -0.633763 22.9272 -0.597775 23.2792 1.88529C23.4222 2.89436 22.3083 5.6179 20.5292 8.61357C18.8844 11.3819 17.5387 13.8775 17.5387 14.1583C17.5387 14.4399 19.4622 16.7265 21.8133 19.2404C28.2058 26.0736 33.2167 32.8392 32.4518 33.6041C31.6635 34.3924 23.4376 29.0948 17.3862 23.9021L13.2003 20.3103L11.9631 22.7171C10.2794 25.9914 4.41571 33.5572 3.56284 33.5572C3.18298 33.5572 2.87203 33.027 2.87203 32.3795C2.87203 30.0746 5.20988 22.2301 6.87162 18.9609L8.55975 15.6382L4.62104 10.9955C0.727039 6.4048 -0.650927 3.5712 0.279673 2.06567C1.32394 0.375337 3.91116 1.47823 7.95989 5.34069L12.2059 9.39023L14.2534 6.62403Z' fill='%23ef3b24'/%3e%3c/svg%3e");
  background-size: 33px;
  background-position: center center;
} */
.test_qa dt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #222;
  display: flex;
  gap:0.25rem;
}
.test_qa dt em {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1.125rem;
  color:#222;
  /* width: 28px; */
  /* flex-basis: 28px; */
  white-space: nowrap;
  text-align: center;
}
.test_qa dt span {
  /* width: calc(100% - 28px); */
  display: inline-block;
  font-size:1rem;
  font-weight:600;
  line-height:170%;
  color:#222;
  word-break: keep-all;
}
.test_qa dd.test_a {
  padding-top: 1.5rem;
}
.test_qa dd.test_a li + li{margin-top: 0.5rem;}

.test_qa dd.test_ex {
  padding-top: 8px;
}
.test_qa dd.test_ex ul {
  padding: 8px 16px 8px 12px;
  border-radius: 8px;
  background-color: var(--gray-bgcolor);
}

.test_info {
  position: relative;
  padding: 0;
  background-color: #fff;
}

.test_qa + .test_info{margin-top:2.5rem;}

.pop_body .test_info {
  padding: 0;
  margin: 4px 0 0;
}
.test_info hr {
  display: none;
}
.test_info dl {
  display: flex;
  flex-direction: column;
}
.test_info dl:first-of-type {
  padding-top: 0 !important;
}
.test_info dl:first-of-type.test_info_note + .test_info_tip::before {
  display: none;
}
.test_info dl:nth-of-type(2).test_info_note::before, .test_info dl:nth-of-type(2).test_info_tip::before {
  content: "";
  height: 5px;
  width: calc(100% + 48px);
  background-color: var(--fc-white);
  margin: 0 -24px;
  margin-bottom: 16px;
}


.test_area + .test_info:before{display:block;content:"";width:100%;height:0.5rem;background:#f7f8f9;margin:2.5rem 0 2rem 0;}

.test_info .test_info_default{}
.test_info .test_info_default dt {display: flex;}
.test_info .test_info_default dd > ul > li{font-size:1rem;color:#606366;font-weight:400;line-height:170%;letter-spacing:-0.01875rem;word-break: keep-all;}

.test_info .test_result_chk{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:3rem;border-radius:0.75rem;background:#f7f8f9;}
.test_info .test_result_chk:after{display:block;content:"";width:0.0625rem;height:1.5rem;position:absolute;left:50%;top:50%;transform:translateY(-50%);background:#dfe3e6;}
.test_info .test_result_chk .box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:0.5rem;}
.test_info .test_result_chk .box > span{font-size:0.875rem;font-weight:600;color:#222;}
.test_info .test_result_chk .box .num{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#8c9094;}
.test_info .test_result_chk .box .num span{color:#fff;font-size:0.875rem;}
.test_info .test_result_chk .box .num.chk{background:#ef3b24;}

.testInfoNote, .testInfoTip{margin-top:2.5rem;}



.test_info .test_info_default dd {
  padding-top: 16px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
}
.test_info .test_info_plus,
.test_info .test_info_note {
  /* padding-top: 20px; */
}
.test_info .test_info_plus > dt,
.test_info .test_info_note > dt {
  height: 21px;
}
.test_info .test_info_plus + .test_info_tip,
.test_info .test_info_note + .test_info_tip {
  padding-top: 24px;
}
.test_info .test_info_tip {
  /* padding-top: 20px; */

}


.test_info .test_info_tip > dt {
  /* z-index: 7; */
}
.test_info .test_info_tip > dt > .bubble_tail {
  /* left: 10px; */
}
.test_info .test_info_tip > dd {
  /* margin-top: -9px; */
  /* border: 1px solid var(--base-fcolor); */
  /* border-radius: 16px; */
  /* background-color: var(--fc-white); */
  /* padding: 12px 16px 8px; */
}
.floating_bg .test_info .test_info_tip {
  padding-bottom: 20px;
}

.test_info_list li {
  padding: 16px 0;
  border-bottom: 1px solid var(--border-color);
}
.test_info_list li:last-child {
  padding-bottom: 24px;
  border-bottom: none;
}
.test_info_list li dl {
  display: flex;
}
.test_info_list li dl dt {
  flex-basis: 79px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 79px;
  gap: 8px;
  margin-right: 16px;
}
.test_info_list li dl dd {
  flex-grow: 1;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
}

.test_info_list02 li {/* display: flex;align-items: flex-start;word-break: break-all;letter-spacing: 0;font-weight: 400;font-size: 0.938rem;line-height: 170%;color:#606366;letter-spacing:-0.01875rem; */}
.test_info_list02 li + li{/* margin-top:0.5rem; */}
.test_info_list02 li em {
/*   display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  border: 1px solid var(--base-fcolor);
  border-radius: 50%;
  color: var(--base-fcolor); */
}
.test_info_list02 li span {
/*   flex-grow: 1;
  width: calc(100% - 28px);
  margin-left: 8px;
  color: var(--base-fcolor);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem; */
}

.test_info_list03 li {
/*   display: flex; */
  align-items: flex-start;
  /* margin-top: 8px; */
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 170%;
  color:#606366;
  letter-spacing:-0.01875rem;
}
.test_info_list03 li + li{margin-top:0.5rem;}

.avatar_img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.avatar_img img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

/* 채점표 */
.grading_sheet {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe3e6;
  border-radius: 1.25rem;
  position: relative;
  overflow: hidden;
  /* margin-top: 24px; */
  padding:1.5rem 1.25rem;
  margin-bottom:2.5rem;
}
/* .grading_sheet::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid var(--fc-white);
} */
.box_gray .grading_sheet::after {
  border-color: var(--gray-bgcolor);
}
.grading_sheet ul {
  display: flex;
  flex-wrap: wrap;
  margin-top:-1rem;
  position:relative;
  width:100%;
}

.grading_sheet ul:after{position:absolute;bottom:0;left:0;right:0;display:block;content:"";width:100%;height:1px;background:#fff;z-index:1;}

.grading_sheet ul li {
  display: flex;
  flex-direction: column;
  width: calc(100% / 6);
  align-items: center;
  justify-content: center;
  padding-bottom:1rem;
  border-bottom:1px solid #eceff2;
  margin-top:1rem;
  gap:0.62rem;
}
.grading_sheet ul li > em {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
/*   line-height: 1.25rem;
  height: 38px; */
  /* display: flex; */
  align-items: center;
  width:100%;
  text-align:center;
}
.grading_sheet ul li > i {
  /* height: 46px; */
  display: block;
  width:1.25rem;
  height:1.25rem;
/*   align-items: center;
  justify-content: center; */

  background:url('../images/img_ico_Chk_no.svg') no-repeat center center;
  background-size:12px 3px;
}

.grading_sheet ul li > i.no{

}



.grading_sheet ul li > i::before {
/*   content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: inline-block ;*/
}
.grading_sheet ul li > i::after {
/*   content: "ㅡ";
  position: absolute;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem; */
}
.grading_sheet ul li > i.accept{
  background:url('../images/img_ico_Chk_o.svg') no-repeat center center;
  background-size:100% 100%;
}
/* .grading_sheet ul li > i.accept::after {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5 6C11.5 8.76142 9.26142 11 6.5 11C3.73858 11 1.5 8.76142 1.5 6C1.5 3.23858 3.73858 1 6.5 1C9.26142 1 11.5 3.23858 11.5 6Z' stroke='%23ffffff' stroke-width='2'/%3e%3c/svg%3e");
  background-size: 13px;
  background-position: center center;
  width: 13px;
  height: 13px;
} */
.grading_sheet ul li > i.fail{
  background:url('../images/img_ico_Chk_x.svg') no-repeat center center;
  background-size:100% 100%;
}







/* .grading_sheet ul li > i.fail::after {
  content: "";
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.5 1L1.5 9M9.5 9L1.5 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 11px;
  background-position: center center;
  width: 11px;
  height: 11px;
} */
.grading_sheet hr {
  border: 0;
  border-top: 1px solid var(--border2-color);
  width: 100%;
  position: absolute;
  left: 0;
  top: 37px;
}
.grading_sheet hr:nth-child(2n+1) {
  border-width: 2px;
}
.grading_sheet hr:nth-of-type(2) {
  top: 82px;
}
.grading_sheet hr:nth-of-type(3) {
  top: 121px;
}
.grading_sheet hr:nth-of-type(4) {
  top: 166px;
}
.grading_sheet hr:nth-of-type(5) {
  top: 205px;
}
.grading_sheet.arrays5 ul {
  width: 230px;
}
.grading_sheet.arrays5 ul li {
  margin: 0 8px;
}
.grading_sheet.arrays9 ul {
  width: 324px;
}

/* 시험결과 */
.test_info_box {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  margin-top: 24px;
  overflow: hidden;
  justify-content: center;
  background: var(--body-bgcolor);
}
.test_info_box::before {
  content: "";
  position: absolute;
  height: 45px;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  background: var(--gray-bgcolor);
}
.test_info_box > div {
  font-size: 14px;
  text-align: center;
  max-width: 100%;
}
.test_info_box > div > dt {
  position: relative;
  padding: 12px 10px 13px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--gnb-dt-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}
.test_info_box > div:not(:last-child) > dt::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 6px);
  right: 0;
  width: 1px;
  height: 10px;
  background: #999;
}
.test_info_box > div > dd {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 16px 0;
}
.test_info_box > div > dd > strong::after {
  content: "점";
}
.test_info_box > div > dd ul {
  display: flex;
  flex-direction: column;
  margin: 0 24px;
}
.test_info_box > div > dd ul li {
  display: flex;
  flex-direction: column;
}
.test_info_box > div > dd ul li:not(:first-child) {
  padding-top: 8px;
}
.test_info_box > div > dd ul li strong em {
  color: var(--fc-red);
  white-space: nowrap;
}
.test_info_box > div > dd ul li strong em::after {
  content: "번";
}
.test_info_box > div > dd ul li strong em:not(:first-child)::before {
  content: " / ";
}

.time_taken_area {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.test_result_area {
	margin-top:2.5rem;
	
  /* flex-grow: 1; */
/*   margin-top: 24px;
  padding-top: 16px;
  padding-bottom: 40px;
  margin-bottom: -40px; */
}
.test_result_area > .grading_sheet {
  /* margin: 16px 0 8px; */
}

.tit_tbox {
  display: flex;
  align-items: center;
  padding: 16px 0 0;
}
.tit_tbox:first-of-type {
  padding-top: 0;
}
.tit_tbox > h3 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
}
.tit_tbox span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.tit_tbox span::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: var(--label-color);
  margin-right: 6px;
}

/* .test_info_problem {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
}
.test_info_problem p {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--list-fcolor);
}
 */

/* .test_info_problem .info_problem_list {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 280px) {
  .test_info_problem .info_problem_list {
    padding-top: 16px;
  }
} */

.problem_area {
  display: none;
/*   margin-top: 1.75rem; */
  position: relative;
  z-index: 7;
}
.problem_area.view_on {
  display: block;
}
.video .problem_area.view_on {
/*   margin-top:45px */
}

.video .problem_area.view_on.tab {
  padding:0 1.5rem;
}

.video .problem_area.view_on.none {
  margin-top:0;
}
/* .problem_info_cont {
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  align-items: center;
  background-color: var(--body-bgcolor);
}
.problem_info_cont dt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 0 10px 0 9px;
  height: 100%;
  white-space: nowrap;
  min-width: 82px;
  text-align: center;
}
@media (max-width: 280px) {
  .problem_info_cont dt {
    padding: 0 5px 0 4px;
    min-width: 72px;
  }
}
.problem_info_cont dd {
  flex-grow: 1;
  width: calc(100% - 82px);
  display: flex;
  padding: 8px;
  flex-wrap: wrap;
  border-left: 1px solid var(--border-color);
  word-break: break-word;
}
.problem_info_cont dd em {
  white-space: nowrap;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin-right: 4px;
}
@media (max-width: 280px) {
  .problem_info_cont dd em {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
  }
} */
.problem_info_cont dd em::after {
  content: "번,";
}
.problem_info_cont dd em:last-child {
  margin-right: 0;
}
.problem_info_cont dd em:last-child::after {
  content: "번";
}


/* 20240202 N잡러 광고연계 */
/* form added col2 */
.form_item_list {margin-top:32px;padding-bottom:8px;}
.form_item_list .form_item .form_label > span{color:var(--label-color);}
.form_item_list .form_item .form_label.req > span:before{content: ''; width: 6px; height: 6px; border-radius: 100%; background-color: var(--fc-red); display: inline-block; vertical-align: middle; margin: -2px 6px 0 0;}
.form_item_list .form_item .form_label.req > span:after{content: '(필수입력)'; display: inline-block; color: var(--fc-red); margin-left: 4px;}
.form_heading {font-size:20px;font-weight:700;line-height:24px;}
.form_heading > strong {color:var(--fc-red);}
.form_heading + .form_item {margin-bottom:16px;}
.form_heading.type2 {font-size:18px;line-height:22px;}
.heading_noti {display:block;margin-top:8px;font-size:15px;color:#666;font-weight:400;line-height:24cccpx;}
.col_group.col2 {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;}
.col_group.col2.dash > .col {width:calc(50% - 13.5px);}
.col_group.col2 > .col {width:calc(50% - 6px);}
.col_group.col2 .dash {width:27px;height:56px;text-align:center;line-height:56px;}
.col_group.col2.juso > .col + .col {width:calc(43% - 6px);}
.col_group.col2.juso > .col {width:calc(57% - 6px);}
.form_item .form_label + .col_group {margin-top:8px;}
.form_item .inp_box + .col_group {margin-top:16px;}
.sub_info.type2 {color:#666;font-size:15px;line-height:24px;}
.form_group {margin-left:-24px;margin-right:-24px;padding:32px 24px 0;}
.form_group.brd_top {border-top:5px solid #f8f8f8;}
.form_group.sub_outer {margin-top:32px;padding-top:24px;}
.form_group.mob_certify {padding-top:0;padding-bottom:16px;}
.form_group.mob_certify .check_item {position:relative;}
.form_group.mob_certify .policy_view {padding-right:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:700;font-size:14px;color:#999;}
.form_group.mob_certify .form_item_list {margin-top:24px;padding-bottom:0;}

/* policy agreement */
.form_item_list.check_type {margin-top:0;}
.form_item_list.check_type .form_item {margin-top:16px;padding-top:16px;padding-bottom:0;border-top:1px solid #ebebeb;}
.check_group.type2.multi .check_item {margin:8px 0;}
.check_group.type2 .check_item label::before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23DDDDDD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: center center;
}
.check_group.type2 .check_item input[type=checkbox]:checked + label::before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: center center;
}
.check_group.type2 .check_item input {top:0; left:0; width:0; height:0; opacity:0; padding:0;}
.check_group.type2 label {
    position: relative;
    /* display: flex; */
    display:inline-flex;
    align-items: center;
    height: 100%;
    padding: 0;
}
.check_group.type2 label > span {
    font-size: 14px;
    font-weight:500;
    color: #999;
    margin-left:6px;
}
.check_group.type2 label > .fnt_st2 {color:var(--base-fcolor);font-weight:700;}
.check_group.type2.single .check_item label {padding-left:30px;}
.check_group.type2.single .check_item label::before {
    position:absolute;left:0;top:-2px;
    background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12.0049" r="11.5" fill="white" stroke="%23C0C0C0"/%3e%3cpath d="M8 12.5049L10.5 15.0049L16 9.00488" stroke="%23C0C0C0" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e');
}
.check_group.type2.single .check_item input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EF3B24'/><path d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.check_group.type2.single label > span {
    color: #1f1f1f;
    font-weight:700;
    margin-left:0;
    line-height:18px;
}
.check_group.type2.single2 {margin-top:32px;}
.check_group.type2.single2 .check_item label::before {
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23EBEBEB'/%3e%3cpath d='M8 12.5L10.5 15L16 9' stroke='%23C0C0C0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.check_group.type2.single2 .check_item input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23EF3B24'/%3e%3cpath d='M8 12.5L10.5 15L16 9' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.check_group.type2.single2 label > span {
    color: #000;
    font-size:16px;
    font-weight:700;
}

/* selectbox */
.form_item.select .sel_btn {display: block;
    width: 100%;
    height: 56px;
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--base-fcolor);
    padding: 18px 16px;
    border-radius: 8px;
    text-align:left;}
    .form_item.select .placeholder {    
    color: #ccc;
    font-weight: 500;}
    .form_item.select .sel_btn + span.fbox {    
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px var(--inp-border) solid;
    border-radius: 8px;
    pointer-events: none;
    transition:all 0.1s linear;
}
.form_item.select .sel_btn::after { content:''; position:absolute; display:block; top:calc(50% - 10px); right:16px; width:20px; height:20px; background-image:url('data:image/svg+xml,%3csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M15 8.00488L10 13.0049L5 8.00488" stroke="%231F1F1F" stroke-width="1.5" stroke-linecap="round"/%3e%3c/svg%3e') ; background-repeat:no-repeat; background-size:100%; transition:transform 0.2s ease-in-out; }
.form_item.select .sel_btn.open::after { transform:rotateZ(180deg); }

/* popup - pop_header */
.popup.floating .pop_header { position:sticky; top:0; left:0; right:0; padding:1.5rem; z-index:2; }
.popup.floating .pop_header > h1 { font-size:1.125rem; font-weight:600;}
.popup.floating .pop_header .pop_close { top:34px; }
.popup.floating .pop_header > h1 > strong {color:#ef3b24;}

/* popup - select_list type2 */
.select_list.type2 .sel_item > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23DDDDDD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.select_list.type2 .sel_item.active > span::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.njob .form_item {padding-bottom:24px;}
/* .njob .form_item:last-child {padding-bottom:32px;} */
.njob .form_item input:not([type=radio]):not([type=checkbox]) {caret-color:#a31e0c;}
.njob .form_item input:not([type=radio]):not([type=checkbox]):focus + span.fbox {border:1px solid #1f1f1f;}
.njob .form_item input:not([type=radio]):not([type=checkbox]) + span.fbox.error_line {border:1px solid #ef3b24;}

/* 인증번호 */


.form_item .uAuthBoxArea.inp_box{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding-right:0.5rem;}
.form_item .uAuthBoxArea.inp_box .right{flex: 1 0 auto;display: flex;align-items: center;justify-content: center;gap: 0.75rem;}
.form_item .uAuthBoxArea.inp_box .authTime{font-size:0.875rem;color:#ef3b24;font-weight:400;}
.form_item .uAuthBoxArea.inp_box .btnAuth{display:flex;justify-content:center;align-items:center;padding:0 0.75rem;border:1px solid #b4b8bd;border-radius:0.5rem;width:7.5rem;height:2.5rem;}
.form_item .uAuthBoxArea.inp_box .btnAuth span{color:#222;font-size:0.875rem;font-weight:600;}

.form_item .uAuthBoxArea.inp_box .btnAuth:disabled{
  background: var(--btn-disabled-bgcolor) !important;
  border-color: var(--btn-disabled-bgcolor) !important;
  color: var(--btn-disabled-font-color) !important;
}

.form_item .uAuthBoxArea.inp_box .btnAuth:disabled span{color: var(--btn-disabled-font-color) !important;}





.form_item.conf_no {padding-bottom:32px;}
.form_item.conf_no .inp_txt {
    display: block;
    width: 100%;
    height: 56px;
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--fc-red);
    padding: 18px 16px;
    border-radius: 8px;
    padding-right: 125px;
}
.form_item.conf_no .inp_txt + span.fbox {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px var(--inp-border) solid;
    border-radius: 8px;
    pointer-events: none;
    transition: all 0.1s linear;
}
.form_item.conf_no .timer {position: absolute;
    display: block;
    top: 15px;
    right: 75px;
    font-size: 14px;
    font-weight: 700;
    color: #ddd;
    line-height: 24px;
}
button.btn_small {
    position: relative;
    height: 24px;
    border-radius: 12px;
    padding: 0 10px;
    background: #eee;
}
.form_item.conf_no .btn_small{
    position: absolute;
    top: 15px;
    right: 15px;
}
button.btn_small > span{
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}

/* 등록완료 */
.notifying {position:fixed;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.notifying >p {font-size:20px;font-weight:700;line-height:24px;}
.notifying >p.tit{font-weight: bold; font-size: 26px; line-height: 32px;}
.notifying >p strong {color:var(--fc-red);}
.notifying > .notifying_subtxt {margin-top:16px;font-size:18px;font-weight:400;line-height:22px;}
.notifying.complete .img{
  display:inline-block; width:120px;height:146px;background:url("../images/bg_njobler_prize.png") no-repeat 0 0;background-size:120px auto; margin:30px 0;
}
/* .notifying.complete:before {content:''; display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%);width:120px;height:146px;background:url("../images/bg_njobler_prize.png") no-repeat 0 0;background-size:120px auto;} */

.popup.full .pop_header >  h1{margin-left:0 !important;}

#header .popup.full{left:0;right:0;}

/* N잡러 전용 팝업헤더 */
.popup.full .pop_header.njob {background:var(--base-fcolor);}
.popup.full .pop_header.njob h1 {color:var(--fc-white);}
.popup.full .pop_header.njob .pop_btn_close {background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6344 4.23429C18.9468 3.9219 19.4533 3.9219 19.7657 4.23429C20.0781 4.54668 20.0781 5.05315 19.7657 5.36554L13.1313 11.9999L19.7658 18.6344C20.0781 18.9468 20.0781 19.4533 19.7658 19.7657C19.4534 20.0781 18.9469 20.0781 18.6345 19.7657L12 13.1312L5.36554 19.7657C5.05315 20.0781 4.54668 20.0781 4.23429 19.7657C3.9219 19.4533 3.9219 18.9468 4.23429 18.6344L10.8688 11.9999L4.23438 5.36554C3.922 5.05315 3.922 4.54668 4.23438 4.23429C4.54677 3.9219 5.05325 3.9219 5.36563 4.23429L12 10.8687L18.6344 4.23429Z' fill='%23FFFFFF'/%3e%3c/svg%3e");}

/* njob etc style */
.pt0 {padding-top:0;}
.mt24 {margin-top:24px;}
.mt0{margin-top:0 !important;}
.wide_narrow {padding-left:16px;padding-right:16px;}
.form_heading + .form_heading {margin-top:24px;}
.form_sentence {margin:16px 0;font-weight:500;}
.form_sentence.tail {margin-top:24px;}

/* box type */
.box_type {display:flex;flex-wrap:wrap;color:#222;font-size:14px;line-height:18px;}
.box_type-tit {width:100%;display:flex;padding:0 8px;height:50px;align-items:center;border-top:1px solid #222;border-bottom:1px solid #ddd;background:#f6f6f6;font-weight:700;}
.box_type-txt {display:table;width:100%;border-bottom:1px solid #ddd;}
.box_type-txt .tit {position:relative;display:table-cell;width:70%;padding:16px 8px 16px 26px;border-right:1px solid #ddd;word-break:break-all;}
.box_type-txt .tit:before {content:'';position:absolute;left:8px;top:16px;}
.box_type-txt .tit.num1:before {content:'1.'}
.box_type-txt .tit.num2:before {content:'2.'}
.box_type-txt .tit.num3:before {content:'3.'}
.box_type-txt .tit.num4:before {content:'4.'}
.box_type-txt .tit.num5:before {content:'5.'}
.box_type-txt .tit.num6:before {content:'6.'}
.box_type-txt .tit.num7:before {content:'7.'}
.box_type-txt .tit.num8:before {content:'8.'}
.box_type-txt .tit.num9:before {content:'9.'}
.box_type-txt .tit.num10 {padding-left:30px;}
.box_type-txt .tit.num10:before {content:'10.'}
.box_type-txt .tit.txtarea {padding:16px 20px 16px 8px;}
.box_type-txt .tit.txtarea:before {display:none;}
.box_type-txt .tit.txtarea textarea {width:100%;height:74px;padding:10px;background:#f8f8f8;resize:none;}
.box_type-txt .txt {width:30%;display:table-cell;padding:16px 8px;vertical-align:middle;}
.box_type-txt .tit.txtarea textarea::placeholder {color:#c0c0c0;}
.box_type-txt .tit.txtarea textarea::-webkit-input-placeholder {color:#c0c0c0;}
.box_type-txt .tit.txtarea textarea:-ms-input-placeholder {color:#c0c0c0;}
.box_type .rdo_item label {padding-left:24px;}
.box_type .rdo_item label span {color:#ddd;}                        
.box_type .rdo_item label::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23DDDDDD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.box_type .rdo_item input[type=radio]:checked + label span {color:var(--base-fcolor);font-weight:500;}
.box_type .rdo_item input[type=radio]:checked + label::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.box_type + .sub_info.type2 {margin-top:16px;}
.box_type.type2 {margin-top:24px;padding:16px 20px;border:1px solid #1f1f1f;border-radius:8px;}
.box_type.type2 .box_type-txt {margin:8px 0;width:100%;border:0;}
.box_type.type2 .box_type-txt .tit {width:76px;padding:0;border:0;font-size:16px;line-height:20px;}
.box_type.type2 .box_type-txt .tit:before {display:none;}
.box_type.type2 .box_type-txt .txt {width:calc(100% - 76px);padding:0;font-size:16px;line-height:20px;font-weight:700;}

/* 동의서 약관 스타일 */
.agreement_area {margin:0 -8px;}
.agreement_area .tit {font-size:16px;line-height:20px;font-weight:700;}
.agreement_area .tit >strong {color:var(--fc-red);}
.agreement_area .tit_tail {margin:16px 0;font-weight:500;}
.agreement_in {margin:24px 0;}
.agreement_in .tit {font-weight:700;color:var(--fc-red);}
.agreement_in .txt_s {margin:8px 0;font-size:14px;line-height:18px;}
.agreement_in .stit {margin:16px 0;font-size:16px;line-height:18px;font-weight:700;}
.agreement_list {margin:16px 0;}
.agreement_list >li {margin:16px 0;font-size:16px;line-height:20px;font-weight:500;}
.agreement_list >li >ul >li {position:relative;margin:8px 0;padding-left:8px;font-size:14px;line-height:18px;font-weight:400;color:var(--list-fcolor);}
.agreement_list >li >ul >li:before {content:'';display:block;width:2px;height:2px;background:#1f1f1f;position:absolute;left:0;top:7px;}
.agreement_list2 {margin:16px 0;}
.agreement_list2 >li {font-size:14px;line-height:18px;}
.agreement_tail {font-size:14px;line-height:18px;color:var(--list-fcolor);}
.agreement_tail.top_tail {margin-top:16px;}
.agreement_tail.btm_tail {margin-top:32px;}
.agreement_text {margin:16px 0;font-size:14px;line-height:18px;}
/* 20240222 목록 스타일 추가 [S] */
.agreement_list2.type2 {margin-left:-8px;margin-top:2px;}
.agreement_inner .stit {margin-bottom:8px;}
.agreement_inner .agreement_list {margin:8px 0;}
.agreement_inner .agreement_list >li {position:relative;margin:8px 0;padding-left:8px;font-size:14px;line-height: 18px;font-weight:400;color:var(--list-fcolor);}
.agreement_inner .agreement_list >li:before {content:'';display:block;width:2px;height:2px;background:#1f1f1f;position:absolute;left:0;top:7px;}
/* //20240222 목록 스타일 추가 [E] */

/* 20240216 스탬프 리워드 [S] */
.popup.event {top:47px;left:16px;right:16px;bottom:21px;background:var(--body-bgcolor);overflow:hidden;overflow-y:auto;z-index: 101;display: flex;flex-direction: column;border-radius:32px;}
.popup.event .pop_body {position:relative;padding:0;flex-grow:1;display:flex;flex-direction:column;}
.popup.event .pop_close {position:absolute;top:28px;right:25px;width:24px;height:24px;background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M18.6344 4.23429C18.9468 3.9219 19.4533 3.9219 19.7657 4.23429C20.0781 4.54668 20.0781 5.05315 19.7657 5.36554L13.1313 11.9999L19.7658 18.6344C20.0781 18.9468 20.0781 19.4533 19.7658 19.7657C19.4534 20.0781 18.9469 20.0781 18.6345 19.7657L12 13.1312L5.36554 19.7657C5.05315 20.0781 4.54668 20.0781 4.23429 19.7657C3.9219 19.4533 3.9219 18.9468 4.23429 18.6344L10.8688 11.9999L4.23438 5.36554C3.922 5.05315 3.922 4.54668 4.23438 4.23429C4.54677 3.9219 5.05325 3.9219 5.36563 4.23429L12 10.8687L18.6344 4.23429Z" fill="white"/%3e%3c/svg%3e');background-position:center;background-repeat:no-repeat;}
.stamp_head {position:relative;padding:42px 14px 24px;background:#4444fe;display:flex;justify-content:center;}
.stamp_head:after {content:'';display:block;width:213px;height:192px;position:absolute;left:0;top:47px;background:url('../images/bg_group_lines.png') no-repeat 0 0;background-size:100%;opacity:0.15;}
.stamp_head .stamp_name {position:absolute;top:28%;font-size:40px;line-height:34px;color:#fff;}
.stamp_head .stamp_title img {height:165px;}
.stamp_cont {padding:21px 24px 40px;}
.stamp_level {text-align:center;}
.stamp_level dt {display:flex;align-items:center;justify-content:center;/*display:inline-block;*/font-size:0.8125rem;font-weight:500;line-height:16px;background:#4444fe;border-radius:57px;color:#fff;/*min-width:191px;*/width:191px;height:32px;margin:0 auto;}
.stamp_level dt >span {display:inline-block;color:#fff;font-size:0.8125rem;font-weight:500;line-height:16px;vertical-align:middle;}
.stamp_level dt >strong {display:inline-block;margin-left:3px;color:#fff500;font-size:18px;line-height:16px;font-weight:700;vertical-align:middle;}
.stamp_level dd {margin-top:10px;text-align:center;}
.img_myselection img {height:20px;}
.txt_myselection {display:block;margin-top:2px;font-size:14px;line-height:18px;color:#4444fe;}
.check_group.opt .check_item label img {height:74px;vertical-align:top;}
.check_group.opt .check_item label .thumb {display:block;position:relative;margin:0;}
.check_group.opt .check_item label .txt {display:block;}
.check_group.opt .check_item label::before {content: "";width: 40px;height: 40px;background-repeat: no-repeat;background-size: 100%;background-position: center center;position:absolute;top:19px;left:50%;transform:translateX(-50%);z-index:10;}
.check_group.opt .check_item input[type=checkbox]:checked + label::before {background-image: url("../images/ico_want_checked.png");}
.check_group.opt .check_item input[type=checkbox]:checked + label .thumb::before {content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,208,0.42);border-radius:8px;}
.check_group.opt .check_item input[type=checkbox]:disabled + label::before {content:"";width:41px;height:16px;top:29px;}
.check_group.opt .check_item.level4 input[type=checkbox]:disabled + label::before {
    background-image: url('data:image/svg+xml,%3csvg width="41" height="16" viewBox="0 0 41 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M8.83906 10.616H10.9191V12.696H8.83906V15.416H6.50306V12.728H0.359063V10.616L4.77506 1.8H8.83906V10.616ZM6.50306 10.616V3.656L2.91906 10.616H6.50306ZM18.1382 15.8H12.2822V7.176H15.9302V3H12.2822V0.823999H18.2022V9.496H14.5542V13.704H18.1382V15.8ZM19.9462 8.184H18.6982V6.056H19.9462V0.743999H22.1702V15.88H19.9462V8.184ZM25.5462 15.88H23.3062V0.743999H25.5462V15.88ZM38.4096 8.744V0.743999H40.6016V13.128H30.7296V14.008H40.6016V15.88H28.4736V11.432H38.3456V10.584H28.4736V8.744H38.4096ZM27.6416 7.96V0.823999H29.8816V2.472H31.8176V0.823999H34.0576V2.888H35.0816V0.743999H37.2576V7.992H35.0816V4.92H34.0576V7.96H27.6416ZM31.8176 5.96V4.424H29.8816V5.96H31.8176Z" fill="white"/%3e%3c/svg%3e');
    background-repeat:no-repeat;
    background-position:center;
    background-size:41px 16px;
}
.check_group.opt .check_item.level6 input[type=checkbox]:disabled + label::before {
    background-image: url('data:image/svg+xml,%3csvg width="41" height="16" viewBox="0 0 41 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M4.93394 15.496C4.38994 15.496 3.87794 15.3893 3.39794 15.176C2.91794 14.9733 2.4966 14.6907 2.13394 14.328C1.78194 13.976 1.49927 13.56 1.28594 13.08C1.08327 12.6 0.981938 12.088 0.981938 11.544V10.888V10.728V5.624C0.981938 5.08 1.08327 4.568 1.28594 4.088C1.49927 3.59733 1.78194 3.176 2.13394 2.824C2.4966 2.46133 2.91794 2.17867 3.39794 1.976C3.87794 1.76267 4.38994 1.656 4.93394 1.656H6.64594C7.1686 1.656 7.6486 1.752 8.08594 1.944C8.52327 2.12533 8.90194 2.38133 9.22194 2.712C9.5526 3.032 9.81927 3.41067 10.0219 3.848C10.2246 4.28533 10.3526 4.76 10.4059 5.272H7.89394C7.81927 4.92 7.68594 4.62667 7.49394 4.392C7.3126 4.14667 7.0246 4.024 6.62994 4.024H4.94994C4.4806 4.024 4.10727 4.19467 3.82994 4.536C3.56327 4.86667 3.42994 5.272 3.42994 5.752V7.224C3.9206 7.02133 4.42194 6.92 4.93394 6.92H6.48594C7.02994 6.92 7.54194 7.02667 8.02194 7.24C8.50194 7.44267 8.91794 7.72533 9.26994 8.088C9.6326 8.44 9.91527 8.86133 10.1179 9.352C10.3313 9.832 10.4379 10.344 10.4379 10.888V11.544C10.4379 12.088 10.3313 12.6 10.1179 13.08C9.91527 13.56 9.6326 13.976 9.26994 14.328C8.91794 14.6907 8.50194 14.9733 8.02194 15.176C7.54194 15.3893 7.02994 15.496 6.48594 15.496H4.93394ZM3.42994 11.48C3.45127 11.9387 3.59527 12.328 3.86194 12.648C4.13927 12.968 4.50194 13.128 4.94994 13.128H6.46994C6.93927 13.128 7.30727 12.9627 7.57394 12.632C7.85127 12.2907 7.98994 11.88 7.98994 11.4V11.016C7.98994 10.536 7.85127 10.1307 7.57394 9.8C7.30727 9.45867 6.93927 9.288 6.46994 9.288H4.94994C4.4806 9.288 4.10727 9.45333 3.82994 9.784C3.56327 10.1147 3.42994 10.52 3.42994 11V11.48ZM18.0913 15.8H12.2353V7.176H15.8833V3H12.2353V0.823999H18.1553V9.496H14.5073V13.704H18.0913V15.8ZM19.8993 8.184H18.6513V6.056H19.8993V0.743999H22.1233V15.88H19.8993V8.184ZM25.4993 15.88H23.2593V0.743999H25.4993V15.88ZM38.3627 8.744V0.743999H40.5547V13.128H30.6827V14.008H40.5547V15.88H28.4267V11.432H38.2987V10.584H28.4267V8.744H38.3627ZM27.5947 7.96V0.823999H29.8347V2.472H31.7707V0.823999H34.0107V2.888H35.0347V0.743999H37.2107V7.992H35.0347V4.92H34.0107V7.96H27.5947ZM31.7707 5.96V4.424H29.8347V5.96H31.7707Z" fill="white"/%3e%3c/svg%3e');
    background-repeat:no-repeat;
    background-position:center;
    background-size:41px 16px;
}
.check_group.opt .check_item.level8 input[type=checkbox]:disabled + label::before {
    background-image: url('data:image/svg+xml,%3csvg width="40" height="16" viewBox="0 0 40 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M5.45763 1.64C6.00163 1.64 6.49763 1.736 6.94563 1.928C7.39363 2.12 7.77763 2.38667 8.09763 2.728C8.41763 3.05867 8.66296 3.45867 8.83363 3.928C9.00429 4.39733 9.08963 4.904 9.08963 5.448V6.04C9.08963 6.52 9.00963 6.96267 8.84963 7.368C8.70029 7.76267 8.48696 8.12 8.20963 8.44C8.59363 8.73867 8.89763 9.112 9.12163 9.56C9.35629 9.99733 9.47363 10.4933 9.47363 11.048V11.928C9.47363 12.44 9.37229 12.9147 9.16963 13.352C8.97763 13.7893 8.71096 14.168 8.36963 14.488C8.03896 14.808 7.64429 15.0533 7.18563 15.224C6.73763 15.4053 6.25763 15.496 5.74563 15.496H3.71363C3.20163 15.496 2.71629 15.4053 2.25763 15.224C1.80963 15.0533 1.41496 14.808 1.07363 14.488C0.742958 14.168 0.481625 13.7893 0.289625 13.352C0.0976251 12.9147 0.00162506 12.44 0.00162506 11.928V11.048C0.00162506 10.4827 0.113625 9.976 0.337625 9.528C0.572292 9.08 0.886958 8.70667 1.28163 8.408C1.01496 8.09867 0.806958 7.74667 0.657625 7.352C0.508292 6.94667 0.433625 6.50933 0.433625 6.04V5.448C0.433625 4.904 0.518958 4.39733 0.689625 3.928C0.870958 3.45867 1.11629 3.05867 1.42563 2.728C1.74563 2.38667 2.12963 2.12 2.57763 1.928C3.02563 1.736 3.52163 1.64 4.06563 1.64H5.45763ZM7.15363 11.4C7.15363 10.92 6.98829 10.5307 6.65763 10.232C6.33763 9.92267 5.94296 9.768 5.47363 9.768H5.29763H5.13763H4.38563H4.22563H3.98563C3.51629 9.768 3.11629 9.92267 2.78563 10.232C2.46563 10.5307 2.30563 10.92 2.30563 11.4V11.64C2.30563 12.12 2.46563 12.4987 2.78563 12.776C3.11629 13.0533 3.51629 13.192 3.98563 13.192H5.47363C5.94296 13.192 6.33763 13.0533 6.65763 12.776C6.98829 12.4987 7.15363 12.12 7.15363 11.64V11.4ZM6.70563 5.608C6.70563 5.37333 6.67896 5.15467 6.62563 4.952C6.57229 4.73867 6.48696 4.552 6.36963 4.392C6.26296 4.232 6.12429 4.10933 5.95363 4.024C5.78296 3.928 5.58029 3.88 5.34563 3.88H4.17763C3.70829 3.88 3.36163 4.05067 3.13763 4.392C2.92429 4.73333 2.81763 5.13867 2.81763 5.608V5.912C2.81763 6.38133 2.92429 6.78667 3.13763 7.128C3.36163 7.46933 3.70829 7.64 4.17763 7.64H5.34563C5.58029 7.64 5.78296 7.59733 5.95363 7.512C6.12429 7.416 6.26296 7.288 6.36963 7.128C6.48696 6.968 6.57229 6.78667 6.62563 6.584C6.67896 6.37067 6.70563 6.14667 6.70563 5.912V5.608ZM16.9116 15.8H11.0556V7.176H14.7036V3H11.0556V0.823999H16.9756V9.496H13.3276V13.704H16.9116V15.8ZM18.7196 8.184H17.4716V6.056H18.7196V0.743999H20.9436V15.88H18.7196V8.184ZM24.3196 15.88H22.0796V0.743999H24.3196V15.88ZM37.183 8.744V0.743999H39.375V13.128H29.503V14.008H39.375V15.88H27.247V11.432H37.119V10.584H27.247V8.744H37.183ZM26.415 7.96V0.823999H28.655V2.472H30.591V0.823999H32.831V2.888H33.855V0.743999H36.031V7.992H33.855V4.92H32.831V7.96H26.415ZM30.591 5.96V4.424H28.655V5.96H30.591Z" fill="white"/%3e%3c/svg%3e');
    background-repeat:no-repeat;
    background-position:center;
    background-size:40px 16px;
}
.check_group.opt .check_item.level10 input[type=checkbox]:disabled + label::before {
    width:47px;
    background-image: url('data:image/svg+xml,%3csvg width="47" height="16" viewBox="0 0 47 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M0.201813 4.28L1.76981 1.8H4.45781V15.416H2.13781V4.28H0.201813ZM12.5191 1.72C13.0311 1.72 13.5111 1.82133 13.9591 2.024C14.4177 2.216 14.8124 2.48267 15.1431 2.824C15.4844 3.15467 15.7511 3.54933 15.9431 4.008C16.1457 4.456 16.2471 4.936 16.2471 5.448V11.688C16.2471 12.2 16.1457 12.68 15.9431 13.128C15.7511 13.5867 15.4844 13.9813 15.1431 14.312C14.8124 14.6533 14.4177 14.92 13.9591 15.112C13.5111 15.3147 13.0311 15.416 12.5191 15.416H10.4871C9.97506 15.416 9.48973 15.3147 9.03106 15.112C8.58306 14.92 8.1884 14.6533 7.84706 14.312C7.5164 13.9813 7.25506 13.5867 7.06306 13.128C6.87106 12.68 6.77506 12.2 6.77506 11.688V5.448C6.77506 4.936 6.87106 4.456 7.06306 4.008C7.25506 3.54933 7.5164 3.15467 7.84706 2.824C8.1884 2.48267 8.58306 2.216 9.03106 2.024C9.48973 1.82133 9.97506 1.72 10.4871 1.72H12.5191ZM13.9271 5.864C13.9271 5.62933 13.8791 5.41067 13.7831 5.208C13.6977 4.99467 13.5804 4.81333 13.4311 4.664C13.2817 4.504 13.1057 4.38133 12.9031 4.296C12.7004 4.2 12.4817 4.152 12.2471 4.152H10.7591C10.5244 4.152 10.3057 4.2 10.1031 4.296C9.9004 4.38133 9.71906 4.504 9.55906 4.664C9.40973 4.81333 9.2924 4.99467 9.20706 5.208C9.12173 5.41067 9.07906 5.62933 9.07906 5.864V11.272C9.07906 11.5067 9.12173 11.7307 9.20706 11.944C9.2924 12.1467 9.40973 12.328 9.55906 12.488C9.71906 12.6373 9.9004 12.76 10.1031 12.856C10.3057 12.9413 10.5244 12.984 10.7591 12.984H12.2471C12.4817 12.984 12.7004 12.9413 12.9031 12.856C13.1057 12.76 13.2817 12.6373 13.4311 12.488C13.5804 12.328 13.6977 12.1467 13.7831 11.944C13.8791 11.7307 13.9271 11.5067 13.9271 11.272V5.864ZM23.9194 15.8H18.0634V7.176H21.7114V3H18.0634V0.823999H23.9834V9.496H20.3354V13.704H23.9194V15.8ZM25.7274 8.184H24.4794V6.056H25.7274V0.743999H27.9514V15.88H25.7274V8.184ZM31.3274 15.88H29.0874V0.743999H31.3274V15.88ZM44.1908 8.744V0.743999H46.3828V13.128H36.5108V14.008H46.3828V15.88H34.2548V11.432H44.1268V10.584H34.2548V8.744H44.1908ZM33.4228 7.96V0.823999H35.6628V2.472H37.5988V0.823999H39.8388V2.888H40.8628V0.743999H43.0388V7.992H40.8628V4.92H39.8388V7.96H33.4228ZM37.5988 5.96V4.424H35.6628V5.96H37.5988Z" fill="white"/%3e%3c/svg%3e');
    background-repeat:no-repeat;
    background-position:center;
    background-size:47px 16px;
}
.check_group.opt .check_item input[type=checkbox]:checked:disabled + label::before {
  content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background-image: url(../images/ico_nope_checked.png);
}
.check_group.opt .check_item input[type=checkbox]:checked:disabled + label .thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(6,6,6,0.4);
  border-radius: 8px;
}
.check_group.opt .check_item input[type=checkbox]:checked:disabled.alreadychecked + label::before {
  content: "";
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-image: url(../images/ico_want_checked.png);
}
.check_group.opt .check_item input[type=checkbox]:checked:disabled.alreadychecked + label .thumb::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,208,0.42);
  border-radius: 8px;
}

.check_group.opt .check_item input[type=checkbox]:disabled + label .thumb::before {content:"";position:absolute;width:100%;height:100%;background:rgba(6,6,6,0.4);border-radius: 8px;}
.check_group.opt .check_item.not_check input[type=checkbox]:disabled + label .thumb::before{display:none;}
.check_group.opt .check_item input {top:0; left:0; width:0; height:0;opacity:0;padding:0;}
.check_group.opt label {position:relative;display:inline-flex;align-items:center;padding: 0;display:flex;flex-direction:column;}
.check_group.opt label > span {font-size:12px;line-height:14px;color:#1f1f1f;margin:3px 0 0;}
.stamp_opt_list {display:flex;flex-wrap:wrap;margin-top:11px;}
.stamp_opt_list li {width:33.333%;margin-top:21px;}
.stamp_opt_desc {margin-top:21px;font-size:12px;line-height:16px;color:#1f1f1f;}
.stamp_opt_desc strong {font-weight:700;}
.stamp_level_box {margin:41px -8px 0;}
.stamp_level_box .tit {display:block;margin:0 0 14px;}
.stamp_level_box .tit:before {content:"";display:inline-block;width:27px;height:21px;margin-right:2px;background:url("../images/ico_present_done.png") no-repeat 0 0;background-size:100%;position:relative;top:5px;}
.stamp_level_box .tit img {height:15px;}
.stamp_level_box table thead th {padding:11px 0;background:#f8f8f8;font-weight:400;border-top:1px solid var(--base-fcolor);border-bottom:1px solid var(--base-fcolor);line-height:19px;font-size:15px;}
.stamp_level_box table tbody td {padding:11px 0;border-bottom:1px solid #cecece;text-align:center;font-size:15px;}
/* 20240731 재수정 */
.stamp_level_box table tbody td.align_c {text-align:center;}
.stamp_level_box table tbody td.noline {border-bottom:0;}
.stamp_level_box table tbody td .noti_txt {display:inline-block;position:relative;margin-top:5px;color:#0c68f0;font-size:0.8125rem;font-weight:400;line-height:16px;}
/* //20240731 재수정 */
.stamp_level_box table tbody .level td {background:#f2f2ff;}
.stamp_level_box table thead th .prod,
.stamp_level_box table tbody td .prod {display:block;margin-left:-25px;position:relative;}
.stamp_level_box table tbody .level td .prod:after {content:"";display:block;margin-left:-35px;width:27px;height:21px;background:url("../images/ico_present_done.png") no-repeat 0 0;background-size:27px 21px;position:absolute;left:100%;top:50%;transform:translateY(-50%);}
.info_delivery_period {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
}
.info_delivery_period p {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--list-fcolor);
  text-align:center;
}
/* //20240216 스탬프 리워드 [E] */

/* 20240604 메리M스쿨 alert팝업 텍스트처리 */
.pop_body > .txt_sorry {position:relative;padding-top:84px;font-size:14px;font-weight:700;line-height:18px;text-align:center;}
.pop_body > .txt_sorry::before {content:'';display:block;width:61px;height:60px;background-image: url('data:image/svg+xml,%3Csvg width="61" height="60" viewBox="0 0 61 60" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M46.0989 22.9662H39.5376C39.3092 22.9635 39.091 22.8709 38.9304 22.7084C38.7698 22.5459 38.6797 22.3267 38.6797 22.0982C38.6797 21.8697 38.7698 21.6505 38.9304 21.488C39.091 21.3255 39.3092 21.2329 39.5376 21.2303H46.0989C46.2138 21.2289 46.3277 21.2504 46.4342 21.2934C46.5407 21.3364 46.6376 21.4001 46.7192 21.4809C46.8009 21.5616 46.8657 21.6577 46.91 21.7637C46.9543 21.8697 46.977 21.9834 46.977 22.0982C46.977 22.213 46.9543 22.3267 46.91 22.4327C46.8657 22.5387 46.8009 22.6348 46.7192 22.7155C46.6376 22.7963 46.5407 22.86 46.4342 22.903C46.3277 22.946 46.2138 22.9675 46.0989 22.9662ZM21.5894 22.9662H15.0222C14.7938 22.9635 14.5756 22.8709 14.415 22.7084C14.2544 22.5459 14.1643 22.3267 14.1643 22.0982C14.1643 21.8697 14.2544 21.6505 14.415 21.488C14.5756 21.3255 14.7938 21.2329 15.0222 21.2303H21.5894C21.8179 21.2329 22.0361 21.3255 22.1967 21.488C22.3573 21.6505 22.4473 21.8697 22.4473 22.0982C22.4473 22.3267 22.3573 22.5459 22.1967 22.7084C22.0361 22.8709 21.8179 22.9635 21.5894 22.9662ZM24.2163 16.6245C24.1022 16.6247 23.9892 16.6023 23.8838 16.5586C23.7785 16.5149 23.6827 16.4508 23.6022 16.37L18.9616 11.7239C18.7989 11.561 18.7076 11.3402 18.7077 11.11C18.7079 10.8798 18.7994 10.6591 18.9623 10.4965C19.1252 10.3338 19.346 10.2425 19.5762 10.2426C19.8063 10.2427 20.0271 10.3343 20.1897 10.4972L24.8304 15.1433C24.9516 15.2647 25.0342 15.4194 25.0676 15.5877C25.101 15.756 25.0838 15.9305 25.0181 16.089C24.9523 16.2476 24.8411 16.383 24.6984 16.4784C24.5557 16.5737 24.3879 16.6246 24.2163 16.6245ZM36.905 16.6245C36.7333 16.6246 36.5655 16.5737 36.4228 16.4783C36.2801 16.3829 36.1688 16.2474 36.1031 16.0888C36.0374 15.9302 36.0203 15.7557 36.0537 15.5873C36.0872 15.419 36.1699 15.2643 36.2913 15.1429L40.9374 10.4968C41.1008 10.3369 41.3206 10.2478 41.5493 10.249C41.7779 10.2502 41.9968 10.3415 42.1585 10.5032C42.3202 10.6648 42.4115 10.8838 42.4127 11.1124C42.4139 11.341 42.3249 11.5609 42.165 11.7242L37.5194 16.3704C37.4388 16.4511 37.343 16.5152 37.2376 16.5588C37.1321 16.6024 37.0191 16.6248 36.905 16.6245ZM30.5635 13.9924C30.4495 13.9924 30.3367 13.97 30.2314 13.9263C30.1261 13.8827 30.0304 13.8188 29.9498 13.7382C29.8692 13.6576 29.8053 13.5619 29.7617 13.4566C29.7181 13.3513 29.6956 13.2385 29.6956 13.1245V6.56271C29.6956 6.33254 29.7871 6.11178 29.9498 5.94902C30.1126 5.78626 30.3333 5.69482 30.5635 5.69482C30.7937 5.69482 31.0145 5.78626 31.1772 5.94902C31.34 6.11178 31.4314 6.33254 31.4314 6.56271V13.124C31.4315 13.2381 31.4091 13.351 31.3655 13.4563C31.3219 13.5617 31.258 13.6574 31.1774 13.738C31.0968 13.8187 31.0011 13.8826 30.8958 13.9263C30.7904 13.9699 30.6775 13.9924 30.5635 13.9924Z" fill="%23FFDD00"/%3E%3Cpath d="M30.5206 44.4173H22.5854V36.2159C22.5855 35.3648 22.709 34.5182 22.9522 33.7025L26.3867 22.184C26.515 21.7538 26.7771 21.3757 27.1349 21.1046C27.4928 20.8335 27.9277 20.6835 28.3766 20.6765C28.6566 20.6722 28.9346 20.7235 29.1945 20.8276C29.4544 20.9317 29.691 21.0865 29.8905 21.2829C30.09 21.4794 30.2485 21.7135 30.3566 21.9718C30.4648 22.23 30.5205 22.5072 30.5204 22.7872L30.5206 44.4173Z" fill="%23FED1AD"/%3E%3Cpath d="M10.4658 40.8838H30.5206V46.1842C30.5206 46.982 30.3634 47.772 30.0581 48.5091C29.7528 49.2462 29.3053 49.916 28.7412 50.4801C28.177 51.0442 27.5073 51.4918 26.7702 51.7971C26.0331 52.1024 25.2431 52.2595 24.4452 52.2595H10.4658V40.8838Z" fill="%23FED1AD"/%3E%3Cpath d="M30.1183 48.355C29.6804 49.504 28.9036 50.4928 27.8909 51.1903C26.8783 51.8878 25.6776 52.261 24.4479 52.2606H10.4631V48.355H30.1183Z" fill="%23FEC89D"/%3E%3Cpath d="M20.0335 39.3032H10.3007C9.70156 39.3032 9.21582 39.789 9.21582 40.3881V52.3528C9.21582 52.9519 9.70156 53.4377 10.3007 53.4377H20.0335C20.6327 53.4377 21.1184 52.9519 21.1184 52.3528V40.3881C21.1184 39.789 20.6327 39.3032 20.0335 39.3032Z" fill="%2300A353"/%3E%3Cpath d="M30.5 40.3724H27.9981C27.2222 40.3724 26.478 40.0642 25.9294 39.5155C25.3807 38.9669 25.0725 38.2227 25.0725 37.4468C25.0725 36.5179 25.1838 35.5923 25.404 34.6899L27.0196 28.0722C27.1125 27.6916 27.3292 27.3528 27.6358 27.109C27.9423 26.8651 28.3213 26.7301 28.7129 26.7252C28.9466 26.7224 29.1785 26.766 29.3952 26.8534C29.6119 26.9409 29.8091 27.0705 29.9753 27.2347C30.1415 27.3989 30.2735 27.5945 30.3636 27.8101C30.4537 28.0257 30.5001 28.2571 30.5 28.4908V40.3724Z" fill="%23FEC89D"/%3E%3Cpath d="M30.5205 42.2119H25.6697V36.4134L27.9934 28.6205C28.0718 28.3574 28.2321 28.1263 28.4508 27.9606C28.6696 27.7949 28.9355 27.7032 29.2099 27.6989C29.3811 27.6962 29.551 27.7276 29.7099 27.7913C29.8688 27.8549 30.0135 27.9495 30.1354 28.0696C30.2574 28.1897 30.3543 28.3329 30.4204 28.4907C30.4865 28.6486 30.5205 28.8181 30.5205 28.9892V42.2119Z" fill="%23FED1AD"/%3E%3Cpath d="M17.8638 39.3032H20.0723C20.3497 39.3032 20.6158 39.4134 20.812 39.6096C21.0082 39.8058 21.1184 40.0719 21.1184 40.3494V52.3915C21.1184 52.669 21.0082 52.9351 20.812 53.1313C20.6158 53.3275 20.3497 53.4377 20.0723 53.4377H17.8638V39.3032Z" fill="%23358437"/%3E%3Cpath opacity="0.3" d="M21.1208 48.355V52.3532C21.1199 52.6409 21.0048 52.9164 20.8009 53.1193C20.5969 53.3222 20.3207 53.4358 20.0331 53.4352H10.301C10.0133 53.4358 9.73709 53.3222 9.53311 53.1193C9.32912 52.9165 9.21403 52.6409 9.21313 52.3532V48.355H21.1208Z" fill="%23006838"/%3E%3Cpath d="M23.375 52.2613H24.4454C25.2432 52.2614 26.0333 52.1043 26.7704 51.7991C27.5075 51.4938 28.1773 51.0463 28.7414 50.4821C29.3056 49.918 29.7531 49.2482 30.0584 48.5111C30.3636 47.774 30.5207 46.9839 30.5206 46.1861V22.7874C30.5212 22.5074 30.466 22.2302 30.3583 21.9718C30.2505 21.7134 30.0924 21.4791 29.8931 21.2825C29.6938 21.0859 29.4574 20.931 29.1975 20.8268C28.9377 20.7226 28.6597 20.6712 28.3798 20.6756C28.2101 20.6808 28.0414 20.7041 27.8765 20.7449C28.3275 20.8639 28.7265 21.1287 29.0111 21.4982C29.2958 21.8677 29.4502 22.321 29.4502 22.7874V46.1861C29.4503 46.9839 29.2932 47.774 28.988 48.5111C28.6827 49.2482 28.2352 49.918 27.671 50.4821C27.1069 51.0463 26.4371 51.4938 25.7 51.7991C24.9629 52.1043 24.1728 52.2614 23.375 52.2613Z" fill="%23FEC39D"/%3E%3Cpath d="M30.4795 44.4173H38.4146V36.2159C38.4146 35.3648 38.291 34.5182 38.0478 33.7025L34.6134 22.184C34.4851 21.7538 34.223 21.3757 33.8651 21.1046C33.5073 20.8335 33.0723 20.6835 32.6234 20.6765C32.3435 20.6722 32.0655 20.7235 31.8056 20.8276C31.5457 20.9317 31.3091 21.0865 31.1096 21.2829C30.91 21.4794 30.7516 21.7135 30.6435 21.9718C30.5353 22.23 30.4796 22.5072 30.4796 22.7872L30.4795 44.4173Z" fill="%23FED1AD"/%3E%3Cpath d="M50.5339 52.2598H36.5545C34.9432 52.2598 33.3979 51.6197 32.2586 50.4803C31.1193 49.341 30.4792 47.7957 30.4792 46.1844V40.884H50.5339V52.2598Z" fill="%23FED1AD"/%3E%3Cpath d="M51.6479 40.8853H50.5774V52.2605H51.6479V40.8853Z" fill="%23FEC89D"/%3E%3Cpath d="M30.8818 48.355C31.3198 49.504 32.0965 50.4928 33.1092 51.1903C34.1218 51.8878 35.3226 52.261 36.5522 52.2606H50.537V48.355H30.8818Z" fill="%23FEC89D"/%3E%3Cpath d="M40.9665 53.4375H50.6993C51.2984 53.4375 51.7842 52.9518 51.7842 52.3526V40.388C51.7842 39.7888 51.2984 39.303 50.6993 39.303H40.9665C40.3673 39.303 39.8816 39.7888 39.8816 40.388V52.3526C39.8816 52.9518 40.3673 53.4375 40.9665 53.4375Z" fill="%2300A353"/%3E%3Cpath d="M30.5 40.3724H33.002C33.7779 40.3724 34.522 40.0642 35.0707 39.5155C35.6193 38.9669 35.9275 38.2228 35.9275 37.4468C35.9275 36.5179 35.8162 35.5923 35.596 34.6899L33.9811 28.0722C33.8882 27.6917 33.6714 27.3528 33.3649 27.109C33.0583 26.8651 32.6794 26.7301 32.2877 26.7252C32.054 26.7223 31.822 26.7658 31.6053 26.8533C31.3885 26.9407 31.1913 27.0703 31.025 27.2345C30.8587 27.3987 30.7266 27.5943 30.6365 27.81C30.5464 28.0257 30.5 28.2571 30.5 28.4908V40.3724Z" fill="%23FEC89D"/%3E%3Cpath d="M30.4795 42.2119H35.3303V36.4134L33.0066 28.6205C32.9282 28.3574 32.768 28.1263 32.5492 27.9606C32.3304 27.7949 32.0645 27.7032 31.7901 27.6989C31.619 27.6962 31.449 27.7276 31.2901 27.7913C31.1312 27.8549 30.9866 27.9495 30.8646 28.0696C30.7426 28.1897 30.6458 28.3329 30.5796 28.4907C30.5135 28.6486 30.4795 28.8181 30.4795 28.9892V42.2119Z" fill="%23FED1AD"/%3E%3Cpath d="M43.1362 53.4375H40.9279C40.6505 53.4375 40.3844 53.3273 40.1882 53.1311C39.992 52.9349 39.8818 52.6688 39.8818 52.3914V40.3492C39.8818 40.0717 39.992 39.8056 40.1882 39.6095C40.3844 39.4133 40.6505 39.303 40.9279 39.303H43.1362V53.4375Z" fill="%23358437"/%3E%3Cpath opacity="0.3" d="M39.8792 48.355V52.3532C39.8801 52.6409 39.9951 52.9164 40.1991 53.1193C40.403 53.3222 40.6792 53.4358 40.9669 53.4352H50.699C50.9867 53.4358 51.2628 53.3222 51.4668 53.1193C51.6708 52.9165 51.7859 52.6409 51.7868 52.3532V48.355H39.8792Z" fill="%23006838"/%3E%3Cpath d="M37.6164 52.2584H36.5461C35.7482 52.2585 34.9582 52.1014 34.2211 51.7962C33.484 51.491 32.8142 51.0435 32.2501 50.4794C31.6859 49.9153 31.2384 49.2455 30.9331 48.5084C30.6278 47.7713 30.4707 46.9813 30.4707 46.1835V22.7845C30.4701 22.5045 30.5253 22.2273 30.6331 21.9689C30.7408 21.7105 30.899 21.4762 31.0983 21.2796C31.2975 21.083 31.534 20.9281 31.7938 20.8239C32.0536 20.7197 32.3316 20.6682 32.6115 20.6726C32.7814 20.6778 32.9504 20.7011 33.1154 20.742C32.6644 20.8609 32.2654 21.1258 31.9807 21.4953C31.696 21.8647 31.5416 22.318 31.5416 22.7845V46.1835C31.5415 46.9813 31.6986 47.7713 32.0039 48.5083C32.3092 49.2454 32.7567 49.9151 33.3208 50.4792C33.8849 51.0433 34.5546 51.4908 35.2917 51.796C36.0287 52.1013 36.8187 52.2584 37.6164 52.2584Z" fill="%23FEC39D"/%3E%3C/svg%3E');position:absolute;left:50%;transform:translateX(-50%);top:0;}
.pop_body > .txt_support {margin-top:8px;font-size:14px;line-height:18px;text-align:center;}

/* 250508 */
.step_num{margin-left:auto;} /* 20250624 수정 */
.step_num > ul{display: flex; gap: 4px;}
.step_num > ul > li{width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 100%; display: flex; justify-content: center; align-items: center; color:#999; font-weight: 500; font-size: 12px;}
.step_num > ul > li.active{border-color: var(--fc-red); background-color: var(--fc-red); font-weight: 700; color: #fff;}
.step_num > ul > li.done{font-size: 0;background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;}

.step_bar{height: 5px; background: #ebebeb; border-radius: 3px; position: relative; margin: 0 -8px 32px; }
.step_bar:before{position: absolute; height: 5px; left: 0; border-radius: 3px; width: 25%; background-color: var(--fc-red); content: ''; display: block;}
.step_bar.bar-2:before{width: 50%;}
.step_bar.bar-3:before{width: 75%;}
.step_bar.bar-4:before{width: 100%;}

.checkbox-box{margin: 0 -8px;}
.checkbox-box input{display: none;}
.checkbox-box input + label{height: 72px; display: flex; align-items: center; position: relative; padding-left: 64px; font-size: 20px; font-weight: bold; border: 1px solid var(--fc-red); border-radius: 8px;}
.checkbox-box input + label::before{
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 1px solid #c0c0c0;
    border-radius: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 12.5L10.5 15L16 9' stroke='%23DDDDDD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 24px;
    background-position: center center;}
.checkbox-box input:checked + label{border-width: 2px;padding-left: 63px;}
.checkbox-box input:checked + label::before{
  border-color: var(--fc-red);
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23EF3B24'/%3e%3cpath d='M8 12.5L10.5 15L16 9' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-color: var(--fc-red);
  left: 19px;
}
.txt_help{font-size: 15px; color: #666; margin: 16px 0 0 -8px;}
.txt_help::before{content: '※'; margin-right: 3px;}
.tab_agree{margin: -26px -8px 24px;}
.tab_agree > ul{border-bottom: 1px solid #ebebeb; display: flex;;}
.tab_agree > ul > li{flex: 1; display: flex; text-align: center; align-items: center;}
.tab_agree > ul > li > a{width: 100%; height: 72px; padding-top: 16px;}
.tab_agree > ul > li.active > a{border-bottom: 4px solid #1f1f1f; font-weight: bold;}

.radio_agree{margin-top: 16px;}
.radio_agree input[type="radio"]{}
.radio_agree input[type="radio"] + label{
  font-size: 16px;
  font-weight: bold;
}
.radio_agree input[type="radio"] + label:before{
  content: "";
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  margin: -4px 9px 0 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12.0049" r="11.5" fill="white" stroke="%23C0C0C0"/%3e%3cpath d="M8 12.5049L10.5 15.0049L16 9.00488" stroke="%23C0C0C0" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/%3e%3c/svg%3e');
    background-size: 24px;
    background-position: center center;
}
.radio_agree input[type="radio"]:checked{}
.radio_agree input[type="radio"]:checked + label:before{
  background-image: url("data:image/svg+xml, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EF3B24'/><path d='M8 12.5L10.5 15L16 9' stroke='%23EF3B24' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.radio_agree input[type="radio"] + label + input[type="radio"]{margin-left: 14px;}
.radio_agree + .txt_s{margin-top: 16px;}
.tit_agree{
  position: relative;
  padding-left: 32px;
  font-size: 26px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 32px;
}
.tit_agree::before{
  position: absolute;
  top: 3px;
  left: 0px;
  content: '';
  display: block;
  height: 24px;
  width: 24px;
  background: url("../images/ico_agree.png") no-repeat;
  background-size: 100% auto;
}
.btn_red{height: 28px; padding: 0 14px; background: var(--fc-red); border-radius: 6px; color: #fff;}
.btn_red > span{color: inherit; font-size: 12px;}

/* 20250512 메리M스쿨 파트너스 전용 팝업 */
.popup.floating.partners .pop_header {padding:24px 24px 16px;}
.popup.floating.partners .pop_header > h1 {font-size:27px;line-height:36px;text-align:center;}
.popup.floating.partners .pop_bottom {height:90px;padding:15px 24px;}
.pop_body .info_partners {min-height:278px;text-align:center;background:url("../images/bg_partners.png") no-repeat center bottom;background-size:auto 236px;}
.pop_body .info_partners .tit {font-weight:700;font-size:24px;line-height:29px;}
.pop_body .info_partners .txt {margin-top:5px;font-weight:700;font-size:16px;line-height:19px;}
.pop_bottom .pop_btn_primary.type_arrow {display:flex;align-items:center;justify-content:center;}
.pop_bottom button[class^=pop_btn_].type_arrow > span {font-size:1.25rem;line-height:1.5rem;letter-spacing:0.214px;margin-left:20px;}
.pop_bottom .pop_btn_primary.type_arrow .ico_obj {margin-left:8px;}
.pop_bottom .pop_btn_primary.type_arrow .ico_obj.obj_arrow_right::before {position:static;width:25px;height:25px;}

/* 20250624 메리M스쿨 오답노트 */
.bubble_tail.rate_bubble.yellow .bubble_cont {background-color:#ffdd00;color:#1f1f1f;font-weight:700;}
.bubble_tail.tail_right_b.yellow::before {border-bottom:10px solid #ffdd00;}
.radio_group2.type2 {padding-top:0;}
.radio_group2.type2 .rdo_item input[type=radio] ~ label {color:#999;font-size:1.125rem;}
.radio_group2.type2 .rdo_item input[type=radio]:checked ~ label {font-weight:700;color:#1f1f1f;}


.testInfo .radio_group2.top_tab{margin:0;padding:0;}

.screps_exam.type2 {margin-top:29px !important;}
.screps_exam.type2 .exam_info > dt {min-height:41px;}
.screps_exam.type2 .exam_info > dd.cont_txt {min-height:inherit;padding:20px 16px 24px;}
.screps_exam.type2 .exam_info > dd.cont_txt p {padding:0;}
/* .screps_exam_wrap {margin-top:-24px;} */
.screps_exam_wrap .screps_exam {margin-top:0 !important;}
.screps_exam_wrap .cont_txt {padding:16px !important;display:flex;align-items: center;justify-content: center;}
.screps_exam_wrap .cont_txt .btn {padding:8px 24px;border:1px solid #ef3b24;border-radius:8px;font-size:1rem;font-weight:700;line-height:1.25rem;}
.class_online .mode_list > li.inline_tlist > .mode_label.wide {width:156px;}
.class_online .mode_list > li .mode_label {white-space: nowrap}
.return2list {display:flex;align-items:center;justify-content:center;margin-top:-8px;}
.return2list .btn {width:100%;border:1px solid #c0c0c0;border-radius:8px;height:40px;border-radius:8px;}
.return2list .btn >span {position:relative;padding-left:23px;color:#1f1f1f;font-weight:700;font-size:1rem;}
.return2list .btn >span::before {content:'';display:inline-block;width:15px;height:16px;background-repeat: no-repeat;background-image: url("data:image/svg+xml, %3csvg width='33' height='34' viewBox='0 0 33 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.2534 6.62403C15.3798 5.10236 17.1485 2.9361 18.1855 1.81117C20.4368 -0.633763 22.9272 -0.597775 23.2792 1.88529C23.4222 2.89436 22.3083 5.6179 20.5292 8.61357C18.8844 11.3819 17.5387 13.8775 17.5387 14.1583C17.5387 14.4399 19.4622 16.7265 21.8133 19.2404C28.2058 26.0736 33.2167 32.8392 32.4518 33.6041C31.6635 34.3924 23.4376 29.0948 17.3862 23.9021L13.2003 20.3103L11.9631 22.7171C10.2794 25.9914 4.41571 33.5572 3.56284 33.5572C3.18298 33.5572 2.87203 33.027 2.87203 32.3795C2.87203 30.0746 5.20988 22.2301 6.87162 18.9609L8.55975 15.6382L4.62104 10.9955C0.727039 6.4048 -0.650927 3.5712 0.279673 2.06567C1.32394 0.375337 3.91116 1.47823 7.95989 5.34069L12.2059 9.39023L14.2534 6.62403Z' fill='%23ef3b24'/%3e%3c/svg%3e");background-size:100%;background-position: center center;position:absolute;left:0;top:calc(50% - 8px);}


 

/* 파트너스 */
*{line-height: 140%;}
#Container .contents.partner{margin:0 auto;width:100%;padding:7rem 0 0 0;}
.contents.partner a{color:var(--meritz-black);cursor:pointer;}

.contents.partner .secWrap{display:flex;width:100%;flex-direction: column;gap:2.5rem;background:var(--meritz-gray-2);padding-bottom:2rem;}
.contents.partner .section.bgWhite{background:var(--fc-white);}
.contents.partner .section{text-align:center;padding:1.5rem 1.25rem;}
.contents.partner .section .inner{width:100%;margin:0 auto;}
.contents.partner .section.accent{background:var(--meritz-gray-2);}
.contents.partner .bTit{font-size:1.25rem;color:var(--meritz-black);font-weight:700;}
.contents.partner .mTit{font-size:1rem;color:var(--meritz-black);font-weight:600;}
.contents.partner .sTit{}
.contents.partner .txt{font-size:0.875rem;font-weight:400;color:var(--gray600);}
.contents.partner .txt + .txt{margin-top:1rem;}
.contents.partner .btnBox{display:inline-flex;flex-direction: column;gap:1rem;align-items:center;max-width:40rem;width:100%;}
.contents.partner .btnBox .btn{width:100%;}

.contents.partner .btnBox.flex{display:flex;flex-direction:row;align-items:center;width:100%;max-width:100%;justify-content:center;}
.contents.partner .btnBox.flex .btn{}
.contents.partner .btnBox .btn.btnIos{font-size:0;display:block;width:10rem;height:3.25rem;border-radius:8px;background:url(../images/img_partner_apple.png) no-repeat center center;background-size:100% 100%;}
.contents.partner .btnBox .btn.btnAndroid{font-size:0;display:block;width:10rem;height:3.25rem;border-radius:8px;background:url(../images/img_partner_google.png) no-repeat center center;background-size:100% 100%;}


.contents.partner .img_visual{margin:1rem 1rem 0 1rem;font-size:0;}
.contents.partner .img_visual img{max-width:500px;width:80%;text-align:center;margin:0;padding:0;}

.contents.partner .box_step_area{max-width:20rem;margin:2rem auto 0 auto;}
.contents.partner .box_step{}
.contents.partner .box_step:before{display:block;content:"";width:33px;height:34px;background:url(../images/img_partner_arrow.png) no-repeat center center;margin:2rem auto;background-size:100% 100%;opacity:0.1;}
.contents.partner .box_step dl{background:#ececec;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;flex-direction: column;padding:2rem 1rem;}
.contents.partner .box_step p.tit{background:#ececec;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;flex-direction: column;padding:2rem 1rem;font-weight:700;font-size:1.2rem;}
.contents.partner .box_step dt{font-size:1.2rem;font-weight:700;}
.contents.partner .box_step dd{margin-top:0.54rem;font-weight:600;font-size:1rem;}
.contents.partner .box_step:first-child:before{display:none;}

.contents.partner .mgt1{margin-top:1rem !important;}
.contents.partner .mgt2{margin-top:2rem !important;}

.contents.partner .qnaArea .gBox{text-align:center;}
.contents.partner .qnaArea .gBox .boxTxt{padding:1rem 0.5rem;border:1px solid #c9c9c9;background:#f5f5f5;border-radius:0.938rem;}
.contents.partner .qnaArea .gBox .boxTxt p.txt{font-size:1rem;font-weight:600;color:var(--meritz-black);}
.contents.partner .qnaArea .img_visual{max-width:80%;margin:1rem auto 0 auto;}
.contents.partner .qnaArea .gBox + .gBox{margin:2rem 0;}
.contents.partner .qnaArea{margin:2rem 0;}

.wBoxList{}
.wBoxList .box{display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem;outline:3px solid #ececec;border-radius:0.938rem;background:#fff;}
.wBoxList .box + .box{margin-top:2rem;}
.wBoxList .box .leftArea{flex:0 0 auto;max-width:28%;font-size:0;margin-right:1.25rem;}
.wBoxList .box .leftArea img{width:100%;}
.wBoxList .box .rightArea{text-align:left;flex:1;}
.wBoxList .box .rightArea .txt{font-size:1rem;font-weight:700;color:var(--meritz-black);margin-bottom:1rem;}

/*
footer.footer_partner{text-align:center;margin-top:2rem;padding:0 0.5rem;}
footer.footer_partner .tit{color:var(--600);margin-bottom:0.25rem;}
footer.footer_partner .txt{margin-bottom:0.25rem;}
.contents.partner footer.footer_partner .txt + .txt{margin-top:0;}
footer.footer_partner a{}
*/

.contents.partner .btn_primary{display:inline-block;padding:1rem 1.75rem;font-weight:600;border-radius:6.25rem;min-height:3.5rem;color:var(--100);background-color:var(--meritz-red);
  text-align: center;letter-spacing: -.01em;justify-content: center;align-items: center;height: 4rem;text-decoration: none;display: flex;}
.contents.partner .btn_secondary{display:inline-block;padding:1rem 1.75rem;font-weight:600;color:var(--meritz-black);border-radius:6.25rem;min-height:3.5rem;background:#0000000f;}
.contents.partner .btn.btn_more{display:inline-flex;justify-content: center;align-items: center;width:100%;background:#eee;font-weight:600;color:var(--meritz-black);min-height:2.5rem;}

#Container .contents.partnerTab{padding-top:8rem;}
#Container .contents.bg{background:#f7f8f9;}
#Container .contents.bg > .inner{padding:0 1.5rem 0 1.5rem;}

.m0{margin:0 !important;}


.w-video{position:relative;}
.w-video iframe, .w-video object, .w-video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}

.visualBoxSlide{position:relative;overflow:hidden;padding-bottom:3rem;margin:2rem 0;z-index:1;}
.visualBoxSlide .swiper-wrapper{}
.visualBoxSlide .box{background:#dbdbdb;border-radius:13px;display:flex;flex-direction: column;align-items:center;justify-content:center;min-height:175px;padding:0.5rem 0 0.5rem 0;}
.visualBoxSlide .box .visual{padding:0;flex:0 auto;}
.visualBoxSlide .box .visual img{width:100%}
.visualBoxSlide .box .txt{font-size:0.75rem;font-weight:600;flex:1;padding:0.5rem 0;}
.visualBoxSlide  .swiper-pagination-bullet-active{background:#222;}
.visualBoxSlide.start .box{background:#f7f8fa;max-width:13rem;justify-content:space-between;}
.visualBoxSlide.start .swiper-wrapper {justify-content:space-between;}

.visualBoxSlide .swiper-button-next, .visualBoxSlide  .swiper-button-prev{margin-top:-3rem;}


/* box_list */
.box_list{padding:0 0 2rem 0;display:none;}
.box_list .box{border-radius:8px;border:1px solid #ebebeb;box-shadow:0 1px 6px var(--shadow-color);background-color:var(--body-bgcolor);}
.box_list .box a{padding:1rem;display:block;width:100%;color:#222;font-weight:700;font-size: 1.125rem;}
.box_list .box + .box{margin-top:1rem;}

.box_list.view_on{display:block;}

/* 파트너스 첼린지 팝업 */
.popup.full.partner .mgt1{margin-top:1rem !important;}
.popup.full.partner .mgt2{margin-top:2rem !important;}
.popup.full.partner .pop_header{height:3.5rem;}
.popup.full.partner .pop_body{padding:3.5rem 0 2rem 0;background-color:var(--meritz-gray-2);}
.popup.full.partner .pop_body .section{padding:3rem 1.5rem 3rem 1.5rem;background:var(--100);}
.popup.full.partner .pop_body .section.accent{background-color:var(--meritz-gray-2);}

.secWrap.challenge .section, .secWrap.summary .section{text-align:center;}
.secWrap.challenge .bTit, .secWrap.summary .bTit{margin-bottom:2rem;font-size:1.5rem;color:var(--meritz-black);}
.secWrap.challenge .scroll, .secWrap.summary .scroll{text-align:center;margin-top:2rem;}
.secWrap.challenge .scroll .txt, .secWrap.summary .scroll .txt{font-size:1rem;color:var(--600);font-weight:500;}
.secWrap.challenge .scroll .txt:after, .secWrap.summary .scroll .txt:after{display:block;content:"";margin:0.625rem auto 0 auto;width:1.5rem;height:1.438rem;background:url(../images/img_arrow_scroll.png) no-repeat center center;background-size:100% 100%;}

.challengeDetail{}
.challengeDetail{text-align:left;}
.challengeDetail li + li{margin-top:2rem;}
.challengeDetail .question .tit{font-size:1.125rem;color:var(--meritz-black);font-weight:700;margin-bottom:0.5rem;}
.challengeDetail .question .subTxt{margin-top:0.5rem;font-size:1rem;font-weight:400;}
.challengeDetail .question .subTxt + .choiceList{margin-top:1rem;}
.challengeDetail .question .choiceList li{font-size:1rem;color:var(--meritz-black);font-weight:400;}
.challengeDetail .question .choiceList li + li{margin-top:0.25rem;}
.challengeDetail .answer{margin-top:2rem;}
.challengeDetail .answer p{font-size:1.125rem;font-weight:500;color:var(--800);}


.summaryDetail{text-align:left;}
.summaryDetail .bTit{font-size:1.125rem;color:var(--meritz-black);font-weight:700;margin-bottom:0.5rem;}
.summaryDetail .sticker{width:7rem;border-radius:1.25rem;height:2rem;display:flex;justify-content:center;align-items:center;margin-bottom:0.5rem;}
.summaryDetail .sticker.red{background:var(--meritz-red);}
.summaryDetail .sticker span{color:var(--gray-text);font-size:1rem;font-weight:400;}
.summaryDetail .part + .part{margin-top:2.5rem;}


.explanBox{margin-top:2rem;padding:2rem;border:1px solid var(--400);border-radius:1.25rem;background:var(--100);}
.explanBox .tit{margin-bottom:0.5rem;font-size:1.125rem;color:var(--meritz-black);font-weight:700;}
.explanBox + .bTit{margin-top:2.5rem;}
.explanBox .txt + .txt{margin-top:0.25rem;}
.explanBox .txt + .tit{margin-top:2.5rem;}
.explanBox .txt{font-size:1rem;color:var(--meritz-black);font-weight:500;}
.explanBox .marker{color:var(--meritz-red);background-color:#fffb00;font-weight:700;}

.summaryDetail .explanBox{margin-top:0;}
.summaryDetail .explanBox + .explanBox{margin-top:1rem;}

.cRed{color:var(--meritz-red) !important;}


/* 파트너스 임시 탭 */
.tabArea{position:fixed;top:3.5rem;width:100%;background:#fff;z-index:2;border-bottom:1px solid #eceff2;z-index:8;}
.tabArea .tabs{display:flex;flex-direction: row;justify-content:flex-start;padding:0 0.75rem;gap:0.25rem;overflow-x:auto;overflow-y:hidden;}
.tabArea .tabs a{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:center;height:3rem;padding:0.75rem 0;}
.tabArea .tabs a span{font-size:1rem;font-weight:400;color:#606366;}
.tabArea .tabs a.on{}
.tabArea .tabs a:after{position:absolute;bottom:0px;display:block;content:"";width:0;height:2px;}
.tabArea .tabs a.on:after{position:absolute;bottom:0px;display:block;content:"";width:100%;height:2px;background:#000;  animation:0.5s Linear tabs; }
.tabArea .tabs a.on span{color:#222;font-weight:600;}


#Container .tabArea + .contents.video{padding-top:8.5rem;}
#Container .tabArea + .contents.top_tabs{padding-top:8.5rem;}
#Container .tabArea + .contents.testInfo.top_tabs{padding-top:6.5rem;}

#Container .tabArea + .contents.top_tabs ,
#Container .tabArea + .contents.top_tabs .problem_area{margin-top:0 !important;}
#Container .tabArea + .contents.top_tabs .screps_exam.list_rate_label{margin-top:0 !important;}
#Container .tabArea + .contents.top_tabs .screps_exam{padding-top:0;}


#Container .contents.video{padding-top:8.5rem;}
.radio_group2.top_tab{height:3rem !important;}
.radio_group2.top_tab .tab_rdo label > span{font-size:1rem !important;color:#606366;font-weight:400;}
.radio_group2.top_tab .tab_rdo label > span{font-size:1rem !important;color:#606366;font-weight:400;}
.radio_group2.top_tab .tab_rdo input[type=radio]:checked + label > span{color:#222;font-weight:600;}


.radio_group2.top_tab .tab_rdo{display:flex;flex-direction:row;padding:0 0.75rem;gap:0.25rem;}
.radio_group2.top_tab .tab_rdo .rdo_item{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:center;height:3rem;}
.radio_group2.top_tab .tab_rdo input[type=radio]:checked + label:after{bottom:0;}
.radio_group2.top_tab .tab_rdo label{width:100%;}

@media screen and (min-width: 750px) {
/*
	html, body{font-size:28px;}
	*/
	html, body{max-width:750px;width:100%;margin:0 auto;}
	#Container .contents{max-width:750px;width:100%;margin:0 auto;}
	#Header{max-width:750px;width:100%;margin:0 auto;}
	#Container .contents.partner{max-width:750px;min-width:750px;}
	.visualBoxSlide .box .txt{letter-spacing:-1px;}
	.contents.partner .section{text-align:center;padding:1.5rem 1rem;}
	.gnb_wrap{max-width:750px;margin:0 auto;width:100%;overflow-x:hidden;overflow-y:auto;}
	.gnb_area .dimmed{max-width:750px;margin:0 auto;width:100%;}
	.tabArea{max-width:750px;margin:0 auto;}
	.popup.alert, .popup.confirm, .popup.normal{left:2rem;right:2rem;max-width:680px;width:100%;margin:0 auto;}
	.dimmed{max-width:750px;left:0;right:0;margin:0 auto;width:100%;}
	.radio_group2{left:auto;right:auto;max-width:750px;}
	.popup.full{left:auto;right:auto;margin:0 auto;max-width:750px;width:100%;}
	.popup.full .pop_header{left:auto;right:auto;margin:0 auto;max-width:750px;width:100%;}
	.mock_exam .video_cont .video_list .video_fix .fix{max-width:750px;}
	.floating_bottom > .inner{left:auto;right:auto;max-width:750px;width:100%;margin:0 auto;}
	.popup.floating.open{left:auto;right:auto;max-width:750px;width:100%;margin:0 auto;}
	.login_kakao{left:auto;right:auto;max-width:750px;width:100%;margin:0 auto;}
	.intro_bottom{max-width:750px;width:100%;margin:0 auto;}

	
			
}
@media screen and (max-width: 749px) {
	/*html, body{font-size:14px;}*/
	html, body{font-size:16px;}
	#Container .contents.login .section .loginBox .loginLogo{margin-bottom:2rem;font-size:0;line-height:0;width:12.5rem;height:3.75rem;background:url('../images/img_login_logo.svg') no-repeat left top;background-size:100% 100%;}
}
@media screen and (max-width: 350px) {
	/*html, body{font-size:14px;}*/
	html, body{font-size:14px;}
}


#Container .contents.main{padding:0;background:#F7F8F9;}
#Header.main{height:3.5rem;background:rgba(239,59,36, 1);}
.mainArea{overflow:hidden;padding-bottom:2rem;}
.mainArea .section.top{padding:5.5rem 1.5rem 4rem 1.5rem;background:rgba(239,59,36, 1);}
.mainArea .section.top .name{font-size:1rem;font-weight:600;color:#FFEBE9;}
.mainArea .section.top .name em{font-size:1rem;font-weight:600;color:#FFEBE9;}	
.mainArea .section.top .dDay{margin:0.5rem 0 2rem 0;font-size:2rem;font-weight:700;color:var(--White, #fff);}

.mainArea .section.top.pass .dDay, .mainArea .section.top.appoint .dDay{font-size:1.5rem;font-weight:600;}

.mainArea .section.top.appoint{height:18rem;position:relative;}
.mainArea .section.top.appoint:after{position:absolute;right:1.5rem;bottom:5rem;display:block;content:"";width:6.5rem;height:7.5rem;background:url("../images/img_main_appoint.svg") no-repeat center top;background-size:100% 100%;}

.mainArea .section.top.appoint + .section.cont{border-radius:0;}
.mainArea .section.top.appoint + .section.cont .challengeBoxArea{margin-top:-2.813rem;z-index:1;}

.mainArea .section.top.beforeApp{position:relative;background:rgba(239,59,36, 1);height:19.188rem;}
.mainArea .section.top.beforeApp:after{position:absolute;right:-7.47rem;bottom:-6.875rem;display:block;content:"";width:43.8rem;height:20.5rem;background: url("../images/img_main6_bg.svg");background-size:43.75rem 20.5rem;background-repeat:no-repeat;background-position:0 0;}

.mainArea .section.top.beforeApp + .section.cont{border-radius:0;padding-top:5.5rem;background:#f7f8f9;}
.mainArea .section.top.beforeApp + .section.cont .secWrap.beforeApp{padding-top:4rem;width:100%;display:flex;flex-direction:column;gap:1.5rem;}

.secWrap.beforeApp .secBox.noBox{text-align:center;padding:0;}
.secWrap.beforeApp .secBox.noBox .inner{background:none;border-radius:0;padding:0 0 0 0;box-shadow:none;}

.secWrap.beforeApp .secBox{padding:0 1.5rem;}
.secWrap.beforeApp .secBox .titArea.bar{padding-bottom:0;}


/* 메인 파트너스 메리M스쿨 */
.secWrap.beforeApp .secBox.mschool .titArea{position:relative;}
.secWrap.beforeApp .secBox.mschool .titArea:after{position:absolute;right:0;top:0.5rem;display:block;content:"";width:5rem;height:5rem;background:url('../images/img_main_mschool.svg') no-repeat center top;background-size:100% 100%;}


/* 메인 파트너스 활동 */
.partnersList{}
.partnersList ol{}
.partnersList ol > li{position:relative;}
.partnersList ol > li + li{border-top:1px solid #eceff2;}
.partnersList ol > li > a{position:relative;display:block;padding:1.5rem 0;}
.partnersList ol > li > a em{display:block;font-size:0.875rem;font-weight:600;color:#8c9094;margin-bottom:0.25rem;}
.partnersList ol > li > a span{position:relative;color:#222;font-size:1.125rem;font-weight:600;display:inline-flex;align-items:center;}
.partnersList ol > li > a span:after{margin-left:0.25rem;display:inline-block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_partners_arrow.svg') no-repeat center center;background-size:100% 100%;}
.partnersList ol > li > a span strong{font-size:1.125rem;color:#ef3b24;font-weight:600;}
.partnersList ol > li.type01 > a:after{position:absolute;right:0;top:50%;display:block;content:"";width:4.5rem;height:3.97056rem;background:url('../images/img_main6_ico01.svg') no-repeat center center;background-size:100% 100%;transform:translateY(-50%);}
.partnersList ol > li.type02 > a:after{position:absolute;right:0;top:50%;display:block;content:"";width:4.5rem;height:4.5rem;background:url('../images/img_main6_ico02.svg') no-repeat center center;background-size:100% 100%;transform:translateY(-50%);}
.partnersList ol > li.type03 > a:after{position:absolute;right:0;top:50%;display:block;content:"";width:4rem;height:4rem;background:url('../images/img_main6_ico03.svg') no-repeat center center;background-size:100% 100%;transform:translateY(-50%);}
.partnersList ol > li.type04 > a:after{position:absolute;right:0;top:50%;display:block;content:"";width:4rem;height:4rem;background:url('../images/img_main6_ico04.svg') no-repeat center center;background-size:100% 100%;transform:translateY(-50%);}

.partnersList ol > li.type04 ul{display:flex;flex-direction:column;gap:1rem;}
.partnersList ol > li.type04 ul li{}
.partnersList ol > li.type04 ul li a{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1rem;border-radius:0 1.25rem 1.25rem 1.25rem;background:#f9f8f7;}
.partnersList ol > li.type04 ul li a:after{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_partners_arrow.svg') no-repeat center center;background-size:100% 100%;}
.partnersList ol > li.type04 ul li a img{display:block;width:2.75rem;height:3rem;}
.partnersList ol > li.type04 ul li a span.txt{font-size:0.875rem;font-weight:400;flex:1 0 0;color:#222;line-height:160%;}


.mainArea .btnArea{}
.mainArea .btnArea.flex{display:flex;flex-direction:row;gap:0.5rem;justify-content:space-between;}

.mainArea .btn.btnLine{width:100%;height:3rem;padding:0 0.25rem;justify-content:center;align-items:center;border-radius:0.5rem;border:1px solid #b4b8bd;}
.mainArea .btn.btnLine span{font-size:1rem;font-weight:600;color:#222;}


.beforeAppSlideArea01{display:flex;width:100%;position:relative;margin-top:1.5rem;padding-bottom:2.5rem;z-index:0;}
.beforeAppSlideArea01 .swiper-wrapper{display:flex;flex-direction:row;gap:0.25rem;align-items:center;}
.beforeAppSlideArea01 .swiper-slide{padding:2rem 1rem;width:10rem;height:13.85rem;background:#fff;box-shadow:0 10px 20px 0 rgba(179, 179, 179, 0.30);border-radius:1rem;margin:0 8px;}
.beforeAppSlideArea01 .swiper-slide.swiper-slide-active{width:12.5rem;height:17.3125rem;}
.beforeAppSlideArea01 .swiper-slide figure{width:4.4rem;height:4.4rem;display:block;margin:0 auto;}
.beforeAppSlideArea01 .swiper-slide.swiper-slide-active figure{width:6.25rem;height:6.25rem;display:block;margin:0 auto;}
.beforeAppSlideArea01 .swiper-slide figure img{width:100%;}

.beforeAppSlideArea01 .swiper-slide dl{margin-bottom:0.4rem;}
.beforeAppSlideArea01 .swiper-slide dl dt{font-size:0.9rem;font-weight:600;color:#222;}
.beforeAppSlideArea01 .swiper-slide dl dt em{font-weight:600;font-size:0.7rem;display:block;color:#8c9094;text-align:center;margin-bottom:0.4rem;}
.beforeAppSlideArea01 .swiper-slide dl dd{margin-top:0.4rem;font-size:0.7rem;color:#606366;font-weight:400;}

.beforeAppSlideArea01 .swiper-slide.swiper-slide-active dl{margin-bottom:0.5rem;}
.beforeAppSlideArea01 .swiper-slide.swiper-slide-active dl dt{font-size:1.125rem;font-weight:600;color:#222;}
.beforeAppSlideArea01 .swiper-slide.swiper-slide-active dl dt em{font-weight:600;font-size:0.875rem;display:block;color:#8c9094;text-align:center;margin-bottom:0.5rem;}
.beforeAppSlideArea01 .swiper-slide.swiper-slide-active dl dd{margin-top:0.5rem;font-size:0.875rem;color:#606366;font-weight:400;}


.beforeAppSlideArea01 .swiper-pagination{bottom:0 !important;}
.beforeAppSlideArea01 .swiper-pagination-bullet{width:0.5rem;height:0.5rem;background:#dfe3e6;opacity:1;}
.beforeAppSlideArea01 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.5rem;height:0.5rem;background:#222;border-radius:50%;}

@media (min-width: 640px) {
	.beforeAppSlideArea01{padding:0 0.5rem 2.5rem 0.5rem;}
	.beforeAppSlideArea01 .swiper-wrapper{gap:0;}
	.beforeAppSlideArea01 .swiper-slide{margin:0;}
}
/* .beforeAppSlideArea01 .swiper-slide.swiper-slide-active{} */


.beforeAppSlideArea02{width:100%;display:flex;width:100%;overflow:hidden;position:relative;padding-bottom:2rem;z-index:0;}
.beforeAppSlideArea02 .box{position:relative;display:flex;flex-direction:column;padding:1.25rem 1rem;height:11.125rem;border-radius:0.75rem;background:#f7f8f9;width:50%;}
.beforeAppSlideArea02 .box dl{}
.beforeAppSlideArea02 .box dt{font-size:1rem;font-weight:600;color:#222;margin-bottom:1rem;}
.beforeAppSlideArea02 .box dd{font-size:0.875rem;font-weight:400;color:#606366;}
.beforeAppSlideArea02 .box figure{display:block;width:3.5rem;height:3.5rem;position:absolute;right:1rem;bottom:1.25rem;}
.beforeAppSlideArea02 .box figure img{width:100%;}
.beforeAppSlideArea02 .swiper-pagination{bottom:0 !important;}
.beforeAppSlideArea02 .swiper-pagination-bullet{width:0.5rem;height:0.5rem;background:#dfe3e6;opacity:1;}
.beforeAppSlideArea02 .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.5rem;height:0.5rem;background:#222;border-radius:50%;}


.mainArea .secBox.top .topTit{position:relative;padding:0.81rem 0;margin:0 0 0 0;font-size:1rem;font-weight:600;line-height:170%;color:#222;}

.mainArea .secBox.top .lack .topTit:after{position:absolute;right:0;top:0;display:block;content:"";width:6.125rem;height:6.125rem;background:url('../images/img_lack.svg') no-repeat center top;background-size:100% 100%;}
.mainArea .secBox.top .appropriate .topTit:after{position:absolute;right:0;top:0;display:block;content:"";width:6.125rem;height:6.125rem;background:url('../images/img_great.svg') no-repeat center top;background-size:100% 100%;}
.mainArea .secBox.top .great .topTit:after{position:absolute;right:0;top:0;display:block;content:"";width:6.125rem;height:6.125rem;background:url('../images/img_good.svg') no-repeat center top;background-size:100% 100%;}
.mainArea .secBox.top .complete .topTit:after{position:absolute;right:0;top:0;display:block;content:"";width:6.125rem;height:6.125rem;background:url('../images/img_good.svg') no-repeat center top;background-size:100% 100%;}


.mainArea .secBox.top.pass .topTit{padding-bottom:3rem;}
.mainArea .secBox.top.pass .topBox{margin-top:0;}

.mainArea .secBox.top.pass .topTit:after{position:absolute;right:0;top:0;display:block;content:"";width:8.75rem;height:6.5625rem;background:url('../images/img_top_pass.svg') no-repeat center top;background-size:100% 100%;}
.mainArea .secBox.top.pass .inner{min-height:13.5rem;}

.mainArea .secBox.top.appoint{}

.mainArea .secBox.top.appoint:after{position:absolute;right:0;bottom:2.25rem;display:block;content:"";width:6.75rem;height:5.8125rem;background:url('../images/img_main_pass.svg') no-repeat center top;background-size:100% 100%;}


.mainArea .scheduleArea{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem 0;border-radius:0.75rem;background:#DF2912;}
.mainArea .scheduleArea:after{position:absolute;right:0;bottom:2.56rem;display:block;content:"";width:9rem;height:7.38513rem;background:url('../images/img_main_top.png') no-repeat center top;background-size:100% 100%;}

.mainArea .pass .scheduleArea:after{position:absolute;right:0;bottom:2.25rem;display:block;content:"";width:6.75rem;height:5.8125rem;background:url('../images/img_main_pass.svg') no-repeat center top;background-size:100% 100%;}

.mainArea .scheduleArea .box.day{font-size:1rem;font-weight:600;color:var(--White, #fff);}
.mainArea .scheduleArea .box.schedule{font-size:1rem;font-weight:400;color:var(--White, #fff);}
.mainArea .scheduleArea .box.schedule:before{display:inline-block;content:"";width:0.0625rem;height:0.875rem;margin:0 0.75rem;vertical-align:middle;background:#FF604C;}
.mainArea .section.cont{display:flex;flex-direction:column;border-radius:1.5rem 1.5rem 0 0;gap:1.5rem;align-self:stretch;align-items:center;margin-top:-2rem;background:#F7F8F9;}
.mainArea .secBox.top{padding:0;border-radius:1.5rem 1.5rem 0 0;width:100%;background:linear-gradient(180deg, #fff 84.29%, #F7F8F9 100%);}
.mainArea .secBox.noteType{/* margin-top:2.25rem; */}
.mainArea .secBox.top .inner{padding:2rem 1.5rem 1.5rem 1.5rem;/* min-height:26.375rem; */box-shadow:none;border-radius:0;background:none;}
.mainArea .secBox{padding:0 1.5rem;width:100%;}
.mainArea .secBox .inner{width:100%;padding:2rem 1.25rem 1.5rem 1.25rem;border-radius:1.25rem;background:var(--White, #fff);box-shadow:0 10px 20px 0 rgba(179, 179, 179, 0.30);}
.mainArea .secBox .bTit{font-size:1.125rem;font-weight:700;color:#222;} /* 20260206 font-weight:600 -> 700 변경 */
.mainArea .secBox .bTit em{font-weight:600;color:#ef3b24;}
.mainArea .secBox .titArea.bar{padding-bottom:1rem;border-bottom:1px solid #eceff2;}

.mainArea .graphBoxArea{position:relative;width:100%;height:16rem;margin-top:1.5rem;padding:2.38rem 0 5.12rem 0;}
/* 		.mainArea .graphBoxArea .graphLines .box.lines{display:flex;width:7.5rem;height:15.25rem;flex-direction: row;justify-content:space-between;align-items:center;flex-shrink:0;} */

.mainArea .graphBoxArea .graphLines{display:flex;flex-direction: row;justify-content:center;align-items: center;}
.mainArea .graphBoxArea .graphLines .box.parcent{display:flex;height:8.5rem;flex-direction: column;justify-content:space-between;align-items: flex-end;flex-shrink:0;}
.mainArea .graphBoxArea .graphLines .box.parcent span{display:block;font-size:0.75rem;color:#8c9094;font-weight:400;}

.mainArea .graphBoxArea .graphLines .box.lines{display:flex;flex:1;width:100%;height:7.5rem;flex-direction:column;justify-content:space-between;align-items:center;margin-left:0.5rem;}
.mainArea .graphBoxArea .graphLines .box.lines span{display:block;width:100%;height:1px;background:#f7f8f9;}

.mainArea .graphBoxArea .graphInfo{position:absolute;right:0;bottom:0;top:0;width:calc(100% - 2.5rem);display:flex;justify-content:space-between;align-items:center;}
.mainArea .graphBoxArea .graphInfo .barbg{position:relative;display:inline-block;width:1.25rem;height:7.5rem;background:#ECEFF2;border-radius:0.625rem;margin:1.5rem 0 1.1rem 0;}
.mainArea .graphBoxArea .graphInfo .barbg .bar{display:block;width:100%;position:absolute;bottom:0;border-radius:0.625rem;transition:height 0.5s ease-in-out;}




.mainArea .graphBoxArea .graphInfo .stateArea.lack .barbg .bar.lack{background:#ef3b24;}
.mainArea .graphBoxArea .graphInfo .stateArea.appropriate .barbg .bar.appropriate{background:#0abe72;}
.mainArea .graphBoxArea .graphInfo .stateArea.great .barbg .bar.great{background:#1e94f9;}
.mainArea .graphBoxArea .graphInfo .stateArea.complete .barbg .bar.complete{background:#606366;}

/* state = lack:부족 appropriate:보통 great:적정 complete:완료 */
.mainArea .graphBoxArea .graphInfo .stateArea.lack .barbg .bar{background:#ef3b24;}
.mainArea .graphBoxArea .graphInfo .stateArea.appropriate .barbg .bar{background:#0abe72;}
.mainArea .graphBoxArea .graphInfo .stateArea.great .barbg .bar{background:#1e94f9;}
.mainArea .graphBoxArea .graphInfo .stateArea.complete .barbg .bar{background:#606366;}


.mainArea .graphBoxArea .graphInfo .stateArea{text-align:center;}
.mainArea .graphBoxArea .graphInfo .stateArea .tit{font-size:1rem;font-weight:600;color:#606366;}
.mainArea .graphBoxArea .graphInfo .stateBox{}
.mainArea .graphBoxArea .graphInfo .stateBox .percent{font-size:1.125rem;font-weight:600;color:#222;}
.mainArea .graphBoxArea .graphInfo .stateBox .exam{font-size:0.875rem;font-weight:400;color:#8c9094;}
.mainArea .graphBoxArea .graphInfo .stateBox .exam span{font-size:0.875rem;font-weight:400;color:#8c9094;}

.mainArea .state{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding:0.0625rem 0.5rem;border-radius:0.75rem;font-size:0.8125rem;font-weight:600;color:#606366;}
.mainArea .state span{font-size:0.8125rem;font-weight:600;}



.mainArea .state.default{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding:0.0625rem 0.5rem;border-radius:2.5rem;border:1px solid #606366;background:#fff;}
.mainArea .state.default span{font-size:0.8125rem;font-weight:600;color:#606366;}


.mainArea .lack .state{border:1px solid #ef3b24;}
.mainArea .lack .state span{color:#ef3b24;}

.mainArea .appropriate .state{border:1px solid #0abe72;}
.mainArea .appropriate .state span{color:#0abe72;}

.mainArea .great .state{border:1px solid #1e94f9;}
.mainArea .great .state span{color:#1e94f9;}

.mainArea .complete .state{border:1px solid #1e94f9;}
.mainArea .complete .state span{color:#1e94f9;}


.mainArea .state.lack{border:1px solid #ef3b24;}
.mainArea .state.lack span{color:#ef3b24;}

.mainArea .state.appropriate{border:1px solid #0abe72;}
.mainArea .state.appropriate span{color:#0abe72;}

.mainArea .state.great{border:1px solid #1e94f9;}
.mainArea .state.great span{color:#1e94f9;}

.mainArea .state.complete{border:1px solid #606366;}
.mainArea .state.complete span{color:#606366;}


/* .mainArea .lack .graphBar .bar{background:#ef3b24;}
.mainArea .lack .graphBar .bar .cnt{background:#ef3b24;} */

.graphBar .bar{background:#0abe72;}
.graphBar .bar .cnt{background:#0abe72;}

/* .mainArea .great .graphBar .bar{background:#1e94f9;}
.mainArea .great .graphBar .bar .cnt{background:#1e94f9;} */
/* .mainArea .complete .graphBar .bar{background:#606366;}
.mainArea .complete .graphBar .bar .cnt{background:#606366;} */

.mainArea .graphBar{display:flex;justify-content:space-between;align-items:center;gap:2rem;}
.mainArea .graphBar .barBg{}
.mainArea .graphBar .percent{font-size:1.25rem;font-weight:600;color:#222;flex:1 0 auto;}

.graphBar .barBg{width:100%;background:#eceff2;height:0.75rem;border-radius:0.5rem;}
.graphBar .barBg .bar{position:relative;height:0.75rem;border-radius:0.5rem;transition:width 0.5s ease-in-out;}
.graphBar .barBg .bar .cnt{position:absolute;bottom:1.25rem;display:flex;padding:0.25rem 0.5rem;border-radius:0.75rem;font-size:0.875rem;font-weight:400;color:#fff;}


.graphBar .barBg .bar .cnt.left{left:0 !important;}
.graphBar .barBg .bar .cnt:after{left:8px;content:"";position:absolute;bottom:-0.25rem;margin:0;width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#0abe72 transparent transparent transparent;}


/* .lack .graphBar .barBg .bar.left .cnt:after{left:8px;}
.lack .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;margin:0;width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#ef3b24 transparent transparent transparent;} */

/* .appropriate .graphBar .barBg .bar.left .cnt:after{left:8px;}
.appropriate .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;margin:0;width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#0abe72 transparent transparent transparent;} */

/* .great .graphBar .barBg .bar.left .cnt:after{left:8px;}
.great .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;margin:0;width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#1e94f9 transparent transparent transparent;} */

/* .complete .graphBar .barBg .bar.left .cnt:after{left:8px;}
.complete .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;margin:0;width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#606366 transparent transparent transparent;} */

/* 문제풀기/오답노트 */
.mainArea .secBox.noteType{position:relative;}
.mainArea .secBox.noteType:before{position:absolute;top:-0.44rem;display:block;content:"";width:14.75rem;height:1.668rem;background:url("../images/img_spring.png") no-repeat center top;background-size:100% 100%;text-align:center;margin:0 auto;}
.noteBox + .noteBox:before{display:block;content:"";margin:2rem -1.25rem;width:auto;height:0.125rem;/* stroke-width:2px;stroke:#dfe3e6; */background-image: linear-gradient(to right, #dfe3e6 0.188rem, transparent 0);background-size:0.375rem 100%;background-repeat:repeat-x;}

.mainArea .subTit{font-size:0.875rem;font-weight:600;color:#8c9094;}
.mainArea .subTit + .bTit{margin-top:0.25rem;}
.mainArea .subTit + .bTit a{position:relative;display:inline-block;}
.mainArea .subTit + .bTit a:after{position:absolute;right:-1.75rem;top:0.188rem;display:inline-block;content:"";width:1.25rem;height:1.25rem;background:url("../images/img_ico_link.svg") no-repeat center center;background-size:100% 100%;}

/* 알려드려요 */
.notiArea{}
.notiArea .box{margin-top:1.5rem;}
.notiArea .box + .box:before{display:block;content:"";width:100%;height:1px;background:#eceff2;margin:1rem 0;}
.mainArea .notiArea .subTit{margin-bottom:0.75rem;}
.mainArea .notiArea a .tit{position:relative;padding-right:3.438rem;display:block;font-size:1rem;font-weight:600;color:#222;margin-bottom:0.25rem;word-break:break-all;word-wrap:break-word;}
.mainArea .notiArea a .tit em{display:none;}
.mainArea .notiArea a .tit em.new{position:absolute;right:0;top:0;display:inline-block;border:1px solid #ef3b24;color:#ef3b24;padding:0.0625rem 0.5rem;border-radius:0.75rem;font-weight:600;font-size:0.8125rem;}
.mainArea .notiArea a .days{display:block;font-size:0.875rem;font-weight:400;color:#606366;}

.mainArea .titArea .bTit + .subTit{font-weight:400;margin-bottom:1.5rem;margin-top:0.25rem;}
.mainArea .titArea .bTit em.lack{color:#ef3b24;}
.mainArea .titArea .bTit em.appropriate{color:#0abe72;}
.mainArea .titArea .bTit em.great{color:#1e94f9;}
.mainArea .titArea .bTit em.complete{color:#1e94f9;}

.btn.btn_primary{display:flex;width:100%;height:3.5rem;padding:0 1rem;justify-content:center;align-items:center;border-radius:0.75rem;background:var(--Primary);}
.btn.btn_primary span{display:inline-block;font-size:1.125rem;font-weight:600;color:#fff;}
.btn.btn_primary:disabled{background: var(--btn-disabled-bgcolor) !important;}
.btn.btn_primary:disabled span{color:#8c9094 !important;}

.btn.btn_primary2{display:flex;width:100%;height:3rem;padding:0 1.25rem;justify-content:center;align-items:center;border-radius:0.5rem;background:var(--Primary2);}
.btn.btn_primary2 span{display:inline-block;font-size:1rem;font-weight:600;color:#ef3b24;}


/* 동영상 학슴/모의고사 상태 total */
/* .stateTotal.active{display:flex;} */
.stateTotal{margin:1rem 0 1.5rem 0;padding:1rem 0 0.75rem 0;display:flex;flex-direction: row;align-items: center;justify-content: space-between;border-radius:0.75rem;background:#f7f8f9;text-align:center;}
.stateTotal dl{display:flex;flex-direction:column;align-items:center;gap:0.25rem;flex:1 0 0;}
.stateTotal dl dt{border-bottom:1px solid #b4b8bd;font-size:0.875rem;font-weight:400;color:#606366;}
.stateTotal dl dd{font-size:1.125rem;font-weight:600;color:#222;}
.stateTotal dl dd span{font-size:1.125rem;font-weight:600;color:#222;}


.topBox{margin:1rem 0 0 0;}
.topBox .graphBar{margin-top:3rem;}

.mainArea .boxGray{position:relative;margin-top:1.75rem;display:flex;padding:1.5rem 1.25rem;align-items:center;border-radius:1rem;background:#f7f8f9;}

.mainArea .boxGray .state.default{position:absolute;left:0;top:-0.75rem;}
.mainArea .boxGray .state.default span{font-size:0.8125rem;font-weight:600;color:#606366;}

.mainArea .noteBox .boxGray a{display:block;padding-right:1.5rem;}
.mainArea .noteBox .boxGray a:after{display:block;content:"";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;background:url("../images/img_menu_arrow.png") no-repeat center center;background-size:100% 100%;}

.mainArea .noteBox.test{}
.mainArea .noteBox.test .boxGray:after{position:absolute;right:0;top:-3.625rem;display:block;content:"";width:5rem;height:5rem;background:url("../images/img_ico_test.svg") no-repeat center top;background-size:100% 100%;}
.mainArea .noteBox.video .boxGray{}
.mainArea .noteBox.video .boxGray:after{position:absolute;right:0;top:-3.625rem;display:block;content:"";width:5rem;height:5rem;background:url("../images/img_ico_video.svg") no-repeat center top;background-size:100% 100%;}

.mainArea .noteBox.note .wrongBox{position:relative;display: flex;align-items:flex-start;justify-content: space-between;gap:0.25rem;margin-top:1rem;}
.mainArea .noteBox.note .wrongBox:after{position:absolute;right:-1rem;top:-5.25rem;display:block;content:"";width:7.5rem;height:7.5rem;background:url("../images/img_ico_note.svg") no-repeat center top;background-size:100% 100%;}

.mainArea .noteBox.note .wrongBox .box{display:block;padding:1rem;background:#f7f8f9;border-radius:1rem;height:7.75rem;width:100%;}
.mainArea .noteBox.note .wrongBox .box a{display:block;width:100%;height:100%;position:relative;}
.mainArea .noteBox.note .wrongBox .box a span{display:block;}
.mainArea .noteBox.note .wrongBox .box a span.tit{font-size:0.875rem;font-weight:400;color:#8c9094;}

/* 높음 */
.mainArea .noteBox.note .wrongBox .box a span.high{margin-top:0.25rem;position:relative;color:#1e94f9;font-size:1rem;font-weight:600;vertical-align:top;}
.mainArea .noteBox.note .wrongBox .box a span.high:after{display:inline-block;content:"";width:1.25rem;height:1.25rem;vertical-align:top;background:url("../images/img_ico_arrowRight01.svg") no-repeat center top;background-size:100% 100%;}

/* 보통 */
.mainArea .noteBox.note .wrongBox .box a span.normal{margin-top:0.25rem;color:#0abe72;font-size:1rem;font-weight:600;vertical-align:top;}
.mainArea .noteBox.note .wrongBox .box a span.normal:after{display:inline-block;content:"";width:1.25rem;height:1.25rem;vertical-align:top;background:url("../images/img_ico_arrowRight02.svg") no-repeat center top;background-size:100% 100%;}

/* 낮음 */
.mainArea .noteBox.note .wrongBox .box a span.low{margin-top:0.25rem;color:#606366;font-size:1rem;font-weight:600;vertical-align:top;}
.mainArea .noteBox.note .wrongBox .box a span.low:after{display:inline-block;content:"";width:1.25rem;height:1.25rem;vertical-align:top;background:url("../images/img_ico_arrowRight03.svg") no-repeat center top;background-size:100% 100%;}


.mainArea .noteBox.note .wrongBox .box a span.cnt{position:absolute;right:0;bottom:0;font-size:1rem;color:#222;font-weight:600;}
.mainArea .noteBox.note .wrongBox .box a span.cnt em{font-size:1rem;color:#222;font-weight:600;}

/* 자격시험/요약정리 */

.secBox.challengeBoxArea.top{}
.challengeBoxArea .challengeBox{display:flex;align-items:flex-start;justify-content: space-between;gap:0.5rem;margin-bottom:1rem;}
.challengeBoxArea .challengeBox a{position:relative;display:block;width:100%;height:8.25rem;padding:1.25rem 0.5rem 1rem 1.25rem;border-radius:1rem;background:#f7f8f9;}
.challengeBoxArea .challengeBox a span{position:relative;display:block;font-size:1.125rem;font-weight:600;vertical-align:top;color:#222;}
.challengeBoxArea .challengeBox a span:after{margin-top:0.2rem;display:inline-block;content:"";width:1.25rem;height:1.25rem;vertical-align:top;background:url("../images/img_ico_arrowRight04.svg") no-repeat center top;background-size:100% 100%;}

.challengeBoxArea .challengeBox a.type01:after{position:absolute;right:0.61rem;bottom:0.93rem;display:block;content:"";width:3.5rem;height:3.5rem;background:url('../images/img_ico_qs01.svg') no-repeat center top;background-size:100% 100%;}
.challengeBoxArea .challengeBox a.type02:after{position:absolute;right:0.96rem;bottom:0.65rem;display:block;content:"";width:3.79744rem;height:3.75rem;background:url('../images/img_ico_qs02.svg') no-repeat center top;background-size:100% 100%;}

.notiTxt{position:relative;padding-left:0.69rem;font-size:0.875rem;color:#606366;font-weight:400;line-height:170%;text-align:left;word-break:keep-all;}
.notiTxt:before{position:absolute;top:0.6rem;left:0;display:inline-block;content:"";width:0.1875rem;height:0.1875rem;border-radius:50%;background:#8c9094;}

.notiTxt.red{position:relative;padding-left:0.69rem;font-size:1rem;color:#ef3b24;font-weight:500;line-height:170%;text-align:left;}
.notiTxt.red:before{position:absolute;top:0.6rem;left:0;display:inline-block;content:"";width:0.1875rem;height:0.1875rem;border-radius:50%;background:#ef3b24;}

/* 메인 파트너스영역 */
.partnersBox{display:flex;flex-direction:row;align-content: space-between;flex-wrap:wrap;gap:1.5rem 0;}
.partnersBox .box{display:inline-flex;align-items:center;justify-content:center;width:50%;height:7.13rem;flex:0 1 auto;}
.partnersBox .box a.link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column;}
.partnersBox .box a.link span{font-size:1rem;font-weight:400;color:#222;}
.partnersBox .box a.link.start:before{display:block;content:"";margin-bottom:0.75rem;width:5rem;height:5rem;background:url('../images/img_ico_partner01.svg') no-repeat center top;background-size:100% 100%;}
.partnersBox .box a.link.basic:before{display:block;content:"";margin-bottom:0.75rem;width:5rem;height:5rem;background:url('../images/img_ico_partner02.svg') no-repeat center top;background-size:100% 100%;}
.partnersBox .box a.link.first:before{display:block;content:"";margin-bottom:0.75rem;width:5rem;height:5rem;background:url('../images/img_ico_partner03.svg') no-repeat center top;background-size:100% 100%;}
.partnersBox .box a.link.with:before{display:block;content:"";margin-bottom:0.75rem;width:5rem;height:5rem;background:url('../images/img_ico_partner04.svg') no-repeat center top;background-size:100% 100%;}

/* header */
#Header.main  .left_btns + h1.logo{margin-left:1.5rem;width:9.25rem;height:1.5rem;background:url('../images/img_meritz_logo.svg') no-repeat center top;background-size:100% 100%;}
/* #Header .left_btns + h1{margin-left:0.5rem;width:9.25rem;height:1.5rem;background:url('../images/img_meritz_logo.svg') no-repeat center top;background-size:100% 100%;}
 */
/* span.timer{color:var(--fc-red);} */


/* 마이페이지 */
#Container .contents.mypage{padding:5rem 0 1.81rem 0;}
.contents.mypage .userInfoArea{padding:0 1.5rem;}
.contents.mypage .userInfoArea{margin-bottom:1.5rem;}
.contents.mypage .userInfoArea .userInfo{display:flex;flex-direction:row;justify-content: space-between;align-items:center;width:100%;margin-bottom:1.5rem;}
.contents.mypage .userInfoArea .userInfo .user{font-size:1.5rem;font-weight:600;color:#222;}
.contents.mypage .userInfoArea .userInfo .user span{font-size:1.5rem;font-weight:600;color:#222;}
.contents.mypage .userInfoArea .userInfo button.btnSetting{display:block;width:2rem;height:2rem;background:url('../images/img_ico_setting.svg') no-repeat center center;background-size:100% 100%;}
.contents.mypage .userInfoArea .userInfo button.btnSetting span{font-size:0;line-height:0;text-indent:-99999rem;}
.contents.mypage .belongBox{display:flex;justify-content: space-between;align-items:center;width:100%;}
.contents.mypage .belongBox .box{flex:1 0 0;}
.contents.mypage .belongBox .box dl{}
.contents.mypage .belongBox .box dt{font-size:0.875rem;font-weight:400;color:#8c9094;margin-bottom:0.25rem}
.contents.mypage .belongBox .box dd{font-size:1rem;font-weight:400;color:#222;}
.contents.mypage .belongBox .box + .box{position:relative;padding-left:1.5rem;}
.contents.mypage .belongBox .box + .box:before{display:block;content:"";width:1px;height:100%;position:absolute;left:0;top:0;background:#eceff2;}

.contents.mypage .mySubArea{padding:1.5rem;background:#f7f8f9;}
.contents.mypage .mySubArea .section.Cont{}
.contents.mypage .mySubArea .pointTotal {display:flex;flex-direction:column;gap:16px;margin-top:16px;}
.contents.mypage .mySubArea .pointTotal dl {padding:4px 0;}
.contents.mypage .mySubArea .pointTotal dl .amount {font-size:1.125rem;font-weight:600;}

.contents.mypage .secBox{width:100%;}
.contents.mypage .secBox .inner{width:100%;padding:2rem 1.25rem 1.5rem 1.25rem;border-radius:1.25rem;background:var(--White, #fff);box-shadow:0 10px 20px 0 rgba(179, 179, 179, 0.30);}
.contents.mypage .secBox + .secBox{margin-top:1rem;}

.contents.mypage .titArea{margin-bottom:1.5rem;}
.titArea.between{display:flex;justify-content: space-between;align-items:center;width:100%;}
.contents.mypage .txtLink{position:relative;font-size:1rem;font-weight:400;color:#606366;}
.contents.mypage .txtLink span{font-size:1rem;font-weight:400;color:#606366;}
.contents.mypage .txtLink:after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;background:#606366;}
.contents.mypage .bTit{font-size:1.125rem;font-weight:600;color:#222;}
.contents.mypage .titArea ~ .verticalGraphBar {margin-top:52px;}

/* 시험응시 정보*/
.dDayBoxArea{display:flex;align-items:center;flex-direction:row;margin-bottom:1.25rem}
.dDayBoxArea .dDay{padding-top:1.25rem;width:3.375rem;height:3.3125rem;font-size:1.25rem;font-weight:700;text-align:center;color:#ef3b24;background:url('../images/img_ico_calendar.svg') no-repeat center top;background-size:100% 100%;}
.dDayBoxArea dl{margin-left:1.125rem;}
.dDayBoxArea dt{font-size:1rem;font-weight:600;color:#222;}
.dDayBoxArea dd{margin-top:0.25rem;color:#606366;font-size:0.875rem;font-weight:400;}

.contents.mypage .scheduleArea{padding:0.75rem 1.25rem;border-radius:0.75rem;background:#f7f8f9;}
.contents.mypage .scheduleArea dl{display:flex;justify-content: space-between;align-items:center;}
.contents.mypage .scheduleArea dt{font-size:0.875rem;font-weight:600;color:#222;}
.contents.mypage .scheduleArea dd{font-size:0.875rem;font-weight:400;color:#606366;}

/* 적립금 현황 */
.pointArea{padding-bottom:1rem;border-bottom:1px solid #dfe3e6;}
.pointArea .box{display:flex;justify-content: space-between;align-items:center;}
.pointArea .box + .box{margin-top:1rem;}
.pointArea .box .state{border:1px solid #8c9094;border-radius:0.5rem;padding:0.25rem 0.5rem;display:inline-flex;justify-content: center;align-items:center;vertical-align:middle;letter-spacing:-1px;}
@media (max-width: 320px) {
	.pointArea .box .state{padding:0.125rem 0.25rem;}	
	.pointArea .box .state + span{margin-left:0;}
}
.pointArea .box .state > span{display:block;line-height:1;font-size:0.875rem;font-weight:600;color:#8c9094;letter-spacing:-1px;}
.pointArea .box .state + span{display:inline-block;margin-left:0.5rem;font-size:0.875rem;font-weight:600;color:#606366;}

.pointArea .box p.fRed{}
.pointArea .box p.fRed .state{border:1px solid #ef3b24;/* letter-spacing:-1px; */}
.pointArea .box p.fRed .state > span{color:#ef3b24;/* letter-spacing:-1px; */}
.pointArea .box p.fRed .state + span{color:#ef3b24;/* letter-spacing:-1px; */}

.pointArea .box span.sum{color:#222;font-weight:600;font-size:1rem;letter-spacing:-1px;}
.pointArea .box span.sum.fRed{color:#ef3b24;}
.pointArea .box span.sum.fRed strong{color:#ef3b24;font-size:11px;}
.pointArea .box span.sum.fRed em{color:#ef3b24;}

.pointTotal{margin-top:1.5rem;}
.pointTotal dl{display:flex;justify-content: space-between;align-items:center;}
.pointTotal dl dt{font-size:1rem;font-weight:600;color:#222;letter-spacing:-1px;}
.pointTotal dl dd{font-size:1rem;font-weight:600;color:#222;letter-spacing:-1px;}

.popup .pointBoxArea{background:#f7f8f9;padding:1.5rem 1rem;border-radius:1.25rem;margin-bottom:1.5rem;}
.popup .pointBoxArea .pointArea .box .state + span{margin-left:0.25rem;}
.popup .pointArea .box span.sum{font-size:0.875rem;}

.notiList{display:flex;flex-direction:column;gap:0.5rem;}
.notiList li{position:relative;padding-left:0.69rem;font-size:0.875rem;font-weight:400;color:#606366;line-height:160%;}
.notiList li:before{position:absolute;top:0.6rem;left:0;display:inline-block;content:"";width:0.1875rem;height:0.1875rem;border-radius:50%;background:#8c9094;}

.notiList li.point{color:#222;}

.notiList .olList{margin-top:0.5rem;}
.notiList .olList li{padding-left:0;font-size:0.875rem;font-weight:400;color:#8c9094;}
.notiList .olList li + li{margin-top:0.5rem;}
.notiList .olList li:before{display:none;}


#popPassCashAcu .scroll_area{max-height:350px;}
#popPassCashAcu .popup.alert .pop_body {padding:2rem 1.25rem 0 1.25rem;}
#popPassCashAcu .popup.alert .pop_bottom{padding-top:1.25rem;}

.cyberArea{margin-top:1.75rem;}
.cyberArea.active .notiList{display:block;}
.cyberArea.active a.cyberLink{}
.cyberArea.active a.cyberLink:after{display:block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_ico_text_acc.svg') no-repeat center center;background-size:100% 100%;transform:rotate(0deg);}
.cyberArea a.cyberLink{position:relative;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:flex-start;gap:0.5rem;padding:0.75rem 0;}
.cyberArea a.cyberLink span{font-size:0.875rem;font-weight:600;color:#222;}
.cyberArea a.cyberLink:before{display:block;content:"";width:1rem;height:1rem;background:url('../images/img_ico_noti.svg') no-repeat center center;background-size:100% 100%;}
.cyberArea a.cyberLink::after{display:block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_ico_text_acc.svg') no-repeat center center;background-size:100% 100%;transition:transform 0.2s ease-in-out; transform:rotate(180deg);}

.cyberArea .notiList{display:none;}


/* 메이페이지 탭 */
.radioTabArea{border-radius:0.5rem;background:#f4f5f7;margin-bottom:1rem;}
.radioTabArea .tab_rdo_type{display:flex;justify-content: space-between;align-items:center;gap:0.25rem;padding:0.25rem;width:100%;}
.radioTabArea .tab_rdo_type .rdo_item{flex:1;}
.radioTabArea .tab_rdo_type .rdo_item input[type=radio] + label{display:flex;align-items:center;justify-content:center;padding:0 0.25rem;height:2.5rem;font-size:0.875rem;font-weight:400;color:#606366;background:#f4f5f7;word-break:keep-all;text-align:center;}
.radioTabArea .tab_rdo_type .rdo_item input[type=radio] + label::before{display:none;}
.radioTabArea .tab_rdo_type .rdo_item input[type=radio]:checked + label{font-weight:600;color:#222;border-radius:0.5rem;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.20);background:#fff;}
.radioTabArea .tab_rdo_type .rdo_item input[type=radio]:checked + label::before{display:none;}

.contents.mypage .bgWhite{margin-top:2.5rem;}
.contents.mypage .bgWhite .secBox .inner{box-shadow:none;padding-top:0;padding-bottom:0;}
.contents.mypage .secBox .tabBox .inner{box-shadow:none;border:1px solid #d2d6da;padding-top:1.5rem;padding-bottom:1.5rem}
.contents.mypage .stateTotal{margin-bottom:0;}

.tabBox .inner{display:none;}
.tabBox .inner.active{display:block;}
.tabBox .inner p.tit{font-size:1rem;font-weight:600;color:#222;margin-bottom:1rem;}
.tabBox .inner p.tit .txt_red{color:#ef3b24;font-weight:600;}


/* tab in Bar */
.tabBox .state{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding:0.0625rem 0.5rem;border-radius:0.75rem;}
.tabBox .state span{font-size:0.8125rem;font-weight:600;}


.tabBox .state.default{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding:0.0625rem 0.5rem;border-radius:2.5rem;border:1px solid #606366;background:#fff;}
.tabBox .state.default span{font-size:0.8125rem;font-weight:600;color:#606366;}

.tabBox .lack .state{border:1px solid #ef3b24;}
.tabBox .lack .state span{color:#ef3b24;}

.tabBox .appropriate .state{border:1px solid #0abe72;}
.tabBox .appropriate .state span{color:#0abe72;}

.tabBox .great .state{border:1px solid #1e94f9;}
.tabBox .great .state span{color:#1e94f9;}

.tabBox .complete .state{border:1px solid #1e94f9;}
.tabBox .complete .state span{color:#1e94f9;}


.tabBox .state.lack{border:1px solid #ef3b24;}
.tabBox .state.lack span{color:#ef3b24;}

.tabBox .state.appropriate{border:1px solid #0abe72;}
.tabBox .state.appropriate span{color:#0abe72;}

.tabBox .state.great{border:1px solid #1e94f9;}
.tabBox .state.great span{color:#1e94f9;}

.tabBox .state.complete{border:1px solid #1e94f9;}
.tabBox .state.complete span{color:#1e94f9;}


.tabBox .lack .graphBar .bar{background:#ef3b24;}
.tabBox .lack .graphBar .bar .cnt{background:#ef3b24;}

.tabBox .appropriate .graphBar .bar{background:#0abe72;}
.tabBox .appropriate .graphBar .bar .cnt{background:#0abe72;}

.tabBox .great .graphBar .bar{background:#1e94f9;}
.tabBox .great .graphBar .bar .cnt{background:#1e94f9;}
.tabBox .complete .graphBar .bar{background:#1e94f9;}
.tabBox .complete .graphBar .bar .cnt{background:#1e94f9;}


.tabBox .lack .graphBar .bar{background:#ef3b24;}
.tabBox .lack .graphBar .bar .cnt{background:#ef3b24;}

.tabBox .appropriate .graphBar .bar{background:#0abe72;}
.tabBox .appropriate .graphBar .bar .cnt{background:#0abe72;}

.tabBox .great .graphBar .bar{background:#1e94f9;}
.tabBox .great .graphBar .bar .cnt{background:#1e94f9;}
.tabBox .complete .graphBar .bar{background:#1e94f9;}
.tabBox .complete .graphBar .bar .cnt{background:#1e94f9;}

.tabBox .graphBar{display:flex;justify-content:space-between;align-items:center;gap:2rem;}
.tabBox .graphBar .barBg{}
.tabBox .graphBar .percent{font-size:1.25rem;font-weight:600;color:#222;}
.tabBox .graphBar .barBg{width:100%;background:#eceff2;height:0.75rem;border-radius:0.5rem;}

.tabBox .graphBar .barBg .bar{position:relative;height:0.75rem;border-radius:0.5rem;transition:height 0.5s ease-in-out;}
.tabBox .graphBar .barBg .bar .cnt{position:absolute;bottom:1.25rem;display:flex;align-items:center;justify-content:center;min-width:3rem;padding:0.25rem 0.5rem;border-radius:0.75rem;font-size:0.875rem;font-weight:400;color:#fff;}

.tabBox .graphBar .barBg .bar .cnt.left{left:0 !important;}
.tabBox .graphBar .barBg .bar .cnt.left:after{left:8px !important;}


.tabBox .lack .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#ef3b24 transparent transparent transparent;}
.tabBox .appropriate .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#0abe72 transparent transparent transparent;}
.tabBox .great .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#1e94f9 transparent transparent transparent;}
.tabBox .complete .graphBar .barBg .bar .cnt:after{content:"";position:absolute;bottom:-0.25rem;left:calc(50% - 4px);width:0;height:0;border-style:solid;border-width:0.281rem 0.156rem 0px 0.156rem;border-color:#1e94f9 transparent transparent transparent;}


/* 마이페이지 : 도움요청 + 공통팝업(helpInfo) */
.helpInfoArea{}
.helpInfoArea .titArea{position:relative;margin-bottom:1.5rem;padding-top:1.5rem;}
.helpInfoArea .titArea:before{display:block;content:"";width:6rem;height:6rem;margin:0 auto;background:url('../images/img_ico_help.svg') no-repeat center center;background-size:100% 100%;}
.helpInfoArea .titArea .bTit{font-size:1.125rem;font-weight:600;color:#222;text-align:center;margin-top:1rem;}

.helpInfoArea .box a{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:0.75rem;background:#f7f8f9;}
.helpInfoArea .box a .user{font-size:1rem;font-weight:600;color:#222;}
.helpInfoArea .box a .user em{display:inline-block;margin-left:0.5rem;font-size:0.875rem;font-weight:400;color:#606366;}
.helpInfoArea .box a .call{width:1.5rem;height:1.5rem;font-size:0;line-height:0;text-indent:-9999rem;background:url('../images/img_ico_call.svg') no-repeat center center;background-size:100% 100%;}
.helpInfoArea .box + .box{margin-top:0.5rem;}


/* 즐겨찾기, 스크랩 */
.bannerArea.bgWhite{padding:0 1.5rem;}

.contents.mypage .bannerArea{display:flex;justify-content:space-between;align-items:center;width:100%;gap:0.5rem;height:6.88rem;}
.contents.mypage .bannerArea .btnFavorite{position:relative;padding:1.25rem 1.25rem 0.75rem 1.25rem;width:100%;height:100%;border-radius:1rem;background:#fff4f4;}
.contents.mypage .bannerArea .btnFavorite:after{position:absolute;right:1.25rem;bottom:0.75rem;display:block;content:"";width:2.5rem;height:2.5rem;background:url('../images/img_ico_favorite.svg') no-repeat center center;background-size:100% 100%;}
.contents.mypage .bannerArea button span{position:relative;display:block;font-size:1rem;font-weight:600;color:#222;width:100%;height:100%;text-align:left;}
.contents.mypage .bannerArea button span:after{display:inline-block;margin-left:0.25rem;vertical-align:top;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_tit_arrow.svg') no-repeat center center;background-size:100% 100%;}
.contents.mypage .bannerArea .btnScrap{position:relative;padding:1.25rem 1.25rem 0.75rem 1.25rem;width:100%;height:100%;border-radius:1rem;background:#f4f3ff;}
.contents.mypage .bannerArea .btnScrap:after{position:absolute;right:1.25rem;bottom:0.75rem;display:block;content:"";width:2.5rem;height:2.5rem;background:url('../images/img_ico_scrap.svg') no-repeat center center;background-size:100% 100%;}


.pop_body .titArea{margin-bottom:1.5rem;}
.pop_body .titArea + .scrollArea{margin-top:0;}
.pop_body .bTit{font-size:1.25rem;font-weight:600;color:#222;letter-spacing:-1px;}


/* 내역이 없는경우 */
.noResult{display:flex;padding:4rem 0;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;}
.noResult:before{display:block;content:"";width:4rem;height:4rem;background:url('../images/img_no_result.svg') no-repeat center center;background-size:100% 100%;}
.noResult p{font-size:1rem;font-weight:400;color:#606366;text-align:center;}


.noResult2{position:relative;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.noResult2:before{display:block;content:"";width:3.5rem;height:3.5rem;background:url('../images/img_no_result2.svg') no-repeat center center;background-size:100% 100%;}
.noResult2 dl{text-align:center;margin-top:1rem;}
.noResult2 dt{font-size:1rem;font-weight:600;color:#222;margin-bottom:0.25rem;}
.noResult2 dd{font-size:0.875rem;font-weight:400;color:#606366;word-break:keep-all;}


/* 모의고사적립현황 팝업 */
.cashBox{position:relative;border-radius:0.75rem;width:100%;height:9.25rem;margin-bottom:1rem;padding:1.25rem 1.25rem 1rem 1.25rem;background:#fff6f2;}
.cashBox:after{position:absolute;top:1.25rem;right:1.25rem;display:block;content:"";width:5rem;height:7rem;background:url('../images/img_cash_bg.svg') no-repeat center center;background-size:100% 100%;}
.cashBox dl{}
.cashBox dt{font-size:1rem;font-weight:400;color:#606366;margin-bottom:0.25rem;}
.cashBox dd{font-size:1.5rem;font-weight:600;color:#ef3b24;}

.cashSateArea{margin-top:2rem;margin-bottom:1rem;}
.cashSateArea li.tit{padding:0.75rem 0;text-align:center;font-size:0.875rem;font-weight:600;color:#222;border-top:1px solid #606366;width:100%;flex:1;align-items:center;justify-content:center;}
.cashSateArea li{display:flex;align-items:center;justify-content:space-between;padding:0.88rem 1.25rem;border-top:1px solid #eceff2;}
.cashSateArea li:nth-child(2){border-top:1px solid #d2d6da;}
.cashSateArea li strong{font-size:0.875rem;color:#222;font-weight:400;}
.cashSateArea li span{font-size:0.875rem;color:#222;font-weight:600;}
.cashSateArea li span.incompleted{color:#8c9094;font-weight:400;}
.cashSateArea li span.completed{color:#ef3b24;font-weight:400;}

.cashSateArea .cashTotalArea{border-bottom:1px solid #d2d6da;}
.cashSateArea .cashTotalArea li:first-child{border-top:1px solid #d2d6da;}
.cashSateArea .cashTotalArea li:nth-child(2){border-top:1px solid #eceff2;}
.cashSateArea .cashTotalArea li{display:flex;align-items:center;justify-content:space-between;padding:0.88rem 1.25rem;border-top:1px solid #eceff2;background:#f7f8f9;}
.cashSateArea .cashTotalArea li strong{font-size:0.875rem;color:#222;font-weight:400;}
.cashSateArea .cashTotalArea li span{font-size:0.875rem;color:#222;font-weight:600;}
.cashSateArea .cashTotalArea li .total{font-size:1.125rem;font-weight:600;}



/* 오답노트 */
.contents > .titArea{margin-bottom:1.5rem;}
.titArea .inner{padding:0 1.5rem 1rem 1.5rem;}
.mb1{margin-bottom:1rem !important;}
.titArea h3.bTit{font-size:1.125rem;font-weight:600;color:#222;}
.titArea h3.bTit .subTit{display:inline-block;font-size:1rem;font-weight:600;color:#8c9094;}
.titArea h3.bTit .subTit:before{display:inline-block;content:"";width:1px;height:1rem;background:#dfe3e6;margin:0.125rem 0.5rem 0 0.5rem;vertical-align:top;}


.screps_examList{display:flex;justify-content:center;align-items:center;flex-direction: column;gap:0.75rem;flex-direction:column;}
.screps_examList .box{border-radius:1.25rem;border:1px solid #dfe3e6;padding:1.25rem;width:100%;}
.screps_examList .box label dl dt strong{padding-left:2rem;}
.screps_examList .box dl dt{padding-bottom:1rem;display:flex;justify-content:space-between;align-items:center;width:100%;gap:0.25rem;}
.screps_examList .box dl dt.line{border-bottom:1px solid #eceff2;}
.screps_examList .box dl dt strong{font-size:1.125rem;font-weight:600;color:#222;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;word-wrap: normal;}
.screps_examList .box dl dt strong em{margin-left:0.5rem;}
.screps_examList .box dl dt span.txt{font-size:1rem;color:#606366;font-weight:400;}
.screps_examList .box dl dt span.date{font-size:0.875rem;color:#8c9094;font-weight:400;flex:1 0 auto;justify-content:flex-end;display:inline-flex;}
.screps_examList .box dl dd{padding-top:1rem;}
.screps_examList .box dl dd .txtLink{position:relative;padding-right:1.5rem;word-break:keep-all;color:#606366;font-size:1rem;font-weight:400;line-height:170%;}
.screps_examList .box dl dd .txtLink:after{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_txt_link.svg') no-repeat center center;background-size:100% 100%;}
.screps_examList .box .chk_item{width:100%;}

.screps_examList .box .txtLink ul{}
.screps_examList .box .txtLink ul li{font-size:1rem;font-weight:400;line-height:170%;color:#606366;}
.screps_examList .box .txtLink ul li + li{margin-top:0.25rem;}
.screps_examList .box .txtLink ul li strong{display:inline-block;margin-left:0.5rem;font-size:1rem;font-weight:400;line-height:170%;color:#222;}

.barChartWrap{display:flex;justify-content:center;flex-direction: column;width:100%;gap:1rem;}
.barChartWrap dl dt{font-size:1rem;font-weight:400;color:#222;margin-bottom:0.5rem;margin-top:0;padding-bottom:0 !important;}
.barChartWrap .barChartArea{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:0 !important;}
.barChartWrap .barChartArea .bar{width:100%;height:0.375rem;background:#dfe3e6;border-radius:6.25rem;}
.barChartWrap .barChartArea .bar em{position:relative;display:block;height:100%;border-radius:6.25rem;}
.barChartWrap .barChartArea .bar em:after{position:absolute;left:0;top:0;display:block;width:100%;height:100%;content:"";border-radius:6.25rem;animation:0.5s Linear bars;}
.barChartWrap .barChartArea .bar.total em:after{background:#16aa6a;}
.barChartWrap .barChartArea .bar.total .totalState{font-size:1rem;font-weight:600;color:#222;}
.barChartWrap .barChartArea .bar.total .totalState strong{font-size:1rem;font-weight:600;color:#222;}
.barChartWrap .barChartArea .bar.total .totalState span{font-size:1rem;font-weight:600;color:#8c9094;}


.barChartWrap .barChartArea .bar.bar01 em:after{background:#ff731c;}
.barChartWrap .barChartArea .bar.bar02 em:after{background:#1e94f9;}
.barChartWrap .barChartArea .bar.bar03 em:after{background:#a85dff;}

.screps_examList .box .state{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding:0.0625rem 0.5rem;border-radius:0.75rem;}
.screps_examList .box .state span{font-size:0.8125rem;font-weight:600;}

.screps_examList .box .state.a_ox{border-radius:1rem;justify-content:center;align-items:center;gap:0.25rem;margin-bottom:0.5rem;padding:0.25rem 0.5rem;line-height:1;}
.screps_examList .box .state.a_ox span{display:block;color:#fff;font-size:0.8125rem;font-weight:600;line-height:1;}
.screps_examList .box .state.a_ox.o{background:#ef3b24;}
.screps_examList .box .state.a_ox.o:before{display:block;content:"";width:0.75rem;height:0.75rem;background:url('../images/img_ico_o.svg') no-repeat center center;background-size:100% 100%;}

.screps_examList .box .state.a_ox.x{background:#222;}
.screps_examList .box .state.a_ox.x:before{display:block;content:"";width:0.75rem;height:0.75rem;background:url('../images/img_ico_x.svg') no-repeat center center;background-size:100% 100%;}

.state.default{border-radius:0.75rem;border:1px solid #222;padding:0.0625rem 0.5rem;}
.state.default span{color:#222;}
.state.fail{border-radius:0.75rem;border:1px solid #8c9094;padding:0.0625rem 0.5rem;}
.state.fail span{color:#8c9094;}
.state.pass{border-radius:0.75rem;border:1px solid #16aa6a;padding:0.0625rem 0.5rem;}
.state.pass span{color:#16aa6a;}
.state.percent{border-radius:0.75rem;border:1px solid #ef3b24;padding:0.0625rem 0.5rem;}
.state.percent span{color:#ef3b24;}

/* 설정 */
.contents.setting{}

.settingBoxArea{display:flex;justify-content:space-between;gap:0.5rem;width:100%;padding-bottom:2rem;border-bottom:1px solid #eceff2;}
.settingBoxArea .pushTxtBox dl{}
.settingBoxArea .pushTxtBox dt{font-size:1.125rem;font-weight:600;color:#222;margin-bottom:0.5rem;}
.settingBoxArea .pushTxtBox dd{font-size:0.875rem;font-weight:400;color:#606366;}

.settingBoxArea .switch{height:2rem;width:3rem;}
.settingBoxArea .switch [type="checkbox"]{height:2rem;width:3rem;border-radius:1rem;background:#b4b8bd;margin-right:0;}
.settingBoxArea .switch [type="checkbox"]::before{width:1.5rem;height:1.5rem;border-radius:50%;left:0.25rem;}
.settingBoxArea .switch label span{display:none;}
.settingBoxArea .switch [type="checkbox"]:checked{background:#ef3b24;}
.settingBoxArea .switch [type="checkbox"]:checked::before{left:auto;right:0.25rem;}


.appUpdateArea{margin-top:2rem;}
.appUpdateArea .titArea{margin-bottom:1rem;}
.appUpdateArea p.ver{color:#606366;font-size:1rem;font-weight:400;}
.appUpdateArea p.ver span{color:#606366;font-size:1rem;font-weight:400;}

.btnAppUpdate{display:flex;width:100%;height:2.5rem;padding:0 1.125rem;border:1px solid #b4b8bd;justify-content:center;align-items:center;gap:0.25rem;flex-direction:row;border-radius:0.5rem;}
.btnAppUpdate:before{display:inline-block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_ico_app.svg') no-repeat center center;background-size:100% 100%;}
.btnAppUpdate span{display:inline-block;font-size:0.875rem;font-weight:600;color:#222;line-height:1;}

.toastMessageBox{padding:0.75rem 1rem;visibility:hidden;z-index:1;position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;background:rgba(0, 0, 0, 0.75);border-radius:0.75rem;max-width:750px;margin:0 auto;z-index:99;}
.toastMessageBox.active{visibility:visible;animation: toastIn 0.5s, toastOut 0.5s 2.5s;}

.toastMessageBox .true{display:none;}
.toastMessageBox .false{display:inline;}

.toastMessageBox.active .true{display:inline;}
.toastMessageBox.active .false{display:none;}

.toastMessageBox p.txt{font-size:0.875rem;font-weight:400;color:#fff;text-align:center;}
.toastMessageBox p.txt span{font-size:0.875rem;font-weight:400;color:#fff;}


/* 스크랩 */
.screpBoxArea{margin-bottom:1rem;}
.screpBoxArea > .screps_top{text-align:right;margin-bottom:1rem;}
.screpBoxArea .screpTop{display:flex;align-items:center;justify-content:space-between;min-height:2rem;}
.screpBoxArea .screpTop .chk_item{}
.screpBoxArea .screpTop .chk_item label span{font-size:1.125rem;font-weight:600;color:#222;}

/* 자격시험 */
.linkList.view_on{display:block;}
.linkList{display:none;}
.linkList .box{height:4.5rem;border-radius:0.75rem;background:#fff;box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.06);}
.linkList .box + .box{margin-top:0.5rem;}
.linkList .box a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;height:100%;}
.linkList .box a span{font-size:1rem;color:#000;font-weight:600;}
.linkList .box a:after{display:block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_link_list.svg') no-repeat center center;background-size:100% 100%;}


/* error page */
.error_wrap{padding:5rem 1.5rem 1.25rem 1.5rem;}
.bx_error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.bx_error dl:before{display:block;margin:0 auto 2rem auto;content:"";width:6rem;height:6rem;background:url('../images/img_ico_error.svg') no-repeat center center;background-size:100% 100%;}
.bx_error dl{}
.bx_error dt{font-size:1.25rem;color:#222;font-weight:600;margin-bottom:1rem;}
.bx_error dd{font-size:1rem;font-weight:400;color:#606366;line-height:170%;}


.sys_parking .sys_content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.sys_parking .sys_content .message{}
.sys_parking .sys_content .message:before{display:block;margin:0 auto 2rem auto;content:"";width:6rem;height:6rem;background:url('../images/img_ico_error.svg') no-repeat center center;background-size:100% 100%;}
.sys_parking .sys_content .message dt{font-size:1.25rem;color:#222;font-weight:600;margin-bottom:1rem;}
.sys_parking .sys_content .message dd{font-size:1rem;font-weight:400;color:#606366;line-height:170%;}

.sys_parking .sys_notice{margin-top:1rem;border-radius:0.75rem;background:#f7f8f9;padding:1.25rem 1.5rem;text-align:left;}
.sys_parking .sys_notice dl + dl{margin-top:1rem;}
.sys_parking .sys_notice dt{font-size:1rem;color:#222;font-weight:600;margin-bottom:0.5rem;}
.sys_parking .sys_notice dd{font-size:0.875rem;font-weight:400;color:#606366;line-height:170%;}
.sys_parking .sys_notice dd.date{color:#222;font-weight:400;}
.sys_parking .sys_notice .notiList{margin-top:0.5rem;}


/* 문제풀이 - 채점해설Tip */
#Container .contents.testInfo{padding-left:0;padding-right:0;}
#Container .contents.testInfo .floating_bottom{margin-top:0;}
#Container .contents.testInfo .inner:not(.floating_bottom .inner){padding:0 1.5rem;}
.tipBoxArea{margin-top:2rem;}
#Container .contents.testInfo .tipBoxArea .inner{padding-top:2rem !important;}

#Container .contents.testInfo .testTopBox{background:#f7f8f9;}
#Container .contents.testInfo .testTopBox .inner{padding:1.5rem !important;}
#Container .contents.testInfo .testTopBox .titArea{position:relative;z-index:1;}
#Container .contents.testInfo .testTopBox .titArea h3.bTit{font-size:1.25rem;font-weight:600;}
#Container .contents.testInfo .testTopBox .titArea .timer:before{display:block;content:"";width:1.25rem;height:1.25rem;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url('../images/img_ico_timer.svg') no-repeat center center;background-size:100% 100%;}
#Container .contents.testInfo .testTopBox .titArea .timer{position:relative;display:block;padding-left:1.5rem;color:#222;font-size:1rem;font-weight:600;}

.comboChkList{text-align:right;margin-top:0.5rem;}
.comboChkList .combo_box{height:2.5rem;margin:0;padding:0;background:none;align-items:center;border:0;border-radius:0;}
.comboChkList .combo_box button{display:inline-flex;align-items:center;}
.comboChkList .combo_box button:after{margin-left:0.5rem;display:inline-block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_combo_arrow.svg') no-repeat center center;background-size:100% 100%;}
.comboChkList .combo_box button span{display:inline-block;font-size:0.875rem;font-weight:400;color:#222;}


/* 문제풀이 - 채점해설Tip */
.tipBoxArea:before{display:block;content:"";width:100%;height:0.5rem;background:#f7f8f9;}
.tipBoxArea .titArea{margin-bottom:1.5rem;}
.tipBoxArea .tipBox .box{padding:1.25rem 0;display:flex;gap:0.5rem;align-items:center;}
.tipBoxArea .tipBox .box button{display:block;flex:1 0 0;text-align:left;}
.tipBoxArea .tipBox .box span{display:block;font-size:1rem;font-weight:400;color:#222;}
.tipBoxArea .tipBox .box.tip:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_tip.svg') no-repeat center center;background-size:100% 100%;}
.tipBoxArea .tipBox .box.chk01:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_exchk01.svg') no-repeat center center;background-size:100% 100%;}
.tipBoxArea .tipBox .box.chk02:before{display:block;content:"";width:2rem;height:2rem;background:url('../images/img_ico_exchk02.svg') no-repeat center center;background-size:100% 100%;}
.tipBoxArea .tipBox .box:after{display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_tip_arrow.svg') no-repeat center center;background-size:100% 100%;}

/* 스크랩 */
.btnScrep{display:inline-flex;gap:0.25rem;align-items:center;}
.btnScrep span{display:block;font-size:1rem;color:#606366;font-weight:400;line-height:1;}
.btnScrep:after{display:block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_ico_screp_off.svg') no-repeat center center;background-size:100% 100%;line-height:1;}

.btnScrep.on{}
.btnScrep.on:after{display:block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_ico_screp_on.svg') no-repeat center center;background-size:100% 100%;}

/* 시험결과 */
.testInfoBox{display:flex;justify-content:space-between;align-items:center;gap:0.5rem;}

.testInfoBox .box{padding:1.25rem;border-radius:0.75rem;background:#f7f8f9;flex:1 0 0;}
.testInfoBox .box dl{display:flex;gap:1rem;flex-direction:column;}
.testInfoBox .box dt{color:#606366;font-size:1rem;font-weight:400;}
.testInfoBox .box dd{font-size:1.25rem;font-weight:600;color:#222;text-align:right;}
.testInfoBox .box dd strong{font-size:1.5rem;font-weight:600;color:#222;}

.timeTakenArea{margin-top:0.5rem;}
.timeTakenArea dl{display:flex;height:3.5rem;padding:1.25rem;justify-content:space-between;gap:1rem;align-items:center;background:#f7f8f9;border-radius:0.75rem;}
.timeTakenArea dt{font-size:1rem;font-weight:400;color:#606366;}
.timeTakenArea dd{}
.timeTakenArea dd span.timer{display:flex;flex:0;gap:0.25rem;align-items:center;color:#222;font-size:1rem;font-weight:600;}
.timeTakenArea dd span.timer:before{display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_ico_timer.svg') no-repeat center center;background-size:100% 100%;}

.titArea .bTit + .subTxt{margin-top:0.5rem;font-size:1rem;color:#606366;font-weight:400;}


/* loading */
.loading-m_active .block-ui-container{opacity:1;}
.block-ui-container{opacity:0;}
#loadingM.on{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9999;left:0;right:0;top:0;bottom:0;}
#loadingM{display:none;}
#loadingM.on:before{display:block;content:"";position:fixed;;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:0;}
#loadingM.on svg{width:180px !important;height:260px !important;}

/* 풀어야할 문제 팝업 */
.pop_body.remainsolveArea{max-height:30rem;overflow-y:auto;}
.pop_body.remainsolveArea .info_txt{text-align:left;padding:0;margin:0;font-size:1.25rem;color:#222;font-weight:600;margin-bottom:2rem;}
.pop_body.remainsolveArea .info_txt strong{color:#ef3b24;font-size:1.25rem;font-weight:600;}
.pop_body.remainsolveArea .info_problem_list{}
.pop_body.remainsolveArea .info_problem_list dt{font-size:1.125rem;font-weight:600;color:#222;margin-bottom:1rem;}
.pop_body.remainsolveArea .info_problem_list dt em{display:inline-block;margin-left:0.5rem;font-size:1.125rem;font-weight:600;color:#ef3b24;}
.pop_body.remainsolveArea .info_problem_list dd{display:flex;gap:0.75rem 0.5rem;flex-wrap:wrap;}
.pop_body.remainsolveArea .info_problem_list dd span{display:flex;align-items:center;justify-content:center;width:calc(20% - 0.5rem);border-radius:6.9375rem;background:#f7f8f9;padding:0.25rem 0.5rem}
.pop_body.remainsolveArea .info_problem_list dd span em{font-size:0.875rem;color:#222;font-weight:400;}
.pop_body.remainsolveArea .info_problem_list .problem_info_cont{padding:0 0 1.5rem 0;}
.pop_body.remainsolveArea .info_problem_list .problem_info_cont + .problem_info_cont{border-top:1px solid #eceff2; padding:1.5rem 0;}




/* tab bar Animation */
@keyframes tabs {
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}

@keyframes bars {
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}

/* Toast Message */
@keyframes toastIn {
  from {
    bottom:0;
	opacity:0;
  }
  100% {
    bottom:1.5rem;
	opacity:1;    
  }
}
@keyframes toastOut {
  from {
    bottom:1.5rem;
	opacity:1;
  }
  100% {
    bottom:0;
	opacity:0;    
  }
}

/* 20251126 리뉴얼버전 */
.mainArea .secBox.noteType:before {transform:translateX(-50%);left:50%;}
.study_plan .tit {margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ECEFF2;font-size:1.25rem;font-weight:700;}
.desc_study {display:flex;align-items:center;justify-content: space-between;min-height:5rem;}
.desc_study > p {font-size:1rem;line-height:170%;font-weight:700;}
.desc_study > p em {color:#16AA6A;}
.desc_study > .ico {width:5rem;height:5rem;background-repeat: no-repeat;background-size:100%;}
.desc_study > .ico.reward01 {background-image:url(../images/renew/img_reward01.png);}
.desc_study > .ico.reward02 {background-image:url(../images/renew/img_reward02.png);}
.desc_study > .ico.reward03 {background-image:url(../images/renew/img_reward03.png);}
.desc_study > .ico.reward04 {background-image:url(../images/renew/img_reward04.png);}
.desc_study > .ico.reward05 {background-image:url(../images/renew/img_reward05.png);}
.final_reward {color:#606366;font-size:0.875rem;}
.txt_reward {margin:1rem 0;text-align:right;}
.info_reward {
    display:inline-block;
    background:#EFF2FF;
    border-radius:1rem;
    font-size:0.875rem;
    padding:0.25rem 2.25rem 0.25rem 1rem;
    position:relative;
    height:1.75rem;
}
.info_reward::after {
    content:'';
    display:block;
    background-image:url(../images/renew/ico_reward_info.png);
    width:0.9375rem;
    height:0.9375rem;
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    right:0.8125rem;
    top:calc(50% - 0.46875rem);
}
.verticalGraphBar {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:0.625rem;
/*     margin:3.5625rem 0 1rem; */
    margin:1.5625rem 0 1rem;  
}
.verticalGraphBar .barBg {
    position:relative;
    width:100%;
    background:#ECEFF2;
    height:0.75rem;
    border-radius:0.8rem;
}
.verticalGraphBar .barBg .pre_bar {
    position:absolute;
    width:0;
    height:0.75rem;
    border-radius:0.5rem;
    transition:width 0.5s ease-in-out 0.2s;
    background:#16AA6A;
    opacity:0.3;
}
.verticalGraphBar .barBg .bar {
    position:relative;
    width:0;
    height:0.75rem;
    border-radius:0.5rem;
    transition:width 0.5s ease-in-out;
    background:#16AA6A;
}

/* 0.1 ~ 0.9 or 1 ~ 1.5 예외처리 (개발에서 최소 2 이상이라고 함) */
.verticalGraphBar .barBg .bar.tail-type1::after {
  right: -10px !important;
}
.verticalGraphBar .barBg .bar.tail-type2::after {
  right: -3px !important;
}
.verticalGraphBar .barBg .bar.tail-start::after {
  right: 0px !important;
}
.verticalGraphBar .barBg .bar.tail-end::after {
  right: 10px !important;
}
.verticalGraphBar .barBg .cnt {
    position:absolute;
    left:0;
    bottom:1.5625rem;
    display:flex;
    padding:0.25rem 0.5rem;
    border-radius:0.4375rem;
    font-size:0.875rem;
    color:#fff;
    white-space:nowrap;
    background:#16AA6A;
    opacity:0;
    transition:opacity 0.3s ease;
}
.verticalGraphBar .barBg .bar::after {
    content:"";
    position:absolute;
    right:0.1875rem;
    bottom:1.25rem;
    transform:translateX(50%);
    border-width:0.3125rem 0.25rem 0 0.25rem;
    border-style:solid;
    border-color:#16AA6A transparent transparent transparent;
    opacity:0;
    transition:opacity 0.3s ease;
}
.verticalGraphBar .barBg .bar.tail-visible::after {opacity:1;}
.verticalGraphBar .percent {
    min-width:5.4125rem;
    font-size:1.25rem;
    color:#222;
    font-weight:bold;
    text-align:right;
}
.verticalGraphBar.missionStart .barBg .bar.tail-visible::after {right:auto;left:1rem;}
.verticalGraphBar.under10 .barBg .bar::after {right:auto;left:var(--tail-left);}
.popup .pointBoxArea.planning .pointArea {border-bottom:0;padding-bottom:0;}
.popup .pointBoxArea.planning .pointArea .box p {position:relative;padding-left:3rem;}
.popup .pointBoxArea.planning .pointArea .box .state {position:absolute;top:calc(50% - 0.75rem);left:0;}
.popup .pointBoxArea.planning .pointArea .sum {font-size:1rem;}
.popup .notiList_wrap {margin-top:1.5rem;}
.popup .notiList_wrap .tit {position:relative;font-size:0.875rem;display:block;height:3rem;line-height:3rem;padding-left:1.5rem;}
.popup .notiList_wrap .tit::before {content:'';display:inline-block;width:1rem;height:1rem;background:url(../images/renew/ico_notilist_tit.png) no-repeat 0 0;background-size:100%;position:absolute;left:0;top:calc(50% - 0.5rem);}

/* 필요해서 정의 */
.fc_red {color:var(--fc-red) !important;}
.base_fcolor {color:#222 !important;}
/* 재정의 */
.popup.alert, .popup.confirm {border-radius:1rem;}
.cyberArea a.cyberLink:before {position:relative;top:-2px;background-image:url(../images/renew/ico_notilist_tit.png) !important;background-size:100%;}
.cashSateArea li span.completed {font-weight:700;}
.cashSateArea li.tit {border-bottom:1px solid #d2d6da;}
.cashSateArea li {border-top:0;border-bottom:1px solid #eceff2;}
.cashSateArea li:last-child {border-bottom:0;}
.cashSateArea li:nth-child(2) {border-top:0;}
.pointArea .box .state + span {margin-left:0.25rem;}
.tabBox .state {position:relative;top:-2px;margin-left:0.3125rem;}
.cyberArea a.cyberLink::after {width:1.25rem !important;height:1.25rem !important;background-image:url(../images/renew/ico_tit_opener.png) !important;}
.cashSateArea .cashTotalArea li,
.cashSateArea .cashTotalArea li:nth-child(2) {border-top:0;}

/* 새로 정의 */
.pop_body > .info_txt.no_ico {padding-top:3.5rem;font-size:1.125rem;}
.pop_body > .info_txt.no_ico::before {display:none;}
.pop_body > .info_txt.no_ico ~ .info_sub {margin-top:0.5rem;line-height:22px;}
.titArea .sTit {display:block;margin-top:0.5rem;font-size:0.875rem;}
.contents.mypage .bTit_wrap {display:flex;align-items: center;}
.contents.mypage .bTit_wrap .bPlan {height:1.5rem;line-height:1.5rem;padding:0 0.5rem;background:#fef8d0;border-radius:2rem;font-size:0.875rem;font-weight:700;margin-left:0.5rem;margin-top:1px;}

.popup .good_news {text-align:center;}
.popup .good_news .ico {display:inline-block;width:10.0625rem;height:8.75rem;background:url(../images/renew/ico_start_money.png) no-repeat 0 0;background-size:100%;}
.popup .money_gift {display:flex;background:#f7f8f9;padding:1.5rem 1rem;border-radius:1rem;align-items:center;justify-content:space-between;}
.popup .money_gift .tit {font-size:0.875rem;}
.popup .money_gift .txt {display:inline-flex;align-items:center;font-size:2rem;color:var(--fc-red);font-weight:700;}
.popup .money_gift .unit {font-size:1.25rem;color:var(--fc-red);}
.popup .good_news ul {margin-top:1.5rem;}
.popup .good_news ul li {font-size:1rem;line-height:170%;margin-top:1.5rem;}
.popup .good_news ul li:first-child {margin-top:0;}

.popup .pointArea.type2 {padding-bottom:0;border-bottom:0;}
.popup .pointArea.type2 ~ .pointTotal {border-top:1px solid #d2d6da;padding-top:1.5rem;}
.popup .pointArea .box.expecting .state {border-color:#222;}
.popup .pointArea .box.expecting .state > span {color:#222;}
.popup .pointArea .box.expected {justify-content: flex-end;margin-top:0.3125rem;}
.popup .pointArea .box.expected span.sum {font-size:1.125rem;}
.popup .pointArea .box.expected .unit_add {font-weight:400;color:var(--fc-red);font-size:0.875rem;margin-left:0.25rem;}

.mission_desc {text-align:center;padding-bottom:1.25rem;}
.mission_desc .ico {display:inline-block;width:10rem;height:7.5rem;background-position:0 0;background-repeat:no-repeat;background-size:100%;}
.mission_desc .ico.congrats01 {background-image:url(../images/renew/ico_congrats_01.png);}
.mission_desc .ico.congrats02 {background-image:url(../images/renew/ico_congrats_02.png);}
.mission_desc .ico.congrats03 {background-image:url(../images/renew/ico_congrats_03.png);}
.mission_desc .ico.play {background-image:url(../images/renew/ico_congrats_01.png);}
.mission_desc .ico.test {background-image:url(../images/renew/ico_congrats_02.png);}
.mission_desc .details {margin-top:1.5rem;}
.mission_desc .details dt {margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;}
.mission_desc .details dd {font-size:1rem;margin-top:0.5rem;line-height:170%;letter-spacing: -0.3px;}
.mission_desc .details dd:first-child {margin-top:0;}

.tdata {margin-bottom:1rem;}
.tdata .thead {display:flex;justify-content: space-between;align-items: center;height:51px;border-top:1px solid #606366;font-weight:700;color:var(--base-fcolor);padding:0 0.5rem;}
.tdata .thead_item {text-align:center;width:30%;letter-spacing: -0.3px;}
.tdata .thead_item.mid {width:40%;}
.tdata .tbody .tbody_item:not(:first-child) {margin-top:1rem;}
.tdata .tbody_item .tit {display:flex;justify-content:space-between;align-items: center;height:40px;padding:0 0.5rem;}
.tdata .tbody_item .tit.msn01 {background:#e0f0ff;}
.tdata .tbody_item .tit.msn02 {background:#ffebe6;}
.tdata .tbody_item .tit.msn03 {background:#fff0d3;}
.tdata .tbody_item .tit.msn04 {background:#dde4ff;}
.tdata .tbody_item .tit_item {text-align:center;width:30%;letter-spacing: -0.3px;font-size:0.875rem;font-weight:700;}
.tdata .tbody_item .tit_item.mid {width:40%;}
.tdata .tbody_item .tbody_list .txt {display:flex;justify-content: space-between;align-items: center;font-weight:400;color:var(--base-fcolor);padding:0.5rem;}
.tdata .tbody_item .tbody_list .txt:not(:first-child) {border-top:1px solid #eceff2;}
.tdata .tbody_item .tbody_list .txt_item {text-align:center;width:30%;letter-spacing: -0.3px;font-size:0.875rem;line-height:140%;}
.tdata .tbody_item .tbody_list .txt_item.mid {width:40%;}
.tdata .tfoot {display:flex;height:48px;margin-top:1rem;padding:0 0.5rem;align-items: center;justify-content: space-between;background:#f7f8f9;border-top:1px solid #d2d6da;border-bottom:1px solid #d2d6da;}
.tdata .tfoot .tfoot_item {font-size:1.125rem;font-weight:700;}
.pointArea .box span.sum.type2 {display:flex;align-items:center;}
.pointArea .box span.sum.type2 strong {margin-right:0.5rem;font-size:0.75rem;font-weight:400;white-space:nowrap;}

#examAll  .radio_group3.top_tab2{padding:0;}
#examAll  .mock_exam{margin:0 -1.5rem;}

/* 20260206 추가 [S] */
#Container {z-index:1;}
#Container .contents.main.type2 {background:#fff;}
#Container:has(.fixedBottom) .contents.main .mainArea {padding-bottom:64px;}
.secWrap.beforeApp .secBox.noBox.type2 {padding:20px 0 0;}
.mainArea .section.cont.type2 {margin-top:-40px;}
.mainArea .secBox .quoteText {position:relative;display:inline-flex;gap:2px;padding:5px 12px;margin-bottom:8px;color:#222;font-size:1rem;font-weight:600;line-height:1.7;letter-spacing:-0.3px;text-align:center;border-radius:8px;background:#ffe6e2;}
.mainArea .secBox .quoteText::before {content:'';display:block;width:10px;height:10px;background:url(../images/renew/ico-quote-left.svg) no-repeat center center / 10px 10px;}
.mainArea .secBox .quoteText::after {content:'';display:block;width:10px;height:10px;background:url(../images/renew/ico-quote-right.svg) no-repeat center center / 10px 10px;}
.mainArea .secBox .bTit.type2 {font-size:1.625rem;line-height:1.4;letter-spacing:-0.3px;}
.mainArea .secBox .conArea {margin:24px 0 0;}
.mainArea .secBox .rewardDesc {position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;}
.mainArea .secBox .rewardDesc::before {content:'';display:block;width:32px;height:32px;background:url(../images/renew/img_planner.png) no-repeat center / 100% auto;}
.mainArea .secBox .rewardDesc::after {content:'';display:block;width:240px;height:160px;background:url(../images/renew/img_money.png) no-repeat center / 100% auto;margin-top:-4px;}
.mainArea .secBox .subText {font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:-0.3px;}
.section.top.rewardType {padding-top:4.5rem;}
.contents.mypage .scheduleArea.passRate {margin-top:20px;}
.contents.mypage .scheduleArea.passRate dd {display:flex;align-items:center;gap:4px;}
.contents.mypage .scheduleArea.passRate .ico_state {display:inline-flex;width:20px;height:20px;background:url(../images/renew/state_pass_lack.png) no-repeat center / contain;}
.contents.mypage .scheduleArea.passRate .ico_state.lack {background-image:url(../images/renew/state_pass_lack.png);}
.contents.mypage .scheduleArea.passRate.hasRate {background-color:var(--Primary2);}
.contents.mypage .scheduleArea.passRate.hasRate dd {color:var(--Primary);font-weight:600;}

.secBox .banBox {display:flex;flex-direction:column;gap:8px;margin-bottom:10px;text-align:center;line-height:0;}
.secBox .banBox .ban_img {max-width:100%;}
.secBox .banBox .ban_img.ban_pass {margin-bottom:8px;}
.secBox .topBox.type2 {margin:8px 0 10px;}
.secBox .topBox.type2 .topTit {padding:0 0 8px;font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:-0.3px;}
/* .secBox .topBox.type2 .topTit ~ .listBox.bgGray {margin-top:8px;} */
.secBox .topBox .titGroup {display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}
.secBox .topBox .titGroup .topTit {padding-bottom:0;}
.secBox .topBox .titGroup .titDesc {font-size:1rem;font-weight:600;color:#606366;line-height:27px;}
.secBox .topBox .titGroup .titDesc * {color:inherit;}
.secBox.top .topTit {font-size:20px;font-weight:500;line-height:1.4;}
.secBox .bTit {font-weight:700;}
.btnArea .btnGroup {display:flex;flex-direction:column;gap:8px;}
.btnArea .btnGroup .btnPrimaryLine {position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:12px;border-color:var(--Primary);align-items:flex-start;}
.btnArea .btnGroup .btnPrimaryLine .btnTit {font-size:1.125rem;font-weight:700;line-height:25px;letter-spacing:-0.3px;}
.btnArea .btnGroup .btnPrimaryLine .titDesc {font-size:0.875rem;font-weight:600;line-height:22px;color:#222;text-align:left;}
.btnArea .btnGroup .btnPrimaryLine .chip_reward {position:relative;display:flex;gap:8px;min-height:24px;line-height:24px;align-items:center;border:1px solid #dfe3e6;}
.btnArea .btnGroup .btnPrimaryLine.hasArrow {min-height:56px;background:url(../images/renew/ico-arrow.svg) no-repeat right 20px center / 16px;}
.btnArea .btnGroup .btnPrimaryLine.recommend {margin-top:12px;}
.btnArea .btnGroup .btnPrimaryLine.recommend::after {content:'추천';position:absolute;top:-12px;left:20px;display:block;font-size:0.8125rem;font-weight:600;line-height:18px;border-radius:24px;padding:3px 8px;color:#fff;background:var(--Primary);}
.stateTotal.type2 {padding:1rem 0 0.75rem;background:#ce1700;;margin:0;}
.stateTotal.type2 dl {min-height:50px;}
.stateTotal.type2 dl dt,
.stateTotal.type2 dl dd {color:#fff;border-color:#fff;}
.stateTotal.type2 dl dd .cnt {display:inline-flex;font-weight:600;color:#fff;line-height:25px;}
.stateTotal.type2 .passTxt {padding:0 25px;color:#fff;font-size:1.125rem;font-weight:600;line-height:1.5625rem;letter-spacing:-0.3px;text-align:left;word-break:keep-all;}
.stateTotal.type2 .passTxt .name {font-size:inherit;color:inherit;line-height:inherit;}
.flex_between {display:flex;justify-content:space-between;align-items:center;width:100%;flex:1;}
.listBox {width:100%;border-radius:12px;background:inherit;margin-bottom:10px;}
.listBox.bgGray {background:#f6f6f6;}
.listBox .rowList {display:flex;width:100%;padding:12px;} 
.listBox .rowList > li {flex:1;justify-items:center;align-items:center;text-align:center;}
.listBox .rowList > li .icoBox {display:inline-flex;width:60px;height:60px;border-radius:50%;background-color:rgba(255,255,255,.16);}
.listBox .rowList.hasDash > li:not(:last-child) {border-right:1px dashed #ccc;}
.listBox .rowList .dataBox {display:flex;flex-direction:column;gap:0;align-items:center;flex-shrink:0;}
.listBox .rowList .dataBox > dt {color:var(--label-color);font-size:1rem;line-height:27px;}
.listBox .rowList .dataBox > dt > .label {display:block;height:21px;size:14px;line-height:20px;color:inherit;border-bottom:1px solid var(--btn-line-color);}
.listBox .rowList .dataBox > dd > .count {font-size:1.125rem;line-height:25px;}
.listWrap {width:100%;margin-bottom:16px;}
.listWrap .notiList li em {font-weight:600;color:inherit;}

/* 플랜 변경 */
.planInfoBox {display:flex;flex-direction:column;gap:16px;}
.planInfoBox .box {padding:1.25rem;border-radius:0.75rem;background:#fff;flex:1 0 0;border:1px solid #dfe3e6;cursor:pointer;}
.planInfoBox .box > dl{display:flex;gap:8px;flex-direction:column;}
.planInfoBox .box > dl > dt{display:flex;align-items:center;min-height:27px;color:#606366;font-size:1rem;font-weight:600;}
.planInfoBox .box > dl > dd strong{font-size:1rem;font-weight:600;color:#222;line-height:27px;}
.planInfoBox .box .detailInfo {display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px;color:#606366}
.planInfoBox .box .detailInfo > dt {width:65%;font-size:0.875rem;font-weight:600;line-height:22px;color:#606366}
.planInfoBox .box .detailInfo > dd {width:34%;font-size:0.875rem;font-weight:600;line-height:22px;text-align:right;color:#606366}
.planInfoBox .box .total {margin-top:8px;border-top:1px solid #dfe3e6;padding-top:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.planInfoBox .box .total dt {font-size:0.875rem;line-height:22px;}
.planInfoBox .box .chip {display:inline-flex;border:1px solid var(--Primary);color:var(--Primary);font-size:0.875rem;font-weight:600;height:22px;line-height:22px;border-radius:8px;align-items:center;justify-content:center;}
.planInfoBox .box.on {background:#f7f8f9;cursor:default;}
.planInfoBox .box.on .chip {color:#8c9094;border-color:#8c9094;white-space:nowrap;}
.planInfoBox .box.on .detailInfo > dd {color:#606366;}
.planInfoBox .box.active {background:var(--Primary2);border-color:var(--Primary);}
.planInfoBox .box.active .chip {color:var(--Primary);border-color:var(--Primary);}

/* 리워드 적립 내역 */
.rewardBox {display:flex;flex-direction:column;padding:16px 24px;background:var(--Primary2);border-radius:16px;margin-bottom:24px;}
.rewardBox .rewardData {display:flex;flex-direction:column;align-items:center;gap:4px;letter-spacing:-0.3px;}
.rewardBox .rewardData > dt {color:#222;font-size:1rem;font-weight:600;line-height:27px;}
.rewardBox .rewardData > dd .amount {display:flex;/*align-items:baseline;*/color:var(--Primary);font-size:1rem;font-weight:600;gap:2px;padding-left:28px;background:url(../images/renew/ico-coin.svg) no-repeat left center / 20px;}
.rewardBox .rewardData > dd .amount > strong {color:inherit;font-size:26px;line-height:36px;}
.rewardBox .rewardData > dd .amount .unit {color:inherit;line-height:22px;padding:8px 0 6px;}
.historyBox {padding-bottom:40px;}
.historyBox .tit {font-size:1rem;font-weight:600;line-height:27px;letter-spacing:-0.3px;padding-bottom:8px;border-bottom:1px solid #eceff2;}
.historyBox .historyItem {display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eceff2;}
.historyBox .historyItem .subject {color:#222;font-size:0.875rem;line-height:22px;}
.historyBox .historyItem .reward {color:var(--Primary);font-size:1rem;font-weight:600;line-height:22px;letter-spacing:-0.3px;}
.barGroup {display:flex;}
.barGroup .barItem {position:relative;display:inline-flex;font-size:0.875rem;line-height:20px;color:#606366;}
.barGroup .barItem + .barItem {padding-left:9px;}
.barGroup .barItem + .barItem::before {content:'';position:absolute;top:5px;left:4px;display:block;width:1px;height:10px;background:#8c9094;}

/* 미션 안내 */
.section.pop_cont {display:flex;flex-direction:column;gap:24px;}
.section.pop_cont .listWrap.last {margin:11px 0 0;}
.missionGuide .titArea {display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;}
.missionGuide .tit {font-size:20px;font-weight:600;line-height:28px;text-align:center;letter-spacing:-0.3px;}
.missionGuide .tit.clearTit {position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;}
.missionGuide .tit.clearTit::before {content:'';display:block; width:120px;height:120px;background:url(../images/renew/img_mission_clear.png) no-repeat center / 120px;}
.missionGuide .titDesc {font-size:1rem;color:#222;letter-spacing:-0.3px;line-height:27px;}
.infoBox {display:flex;flex-direction:column;padding:8px 16px;border-radius:16px;background:#f7f8f9;}
.infoBox .infoTit {display:flex;align-items:center;padding:9px 0 13px;font-size:0.875rem;line-height:22px;font-weight:600;}
.infoBox .infoTit .icoInfo {position:relative;display:flex;gap:8px;align-items:center;line-height:inherit;}
.infoBox .infoTit .icoInfo::before {content:'';display:block;width:16px;height:16px;background:url(../images/renew/ico_notilist_tit.png) no-repeat center / 16px;}
.infoBox .notiList li {line-height:22px;}
.guideBox .secBox {width:100%;padding:24px 20px;border-radius:20px;background:#fff;box-shadow:0px 10px 20px rgba(179,179,179,0.3);}
.guideBox .secBox .titArea {align-items:flex-start;margin-bottom:24px;}
.guideBox .secBox .box {display:flex;flex-direction:column;align-items:center;gap:16px;}
.guideBox .secBox .box .ico {width:80px;height:80px;border-radius:50%;background-color:#eceff2;background-repeat:no-repeat;background-size:80px;background-position:center;}
.guideBox .secBox .box .ico.icoVideo {background-image:url(../images/renew/img_mission_video.png);}
.guideBox .secBox .box .ico.icoExam {background-image:url(../images/renew/img_mission_exam.png);}
.guideBox .secBox .box .subTit {font-size:0.875rem;color:#606366;text-align:center;line-height:22px;}

/* 미션 리워드 내역 */
.sr_only {position:absolute; display:inline-block; width:0; height:0; font-size:0; text-align:left; text-indent:-9999px; overflow:hidden; opacity:0; pointer-events:none; }
.planArea {display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;padding:0 0 16px 0;font-size:0.875rem;border-bottom:1px solid #eceff2;margin-bottom:16px;}
.planArea .planTxt {font-size:0.875rem;font-weight:600;line-height:20px;color:#8c9094;}
.planArea .point_01 {color:#6a00ff;line-height:inherit;}
.planArea .point_02 {color:#a85dff;line-height:inherit;}
.planArea .btnPlan {display:inline-flex;color:#222;font-size:0.875rem;line-height:20px;font-weight:600;border-radius:22px;padding:4px 30px 4px 14px;white-space:nowrap;border:0;background:#ffd700 url(../images/renew/ico-arrow-sm.svg) no-repeat right 10px center / 16px;}
.planStampArea {display:flex;flex-direction:column;gap:16px;padding-bottom:36px;}
.planStampArea .flex_end {display:flex;justify-content:flex-end;}
.planStampArea .btnInfo {display:inline-flex;font-size:14px;font-weight:400;line-height:20px;color:#222;background:#eff2ff url(../images/renew/ico-info-16.svg) no-repeat right 12px center / 16px;padding:4px 36px 4px 16px;border-radius:22px;}
.planStampList {position:relative;display:flex;gap:32px 55px;flex-wrap:wrap;justify-content:space-between;max-width:295px;margin:0 auto;}
.planStampList > li {position:relative;width:calc(50% - 28px);display:inline-flex;justify-content: center;z-index:1;}
.planStampList > li::after {content:'';position:absolute;top:50px;left:50%;transform:translate(25%, 0);transform-origin:top center;display:block;width:100%;height:15px;background:#f4f5f7;z-index:-1;}
.planStampList > li .stampItem {position:relative;min-height:128px;}
.planStampList > li .stampItem .stamp {position:relative;width:120px;height:120px;background:#f7f8f9;border-radius:50%;border:2px dashed #b4b8bd;}
.planStampList > li .stampItem .chip_reward {flex-direction:column;width:100%;height:44px;justify-content:center;color:#606366;font-size:12px;line-height:14px;text-align:center;position:absolute;top:84px;left:50%;transform:translateX(-50%);padding-left:42px;padding-right:16px;background-position-x:18px;border-radius:53px;border:1px solid #a85dff;}
.planStampList > li:nth-child(2n)::after {top:100%;left:auto;right:50%;width:calc(100% + 60px);margin:0;transform:rotate(135.25deg) translate(0, -28px);}
.planStampList > li:last-child::after {content:none;}
.planStampList > li .stampItem .stamp {position:relative;background-color:#f7f8f9;overflow:hidden;}
.planStampList > li .stampItem .stamp::before {content:'';position:absolute;top:18%;left:50%;transform:translateX(-50%);display:block;width:69px;height:73px;background:url(../images/renew/img_stamp_present.png) no-repeat 0 0 / contain;opacity:0.2;}
.planStampList > li .stampItem .stamp .stamp_txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:'Jalnan Gothic';color:#606366;font-size:1.125rem;font-weight:400;line-height:20px;text-align:center;}
.planStampList > li .stampItem.done .stamp {background-color:#2d2d2d;border:0;}
.planStampList > li .stampItem.done .stamp:before {opacity:0.41;}
.planStampList > li .stampItem.done .stamp .stamp_txt {color:#fff;}
.planStampList > li .stampItem.active .stamp {border-color:#a85dff;border-style:solid;background-color:rgba(255,204,0,1);box-shadow:0px 0px 10px 2px rgba(70, 70, 70, 0.28);}
.planStampList > li .stampItem.active .stamp::before {opacity:0.18;}
.planStampList > li .stampItem.active .stamp .stamp_txt {color:#222;}

.rewardArea {position:relative;display:flex;flex-direction:column;gap:8px;}
.rewardArea .rewardTop {position:relative;display:flex;justify-content:space-between;gap:20px;}
.rewardArea .rewardData {display:flex;flex-direction:column;gap:0;flex:1;}
.rewardArea .rewardData dt {font-size:1rem;line-height:22px;letter-spacing:-0.3px;color:#fff;}
.rewardArea .rewardData dd {display:flex;gap:2px;font-size:20px;color:#fff;line-height:22px;letter-spacing:-0.3px;}
.rewardArea .rewardData dd .amount {display:inline-flex;color:#fff;font-size:34px;font-weight:700;line-height:48px;}
.rewardArea .rewardData dd .unit {display:inline-flex;color:#fff;font-size:20px;line-height:20px;margin:18px 0 10px;}
.rewardArea .rewardData dd > * {color:inherit;}
.rewardArea .rewardData .bold {font-weight:700;}

.missionArea {overflow: hidden;padding-bottom:2rem;}
.missionArea .section.top {padding:5rem 1.5rem 3.25rem;background:rgba(106,0,255, 1);}
.missionArea .section.top .topBox {display:flex;flex-direction:column;margin:0;}
.missionArea .section.top .topBox.alignCenter {align-items:center;}
.missionArea .section.top .topTit {font-size:1.25rem;font-weight:600;color:#fff;}
.missionArea .section.top .topTit * {color:inherit;}
.missionArea .section.top .listBox .rowList > li {display:flex;flex-direction:column;justify-content:space-between;gap:8px;}
.missionArea .section.top .listBox .rowList > li .icoBox {display:inline-flex;width:60px;height:60px;border-radius:50%;background-color:rgba(255,255,255,.16);background-repeat:no-repeat;background-position:center;}
.missionArea .section.top .listBox .rowList > li .icoBox.icoMission {background-image:url(../images/renew/img_rubber_stamp.png);background-size:38px;}
.missionArea .section.top .listBox .rowList > li .icoBox.icoReward {background-image:url(../images/renew/img_coin_box.png);background-size:52px;}
.missionArea .section.top .listBox .rowList .dataBox {gap:6px;color:#fff;}
.missionArea .section.top .listBox .rowList .dataBox > dt,
.missionArea .section.top .listBox .rowList .dataBox > dd,
.missionArea .section.top .listBox .rowList .dataBox > dd * {color:#fff;}
.missionArea .section.top .listBox .rowList .dataBox > dt,
.missionArea .section.top .listBox .rowList .dataBox > dt .btn {font-size:0.875rem;font-weight:600;line-height:22px;color:#fff;padding:0;}
.missionArea .section.top .listBox .rowList .dataBox > dt .btn.hasArrow {display:inline-flex;gap:2px;padding-right:22px;background:url(../images/renew/ico-arrow-white.svg) no-repeat right center / 20px;}
.missionArea .section.top .listBox .rowList .dataBox .countBox {display:flex;align-items:center;border-radius:32px;background:#fff;color:#222;font-size:1rem;font-weight:600;line-height:22px;padding:6px 12px;box-sizing:border-box;gap:4px;}
.missionArea .section.top .listBox .rowList .dataBox .countBox .count,
.missionArea .section.top .listBox .rowList .dataBox .countBox .unit {color:#222;font-size:1rem;font-weight:600;line-height:22px;}
.missionArea .section.top .listBox .rowList .dataBox .countBox .count span {display:inline-flex;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.missionArea .section.cont {display: flex; flex-direction: column; border-radius: 1.5rem 1.5rem 0 0; gap: 1.5rem; align-self: stretch; align-items: center; margin-top: -26px; background: #F7F8F9;}
.missionArea .secBox.top {border-radius: 1.5rem 1.5rem 0 0; width: 100%; background: linear-gradient(180deg, #fff 84.29%, #F7F8F9 100%);}
.missionArea .secBox.top.type2 {background:#fff;}
.missionArea .secBox.top .inner {padding: 2rem 1.5rem 1.5rem 1.5rem;box-shadow:none;border-radius:0;background:none;}

#examAll .radio_group3.top_tab2.type2 {padding:0 44px 0 24px;}
#examAll .mock_exam.type2 {/* margin:0; */} /* 20260209 개발 소스 즐겨찾기 프레임 적용 */
.chip_reward {display:inline-flex;align-items:center;border-radius:20px;font-size:0.8125rem;font-weight:600;line-height:26px;color:#222;overflow:hidden;padding:0 6px 0 26px;background:#fff url(../images/renew/ico-coin.svg) no-repeat 6px center / 16px;}
.mock_exam.type2 .chip_reward {position:absolute;top:16px;left:16px;}
.mock_exam.type2 .video_cont .video_list .video_fix figure .thumb:after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5))} /* 20260210 수정 */
.mock_exam.type2 .video_cont .video_list .video_fix figure .thumb img {object-fit:cover;object-position: top;}
.mock_exam.type2 .video_cont .video_list > a > .thum_graph {background:transparent;}
.mock_exam.type2 .video_cont .video_list > a > .thum_graph .overlay.done {border-radius:0;}
.pop_body .titArea.tac {text-align:center;margin-bottom:0;}
.pop_body .titArea.tac em {color:inherit;}
.pop_body .titArea .subText {font-size:0.875rem;margin-top:8px;line-height:22px;color:#606366;}
.pop_body .aniBox {position:relative;display:block;width:96px;height:96px;margin:24px auto 16px;}
.pop_body .aniBox .pop_reward {display:block;width:100%;height:100%;}
.pop_body .aniBox .pop_reward.reward_01 {background:url(../images/renew/reward_popup01.png) no-repeat center / 96px auto;}
.pop_body .aniBox .pop_reward.reward_02 {background:url(../images/renew/reward_popup02.png) no-repeat center / 96px auto;}
.popup.alert .pop_btn_close,
.popup.confirm  .pop_btn_close {position:absolute;top:12px;right:16px; display: block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-image: url(../images/img_pop_close_full.svg); background-size: 100% 100%; background-position: center center; }
.popup.alert .pop_btn_close  > span,
.popup.confirm  .pop_btn_close > span { position: absolute; display: inline-block; width: 0; height: 0; font-size: xx-small; text-align: left; text-indent: -9999px; overflow: hidden; opacity: 0; pointer-events: none;}

.radioTabBox {position:relative;display:flex;width:100%;margin:1rem 0 0;padding:4px;border-radius:12px;background:#f4f5f7;}
.radioTabBox input {display:none;}
.radioTabBox .tab {flex:1;min-height:40px;text-align:center;padding:10px 8px;cursor:pointer;z-index:2;font-size:0.875rem;font-weight:600;color:#606366; transition: color 0.3s; }
.radioTabBox .indicator {position:absolute;top:4px;left:4px;width: calc(100% / 2 - 8px);height: calc(100% - 8px);background:#fff;border-radius:8px;box-shadow:0px 0px 4px rgba(0,0,0,0.2);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 10px rgba(0,0,0,0.08);}
.radioTabBox input:checked + label {color:#222;}
.radioTabBox.half input:nth-of-type(1):checked ~ .indicator { transform: translateX(0%); }
.radioTabBox.half input:nth-of-type(2):checked ~ .indicator { transform: translateX(100%); }
.screps_examList.type2 .box dl dt strong {display:flex;align-items:center;gap:8px;}
.screps_examList.type2 .box .state {height:20px;line-height:20px;margin-left:0;}
.screps_examList.type2 .box .state span {height:inherit;line-height:inherit;}
.screps_examList.type2 .box .chip_reward {padding-left:24px;color:#222;height:26px;border:1px solid #dfe3e6;white-space:nowrap;}
.screps_examList.type2 .box .txtLink ul li strong {font-weight:600;}
.screps_examList.type2 .barChartWrap .barChartArea .totalState {font-weight:600;}
.screps_examList.type2 .barChartWrap .barChartArea .totalState span {color:#8c9094;}

/* 미션 상세보기 */
.missionArea.pop_type {margin:-24px -24px 0;}
.missionArea.pop_type .section.top {position:relative;display:flex;min-height:184px;padding:24px 24px 54px;}
.missionArea.pop_type .section.top .topBox.icoList {width:100%;padding:0 110px 11px 0;background:url(../images/renew/img_checklist.png) no-repeat top right / 106px;}
.missionArea.pop_type .secBox.top {background:#fff;z-index:1;border-top-left-radius: 12px;border-top-right-radius:12px;}
.missionArea.pop_type .section.top .topTit {display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:1.125rem;line-height:25px;margin-bottom:16px;letter-spacing:-0.3px;;}
.missionArea.pop_type .section.top .topTit .subTit {font-size:0.875rem;line-height:25px;letter-spacing:0;}
.missionArea.pop_type .section.top .titDesc .dashList {color:#fff;}
.missionArea.pop_type .section.top .titDesc .dashList > li {line-height:27px;}
.dashList > li {position:relative;display:flex;align-items:center;color:inherit;padding-left:11px;}
.dashList > li::before {content:'-';position:absolute;left:0;top:0;}
.learnBox,
.learnFlow {display:flex;flex-direction:column;gap:16px;}
.learnBox {margin-top:-16px;}
.learnFlow .stepItem {position:relative;display:flex;align-items:center;font-size:1rem;gap:8px;padding:16px 20px;border-radius:12px;background:#fff;border:1px solid #603666;}
.learnFlow .stepItem .tit {flex:1;color:#222;font-size:1rem;line-height:22px;letter-spacing:-0.3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:calc(100% - 117px);}
.learnFlow .stepItem .state {font-size:0.875rem;font-weight:600;line-height:22px;flex-shrink:0;}
.learnFlow .stepItem .state.chip_reward {min-width:69px;height:20px;font-size:0.8125rem;line-height:20px;padding:0 0 0 24px;border:0;background-size:20px 20px;background-position:left center;}
.learnFlow .stepItem:not(:first-of-type)::before {content:'';position:absolute;top:-17px;left:50%;margin-left:-2px;width:4px;height:16px;background:#dfe3e6;z-index:-1;}
.learnFlow .stepItem.done {background:#eceff2;border-color:#dfe3e6}
.learnFlow .stepItem.done .state {color:#606366}
.learnFlow .stepItem.active {padding-top:14px;padding-bottom:14px;font-weight:600;border-color:var(--Primary);box-shadow:inset 0 0 0 1px var(--Primary), 0 0 5.3px rgba(0,0,0,0.4);}
.learnFlow .stepItem.active .tit {color:var(--Primary);line-height:26px;}
.learnFlow .stepItem.active .state {padding:0 8px;min-width:50px;height:26px;font-size:0.8125rem;line-height:26px;background-color:var(--Primary);color:#fff;border-radius:24px;}
.learnFlow .stepItem:has( ~ .complete)::before,
.learnFlow .stepItem.complete::before {background-color:var(--Primary);}

/* 캐릭터 애니메이션 */
.charArea {position: relative;width:100px;height:100px;flex-shrink:0;}
.charArea .aniObj {position:absolute;top:0;left:0;right:0;bottom:0;}
.charArea.type01 .char {display:block;width:100px;height:100px;background:url(../images/renew/ani/char-01.png) no-repeat center / 100px 100px;}
.charArea.type01 .aniObj .obj-z {display:block;position:absolute;animation:zzzAni 3s infinite;opacity:0;}
.charArea.type01 .aniObj .obj-z:nth-of-type(1) {top:1px;left:3px;width:18px;height:18px;background:url(../images/renew/ani/z-01.png) no-repeat center/ 18px;animation-delay:1s;}
.charArea.type01 .aniObj .obj-z:nth-of-type(2) {top:6px;left:15px;width:18px;height:18px;background:url(../images/renew/ani/z-02.png) no-repeat center/ 18px;animation-delay:0.5s;}
.charArea.type01 .aniObj .obj-z:nth-of-type(3) {top:12px;left:26px;width:18px;height:18px;background:url(../images/renew/ani/z-03.png) no-repeat center/ 18px;animation-delay:0s;}
.charArea.type01 .snot {position:absolute;top:40px;left:26px;width:20px;height:20px;background:url(../images/renew/ani/ani-snot.png) no-repeat center/ 20px;transform:scale(0);transform-origin: 0 center;opacity: 0;animation: snot-grow 2.5s infinite ease-in-out; animation-delay:2s; pointer-events: none; }

.charArea.type02 .char {display:block;width:111px;height:111px;background:url(../images/renew/ani/char-02.png) no-repeat center 2px / 78px auto; animation: tilt 2.5s infinite ease-in-out;transform-origin: center bottom;}
.charArea.type02 .obj-book {position:absolute;bottom:12px;display:block;width:111px;height:20px;background:url(../images/renew/ani/char-02-obj-01.png) no-repeat center / contain;}
.charArea.type02 .aniObj .obj-bulb {position:absolute;top:3px;left:3px;display:block;width:20px;height:25px;background:url(../images/renew/ani/char-02-obj-02.png) no-repeat center / cover; animation: bulbMove 4s ease-in-out infinite;}

/* 광선 그룹 */
.charArea.type02 .rays { position: absolute;width:20px; height:25px; inset: 0; transform-origin:center; animation: rayScale 4s ease-in-out infinite;}
.charArea.type02 .rays .ray {position:absolute;inset: 0; transform-origin: center; width:5px; height:5px;background-repeat: no-repeat; background-position: center; background-size: contain;opacity: 0;animation-duration: 4s;animation-iteration-count: infinite;}
.charArea.type02 .rays .r1 {top:12px;left:-3px;background-image:url(../images/renew/ani/char-02-obj-ray-01.png);animation-name: ray1;}
.charArea.type02 .rays .r2 {top:3px;left:0;background-image:url(../images/renew/ani/char-02-obj-ray-02.png);animation-name: ray2;}
.charArea.type02 .rays .r3 {top:0;left:8px;background-image:url(../images/renew/ani/char-02-obj-ray-03.png);animation-name: ray3;}
.charArea.type02 .rays .r4 {top:3px;left:auto;right:0;background-image:url(../images/renew/ani/char-02-obj-ray-04.png);animation-name: ray4;}
.charArea.type02 .rays .r5 {top:12px;left:auto;right:-3px;background-image:url(../images/renew/ani/char-02-obj-ray-05.png);animation-name: ray5;}

.charArea.type03 .char {display:block;width:100px;height:100px;background:url(../images/renew/ani/char-03.png) no-repeat center / contain;}
.charArea.type03 .obj-rock {position:absolute;bottom:25px;right:5px;display:block;width:20px;height:25px;background:url(../images/renew/ani/char-03-obj-01.png) no-repeat center / contain;animation: rockAni 2.9s infinite ease-in-out;}
.charArea.type03 .aniObj .obj-sweat {position:absolute;top:6px;left:18px;display:block;width:8px;height:8px;background:url(../images/renew/ani/char-03-sweat-01.png) no-repeat center / contain;opacity:0;animation: sweatLeft 1.2s infinite ease-in-out;animation-delay:0.2s;}
.charArea.type03 .aniObj .obj-sweat:nth-of-type(2) {top:2px;left:auto;right:24px;background-image:url(../images/renew/ani/char-03-sweat-02.png);animation: sweatRight 1.2s infinite ease-in-out;}
.charArea.type03 .aniObj .obj-sweat:nth-of-type(3) {top:18px;left:17px;background-image:url(../images/renew/ani/char-03-sweat-03.png);animation: sweatLeft 1.2s infinite ease-in-out;}
.charArea.type03 .aniObj .obj-sweat:nth-of-type(4) {top:12px;left:auto;right:18px;background-image:url(../images/renew/ani/char-03-sweat-04.png);animation: sweatRight 1.2s infinite ease-in-out;animation-delay:0.2s;}

.charArea.typePass .char {display:block;width:100px;height:100px;background:url(../images/renew/ani/char-pass.png) no-repeat center bottom 6px / 72px auto;}
.charArea.typePass .obj-medal {position:absolute;top:-40px;left:22px;display:block;width:52px;height:52px;background:url(../images/renew/ani/char-pass-obj-01.png) no-repeat center center / contain;opacity:0;animation: medalAni 2s forwards ease-in-out;}
.charArea.typePass .aniObj .obj-confetti {position:absolute;display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;animation:confettiAni 2s forwards ease-in-out;}
.charArea.typePass .aniObj .obj-confetti.f1 {top:8px;left:7px;background-image:url(../images/renew/ani/char-confetti-01.png);animation: fireworkAnim 1s forwards;animation-delay:0.5s;}
.charArea.typePass .aniObj .obj-confetti.f2 {top:18px;left:22px;;background-image:url(../images/renew/ani/char-confetti-02.png);animation: fireworkAnim 1s forwards;animation-delay:0.7s;}
.charArea.typePass .aniObj .obj-confetti.f3 {top:12px;right:20px;background-image:url(../images/renew/ani/char-confetti-03.png);animation: fireworkAnim 1s forwards;animation-delay:1.2s;}
.charArea.typePass .aniObj .obj-confetti.f4 {top:28px;right:8px;background-image:url(../images/renew/ani/char-confetti-04.png);animation: fireworkAnim 1s forwards;animation-delay:1.5s;}
.charArea.typePass .aniObj .obj-confetti-sm {position:absolute;display:block;width:8px;height:8px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0; animation:confettiAnim 1.5s forwards;} /*  animation: twinkle 3s infinite ease-in-out; */
.charArea.typePass .aniObj .obj-confetti-sm.c1 {background-image:url(../images/renew/ani/char-confetti-obj-01.png); top:32px; left:16px;  animation-duration: 1.4s; animation-delay: 1.1s;}
.charArea.typePass .aniObj .obj-confetti-sm.c2 {background-image:url(../images/renew/ani/char-confetti-obj-02.png); top:12px; left:24px;  animation-duration: 2.8s; animation-delay: 1s;}
.charArea.typePass .aniObj .obj-confetti-sm.c3 {background-image:url(../images/renew/ani/char-confetti-obj-03.png); top:5px;  left:30px;  animation-duration: 1.2s; animation-delay: 1.3s;}
.charArea.typePass .aniObj .obj-confetti-sm.c4 {background-image:url(../images/renew/ani/char-confetti-obj-04.png); top:36px; left:16px;  animation-duration: 1.9s; animation-delay: 1.9s;}
.charArea.typePass .aniObj .obj-confetti-sm.c5 {background-image:url(../images/renew/ani/char-confetti-obj-05.png); top:0px;  left:38px;  animation-duration: 1.5s; animation-delay: 3s;}
.charArea.typePass .aniObj .obj-confetti-sm.c6 {background-image:url(../images/renew/ani/char-confetti-obj-06.png); top:8px;  left:37px;  animation-duration: 2.1s; animation-delay: 2.5s;}
.charArea.typePass .aniObj .obj-confetti-sm.c7 {background-image:url(../images/renew/ani/char-confetti-obj-07.png); top:6px;  right:11px; animation-duration: 1.3s; animation-delay: 1.2s;}
.charArea.typePass .aniObj .obj-confetti-sm.c8 {background-image:url(../images/renew/ani/char-confetti-obj-08.png); top:16px; right:14px; animation-duration: 1.7s; animation-delay: 1.5s;}
.charArea.typePass .aniObj .obj-confetti-sm.c9 {background-image:url(../images/renew/ani/char-confetti-obj-09.png); top:7px;  right:19px; animation-duration: 2.3s; animation-delay: 1s;}
.charArea.typePass .aniObj .obj-confetti-sm.c10 {background-image:url(../images/renew/ani/char-confetti-obj-10.png);top:27px; right:22px; animation-duration: 1.6s; animation-delay: 1.7s;}
.charArea.typePass .aniObj .obj-confetti-left {display:block;width:45px;height:45px;position:absolute;top:-5px;left:-7px;opacity:0;background:url(../images/renew/ani/char-confetti-left.png) no-repeat center / contain;animation: confettiLeft 820ms 200ms cubic-bezier(.22, 1.4, .36, 1) forwards;animation-delay:1s;}
.charArea.typePass .aniObj .obj-confetti-right {display:block;width:45px;height:45px;position:absolute;top:1px;right:3px;opacity:0;background:url(../images/renew/ani/char-confetti-right.png) no-repeat center / contain;animation: confettiRight 820ms 260ms cubic-bezier(.22, 1.4, .36, 1) forwards;animation-delay:1.5s;}

/* Lottie */
.charArea.typePass #lottie-confetti {position:absolute;top:-66px;right:-40px;width:180px;height:180px;z-index:1;}

/* 팝업 Lottie */
.pop_top.reward {padding-bottom:24px;}
.pop_top.reward #lottie-reward {width:160px;height:160px;position:absolute;top:-80px;left:50%;margin-left:-80px;}
.pop_top.reward #lottie-reward-confetti {width:160px;height:160px;position:absolute;top:-165px;left:50%;margin-left:-80px;}

/* 팝업 애니메이션 */
.pop_body .aniBox {display:block;width:96px;height:96px;margin:24px auto 16px;}
.pop_body .aniBox .pop_reward {display:block;width:100%;height:100%;}
.pop_body .aniBox .piggybank {display:block;width:100%;height:100%;background:url(../images/renew/ani/ani-obj-piggybank.png) no-repeat bottom center / 105px auto;z-index: 2;transform-origin: bottom center;/* animation: pigWiggle 3s ease-in-out infinite; */}
.pop_body #lottie-coin {position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:265px;height:265px;}

/* 하단 탭바 */
.fixedBottom {position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;transform: translateY(0);transition:transform 0.25s ease; z-index:10;will-change:transform;}
.fixedBottom .tabBar {height:64px;display: flex; flex:1; max-width:750px; background: #fff; border-top: 1px solid #e5e5e5; transition: transform 0.25s ease; transform: translateY(0); z-index: 1000; }
.fixedBottom.tabBarHidden,
.tabBarHidden .fixedBottom { transform: translateY(100%); }
.fixedBottom .tabBar .tabItem { flex: 1; background: none; border: none; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #222; font-size: 12px; gap:2px; }
.fixedBottom .tabBar .tabIcon { width:24px;height:24px; margin-bottom: 2px; background:url(../images/renew/ico-video.svg) no-repeat center center / 24px 24px; }
.fixedBottom .tabBar .tabIcon.video {background-image:url(../images/renew/ico-video.svg)}
.fixedBottom .tabBar .tabIcon.note {background-image:url(../images/renew/ico-note.svg)}
.fixedBottom .tabBar .tabIcon.home {background-image:url(../images/renew/ico-home.svg)}
.fixedBottom .tabBar .tabIcon.reward {background-image:url(../images/renew/ico-reward.svg)}
.fixedBottom .tabBar .tabIcon.profile {background-image:url(../images/renew/ico-profile.svg)}
.fixedBottom .tabBar .tabItem.on .tabIcon.video {background-image:url(../images/renew/ico-video-on.svg)}
.fixedBottom .tabBar .tabItem.on .tabIcon.note {background-image:url(../images/renew/ico-note-on.svg)}
.fixedBottom .tabBar .tabItem.on .tabIcon.home {background-image:url(../images/renew/ico-home-on.svg)}
.fixedBottom .tabBar .tabItem.on .tabIcon.reward {background-image:url(../images/renew/ico-reward-on.svg)}
.fixedBottom .tabBar .tabItem.on .tabIcon.profile {background-image:url(../images/renew/ico-profile-on.svg)}
.fixedBottom .tabBar .tabLabel {color:#222;font-size:12px;line-height:17px;}

/* zzz */
@keyframes zzzAni {
  0% { opacity: 0; transform: translateX(5px) scale(0.9); }
  20% { opacity: 1; }
  60% { opacity: 1; transform: translate(10px -14px) scale(1); }
  100% { opacity: 0; transform: translate(15px -24px) scale(1.1); }
}

/* 콧물 */
@keyframes snot-grow {
  0% { transform: scale(0); opacity: 0; }
  /* 20% { transform: scale(1); opacity: 1; } */
  40% { transform: scale(1.6, 1.6); opacity: 1; }
  80% { transform: scale(0); opacity: 0; }
  100% { transform: scale(0); opacity: 0; }
}

/* 갸우뚱 */
@keyframes tilt {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-8deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}

/* 주먹 */
@keyframes rockAni {
  0%   { transform: translateY(0); }
  9%  { transform: translateY(-22px); }
  18%  { transform: translateY(0); }
  23%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

/* 땀방울 */
@keyframes sweatLeft {
  0%   { transform: translateX(0) scale(0.6); opacity: 0; }
  10%  { transform: translateX(-2px) scale(0.8); opacity: 1; }
  30%  { transform: translateX(-4px) scale(1); opacity: 1; }
  50%  { transform: translateX(-6px) scale(0.9); opacity: 0.8; }
  70%  { transform: translateX(-9px) scale(0.8); opacity: 0.6; }
  100% { transform: translateX(-12px) scale(0.7); opacity: 0; }
}

@keyframes sweatRight {
  0%   { transform: translateX(0) scale(0.6); opacity: 0; }
  10%  { transform: translateX(2px) scale(0.8); opacity: 1; }
  30%  { transform: translateX(4px) scale(1); opacity: 1; }
  50%  { transform: translateX(6px) scale(0.9); opacity: 0.8; }
  70%  { transform: translateX(9px) scale(0.8); opacity: 0.6; }
  100% { transform: translateX(12px) scale(0.7); opacity: 0; }
}

/* 광선 커졌다가 사라짐 */
@keyframes rayScale {
  0%, 25%   { opacity: 0; transform: scale(1); }
  26%, 82%  { opacity: 1; transform: scale(1); }   
  88%       { opacity: 1; transform: scale(1.3); }
  95%       { opacity: 0.5; transform: scale(0.5); }
  100%      { opacity: 0; transform: scale(0); }
}

/* 광선 순차 점등 */
@keyframes ray1 { 0%, 25% { opacity: 0; } 26%, 100% { opacity: 1; } }
@keyframes ray2 { 0%, 30% { opacity: 0; } 31%, 100% { opacity: 1; } }
@keyframes ray3 { 0%, 35% { opacity: 0; } 36%, 100% { opacity: 1; } }
@keyframes ray4 { 0%, 40% { opacity: 0; } 41%, 100% { opacity: 1; } }
@keyframes ray5 { 0%, 45% { opacity: 0; } 46%, 100% { opacity: 1; } }
@keyframes ray6 { 0%, 50% { opacity: 0; } 51%, 100% { opacity: 1; } }

/* 전구 통통 */
@keyframes bulbMove {
  0%   { transform: translateY(0);opacity:1; }
  10%  { opacity: 1; }
  25%  { transform: translateY(-5px); }
  65%  { transform: translateY(-5px); }
  80%  { transform: translateY(0); }
  100% { opacity:1;}
}

/* 메달 */
@keyframes medalAni {
  0%  {top:-40px;opacity:0;}
  40% {top:13px;opacity:1;}
  100% {top:13px;opacity:1;}
}

@keyframes bounce {
  0%   { transform: translateX(-50%) translateY(0); }
  30%  { transform: translateX(-50%) translateY(-20px); }
  50%  { transform: translateX(-50%) translateY(0); }
  70%  { transform: translateX(-50%) translateY(-10px); }
  100% { transform: translateX(-50%) translateY(0); }
}

@keyframes confettiLeft {
  0% { transform: translate(-20px, -20px) scale(0.2); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translate(0, 0) scale(1); opacity: 1; }
}

@keyframes confettiRight {
  0% { transform: translate(20px, -20px) scale(0.2); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: translate(0, 0) scale(1); opacity: 1; }
}
/* 20260206 추가 [E] */

/* 20260306 추가 */
.pop_body .bTit.type2 {font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:-0.3px;}
.pop_body .scroll_area {overflow-x:hidden}
.pop_body .infoArea {display:flex;flex-direction:column;gap:8px;align-items:center;margin-bottom:16px;}
.pop_body .infoArea .infoTit {font-size:1.125rem;font-weight:600;text-align:center;}
.pop_body .infoArea .subDesc {color:#606366;font-size:0.875rem;font-weight:400;text-align:center;line-height:1.6;}
.pop_body .infoArea .subDesc strong {font-weight:600;}
.pop_body .infoArea .ico {position:relative;width:120px;height:120px;margin-bottom:8px;}
.pop_body .infoArea .ico.present {background:url(../images/renew/reward_popup_present.png) no-repeat center / contain;}
.pop_body .infoArea .ico.check {background:url(../images/renew/ani/reward_popup_check_bg.png) no-repeat center / contain;}
.pop_body .infoArea .ico.exclamination {position:relative;width:75px;height:69px;background:url(../images/renew/ani/reward_popup_exclamation_bg.png) no-repeat center / contain;}
.btnBox {display:flex;width:100%;padding:8px 24px;border-radius:12px;background:rgba(255,255,255,.9);}
.btnTxt {display:flex;flex-direction:column;width:100%;text-align:left;padding:0;font-size:0.875rem;border:0;}
.btnTxt > * {line-height:1.375rem;}
.btnTxt .hasArrow {color:#222;font-weight:600;padding-right:16px;background:url(../images/renew/ico-arrow-sm.svg) no-repeat right center / 16px;}
.missionArea .section.top .listBox {margin:0;border-radius:0;}
.missionArea .section.top .listBox .rowList {padding:10px 0 0;}
.missionArea .section.top .listBox + .btnBox {margin-top:28px;}
.hasEmoji {display:flex;align-items:center;gap:2px;}
.emoji {display:inline-flex;width:20px;height:20px;background:url(../images/renew/emoji_01.png) no-repeat center / contain;}
.emoji.state_01 {background-image:url(../images/renew/emoji_01.png);}
.tooltipWrap { position:relative;display:inline-flex;z-index:1;align-items:center;flex-wrap:wrap;color:inherit;font-size:1rem;}
.tooltipWrap .tooltipBtn {width:20px;height:20px;margin-left:4px;border:none;cursor:pointer; padding:0; background:transparent url("../images/renew/ico_tooltip.png") no-repeat center / contain;}
.tooltipWrap .tooltipBox { position:absolute;top:30px; left:0; width:calc(100vw - 91px); max-width:260px; padding:10px 20px; background:#ffe6e2; color:#222;font-size:0.875rem;line-height:18px;border-radius:8px;opacity:0;transform:translateY(-6px); pointer-events:none; transition:all .25s ease; }
.tooltipWrap .tooltipBox::before{ content:""; position:absolute; top:-6px; left:138px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid #ffe6e2; }
.tooltipWrap.open .tooltipBox{ opacity:1; transform:translateY(0); pointer-events:auto; }
.surveyArea {position:relative;border-top:1px solid #d2d6da;margin-bottom:16px;}
.surveyArea .surveyItem {display:flex;flex-direction:column;gap:16px;padding:16px 0;border-bottom:1px solid #d2d6da;font-size:1rem;color:#222;}
.surveyArea .surveyItem .question {font-size:1rem;font-weight:600;color:#222;}
.surveyArea .surveyItem .options {display:flex;flex-direction:column;gap:20px;color:#222;letter-spacing:-0.3px;}
.surveyArea .surveyItem .options label{ display:block;cursor:pointer; }

.stampArea { display:flex;justify-content:flex-end;}
.stampArea .nameStamp {display:flex;flex-direction:column;width:120px; height:120px; border:0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.875rem; color:#222; padding:20px; background:url(../images/renew/name_stamp_bg.png) no-repeat center center / contain; transform:rotate(15deg);opacity:0;margin-top:-25px;}
.stampArea .nameStamp.show{ animation:stampPress 0.55s cubic-bezier(.33,.9,.4,1) forwards; }
.stampArea .nameStamp .name {color:#606366;}

@keyframes stampPress{
  0%{
    transform:rotate(12deg) scale(1.05);
    opacity:0;
  }

  60%{
    transform:rotate(12deg) scale(0.97);
    opacity:1;
  }

  100%{
    transform:rotate(12deg) scale(1);
    opacity:1;
  }
}

.todayChk.footer {padding:0 24px 20px;margin:0;justify-content: flex-end;}
.quizArea {margin:16px 0;border-top:1px solid #d2d6da;}
.quizArea.no{position:relative;}
.quizArea.no:before{display:block;content:"";width:100%;height:1px;background:#d2d6da;top:-8px;left:0;right:0;}
.quizArea .quiz {list-style:none; padding:0; margin:0; counter-reset:question; }
.quizArea .quiz .quizItem {counter-increment:question; display:flex;flex-direction:column; flex-wrap:wrap; padding:16px 0;border-bottom:1px solid #d2d6da;}
.quizArea .quiz .question {display:flex;font-size:1rem;font-weight:600;line-height:1.7;letter-spacing:-0.3px;flex:1;margin-bottom:16px;}
.quizArea .quiz .quizItem .question::before { content:counter(question) "."; width:1.5rem; font-weight:600;flex-shrink:0;}
.quizArea .quiz .quizItem .form_item {padding-bottom:0;}
.quizArea .quiz .answers{display:flex;flex-direction:column;gap:20px;width:100%; list-style:none; padding:0; margin:0; }
.quizArea .quiz .answerItem,
.quizArea .quiz .answerLabel { display:flex;align-items:center;font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:-0.3px;cursor:pointer;}
.quizArea .quiz .answerBox {display:block;width:100%;min-height:56px;word-break:break-all;letter-spacing:-0.3px;font-size:1rem;font-weight:400;line-height:140%;color:var(--label-color);padding:1rem;border-radius:0.75rem;border:1px var(--inp-border) solid;background-color:var(--btn-disabled-bgcolor);resize:none;}
.chk_item.chk_square label {cursor: pointer;min-height:24px;display: flex;align-items: center;}
.chk_item.chk_square label::before {top:0;transform: translateY(0);width:24px;height:24px;border-radius:6px;background:#d2d6da url(../images/renew/chk_square_off.png) no-repeat center / contain; border:0;}
.chk_item.chk_square input[type=checkbox]:checked + label::before {background:#ef3b24 url(../images/renew/chk_square_on.png) no-repeat center / contain;}
.check-draw { position:absolute; right:11px; bottom:20px; width:40px; height:40px; transform-origin:center; animation:bounceLoop 3.6s ease infinite; }
.check-draw path { stroke:#fff; stroke-width:8; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:100; stroke-dashoffset:100; animation:drawLoop 3.6s ease infinite; }
.check-circle { position:absolute; width:43px; height:43px; right:10px; bottom:19px; border-radius:50%; background:url(../images/renew/ani/check-circle.png) no-repeat center / contain; transform-origin:center; transform:scale(0); opacity:0; animation:circleAnim 3.6s cubic-bezier(.34,1.56,.64,1) infinite; }

@keyframes circleAnim {

  0%{
    transform:scale(0);
    opacity:0;
  }

  12%{
    transform:scale(1.12);
    opacity:1;
  }

  18%{
    transform:scale(1);
  }

  80%{
    transform:scale(1);
    opacity:1;
  }

  100%{
    transform:scale(0);
    opacity:0;
  }

}

@keyframes drawLoop {

  0%{
    stroke-dashoffset:100;
  }

  22%{
    stroke-dashoffset:100;
  }

  42%{
    stroke-dashoffset:0;
  }

  58%{
    stroke-dashoffset:0;
  }

  74%{
    stroke-dashoffset:100;
  }

  100%{
    stroke-dashoffset:100;
  }

}

@keyframes bounceLoop {
  0%,42%{
    transform:scale(1);
  }

  48%{
    transform:scale(1.12);
  }

  55%{
    transform:scale(.96);
  }

  63%{
    transform:scale(1.08);
  }

  70%{
    transform:scale(1);
  }

  100%{
    transform:scale(1);
  }
}

.aniGift {position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8px;}
.aniGift .gift {position:relative;width:120px;height:120px;animation:boxBounce 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; }
.aniGift .box {position:absolute;bottom:0;width:120px;height:120px;background: url(../images/renew/ani/gift-box.png) no-repeat bottom center/ 68px auto; z-index: 2; }
.aniGift .lid {position:absolute;width:70px;height:54px;background:url(../images/renew/ani/gift-lid.png) no-repeat center / 70px auto; top:20px;left:20px;transform-origin:left bottom; z-index: 1; animation: lidAction 3s ease-in-out infinite; }
.aniGift .money {position:absolute; width:65px; height:56px; background:url(../images/renew/ani/gift-money.png) no-repeat bottom right / contain;left:28px;top:38px;opacity:0;z-index:3; animation: moneyAction 3s ease-in-out infinite; }
.aniGift .confetti, .aniGift .obj-gift {position:absolute;width:16px;height:16px;z-index:4;opacity:0;top:60px;left:55px;animation-duration:3s;animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); background-repeat:no-repeat; background-size:contain; background-position:center; }
.aniGift .c1 {width:8px;height:16px;background-image: url(../images/renew/ani/gift-confetti-01.png);animation-name: confettiMove1; animation-delay: 0.35s; }
.aniGift .c2 {width:12px;height:13px;background-image: url(../images/renew/ani/gift-confetti-02.png); animation-name: confettiMove2; animation-delay: 0.45s; }
.aniGift .c3 {width:13px;height:8px;background-image: url(../images/renew/ani/gift-confetti-03.png); animation-name: confettiMove3; animation-delay: 0.4s; }
.aniGift .c4 {width:15px;height:11px;background-image: url(../images/renew/ani/gift-confetti-04.png); animation-name: confettiMove4; animation-delay: 0.5s; }
.aniGift .c5 {width:13px;height:7px;background-image: url(../images/renew/ani/gift-confetti-05.png); animation-name: confettiMove5; animation-delay: 0.55s; }
.aniGift .g1 {width:19px;height:10px;background-image: url(../images/renew/ani/obj-gift-01.png); animation-name: confettiMove6; animation-delay: 0.38s; }
.aniGift .g2 {width:18px;height:15px;background-image: url(../images/renew/ani/obj-gift-02.png); animation-name: confettiMove7; animation-delay: 0.52s; }
.aniGift .g3 {width:14px;height:14px;background-image: url(../images/renew/ani/obj-gift-03.png); animation-name: confettiMove8; animation-delay: 0.42s; }
.aniGift .g4 {width:15px;height:15px;background-image: url(../images/renew/ani/obj-gift-04.png); animation-name: confettiMove9; animation-delay: 0.58s; }
.aniGift .g5 {width:15px;height:15px;background-image: url(../images/renew/ani/obj-gift-05.png); animation-name: confettiMove10; animation-delay: 0.46s; }

@keyframes boxBounce {
    0%, 15%, 85%, 100% { transform: scale(1) translateY(0); }
    22% { transform: scale(1.15, 0.8) translateY(0); }
    35% { transform: scale(0.9, 1.15) translateY(-25px); }
    48% { transform: scale(1.1, 0.95) translateY(0); }
    62% { transform: scale(0.98, 1.02) translateY(-10px); }
    75% { transform: scale(1) translateY(0); }
}

@keyframes lidAction {
    0%, 18% { transform: translateY(-5px) translateX(-5px) rotate(0); }
    38% { transform: translateY(-15px) translateX(-18px) rotate(-60deg); }
    52% { transform: translateY(-5px) translateX(-10px) rotate(-30deg); }
    65% { transform: translateY(-12px) translateX(-12px) rotate(-45deg); }
    85%, 100% { transform: translateY(-5px) translateX(-5px) rotate(0); }
}

@keyframes moneyAction {
    0%, 25% { opacity: 0; transform: scale(0.5) translateY(10px); }
    42% { opacity: 1; transform: scale(1.1) translateY(-15px) rotate(-10deg); }
    65% { opacity: 1; transform: scale(1) translateY(-10px) rotate(5deg); }
    88% { opacity: 1; transform: scale(1) translateY(-10px) rotate(5deg); }
    92%, 100% { opacity: 0; transform: scale(0.5) translateY(5px); }
}

@keyframes confettiMove1 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(-100px, -120px) scale(1.2) rotate(360deg); opacity: 1; } 78% { transform: translate(-48px, -70px) scale(1) rotate(720deg); opacity: 1; } 90%, 100% { transform: translate(-48px, -70px) scale(0); opacity: 0; } }
@keyframes confettiMove2 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(-80px, -80px) scale(1.1) rotate(-180deg); opacity: 1; } 78% { transform: translate(-75px, -10px) scale(1) rotate(-400deg); opacity: 1; } 90%, 100% { transform: translate(-75px, -10px) scale(0); opacity: 0; } }
@keyframes confettiMove3 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(-25px, -50px) scale(1.2) rotate(200deg); opacity: 1; } 78% { transform: translate(-55px, 5px) scale(1) rotate(600deg); opacity: 1; } 90%, 100% { transform: translate(-55px, 5px) scale(0); opacity: 0; } }
@keyframes confettiMove4 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(90px, -60px) scale(1.2) rotate(360deg); opacity: 1; } 78% { transform: translate(52px, 0px) scale(1) rotate(1440deg); opacity: 1; } 90%, 100% { transform: translate(52px, 0px) scale(0); opacity: 0; } }
@keyframes confettiMove5 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(70px, -40px) scale(1.2) rotate(-240deg); opacity: 1; } 78% { transform: translate(48px, 20px) scale(1) rotate(-900deg); opacity: 1; } 90%, 100% { transform: translate(48px, 20px) scale(0); opacity: 0; } }
@keyframes confettiMove6 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(50px, -110px) scale(1.1); opacity: 1; } 78% { transform: translate(40px, 30px) scale(1) rotate(720deg); opacity: 1; } 90%, 100% { transform: translate(40px, 30px) scale(0); opacity: 0; } }
@keyframes confettiMove7 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(-60px, -90px) scale(1.2); opacity: 1; } 78% { transform: translate(-44px, 14px) scale(1) rotate(-1080deg); opacity: 1; } 90%, 100% { transform: translate(-44px, 14px) scale(0); opacity: 0; } }
@keyframes confettiMove8 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(90px, -80px) scale(1.2); opacity: 1; } 78% { transform: translate(20px, -40px) scale(1) rotate(800deg); opacity: 1; } 90%, 100% { transform: translate(20px, -40px) scale(0); opacity: 0; } }
@keyframes confettiMove9 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(35px, -110px) scale(1.1); opacity: 1; } 78% { transform: translate(5px, -70px) scale(1) rotate(-1100deg); opacity: 1; } 90%, 100% { transform: translate(5px, -70px) scale(0); opacity: 0; } }
@keyframes confettiMove10 { 0%, 28% { transform: translate(0, 0) scale(0); opacity: 0; } 48% { transform: translate(-90px, -100px) scale(1.2); opacity: 1; } 78% { transform: translate(-70px, -65px) scale(1) rotate(1800deg); opacity: 1; } 90%, 100% { transform: translate(-70px, -65px) scale(0); opacity: 0; } }

.ico .ani-exclamation{ position:absolute; right:-15px; top:24px; width:27px; height:27px; background:url(../images/renew/ani/reward_exclamation.png) no-repeat center / 27px auto; animation:mark-bounce 1s ease infinite; animation-delay:.15s; }

@keyframes mark-bounce{
  0%{
    transform:translateY(0) scale(1,1);
  }

  25%{
    transform:translateY(-14px) scale(1.05,.95);
  }

  50%{
    transform:translateY(0) scale(.95,1.05);
  }

  75%{
    transform:translateY(-6px) scale(1.02,.98);
  }

  100%{
    transform:translateY(0) scale(1,1);
  }
}

@media (max-width: 350px) {
  .tooltipWrap .tooltipBox::before {left:123px;}
  .tooltipWrap .tooltipBox {max-width:230px;}
}

@media (max-width: 320px) {
  .planStampList {column-gap:12px;}
  .planStampList > li {width:110px;}
  .planStampList > li .stampItem,
  .planStampList > li .stampItem .stamp {width:110px;height:110px;}  
}

@media (max-width: 300px) {
  .planStampList {justify-content: center;}
  .planStampList > li {width:100%;}
  .planStampList > li::after,
  .planStampList > li:nth-child(2n)::after {top:100%;left:0;right:auto;width:100%;transform: rotate(90deg) translate(0, -8px);}
  .planStampList > li .stampItem .chip_reward {width:calc(100% + 10px);}
  .charArea,
  .charArea.type01 .char,
  .charArea.type02 .char,
  .charArea.type03 .char,
  .charArea.type04 .char,
  .charArea.typePass .char {width:80px;height:80px;}
  .charArea.type01 .aniObj {top:-5px;left:-18px;}
  .charArea.type01 .snot {top:32px;left:18px;}
  .charArea.type02 .obj-book {width:80px;bottom:0;}
  .charArea.type02 .aniObj .obj-bulb {left:-10px;}
  .charArea.typePass .obj-medal {width:40px;height:40px;left:18px;}
  .charArea.typePass #lottie-confetti {width:180px;height:180px;}
  .charArea.typePass {margin-top:-10px;margin-bottom:10px;}
  .charArea.typePass .char {margin-top:10px;}
  .charArea.typePass .aniObj .obj-confetti-left,
  .charArea.typePass .aniObj .obj-confetti-right {width:35px;height:35px;top:0;}
  .tooltipWrap .tooltipBox {width:calc(100vw - 50px)}
  .btnArea .btnGroup .btnPrimaryLine {padding:14px;}
  .pointArea .box span.sum.type2 {align-self: flex-end;}
  .pointArea .box span.sum.type2 strong {margin-top:1px;}
  .missionArea.pop_type .section.top .titDesc .dashList > li {line-height:1.2;}
  .planInfoBox .box,
  .screps_examList .box{padding:1rem;}
  .planArea .planTxt br {display:none;}
  .popup.normal .pop_body {padding:1.25rem;}
}