@charset "UTF-8";
/* fonts  */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500; 
  src: url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
} 

/* 20260206 추가 [S] */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600; 
  src: url("../font/Pretendard-SemiBold.woff2") format("woff2"), url("../font/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Jalnan Gothic';
  src: url('../font/JalnanGothic.woff') format('woff');
  font-style: normal;
  font-weight: 400;
}
/* 20260206 추가 [E] */

/* variables */
/* 공통 변수 */
:root {
  --header-border: #ef3b24; /* header의 border */
  --header-bgcolor: #ffffff; /* header의 background */
  --body-bgcolor: #ffffff; /* body background */
  --gray-bgcolor: #f7f8f9; /* gray background */
  --base-fcolor: #222; /* 기본 font color */
  --fc-gray: #4c4c4c; /* 보조 font color */
  --fc-red: #ef3b24; /* 강조 문구 font color */
  --fc-white: #ffffff; /* 흰색 font color */
  --error-fcolor: #ef3b24; /* 에러 문구 font color */
  --sub-fcolor: #606366; /* 보조 문구 font color */
  --gnb-dt-color: #515151; /* GNB 메뉴 항목명 color */
  --border-color: #ebebeb; /* box/list 등의 border color */
  --border2-color: #ddd;
  --border-color-my: #515151; /* 마이페이지 border color */
  --kakao-color: #fee500; /* kakao color */
  --day-sat: #0c68f0; /* saturday */
  --day-sun: #ef3b24; /* sunday */
  --btn-ok-fcolor: #ffffff; /* ok 버튼 font color */
  --shadow-color: rgba(31,31,31,0.06); /* shadow color */
  --progress-bar-bg: #ddd; /* progress bar bg */
  /* --btn-ok-bgcolor: linear-gradient(92deg, #ef3b24 22.89%, #e42109 79.3%); */ /* 기본 button background */
  --btn-ok-bgcolor:#ef3b24;
  /* --btn-line-bgcolor: linear-gradient(119deg, #393939 19.72%, #313030 90.14%); */ /* line button background */
  --btn-line-color:#b4b8bd;
  --btn-line-bgcolor:#fff;
  /* --btn-cancel-bgcolor: #999; */ /* cancel button background */
  --btn-cancel-bgcolor:#fff;
  --btn-disabled-bgcolor: #f7f8f9; /* disabled buttno background */
  --btn-disabled-font-color: #8c9094; /* disabled buttno font */
  --inp-border: #dfe3e6; /* input box border-color */
  --inp-focus: #222; /* input box focus */
  --inp-error: #ef3b24; /* input box focus */
  --label-color: #606366; /* label color */
  --inp-shadow: rgba(31,31,31,0.17); /* shadow color */
  --placeholder-color: #8c9094; /* placeholder color */
  --readonly-fc: #8c9094; /* readonly font color */
  --disabled-color: #dfe3e6; /* disabled font color */
  --list-dot-color: #222; /* list dot */
  --list-dot2-color: #999; /* list dot2 */
  --list-fcolor: #606366; /* list font color */
  --cal-today-bg: #fef0ed; /* calendar today */
  --cal-exam-bg: #ef3b24; /* calendar 시험 */
  --cal-terminate-bg: #0c68f0; /* calendar 접수 마감 */
  --popup-handle-color: #666; /* bottom-up popup handle */
  --popup-bgcolor: #ffffff; /* popup background */
  --dim-color: rgba(0,0,0,0.6); /* popup dimmed */
  --test-accept-bg: #fef0ed; /* 시험문제 정답 background */
  --test-fail-bg: #353535; /* 시험문제 오답 background */
  --accent01-color: #08a345;
  --accent02-color: #0898a3;
  --accent03-color: #0868a3;
  /* partner */
  --gray600:#606366;

  --White:#fff;
  --100: white;
  --meritz-black: #222;
  --accent-light: #ffe6ed;
  --600: #888;
  --merits-gray: #f8f9fd;
  --meritz-gray-2: #f7f8fa;
  --700: #455366;
  --meritz-red: #ee2d20;
  --400: #ebebeb;
  --gray-text: var(--meritz-gray-2);
  --800: #263142;
  --Primary: #ef3b24;
  --Primary2: #fef0ed;
}

/* common */
* {
  font-family: "Pretendard", "Malgun Gothic", "Apple SD Gothic Neo", Arial, Helvetica, sans-serif;
  font-style: normal;
  color: var(--base-fcolor);
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

html, body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: var(--base-fcolor);
  line-height: 20px;
  letter-spacing: 0;
  background: var(--body-bgcolor);
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-overflow-scrolling: auto;
  -webkit-user-select: none;
}

/* flip폰 대응 20250409 */
/* html {scroll-behavior: smooth;} */

html {scroll-behavior: auto;}


body {overscroll-behavior: none; touch-action: pan-y;}

input, button, select, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

button {
  line-height: normal;
  background: none;
  cursor: pointer;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  width: 0;
  height: 0;
  font-size: xx-small;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover, a:active, a:visited, a:link, a:focus {
  color: inherit;
  text-decoration: none;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

i, em {
  font-style: normal;
}

ol, ul, dl, li, dt, dd {
  position: relative;
  display: block;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

.hidden {
  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;
}

.hide {
  display: none !important;
}

.txt_l {
  text-align: left !important;
}

.txt_r {
  text-align: right !important;
}

.txt_c {
  text-align: center !important;
}

.txt_red{
  color: var(--fc-red) !important;
}

.txt_black{
  color: var(--base-fcolor) !important;
}

.underline {
  font-size: inherit;
  text-decoration: underline;
}

.f_space {
  flex-grow: 1;
}

.space_ml {
  margin-left: 4px;
}

.bottom_space {
  margin-bottom: 40px;
}
.mgt32{
  margin-top: 32px !important;
}
.pdt0{
  padding-top: 0 !important;
}


/* skip */
.skipnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  line-height: 0;
}
.skipnav a {
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  display: block;
}
.skipnav a:active, .skipnav a:focus, .skipnav a:hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px;
  border: 1px solid #000;
  background: #333;
  color: var(--base-fcolor);
  font-size: 16px;
  text-align: center;
  line-height: 100%;
}

/* loading */
.loading-container {
  display: none;
  cursor: wait;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
}
.loading-container .loading-text {
  display: none;
}
.loading-container .loading-dimmed {
  width: 100%;
  height: 100%;
  background: var(--dim-color);
}
.loading-container .loading-spinner {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background-image: url("../images/spinner.gif");
  background-size: 100%;
  background-repeat: no-repeat;
}

.loading-active .loading-container {
  display: block;
}

/* loading-main */
.loading-main-active .block-ui-container{
  opacity:1;
}
#loadingMain {
	display:none;
}
#loadingMain.on {
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  z-index:99999;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
#loadingMain.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;
}
#loadingMain.on svg{
	width:180px !important;
	height:260px !important;
}

/* layout */
#Wrap {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#Header {
  position: fixed;
  display: flex;
  align-items: center;
  /* justify-content: space-between; 20250624 삭제 */
  left: 0;
  top: 0;
  right: 0;
  height: 3.5rem;
  background: var(--header-bgcolor);
  z-index: 10;
  padding-top:0;
}




#Header.step{
  align-items: end;
  padding: 16px 16px 0 0;
}


#Container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#Container .contents {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 3.5rem 1.5rem 5rem 1.5rem;
}

#Container .contents.video {
  padding-left:0;
  padding-right:0;
  overflow-x: hidden;
  padding-top:7rem;
}

#Container .contents.video .floating_bottom {
  height:auto
}

#Container .contents.video.add .floating_bottom {
  /* height:5.5rem; */
  margin-top:0;
}
#Container .contents.video.add {
  padding-top:3.5rem;
  background-color: #fff;
  padding-bottom:5.5rem;
}

#Container .contents.video.add .mock_exam {
  padding-top:0;
}
#Container .contents.video.add .mock_exam.bg{background:#fff;}

#Container .contents.video.add .mock_exam.bg .video_list {
  padding-top:12.063rem;
  background-color: #fff;
}
/* header */
#Header h1 {
  position: relative;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-left: 24px;
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#Header.step h1{
  margin-left: 16px;
}
#Header .left_btns +  h1{
  margin-left: 8px;
}
#Header h1 > .timer {
  display: inline-block;
  color: var(--fc-red);
  margin-left: 14px;
}
#Header h1 > .timer.test_timer {
  margin-left: 8px;
}
@media (max-width: 280px) {
  #Header h1 > .timer.test_timer {
    margin-left: 4px;
    font-size: 15px;
  }
}
/*
#Header .logo {
  position: relative;
  width: 112px;
  height: 22px;
  margin-left: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='112' height='25' viewBox='0 0 112 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.395 17.245V3.115H9.99V8.47H11.385V1.945H14.625V20.6875L12.2625 21.4975C11.9625 21.6025 11.7375 21.6175 11.5875 21.5425C11.4525 21.4675 11.385 21.28 11.385 20.98V11.485H9.99V17.245H1.395ZM16.425 22.3975C16.125 22.5025 15.9 22.5175 15.75 22.4425C15.615 22.3675 15.5475 22.18 15.5475 21.88V1.6075H18.7875V21.5875L16.425 22.3975ZM6.75 6.04H4.635V14.32H6.75V6.04ZM36.3839 22.3975C35.7839 22.6075 35.4839 22.435 35.4839 21.88V1.6075H38.9039V21.52L36.3839 22.3975ZM22.1414 17.83V8.83H29.0939V5.95H22.1414V3.07H32.5814V11.575H25.6289V14.95H34.2464V17.83H22.1414Z' fill='%231F1F1F'/%3e%3cpath d='M81.56 6.5125L88.6025 12.4075L86.33 14.635L79.7825 9.1225L73.235 14.635L70.9625 12.4075L78.005 6.5125V2.5975H81.56V6.5125ZM69.8375 19.9V16.93H89.7275V19.9H69.8375ZM92.8789 22.15V16.435H104.331V15.715H92.8789V13.1275H98.6164V11.98H90.4039V9.37H104.399V8.4475H92.8339V5.815H104.399V4.9825H92.8789V2.26H107.819V9.37H110.294V11.98H102.081V13.1275H107.819V18.7525H96.3664V19.5625H108.156V22.15H92.8789Z' fill='%231F1F1F'/%3e%3cpath d='M49.9555 13.9359V19.769C49.9555 20.7301 49.5655 21.6014 48.9377 22.2303C48.3079 22.8613 47.4382 23.2499 46.4788 23.2499C44.5579 23.252 43 21.6933 43 19.771L43 11.5853C43.1022 9.92425 45.1753 9.14699 46.3787 10.3505L49.9534 13.9359H49.9555Z' fill='%23EF3B24'/%3e%3cpath d='M58.9996 13.9359V19.769C58.9996 20.7301 59.3896 21.6014 60.0174 22.2303C60.6472 22.8613 61.5169 23.2499 62.4763 23.2499C64.3971 23.252 65.9551 21.6933 65.9551 19.771L65.9551 11.5853C65.8529 9.92425 63.7798 9.14699 62.5764 10.3505L59.0017 13.9359H58.9996Z' fill='%23EF3B24'/%3e%3cpath d='M65.998 4.83254V10.9127C65.9855 9.17434 63.8477 8.34066 62.6193 9.56715L60.1353 12.0598L59.4158 12.7807L59.0425 13.1547L57.0966 15.1041L57.082 15.1229C57.0424 15.1668 57.0007 15.2086 56.959 15.2524C56.2999 15.9106 55.424 16.2303 54.5417 16.2303H54.5021C53.6032 16.2428 52.7085 15.9211 52.0411 15.2524C51.989 15.1981 51.9368 15.1459 51.8889 15.0895L49.9555 13.1568L46.3808 9.57133C45.1523 8.33857 43.0146 9.17434 43 10.9127V4.83254C43 2.93326 44.4787 1.30769 46.3766 1.25128C47.3172 1.22621 48.1744 1.57096 48.8147 2.15809L53.5761 6.93031H53.5782L54.4979 7.85174L55.2175 7.13298L60.1812 2.15809C60.8257 1.57305 61.6849 1.22621 62.6235 1.25128C64.5214 1.30769 65.998 2.93117 65.998 4.83254Z' fill='url(%23paint0_linear_1447_1386)'/%3e%3cpath d='M49.2344 12.432L49.5827 12.7809L54.4984 7.85198L53.1824 6.53564L49.2344 12.432Z' fill='%23A31E0C'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1447_1386' x1='48.2748' y1='4.49581' x2='62.7028' y2='5.24125' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EF3B24'/%3e%3cstop offset='1' stop-color='%23E42109'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: 112px;
  background-position: center center;
  background-position: left center;
}
*/

#Header .left_btns {
  position: relative;
  margin-left: 1.5rem;
  display: flex;
}
#Header .right_btns {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  right: 1.5rem;
  font-size: 0;
  display:flex;
  align-items:center;
}
#Header .right_btns.right_btns_other {
  right: 24px;
  top: calc(50% - 13.5px);
}
#Header button[class^=header_] {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
#Header button[class^=header_] > 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;
}
#Header button.header_prev {
  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='M12 4L4 11.5L12 19' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
}
#Header button.header_help {
/*   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='M3.99689 16.4458L4.07819 16.145L3.92238 15.8751C2.86093 14.0367 2.50401 11.8751 2.91813 9.79308C3.33224 7.71103 4.48914 5.85053 6.17329 4.55822C7.85743 3.2659 9.95395 2.62991 12.0722 2.76874C14.1905 2.90757 16.1861 3.81175 17.6872 5.31282C19.1882 6.81389 20.0924 8.80947 20.2313 10.9278C20.3701 13.046 19.7341 15.1426 18.4418 16.8267C17.1495 18.5109 15.289 19.6678 13.2069 20.0819C11.1249 20.496 8.96328 20.1391 7.12487 19.0776L6.85635 18.9226L6.55675 19.0024L3.38758 19.8469C3.38716 19.847 3.38673 19.8471 3.38631 19.8472C3.35294 19.8557 3.31794 19.8554 3.2847 19.8464C3.25104 19.8373 3.22036 19.8195 3.1957 19.7948C3.17103 19.7701 3.15325 19.7395 3.14411 19.7058C3.13515 19.6728 3.1348 19.6381 3.14307 19.605L3.99689 16.4458Z' fill='white' stroke='%231F1F1F' stroke-width='1.5'/%3e%3cpath d='M11.5012 17.4854C12.2095 17.4854 12.7837 16.9112 12.7837 16.2029C12.7837 15.4946 12.2095 14.9204 11.5012 14.9204C10.7929 14.9204 10.2188 15.4946 10.2188 16.2029C10.2188 16.9112 10.7929 17.4854 11.5012 17.4854Z' fill='%23EF3B24'/%3e%3cpath d='M12.0814 6.51538H10.9186C10.1658 6.51538 9.44381 6.81445 8.91147 7.34679C8.37914 7.87913 8.08008 8.60115 8.08008 9.35399V9.9354C8.08008 10.1622 8.17016 10.3796 8.3305 10.54C8.49084 10.7003 8.70831 10.7904 8.93507 10.7904C9.16183 10.7904 9.3793 10.7003 9.53964 10.54C9.69998 10.3796 9.79006 10.1622 9.79006 9.9354V9.35399C9.79006 9.05467 9.90896 8.7676 10.1206 8.55595C10.3323 8.34429 10.6193 8.22539 10.9186 8.22539H12.0814C12.3464 8.232 12.6007 8.33096 12.8005 8.50516C13.0002 8.67937 13.1328 8.91788 13.1754 9.17948C13.218 9.44108 13.1679 9.70934 13.0337 9.93791C12.8995 10.1665 12.6897 10.341 12.4405 10.4313C11.9174 10.6041 11.4622 10.9377 11.1398 11.3845C10.8174 11.8313 10.6442 12.3684 10.645 12.9194V13.3554C10.645 13.5822 10.7351 13.7996 10.8955 13.96C11.0558 14.1203 11.2733 14.2104 11.5 14.2104C11.7268 14.2104 11.9443 14.1203 12.1046 13.96C12.2649 13.7996 12.355 13.5822 12.355 13.3554V12.9194C12.355 12.7291 12.4155 12.5438 12.5277 12.3901C12.6399 12.2364 12.798 12.1223 12.9792 12.0644C13.6209 11.8511 14.1657 11.4163 14.5161 10.8379C14.8665 10.2596 14.9997 9.57538 14.8917 8.90782C14.7837 8.24026 14.4416 7.63294 13.9267 7.19459C13.4118 6.75623 12.7577 6.51546 12.0814 6.51538Z' fill='%23EF3B24'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center; */
}


#Header.main button.header_alrams{width:2rem;height:2rem;background:url('../images/img_alrams.svg') no-repeat center top;background-size:100% 100%;}
#Header.main button.header_alrams span{display:flex;justify-content:center;align-items:center;opacity:1;position:absolute;top:-1px;right:1px;width:16px;height:16px;border-radius:8px;background:#fff;color:#fff;font-size:10px;line-height:15px;text-align:center;text-indent:0;}
#Header.main button.header_alrams span em{color:#ef3b24;font-size:0.6875rem;font-weight:600;}

#Header.main button.header_alram {width:2rem;height:2rem;background:url('../images/img_alram.svg') no-repeat center top;background-size:100% 100%;}
#Header.main button.header_help {display:block;width:2rem;height:2rem;background:url('../images/img_help.svg') no-repeat center top;background-size:100% 100%;}
#Header.main button.header_menu {width:2rem;height:2rem;background:url('../images/img_menu.svg') no-repeat center top;background-size:100% 100%;}

#Header button.header_menu {width:2rem;height:2rem;background:url('../images/img_menu_black.svg') no-repeat center top;background-size:100% 100%;}
#Header button.header_help {display:none;width:2rem;height:2rem;background:url('../images/img_help_black.svg') no-repeat center top;background-size:100% 100%;}
#Header button.header_alram {width:2rem;height:2rem;background:url('../images/img_alram_black.svg') no-repeat center top;background-size:100% 100%;}



#Header button.header_mypage {
  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='M19.7274 18.4471C19.2716 17.1713 18.2672 16.0439 16.8701 15.2399C15.4729 14.4358 13.7611 14 12 14C10.2389 14 8.52706 14.4358 7.12991 15.2399C5.73276 16.0439 4.72839 17.1713 4.27259 18.4471' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round'/%3e%3ccircle cx='12' cy='8' r='4' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
}
/* 20240227 스탬프 리워드 [S] */
#Header button.header_mystamp {
  width:auto;
  padding:4px 8px;
  background-color:var(--fc-red);
  color:var(--fc-white);
  font-size:12px;
  font-weight:700;
  line-height:16px;
  border-radius:16px;
  vertical-align:top;
}
/* //20240227 스탬프 리워드 [E] */ 
/* 20240430 QR참석 [S] */
#Header button.header_qr {
  width:auto;
  padding:4px 8px;
  background-color:#ffdd00;
  color:#1f1f1f;
  font-size:12px;
  font-weight:700;
  line-height:16px;
  border-radius:16px;
    /*vertical-align:middle;*/ /*20240724 스탬프빼면서 top으로 바꿈*/
  vertical-align:top;
}
/* //20240430 QR참석 [E] */ 
#Header .right_btns button:not(:first-child) {
  margin-left: 0.5rem;
}
#Header.main {
  border-bottom: 1px var(--header-border) solid;
}
#Header.main .left_btns {
  display: none;
}

/* floating bottom */
.floating_bottom {
  position: relative;
  height: 92px;
  margin-top: 40px;
}
.floating_bottom > .inner {
  position: fixed;
  z-index: 8;
  display: flex;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 24px;
  background-color: var(--body-bgcolor);
}
.floating_bottom > .inner.shadow {
  box-shadow: 0 -5px 14px rgba(0, 0, 0, 0.06);
}
.floating_bottom button[class^=btn_] {
  position: relative;
  display: block;
  width: 100%;
  height: 3.5rem;
  border-radius: 0.75rem;
}
.floating_bottom button[class^=btn_] > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1.25rem;
  
}
@media (max-width: 280px) {
  .floating_bottom button[class^=btn_] > span {
    word-break: break-all;
    letter-spacing: -0.3px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .floating_bottom button[class^=btn_] > span {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.floating_bottom button + button {
  margin-left: 10px;
}
.floating_bottom button.btn_ok {
  background: var(--btn-ok-bgcolor);
}
.floating_bottom button.btn_ok span{color:#fff;}
.floating_bottom button.btn_cancel {
  background-color:var(--btn-line-bgcolor);
  border: 1px solid var(--btn-line-color);
}

.floating_bottom button.btn_secondary {
  background-color:var(--btn-line-bgcolor);
  border: 1px solid var(--btn-line-color);
}
button.btn_secondary{
  background-color:var(--btn-line-bgcolor);
  border: 1px solid var(--btn-line-color);
  width:100%;
  height: 3.5rem;
  border-radius:0.5rem;
}

button.btn_secondary.more{height:2.5rem;padding:0 1.25rem;}
button.btn_secondary.more span{font-size:0.875rem;color:#222;}


button.btn_secondary span{color:#222 !important;font-weight:600;font-size:1rem;}

.btn_cancel span, .btn_secondary span{color:#222 !important;font-weight:600;font-size:1rem;}
.btn_ok, .btn_primary span{color:#fff !important;}

.floating_bottom button.btn_primary {
  background: var(--btn-ok-bgcolor);
}
.floating_bottom button.btn_outline {
  background: var(--fc-white);
  border: 2px solid var(--base-fcolor);
  color: var(--base-fcolor);
}
.floating_bottom button.btn_outline span {
  color: var(--base-fcolor);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
@media (max-width: 280px) {
  .floating_bottom button.btn_outline span {
    word-break: break-all;
    letter-spacing: -0.3px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .floating_bottom button.btn_outline span {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.floating_bottom button.btn_outline.dim span {
  color: var(--fc-white);
}
.floating_bottom button:disabled, .floating_bottom button.dim {
  background: var(--btn-disabled-bgcolor) !important;
  border-color: var(--btn-disabled-bgcolor) !important;
  color: var(--btn-disabled-font-color) !important;
}

.floating_bottom button:disabled span, .floating_bottom button.dim span{color: var(--btn-disabled-font-color) !important;}


.floating_bottom > .col2 .btn_cancel {
  width: 33%;
}
.floating_bottom > .col2 .btn_ok {
  width: calc(67% - 10px);
  margin-left: 10px;
}
.floating_bottom > .col3 .btn_secondary {
  width: calc(26% - 10px);
}
.floating_bottom > .col3 .btn_outline {
  width: 48%;
}
.floating_bottom > .col3 .btn_primary {
  width: calc(26% - 10px);
}

/* greeting */
.greeting_wrap {
  position: relative;
  padding: 16px 0 0;
}
.greeting_wrap .greeting_tit {position:relative;word-break: break-all;letter-spacing: 0;font-weight: 600;font-size: 1.5rem;}

/* 합격 */
.greeting_wrap .greeting_tit.accept{padding-right:6.5rem;}
.greeting_wrap .greeting_tit.accept:after{position:absolute;right:0;top:0;display:block;content:"";width:5rem;height:5rem;background:url('../images/img_ico_accept.svg') no-repeat center center;background-size:100% 100%;}

/* 응시중 */
.greeting_wrap .greeting_tit.taking{padding-right:6.5rem;}
.greeting_wrap .greeting_tit.taking:after{position:absolute;right:0;top:0;display:block;content:"";width:5rem;height:5rem;background:url('../images/img_ico_taking.svg') no-repeat center center;background-size:100% 100%;}

/* 불합격 */
.greeting_wrap .greeting_tit.failed{padding-right:6.5rem;}
.greeting_wrap .greeting_tit.failed:after{position:absolute;right:0;top:0;display:block;content:"";width:5rem;height:5rem;background:url('../images/img_ico_failed.svg') no-repeat center center;background-size:100% 100%;}





.greeting_wrap .greeting_tit .subs{
  font-size: 20px;
  font-weight: 500;
}
.greeting_wrap .greeting_tit .subs1{
  font-size: 20px;
  font-weight: 500;
  margin-top: 16px;
}
.greeting_wrap .greeting_tit > strong {
  /* color: var(--fc-red); */
}
.greeting_wrap .sub_info {
  font-size: 1rem;
  color: var(--sub-fcolor);
  margin-top: 0.5rem;
}
.greeting_wrap + * {
  margin-top: 24px;
}

.popup .greeting_wrap {
  padding-top: 0;
  margin-top: -8px;
}

/* paragraph */
.m_tit {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  white-space: nowrap;
}
.m_tit:not(:first-of-type) {
  margin-top: 24px;
}
.m_tit > strong {
  color: var(--fc-red);
}
.m_tit.tit_over_info {
  display: flex;
  align-items: center;
}
.m_tit.tit_over_info span {
  flex-grow: 1;
}
.m_tit.tit_over_info em {
  flex-grow: 0;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--sub-fcolor);
}

.s_tit {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.s_tit:not(:first-of-type) {
  margin-top: 24px;
}

.num_tit {
  position: relative;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--base-color);
  margin-top: 16px;
}

/* menu tree(GNB) */
.gnb_area .dimmed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--dim-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
.gnb_area.open .gnb_wrap {
  /* right: 0; */
  opacity:1;
  z-index: 101;
  visibility: visible;
  overflow-x:hidden;
  overflow-y:auto;
}
.gnb_area.open .gnb_wrap + .dimmed {
  opacity: 1;
  visibility: visible;
}

.gnb_wrap {
  position: fixed;
  top: 0;
  left:0;
  right:0;
  /* right: -100%; */
  bottom: 0;
  width: 100%;
  opacity:0;
  background: #f7f8f9;
  overflow-y: auto;
  transition: all 0.3s ease-in-out;
  
  display: flex;
  flex-direction: column;
  visibility: hidden;
}

.gnb_header {
  position: sticky;
  left: 0;
  top: 0;
  right: 0;
  min-height: 56px;
  background: #f7f8f9;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap:0.5rem;
  padding-left:1.5rem;
  padding-right:1.5rem;
}


.main .gnb_home{display:none;}


.gnb_area.open .gnb_home{display:block;}

.gnb_home{display:block;width:2rem;height:2rem;background:url('../images/img_menu_home.svg') no-repeat center center;background-size:100% 100%;}
.gnb_home span{font-size:0;line-height:0;text-indent:-99999rem;}
.gnb_header .menu_close{display:block;width:2rem;height:2rem;background:url('../images/img_menu_close.svg') no-repeat center center;background-size:100% 100%;}
.gnb_header .menu_close span{font-size:0;line-height:0;text-indent:-99999rem;}


.gnb_cont {
  position: relative;
  padding: 1.5rem 1.5rem 4rem 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.gnb_cont .gnb_greeting {
  position: relative;
  padding: 16px 24px 24px;
  margin: 0 -24px;
}
.gnb_cont .gnb_greeting h1.greeting {
  font-size: 26px !important;
  font-weight: 700;
  line-height: 32px !important;
  margin-left: 0 !important;
  min-height: 64px;
  /* 1109 */
  max-width: 100% !important;
}
.gnb_cont .gnb_greeting h1.greeting strong {color: var(--fc-red);}

.gnb_cont .gnb_greeting .greeting{display:flex;flex-direction:row;justify-content:space-between;}
.gnb_cont .gnb_greeting .greeting .user{display:inline-flex;font-size:1.5rem;color:#222;font-weight:600;}
.gnb_cont .gnb_greeting .greeting button.btn_logout{display:inline-flex;justify-content:center;align-items:center;}
.gnb_cont .gnb_greeting .greeting button.btn_logout span{font-size:0.875rem;font-weight:600;color:#606366;}
.gnb_cont .gnb_greeting .greeting button.btn_logout:after{display:inline-flex;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_menu_arrow.png') no-repeat center center;background-size:100% 100%;}

.gnb_cont .gnb_btns{position: relative;background:#eceff2;padding:1rem 0.5rem;border-radius:1.25rem;margin-bottom:1.75rem;}
.gnb_cont .gnb_btns .box{display: flex;flex-direction:row;justify-content:space-between;}
.gnb_cont .gnb_btns .box button{display:flex;flex-direction:column;align-items:center;gap:0.25rem;flex:1 0 0;}
.gnb_cont .gnb_btns .box button.go_alram:before{display:block;content:"";width:2.063rem;height:2rem;background:url('../images/img_menu_01.png') no-repeat center center;background-size:100% 100%;}
.gnb_cont .gnb_btns .box button.go_help:before{display:block;content:"";width:2.063rem;height:2rem;background:url('../images/img_menu_02.png') no-repeat center center;background-size:100% 100%;}
.gnb_cont .gnb_btns .box button.go_mypage:before{display:block;content:"";width:2.063rem;height:2rem;background:url('../images/img_menu_03.png') no-repeat center center;background-size:100% 100%;}
.gnb_cont .gnb_btns .box button.go_setting:before{display:block;content:"";width:2.063rem;height:2rem;background:url('../images/img_menu_04.png') no-repeat center center;background-size:100% 100%;}
.gnb_cont .gnb_btns .box button span{font-size:0.875rem;font-weight:400;color:#606366;}

.menu_box{display:flex;flex-direction:column;gap:1rem;}
.menu_box > .box{padding:1.5rem 1.25rem 2rem 1.25rem;border-radius:1.25rem;background:#fff;box-shadow:0 10px 20px 0 rgba(179, 179, 179, 0.30);}
.menu_box > .box dt{position:relative;font-size:1.125rem;color:#222;font-weight:600;padding-bottom:1rem;border-bottom:1px solid #eceff2;padding-left:2rem;margin-bottom:1rem;}
.menu_box > .box.type01 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit01.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type02 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit02.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type03 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit03.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type04 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit04.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type05 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit05.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type05 dt:after{position:absolute;right:0;top:3px;display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_menu_arrow.png') no-repeat center center;background-size:100% 100%;}

.menu_box > .box.type06 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.5rem;background:url('../images/img_menu_tit06.svg') no-repeat center center;background-size:100% 100%;}
.menu_box > .box.type07 dt:before{position:absolute;left:0;top:0;display:inline-block;content:"";width:1.5rem;height:1.563rem;background:url('../images/img_menu_tit07.png') no-repeat center center;background-size:100% 100%;} /* 20260206 추가 */

.menu_box > .box dd{}
.menu_box > .box dd + dd{margin-top:0.5rem;}
.menu_box > .box dd a{position:relative;display:block;padding:0.5rem 0;}
.menu_box > .box dd a:after{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:"";width:1.25rem;height:1.25rem;background:url('../images/img_menu_arrow.png') no-repeat center center;background-size:100% 100%;}
.menu_box > .box dd a span{font-size:1rem;font-weight:400;color:#222;}


.menu_box > .box ul{margin-left:1.5rem;display:flex;flex-direction:column;margin-bottom:0.5rem;}
.menu_box > .box ul li a span{font-size:0.875rem;font-weight:400;}




/*
.gnb_cont .gnb_btns > button[class^=go_] {
  position: relative;
  flex: 1;
  height: 48px;
  border: 1px var(--border-color) solid;
  background: var(--gray-bgcolor);
}
.gnb_cont .gnb_btns > button[class^=go_] > span {
  position: relative;
  display: inline-block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-left: 26px;
}
.gnb_cont .gnb_btns > button[class^=go_] > span::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
}
*/
/*
.gnb_cont .gnb_btns > button.go_home {
  border-right: 0;
  border-radius: 8px 0 0 8px;
}
.gnb_cont .gnb_btns > button.go_home::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: 0;
  width: 1px;
  height: 10px;
  background: #999;
}
.gnb_cont .gnb_btns > button.go_home > span::before {
  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='M14.6673 17.3334H12.6673C12.3137 17.3334 11.9746 17.1929 11.7245 16.9429C11.4745 16.6928 11.334 16.3537 11.334 16.0001V12.0001H8.66732V16.0001C8.66732 16.3537 8.52684 16.6928 8.27679 16.9429C8.02674 17.1929 7.68761 17.3334 7.33398 17.3334H5.33398C4.80355 17.3334 4.29484 17.1227 3.91977 16.7476C3.5447 16.3725 3.33398 15.8638 3.33398 15.3334V8.22007C3.33427 7.67112 3.47012 7.13075 3.72947 6.64694C3.98882 6.16312 4.36365 5.75085 4.82065 5.44673L8.15398 3.22673C8.70105 2.86269 9.34352 2.66846 10.0007 2.66846C10.6578 2.66846 11.3002 2.86269 11.8473 3.22673L15.1807 5.44673C15.6377 5.75085 16.0125 6.16312 16.2718 6.64694C16.5312 7.13075 16.667 7.67112 16.6673 8.22007V15.3334C16.6673 15.8638 16.4566 16.3725 16.0815 16.7476C15.7065 17.1227 15.1978 17.3334 14.6673 17.3334ZM8.66732 10.6667H11.334C11.6876 10.6667 12.0267 10.8072 12.2768 11.0573C12.5268 11.3073 12.6673 11.6464 12.6673 12.0001V16.0001H14.6673C14.8441 16.0001 15.0137 15.9298 15.1387 15.8048C15.2637 15.6798 15.334 15.5102 15.334 15.3334V8.22007C15.333 7.89126 15.251 7.56776 15.0952 7.27822C14.9393 6.98867 14.7145 6.74201 14.4407 6.56007L11.1073 4.3334C10.7794 4.11554 10.3944 3.99932 10.0007 3.99932C9.60692 3.99932 9.22195 4.11554 8.89398 4.3334L5.56065 6.56007C5.28676 6.74201 5.06196 6.98867 4.90614 7.27822C4.75032 7.56776 4.66829 7.89126 4.66732 8.22007V15.3334C4.66732 15.5102 4.73756 15.6798 4.86258 15.8048C4.9876 15.9298 5.15717 16.0001 5.33398 16.0001H7.33398V12.0001C7.33398 11.6464 7.47446 11.3073 7.72451 11.0573C7.97456 10.8072 8.3137 10.6667 8.66732 10.6667Z' fill='%231F1F1F'/%3e%3c/svg%3e");
  background-size: 20px;
  background-position: center center;
}
.gnb_cont .gnb_btns > button.go_mypage {
  border-left: 0;
  border-radius: 0 8px 8px 0;
}
.gnb_cont .gnb_btns > button.go_mypage > span::before {
  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='M13.14 11.2945C13.7914 10.7519 14.2599 10.0218 14.4815 9.20348C14.7032 8.38516 14.6673 7.51842 14.3788 6.72121C14.0903 5.92401 13.5631 5.23506 12.8691 4.74815C12.175 4.26123 11.3478 4 10.5 4C9.65219 4 8.82497 4.26123 8.13093 4.74815C7.43689 5.23506 6.90973 5.92401 6.62121 6.72121C6.33269 7.51842 6.29682 8.38516 6.51848 9.20348C6.74014 10.0218 7.20856 10.7519 7.86 11.2945C7.00966 11.672 6.28695 12.2878 5.77936 13.0675C5.27177 13.8472 5.00106 14.7573 5 15.6877C5 15.87 5.07243 16.0449 5.20136 16.1738C5.3303 16.3027 5.50516 16.3752 5.6875 16.3752C5.86984 16.3752 6.0447 16.3027 6.17364 16.1738C6.30257 16.0449 6.375 15.87 6.375 15.6877C6.375 14.776 6.73716 13.9016 7.38182 13.257C8.02648 12.6123 8.90082 12.2502 9.8125 12.2502H11.1875C12.0992 12.2502 12.9735 12.6123 13.6182 13.257C14.2628 13.9016 14.625 14.776 14.625 15.6877C14.625 15.87 14.6974 16.0449 14.8264 16.1738C14.9553 16.3027 15.1302 16.3752 15.3125 16.3752C15.4948 16.3752 15.6697 16.3027 15.7986 16.1738C15.9276 16.0449 16 15.87 16 15.6877C15.9989 14.7573 15.7282 13.8472 15.2206 13.0675C14.713 12.2878 13.9903 11.672 13.14 11.2945ZM10.5 5.37517C11.0439 5.37517 11.5756 5.53646 12.0278 5.83863C12.4801 6.1408 12.8325 6.5703 13.0407 7.07279C13.2488 7.57529 13.3033 8.12822 13.1972 8.66167C13.0911 9.19512 12.8291 9.68512 12.4445 10.0697C12.0599 10.4543 11.5699 10.7162 11.0365 10.8223C10.5031 10.9284 9.95012 10.874 9.44762 10.6658C8.94512 10.4577 8.51563 10.1052 8.21346 9.65299C7.91128 9.20075 7.75 8.66907 7.75 8.12517C7.75 7.39583 8.03973 6.69635 8.55546 6.18063C9.07118 5.6649 9.77065 5.37517 10.5 5.37517Z' fill='%231F1F1F'/%3e%3c/svg%3e");
  background-size: 20px;
  background-position: center center;
}
*/
/*
.gnb_cont .box_gray {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-top: 24px;
  flex-grow: 1;
}
.gnb_cont .box_gray dl {
  position: relative;
  background: var(--body-bgcolor);
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.03);
}
.gnb_cont .box_gray dl > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 24px 16px;
  border-top: 1px var(--border-color) solid;
}
.gnb_cont .box_gray dl > div:first-child {
  padding-top: 16px;
  border-top: 0;
}
.gnb_cont .box_gray dl > div:last-child {
  padding-bottom: 16px;
}
.gnb_cont .box_gray dl > div > dt {
  width: 86px;
  color: var(--gnb-dt-color);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.gnb_cont .box_gray dl > div > dd {
  width: calc(100% - 86px);
}
.gnb_cont .box_gray dl > div > dd:not(:first-of-type) {
  width: 100%;
  margin-top: 16px;
  padding-left: 86px;
}
.gnb_cont .box_gray dl .menu {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
}
.gnb_cont .box_gray dl .menu::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: var(--base-fcolor);
  margin-right: 6px;
}
.gnb_cont .box_gray .btn_logout {
  position: relative;
  display: block;
  width: auto;
  height: 24px;
  padding-left: 28px;
  margin: 20px 0 0 auto;
  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='M9.50769 5H6.63916C6.20443 5 5.7875 5.1712 5.4801 5.47595C5.1727 5.7807 5 6.19402 5 6.625V16.375C5 16.806 5.1727 17.2193 5.4801 17.524C5.7875 17.8288 6.20443 18 6.63916 18H9.50769M9.71142 11.5H19M19 11.5L15.4509 7.78571M19 11.5L15.4509 15.2143' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
  background-position: left center;
}
.gnb_cont .box_gray .btn_logout > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--base-color);
}

.gnb_cont .box_gray.screp_top_info {
  padding-top: 24px;
}
*/

/* button */
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 10px 28px;
  min-height: 18px;
}
.btn.btn_outline {
  color: var(--base-fcolor);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  border-color: var(--fc-red);
  border-radius: 20px;
}
.btn.btn_outline.big_btn {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 40px;
  padding: 8px 24px;
  border-radius: 8px;
}

.call .btn.btn_outline {
  width:207px;
  padding:14px 0;
  display:flex;
  justify-content: center;
  border-radius: 40px;
}
.btn.btn_icon {
  display: flex;
  height: 26px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--fc-white);
  border-radius: 13px;
  padding: 4px 16px;
  border: 1px solid var(--gnb-dt-color);
  background-color: var(--gnb-dt-color);
  align-items: center;
}
@media (max-width: 280px) {
  .btn.btn_icon.checker_ico {
    padding: 4px 8px 4px 6px;
  }
}
.btn.btn_icon.checker_ico::before {
  content: "";
  width: 10px;
  height: 10px;
  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: 10px;
  background-position: center center;
  margin-right: 3px;
}
.btn.btn_ico span {
  padding-left: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.btn.btn_ico span::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  min-width: 18px;
  min-height: 18px;
}
.btn.btn_ico span.tel::before {
  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='M12.362 5.88504C13.5494 6.08404 14.628 6.64486 15.4891 7.50418C16.3502 8.3635 16.9076 9.43991 17.1115 10.6249M12.5433 2C14.6552 2.3573 16.5813 3.35682 18.1131 4.88098C19.6449 6.40967 20.642 8.33183 21 10.4394M19.3503 18.8246C19.3503 18.8246 18.2037 19.9507 17.9227 20.2809C17.465 20.7693 16.9257 21 16.2187 21C16.1507 21 16.0782 21 16.0102 20.9955C14.6642 20.9095 13.4134 20.3849 12.4753 19.9372C9.91018 18.6979 7.65778 16.9386 5.78607 14.7089C4.24066 12.85 3.20736 11.1314 2.52303 9.28612C2.10156 8.15996 1.94747 7.28255 2.01545 6.45489C2.06077 5.92573 2.26471 5.48702 2.64086 5.11164L4.18627 3.56939C4.40834 3.36134 4.644 3.24827 4.87514 3.24827C5.16065 3.24827 5.39178 3.42014 5.53681 3.56486C5.54134 3.56939 5.54587 3.57391 5.5504 3.57843C5.82685 3.83623 6.08971 4.10307 6.36616 4.388C6.50665 4.53273 6.65168 4.67746 6.7967 4.82671L8.03394 6.06141C8.51433 6.54082 8.51433 6.98405 8.03394 7.46346C7.90251 7.59462 7.77561 7.72578 7.64418 7.85241C7.2635 8.24137 7.56255 7.94293 7.16826 8.2957C7.1592 8.30475 7.15014 8.30927 7.1456 8.31831C6.75585 8.70727 6.82836 9.08718 6.90994 9.34497C6.91447 9.35854 6.919 9.37211 6.92354 9.38568C7.24531 10.1636 7.69851 10.8963 8.38737 11.7692L8.3919 11.7737C9.64273 13.3114 10.9615 14.5099 12.4163 15.428C12.6021 15.5456 12.7925 15.6406 12.9737 15.7311C13.1369 15.8125 13.291 15.8894 13.4224 15.9708C13.4405 15.9798 13.4587 15.9934 13.4768 16.0024C13.6309 16.0793 13.7759 16.1155 13.9255 16.1155C14.3016 16.1155 14.5373 15.8803 14.6143 15.8034L15.5027 14.9169C15.6567 14.7631 15.9015 14.5777 16.187 14.5777C16.468 14.5777 16.6991 14.7541 16.8396 14.9079C16.8441 14.9124 16.8441 14.9124 16.8487 14.9169L19.3458 17.4089C19.8126 17.8703 19.3503 18.8246 19.3503 18.8246Z' stroke='%231f1f1f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 16px;
  background-position: center center;
}
.btn.btn_ico_h24 {
  display: flex;
  height: 24px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--list-fcolor);
  border-radius: 8px;
  padding: 0 8px;
  border: 1px solid var(--disabled-color);
  background-color: var(--border-color);
  align-items: center;
}
@media (max-width: 280px) {
  .btn.btn_ico_h24 {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0 4px;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .btn.btn_ico_h24 {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.btn.btn_ico_h24 > span {
  color: var(--list-fcolor);
}
.btn.btn_ico_h24.btn_ih24_screp::after {
  content: "";
  width: 12px;
  height: 16px;
  display: inline-block;
  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='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 12px;
  background-position: center center;
  margin-left: 8px;
}
.btn.btn_ico_h24.btn_ih24_screp.on {
  color: var(--fc-white);
  border: 1px solid var(--fc-red);
  background-color: var(--fc-red);
}
.btn.btn_ico_h24.btn_ih24_screp.on::after {
  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: 12px;
  background-position: center center;
}
.btn.btn_ico_h24.btn_ih24_screp.on > span {
  color: var(--fc-white);
}
.btn.btn_ico_only {
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
}

/* icon */
.ico_obj {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.btn_ico_only .obj_v_more{display:block;width:1.25rem;height:1.25rem;background:url('../images/img_ico_option.svg') no-repeat center center;background-size:100% 100%;}

.btn.ico_fillter{display:block;width:1.5rem;height:1.5rem;background:url('../images/img_ico_fillter.svg') no-repeat center center;background-size:100% 100%;padding:0;}


/* .ico_obj::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
} */



/*
.ico_obj.obj_arrow_left::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 15L1 8L8 1' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 9px;
  background-position: center center;
}
.ico_obj.obj_arrow_right::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 15L1 8L8 1' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 9px;
  background-position: center center;
  transform: rotate(180deg);
}
.ico_obj.obj_v_more::before {
  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='6' r='1' fill='%231F1F1F'/%3e%3ccircle cx='12' cy='12' r='1' fill='%231F1F1F'/%3e%3ccircle cx='12' cy='17' r='1' fill='%231F1F1F'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
}
.ico_obj.fillter::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%3Cg id='Icon/24/stroke'%3E%3Cpath id='Vector' d='M4 8H13M17 8H20M11 16H20M4 16H7' stroke='%231F1F1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M9 18C10.1046 18 11 17.1046 11 16C11 14.8954 10.1046 14 9 14C7.89543 14 7 14.8954 7 16C7 17.1046 7.89543 18 9 18Z' stroke='%231F1F1F' stroke-width='1.5'/%3E%3Cpath id='Vector_3' d='M15 10C16.1046 10 17 9.10457 17 8C17 6.89543 16.1046 6 15 6C13.8954 6 13 6.89543 13 8C13 9.10457 13.8954 10 15 10Z' stroke='%231F1F1F' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;
}
*/

/* form */
.form_item {
  position: relative;
  display: block;
  padding-bottom: 2rem;
}
.form_item + .notiList{margin-top:2 rem;}
.form_item .inp_box {
  position: relative;
  /* border-radius: 8px; */
  /* box-shadow: 0 1px 5px var(--inp-shadow); */
}

.form_item .flex{display:flex;gap:0.5rem;flex-direction:row;justify-content:space-between;align-items:center;}
.form_item .flex .inp_box{width:100%;}
.form_item .flex .inp_box + button{flex:1 0 auto;width:8.125rem;}


.form_item .form_label {
  position: relative;
  display: block;
}
.form_item .form_label > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--list-fcolor);
}
.form_item .form_label + .inp_box {
  margin-top: 0.5rem;
}
.form_item input {
  display: block;
  width: 100%;
  height: 3.5rem;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 140%;
  color: var(--base-fcolor);
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0.75rem;
}
.form_item input:disabled{
  color: var(--readonly-fc);
}
.form_item input:read-only {
  color: var(--readonly-fc);
}
.form_item input::placeholder {
  font-weight: 600;
  color: var(--placeholder-color);
}
.form_item input::-webkit-input-placeholder {
  font-weight: 600;
  color: var(--placeholder-color);
  -webkit-text-fill-color: var(--placeholder-color);
}
.form_item input:-ms-input-placeholder {
  font-weight: 600;
  color: var(--placeholder-color);
  -webkit-text-fill-color: var(--placeholder-color);
}
.form_item input:not([type=radio]):not([type=checkbox]) + span.fbox {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px var(--inp-border) solid;
  border-radius: 0.75rem;
  pointer-events: none;
}
.form_item input:not([type=radio]):not([type=checkbox]) + span.fbox.error_line {
  border-width: 1px;
  border-color: var(--inp-error);
}
.form_item input:not([type=radio]):not([type=checkbox]):focus + span.fbox {
  border-width: 1px;
  border-color: var(--inp-focus);
}
.form_item .inp_msg {
  position: absolute;
  bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}
.form_item .inp_msg.error_msg {
  word-break: break-all;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 160%;
}
.form_item .inp_msg.error_msg span {
  color: var(--fc-red);
}

/* combo box */
.combo_box {
  position: relative;
  min-width: 64px;
  height: 34px;
  margin-left: 16px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--fc-white);
  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='M7 9L12.0008 14L17 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
  background-position: calc(100% - 8px) center;
  cursor: pointer;
  display: inline-flex;
}
.combo_box .selec_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 40px 0 8px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}
.combo_box .option_list {
  position: absolute;
  top: 43px;
  right: 0;
  min-width: 120px;
  max-height: 249px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--fc-white);
  padding:0.75rem 0;
  border-radius: 0.75rem;
  border: 1px solid #b4b8bd;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.10);
  z-index: -1;
  visibility: hidden;
  transform: translateY(-20%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.combo_box .option_list li {
  /* border-top: 1px solid var(--border2-color); */
}
.combo_box .option_list li:first-child {
  /* border-top: 0; */
}
.combo_box .option_list .option_item {
  display: flex;
  align-items: center;
  padding: 0.625rem 1rem;
  /* min-height: 50px; */
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  color: #606366;
}
.combo_box .option_list .option_item.active {
  font-weight: 600;
  color:#222;
  background:#f7f8f9;
}
/* .combo_box .option_list .option_item.active::after {
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 2L5.30482 12.2143L2 8.73252' stroke='%23ef3b24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 10px;
  background-position: center center;
} */
.combo_box.active .option_list {
  display: block;
  top: 43px;
  visibility: visible;
  transform: translateY(0%);
  transition: all 0.2s ease-in-out;
  z-index: 9;
  opacity: 1;
}
.combo_box.btn_type {
  margin: 0;
  width: 100%;
}
.combo_box.btn_type .label_txt {
  padding: 0 32px 0 8px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  height: 34px;
  flex-grow: 1;
  text-align: left;
  display: flex;
  align-items: center;
  width: 100%;
}
.combo_box.btn_type .label_txt span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}
.combo_box.btn_type .label_txt.o::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--fc-red);
  margin-left: 8px;
  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;
  min-width: 20px;
}
.combo_box.btn_type .label_txt.x::after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--test-fail-bg);
  margin-left: 8px;
  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;
  min-width: 20px;
}

.screp.add {
  display:flex;
  justify-content: end;
 /*  padding-top:26px; */
}

.screp.add .combo_box {
  border:0;
  border-radius:0;
  margin-left:0;
  margin-right:0;
  height:auto;
  background:none;
}
.screp.add .combo_box button{display:block;font-size:0.875rem;color:#606366;font-weight:400;}
.screp.add .combo_box button:after{display:inline-block;content:"";width:1.5rem;height:1.5rem;vertical-align:middle;margin-left:0.38rem;background:url('../images/img_ico_combo.svg') no-repeat center center;background-size:100% 100%;transform: rotate(180deg);}
.screp.add .combo_box.active button:after{transform: rotate(0deg);}
.screp.add .combo_box.active .option_list{}



.screp.add .combo_box .selec_label {
  padding:0;
}

/* radio button & checkbox */
.rdo_item,
.chk_item {
  position: relative;
  display: inline-block;
}
.rdo_item label,
.chk_item label,
.check_item label {
  position: relative;
  display: block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 34px;
}
.rdo_item label::before,
.chk_item label::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0.063rem;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-image: url('../images/img_chk_off.svg');
  background-size: 100% 100%;
  background-position: center center;
}
.chk_item.add{top:-0.313rem;}
.chk_item.add label::before {
  width:2rem;
  height:2rem;
  background:url('../images/favor_off.svg') no-repeat center center;background-size:100% 100%;
}
.rdo_item input[type=radio], .rdo_item input[type=checkbox],
.chk_item input[type=radio],
.chk_item input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.rdo_item input[type=radio]:checked + label::before, .rdo_item input[type=checkbox]:checked + label::before,
.chk_item input[type=radio]:checked + label::before,
.chk_item input[type=checkbox]:checked + label::before {
  background-repeat: no-repeat;
  background-image: url('../images/img_chk_on.svg');
  background-size: 100% 100%;
  background-position: center center;
}
.chk_item.add input[type=checkbox] + label{padding-left:0;width:2rem;height:2rem;}
.chk_item.add input[type=checkbox]:checked + label{padding-left:0;width:2rem;height:2rem;}
.chk_item.add input[type=checkbox]:checked + label::before {
	background:url('../images/favor_on.svg') no-repeat center center;background-size:100% 100%;
}
.rdo_item.chk_item_box label,
.chk_item.chk_item_box label {
  padding-left: 0;
}
.rdo_item.chk_item_box label::before,
.chk_item.chk_item_box label::before {
  left: 0;
  right: auto;
  top: 0;
  z-index: 6;
}
.rdo_item.chk_item_box input[type=radio]:checked + label .exam_info, .rdo_item.chk_item_box input[type=checkbox]:checked + label .exam_info,
.chk_item.chk_item_box input[type=radio]:checked + label .exam_info,
.chk_item.chk_item_box input[type=checkbox]:checked + label .exam_info {
  border-color: var(--fc-red);
}
.rdo_item.chk_item_box input[type=radio]:checked + label .exam_info > dt, .rdo_item.chk_item_box input[type=checkbox]:checked + label .exam_info > dt,
.chk_item.chk_item_box input[type=radio]:checked + label .exam_info > dt,
.chk_item.chk_item_box input[type=checkbox]:checked + label .exam_info > dt {
  border-color: var(--fc-red);
}

/* 오늘 하루 보지 않기 */
.todayChk{display:flex;align-items:center;margin-top:2.5rem;}
.todayChk .chk_item label::before{top:50%;transform:translateY(-50%);}
.todayChk .chk_item label{line-height:140%;}
.todayChk .chk_item label span{font-size:0.875rem;color:#222;font-weight:400;line-height:140%;}

/* checkbox */

.check_group {
  position: relative;
  font-size: 0;
  line-height: 1;
}

.check_group.tab_style {
  display: flex;
  height: 56px;
  margin-top: 8px;
}

.check_group.tab_style .check_item{
  display: block;
  height: 100%;
  flex: 1;
  margin: 0;
}

.check_group.tab_style .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.tab_style .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.tab_style::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  border: 1px #ddd solid;
}
.form_item .check_item input {
  position:absolute;
}
.check_group.tab_style .check_item:not(:last-of-type) label::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: -1px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.check_group.tab_style label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.check_group.tab_style label > span {
  font-size: 15px;
  color: #999;
  margin-left:4px
}
.check_group.tab_style input[type=checkbox]:checked + label > span {
  font-weight: 700;
  color: #222;
}




.check_group.checkList{}
.check_group.checkList .check_item label{padding:1rem 0 1rem 0;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:1.5rem;}
.check_group.checkList .check_item label span{font-size:1rem;font-weight:600;color:#222;}
.check_group.checkList .check_item label::before{display:none !important;}
.check_group.checkList .check_item label::after {
  display:block;
  width:1.5rem;
  height:1.5rem;
  content: "";
  background-repeat: no-repeat;
  background-image: url('../images/img_floating_chk.svg');
  background-size:100% 100%;
  background-position: center center;
}

.check_group.checkList .check_item input[type=checkbox]:checked + label::after {
  display:block;
  width:1.5rem;
  height:1.5rem;
  background-repeat: no-repeat;
  background-image: url('../images/img_floating_chk_on.svg');
  background-size:100% 100%;
  background-position: center center;
}


/* tag style radio */
.radio_group {
  position: relative;
  font-size: 0;
  line-height: 1;
  margin-top: 8px;
}
.radio_group.tab_style {
  display: flex;
  height: 56px;
  margin-top: 8px;
}
.radio_group.tab_style::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  border: 1px #ddd solid;
}
.radio_group.tab_style > .selected {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  border: 2px #222 solid;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}
.radio_group.tab_style label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.radio_group.tab_style label::before {
  display: none;
}
.radio_group.tab_style label > span {
  font-size: 15px;
  color: #999;
}
.radio_group.tab_style .rdo_item {
  display: block;
  height: 100%;
  flex: 1;
  margin: 0;
}
.radio_group.tab_style .rdo_item:not(:last-of-type) label::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: -1px;
  width: 1px;
  height: 10px;
  background: #ddd;
}
.radio_group.tab_style input[type=radio]:checked + label > span {
  font-weight: 700;
  color: #222;
}
.radio_group.tab_style input[type=radio]:checked + label::after {
  display: none;
}
.radio_group.tab_style.disabled {
  background: #f8f8f8;
}
.radio_group.tab_style.disabled label > span {
  color: #ccc !important;
}
.radio_group.tab_style.disabled > .selected {
  border-color: #ddd;
}

.radio_group2 {
  position: fixed;
  top: 3.5rem;
  width: 100%;
  z-index: 8;
  font-size: 0;
  line-height: 1;
  margin: 0 -24px 0;
  padding: 10px 24px 0;
  height: 3.5rem;
  background-color: var(--body-bgcolor);
  border-bottom: 1px solid var(--border-color);
}
.radio_group2.video {
  margin:0;
}
.radio_group2.top_tab{margin:0;padding:0;}
.radio_group2.top_tab_lr0 {
  padding: 0;
  height: auto;
  z-index: 8;
}
.radio_group2.top_tab_lr0 .tab_rdo .rdo_item:not(:first-of-type) label.note_label dl {
  border-left: 2px solid var(--gray-bgcolor);
}
.radio_group2 .tab_rdo {
  display: flex;
  align-items: center;
  height: 100%;
}
.radio_group2 .tab_rdo label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
  cursor: pointer;
}

.radio_group2 .tab_rdo label::before {
  display: none;
}
.radio_group2 .tab_rdo label > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: var(--label-color);
}
.radio_group2 .tab_rdo label.note_label dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px 0;
}
.radio_group2 .tab_rdo label.note_label dl dd.dd_txt01 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #515151;
  margin-top: 10px;
}
.radio_group2 .tab_rdo label.note_label dl dd.dd_txt02 {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
  margin-top: 2px;
}
.radio_group2 .tab_rdo .rdo_item {
  display: flex;
  align-items:center;
  justify-content:center;
  height: 100%;
  flex: 1;
  margin: 0;
}
.radio_group2 .tab_rdo input[type=radio]:checked + label > span {
  font-weight: 700;
  color: var(--base-fcolor);
}


.radio_group2 .tab_rdo label::after{position:absolute;bottom:-1px;display:block;content:"";width:0;height:2px;}
.radio_group2 .tab_rdo input[type=radio]:checked + label:after{position:absolute;bottom:-1px;display:block;content:"";width:100%;height:2px;background:#000;  animation:0.5s Linear tabs;}


/* .radio_group2 .tab_rdo input[type=radio]:checked + label::after {
  display:none;
} */
.radio_group2 .tab_rdo .selec_bar {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  border-bottom: 4px solid var(--fc-red);
  transition: all 0.2s ease-in-out;
  pointer-events: none;
}

.radio_group3.top_tab {
  margin: -24px -24px 0;
  padding: 16px 0 0 24px;
  overflow: hidden;
  overflow-x: auto;
}
.radio_group3.top_tab2 {
  padding:0 1.5rem;
}
.radio_group3 span.tit {
  font-size:16px;
  font-weight: bold;
}

.radio_group3.add {
  display:flex;
  gap:5px;
}

.radio_group3.add>.tit {
  margin-top:6px;
}

.radio_group3.top_tab.empty {
  margin-left:24px;
  margin-right:24px;
  padding-left:0;
}

.radio_group3.top_tab.empty ul {
  flex-direction: row;

}
@media (max-width: 280px) {
  .radio_group3.top_tab > ul > li:last-child {
    padding-right: 24px;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .radio_group3.top_tab > ul > li:last-child {
    padding-right: 24px;
  }
}
.radio_group3.top {
  margin-top:24px;
}
.radio_group3 ul {
  display: flex;
  justify-content: flex-start;
  position: relative;
  align-items: center;
}
.radio_group3.top_tab>ul>li>input,
.radio_group3.top_tab2>ul>li>input,
.radio_group3.top>ul>li>input {
  height:0;
}
.radio_group3 li {
  display: flex;
  flex-direction: column;
  float: left;
  align-items: center;
}
.radio_group3 li.right {
  position:absolute;
  right:0;
  padding-left:0;
  height:24px;
  width: 24px;
}
.radio_group3 li.right>.btn {
  padding:0;
  height:24px;
  width:24px;
}

.radio_group3.top_tab2 li.right {
  right:-20px;
}
.radio_group3 li + li {
  padding-left: 5px;
}
.radio_group3 li > input[type=radio]:checked + label {
  border: 1px solid var(--base-fcolor);
  background-color: var(--base-fcolor);
}
.radio_group3 li > input[type=radio]:checked + label > span {
  color: var(--fc-white);
}
.radio_group3 li > label {
  border: 1px solid var(--border2-color);
  background-color: var(--fc-white);
  height: 32px;
  display: flex;
  align-items: center;
  color: var(--list-fcolor);
  border-radius: 16px;
  padding: 0 12px;
  white-space: nowrap;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

/* test QnA radio */
.radio_test_group input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.radio_test_group input[type=radio] + label {
  word-break: break-all;
  letter-spacing: 0;
  display: flex;
  align-items:center;
  gap:0.75rem;
  padding: 1rem 0.5rem 1rem 1rem;
  border: 1px solid #dfe3e6;
  border-radius: 0.75rem;
}
.radio_test_group input[type=radio] + label > em {
  font-weight: 600;
  font-size: 0.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #8c9094;
  background:#8c9094;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  line-height:1;
  text-align:center;
}
.radio_test_group input[type=radio] + label > span {
  word-break: keep-all;
  font-size:1rem;
  font-weight:400;
  color:#222;
  flex:1 0 0;
}
.radio_test_group input[type=radio]:checked + label{
	border:1px solid #222;
}
.radio_test_group input[type=radio]:checked + label > em {
  color: var(--fc-white);
  background-color: var(--base-fcolor);
}
.radio_test_group input[type=radio]:checked:disabled + label > em {
  color: var(--fc-white);
  background-color: var(--base-fcolor);
  border-color: var(--base-fcolor);
}
.radio_test_group input[type=radio]:checked:disabled + label > span {
  color: var(--base-fcolor);
}
.radio_test_group input[type=radio]:disabled + label > em {
  color: var(--fc-white);
  border: 1px solid #8c9094;
  background:#8c9094;
}
.radio_test_group input[type=radio]:disabled + label > span {
  color: var(--readonly-fc);
}

.wrong .radio_test_group input[type=radio]:checked:disabled + label > em {
  color: var(--fc-white);
  background-color: var(--base-fcolor);
  border-color: var(--base-fcolor);
}
.wrong .radio_test_group input[type=radio]:checked:disabled + label > span {
  color: var(--base-fcolor);
}

.correct .radio_test_group .correct_a input[type=radio]:disabled + label,
.wrong .radio_test_group .correct_a input[type=radio]:disabled + label {
  border-color: var(--fc-red);
  background-color: var(--test-accept-bg);
}



.radio_test_group .correct_a input[type=radio]:disabled + label{
  border-color: var(--fc-red);
  background-color: var(--test-accept-bg);
}

.radio_test_group .correct_a input[type=radio]:disabled + label > em,
.radio_test_group .correct_a input[type=radio]:disabled + label > em {
  color: var(--fc-white);
  background-color: var(--fc-red);
  border-color: var(--fc-red);
}

.radio_test_group .correct_a input[type=radio]:disabled + label > span,
.radio_test_group .correct_a input[type=radio]:disabled + label > span {
  border-color: var(--fc-red);
  background-color: var(--test-accept-bg);
}


.correct .radio_test_group .correct_a input[type=radio]:disabled + label > em,
.wrong .radio_test_group .correct_a input[type=radio]:disabled + label > em {
  color: var(--fc-white);
  background-color: var(--fc-red);
  border-color: var(--fc-red);
}
.correct .radio_test_group .correct_a input[type=radio]:disabled + label > span,
.wrong .radio_test_group .correct_a input[type=radio]:disabled + label > span {
  border-color: var(--fc-red);
  background-color: var(--test-accept-bg);
}

/* select list */
.select_list {
  position: relative;
  margin: 0 -24px;
}
.select_list .sel_item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2px 0;
  text-align: left;
  padding: 18px 24px;
  width: 100%;
}
.select_list .sel_item > span {
  position: relative;
  display: inline-block;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-left: 34px;
}
.select_list .sel_item > span::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: calc(50% - 12px);
  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' 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");
  background-size: 24px;
  background-position: center center;
}
.select_list .sel_item.active > span::before {
  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' 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-size: 24px;
  background-position: center center;
}

.select_list .sel_item > span > em.sel_txt {
  font-size:0.875rem;
  color:#1f1f1f;
  font-weight: bold;
  margin-left:16px;
  line-height: 1.125rem;
}
.select_list .sel_item > span > em.sel_txt::before {
  display:inline-block;
  content: '';
  width:6px;
  height:6px;
  border-radius: 30px;
  background-color:#ef3b24;
  position:relative;
  top:-2px;
  margin-right:4px;
}
/* text list type */
.list_dot {
  margin-top: 24px;
}
.list_dot.fir_list_dot {
  margin-top: 0;
}
.list_dot > li {
  position: relative;
  display: block;
  padding-left: 8px;
  min-height: 1.125rem;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.list_dot > li:not(:first-child) {
  margin-top: 8px;
}
.list_dot > li::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background: var(--list-dot2-color);
}
.list_dot > li strong {
  color: var(--fc-red);
}

.list_num {
  margin-top: 16px;
}
.list_num > li:not(:first-child) {
  margin-top: 24px;
}
.list_num > li > p {
  display: flex;
  align-items: flex-start;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.list_num > li > p > em {
  flex-basis: 28px;
  min-width: 28px;
}
.list_num > li > p > span {
  flex-grow: 1;
}
.list_num > li > p > span.f_weight_reg {
  font-weight: 400;
}
.list_num > li > .list_dot {
  margin-top: 6px;
}
.list_num.list_gap8 > li {
  margin-top: 8px;
}

.s_tit.s_tit_gap32 {
  margin-top: 32px;
}
.s_tit + .list_dot {
  margin-top: 16px;
}

.num_tit + .list_dot {
  margin-top: 6px;
}

.col2_list + .list_dot,
.img_visual + .list_dot {
  margin-top: 16px;
}

.list_txt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--base-fcolor);
}
.list_txt li {
  display: flex;
  padding-top: 8px;
}
.list_txt li:first-child {
  padding-top: 0;
}
.list_txt li em {
  width: 18px;
  flex-basis: 18px;
}
.list_txt li span {
  width: calc(100% - 22px);
  padding-left: 4px;
  font-size:0.875rem;
  line-height:170%;
  word-break: keep-all;
}

.list_text li {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--label-color);
}
.list_text li:not(:first-child) {
  margin-top: 12px;
}
.list_text li strong {
  color: var(--base-fcolor);
}

.col2_list {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.col2_list > div {
  flex-grow: 1;
  text-align: center;
}
.col2_list > div + div {
  margin-left: 15px;
}

/* chip */
.chip {
  position: relative;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  color: var(--fc-white);
  line-height: 20px;
  border-radius: 10px;
  padding: 0 8px;
}

.chip_2 {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--btn-cancel-bgcolor);
  border-radius: 13px;
  padding: 5px 14px;
  border: 1px solid var(--btn-cancel-bgcolor);
}
.watching .chip_2, .chip_2.watching {
  color: var(--fc-red);
  border-color: var(--fc-red);
}
.watching_complete .chip_2, .chip_2.watching_complete {
  background-color: var(--fc-red);
  color: var(--fc-white);
  border-color: var(--fc-red);
}

.chip_3 {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fc-white);
  border-radius: 13px;
  padding: 2px 8px;
  border: 1px solid var(--gnb-dt-color);
  background-color: var(--gnb-dt-color);
}
.chip_3.chip_3_1 {
  height: 20px;
  white-space: nowrap;
}
.ing .chip_3, .chip_3.ing {
  border-color: var(--fc-red);
  background-color: var(--fc-white);
  color: var(--fc-red);
}
.pass .chip_3, .chip_3.pass {
  border-color: var(--fc-red);
  background-color: var(--fc-red);
}
.fail .chip_3, .chip_3.fail {
  background-color: var(--disabled-color);
  color: var(--gnb-dt-color);
  border-color: var(--disabled-color);
}
.chip_3.percent {
  color: var(--fc-red);
  border-color: var(--fc-red);
  background-color: var(--fc-white);
}

.chip_4 {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--btn-cancel-bgcolor);
  border-radius: 12px;
  padding: 2px 8px;
  border: 1px solid var(--border-color);
  background-color: var(--border-color);
}
@media (max-width: 280px) {
  .chip_4 {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 2px 4px;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .chip_4 {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.chip_4 span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fc-white);
  display: flex;
  width: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--base-fcolor);
  margin-left: 4px;
  line-height: 20px;
  min-height: 1px;
  max-height: 20px;
}
.chip_4.correct_chip {
  color: var(--fc-red);
  border: 1px solid var(--cal-today-bg);
  background-color: var(--cal-today-bg);
}
.chip_4.correct_chip span {
  background-color: var(--fc-red);
}
.chip_4.time_info_chip {
  border: 1px solid #393939;
  background-color: var(--body-bgcolor);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 16px;
  align-items: center;
}
.chip_4.time_info_chip > dt {
  color: var(--label-color);
}
.chip_4.time_info_chip > dt + dd {
  margin-left: 8px;
}
.chip_4.time_info_chip > dd {
  color: var(--fc-red);
}
.chip_4 + .chip_4 {
  margin-left: 8px;
}
@media (max-width: 280px) {
  .chip_4 + .chip_4 {
    margin-left: 4px;
  }
}

.chip_5 {
  position: relative;
  display: flex;
  align-items: center;
  height: 20px;
  word-break: break-all;
  letter-spacing: -0.3px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--base-fcolor);
  border-radius: 10px;
  padding: 2px 8px;
  border: 1px solid var(--sub-fcolor);
  background-color: var(--gray-bgcolor);
  width: 100%;
}
.chip_5.chip_5_1 {
  display: inline-flex;
  width: auto;
  padding: 2px 6px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--fc-white);
  border-color: var(--base-fcolor);
  background-color: var(--base-fcolor);
}
.chip_5.bg_red {
  border-color: var(--fc-red);
  background-color: var(--fc-red);
  color: var(--fc-white);
}
.chip_5.bg_blue {
  border-color: #003190;
  background-color: #003190;
  color: var(--fc-white);
}
.chip_5.bg_gray {
  border-color: #515151;
  background-color: #515151;
  color: var(--fc-white);
}
.chip_5.bg_dgray {
  border-color: var(--base-fcolor);
  background-color: var(--base-fcolor);
  color: var(--fc-white);
}
.chip_5.bg_ngray {
  border-color: #3d3f44;
  background-color: #3d3f44;
  color: var(--fc-white);
}
.chip_5.bg_red {
  border-color: var(--cal-exam-bg);
  background-color: var(--cal-exam-bg);
  color:var(--fc-white);
}
.chip_5.bg_mint {
  border-color: var(--accent02-color);
  background-color: var(--accent02-color);
  color: var(--fc-white);
}

.chip_6 {
  position: relative;
  display: flex;
  align-items: center;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--list-fcolor);
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--border2-color);
  background-color: var(--fc-white);
  white-space: nowrap;
}
.chip_6.reflesh::before {
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.83534 3.25C2.5712 1.90495 3.94656 1 5.52182 1C7.30787 1 8.83696 2.16335 9.46829 3.8125M3.12791 3.8125H1V1.5625M9.16466 7.75C8.4288 9.09505 7.05344 10 5.47818 10C3.69213 10 2.16304 8.83666 1.53171 7.1875M7.87208 7.1875H10V9.4375' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 11px;
  background-position: center center;
  margin-right: 4px;
}
.chip_6.hint {
  font-weight: 500;
  color: var(--fc-red);
  background-color: var(--test-accept-bg);
  border-color: var(--test-accept-bg);
}
.chip_6.h_label {
  color: #ef3b24;
  /* background-color: #ef3b24; */
  border-color: #ef3b24;
}
.chip_6.m_label {
  color: #0abe72;
  /* background-color: #003190; */
  border-color: #0abe72;
}
.chip_6.l_label {
  color: #606366;
  /* background-color: #515151; */
  border-color: #606366;
}
.chip_6.successful {
  color: var(--fc-white);
  background-color: var(--fc-red);
  border-color: var(--fc-red);
  height: 30px;
  border-radius: 8px;
  width: 157px;
  justify-content: center;
}
.chip_6.correct{
  color: #fff;
  background-color:#ef3b24;
  border-color: #ef3b24;
}
.chip_6.correct:before{margin-right:0.25rem;display:inline-block;content:"";width:0.75rem;height:0.75rem;vertical-align:middle;background:url('../images/img_ico_correct.svg') no-repeat center center;background-size:100% 100%;}

.chip_6.wrong{
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.chip_6.wrong:before{margin-right:0.25rem;display:inline-block;content:"";width:0.75rem;height:0.75rem;vertical-align:middle;background:url('../images/img_ico_wrong.svg') no-repeat center center;background-size:100% 100%;}

.chip_6.noChk{
  color: #fff;
  background-color: #8c9094;
  border-color: #8c9094;
}
.test_top_info{display:flex;gap:0.5rem;}


							

.chip_7 {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 21px;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  line-height: 17px;
  color: var(--base-fcolor);
  border-radius: 10.5px;
  padding: 2px 8px;
  border: 1px solid var(--base-fcolor);
  background-color: var(--fc-white);
  white-space: nowrap;
}

.txt-ellips {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  word-wrap: normal;
}

/* box - gray */
.box_gray {
  position: relative;
  padding: 24px 24px;
  background: var(--gray-bgcolor);
  margin: -24px -24px 0;
}
.box_gray + .menu_btns {
  margin-top: 24px !important;
}
.radio_group2 + .box_gray {
  margin-top: 29px;
}

/* sorting combo-box */
.sorting_wrap {
  position: relative;
  text-align: right;
}
.sorting_wrap .combo_btn {
  position: relative;
  display: inline-block;
  height: 34px;
  border-radius: 8px;
  border: 1px var(--border-color) solid;
  padding: 0 40px 0 8px;
  background: #fff;
}
.sorting_wrap .combo_btn::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 12px);
  right: 8px;
  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='M7 9L12.0008 14L17 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
}
.sorting_wrap .combo_btn > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

/* 바로가기 버튼 */
.btn_go {
  position: relative;
  display: block;
  width: 100%;
  height: 62px;
  text-align: left;
  border-radius: 8px;
  border: 1px var(--border-color) solid;
  padding: 0 16px;
  background: var(--body-bgcolor);
  box-shadow: 0 1px 6px var(--shadow-color);
}
.btn_go::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 10px);
  right: 24px;
  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;
}
.btn_go:not(:first-child) {
  margin-top: 16px;
}
.btn_go > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

/* popup */
.dimmed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--dim-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}

.popup {
  position: fixed;
  background: var(--popup-bgcolor);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 101;
  /* popup - alert/confirm */
  /* popup - normal */
  /* popup - bottom_up */
  /* popup - full */
}
.popup.open {
  opacity: 1;
  visibility: visible;
}
.popup.open + .dimmed {
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.popup.alert, .popup.confirm {
  left: 24px;
  top: 220px;
  right: 24px;
  border-radius: 8px;
  margin-top: 22px;
}
.popup.alert.open, .popup.confirm.open {
  top: 180px;
}

.popup.alert .pop_body, .popup.confirm .pop_body {
  padding: 2rem 1.25rem 1.5rem 1.25rem;
}
.popup.alert .pop_bottom, .popup.confirm .pop_bottom {
  padding: 1rem 1.25rem 1.25rem 1.25rem;
}
.popup.alert .pop_bottom .pop_btn_cancel, .popup.confirm .pop_bottom .pop_btn_cancel {
  background: var(--btn-line-bgcolor);
}
.pop_btn_cancel, .pop_btn_secondary{border:1px solid #b4b8bd !important;}
.pop_btn_cancel span, .pop_btn_secondary span{color:#222 !important;font-weight:600 !important;font-size:1rem !important;}


.popup.confirm {
  z-index: 104;
}
.popup.confirm + .dimmed {
  z-index: 103;
}
.popup.alert {
  z-index: 106;
}
.popup.alert a.btn {
  margin-top: 16px;
}
.popup.alert + .dimmed {
  z-index: 105;
}
.popup.normal {
  left: 24px;
  top: 220px;
  right: 24px;
  border-radius: 8px;
  z-index: 104;
}
.popup.normal.open {
  top: 200px;
}
.popup.normal .pop_body {
  /* padding: 30px 24px; */
  padding: 1.5rem 1.25rem; /* 20260324 수정 */
}
.popup.normal .pop_bottom {
  /* padding: 20px 24px 16px; */
  padding: 0 1.25rem 1.25rem; /* 20260324 수정 */
}
.popup.normal .pop_bottom .pop_btn_cancel {
  background: var(--btn-line-bgcolor);
}
.popup.normal + .dimmed {
  z-index: 103;
}
.popup.floating {
  left: 0;
  right: 0;
  bottom: -100%;
  max-height: 80%;
  border-radius: 24px 24px 0 0;
  background: var(--popup-bgcolor);
  z-index: 102;
  display: flex;
  flex-direction: column;
}
.popup.floating .fp_close {
  display: none;
}
.popup.floating.open {
  bottom: 0;
}
.popup.floating.open .fp_close {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  z-index: 5;
  top: 1.5rem;
  right: 1.5rem;
}
/* New added 20240202 - title 존재할때 닫기버튼 위치 조정 */
.popup.floating.open .fp_close.has_title {
  top: 32px;
} 
.popup.floating.open .fp_close::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-image: url('../images/img_floating_close.svg');
  background-size: 100% 100%;
  background-position: center center;
  display: block;
}
.popup.floating.touch_s {
  transition: none;
}
.popup.floating .pop_header {
  position: relative;
  min-height: 4.653rem;
  background: var(--popup-bgcolor);
  border-radius: 1.25rem 1.25rem 0 0;
  font-size:1.125rem;
  font-weight:600;
  color:#222;
}
.popup.floating .pop_body {
  padding: 0 24px 20px;
  overflow-y: auto;
  flex-grow: 1;
}
.popup.floating .pop_bottom {
  position: relative;
  height: 5.25rem;
  padding: 1.25rem;
}
.popup.floating .pop_bottom > .inner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 24px;
  background: var(--popup-bgcolor);
  z-index: 1;
}
.popup.floating .pop_bottom button {
  height: 3.5rem !important;
  border-radius:0.75rem !important;
}
.popup.floating .pop_bottom button span{font-size:1.125rem !important;}

.popup.floating.pull {
  max-height: none;
  height: 310px;
}
.popup.floating.pull .pop_body {
  height: calc(100% - 60px);
  overflow-y: hidden;
}
.popup.floating.floating_bg {
  background: var(--gray-bgcolor);
}
.popup.floating.floating_bg .pop_header {
  background: var(--gray-bgcolor);
}
.popup.floating + .dimmed {
  z-index: 101;
}

/* 1109 */
.popup.tab .pop_body {
  padding-bottom:0;
  overflow:hidden
}
.popup.tab .pop_bottom {
  padding-top:1rem;
}
.popup.alert, .popup.confirm, .popup.normal {
  margin: 0;
  top: 50% !important;
  transform: translateY(-50%);
}
.popup.full {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--popup-bgcolor);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  max-width:750px;
  margin:0 auto;
}
.popup.full .pop_header {
  position: fixed;
  display: flex;
  left: 0;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
  padding: 0 1.25rem 0 1.25rem;
  background: var(--popup-bgcolor);
  z-index: 10; /* 20260209 수정 */
}
.popup.full .pop_header h1 {
  max-width: calc(100% - 56px);
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#222;
}
.popup.full .pop_header .pop_btn_close {
  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.full .pop_header .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;
}

.popup.full .pop_header .header_help > span {
  text-indent: -9999px;
  overflow: hidden;
  opacity: 0;
}
.popup.full .pop_header .header_help {
  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='M3.99689 16.4458L4.07819 16.145L3.92238 15.8751C2.86093 14.0367 2.50401 11.8751 2.91813 9.79308C3.33224 7.71103 4.48914 5.85053 6.17329 4.55822C7.85743 3.2659 9.95395 2.62991 12.0722 2.76874C14.1905 2.90757 16.1861 3.81175 17.6872 5.31282C19.1882 6.81389 20.0924 8.80947 20.2313 10.9278C20.3701 13.046 19.7341 15.1426 18.4418 16.8267C17.1495 18.5109 15.289 19.6678 13.2069 20.0819C11.1249 20.496 8.96328 20.1391 7.12487 19.0776L6.85635 18.9226L6.55675 19.0024L3.38758 19.8469C3.38716 19.847 3.38673 19.8471 3.38631 19.8472C3.35294 19.8557 3.31794 19.8554 3.2847 19.8464C3.25104 19.8373 3.22036 19.8195 3.1957 19.7948C3.17103 19.7701 3.15325 19.7395 3.14411 19.7058C3.13515 19.6728 3.1348 19.6381 3.14307 19.605L3.99689 16.4458Z' fill='white' stroke='%231F1F1F' stroke-width='1.5'/%3e%3cpath d='M11.5012 17.4854C12.2095 17.4854 12.7837 16.9112 12.7837 16.2029C12.7837 15.4946 12.2095 14.9204 11.5012 14.9204C10.7929 14.9204 10.2188 15.4946 10.2188 16.2029C10.2188 16.9112 10.7929 17.4854 11.5012 17.4854Z' fill='%23EF3B24'/%3e%3cpath d='M12.0814 6.51538H10.9186C10.1658 6.51538 9.44381 6.81445 8.91147 7.34679C8.37914 7.87913 8.08008 8.60115 8.08008 9.35399V9.9354C8.08008 10.1622 8.17016 10.3796 8.3305 10.54C8.49084 10.7003 8.70831 10.7904 8.93507 10.7904C9.16183 10.7904 9.3793 10.7003 9.53964 10.54C9.69998 10.3796 9.79006 10.1622 9.79006 9.9354V9.35399C9.79006 9.05467 9.90896 8.7676 10.1206 8.55595C10.3323 8.34429 10.6193 8.22539 10.9186 8.22539H12.0814C12.3464 8.232 12.6007 8.33096 12.8005 8.50516C13.0002 8.67937 13.1328 8.91788 13.1754 9.17948C13.218 9.44108 13.1679 9.70934 13.0337 9.93791C12.8995 10.1665 12.6897 10.341 12.4405 10.4313C11.9174 10.6041 11.4622 10.9377 11.1398 11.3845C10.8174 11.8313 10.6442 12.3684 10.645 12.9194V13.3554C10.645 13.5822 10.7351 13.7996 10.8955 13.96C11.0558 14.1203 11.2733 14.2104 11.5 14.2104C11.7268 14.2104 11.9443 14.1203 12.1046 13.96C12.2649 13.7996 12.355 13.5822 12.355 13.3554V12.9194C12.355 12.7291 12.4155 12.5438 12.5277 12.3901C12.6399 12.2364 12.798 12.1223 12.9792 12.0644C13.6209 11.8511 14.1657 11.4163 14.5161 10.8379C14.8665 10.2596 14.9997 9.57538 14.8917 8.90782C14.7837 8.24026 14.4416 7.63294 13.9267 7.19459C13.4118 6.75623 12.7577 6.51546 12.0814 6.51538Z' fill='%23EF3B24'/%3e%3c/svg%3e");
  background-size: 24px;
  background-position: center center;
  margin-right:40px;
  width:24px;
  height:24px
}
.popup.full .pop_body.top {
  padding-left:0;
  padding-right: 0;
  padding-top:32px;
  height:100%;
}
.popup.full .pop_body.top .mock_exam {
  padding-bottom:0;
}
.popup.full .pop_body {
  padding: 5rem 1.5rem 0 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.popup.full .pop_bottom {
  position: relative;
  min-height: 92px;
  margin-top: 40px;
}
.popup.full .pop_bottom > .inner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.5rem 1.5rem;
  background: var(--popup-bgcolor);
  z-index: 1;
  max-width:750px;
  width:100%;
  margin:0 auto;
}
.popup.full .pop_bottom button {
  height: 3.5rem;
  border-radius:0.75rem;
}

.popup.full .pop_bottom.full > .inner{display:flex;flex-direction:column;width:100%;gap:10px;}
.popup.full .pop_btn_cancel span, .popup.full .pop_btn_secondary span, .popup.full .pop_btn_primary span{font-size:1.125rem !important;}



.popup.full.open + .dimmed {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.pop_body {
  position: relative;
  padding: 24px 24px 16px;
}

.pop_body.info > .info_txt {
  margin-top:-22px;
}

.pop_body.info .callcenter {
  display:flex;
  width: 100%;
  justify-content: center;
  gap:10px;
}

.pop_body.info .callcenter > a {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border:1px solid #ddd;
  border-radius:8px;
  padding:16px 0;
  margin-bottom:16px;
}

.pop_body.info .callcenter > a > p:first-child {
  font-size: 0.75rem;
  line-height: 1rem;
  color:#666;
}

.pop_body.info .callcenter > a > p:last-child {
  font-size:1rem;
  font-weight: bold;
  line-height: 1.25rem;
  color:#1f1f1f
}
.pop_body > .info_txt {
  position: relative;
  word-break: keep-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  padding-top: 68px;
  margin-top: -28px;
}
.pop_body > .info_txt.dataChk{margin-top:0;padding-top:0;font-size:1.125rem;font-weight:600;color:#222;line-height:140%;}
.pop_body > .info_txt.dataChk::before{position:relative;top:auto;left:auto;right:auto;bottom:auto;border-radius:0;margin:1.5rem auto 1rem auto;display:block;content:"";width:6rem;height:6rem;background:url('../images/img_ico_warning.svg') no-repeat center center;background-size:100% 100%;}
.pop_body > .info_txt.dataChk + .info_sub{display:none;}
.pop_body > .info_txt.dataChk + .info_sub + .txt_sorry{border-radius:0.75rem;padding:1.25rem;margin-top:1.5rem;background:#f7f8f9;}
.pop_body > .info_txt.dataChk + .info_sub + .txt_sorry::before{display:none;}
.pop_body > div.txt_sorry dl{text-align:left;}
.pop_body > div.txt_sorry dt{font-size:1rem;font-weight:600;color:#222;margin-bottom:0.5rem;}
.pop_body > div.txt_sorry dd{font-size:0.875rem;font-weight:400;color:#606366;}
.pop_body > div.txt_sorry dd p.txt_support{line-height:160%;font-size:0.875rem;font-weight:400;color:#606366;}



.normal .pop_body > .info_txt {
  margin-top: 0;
  padding-top: 74px;
}
.pop_body > .info_txt::before {
  content: "";
  position: absolute;
  display: block;
  left: calc(50% - 22px);
  top: -26px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}






.pop_body > .info_txt.warning::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='6' height='21' viewBox='0 0 6 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 19L3 11' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='3' cy='3' r='3' fill='%23ffffff'/%3e%3c/svg%3e");
  background-size: 6px;
  background-position: center center;
  background-color: #ffdd00;
  transform: rotate(180deg);
}
.pop_body > .info_txt.info::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='6' height='21' viewBox='0 0 6 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 19L3 11' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='3' cy='3' r='3' fill='%23ffffff'/%3e%3c/svg%3e");
  background-size: 6px;
  background-position: center center;
  background-color: #0c68f0;
}
.pop_body > .info_txt.complete::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 2L5.30482 12.2143L2 8.73252' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 17px;
  background-position: center center;
  background-color: #00a353;
}
.pop_body > .info_txt.accept_t {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.pop_body > .info_txt.accept_t::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.9996 47.9993C21.8957 47.9993 18.8833 47.3909 16.0465 46.191C13.3077 45.0328 10.8481 43.3747 8.73669 41.2626C6.62531 39.1512 4.96651 36.6916 3.80825 33.9528C2.60839 31.116 2 28.1036 2 24.9996C2 21.8957 2.60839 18.8833 3.80825 16.0465C4.96651 13.3077 6.6246 10.8481 8.73669 8.73599C10.8481 6.6246 13.3077 4.96581 16.0465 3.80754C18.8833 2.60839 21.8957 2 24.9996 2C28.1036 2 31.116 2.60839 33.9528 3.80825C36.6916 4.96651 39.1512 6.6246 41.2633 8.73669C43.3747 10.8481 45.0328 13.3077 46.1918 16.0472C47.3916 18.884 48 21.8964 48 25.0004C48 28.1043 47.3916 31.1167 46.1918 33.9535C45.0335 36.6923 43.3754 39.1519 41.2633 41.2633C39.1519 43.3747 36.6923 45.0335 33.9528 46.1918C31.116 47.3916 28.1036 48 24.9996 48V47.9993ZM24.9996 5.43602C14.2122 5.43602 5.43602 14.2122 5.43602 24.9996C5.43602 35.7871 14.2122 44.5633 24.9996 44.5633C35.7871 44.5633 44.5633 35.7871 44.5633 24.9996C44.5633 14.2122 35.7871 5.43673 24.9996 5.43673V5.43602Z' fill='%23ef3b24'/%3e%3cpath d='M25 39C22.9812 39 20.9991 38.4606 19.2678 37.4409C17.5892 36.4521 16.1866 35.0376 15.2109 33.3518C14.7775 32.6028 15.0334 31.6442 15.7827 31.2109C16.5319 30.7775 17.4908 31.0334 17.9243 31.7824C19.3816 34.3015 22.0931 35.8657 25 35.8657C27.9069 35.8657 30.6177 34.3008 32.0757 31.7824C32.5092 31.0334 33.4681 30.7775 34.2173 31.2109C34.9666 31.6442 35.2225 32.6028 34.7891 33.3518C33.8134 35.0376 32.4108 36.4514 30.7322 37.4409C29.0015 38.4612 27.0194 39 25 39Z' fill='%23ef3b24'/%3e%3cpath d='M15.3992 23C17.2765 23 18.7983 21.433 18.7983 19.5C18.7983 17.567 17.2765 16 15.3992 16C13.5219 16 12 17.567 12 19.5C12 21.433 13.5219 23 15.3992 23Z' fill='%23ef3b24'/%3e%3cpath d='M34.5 23.2077C36.433 23.2077 38 21.5942 38 19.6038C38 17.6135 36.433 16 34.5 16C32.567 16 31 17.6135 31 19.6038C31 21.5942 32.567 23.2077 34.5 23.2077Z' fill='%23ef3b24'/%3e%3c/svg%3e");
  background-size: 50px;
  background-position: center center;
  width: 50px;
  height: 50px;
  border-radius: 0;
  left: calc(50% - 25px);
}
.pop_body > .info_txt.failed_t {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
.pop_body > .info_txt.failed_t::before {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.9996 47.9993C21.8957 47.9993 18.8833 47.3909 16.0465 46.191C13.3077 45.0328 10.8481 43.3747 8.73599 41.2626C6.6246 39.1512 4.96581 36.6916 3.80754 33.9528C2.60839 31.116 2 28.1036 2 24.9996C2 21.8957 2.60839 18.8833 3.80825 16.0465C4.96651 13.3077 6.6246 10.8481 8.73669 8.73599C10.8481 6.6246 13.3077 4.96581 16.0472 3.80754C18.8833 2.60839 21.8957 2 24.9996 2C28.1036 2 31.116 2.60839 33.9528 3.80825C36.6916 4.96651 39.1512 6.6246 41.2633 8.73669C43.3747 10.8481 45.0335 13.3077 46.1918 16.0472C47.3916 18.884 48 21.8964 48 25.0004C48 28.1043 47.3916 31.1167 46.1918 33.9535C45.0335 36.6923 43.3754 39.1519 41.2633 41.2633C39.1519 43.3747 36.6923 45.0335 33.9528 46.1918C31.116 47.3916 28.1036 48 24.9996 48V47.9993ZM24.9996 5.43602C14.2122 5.43602 5.43602 14.2122 5.43602 24.9996C5.43602 35.7871 14.2122 44.5633 24.9996 44.5633C35.7871 44.5633 44.5633 35.7871 44.5633 24.9996C44.5633 14.2122 35.7871 5.43673 24.9996 5.43673V5.43602Z' fill='%231f1f1f'/%3e%3cpath d='M25 31C22.9812 31 20.9991 31.5394 19.2678 32.5591C17.5892 33.5479 16.1866 34.9624 15.2109 36.6482C14.7775 37.3972 15.0334 38.3558 15.7827 38.7891C16.5319 39.2225 17.4908 38.9666 17.9243 38.2176C19.3816 35.6985 22.0931 34.1343 25 34.1343C27.9069 34.1343 30.6177 35.6992 32.0757 38.2176C32.5092 38.9666 33.4681 39.2225 34.2173 38.7891C34.9666 38.3558 35.2225 37.3972 34.7891 36.6482C33.8134 34.9624 32.4108 33.5486 30.7322 32.5591C29.0015 31.5388 27.0194 31 25 31Z' fill='%231f1f1f'/%3e%3cpath d='M15.3992 23C17.2765 23 18.7983 21.433 18.7983 19.5C18.7983 17.567 17.2765 16 15.3992 16C13.5219 16 12 17.567 12 19.5C12 21.433 13.5219 23 15.3992 23Z' fill='%231f1f1f'/%3e%3cpath d='M34.5 23.2077C36.433 23.2077 38 21.5942 38 19.6038C38 17.6135 36.433 16 34.5 16C32.567 16 31 17.6135 31 19.6038C31 21.5942 32.567 23.2077 34.5 23.2077Z' fill='%231f1f1f'/%3e%3c/svg%3e");
  background-size: 50px;
  background-position: center center;
  width: 50px;
  height: 50px;
  border-radius: 0;
  left: calc(50% - 25px);
}

/* 20260206 추가 [S] */
.pop_body > .info_txt.setAlim {display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:24px;margin-top:0;line-height:28px;}
.pop_body > .info_txt.setAlim::before {content:'';position:relative;top:0;left:0;background-image: url("../images/renew/img_alim.png");background-size: 120px auto;background-position: center center;width:120px;height:120px;border-radius:0;margin-bottom:24px;}
.pop_body > .info_txt.setAlim .subDesc {color:#222;font-size:16px;font-weight:400;line-height:27px;letter-spacing:-0.3px;margin-top:8px;}
.pop_body > .info_txt.setAlim.rate::before {background-image: url("../images/renew/img_alim_rate.png");}
.pop_body > .info_txt.setAlim.reset::before {width:140px;height:100px;background-image: url("../images/renew/img_alim_reset.png");background-size:140px auto;}
/* 20260206 추가 [E] */

.pop_body > .info_txt > strong {
  color: var(--fc-red);
}

.pop_body > .info_txt > em {
  display: block;
  width: 100%;
  padding-top: 12px;
}
.pop_body > .info_sub {
  position: relative;
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: center;
  margin-top: 24px;
}

.pop_body.info > .info_sub {
  margin-top:8px;
  padding-bottom:24px;
}
.pop_body > .info_sub span {
  color: var(--list-fcolor);
}
.pop_body > .info_sub span.tel {
  color: var(--base-fcolor);
}
.pop_body > .info_sub strong {
  color: var(--fc-red);
}
.pop_body > .info_help {
  display: flex;
  padding-top: 24px;
}
.pop_body > .info_help a {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 48px;
  margin: 0 5px;
  border: 1px solid var(--fc-red);
  border-radius: 8px;
  width: calc(50% - 10px);
}
.pop_body > .info_help a::after {
  content: "";
  position: absolute;
  bottom: 16px;
  display: block;
  width: 32px;
  height: 32px;
  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='M12.362 5.88504C13.5494 6.08404 14.628 6.64486 15.4891 7.50418C16.3502 8.3635 16.9076 9.43991 17.1115 10.6249M12.5433 2C14.6552 2.3573 16.5813 3.35682 18.1131 4.88098C19.6449 6.40967 20.642 8.33183 21 10.4394M19.3503 18.8246C19.3503 18.8246 18.2037 19.9507 17.9227 20.2809C17.465 20.7693 16.9257 21 16.2187 21C16.1507 21 16.0782 21 16.0102 20.9955C14.6642 20.9095 13.4134 20.3849 12.4753 19.9372C9.91018 18.6979 7.65778 16.9386 5.78607 14.7089C4.24066 12.85 3.20736 11.1314 2.52303 9.28612C2.10156 8.15996 1.94747 7.28255 2.01545 6.45489C2.06077 5.92573 2.26471 5.48702 2.64086 5.11164L4.18627 3.56939C4.40834 3.36134 4.644 3.24827 4.87514 3.24827C5.16065 3.24827 5.39178 3.42014 5.53681 3.56486C5.54134 3.56939 5.54587 3.57391 5.5504 3.57843C5.82685 3.83623 6.08971 4.10307 6.36616 4.388C6.50665 4.53273 6.65168 4.67746 6.7967 4.82671L8.03394 6.06141C8.51433 6.54082 8.51433 6.98405 8.03394 7.46346C7.90251 7.59462 7.77561 7.72578 7.64418 7.85241C7.2635 8.24137 7.56255 7.94293 7.16826 8.2957C7.1592 8.30475 7.15014 8.30927 7.1456 8.31831C6.75585 8.70727 6.82836 9.08718 6.90994 9.34497C6.91447 9.35854 6.919 9.37211 6.92354 9.38568C7.24531 10.1636 7.69851 10.8963 8.38737 11.7692L8.3919 11.7737C9.64273 13.3114 10.9615 14.5099 12.4163 15.428C12.6021 15.5456 12.7925 15.6406 12.9737 15.7311C13.1369 15.8125 13.291 15.8894 13.4224 15.9708C13.4405 15.9798 13.4587 15.9934 13.4768 16.0024C13.6309 16.0793 13.7759 16.1155 13.9255 16.1155C14.3016 16.1155 14.5373 15.8803 14.6143 15.8034L15.5027 14.9169C15.6567 14.7631 15.9015 14.5777 16.187 14.5777C16.468 14.5777 16.6991 14.7541 16.8396 14.9079C16.8441 14.9124 16.8441 14.9124 16.8487 14.9169L19.3458 17.4089C19.8126 17.8703 19.3503 18.8246 19.3503 18.8246Z' stroke='%231f1f1f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 16px;
  background-position: center center;
  background-color: var(--border-color);
  border-radius: 50%;
}
.pop_body > .info_help a dl {
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pop_body > .info_help a dl dt {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.pop_body > .info_help a dl dd {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}

.pop_bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.25rem 1.25rem 1.25rem;
}
.pop_bottom button[class^=pop_btn_] {
  position: relative;
  display: flex;
  align-items:center;
  justify-content:center;
  height: 3rem;
  border-radius: 0.5rem;
}
.pop_bottom button[class^=pop_btn_] > span {
  word-break: break-all;
  letter-spacing: 0;
  font-weight: 600; /* 20260206 700->600 변경 */
  font-size: 1rem;
  line-height: 1;
  color: var(--btn-ok-fcolor);
}
@media (max-width: 280px) {
  .pop_bottom button[class^=pop_btn_] > span {
    word-break: break-all;
    letter-spacing: -0.3px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 281px) and (max-width: 320px) {
  .pop_bottom button[class^=pop_btn_] > span {
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.pop_bottom button:disabled, .pop_bottom button.dim {
  background: var(--btn-disabled-bgcolor) !important;
}

.pop_bottom button:disabled span, .pop_bottom button.dim span{color:#8c9094;}


.pop_bottom .pop_btn_secondary {
  background: var(--btn-line-bgcolor);
}
.pop_bottom .pop_btn_cancel {
  background: var(--btn-cancel-bgcolor);
}
.pop_bottom .pop_btn_primary,
.pop_bottom .pop_btn_ok {
  width: 100%;
  background: var(--btn-ok-bgcolor);
}
.pop_bottom.col2 .pop_btn_cancel {
  width: 33%;
}
.pop_bottom.col2 .pop_btn_ok {
  width: calc(67% - 10px);
  margin-left: 10px;
}
.pop_bottom.col2 .pop_btn_secondary {
  width: calc(50% - 5px);
}
.pop_bottom.col2 .pop_btn_primary {
  width: calc(50% - 5px);
  margin-left: 10px;
}
.pop_bottom.half .pop_btn_secondary,
.pop_bottom.half .pop_btn_cancel {
  width: calc(50% - 5px);
}
.pop_bottom.half .pop_btn_primary,
.pop_bottom.half .pop_btn_ok {
  width: calc(50% - 5px);
  margin-left: 10px;
}
/* 20240216 스탬프 리워드 [S] */
.pop_bottom.half2 .pop_btn_secondary,
.pop_bottom.half2 .pop_btn_cancel {
    width: calc(35% - 5px);
}
.pop_bottom.half2 .pop_btn_primary,
.pop_bottom.half2 .pop_btn_ok {
    width: calc(65% - 5px);
}
/* //20240216 스탬프 리워드 [E] */
@media (max-width: 280px) {
  .pop_bottom.half .pop_btn_secondary,
  .pop_bottom.half .pop_btn_cancel {
    width: calc(50% - 2px);
  }
  .pop_bottom.half .pop_btn_primary,
  .pop_bottom.half .pop_btn_ok {
    width: calc(50% - 2px);
    margin-left: 4px;
  }
}
.pop_bottom > .inner {
  display: flex;
}
.pop_bottom > .inner.shadow {
  box-shadow: 0 -5px 14px rgba(0, 0, 0, 0.06);
}

/* 문제풀이 */

#Header.class {
  border-bottom:1px solid #ebebeb;
}

#Container .contents.class {
  padding-top:56px;
}

#Container .contents.class.add {
  padding-top:80px;
}

#Container .contents.bg {
  background-color:#f7f8f9;
  padding-left:0;
  padding-right:0;
  padding-top:5rem;
}
#Container .contents.bg .exam_progress  {
  margin-left:0;
  margin-right:0;
}
#Container .contents.bg .test_area {
  background-color:#fff;
  padding-left:24px;
  padding-right:24px;
}
.class .test_area {
  padding-top:16px
}

.class .test_qa dt {
  line-height:26px
}

.class .test_qa dt em {
  line-height: 26px;
}

.class .test_qa dt em.bg_r {
  background-color:#ffdecc;
  color:#ef3b24;
  padding:3px 0;
  position:relative
}

.class .radio_test_group .correct_a input[type=radio]:disabled + label {
  background-color:#fd0;
  border-color:#fd0
}

.class .test_qa dd.test_a {
  padding-top:16px;
}

.class .test_qa dt span > b {
  font-size:14px;
  color:#ef3b24;
  font-style: oblique;
  margin-left:4px
}

.class .radio_test_group input[type=radio]:disabled + label > span > em.pen {
  color:#999;
  position:relative;
}

.class .radio_test_group input[type=radio]:disabled + label > span > em > b {
  display:inline-block;
  width:200px;
  position: absolute;
  left:0;
  top:18px;
  font-size:14px;
  color:#ef3b24;
  font-style: oblique;
}

.class .radio_test_group input[type=radio]:disabled + label > span > em.top > b {
  top:-15px;
}

.class .radio_test_group input[type=radio]:disabled + label > span > em.add {
  color:#ef3b24;
  background-color:#ffdecc;
  padding:3px 0;
  position:relative;
  font-weight:bold;
}

.class .radio_test_group input[type=radio]:disabled + label > span > em.pen {
  position:relative;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color:#ef3b24;
}

.class .radio_test_group input[type=radio]:disabled + label > span > b {
  font-size:14px;
  color:#ef3b24;
  font-style: oblique;
  margin-left:4px
}

.class .test_qa dd.test_a li .box {
  padding:8px 16px 8px 12px;
  background-color: #f8f8f8;
  border-radius: 8px;;
}

.class .test_qa dd.test_a li .box p {
  color:#1f1f1f;
  font-size:1rem;
  line-height:1.25rem;
  padding-bottom:8px;
}

.class .test_qa dd.test_a li .box p:last-child {
  padding-bottom:0;
}

.class .test_qa dd.test_a li {
  padding-top:8px
}

.class .test_qa dd.test_a li .box p > em.add {
  color:#ef3b24;
  background-color:#ffdecc;
  padding:3px 0;
  position:relative
}

.class .test_qa dd.test_a li .box p > em.pen {
  position:relative;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color:#ef3b24;
}

.class .test_qa dd.test_a li .box p > b {
  font-size:14px;
  color:#ef3b24;
  font-style: oblique;
}

.class .test_qa dt em.bg_r > b {
  display:inline-block;
  position: absolute;
  left:0;
  top:18px;
  font-size:14px;
  color:#ef3b24;
  font-style: oblique;
}
.none {
  display:none;
}

.test_area .right_btns {
  display:flex;
  justify-content: end;
  padding-bottom:16px;
}

/* switch */

.switch {
  height:24px;
}
.switch label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.switch [type="checkbox"] {
  appearance: none;
  position: relative;
  width:40px;
  height:24px;
  border-radius: 19px;
  background-color:#666;
  display:flex;
  align-items: center;
  margin-right:10px;
}

.switch [type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  width:20px;
  height:20px;
  background-color:#fff;
  border-radius: 19px;
  transform: scale(0.8);
  transition: left 250ms linear;
}

.switch [type="checkbox"]:checked {
  background-color: #ef3b24;
}

.switch [type="checkbox"]:checked::before {
  background-color: white;
  left: 20px;
}

.switch [type="checkbox"]:disabled {
  border-color: lightgray;
  opacity: 0.7;
  cursor: not-allowed;
}

.switch [type="checkbox"]:disabled:before {
  background-color: lightgray;
}

.switch [type="checkbox"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.switch [type="checkbox"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid tomato;
}

.radio_test_group input.num[type=radio] + label > em {
  color: var(--fc-white);
  background-color: var(--base-fcolor);
  border-color: var(--base-fcolor);
}

.radio_test_group input.num[type=radio] + label > span {
  color: var(--base-fcolor);
}

.pop_body > .call {
  display:flex;
  flex-direction: column;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

#Wrap.add {
  background-color:#f8f8f8;
}


/* 2024-04-30 */
.info_box{border:1px solid #1f1f1f; border-radius: 8px; margin: 0 10px; padding: 24px 20px;}
.info_box > dl{display: flex; gap: 20px; font-size: 16px;}
.info_box > dl + dl{margin-top: 16px;}
.info_box > dl > dt{color: #666;}
.info_box > dl > dd{font-weight: bold; line-height: 20px; color: #1f1f1f;}
.qr_box{text-align: center; margin-top: 24px; padding: 0 10px;}
.qr_box img{width: 120px; height:120px; display: block; margin: 0 auto;}
.qr_box .time{font-weight: bold; margin-top: 8px; display: inline-block;}
.qr_box .time:before{content: ''; display: inline-block; width: 20px; height: 20px; margin: -3px 2px 0 0; vertical-align: middle; background:  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwIiByPSI2LjUiIHN0cm9rZT0iIzFGMUYxRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTEwLjUgNi41VjEwTDEzIDEyIiBzdHJva2U9IiMxRjFGMUYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") no-repeat center center;}
.qr_box > .txt{margin-top: 24px; height: 36px; line-height: 36px; background: #f8f8f8; border-radius: 8px; color: #1f1f1f;}

/* 20241018 모의고사 푼 현황 */
#Header .right_btns button:not(:first-child) {margin-left:0.5rem;}
#Header button.header_exam {
  width:auto;
  padding:4px 8px;
  background-color:#104ca3;
  color:var(--fc-white);
  font-size:12px;
  font-weight:700;
  line-height:16px;
  border-radius:16px;
  vertical-align:top;
}
.scroll_area {margin-top:24px;max-height:calc(500px - 92px);overflow-y:auto;}
.tbl_details {margin-top:20px; background:#f8f8f8; border-radius:8px; padding:12px 14px;}
.tbl_details .tit {font-size:14px;font-weight:700}
.tbl_details .tit em {font-size:16px;}
.tbl_details ul {margin-top:4px; padding-left:15px;}
.tbl_details ul li {position:relative; padding-left:17px; font-size:14px;}
.tbl_details ul li em {position:absolute; left:0; font-size:16px;}
.tbl_type {border-bottom:1px solid #1f1f1f;}
.tbl_type th {height:40px; border-top:1px solid #1f1f1f; border-bottom:1px solid #1f1f1f; font-size:15px;}
.tbl_type .fc_red {color: var(--fc-red);}
.tbl_type tbody th {height:39px;font-weight:400;background:#f8f8f8;border-top:1px solid #ebebeb;border-bottom:none !important;}
.tbl_type tbody td {border-top:1px solid #ebebeb;height:39px;text-align:center;border-left:1px solid #ebebeb; font-size:15px;}
.tbl_type tbody td .completed {color:#0c68f0;font-weight:700;}
.tbl_type tbody td .incompleted {color:#999;font-weight:500;}
.exam_gap .popup.alert .pop_body {padding:2rem 1.25rem 0 1.25rem;}
.popNotiInfo .popup .pop_body {padding:2rem 1.25rem 0 1.25rem;}
.popNotiInfo .scroll_area.notiInfoBox{margin:0;height:25rem;overflow-y:auto;overflow-x:hidden;background:#f7f8f9;padding:1.25rem;line-height:160%;}

.popNotiInfo .scroll_area.notiInfoBox + .todayChk{margin-top:1rem;}


.exam_gap .popup.alert .pop_bottom{padding-top:1.25rem;}
/* 20250218 모의고사 푼 현황 수정*/
.tbl_type tbody td.gubun {border-left:0;position:relative;}
.tbl_type tbody td.gubun::before {content:'';width:1px;height:22px;background-color:#ebebeb;position:absolute;left:0;top:calc(50% - 11px);}
.tbl_type tbody td .bonus {padding:2px 8px 2px 12px;background:#104ca3;border-radius:24px;color:#fff;font-size:14px;font-weight:700;line-height:18px;}
.tbl_type.tfoot {border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;position:relative;z-index:1;}
.tbl_type.tfoot table {table-layout:fixed;}
.tbl_type.tfoot tbody {position:relative;}
.tbl_type.tfoot tbody .total_tit {height:40px;background:#f8f8f8;font-size:16px;font-weight:700;line-height:20px;text-align:center;border-top:1px solid #f8f8f8;border-left:0;}
.tbl_type.tfoot tbody .total_val {height:40px;background:#1f1f1f;color:#fff;font-size:16px;font-weight:700;line-height:20px;text-align:center;border-top:1px solid #1f1f1f;}
.cash_board {width:259px;height:133px;margin:24px auto;background:url(../images/bg_cash_board.png) no-repeat 0 0;background-size:100%;position:relative;text-align:center;}
.cash_board::before {content:'';display:block;width:43px;height:76px;background:url(../images/ico_coin_stack.png) no-repeat 0 0;background-size:100%;position:absolute;left:-14px;bottom:0;}
.cash_board::after {content:'';display:block;width:50px;height:89px;background:url(../images/ico_coin_stack2.png) no-repeat 0 0;background-size:100%;position:absolute;right:-2px;bottom:-19px;}
.cash_board .tit {display:inline-block;margin:32px 0 21px;padding-left:48px;font-size:0;font-weight:700;position:relative;}
.cash_board .tit::before {content:'';display:block;width:40px;height:40px;background:url(../images/ico_unit_won.png) no-repeat 0 0;background-size:100%;position:absolute;left:0;}
.cash_board .tit strong {display:inline-block;font-size:30px;line-height:34px;color:#fff;}
.cash_board .tit .unit {margin-left:3px;font-size:18px;line-height:normal;color:#fff;position:relative;top:-3px;}
.cash_board .txt {color:#fff;font-size:16px;line-height:20px;font-weight:500;}
.cash_noti {background:#f8f8f8;border-radius:8px;padding:12px 14px;}
.cash_noti >p {position:relative;padding-left:16px;font-size:14px;line-height:24px;font-weight:700;}
.cash_noti >p::before {content:'※';display:block;position:absolute;left:0;top:0;}
.cash_noti .fk_txt {padding:4px 8px;background-color:#104ca3;color:#fff; font-size:12px;font-weight:700;border-radius:16px;line-height:1;position:relative;top:-1px;}
.scroll_area.scrollmaxH {max-height:274px;}
.scroll_area.scrollmaxH .tbl_type {border-bottom:0;}


.notice_detail .notice_cont *{color:inherit}