@charset "UTF-8";
:root { --main-100: #20BCB7; --main-50: #90DEDB; --main-30: #BDEBEA; --main-10: #E9F9F8; --grey-100: #212529; --grey-90: #343A40; --grey-80: #495057; --grey-70: #868E96; --grey-60: #ADB5BD; --grey-50: #CED4DA; --grey-40: #DEE2E6; --grey-30: #E9ECEF; --grey-20: #F1F3F5; --grey-10: #F8F9FA; --black: #000; --white: #fff; --red: #FF4545; --light-red: #DC948D; --violet: #845EF7; --skyblue: #339AF0; --light-green: #82C91E; --deep-green: #008682; --table-th: #F4F6F9; --table-bd: #CED0DA; }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url("../fonts/noto-sans-kr-v27-korean_latin-100.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("../fonts/noto-sans-kr-v27-korean_latin-300.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../fonts/noto-sans-kr-v27-korean_latin-regular.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../fonts/noto-sans-kr-v27-korean_latin-500.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../fonts/noto-sans-kr-v27-korean_latin-700.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("../fonts/noto-sans-kr-v27-korean_latin-900.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url("../fonts/nanum-gothic-v21-korean_latin-regular.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url("../fonts/nanum-gothic-v21-korean_latin-700.woff2") format("woff2"); }

@font-face { font-display: swap; font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url("../fonts/nanum-gothic-v21-korean_latin-800.woff2") format("woff2"); }

@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 100; src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.eot"); src: local("Spoqa Han Sans Neo Thin"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff") format("woff"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf") format("truetype"); }

@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 300; src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.eot"); src: local("Spoqa Han Sans Neo Light"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff") format("woff"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf") format("truetype"); }

@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 400; src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.eot"); src: local("Spoqa Han Sans Neo Regular"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 500; src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.eot"); src: local("Spoqa Han Sans Neo Medium"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Spoqa Han Sans Neo'; font-weight: 700; src: url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.eot"); src: local("Spoqa Han Sans Neo Bold"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype"); }

@font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src: local("Pretendard Black"), url("../fonts/Pretendard/Pretendard-Black.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Black.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src: local("Pretendard ExtraBold"), url("../fonts/Pretendard/Pretendard-ExtraBold.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-ExtraBold.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local("Pretendard Bold"), url("../fonts/Pretendard/Pretendard-Bold.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Bold.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local("Pretendard SemiBold"), url("../fonts/Pretendard/Pretendard-SemiBold.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-SemiBold.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src: local("Pretendard Medium"), url("../fonts/Pretendard/Pretendard-Medium.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Medium.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local("Pretendard Regular"), url("../fonts/Pretendard/Pretendard-Regular.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Regular.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src: local("Pretendard Light"), url("../fonts/Pretendard/Pretendard-Light.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Light.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src: local("Pretendard ExtraLight"), url("../fonts/Pretendard/Pretendard-ExtraLight.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-ExtraLight.subset.woff") format("woff"); }

@font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src: local("Pretendard Thin"), url("../fonts/Pretendard/Pretendard-Thin.subset.woff2") format("woff2"), url("../fonts/Pretendard/Pretendard-Thin.subset.woff") format("woff"); }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; -webkit-text-size-adjust: none; }

fieldset, img { border: 0 none; vertical-align: top; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

input, select, textarea, button { vertical-align: middle; outline: none; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

body { background: #fff; font: 16px/1em; font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color: #000; font-weight: 400; }

th, td, input, select, textarea, button { font: 16px/1em; font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; color: #000; font-weight: 400; }

a { color: #000; text-decoration: none; }

a:active, a:hover { text-decoration: underline; }

button:active, button:focus { outline: none; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

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

caption { text-indent: -9999px; height: 0px; width: 0px; }

::-webkit-input-placeholder { color: #b3b3b3; }

::-moz-placeholder { color: #b3b3b3; }

:-ms-input-placeholder { color: #b3b3b3; }

:-moz-placeholder { color: #b3b3b3; }

label { cursor: pointer; }

select::-ms-expand { display: none; }

select { -webkit-appearance: none; background: url(/static/image/icon_arrow_02.png) no-repeat 90% center; height: 40px; font-size: 16px; padding: 0.4rem 2rem 0.65rem 0.5rem; background-color: #fff; }

header { position: relative; z-index: 1000; width: 100%; min-width: 1224px; background: #FFFFFF; height: auto; }

header.fixed-top { position: fixed; top: 0px; z-index: 999; background: white; }

header * { box-sizing: border-box; }

header .inner { width: 1224px; margin: 0 auto; }

header .top { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto; height: 52px; border-bottom: 1px solid #DADEE7; }

header .top .inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }

header .top .inner .header-top-menu { display: flex; align-items: center; }

header .top .inner .header-top-menu > li { display: flex; align-items: center; }

header .top .inner .header-top-menu > li + li:before { content: ""; display: block; width: 2px; height: 2px; background-color: #868C99; border-radius: 50%; margin: 0 8px; }

header .top .inner .header-top-menu > li a { display: block; color: var(--Grey-80, #5C626C); text-align: center; font-family: "Spoqa Han Sans Neo"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; }

header .top .inner .header-top-menu > li a.active { color: #197EDF; }

header .top h1 { padding-top: 30px; }

header .top h1 a { display: block; text-indent: -9999px; overflow: hidden; width: 158px; height: 43px; background-image: url(/static/image/common/spr-header.svg); background-position: 0 0; background-repeat: no-repeat; }

header .top .util .link-wrap { display: flex; align-items: center; justify-content: end; }

header .top .util .link-wrap a, header .top .util .link-wrap button { display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 28px; color: #5C626C; font-family: Malgun Gothic; position: relative; }

header .top .util .link-wrap a.active, header .top .util .link-wrap button.active { color: #20BCB7; font-weight: bold; }

header .top .util .link-wrap a.btn-join, header .top .util .link-wrap button.btn-join { display: block; width: 118px; height: 32px; padding: 6px 0; line-height: 19px; text-align: center; border-radius: 4px; border: 1px solid #B1D8FF; background: #EFF7FF; color: #20bcb7; font-family: Pretendard; font-size: 14px; font-weight: 500 !important; margin-left: 18px; }

header .top .util .link-wrap a.btn-join:before, header .top .util .link-wrap button.btn-join:before { display: none; }

header .top .util .link-wrap a + a, header .top .util .link-wrap a + button, header .top .util .link-wrap button + a, header .top .util .link-wrap button + button { margin-left: 8px; }

header .top .util .link-wrap a + a:before, header .top .util .link-wrap a + button:before, header .top .util .link-wrap button + a:before, header .top .util .link-wrap button + button:before { content: ""; display: block; width: 2px; height: 2px; background-color: #bcc7d1; border-radius: 50%; margin-right: 8px; }

header .top .util .link-wrap a.ui-btn, header .top .util .link-wrap button.ui-btn { font-family: Pretendard; }

header .top .util .link-wrap a.ui-btn.btn-voucher, header .top .util .link-wrap button.ui-btn.btn-voucher { min-width: 108px; height: 32px !important; font-size: 14px; color: #F9FAFD; padding: 0 24px; line-height: 28px; margin-right: 8px; border-radius: 4px; }

header .top .util .link-wrap a.ui-btn.btn-voucher.zocbo_settlement_rnpay, header .top .util .link-wrap button.ui-btn.btn-voucher.zocbo_settlement_rnpay { margin-left: 12px; margin-right: 0; }

header .top .util .link-wrap a.ui-btn.btn-voucher.zocbo_settlement_rnpay:before, header .top .util .link-wrap button.ui-btn.btn-voucher.zocbo_settlement_rnpay:before { display: none; }

header .top .util .link-wrap a.ui-btn.btn-voucher + a:before, header .top .util .link-wrap a.ui-btn.btn-voucher + button:before, header .top .util .link-wrap button.ui-btn.btn-voucher + a:before, header .top .util .link-wrap button.ui-btn.btn-voucher + button:before { display: none; }

header .top .util .link-wrap a.btn-login, header .top .util .link-wrap button.btn-login { margin-left: 16px; }

header .top .util .link-wrap a.btn-login:before, header .top .util .link-wrap button.btn-login:before { width: 1px; height: 8px; margin-right: 16px; border-radius: 0; }

header .top .util .link-wrap a.myvoucher, header .top .util .link-wrap button.myvoucher { font-size: 14px; font-weight: 400; }

header .top .util .link-wrap a.zocbo_settlement_rnpay, header .top .util .link-wrap button.zocbo_settlement_rnpay { height: 26px !important; padding: 4px 8px; }

header .top .util .link-wrap a .is-topNew, header .top .util .link-wrap button .is-topNew { position: absolute; right: -10px; top: -6px; }

header .top .util .personal-wrap { margin-left: 16px; display: flex; align-items: center; justify-content: flex-end; position: relative; }

header .top .util .personal-wrap a, header .top .util .personal-wrap button { font-family: Spoqa Han Sans Neo; }

header .top .util .personal-wrap a + a, header .top .util .personal-wrap a + button, header .top .util .personal-wrap button + a, header .top .util .personal-wrap button + button { margin-left: 0; }

header .top .util .personal-wrap a:before, header .top .util .personal-wrap button:before { display: none !important; }

header .top .util .personal-wrap a.ui-btn, header .top .util .personal-wrap button.ui-btn { color: #fff; }

header .top .util .personal-alarm { display: block; width: 24px; height: 24px; position: relative; background-image: url(/static/image/common/personal-alarm.svg); background-repeat: no-repeat; margin-top: 2px; margin-right: 16px; }

header .top .util .personal-alarm span { display: none; }

header .top .util .personal-alarm em { display: block; width: 16px; height: 16px; position: absolute; top: -1px; right: -3px; font-weight: 500; font-size: 10px; line-height: 16px; text-align: center; color: var(--white); background-color: #ff3f3f; border-radius: 50%; }

header .top .util .personal-profile-school { position: relative; }

header .top .util .personal-profile-btn { display: flex; align-items: center; width: 170px; height: 32px; position: relative; background: var(--white); border: 1px solid #BDC3CF; border-radius: 30px; padding: 0 12px; }

header .top .util .personal-profile-btn:after { content: ""; display: block; flex: 0px 0 0; border-top: 6px solid #555; border-right: 4px solid transparent; border-bottom: none; border-left: 4px solid transparent; }

header .top .util .personal-profile-btn .label { display: block; flex: auto 0 0; margin-right: 8px; }

header .top .util .personal-profile-btn span { flex: auto 1 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 12px; color: #5C626C; text-align: left; font-family: "Noto Sans KR"; }

header .top .util .personal-profile-tooltip { display: none; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); flex-direction: column; align-items: center; padding-top: 4px; z-index: 99; }

header .top .util .personal-profile-tooltip.active { display: flex; }

header .top .util .personal-profile-tooltip.disabled { display: none !important; pointer-events: none; }

header .top .util .personal-profile-tooltip:before { content: ""; display: block; width: 6px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.23077 0L0 6H6L3.23077 0Z' fill='%23FBDF83'/%3E%3C/svg%3E%0A"); }

header .top .util .personal-profile-tooltip p { font-weight: 400; font-size: 11px; line-height: 150%; color: var(--grey-80); background-color: #FBDF83; padding: 8px 22px; border-radius: 8px; text-align: center; white-space: nowrap; }

header .top .util .personal-profile-tooltip .notoday { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 6px; }

header .top .util .personal-profile-tooltip .notoday .ui-form-check[type=checkbox] { flex-basis: 16px; width: 16px; height: 16px; }

header .top .util .personal-profile-tooltip .notoday .ui-form-check[type=checkbox]:checked { background-size: 16px; }

header .top .util .personal-profile-tooltip .notoday .ui-form-check-inline label { flex-basis: auto; font-weight: 400; font-size: 11px; line-height: 16px; color: var(--grey-90); }

header .top .util .personal-profile-tooltip .notoday .btn-today-close { display: block; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.13017 4.13017C4.30374 3.95661 4.58515 3.95661 4.75871 4.13017L8 7.37146L11.2413 4.13017C11.4149 3.95661 11.6963 3.95661 11.8698 4.13017C12.0434 4.30374 12.0434 4.58515 11.8698 4.75871L8.62854 8L11.8698 11.2413C12.0434 11.4149 12.0434 11.6963 11.8698 11.8698C11.6963 12.0434 11.4149 12.0434 11.2413 11.8698L8 8.62854L4.75871 11.8698C4.58515 12.0434 4.30374 12.0434 4.13017 11.8698C3.95661 11.6963 3.95661 11.4149 4.13017 11.2413L7.37146 8L4.13017 4.75871C3.95661 4.58515 3.95661 4.30374 4.13017 4.13017Z' fill='%23111111'/%3E%3C/svg%3E%0A"); }

header .top .util .personal-profile-list { display: none; position: absolute; top: 48px; right: 0; width: 250px; background: var(--white); border: 1px solid #CED0DA; border-radius: 8px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 20px; z-index: 1; }

header .top .util .personal-profile-list.active { display: block; }

header .top .util .personal-profile-list li { display: flex; align-items: center; }

header .top .util .personal-profile-list li + li { margin-top: 16px; }

header .top .util .personal-profile-list li .label { display: block; flex: auto 0 0; margin-right: 8px; }

header .top .util .personal-profile-list li label { flex: auto 1 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 16px; color: var(--black); }

header .top .util .personal-profile-list li .ui-form-check { margin-left: 2px; flex: 20px 0 0; cursor: pointer; }

header .top .util .personal-profile-image { position: relative; margin-left: 8px; }

header .top .util .personal-profile-image span { display: block; width: 32px; height: 32px; }

header .top .util .personal-profile-image button.is-primary { border: none; border-radius: 0; }

header .top .util .personal-profile-image button.is-primary span { display: block; width: 82px; height: 32px; border: none; border-radius: 0; background-image: url("/static/image/profile-img.png"); background-color: transparent; }

header .top .util .personal-profile-image.is-active .personal-profile-info { display: block; }

header .top .util .personal-profile-info { position: absolute; top: 31px; right: 0; z-index: 120; display: none; width: 278px; padding-top: 17px; /* @include posa-tr(48px); background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); border-radius: 8px; */ }

header .top .util .personal-profile-info .info__container { background-color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); border-radius: 8px; }

header .top .util .personal-profile-info h2 { height: 52px; line-height: 51px; font-size: 16px; font-weight: 500; border: 1px solid #CED0DA; border-bottom-color: #E1E1E1; border-top-right-radius: 8px; border-top-left-radius: 8px; padding-left: 16px; }

header .top .util .personal-profile-info h2.is-notBorderBottom { border-bottom: none; }

header .top .util .personal-profile-info h2 strong { color: #20bcb7; }

header .top .util .personal-profile-info-body { width: 100%; padding: 12px 16px 12px 10px; box-sizing: border-box; border-left: 1px solid #CED0DA; border-right: 1px solid #CED0DA; }

header .top .util .personal-profile-info-body [class^="section"] { display: flex; width: 100%; }

header .top .util .personal-profile-info-body.has-renewal { padding: 0 16px 12px 10px; }

header .top .util .personal-profile-info-body .profile-info-image { height: 60px; position: relative; flex: 65px 0 0; margin-right: 10px; }

header .top .util .personal-profile-info-body .profile-info-image *[class^="profile-image"] { width: 60px; height: 60px; }

header .top .util .personal-profile-info-body .profile-info-image > button { display: block; width: 28px; height: 28px; padding: 0; border: none; position: absolute; bottom: 0; right: -5px; background-image: url(/static/image/common/spr-header.svg); background-position: -750px 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

header .top .util .personal-profile-info-body .profile-info-text { flex: auto 1 1; overflow: hidden; }

header .top .util .personal-profile-info-body .profile-info-text p, header .top .util .personal-profile-info-body .profile-info-text em { width: 100%; font-weight: 500; font-size: 14px; line-height: 20px; color: var(--grey-100); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

header .top .util .personal-profile-info-body .profile-info-text.master em { color: var(--violet); }

header .top .util .personal-profile-info-body .profile-info-text.manager em { color: var(--skyblue); }

header .top .util .personal-profile-info-body .profile-info-text.pic em { color: var(--light-green); }

header .top .util .personal-profile-info-body .section-image { align-items: center; }

header .top .util .personal-profile-info-body .section-voucher { flex-direction: column; }

header .top .util .personal-profile-info-body .section-voucher.active .section-voucher-btn-wrap { padding-left: 4px; }

header .top .util .personal-profile-info-body .section-voucher.active .section-voucher-btn-wrap .ui-btn { display: flex; }

header .top .util .personal-profile-info-body .section-voucher.active .section-voucher-info > p.has-voucher { display: block; }

header .top .util .personal-profile-info-body .section-voucher.active .section-voucher-info > p.no-voucher { display: none; }

header .top .util .personal-profile-info-body .section-voucher-btn-wrap { align-items: flex-end; justify-content: space-between; height: 28px; margin-bottom: 6px; }

header .top .util .personal-profile-info-body .section-voucher-btn-wrap .ui-btn { display: none; min-width: 84px; height: 28px; font-size: 14px; border-radius: 4px; }

header .top .util .personal-profile-info-body .section-voucher-info { position: relative; background: #F1F3F8; border-radius: 4px; padding: 8px; flex-direction: column; }

header .top .util .personal-profile-info-body .section-voucher-info > p { width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; }

header .top .util .personal-profile-info-body .section-voucher-info > p > strong, header .top .util .personal-profile-info-body .section-voucher-info > p > em { display: block; width: 100%; font-weight: 400; line-height: 20px; color: var(--black); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

header .top .util .personal-profile-info-body .section-voucher-info > p.no-voucher { color: #626262; text-align: center; padding: 10px; }

header .top .util .personal-profile-info-body .section-voucher-info > p.has-voucher { display: none; position: relative; }

header .top .util .personal-profile-info-body .section-voucher-info > p.has-voucher:hover + .section-voucher-info-tooltip { display: flex; }

header .top .util .personal-profile-info-body .section-voucher-info > p.has-voucher .voucher-count { width: auto; position: absolute; right: 0; top: 20px; color: var(--Main-100, #20BCB7); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

header .top .util .personal-profile-info-body .section-voucher-info-tooltip { display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); flex-direction: column; align-items: center; z-index: 9; }

header .top .util .personal-profile-info-body .section-voucher-info-tooltip:before { content: ""; display: block; width: 6px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.23077 0L0 6H6L3.23077 0Z' fill='%23FBDF83'/%3E%3C/svg%3E%0A"); }

header .top .util .personal-profile-info-body .section-voucher-info-tooltip p { font-weight: 400; font-size: 14px; line-height: 150%; color: var(--grey-90); background-color: #FBDF83; border-radius: 8px; padding: 15px 17px; }

header .top .util .personal-profile-info-body .section-voucher-info-tooltip p strong { font-weight: 400; }

header .top .util .personal-profile-info-body .section-voucher-info .btn-more-content-area { width: 100%; margin: 6px auto 0 auto; display: flex; align-items: center; justify-content: center; }

header .top .util .personal-profile-info-body .section-voucher-info .btn-more-content-area .btn-more-content { display: flex; align-items: center; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

header .top .util .personal-profile-info-body .section-voucher-info .btn-more-content-area .btn-more-content::after { content: ""; display: block; width: 13px; height: 14px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='7' r='6.5' fill='%23ADB5BD'/%3E%3Crect x='2.4375' y='6.49219' width='8.125' height='1.01562' fill='white'/%3E%3Crect x='5.99219' y='11.0625' width='8.125' height='1.01562' transform='rotate(-90 5.99219 11.0625)' fill='white'/%3E%3C/svg%3E%0A"); }

header .top .util .personal-profile-info-body .section-master-btn-wrap { display: none; }

header .top .util .personal-profile-info-body .section-master-btn-wrap.active { display: flex; }

header .top .util .personal-profile-info-body .section-master-btn-wrap .ui-btn { height: 34px; min-width: 0; font-size: 14px; flex: 50% 1 1; border-radius: 4px; margin-top: 10px; }

header .top .util .personal-profile-info-body .section-master-btn-wrap .ui-btn + .ui-btn { margin-left: 6px; }

header .top .util .personal-profile-info-body .section-link-group { display: block; margin-top: 10px; }

header .top .util .personal-profile-info-body .section-link-group .item { border-top: 1px solid #E1E1E1; padding: 10px 0; text-indent: 4px; }

header .top .util .personal-profile-info-body .section-link-group .item a, header .top .util .personal-profile-info-body .section-link-group .item button { display: block; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--grey-100); }

header .top .util .personal-profile-info-body .section-link-group .item a + a, header .top .util .personal-profile-info-body .section-link-group .item a + button, header .top .util .personal-profile-info-body .section-link-group .item button + a, header .top .util .personal-profile-info-body .section-link-group .item button + button { margin-top: 8px; }

header .top .util .personal-profile-info-footer { display: flex; height: 50px; background-color: #20BCB7; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }

header .top .util .personal-profile-info-footer a, header .top .util .personal-profile-info-footer button { display: flex; align-items: center; justify-content: center; flex: 50% 1 1; font-weight: 500; font-size: 14px; color: #FFFFFF; }

header .top .util .personal-profile-info-footer a { position: relative; }

header .top .util .personal-profile-info-footer a:after { content: ""; display: block; width: 1px; height: 8px; background-color: var(--white); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

header .mid { height: 96px; padding: 29px 0; }

header .mid .inner { position: relative; }

header .mid .inner h1 { margin: 0 auto; display: block; text-indent: -9999px; overflow: hidden; width: 145px; height: 100%; background-image: url(/static/image/common/spr-header-logo0516.svg); position: relative; /*  width: 222px; height: 70px; background-image: url(/static/image/common/spr-header-logo0508.gif); top: -8px; */ background-repeat: no-repeat; background-position: center 0; text-align: center; }

header .mid .inner h1 a { display: block; }

header .mid .inner .mid-student-go { display: flex; width: 120px; height: 40px; padding: 0px 3px; position: absolute; left: 0; top: 0; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 30px; border: 1px solid var(--Grey-40, #DADEE7); background: var(--Grey-30, #ECEEF3); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08) inset; }

header .mid .inner .mid-student-go a { width: 54px; color: var(--Grey-80, #5C626C); text-align: center; font-family: Spoqa Han Sans Neo; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; word-spacing: 0; cursor: pointer; }

header .mid .inner .mid-student-go a.active { display: flex; width: 56px; height: 32px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 30px; border: 1px solid #068D89; background: linear-gradient(108deg, #1CBCB7 0%, #028682 100%); color: #FFF; }

header .nav-wrap { display: flex; align-items: center; justify-content: space-between; width: 1224px; margin: 0 auto 0 auto; }

header .nav-wrap nav { display: flex; align-items: center; }

header .nav-wrap nav > a, header .nav-wrap nav > button { padding: 22px 0 23px 0; display: block; position: relative; font-weight: 500; font-size: 18px; line-height: 26px; color: var(--black); }

header .nav-wrap nav > a + a, header .nav-wrap nav > a + button, header .nav-wrap nav > button + a, header .nav-wrap nav > button + button { margin-left: 48px; }

header .nav-wrap nav > a.menu-zocbocloud, header .nav-wrap nav > button.menu-zocbocloud { width: 113px; height: 32px; padding: 0; }

header .nav-wrap nav > a.menu-zocbocloud:before, header .nav-wrap nav > button.menu-zocbocloud:before { content: ''; width: 113px; height: 32px; display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='113' height='32' viewBox='0 0 113 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5287_4953)'%3E%3Cpath d='M72.3697 24.0372C72.3697 24.4954 72.2641 24.9882 72.0493 25.5234C71.8346 26.0586 71.4997 26.5784 71.0447 27.0905C70.586 27.6026 70.0036 28.0223 69.2938 28.3419C68.5839 28.6615 67.754 28.8232 66.8076 28.8232C66.0905 28.8232 65.4389 28.75 64.8528 28.6075C64.2668 28.4651 63.7317 28.2418 63.2548 27.9376C62.778 27.6334 62.3339 27.233 61.9335 26.7363C61.5767 26.2858 61.2673 25.7814 61.0162 25.2231C60.765 24.6648 60.5721 24.068 60.4447 23.4327C60.3173 22.7974 60.2554 22.1236 60.2554 21.4113C60.2554 20.2562 60.4155 19.2166 60.7322 18.3041C61.0489 17.3877 61.5076 16.6061 62.1009 15.9554C62.6942 15.3047 63.3895 14.808 64.1867 14.4692C64.9839 14.1304 65.832 13.9609 66.7348 13.9609C67.8341 13.9609 68.8133 14.192 69.6723 14.6578C70.5314 15.1237 71.1903 15.6974 71.6453 16.3789C72.1039 17.0604 72.3296 17.7073 72.3296 18.3156C72.3296 18.6506 72.2168 18.9432 71.9947 19.1974C71.7727 19.4515 71.5033 19.5786 71.1903 19.5786C70.8372 19.5786 70.5751 19.49 70.3967 19.3129C70.222 19.1358 70.0254 18.8316 69.807 18.4004C69.4503 17.688 69.028 17.1567 68.5403 16.8025C68.0561 16.4482 67.4555 16.2711 66.7457 16.2711C65.6136 16.2711 64.7145 16.7255 64.0447 17.6341C63.3749 18.5428 63.0401 19.8327 63.0401 21.5076C63.0401 22.6242 63.1893 23.5559 63.4841 24.299C63.7826 25.0422 64.2013 25.5966 64.7436 25.9624C65.286 26.3282 65.923 26.513 66.6547 26.513C67.4446 26.513 68.1144 26.3051 68.6604 25.8892C69.2064 25.4734 69.6214 24.865 69.898 24.0603C70.0145 23.683 70.1601 23.3711 70.3348 23.1324C70.5096 22.8937 70.7862 22.7743 71.1684 22.7743C71.496 22.7743 71.7763 22.8937 72.0129 23.1362C72.2495 23.3788 72.366 23.6791 72.366 24.0372H72.3697Z' fill='%23010101'/%3E%3Cpath d='M74.6699 27.1905V15.5818C74.6699 15.0466 74.7828 14.6423 75.0084 14.3651C75.2341 14.0917 75.5399 13.9531 75.9221 13.9531C76.3043 13.9531 76.6137 14.0879 76.8503 14.3613C77.087 14.6346 77.2034 15.0389 77.2034 15.5818V27.1905C77.2034 27.7334 77.0833 28.1415 76.8467 28.4111C76.6101 28.6806 76.3007 28.8192 75.9258 28.8192C75.5508 28.8192 75.2523 28.6767 75.023 28.3957C74.79 28.1146 74.6736 27.7142 74.6736 27.1905H74.6699Z' fill='%23010101'/%3E%3Cpath d='M89.2899 23.376C89.2899 24.1731 89.1734 24.9085 88.9368 25.5823C88.7002 26.2561 88.3617 26.8336 87.9176 27.3188C87.4735 27.8039 86.942 28.1735 86.3232 28.4315C85.7044 28.6895 85.0091 28.8204 84.2374 28.8204C83.4657 28.8204 82.7814 28.6895 82.1699 28.4277C81.5583 28.1658 81.0269 27.7924 80.5791 27.3034C80.1314 26.8182 79.7929 26.2407 79.5599 25.5784C79.3269 24.9162 79.2104 24.1808 79.2104 23.376C79.2104 22.5713 79.3269 21.8244 79.5635 21.1506C79.7965 20.4768 80.135 19.9031 80.5755 19.4256C81.0159 18.9482 81.5474 18.5824 82.1699 18.3244C82.7923 18.0665 83.4839 17.9355 84.2374 17.9355C84.9909 17.9355 85.6971 18.0665 86.3232 18.3283C86.9493 18.5901 87.4808 18.9636 87.9285 19.4449C88.3726 19.93 88.7111 20.5037 88.9441 21.1698C89.1771 21.8359 89.2936 22.5713 89.2936 23.376H89.2899ZM86.7491 23.376C86.7491 22.2826 86.5234 21.4355 86.0684 20.8271C85.6134 20.2188 85.0055 19.9146 84.2374 19.9146C83.7424 19.9146 83.3056 20.0494 82.9306 20.3227C82.5521 20.5961 82.2645 20.9927 82.0607 21.524C81.8568 22.0554 81.7549 22.6714 81.7549 23.376C81.7549 24.0807 81.8568 24.6852 82.057 25.2088C82.2572 25.7324 82.5448 26.1329 82.9197 26.4101C83.2947 26.6873 83.7351 26.8259 84.2411 26.8259C85.0055 26.8259 85.617 26.5218 86.0721 25.9096C86.5271 25.2974 86.7528 24.4541 86.7528 23.376H86.7491Z' fill='%23010101'/%3E%3Cpath d='M97.8512 27.3111V26.9684C97.5491 27.3727 97.2288 27.7154 96.8975 27.9887C96.5626 28.2621 96.1986 28.4662 95.8055 28.6009C95.4087 28.7357 94.9573 28.8011 94.4513 28.8011C93.8398 28.8011 93.2902 28.6664 92.806 28.4007C92.3219 28.1312 91.9469 27.7616 91.6812 27.2918C91.3645 26.722 91.208 25.9057 91.208 24.8392V19.5334C91.208 18.9982 91.3208 18.5978 91.5502 18.3321C91.7795 18.0665 92.0816 17.9355 92.4602 17.9355C92.8388 17.9355 93.1518 18.0703 93.3884 18.336C93.6214 18.6055 93.7415 19.0021 93.7415 19.5334V23.8188C93.7415 24.4387 93.7888 24.9624 93.8908 25.3821C93.9891 25.8056 94.1674 26.1329 94.4222 26.3716C94.677 26.6103 95.0265 26.7297 95.4669 26.7297C95.9074 26.7297 96.2932 26.5949 96.6718 26.3292C97.0504 26.0597 97.3234 25.7132 97.4981 25.282C97.6401 24.9046 97.7129 24.073 97.7129 22.7908V19.5373C97.7129 19.0059 97.8294 18.6094 98.066 18.3398C98.2989 18.0703 98.6084 17.9394 98.9833 17.9394C99.3582 17.9394 99.664 18.0703 99.8933 18.336C100.123 18.6017 100.235 19.0021 100.235 19.5373V27.2918C100.235 27.8001 100.126 28.1851 99.9079 28.4392C99.6895 28.6933 99.4055 28.8204 99.0597 28.8204C98.7139 28.8204 98.4263 28.6895 98.2007 28.4238C97.975 28.1581 97.8621 27.7885 97.8621 27.3111H97.8512Z' fill='%23010101'/%3E%3Cpath d='M109.68 27.2887V27.023C109.342 27.435 109.003 27.77 108.676 28.0279C108.344 28.2859 107.988 28.4823 107.602 28.617C107.216 28.7518 106.794 28.8173 106.335 28.8173C105.731 28.8173 105.167 28.6825 104.653 28.4091C104.137 28.1396 103.692 27.7507 103.314 27.2463C102.935 26.7419 102.651 26.1528 102.455 25.4713C102.258 24.7898 102.164 24.0544 102.164 23.2651C102.164 21.5902 102.549 20.2888 103.321 19.3532C104.093 18.4175 105.112 17.9517 106.372 17.9517C107.1 17.9517 107.715 18.0826 108.217 18.3482C108.719 18.6139 109.207 19.0182 109.68 19.5688V15.6184C109.68 15.0678 109.782 14.6558 109.99 14.3747C110.197 14.0936 110.492 13.9512 110.874 13.9512C111.257 13.9512 111.551 14.0821 111.759 14.3401C111.966 14.598 112.068 14.9792 112.068 15.4836V27.2887C112.068 27.7969 111.955 28.1819 111.733 28.4361C111.511 28.6902 111.224 28.8173 110.871 28.8173C110.518 28.8173 110.237 28.6863 110.012 28.4207C109.786 28.155 109.673 27.7777 109.673 27.2887H109.68ZM104.701 23.3575C104.701 24.0814 104.806 24.7013 105.021 25.2095C105.236 25.7177 105.527 26.1028 105.898 26.3607C106.27 26.6187 106.674 26.7496 107.114 26.7496C107.555 26.7496 107.966 26.6264 108.334 26.38C108.701 26.1336 108.996 25.7601 109.214 25.2519C109.433 24.7436 109.542 24.1122 109.542 23.3537C109.542 22.6413 109.433 22.0291 109.214 21.517C108.996 21.005 108.698 20.6122 108.326 20.3389C107.951 20.0693 107.544 19.9307 107.096 19.9307C106.648 19.9307 106.219 20.0693 105.855 20.3466C105.491 20.6238 105.207 21.0242 105.007 21.544C104.806 22.0638 104.704 22.6683 104.704 23.3537L104.701 23.3575Z' fill='%23010101'/%3E%3Cpath d='M97.5313 7.46755C97.5313 7.03246 97.8735 6.84765 98.2302 6.84765C98.587 6.84765 98.9291 7.03631 98.9291 7.46755V8.16061H102.431C102.762 8.16061 102.919 8.44168 102.919 8.78051C102.919 9.11934 102.762 9.40041 102.431 9.40041H94.0332C93.7019 9.40041 93.5454 9.11934 93.5454 8.78051C93.5454 8.44168 93.7019 8.16061 94.0332 8.16061H97.535V7.46755H97.5313ZM95.1507 4.4566C94.8195 4.4566 94.6629 4.17553 94.6629 3.8367C94.6629 3.49787 94.8195 3.2168 95.1507 3.2168H101.313C101.645 3.2168 101.801 3.49787 101.801 3.8367C101.801 4.17553 101.645 4.4566 101.313 4.4566H98.9546V4.56056C98.9546 4.93404 99.1985 5.21511 99.8537 5.50004C100.542 5.79266 101.15 6.01598 101.75 6.22775C102.071 6.33171 102.151 6.72059 102.049 7.02476C101.929 7.37514 101.626 7.55226 101.252 7.4252C100.775 7.25963 100.145 7.02476 99.5771 6.79374C98.5469 6.35866 98.3467 6.12764 98.2484 5.83116H98.2375C98.1501 6.13534 97.9609 6.38176 96.898 6.8284C96.3337 7.06327 95.7004 7.29814 95.2235 7.45985C94.8486 7.58691 94.5464 7.40209 94.4263 7.04786C94.3171 6.73214 94.4045 6.33171 94.7248 6.22775C95.3218 6.01598 95.9333 5.79266 96.6213 5.50004C97.2765 5.21896 97.5204 4.93789 97.5204 4.56056V4.4566H95.1616H95.1507ZM100.305 11.6528C100.305 11.4526 100.24 11.3833 100.05 11.3833H95.0961C94.7648 11.3833 94.6083 11.1023 94.6083 10.7634C94.6083 10.4246 94.7648 10.1435 95.0961 10.1435H100.782C101.492 10.1435 101.725 10.3784 101.725 11.1177V13.2854C101.725 13.7205 101.383 13.9168 101.015 13.9168C100.647 13.9168 100.305 13.7166 100.305 13.2854V11.6567V11.6528Z' fill='%23010101'/%3E%3Cpath d='M104.124 12.1341C103.782 12.1341 103.625 11.8415 103.625 11.5026C103.625 11.1638 103.782 10.8712 104.124 10.8712H107.604V9.00762H105.766C105.056 9.00762 104.823 8.77276 104.823 8.03349V3.97911C104.823 3.55557 105.176 3.34766 105.533 3.34766C105.89 3.34766 106.243 3.55942 106.243 3.97911V5.11495H110.385V3.97911C110.385 3.55557 110.738 3.34766 111.095 3.34766C111.452 3.34766 111.805 3.55942 111.805 3.97911V8.03349C111.805 8.77276 111.572 9.00762 110.862 9.00762H109.024V10.8712H112.504C112.846 10.8712 113.002 11.1638 113.002 11.5026C113.002 11.8415 112.846 12.1341 112.504 12.1341H104.128H104.124ZM110.13 7.75242C110.32 7.75242 110.385 7.68312 110.385 7.4829V6.37016H106.243V7.4829C106.243 7.68312 106.308 7.75242 106.498 7.75242H110.13Z' fill='%23010101'/%3E%3Cpath d='M41.4507 16.0019C41.4507 21.3038 39.0155 26.0051 35.2589 28.912C32.7545 30.8565 29.6677 32 26.3261 32H11.1978C13.7276 32 16.01 30.8834 17.6262 29.0892C19.1587 27.3989 20.0942 25.1079 20.0942 22.5898C20.0942 20.0717 19.1223 17.6999 17.5461 16.0019C15.9845 14.3116 13.8259 13.2451 11.4307 13.1835C12.6902 5.68692 18.8784 0 26.3261 0C32.1102 0 37.1372 3.43448 39.678 8.4784C40.8101 10.7231 41.4507 13.2797 41.4507 16.0019Z' fill='%2326BCB7'/%3E%3Cpath d='M54.2046 20.0014C54.2046 26.6278 49.123 31.999 42.862 31.999H26.3286C29.6702 31.999 32.7607 30.8516 35.2614 28.9111C39.0144 26.0041 41.4533 21.3028 41.4533 16.001C41.4533 13.2788 40.8126 10.7222 39.6805 8.47744C40.6925 8.16556 41.759 8 42.8656 8C49.1303 8 54.2082 13.375 54.2082 20.0014H54.2046Z' fill='%23FADF83'/%3E%3Cpath d='M20.0971 22.5859C20.0971 25.1079 19.1616 27.395 17.6291 29.0852C16.0129 30.8795 13.7305 31.9961 11.2006 31.9961H0C1.94382 31.9961 3.52363 30.3289 3.52363 28.269C3.52363 27.7338 3.41443 27.2217 3.22514 26.7597C3.21786 26.7443 3.21422 26.7288 3.2033 26.7134C3.18874 26.6826 3.17418 26.6518 3.15962 26.6172C2.60996 25.3966 2.30419 24.0259 2.30419 22.5821C2.30419 17.3841 6.28647 13.1719 11.2006 13.1719C11.2771 13.1719 11.3572 13.1719 11.4336 13.1796C13.8288 13.2412 15.9874 14.3077 17.549 15.998C19.1251 17.6922 20.0971 20.0216 20.0971 22.5859Z' fill='%239CD3AB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5287_4953'%3E%3Crect width='113' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

header .nav-wrap nav > a.selected, header .nav-wrap nav > button.selected { color: #20BCB7; }

header .nav-wrap nav > a:hover, header .nav-wrap nav > button:hover { color: #20BCB7; }

header .nav-wrap nav > a:hover > .nav-sub, header .nav-wrap nav > button:hover > .nav-sub { display: flex; }

header .nav-wrap nav > a > .nav-sub, header .nav-wrap nav > button > .nav-sub { display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); padding: 16px 20px; background: #FFFFFF; border: 1px solid #C9CBD5; border-radius: 10px; z-index: 100; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); }

header .nav-wrap nav > a > .nav-sub a, header .nav-wrap nav > a > .nav-sub button, header .nav-wrap nav > button > .nav-sub a, header .nav-wrap nav > button > .nav-sub button { display: block; font-weight: 500; font-size: 15px; line-height: 28px; color: #626262; white-space: nowrap; }

header .nav-wrap nav > a > .nav-sub a + a, header .nav-wrap nav > a > .nav-sub a + button, header .nav-wrap nav > a > .nav-sub button + a, header .nav-wrap nav > a > .nav-sub button + button, header .nav-wrap nav > button > .nav-sub a + a, header .nav-wrap nav > button > .nav-sub a + button, header .nav-wrap nav > button > .nav-sub button + a, header .nav-wrap nav > button > .nav-sub button + button { margin-top: 4px; }

header .nav-wrap nav > a .label, header .nav-wrap nav > button .label { display: block; width: 40px; height: 20px; position: absolute; top: -16px; right: -23px; font-weight: 500; font-size: 13px; line-height: 18px; text-align: center; color: #20BCB7; border: 1px solid #20BCB7; background-color: var(--white); border-radius: 20px; }

header .nav-wrap nav > a .label.is-w16img, header .nav-wrap nav > button .label.is-w16img { width: 18px; padding: 0; margin: 0; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2320BCB7'/%3E%3Cpath d='M10.9703 5.36602V11.666H9.77331L6.63231 7.84102V11.666H5.19231V5.36602H6.39831L9.53031 9.19102V5.36602H10.9703Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; border: 1px solid transparent; border-radius: initial; background-color: transparent; background-size: 16px; top: 16px; right: -18px; }

header .nav-wrap .btn-freetrial { display: block; width: 153px; height: 48px; background-image: url(/static/image/common/btn-header-pretest2025b.png); background-position: 0 0; background-repeat: no-repeat; background-position: center; text-indent: -9999px; overflow: hidden; }

header .nav-wrap .btn-zocbo { display: block; width: 200px; height: 26px; background-image: url(/static/image/common/spr-header.svg); background-position: -400px 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

header.zbGNB { min-height: auto; }

header.zbGNB * { font-family: "Pretendard", sans-serif; font-style: normal; word-spacing: 0; }

header.zbGNB .topbar { display: none; position: relative; z-index: 12; border-bottom: 1px solid #EDEDED; background-color: #FFF; }

header.zbGNB .topbar .topbar__container { width: 1280px; margin: 0 auto; }

header.zbGNB .topbar .topbar__link { display: inline-flex; align-items: center; height: 55px; color: #A9A9A9; font-size: 16px; }

header.zbGNB .topbar.is-active { display: block; }

header.zbGNB .navbar { position: relative; }

header.zbGNB .navbar .navbar__item { position: relative; z-index: 12; background-color: #fff; border-bottom: 1px solid #EDEDED; }

header.zbGNB .navbar .navbar__item .navbar__container { display: flex; justify-content: space-between; align-items: center; width: 1280px; margin: 0 auto; }

header.zbGNB .navbar .navbar__item.is-primary { z-index: 13; }

header.zbGNB .navbar .navbar__item.is-primary .navbar__container { height: 79px; }

header.zbGNB .navbar .navbar__item.is-secondary .navbar__container { height: 91px; }

header.zbGNB .navbar .navbar__item.is-secondary .navbar__container .container__item { display: flex; align-items: center; }

header.zbGNB .navbar .navbar__logo { display: inline-flex; }

header.zbGNB .navbar .navbar__logo .logo__link { display: block; width: 140px; height: 44px; background-position: 0 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='43' viewBox='0 0 140 43' fill='none'%3E%3Cpath d='M41.9958 21.6556C41.9269 19.3115 40.949 17.1443 39.2487 15.5469C37.5456 13.9534 35.3154 13.1152 32.9727 13.1913C30.6263 13.2605 28.4561 14.238 26.859 15.9407C25.2634 17.6449 24.4249 19.8729 24.4964 22.2186C24.5695 24.5519 25.5512 26.7161 27.2559 28.318C28.9646 29.92 31.1894 30.7575 33.5182 30.6844C35.8677 30.6075 38.0387 29.6301 39.6358 27.9281C41.2342 26.2277 42.0714 23.9982 41.9951 21.6541L41.9969 21.6556H41.9958ZM33.3712 25.9009C31.1833 25.9701 29.35 24.2497 29.2785 22.0594C29.2477 21.0034 29.6316 19.9967 30.3547 19.2208C31.0817 18.4448 32.0642 18.0041 33.1204 17.9718C34.1767 17.9364 35.1852 18.3179 35.9608 19.0439C36.7332 19.7707 37.1777 20.7504 37.2131 21.8094C37.2425 22.8669 36.8624 23.8736 36.1347 24.6465C35.4137 25.4194 34.4283 25.8632 33.3705 25.9001L33.3712 25.9009Z' fill='%23197EDF'/%3E%3Cpath d='M33.0172 9.31169L24.424 0.721247C23.4847 -0.217782 21.9869 -0.243161 21.0791 0.664334C20.1713 1.57183 20.1967 3.0692 21.136 4.00823L25.8011 8.67183L14.253 8.47574C12.9467 8.45341 11.9058 9.49396 11.9281 10.7999C11.9396 11.4874 12.245 12.1088 12.7213 12.5487L21.4299 21.2545C22.3692 22.1935 23.8663 22.2189 24.7749 21.3114C25.6826 20.4039 25.6572 18.9065 24.7179 17.9675L20.0505 13.3008L31.2632 13.4916C32.0102 13.5046 32.6695 13.1686 33.0942 12.6348C33.982 11.725 33.9512 10.2438 33.0188 9.31169H33.0172Z' fill='%23197EDF'/%3E%3Cpath d='M20.9318 21.6541L20.9334 21.6556C20.8641 19.3115 19.8863 17.1443 18.1862 15.5469C16.4829 13.9534 14.2534 13.1152 11.9101 13.1913C9.5637 13.2605 7.39347 14.238 5.79639 15.9407C4.83704 16.9651 4.15391 18.1802 3.77462 19.4961C2.88838 18.6901 1.51747 18.7116 0.661223 19.5676C-0.220408 20.449 -0.220408 21.8779 0.661223 22.7592L5.54866 27.6451C5.75022 27.8789 5.96488 28.1042 6.19258 28.318C6.30952 28.4272 6.42876 28.5326 6.55032 28.6349C6.58955 28.6695 6.63033 28.7018 6.6711 28.7325C8.30665 30.0623 10.3368 30.7506 12.454 30.6844C14.8035 30.6075 16.9745 29.6301 18.5716 27.9281C20.1702 26.2277 21.0072 23.9982 20.9311 21.6541H20.9318ZM15.0727 24.6473C14.3527 25.4202 13.3664 25.8639 12.3086 25.9009C10.1207 25.9701 8.2874 24.2497 8.21586 22.0594C8.18432 21.0034 8.56897 19.9967 9.29214 19.2208C10.0191 18.4448 11.0015 18.0041 12.0578 17.9718C13.1141 17.9364 14.1226 18.3179 14.8981 19.0439C15.6705 19.7706 16.1151 20.7504 16.1506 21.8094C16.1798 22.8669 15.7997 23.8736 15.072 24.6465L15.0727 24.6473Z' fill='%23197EDF'/%3E%3Cpath d='M32.8576 32.481H32.8583C32.8299 32.2672 32.7922 32.0565 32.7483 31.8465C32.7468 31.8396 32.746 31.8319 32.7445 31.825C32.7068 31.6481 32.6629 31.4728 32.6145 31.2997C32.6021 31.2566 32.5875 31.2151 32.5744 31.1721C32.5329 31.0313 32.489 30.8921 32.4406 30.7537C32.4175 30.6891 32.3921 30.6253 32.3675 30.5614C32.3237 30.4468 32.2791 30.3323 32.2306 30.2192C32.2014 30.1507 32.1706 30.0838 32.139 30.0162C32.0898 29.9085 32.0383 29.8016 31.9844 29.6962C31.9505 29.6293 31.9159 29.5632 31.8798 29.497C31.8221 29.3917 31.7621 29.2871 31.7005 29.184C31.6636 29.1225 31.6274 29.0602 31.589 28.9994C31.519 28.8887 31.4451 28.7803 31.3705 28.6726C31.3359 28.6226 31.302 28.5711 31.2666 28.5219C31.1535 28.3665 31.0358 28.2135 30.9127 28.065C29.8588 26.8015 28.4671 25.854 26.8962 25.331C25.3245 24.808 23.6366 24.7304 22.0226 25.1065C20.4086 25.4825 18.9338 26.2977 17.7652 27.459C16.5966 28.6203 15.7811 30.0815 15.4111 31.6773C15.0411 33.2731 15.1319 34.9389 15.6719 36.4862C16.2127 38.0338 17.1813 39.4001 18.4691 40.4315C18.6199 40.5522 18.7753 40.667 18.933 40.7776C18.9853 40.8137 19.0392 40.8476 19.0915 40.883C19.1992 40.9554 19.3077 41.0261 19.4185 41.093C19.4823 41.1314 19.5469 41.1682 19.6116 41.2053C19.7146 41.2644 19.8185 41.3222 19.9239 41.3768C19.9924 41.4121 20.0616 41.4468 20.1308 41.4807C20.237 41.5322 20.3439 41.5815 20.4524 41.6291C20.5217 41.6599 20.5909 41.6897 20.6609 41.7191C20.7763 41.766 20.8924 41.8097 21.0094 41.852C21.074 41.8751 21.1379 41.8996 21.2025 41.922C21.3487 41.9714 21.4956 42.0151 21.6441 42.0568C21.681 42.0673 21.7179 42.0795 21.7548 42.0897C21.9318 42.1366 22.1103 42.1789 22.2903 42.215C22.2987 42.2167 22.308 42.2174 22.3172 42.2195C22.4919 42.2542 22.668 42.2811 22.845 42.306L22.8427 42.3228C23.2212 42.3721 23.6043 42.3536 23.9705 42.2682C24.3367 42.1828 24.6782 42.0319 24.9767 41.8251C25.2752 41.6183 25.5237 41.3582 25.7084 41.0608C25.893 40.7629 26.0107 40.4339 26.0538 40.0917C26.0969 39.7494 26.0653 39.4001 25.9599 39.0648C25.8553 38.7296 25.6791 38.4149 25.4422 38.1374C25.2052 37.8606 24.9113 37.6268 24.5782 37.4501C24.279 37.2915 23.9528 37.1848 23.6158 37.1277L23.6181 37.1085C22.9596 37.0269 22.338 36.7655 21.8233 36.3525C21.3087 35.9396 20.9209 35.3926 20.7047 34.7744C20.4886 34.156 20.4524 33.4892 20.6001 32.8509C20.7478 32.2126 21.074 31.6281 21.5418 31.1636C22.0095 30.6991 22.5996 30.373 23.245 30.2223C23.8905 30.0723 24.5659 30.1031 25.1945 30.3122C25.823 30.5214 26.38 30.9006 26.8008 31.4058C27.2177 31.9057 27.4855 32.5102 27.5755 33.1509C27.6239 33.5292 27.7393 33.8953 27.9171 34.2283C28.094 34.5606 28.3294 34.8536 28.6087 35.0898C28.8879 35.3257 29.2064 35.501 29.5449 35.605C29.8834 35.7089 30.2365 35.7387 30.5835 35.6949C30.9297 35.6505 31.2643 35.5318 31.5659 35.3457C31.8675 35.1598 32.1321 34.9105 32.3429 34.6113C32.5537 34.3121 32.7083 33.9691 32.7968 33.6031C32.8845 33.2393 32.9045 32.8594 32.8583 32.4833L32.8576 32.481Z' fill='%23197EDF'/%3E%3Cpath d='M131.756 9.79414C132.123 9.79414 132.422 10.0927 132.409 10.4605C132.341 12.4388 131.963 14.2044 131.277 15.7574C130.515 17.474 129.314 18.9592 127.674 20.2133C126.149 21.3711 124.62 22.3328 122.26 23.0984C121.949 23.1992 121.614 23.0513 121.471 22.7566L120.761 21.2882C120.581 20.9154 120.781 20.4701 121.174 20.3449C123.967 19.4563 125.605 18.2563 126.916 16.7447L121.49 17.1684C121.151 17.193 120.848 16.9571 120.788 16.6218L120.552 15.303C120.48 14.9028 120.779 14.5319 121.184 14.5189L128.365 14.2766C128.56 13.7341 128.698 13.1471 128.777 12.5157H122.303C121.936 12.5157 121.639 12.2173 121.639 11.8493V10.4605C121.639 10.0925 121.936 9.79414 122.303 9.79414H131.756ZM139.999 21.8015C139.999 22.1695 139.702 22.4679 139.335 22.4679H137.286C136.919 22.4679 136.622 22.1695 136.622 21.8015V17.4251H133.339C132.972 17.4251 132.675 17.1267 132.675 16.7587V15.3166C132.675 14.9485 132.972 14.6502 133.339 14.6502H136.622V10.1166C136.622 9.74857 136.919 9.4502 137.286 9.4502H139.335C139.702 9.4502 139.999 9.74857 139.999 10.1166V21.8015ZM139.999 31.9404C139.999 32.3085 139.702 32.6068 139.335 32.6068H124.628C124.261 32.6068 123.964 32.3085 123.964 31.9404V24.2015C123.964 23.8335 124.261 23.5351 124.628 23.5351H139.335C139.702 23.5351 139.999 23.8335 139.999 24.2015V31.9404ZM127.288 29.8853H136.649V26.2299H127.288V29.8853Z' fill='%231E1E1E'/%3E%3Cpath d='M115.269 14.9703H117.876C118.243 14.9703 118.54 15.2687 118.54 15.6367V17.0522C118.54 17.4202 118.243 17.7185 117.876 17.7185H115.269V23.9893C115.269 24.3574 114.972 24.6557 114.605 24.6557H112.53C112.163 24.6557 111.866 24.3574 111.866 23.9893V10.1166C111.866 9.74853 112.163 9.4502 112.53 9.4502H114.605C114.972 9.4502 115.269 9.74853 115.269 10.1166V14.9703ZM107.797 12.3829C107.797 12.7509 107.499 13.0493 107.133 13.0493H100.711V19.0526C103.007 19.0348 104.442 18.977 105.842 18.8792C106.999 18.7916 108.13 18.647 109.233 18.4455C109.619 18.3751 109.987 18.6441 110.029 19.0352L110.178 20.4209C110.215 20.764 109.985 21.0793 109.646 21.1406C108.403 21.3655 107.117 21.5278 105.789 21.6274C104.247 21.743 102.67 21.8008 100.233 21.8008H97.9983C97.6315 21.8008 97.334 21.5025 97.334 21.1344V10.9941C97.334 10.6261 97.6315 10.3278 97.9983 10.3278H107.133C107.499 10.3278 107.797 10.6261 107.797 10.9941V12.3829ZM109.18 24.0154C109.18 24.9581 109.468 25.8519 110.044 26.6969C110.629 27.5329 111.502 28.2577 112.663 28.8714C113.605 29.3619 114.71 29.7296 115.979 29.9744C116.425 30.0605 116.681 30.5479 116.478 30.9556L115.778 32.3597C115.649 32.6183 115.368 32.7653 115.085 32.714C113.423 32.4133 111.964 31.8973 110.709 31.166C109.343 30.3744 108.284 29.3961 107.531 28.231C106.778 29.405 105.714 30.3878 104.34 31.1793C103.085 31.9023 101.623 32.4138 99.9541 32.7139C99.6688 32.7652 99.3867 32.6159 99.259 32.3547L98.5733 30.9506C98.3745 30.5437 98.6304 30.0608 99.0738 29.9744C100.329 29.7296 101.424 29.3619 102.359 28.8714C103.511 28.2577 104.375 27.5329 104.951 26.6969C105.537 25.8519 105.829 24.9581 105.829 24.0154C105.829 23.6764 106.103 23.4017 106.441 23.4017H108.568C108.906 23.4017 109.18 23.6764 109.18 24.0154Z' fill='%231E1E1E'/%3E%3Cpath d='M94.6866 29.0728C94.6866 29.6248 94.2407 30.0723 93.6905 30.0723H73.5312C72.9811 30.0723 72.5352 29.6248 72.5352 29.0728V28.2971C72.5352 27.745 72.9811 27.2975 73.5312 27.2975H81.8689V22.815H75.5392C75.1724 22.815 74.8752 22.5167 74.8752 22.1486V11.1676C74.8752 10.6155 75.3211 10.168 75.8713 10.168H77.2829C77.8331 10.168 78.279 10.6155 78.279 11.1676V13.9301H88.8363V11.1676C88.8363 10.6155 89.2822 10.168 89.8324 10.168H91.2174C91.7676 10.168 92.2135 10.6155 92.2135 11.1676V22.1486C92.2135 22.5167 91.916 22.815 91.5492 22.815H85.2461V27.2975H93.6905C94.2407 27.2975 94.6866 27.745 94.6866 28.2971V29.0728ZM88.8363 20.0935V16.6516H78.279V20.0935H88.8363Z' fill='%231E1E1E'/%3E%3Cpath d='M69.0773 11.1454C69.0773 11.6975 68.6314 12.145 68.0812 12.145H62.4557C62.6419 12.7587 63.0496 13.3368 63.6789 13.8793C64.3173 14.4219 65.1815 14.8888 66.2717 15.2801C67.0043 15.543 67.8268 15.7477 68.7396 15.8942C69.4193 16.0034 69.8386 16.7269 69.5509 17.3545L69.2149 18.0878C69.0371 18.4753 68.6335 18.7093 68.2118 18.6535C66.2927 18.3997 64.6488 17.9155 63.2803 17.2012C61.7557 16.3918 60.6651 15.3779 60.0092 14.1595C59.3533 15.3779 58.2718 16.3918 56.7651 17.2012C55.4225 17.9143 53.7985 18.398 51.8931 18.6523C51.4685 18.709 51.0622 18.4712 50.8865 18.0793L50.5578 17.3467C50.2768 16.7203 50.6957 16.0037 51.3712 15.8937C52.2707 15.7472 53.0803 15.5427 53.7999 15.2801C54.8814 14.8888 55.7368 14.4219 56.3661 13.8793C56.9954 13.3368 57.4031 12.7587 57.5893 12.145H52.0173C51.4671 12.145 51.0209 11.6975 51.0209 11.1454V10.4498C51.0209 9.8977 51.4671 9.4502 52.0173 9.4502H68.0812C68.6314 9.4502 69.0773 9.8977 69.0773 10.4498V11.1454ZM71.072 22.1115C71.072 22.6636 70.6257 23.1111 70.0755 23.1111H49.9961C49.4459 23.1111 49 22.6636 49 22.1115V21.3892C49 20.8371 49.4459 20.3896 49.9961 20.3896H58.3341V18.2141C58.3341 17.662 58.78 17.2145 59.3302 17.2145H60.6885C61.2387 17.2145 61.6846 17.662 61.6846 18.2141V20.3896H70.0755C70.6257 20.3896 71.072 20.8371 71.072 21.3892V22.1115ZM68.3861 31.8502C68.3861 32.4023 67.9398 32.8498 67.3896 32.8498H66.005C65.4548 32.8498 65.0086 32.4023 65.0086 31.8502V27.5669H52.4429C51.8924 27.5669 51.4465 27.1194 51.4465 26.5673V25.845C51.4465 25.2929 51.8924 24.8454 52.4429 24.8454H67.7218C68.0886 24.8454 68.3861 25.1437 68.3861 25.5118V31.8502Z' fill='%231E1E1E'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__logo .logo__badge { display: inline-flex; justify-content: center; width: 54px; height: 22px; margin-top: 9px; color: #6B6B6B; font-size: 16px; font-weight: 400; line-height: 22px; border-radius: 4px 4px 4px 0; border: 1px solid #DBDBDB; }

header.zbGNB .navbar .navbar__logo .logo__badge.is-active { color: #197EDF; border-color: #DBEDFF; }

header.zbGNB .navbar .navbar__logo .logo__badge:nth-of-type(2) { margin-left: 20px; margin-right: 4px; }

header.zbGNB .navbar .navbar__utillity { display: inline-flex; align-items: center; }

header.zbGNB .navbar .navbar__utillity .utillity__item { display: inline-flex; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary { margin-left: 10px; margin-right: 24px; padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cellipse cx='6.5454' cy='6.54541' rx='4.5454' ry='4.54541' stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1816 10.1841L11.9998 11.9975' stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary .utillity__link { color: #A9A9A9; font-size: 14px; white-space: nowrap; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary .utillity__link:hover, header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary .utillity__link.is-active { color: #197EDF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary .utillity__link:hover::after, header.zbGNB .navbar .navbar__utillity .utillity__item.is-primary .utillity__link.is-active::after { color: #A9A9A9; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-secondary .utillity__link { color: #A9A9A9; font-size: 14px; white-space: nowrap; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-secondary .utillity__link:not(:first-child) { margin-left: 24px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-secondary .utillity__link:hover, header.zbGNB .navbar .navbar__utillity .utillity__item.is-secondary .utillity__link.is-active { color: #197EDF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary { margin-left: 12px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .TRACK_TRG { display: inline-flex; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link { display: inline-flex; justify-content: center; align-items: center; height: 34px; padding: 0 24px; font-size: 16px; border-radius: 4px; box-sizing: border-box; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-primary { color: #fff; background-color: #197EDF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-outline-primary { color: #1E1E1E; border: 1px solid #EDEDED; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-outline-primary:not(.is-nohover):hover, header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-outline-primary:not(.is-nohover).is-active { color: #197EDF; border-color: #DBEDFF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-hybrid-primary { color: #197EDF; border: 1px solid #DBEDFF; background-color: #F0F8FE; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link:not(:first-child), header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link:not(.TRACK_TRG) { margin-left: 12px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-primary, header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-outline-primary, header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-hybrid-primary { min-width: 122px; padding: 0 23px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-name { overflow: hidden; max-width: 200px; padding: 0 12px; white-space: nowrap; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__link.is-name .name__user { overflow: hidden; display: inline-block; margin-right: 4px; text-overflow: ellipsis; font-size: inherit; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning { position: relative; display: inline-flex; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning .utillity__link.is-outline-primary { padding: 0 12px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning .learning__nav { display: none; position: absolute; left: 12px; top: 44px; z-index: 10; min-width: 156px; padding: 12px; border-radius: 4px; border: 1px solid #EDEDED; background-color: #fff; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning .learning__nav .learning__link { display: flex; align-items: center; width: 100%; height: 36px; color: #1E1E1E; font-size: 16px; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning .learning__nav .learning__link:hover { color: #197EDF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning .learning__nav::before { position: absolute; left: 0; top: -12px; display: block; width: 100%; height: 10px; background-color: transparent; content: ""; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning:hover .utillity__link.is-outline-primary { color: #197EDF; border-color: #DBEDFF; }

header.zbGNB .navbar .navbar__utillity .utillity__item.is-tertiary .utillity__learning:hover .learning__nav { display: block; }

header.zbGNB .navbar .navbar__switch { position: relative; display: inline-flex; width: 126px; height: 38px; margin-right: 12px; border-radius: 100px; border: 1px solid #EDEDED; background-color: #F9F9F9; cursor: pointer; }

header.zbGNB .navbar .navbar__switch .switch__grade { display: flex; align-items: center; justify-content: space-between; width: 100%; }

header.zbGNB .navbar .navbar__switch .switch__grade .grade__item { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; height: 30px; font-size: 16px; font-weight: 400; text-align: center; user-select: none; }

header.zbGNB .navbar .navbar__switch .switch__grade .grade__item.is-primary { width: 64px; margin-left: 3px; color: #fff; }

header.zbGNB .navbar .navbar__switch .switch__grade .grade__item.is-secondary { width: 52px; margin-right: 3px; color: #A9A9A9; }

header.zbGNB .navbar .navbar__switch .switch__grade::before { position: absolute; left: 3px; top: 3px; display: inline-block; width: 64px; height: 30px; border-radius: 100px; background-color: #197EDF; content: ""; }

header.zbGNB .navbar .navbar__switch .switch__input { display: none; }

header.zbGNB .navbar .navbar__switch .switch__input:checked + .switch__grade::before { transform: translateX(54px); }

header.zbGNB .navbar .navbar__switch .switch__input:checked + .switch__grade .grade__item.is-primary { width: 52px; color: #A9A9A9; }

header.zbGNB .navbar .navbar__switch .switch__input:checked + .switch__grade .grade__item.is-secondary { width: 64px; color: #fff; }

header.zbGNB .navbar .navbar__switch:not(.is-notrasition) .switch__grade .grade__item { transition: color .15s ease, width .15s ease; }

header.zbGNB .navbar .navbar__switch:not(.is-notrasition) .switch__grade::before { transition: .15s; }

header.zbGNB .navbar .navbar__switch:has(.switch__input:disabled) .switch__grade::before { background-color: #A9A9A9; }

header.zbGNB .navbar .navbar__switch:has(.switch__input:checked) ~ .navbar__home .subject__container .subject__link, header.zbGNB .navbar .navbar__switch:has(.switch__input:checked) ~ .navbar__subject .subject__container .subject__link { padding: 0 10px 0 8px; }

header.zbGNB .navbar .navbar__home { display: flex; align-items: center; padding: 0 12px; height: 91px; }

header.zbGNB .navbar .navbar__subject { display: inline-flex; /* &.is-high:has(.preliminary) { .subject__item { .subject__link { padding: 0 12px; &.is-home {padding: 0 8px;} } } .preliminary { margin-left: 0; &::before, &::after  {display: none;} } } */ }

header.zbGNB .navbar .navbar__subject .subject__container { display: inline-flex; }

header.zbGNB .navbar .navbar__subject .subject__container:hover .navbar__submenu.is-primary { display: block; }

header.zbGNB .navbar .navbar__subject .subject__container:not(.has-noSubmenu) .subject__item .subject__link { cursor: default; }

header.zbGNB .navbar .navbar__subject .subject__type { display: none; /* position: absolute; z-index: -1; width: 1px; height: 1px; margin: -1px; visibility: hidden; pointer-events: none; font-weight: 700; */ }

header.zbGNB .navbar .navbar__subject .subject__item { display: flex; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link { position: relative; display: flex; align-items: center; height: 91px; padding: 0 12px; color: #1E1E1E; font-size: 17px; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link:not(.is-noUnderline)::before, header.zbGNB .navbar .navbar__subject .subject__item .subject__link:not(.is-noUnderline)::after { position: absolute; left: 0; bottom: -1px; content: ""; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link:not(.is-noUnderline)::before { width: 100%; height: 1px; background-color: #ebebeb; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link:not(.is-noUnderline)::after { width: 0; height: 3px; opacity: 0; background-color: #197EDF; transition: width .4s ease, opacity .4s ease; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link .subject__badge { position: absolute; left: 16px; top: 16px; height: 14px; padding: 0 10px; font-size: 10px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.3px; border-radius: 20px; }

header.zbGNB .navbar .navbar__subject .subject__item .subject__link .subject__badge.is-midterm { color: #fff; background-color: #489EFF; }

header.zbGNB .navbar .navbar__subject .subject__item.is-active .subject__link, header.zbGNB .navbar .navbar__subject .subject__item:hover .subject__link { font-weight: 700; }

header.zbGNB .navbar .navbar__subject .subject__item.is-active .subject__link::after, header.zbGNB .navbar .navbar__subject .subject__item:hover .subject__link::after { width: 100%; opacity: 1; }

header.zbGNB .navbar .navbar__subject .preview { display: inline-flex; }

header.zbGNB .navbar .navbar__subject .preliminary { display: flex; align-items: center; margin-left: 15px; }

header.zbGNB .navbar .navbar__subject .preliminary::before, header.zbGNB .navbar .navbar__subject .preliminary::after { width: 1px; height: 24px; background-color: #ededed; content: ""; }

header.zbGNB .navbar .navbar__subject .preliminary::before { margin-right: 15px; }

header.zbGNB .navbar .navbar__subject .preliminary::after { margin-left: 15px; }

header.zbGNB .navbar .navbar__subject .preliminary .subject__item { min-width: 94px; }

header.zbGNB .navbar .navbar__button { display: inline-flex; justify-content: center; align-items: center; height: 41px; padding: 0 20px; color: #1E1E1E; font-size: 16px; border-radius: 100px; border: 1px solid #EDEDED; }

header.zbGNB .navbar .navbar__button:not(:first-child) { margin-left: 6px; }

header.zbGNB .navbar .navbar__button:hover, header.zbGNB .navbar .navbar__button.is-active { color: #197EDF; border-color: #DBEDFF; }

header.zbGNB .navbar .navbar__button.is-w106, header.zbGNB .navbar .navbar__button.is-w114 { padding: 0; }

header.zbGNB .navbar .navbar__button.is-w106 { width: 106px; }

header.zbGNB .navbar .navbar__button.is-w114 { width: 114px; }

header.zbGNB .navbar .navbar__button span { font-size: inherit; }

header.zbGNB .navbar .navbar__button .icon-questions { padding-left: 28px; background-position: 0 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14' fill='none'%3E%3Cpath d='M16.8238 7.00164C16.8238 9.02639 15.8354 10.8218 14.3109 11.9319C13.2945 12.6745 12.0417 13.1112 10.6856 13.1112H4.5459C5.57262 13.1112 6.49889 12.6848 7.15482 11.9996C7.77676 11.354 8.15643 10.4791 8.15643 9.5175C8.15643 8.55586 7.76199 7.65009 7.12231 7.00164C6.48855 6.35613 5.61251 5.94883 4.64045 5.9253C5.15159 3.06242 7.66301 0.890625 10.6856 0.890625C13.033 0.890625 15.0732 2.20223 16.1043 4.12846C16.5638 4.98571 16.8238 5.96206 16.8238 7.00164Z' fill='%2326BCB7'/%3E%3Cpath d='M21.9985 8.52857C21.9985 11.0591 19.9362 13.1104 17.3952 13.1104H10.6853C12.0415 13.1104 13.2957 12.6722 14.3106 11.9311C15.8337 10.8209 16.8235 9.02557 16.8235 7.00082C16.8235 5.96124 16.5635 4.98489 16.104 4.12764C16.5147 4.00854 16.9476 3.94531 17.3967 3.94531C19.9391 3.94531 22 5.998 22 8.52857H21.9985Z' fill='%23FADF83'/%3E%3Cpath d='M8.15631 9.51702C8.15631 10.4801 7.77664 11.3536 7.1547 11.9991C6.49878 12.6843 5.57251 13.1107 4.54578 13.1107H0.00012207C0.789002 13.1107 1.43015 12.474 1.43015 11.6873C1.43015 11.483 1.38583 11.2874 1.30901 11.1109C1.30606 11.1051 1.30458 11.0992 1.30015 11.0933C1.29424 11.0815 1.28833 11.0698 1.28242 11.0565C1.05935 10.5904 0.935255 10.067 0.935255 9.51555C0.935255 7.5305 2.55142 5.92188 4.54578 5.92188C4.57681 5.92188 4.60931 5.92188 4.64033 5.92482C5.6124 5.94834 6.48844 6.35565 7.1222 7.00115C7.76187 7.64813 8.15631 8.53773 8.15631 9.51702Z' fill='%239CD3AB'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__button .icon-storage { padding-left: 24px; background-position: 0 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_55865_6717)'%3E%3Cpath d='M1.3266 1.20294L0.170027 9.00293C0.0804543 9.60702 0.548522 10.1496 1.15921 10.1496H14.3408C14.9515 10.1496 15.4195 9.60702 15.33 9.00293L14.1734 1.20293C14.1007 0.71266 13.6799 0.349609 13.1842 0.349609H2.31578C1.82014 0.349609 1.39929 0.712661 1.3266 1.20294Z' fill='%23EEEEEE'/%3E%3Cpath d='M3.90039 1.87461V4.69068C3.90039 4.91159 4.07948 5.09068 4.30039 5.09068H11.3004C11.5213 5.09068 11.7004 4.91159 11.7004 4.69068V1.87461C11.7004 1.6537 11.5213 1.47461 11.3004 1.47461H4.30039C4.07948 1.47461 3.90039 1.6537 3.90039 1.87461Z' fill='%23EFB450'/%3E%3Cpath d='M2.90039 4.04844V6.84844C2.90039 7.06935 3.07948 7.24844 3.30039 7.24844H12.3004C12.5213 7.24844 12.7004 7.06935 12.7004 6.84844V4.04844C12.7004 3.82752 12.5213 3.64844 12.3004 3.64844H7.80039H3.30039C3.07948 3.64844 2.90039 3.82752 2.90039 4.04844Z' fill='%23F15858'/%3E%3Cpath d='M2 6.54844V10.9484C2 11.1694 2.17909 11.3484 2.4 11.3484H13.1C13.3209 11.3484 13.5 11.1694 13.5 10.9484V6.54844C13.5 6.32752 13.3209 6.14844 13.1 6.14844H2.4C2.17909 6.14844 2 6.32752 2 6.54844Z' fill='white'/%3E%3Cpath d='M14.7002 9.34961C14.8657 9.34971 14.9999 9.48388 15 9.64941V12.749C15 13.8536 14.1046 14.749 13 14.749H2.5C1.39543 14.749 0.5 13.8536 0.5 12.749V9.64941C0.500106 9.48388 0.634274 9.34971 0.799805 9.34961H4.75391L6.41113 10.8428C7.17198 11.5282 8.32804 11.5282 9.08887 10.8428L10.7461 9.34961H14.7002Z' fill='%23E3E3E3'/%3E%3Cpath d='M14.7002 9.34961L14.7005 8.84961H14.7002V9.34961ZM15 9.64941H15.5V9.6491L15 9.64941ZM2.5 14.749V15.249V14.749ZM0.5 9.64941L0 9.6491V9.64941H0.5ZM0.799805 9.34961V8.84961L0.799486 8.84961L0.799805 9.34961ZM4.75391 9.34961L5.08859 8.97815L4.94593 8.84961H4.75391V9.34961ZM6.41113 10.8428L6.07645 11.2142L6.07647 11.2143L6.41113 10.8428ZM9.08887 10.8428L9.42354 11.2142L9.42356 11.2142L9.08887 10.8428ZM10.7461 9.34961V8.84961H10.5541L10.4114 8.97815L10.7461 9.34961ZM14.7002 9.34961L14.6999 9.84961C14.5895 9.84954 14.5001 9.7601 14.5 9.64973L15 9.64941L15.5 9.6491C15.4997 9.20767 15.1419 8.84989 14.7005 8.84961L14.7002 9.34961ZM15 9.64941H14.5V12.749H15H15.5V9.64941H15ZM15 12.749H14.5C14.5 13.5775 13.8284 14.249 13 14.249V14.749V15.249C14.3807 15.249 15.5 14.1297 15.5 12.749H15ZM13 14.749V14.249H2.5V14.749V15.249H13V14.749ZM2.5 14.749V14.249C1.67157 14.249 1 13.5775 1 12.749H0.5H0C0 14.1297 1.11929 15.249 2.5 15.249V14.749ZM0.5 12.749H1V9.64941H0.5H0V12.749H0.5ZM0.5 9.64941L1 9.64973C0.99993 9.7601 0.910486 9.84954 0.800123 9.84961L0.799805 9.34961L0.799486 8.84961C0.358062 8.84989 0.000281483 9.20767 8.9407e-08 9.6491L0.5 9.64941ZM0.799805 9.34961V9.84961H4.75391V9.34961V8.84961H0.799805V9.34961ZM4.75391 9.34961L4.41922 9.72107L6.07645 11.2142L6.41113 10.8428L6.74582 10.4713L5.08859 8.97815L4.75391 9.34961ZM6.41113 10.8428L6.07647 11.2143C7.02751 12.071 8.47249 12.0711 9.42354 11.2142L9.08887 10.8428L8.75419 10.4713C8.18358 10.9854 7.31644 10.9854 6.7458 10.4713L6.41113 10.8428ZM9.08887 10.8428L9.42356 11.2142L11.0808 9.72107L10.7461 9.34961L10.4114 8.97815L8.75418 10.4713L9.08887 10.8428ZM10.7461 9.34961V9.84961H14.7002V9.34961V8.84961H10.7461V9.34961Z' fill='%23E3E3E3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55865_6717'%3E%3Crect width='16' height='15' fill='white' transform='translate(0 0.349609)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__button:has(.icon-storage) { border-color: #98CDFF; }

header.zbGNB .navbar .navbar__submenu.is-primary { position: absolute; left: 0; top: 92px; z-index: 10; display: none; width: 100%; background-color: #fff; box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.04); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container { overflow: hidden; width: 1280px; margin: 0 auto; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item { padding-top: 24px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__title { display: flex; padding: 0 16px 0 36px; color: #197EDF; font-size: 16px; font-weight: 600; background-repeat: no-repeat; background-position: 16px 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 13.125C10.3827 13.125 13.125 10.3827 13.125 7C13.125 3.61726 10.3827 0.875 7 0.875C3.61726 0.875 0.875 3.61726 0.875 7C0.875 10.3827 3.61726 13.125 7 13.125ZM7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z' fill='%23DEF0FF'/%3E%3Cpath d='M9.231 4.54238C9.34289 4.43383 9.49179 4.37383 9.64627 4.37502C9.80076 4.37621 9.94875 4.43851 10.059 4.54876C10.1693 4.65902 10.2332 4.80862 10.2373 4.96599C10.2414 5.12335 10.1853 5.27618 10.0809 5.39222L6.91166 9.43099C6.85716 9.4908 6.79139 9.5388 6.71828 9.57212C6.64516 9.60543 6.5662 9.62339 6.48612 9.6249C6.40604 9.62641 6.32648 9.61145 6.2522 9.58091C6.17792 9.55038 6.11045 9.50489 6.05382 9.44718L3.95212 7.30558C3.89359 7.25 3.84664 7.18299 3.81408 7.10853C3.78152 7.03406 3.76401 6.95368 3.7626 6.87218C3.76119 6.79067 3.77591 6.70971 3.80587 6.63412C3.83583 6.55854 3.88043 6.48988 3.93699 6.43223C3.99356 6.37459 4.06095 6.32915 4.13512 6.29862C4.2093 6.26809 4.28875 6.2531 4.36874 6.25453C4.44873 6.25597 4.52761 6.27381 4.60069 6.30699C4.67376 6.34017 4.73953 6.388 4.79407 6.44764L6.45732 8.14166L9.21591 4.56019L9.231 4.54238Z' fill='%23197EDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0809 5.39222C10.1853 5.27618 10.2414 5.12335 10.2373 4.96599C10.2332 4.80862 10.1693 4.65902 10.059 4.54876C9.94875 4.43851 9.80076 4.37621 9.64627 4.37502C9.49179 4.37383 9.34289 4.43383 9.231 4.54238L9.21591 4.56019L6.45732 8.14166L4.79407 6.44764C4.73953 6.388 4.67376 6.34017 4.60069 6.30699C4.52761 6.27381 4.44873 6.25597 4.36874 6.25453C4.28875 6.2531 4.2093 6.26809 4.13512 6.29862C4.06095 6.32915 3.99356 6.37459 3.93699 6.43223C3.88043 6.48988 3.83583 6.55854 3.80587 6.63412C3.77591 6.70971 3.76119 6.79067 3.7626 6.87218C3.76401 6.95368 3.78152 7.03406 3.81408 7.10853C3.84664 7.18299 3.89359 7.25 3.95212 7.30558L6.05382 9.44718C6.11045 9.50489 6.17792 9.55038 6.2522 9.58091C6.32648 9.61145 6.40604 9.62641 6.48612 9.6249C6.5662 9.62339 6.64516 9.60543 6.71828 9.57212C6.79139 9.5388 6.85716 9.4908 6.91166 9.43099L10.0809 5.39222Z' fill='%23197EDF'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__title small { margin-left: 6px; font-size: 16px; color: #A9A9A9; font-weight: 400; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step { display: flex; margin-top: 12px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__item { position: relative; width: 100%; padding: 12px 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__item:not(:first-child)::before { position: absolute; left: 0; top: 32px; z-index: 1; width: 1px; height: 320px; background-color: #EDEDED; content: ""; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__item.is-disabled .step__link { pointer-events: none; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__item.is-disabled::after { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding-top: 84px; color: #CBCBCB; font-size: 12px; text-align: center; line-height: 140%; background-color: rgba(255, 255, 255, 0.95); content: "해당 콘텐츠를 제공하지 않습니다."; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__item:has(.step__badge) { min-height: 352px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title { display: block; margin-top: 16px; padding-left: 20px; color: #1E1E1E; font-size: 16px; font-weight: 600; line-height: 140%; background-position: 0 50%; background-size: 16px 16px; background-repeat: no-repeat; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-step1 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.08105 1.99917C1.08105 0.895059 1.97611 0 3.08023 0H11.7567C12.309 0 12.7567 0.447715 12.7567 1V2.99834C12.7567 3.55063 12.309 3.99834 11.7567 3.99834H3.08023C1.97612 3.99834 1.08105 3.10328 1.08105 1.99917Z' fill='%23E9E9E9'/%3E%3Cpath d='M4.10742 1.99645C4.10742 1.05012 4.87458 0.282959 5.82091 0.282959H11.9698C12.4041 0.282959 12.7561 0.634971 12.7561 1.0692V2.9237C12.7561 3.35793 12.4041 3.70994 11.9698 3.70994H5.82091C4.87458 3.70994 4.10742 2.94278 4.10742 1.99645Z' fill='%23CCCCCC'/%3E%3Cpath d='M5.18945 1.93853C5.18945 1.46537 5.57303 1.08179 6.0462 1.08179H12.757V2.79528H6.0462C5.57303 2.79528 5.18945 2.4117 5.18945 1.93853Z' fill='%23EEEEEE'/%3E%3Cpath d='M4.32422 6.00576C4.32422 4.90165 5.21928 4.00659 6.32339 4.00659H14.9999C15.5522 4.00659 15.9999 4.45431 15.9999 5.00659V7.00493C15.9999 7.55722 15.5522 8.00493 14.9999 8.00493H6.32339C5.21928 8.00493 4.32422 7.10988 4.32422 6.00576Z' fill='%23F3C576'/%3E%3Cpath d='M7.35156 6.00304C7.35156 5.05671 8.11872 4.28955 9.06505 4.28955H15.214C15.6482 4.28955 16.0002 4.64156 16.0002 5.07579V6.93029C16.0002 7.36452 15.6482 7.71653 15.214 7.71653H9.06505C8.11872 7.71653 7.35156 6.94938 7.35156 6.00304Z' fill='%23EFB450'/%3E%3Cpath d='M8.43262 5.94512C8.43262 5.47196 8.8162 5.08838 9.28936 5.08838H16.0002V6.80187H9.28936C8.8162 6.80187 8.43262 6.41829 8.43262 5.94512Z' fill='%23EEEEEE'/%3E%3Cpath d='M0 10.0006C0 8.89652 0.89506 8.00146 1.99917 8.00146H10.6757C11.228 8.00146 11.6757 8.44918 11.6757 9.00146V10.9998C11.6757 11.5521 11.228 11.9998 10.6757 11.9998H1.99918C0.895063 11.9998 0 11.1047 0 10.0006Z' fill='%23F15858'/%3E%3Cpath d='M3.02637 9.99791C3.02637 9.05158 3.79352 8.28442 4.73986 8.28442H10.8888C11.323 8.28442 11.675 8.63644 11.675 9.07066V10.9252C11.675 11.3594 11.323 11.7114 10.8888 11.7114H4.73986C3.79352 11.7114 3.02637 10.9442 3.02637 9.99791Z' fill='%23E43636'/%3E%3Cpath d='M4.10742 9.94C4.10742 9.46683 4.491 9.08325 4.96417 9.08325H11.675V10.7967H4.96417C4.491 10.7967 4.10742 10.4132 4.10742 9.94Z' fill='%23EEEEEE'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-step2 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg clip-path='url(%23clip0_50894_8200)'%3E%3Crect x='1.97009' y='8.07129' width='3' height='8' rx='1.5' fill='%23F3C576'/%3E%3Crect x='6.97009' y='6.07129' width='3' height='10' rx='1.5' fill='%23EDEDED'/%3E%3Crect x='11.9701' y='2.07129' width='3' height='14' rx='1.5' fill='%23F15858'/%3E%3Cpath d='M2.01069 6.71721C2.18492 6.88483 2.44931 6.9014 2.6409 6.7693L2.71739 6.70405L5.10788 4.21994C5.26938 4.05209 5.35946 3.95979 5.43114 3.90163C5.44296 3.89205 5.45338 3.88592 5.46079 3.8807C5.46914 3.88418 5.48095 3.88804 5.49452 3.89481C5.57705 3.93605 5.68505 4.00643 5.87879 4.13504L6.50816 4.55294C6.70519 4.68374 6.8938 4.81026 7.06192 4.89245C7.24299 4.98092 7.46245 5.04994 7.71714 5.00425L7.8096 4.98359C8.01689 4.92384 8.17078 4.79863 8.29242 4.67093C8.42146 4.5354 8.5542 4.35168 8.69346 4.16057L10.0501 2.29963L10.1532 2.80983C10.2078 3.0804 10.4717 3.25544 10.7423 3.20099C11.013 3.14634 11.1881 2.88261 11.1334 2.61194L10.8053 0.987513C10.7506 0.716836 10.4869 0.541709 10.2162 0.596356L8.3199 0.979196C8.04936 1.03395 7.87413 1.29765 7.92878 1.56825C7.98361 1.83862 8.24742 2.01387 8.51788 1.9594L9.15349 1.83108L7.88507 3.57159C7.72963 3.78492 7.64123 3.90464 7.5683 3.98125C7.55644 3.9937 7.54575 4.0023 7.5381 4.00927C7.52864 4.00544 7.51615 4.00117 7.5011 3.99382C7.40609 3.94737 7.28117 3.86599 7.06123 3.71998L6.43186 3.30209C6.25881 3.1872 6.09123 3.07505 5.94042 2.99981C5.77717 2.91836 5.58169 2.85247 5.35087 2.87774C5.11994 2.90308 4.94283 3.01027 4.80109 3.12522C4.67025 3.23139 4.53095 3.37702 4.38701 3.52662L1.99748 6.01053L1.93481 6.08993C1.81025 6.28639 1.83667 6.54957 2.01069 6.71721Z' fill='%23C2C2C2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_50894_8200'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-step3 { background-image: url("/images/pc/common/bg-navbar-step-3.png"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-step4 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14' fill='none'%3E%3Crect x='0.5' y='1.5' width='13' height='12.5' rx='4' fill='%23E9E9E9'/%3E%3Cpath d='M13.1992 5.08399C13.1992 2.87485 11.4084 1.08398 9.19922 1.08398H4.50046C2.29132 1.08398 0.500463 2.87485 0.500463 5.08398V8.66714L2.61692 10.8338L4.73338 13.0004H9.19922C11.4084 13.0004 13.1992 11.2095 13.1992 9.00037V5.08399Z' fill='%23F6F6F6'/%3E%3Cmask id='path-3-inside-1_50259_1017' fill='white'%3E%3Cpath d='M8.70195 5.03693C8.79496 4.94839 8.91873 4.89943 9.04714 4.9004C9.17556 4.90138 9.29857 4.9522 9.39023 5.04214C9.48189 5.13209 9.53502 5.25412 9.53842 5.3825C9.54181 5.51087 9.4952 5.63554 9.40843 5.73021L6.77399 9.0249C6.72869 9.0737 6.67401 9.11285 6.61324 9.14003C6.55246 9.16721 6.48682 9.18185 6.42025 9.18309C6.35369 9.18432 6.28755 9.17212 6.22581 9.14721C6.16407 9.1223 6.10798 9.08519 6.06091 9.03811L4.31386 7.29106C4.26521 7.24573 4.22618 7.19106 4.19912 7.13031C4.17205 7.06957 4.1575 7.004 4.15633 6.93751C4.15515 6.87102 4.16739 6.80497 4.19229 6.74331C4.2172 6.68165 4.25427 6.62564 4.30129 6.57862C4.34831 6.53159 4.40432 6.49452 4.46599 6.46962C4.52765 6.44471 4.59369 6.43248 4.66018 6.43365C4.72667 6.43483 4.79224 6.44938 4.85299 6.47645C4.91373 6.50351 4.9684 6.54253 5.01374 6.59119L6.39632 7.97311L8.6894 5.05146L8.70195 5.03693Z'/%3E%3C/mask%3E%3Cpath d='M8.70195 5.03693L8.01242 4.31267L7.97705 4.34635L7.94512 4.38332L8.70195 5.03693ZM9.40843 5.73021L8.67128 5.05447L8.64848 5.07935L8.6274 5.1057L9.40843 5.73021ZM6.77399 9.0249L7.50683 9.7053L7.53195 9.67824L7.55501 9.64941L6.77399 9.0249ZM6.06091 9.03811L6.76806 8.33105L6.76801 8.331L6.06091 9.03811ZM4.31386 7.29106L5.02097 6.58396L5.00849 6.57148L4.99558 6.55945L4.31386 7.29106ZM5.01374 6.59119L4.28212 7.27291L4.29423 7.2859L4.3068 7.29846L5.01374 6.59119ZM6.39632 7.97311L5.68938 8.68039L6.48684 9.47746L7.18296 8.59052L6.39632 7.97311ZM8.6894 5.05146L7.93258 4.39784L7.91724 4.4156L7.90276 4.43405L8.6894 5.05146ZM8.70195 5.03693L9.39147 5.7612C9.29666 5.85146 9.17048 5.90137 9.03958 5.90038L9.04714 4.9004L9.05471 3.90043C8.66697 3.8975 8.29326 4.04531 8.01242 4.31267L8.70195 5.03693ZM9.04714 4.9004L9.03958 5.90038C8.90867 5.89939 8.78326 5.84758 8.68983 5.75589L9.39023 5.04214L10.0906 4.3284C9.81388 4.05682 9.44245 3.90337 9.05471 3.90043L9.04714 4.9004ZM9.39023 5.04214L8.68983 5.75589C8.59639 5.6642 8.54223 5.53979 8.53877 5.40893L9.53842 5.3825L10.5381 5.35607C10.5278 4.96845 10.3674 4.59998 10.0906 4.3284L9.39023 5.04214ZM9.53842 5.3825L8.53877 5.40893C8.53531 5.27806 8.58282 5.15097 8.67128 5.05447L9.40843 5.73021L10.1456 6.40594C10.4076 6.12012 10.5483 5.74368 10.5381 5.35607L9.53842 5.3825ZM9.40843 5.73021L8.6274 5.1057L5.99297 8.4004L6.77399 9.0249L7.55501 9.64941L10.1894 6.35471L9.40843 5.73021ZM6.77399 9.0249L6.04114 8.34451C6.08732 8.29477 6.14306 8.25485 6.20501 8.22715L6.61324 9.14003L7.02146 10.0529C7.20497 9.97085 7.37005 9.85262 7.50683 9.7053L6.77399 9.0249ZM6.61324 9.14003L6.20501 8.22715C6.26697 8.19944 6.33388 8.18452 6.40174 8.18326L6.42025 9.18309L6.43877 10.1829C6.63977 10.1792 6.83795 10.135 7.02146 10.0529L6.61324 9.14003ZM6.42025 9.18309L6.40174 8.18326C6.4696 8.182 6.53702 8.19444 6.59996 8.21984L6.22581 9.14721L5.85167 10.0746C6.03809 10.1498 6.23777 10.1866 6.43877 10.1829L6.42025 9.18309ZM6.22581 9.14721L6.59996 8.21984C6.6629 8.24523 6.72007 8.28305 6.76806 8.33105L6.06091 9.03811L5.35375 9.74517C5.49589 9.88733 5.66524 9.99936 5.85167 10.0746L6.22581 9.14721ZM6.06091 9.03811L6.76801 8.331L5.02097 6.58396L4.31386 7.29106L3.60675 7.99817L5.3538 9.74522L6.06091 9.03811ZM4.31386 7.29106L4.99558 6.55945C5.04518 6.60566 5.08496 6.6614 5.11255 6.72332L4.19912 7.13031L3.28569 7.53731C3.36741 7.72072 3.48524 7.88579 3.63214 8.02267L4.31386 7.29106ZM4.19912 7.13031L5.11255 6.72332C5.14014 6.78524 5.15498 6.85208 5.15617 6.91987L4.15633 6.93751L3.15648 6.95515C3.16002 7.15591 3.20397 7.3539 3.28569 7.53731L4.19912 7.13031ZM4.15633 6.93751L5.15617 6.91987C5.15737 6.98765 5.1449 7.05498 5.11951 7.11783L4.19229 6.74331L3.26507 6.36879C3.18987 6.55497 3.15294 6.75439 3.15648 6.95515L4.15633 6.93751ZM4.19229 6.74331L5.11951 7.11783C5.09412 7.18069 5.05633 7.23779 5.0084 7.28572L4.30129 6.57862L3.59418 5.87151C3.4522 6.01349 3.34027 6.18261 3.26507 6.36879L4.19229 6.74331ZM4.30129 6.57862L5.0084 7.28572C4.96046 7.33366 4.90336 7.37145 4.8405 7.39684L4.46599 6.46962L4.09147 5.5424C3.90529 5.6176 3.73616 5.72953 3.59418 5.87151L4.30129 6.57862ZM4.46599 6.46962L4.8405 7.39684C4.77765 7.42223 4.71032 7.43469 4.64254 7.4335L4.66018 6.43365L4.67782 5.43381C4.47706 5.43027 4.27764 5.4672 4.09147 5.5424L4.46599 6.46962ZM4.66018 6.43365L4.64254 7.4335C4.57476 7.4323 4.50791 7.41747 4.44599 7.38988L4.85299 6.47645L5.25998 5.56302C5.07657 5.48129 4.87858 5.43735 4.67782 5.43381L4.66018 6.43365ZM4.85299 6.47645L4.44599 7.38988C4.38407 7.36229 4.32834 7.3225 4.28212 7.27291L5.01374 6.59119L5.74535 5.90946C5.60846 5.76256 5.44339 5.64474 5.25998 5.56302L4.85299 6.47645ZM5.01374 6.59119L4.3068 7.29846L5.68938 8.68039L6.39632 7.97311L7.10326 7.26583L5.72067 5.88391L5.01374 6.59119ZM6.39632 7.97311L7.18296 8.59052L9.47605 5.66887L8.6894 5.05146L7.90276 4.43405L5.60967 7.35571L6.39632 7.97311ZM8.6894 5.05146L9.44623 5.70508L9.45877 5.69055L8.70195 5.03693L7.94512 4.38332L7.93258 4.39784L8.6894 5.05146Z' fill='%23F15858' mask='url(%23path-3-inside-1_50259_1017)'/%3E%3Crect x='3.14551' width='1.05823' height='3.24992' rx='0.529115' fill='%23B1B1B1'/%3E%3Crect x='5.26172' width='1.05823' height='3.24992' rx='0.529115' fill='%23B1B1B1'/%3E%3Crect x='7.37891' width='1.05823' height='3.24992' rx='0.529115' fill='%23B1B1B1'/%3E%3Crect x='9.49414' width='1.05823' height='3.24992' rx='0.529115' fill='%23B1B1B1'/%3E%3Cpath d='M4.7334 12.998L2.61694 10.8312L0.50048 8.66463L3.67517 8.66463C4.25961 8.66463 4.7334 9.14964 4.7334 9.74794L4.7334 12.998Z' fill='%23E3E3E3'/%3E%3Cpath d='M11.02 10.3809L9.71382 10.4961C9.08515 10.5515 8.56384 10.0142 8.63525 9.38446L8.78362 8.07596C9.40429 7.46847 10.3977 7.4813 11.0025 8.10461L11.0488 8.15234C11.6536 8.77565 11.6407 9.77342 11.02 10.3809Z' fill='%23FFF2D3'/%3E%3Cpath d='M9.09971 10.5526C8.7873 10.5785 8.52877 10.3121 8.56267 9.99904L8.6073 9.58685L9.51113 10.5184L9.09971 10.5526Z' fill='%231E1E1E'/%3E%3Cpath d='M11.0195 10.3809C10.6902 10.0414 10.6972 9.498 11.0352 9.16716L14.778 5.50386L15.3743 6.11851L11.0195 10.3809Z' fill='%23C9C9C9'/%3E%3Cpath d='M8.7832 8.07617C9.11257 8.41563 9.65359 8.42262 9.99161 8.09178L13.7344 4.42848L13.138 3.81383L8.7832 8.07617Z' fill='%23C9C9C9'/%3E%3Cpath d='M10.9594 9.24146C10.6636 9.53095 10.1902 9.52483 9.902 9.2278C9.61381 8.93077 9.61995 8.45531 9.91572 8.16582L13.735 4.42764L14.7786 5.50328L10.9594 9.24146Z' fill='%23B1B1B1'/%3E%3Cpath d='M15.375 6.11914L13.1386 3.81419C13.7593 3.2067 14.7527 3.21953 15.3575 3.84285L15.4038 3.89057C16.0086 4.51388 15.9957 5.51165 15.375 6.11914Z' fill='%23F3C576'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-soopring { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.6001 13.095C15.6001 14.424 14.5241 15.5 13.1951 15.5H3.00508C1.67611 15.5 0.600098 14.424 0.600098 13.095V2.90498C0.600098 1.57601 1.67611 0.5 3.00508 0.5H13.1951C14.5221 0.5 15.6001 1.57601 15.6001 2.90498V13.095Z' fill='%2326C0D2'/%3E%3Cpath d='M8.07632 3.43593C7.21839 4.29202 6.95314 5.51944 7.27509 6.61515L8.71291 6.74686C8.24461 5.99138 8.33242 4.99261 8.98181 4.34141C9.74096 3.58227 10.9776 3.58959 11.7459 4.35604C12.5123 5.12432 12.5178 6.36089 11.7587 7.12002C11.23 7.64867 10.4672 7.80599 9.79401 7.59197L9.78303 7.58831L9.29096 7.51697L6.3257 7.08893C6.28362 7.08161 6.23972 7.07429 6.19765 7.0688L6.16838 7.06515C5.2263 6.95539 4.2513 7.25905 3.53422 7.97611C2.27933 9.23097 2.29031 11.2742 3.558 12.5437C4.82569 13.8096 6.86899 13.8205 8.12388 12.5657C8.99096 11.6986 9.25254 10.4566 8.91413 9.3517L7.41778 9.15231C7.9629 9.91693 7.89705 10.9797 7.21656 11.6602C6.45741 12.4193 5.22081 12.412 4.45435 11.6456C3.68788 10.8791 3.68056 9.64072 4.43971 8.88158C4.89154 8.42976 5.51533 8.24866 6.10618 8.34013L9.80133 8.9017C10.8111 9.09194 11.8885 8.8011 12.666 8.02367C13.9209 6.76881 13.9099 4.72555 12.6422 3.45788C11.3745 2.19022 9.3312 2.17924 8.07632 3.4341V3.43593Z' fill='white'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__title.is-school { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.60117 8.22865C8.96016 8.22865 9.25117 7.94136 9.25117 7.58698C9.25117 7.2326 8.96016 6.94531 8.60117 6.94531C8.24219 6.94531 7.95117 7.2326 7.95117 7.58698C7.95117 7.94136 8.24219 8.22865 8.60117 8.22865Z' fill='black'/%3E%3Cpath d='M15.0996 14.0281V7.49239H12.9329L8.9272 4.01847C8.73923 3.85545 8.45999 3.85545 8.27202 4.01847L4.26628 7.49239H2.09961V14.0281C2.09961 14.4181 2.25179 14.7921 2.52268 15.0679C2.79356 15.3436 3.16096 15.4986 3.54405 15.4986H13.6552C14.0383 15.4986 14.4057 15.3436 14.6765 15.0679C14.9474 14.7921 15.0996 14.4181 15.0996 14.0281Z' fill='%23F3F3F3'/%3E%3Cpath d='M8.60117 9.20912C8.96016 9.20912 9.25117 8.92183 9.25117 8.56745C9.25117 8.21307 8.96016 7.92578 8.60117 7.92578C8.24219 7.92578 7.95117 8.21307 7.95117 8.56745C7.95117 8.92183 8.24219 9.20912 8.60117 9.20912Z' fill='%23B1B1B1'/%3E%3Cpath d='M8.60159 1.31898L8.60239 2.50912L10.9992 2.50757C10.9989 2.10947 10.8956 1.66708 10.5311 1.44609C10.0995 1.18374 8.96418 0.53735 8.68873 0.811402C8.60131 0.898413 8.6014 1.0386 8.60159 1.31898Z' fill='%23F3C576'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.86624 0.991629C8.86437 0.998939 8.86219 1.00959 8.86017 1.02469C8.85195 1.08583 8.85149 1.1718 8.85159 1.31882L8.85223 2.26387L10.7333 2.26265C10.6962 1.99291 10.5922 1.77133 10.3996 1.65453C10.1866 1.52504 9.80661 1.30506 9.4509 1.15202C9.2715 1.07484 9.11163 1.02059 8.98886 0.999455C8.92004 0.987603 8.88314 0.989401 8.86624 0.991629ZM8.85256 2.75405L8.8532 3.70265C8.85329 3.83801 8.74144 3.94781 8.60337 3.9479C8.46529 3.94799 8.35329 3.83833 8.3532 3.70297L8.35159 1.31915C8.35159 1.31444 8.35158 1.30975 8.35158 1.30507C8.35148 1.17704 8.35138 1.05792 8.36445 0.960669C8.37889 0.853216 8.41331 0.736267 8.51063 0.639412C8.67452 0.476346 8.91523 0.489096 9.07536 0.516671C9.25643 0.547851 9.45902 0.620216 9.65183 0.703167C10.0405 0.870403 10.4443 1.10493 10.6629 1.2378C11.1432 1.52921 11.2489 2.08899 11.2492 2.50741C11.2493 2.64276 11.1374 2.75257 10.9994 2.75266L8.85256 2.75405Z' fill='%23F3C576'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step a.step__title { margin-top: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step a.step__title:hover { color: #197EDF; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__link { display: block; margin-top: 16px; padding-left: 20px; color: #1E1E1E; font-size: 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step .step__link:hover { color: #197EDF; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step.is-column { flex-direction: column; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step.is-column .step__item::before { display: none; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item .learning__step.is-column .step__item:first-child .step__title { margin-top: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary { display: flex; float: left; width: calc(100% - 320px); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary:has(.item__row.is-trend) { width: calc(100% - 229px); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row { width: 100%; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-sat, header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-trend { width: 192px; flex-shrink: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-sat .learning__step:first-of-type, header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-trend .learning__step:first-of-type { position: relative; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-sat .learning__step:first-of-type::before, header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-trend .learning__step:first-of-type::before { position: absolute; left: 0; top: 32px; z-index: 1; display: block; width: 1px; height: 320px; background-color: #EDEDED; content: ""; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-trend .learning__step .step__title:not(:first-child) { margin-top: 16PX; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-primary .item__row.is-trend .learning__step + .learning__title { margin-top: 17px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary { float: right; width: 320px; border-left: 9px solid #F9F9F9; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row .learning__step { width: 319px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row .learning__step .step__item .step__title { margin-top: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row .learning__step .step__item:not(:first-child)::before { display: none; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row .learning__step .step__item:last-child { padding-right: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row:not(:first-child) { position: relative; padding-top: 24px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .item__row:not(:first-child)::before { position: absolute; left: 16px; top: 0; width: 280px; height: 1px; background-color: #EDEDED; content: ""; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__banner { margin-top: 24px; padding: 0 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching { padding: 0 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .teaching__link { display: flex; align-items: center; padding: 16px 0; color: #1E1E1E; font-size: 16px; background-repeat: no-repeat; background-position: 100% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 11L10 8L7 5' stroke='%23A9A9A9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step { margin: 0; padding-bottom: 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step .step__item { padding: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step .step__item .step__title, header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step .step__item .step__link { margin: 0; padding: 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step .step__item .step__title { display: flex; align-items: center; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item .learning__step .step__item .step__link:not(:first-child) { margin-top: 16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item:first-child .teaching__link { margin-top: -16px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__item:not(:first-child) { border-top: 1px solid #EDEDED; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary .learning__teaching .teaching__badge.is-new { display: inline-flex; align-items: center; height: 18px; margin-left: 4px; padding: 0 6px; color: #FF6D6A; font-size: 10px; line-height: normal; border-radius: 10px; background-color: #FFE6E5; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary:has(.learning__teaching) { width: 229px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary:has(.learning__teaching) .learning__banner { padding: 0 12px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container .submenu__item.is-secondary:has(.learning__teaching) .learning__banner a { overflow: hidden; display: block; width: 196px; height: 62px; border-radius: 10px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container:has(.navbar__switch) { position: relative; padding: 71px 0 0; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container:has(.navbar__switch) .navbar__switch { position: absolute; left: 0; top: 20px; }

header.zbGNB .navbar .navbar__submenu.is-primary .submenu__container:has(.submenu__item) { padding-bottom: 32px; }

header.zbGNB .navbar .navbar__submenu.is-primary.is-active { display: block; }

header.zbGNB .navbar .navbar__submenu.is-secondary { background-color: #fff; box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.04); }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container { display: flex; align-items: center; width: 1020px; margin: 0 auto; /* &.has-width-1020, &.has-width-812 {justify-content: flex-start;} &.has-width-1020 {width: 1020px;} &.has-width-812 {width: 812px;} */ }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__step, header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__link { display: flex; align-items: center; height: 70px; padding: 0 16px; color: #1E1E1E; font-size: 16px; white-space: nowrap; }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__step { position: relative; font-weight: 700; }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__step .step__badge { margin-right: 6px; }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__step::after { position: absolute; right: 0; top: 50%; display: block; width: 1px; height: 24px; transform: translateY(-50%); background-color: #EDEDED; content: ""; }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__step:first-child { padding-left: 0; }

header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__link:hover, header.zbGNB .navbar .navbar__submenu.is-secondary .submenu__container .navbar__link.is-active { color: #197EDF; }

header.zbGNB .navbar .submenu__question { position: absolute; right: 0; top: 18px; display: inline-flex; align-items: center; height: 41px; padding: 0 46px 0 32px; color: #1E1E1E; font-size: 18px; font-weight: 400; border-radius: 100px; border: 1px solid #EDEDED; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 24px) 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 11L10 8L7 5' stroke='%23A9A9A9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

header.zbGNB .navbar .submenu__question:hover, header.zbGNB .navbar .submenu__question.is-active { color: #197EDF; border-color: #DBEDFF; }

header.zbGNB .navbar .step__badge { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; color: #FFF; font-size: 10px; font-weight: 400; line-height: normal; border-radius: 10px; background-color: #FFA000; }

header.zbGNB.is-active::after { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); content: ""; }

header.zbGNB:has(.topbar.is-active) .navbar .navbar__submenu.is-primary { top: 92px; }

header.zbGNB:has(.topbar.is-active) #zocbo-service { top: 228px; }

header.zbGNB:has(~ #zocbo_wrap .contents_area) .navbar .navbar__submenu.is-secondary .submenu__container { width: 812px; }

@keyframes member-point { 0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); } }

@keyframes scroll-point { 0%, 100% { transform: translateY(0px);
    opacity: 1; }
  50% { transform: translateY(-5px);
    opacity: 0; } }

.zModal.is-zbService { position: absolute; min-width: 1470px; width: 100%; min-height: calc(100% - 172px); left: 0; top: 172px; right: auto; bottom: auto; z-index: 11; align-items: flex-start; }

.zModal.is-zbService * { box-sizing: border-box; }

.zModal.is-zbService .step__badge { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; color: #FFF; font-size: 10px; font-weight: 400; line-height: normal; border-radius: 10px; background-color: #FFA000; vertical-align: top; }

.zModal.is-zbService .zbService__backdrop { position: absolute; display: none; min-width: 1470px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.zModal.is-zbService .zbService__content { position: relative; z-index: 1002; display: flex; flex-direction: column; width: 1280px; margin: 32px auto 0; padding: 24px; border-radius: 12px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08); }

.zModal.is-zbService .zbService__content * { font-family: "Pretendard", sans-serif; font-style: normal; }

.zModal.is-zbService .zbService__content .zbService__header { display: flex; }

.zModal.is-zbService .zbService__content .zbService__body { display: flex; padding-top: 24px; }

.zModal.is-zbService .zbService__content .zbService__body .body__item { width: 100%; }

.zModal.is-zbService .zbService__content .zbService__body .body__item.is-secondary { position: relative; width: 420px; padding-left: 30px; flex-shrink: 0; }

.zModal.is-zbService .zbService__content .zbService__body .body__item.is-secondary::before { position: absolute; left: 12px; top: 0; display: inline-flex; width: 6px; height: 100%; background-color: #f9f9f9; vertical-align: top; content: ""; }

.zModal.is-zbService .zbService__title { color: #1E1E1E; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%; }

.zModal.is-zbService .zbService__close { display: inline-flex; margin-left: auto; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.413496 0.413496C0.964825 -0.137832 1.8587 -0.137832 2.41003 0.413496L8 6.00346L13.59 0.413496C14.1413 -0.137832 15.0352 -0.137832 15.5865 0.413496C16.1378 0.964825 16.1378 1.8587 15.5865 2.41003L9.99654 8L15.5865 13.59C16.1378 14.1413 16.1378 15.0352 15.5865 15.5865C15.0352 16.1378 14.1413 16.1378 13.59 15.5865L8 9.99654L2.41003 15.5865C1.8587 16.1378 0.964825 16.1378 0.413496 15.5865C-0.137832 15.0352 -0.137832 14.1413 0.413496 13.59L6.00346 8L0.413496 2.41003C-0.137832 1.8587 -0.137832 0.964825 0.413496 0.413496Z' fill='%23CBCBCB'/%3E%3C/svg%3E"); }

.zModal.is-zbService .zbService__banner { display: flex; }

.zModal.is-zbService .zbService__banner.is-primary .banner__link { display: inline-flex; justify-content: center; align-items: center; overflow: hidden; width: 244px; height: 50px; border-radius: 10px; background-repeat: no-repeat, no-repeat; }

.zModal.is-zbService .zbService__banner.is-primary .banner__link em { font-size: 16px; font-weight: 700; }

.zModal.is-zbService .zbService__banner.is-primary .banner__link:not(:first-child) { margin-left: 12px; }

.zModal.is-zbService .zbService__banner.is-primary .banner__link.is-primary { border: 1px solid #DBEDFF; background-color: #F8FCFF; background-position: calc(100% - 40px) 0, calc(100% - 13px) 50%; /* background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='50' viewBox='0 0 74 50' fill='none'%3E%3Cg opacity='0.05'%3E%3Cpath d='M73.9938 38.1236C73.8756 34.1052 72.1993 30.3901 69.2846 27.6518C66.365 24.9201 62.5419 23.4831 58.526 23.6136C54.5037 23.7323 50.7834 25.408 48.0455 28.3268C45.3104 31.2483 43.8729 35.0676 43.9955 39.0887C44.1209 43.0886 45.8036 46.7984 48.726 49.5446C51.6551 52.2908 55.469 53.7265 59.461 53.6012C63.4887 53.4694 67.2104 51.7938 69.9482 48.8762C72.6883 45.9613 74.1234 42.1393 73.9926 38.121L73.9956 38.1236H73.9938ZM59.2092 45.401C55.4585 45.5197 52.3158 42.5705 52.1932 38.8158C52.1404 37.0056 52.7985 35.2799 54.0381 33.9497C55.2844 32.6194 56.9685 31.864 58.7792 31.8086C60.5899 31.748 62.3188 32.4019 63.6483 33.6465C64.9725 34.8923 65.7345 36.5719 65.7951 38.3873C65.8455 40.2 65.1939 41.9257 63.9465 43.2507C62.7105 44.5757 61.0212 45.3364 59.2078 45.3997L59.2092 45.401Z' fill='%23197EDF'/%3E%3Cpath d='M58.6019 16.9626L43.871 2.2364C42.2607 0.626667 39.6931 0.583161 38.1369 2.13883C36.5807 3.69451 36.6242 6.26137 38.2345 7.87111L46.2316 15.8657L26.4352 15.5295C24.1959 15.4912 22.4116 17.275 22.4498 19.5136C22.4696 20.6922 22.9932 21.7575 23.8095 22.5116L38.7383 37.4355C40.3485 39.0453 42.9149 39.0888 44.4724 37.5331C46.0285 35.9774 45.985 33.4105 44.3748 31.8008L36.3737 23.801L55.5951 24.1279C56.8756 24.1503 58.0058 23.5742 58.7338 22.6593C60.2557 21.0996 60.2029 18.5604 58.6045 16.9626H58.6019Z' fill='%23197EDF'/%3E%3Cpath d='M37.8824 38.121L37.885 38.1236C37.7663 34.1052 36.0901 30.3901 33.1756 27.6518C30.2558 24.9201 26.4339 23.4831 22.4169 23.6136C18.3946 23.7323 14.6742 25.408 11.9364 28.3268C10.2919 30.0829 9.12084 32.1659 8.47064 34.4216C6.95141 33.04 4.60131 33.0769 3.1335 34.5442C1.62217 36.0551 1.62217 38.5046 3.1335 40.0155L11.5118 48.3911C11.8573 48.7918 12.2253 49.1781 12.6156 49.5446C12.8161 49.7318 13.0205 49.9125 13.2289 50.0878C13.2961 50.1471 13.366 50.2025 13.4359 50.2552C16.2397 52.5347 19.7199 53.7146 23.3493 53.6012C27.3769 53.4694 31.0985 51.7938 33.8363 48.8762C36.5767 45.9613 38.0116 42.1393 37.881 38.121H37.8824ZM27.8384 43.252C26.604 44.577 24.9133 45.3377 23.1 45.401C19.3494 45.5197 16.2067 42.5705 16.084 38.8158C16.03 37.0056 16.6893 35.2799 17.929 33.9497C19.1753 32.6194 20.8594 31.864 22.6701 31.8086C24.4808 31.748 26.2097 32.4019 27.539 33.6465C28.8631 34.8923 29.6254 36.5719 29.6861 38.3873C29.7362 40.2 29.0847 41.9257 27.8371 43.2507L27.8384 43.252Z' fill='%23197EDF'/%3E%3Cpath d='M58.326 56.6803H58.3274C58.2786 56.3138 58.214 55.9526 58.1388 55.5927C58.1361 55.5808 58.1348 55.5676 58.1322 55.5558C58.0676 55.2525 57.9924 54.9519 57.9093 54.6553C57.8882 54.5815 57.8631 54.5103 57.8407 54.4365C57.7695 54.1952 57.6943 53.9566 57.6113 53.7193C57.5717 53.6085 57.5282 53.4991 57.4859 53.3897C57.4108 53.1933 57.3343 52.9968 57.2512 52.803C57.2011 52.6856 57.1483 52.571 57.0943 52.455C57.0099 52.2704 56.9215 52.0871 56.8292 51.9065C56.7712 51.7918 56.7118 51.6785 56.6499 51.5651C56.5509 51.3844 56.4481 51.2052 56.3425 51.0285C56.2792 50.923 56.2173 50.8162 56.1513 50.7121C56.0313 50.5222 55.9047 50.3363 55.7768 50.1518C55.7175 50.066 55.6595 49.9777 55.5987 49.8934C55.4049 49.6271 55.2031 49.3647 54.9921 49.1103C53.1854 46.9442 50.7997 45.3199 48.1067 44.4234C45.4125 43.527 42.519 43.3938 39.7522 44.0385C36.9854 44.6832 34.4572 46.0807 32.454 48.0714C30.4508 50.0621 29.0528 52.567 28.4185 55.3026C27.7841 58.0382 27.9398 60.8938 28.8655 63.5463C29.7926 66.1992 31.453 68.5414 33.6607 70.3094C33.9191 70.5164 34.1855 70.7132 34.4559 70.9028C34.5456 70.9646 34.6379 71.0228 34.7276 71.0834C34.9122 71.2076 35.0982 71.3287 35.2881 71.4433C35.3975 71.5093 35.5083 71.5723 35.6191 71.6359C35.7958 71.7373 35.9739 71.8363 36.1545 71.9299C36.2719 71.9905 36.3905 72.0499 36.5093 72.1081C36.6913 72.1963 36.8746 72.2809 37.0605 72.3625C37.1792 72.4152 37.2979 72.4662 37.4179 72.5166C37.6157 72.597 37.8148 72.672 38.0153 72.7446C38.1261 72.7842 38.2356 72.8262 38.3463 72.8646C38.5969 72.9492 38.8488 73.0242 39.1033 73.0956C39.1666 73.1136 39.2299 73.1346 39.2932 73.152C39.5966 73.2324 39.9025 73.305 40.2111 73.3668C40.2256 73.3698 40.2414 73.371 40.2573 73.3746C40.5567 73.434 40.8586 73.4802 41.162 73.5227L41.158 73.5515C41.8068 73.6361 42.4636 73.6043 43.0914 73.458C43.7191 73.3116 44.3046 73.053 44.8163 72.6984C45.328 72.3439 45.754 71.8981 46.0705 71.3881C46.387 70.8776 46.5888 70.3136 46.6626 69.7269C46.7365 69.1402 46.6824 68.5414 46.5017 67.9667C46.3224 67.3919 46.0204 66.8526 45.6142 66.3768C45.208 65.9022 44.7042 65.5015 44.1332 65.1985C43.6202 64.9267 43.061 64.7438 42.4834 64.646L42.4873 64.613C41.3585 64.4732 40.2929 64.025 39.4106 63.3171C38.5283 62.6092 37.8637 61.6714 37.4931 60.6117C37.1225 59.5517 37.0605 58.4087 37.3137 57.3145C37.5669 56.2202 38.1261 55.2183 38.9279 54.4219C39.7298 53.6257 40.7413 53.0667 41.8477 52.8083C42.9542 52.5512 44.1121 52.6039 45.1896 52.9625C46.267 53.3211 47.2218 53.9711 47.9432 54.8372C48.6579 55.6942 49.1169 56.7304 49.2712 57.8286C49.3543 58.4773 49.5521 59.1048 49.8568 59.6757C50.1601 60.2452 50.5636 60.7475 51.0423 61.1525C51.5211 61.5568 52.0671 61.8574 52.6473 62.0356C53.2276 62.2138 53.8329 62.2648 54.4277 62.1898C55.0211 62.1136 55.5948 61.9102 56.1118 61.591C56.6287 61.2725 57.0824 60.8451 57.4438 60.3322C57.8051 59.8193 58.0702 59.2313 58.2219 58.6038C58.3722 57.9802 58.4065 57.329 58.3274 56.6843L58.326 56.6803Z' fill='%23197EDF'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5 9L8 6L5 3' stroke='%23197EDF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */ }

.zModal.is-zbService .zbService__banner.is-primary .banner__link.is-primary em { color: #197EDF; }

.zModal.is-zbService .zbService__banner.is-primary .banner__link.is-secondary { background-color: #197EDF; /* background-position: calc(100% - 30px) 0, calc(100% - 13px) 50%; background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='50' viewBox='0 0 91 50' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath opacity='0.21' fill-rule='evenodd' clip-rule='evenodd' d='M38.1852 91.4632C35.9773 93.6711 32.4081 93.6815 30.213 91.4865L3.51372 64.7872C1.31869 62.5921 1.3291 59.0229 3.53697 56.815L52.8172 7.53476C55.0251 5.32689 58.5943 5.31648 60.7894 7.51151L87.4887 34.2108C89.6837 36.4059 89.6733 39.9751 87.4654 42.183L38.1852 91.4632ZM23.8042 85.0516C25.703 83.1528 26.794 80.6017 26.8371 77.9595C26.8802 75.3172 25.8719 72.8004 24.034 70.9625C22.1962 69.1246 19.6793 68.1164 17.0371 68.1595C14.3949 68.2026 11.8437 69.2935 9.94493 71.1923L23.8042 85.0516ZM81.0632 27.7912C79.1644 29.69 76.6133 30.7809 73.971 30.824C71.3288 30.8671 68.8119 29.8588 66.9741 28.021C65.1362 26.1831 64.1279 23.6662 64.171 21.024C64.2141 18.3818 65.3051 15.8307 67.2039 13.9319L81.0632 27.7912Z' fill='url(%23paint0_linear_51287_5864)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_51287_5864' x1='69.7483' y1='16.4705' x2='8.28772' y2='66.6443' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5 9L8 6L5 3' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */ }

.zModal.is-zbService .zbService__banner.is-primary .banner__link.is-secondary em { color: #fff; }

.zModal.is-zbService .zbService__banner.is-primary .TRACK_TRG { display: inline-flex; }

.zModal.is-zbService .zbService__banner.is-primary .TRACK_TRG:not(:first-child) { margin-left: 12px; }

.zModal.is-zbService .zbService__banner.is-secondary { margin-top: 24px; }

.zModal.is-zbService .zbService__learning { display: flex; margin-top: 24px; width: 100%; }

.zModal.is-zbService .zbService__learning .learning__item { padding: 12px 16px; }

.zModal.is-zbService .zbService__learning .learning__title, .zModal.is-zbService .zbService__learning .learning__link { display: block; padding-left: 20px; color: #1E1E1E; font-size: 16px; line-height: 140%; }

.zModal.is-zbService .zbService__learning .learning__title { font-weight: 600; background-repeat: no-repeat; background-position: 0 50%; }

.zModal.is-zbService .zbService__learning .learning__title.is-free { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.0264 4.78369V13.3315C12.0264 14.436 11.1307 15.3313 10.0264 15.3315H2C0.895435 15.3315 6.98728e-06 14.4361 0 13.3315V2.80518C0 1.70061 0.895431 0.805176 2 0.805176H8.58203L12.0264 4.78369Z' fill='%23F6F6F6'/%3E%3Cpath d='M12.5895 4.85606C12.6519 4.91922 12.6072 5.02636 12.5183 5.02636L9.41144 5.02636C8.85467 5.02636 8.40512 4.57163 8.4115 4.0149L8.44713 0.907929C8.44815 0.819119 8.5558 0.775611 8.61824 0.838775L12.5895 4.85606Z' fill='%23DBDBDB'/%3E%3Crect x='1.51611' y='4.4292' width='6.06348' height='0.702154' rx='0.351077' fill='%23DBDBDB'/%3E%3Crect x='1.51611' y='6.53662' width='6.06348' height='0.702154' rx='0.351077' fill='%23DBDBDB'/%3E%3Crect x='1.51611' y='8.64404' width='6.06348' height='0.702154' rx='0.351077' fill='%23DBDBDB'/%3E%3Cpath d='M7.93375 12.4688L5.69901 12.7275C5.03508 12.8043 4.47662 12.2488 4.57302 11.6074L4.89748 9.44845L4.96795 9.38187C5.82765 8.56974 7.20425 8.58751 8.0427 9.42156C8.88114 10.2556 8.86392 11.5901 8.00423 12.4022L7.93375 12.4688Z' fill='%23FFF2D3'/%3E%3Cpath d='M5.03382 12.8081C4.70374 12.8447 4.42672 12.5691 4.47298 12.2502L4.58156 11.5015L5.80866 12.7222L5.03382 12.8081Z' fill='%231E1E1E'/%3E%3Cpath d='M7.93311 12.4663C7.48594 12.0215 7.49512 11.3098 7.95362 10.8766L13.4284 5.70475L14.238 6.51018L7.93311 12.4663Z' fill='%237E7E7E'/%3E%3Cpath d='M4.89746 9.44775C5.3595 9.90737 6.11811 9.91716 6.59186 9.46962L12.039 4.32384L11.2024 3.49162L4.89746 9.44775Z' fill='%237E7E7E'/%3E%3Cpath d='M7.85093 10.9773C7.44974 11.3563 6.80732 11.348 6.41605 10.9588C6.02477 10.5696 6.03281 9.94684 6.434 9.56784L12.0125 4.29794L13.4294 5.70744L7.85093 10.9773Z' fill='%23575757'/%3E%3Cpath d='M14.2388 6.51123L11.2025 3.49087L11.273 3.4243C12.1327 2.61217 13.5093 2.62994 14.3477 3.46398C15.1862 4.29803 15.1689 5.63253 14.3092 6.44466L14.2388 6.51123Z' fill='%23FFD080'/%3E%3C/svg%3E"); }

.zModal.is-zbService .zbService__learning .learning__title.is-subject { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M1.08105 1.99917C1.08105 0.895059 1.97611 0 3.08023 0H11.7567C12.309 0 12.7567 0.447715 12.7567 1V2.99834C12.7567 3.55063 12.309 3.99834 11.7567 3.99834H3.08023C1.97612 3.99834 1.08105 3.10328 1.08105 1.99917Z' fill='%23E9E9E9'/%3E%3Cpath d='M4.10742 1.99669C4.10742 1.05036 4.87458 0.283203 5.82091 0.283203H11.9698C12.4041 0.283203 12.7561 0.635215 12.7561 1.06944V2.92394C12.7561 3.35817 12.4041 3.71018 11.9698 3.71018H5.82091C4.87458 3.71018 4.10742 2.94303 4.10742 1.99669Z' fill='%23CCCCCC'/%3E%3Cpath d='M5.18945 1.93878C5.18945 1.46561 5.57303 1.08203 6.0462 1.08203H12.757V2.79552H6.0462C5.57303 2.79552 5.18945 2.41194 5.18945 1.93878Z' fill='%23EEEEEE'/%3E%3Cpath d='M4.32422 6.00601C4.32422 4.9019 5.21928 4.00684 6.32339 4.00684H14.9999C15.5522 4.00684 15.9999 4.45455 15.9999 5.00684V7.00518C15.9999 7.55746 15.5522 8.00518 14.9999 8.00518H6.32339C5.21928 8.00518 4.32422 7.11012 4.32422 6.00601Z' fill='%23F3C576'/%3E%3Cpath d='M7.35156 6.00353C7.35156 5.0572 8.11872 4.29004 9.06505 4.29004H15.214C15.6482 4.29004 16.0002 4.64205 16.0002 5.07628V6.93078C16.0002 7.36501 15.6482 7.71702 15.214 7.71702H9.06505C8.11872 7.71702 7.35156 6.94986 7.35156 6.00353Z' fill='%23EFB450'/%3E%3Cpath d='M8.43262 5.94561C8.43262 5.47245 8.8162 5.08887 9.28936 5.08887H16.0002V6.80236H9.28936C8.8162 6.80236 8.43262 6.41878 8.43262 5.94561Z' fill='%23EEEEEE'/%3E%3Cpath d='M0 10.0006C0 8.89652 0.89506 8.00146 1.99917 8.00146H10.6757C11.228 8.00146 11.6757 8.44918 11.6757 9.00146V10.9998C11.6757 11.5521 11.228 11.9998 10.6757 11.9998H1.99918C0.895063 11.9998 0 11.1047 0 10.0006Z' fill='%23F15858'/%3E%3Cpath d='M3.02637 9.99816C3.02637 9.05182 3.79352 8.28467 4.73986 8.28467H10.8888C11.323 8.28467 11.675 8.63668 11.675 9.07091V10.9254C11.675 11.3596 11.323 11.7116 10.8888 11.7116H4.73986C3.79352 11.7116 3.02637 10.9445 3.02637 9.99816Z' fill='%23E43636'/%3E%3Cpath d='M4.10742 9.94024C4.10742 9.46707 4.491 9.0835 4.96417 9.0835H11.675V10.797H4.96417C4.491 10.797 4.10742 10.4134 4.10742 9.94024Z' fill='%23EEEEEE'/%3E%3C/svg%3E"); }

.zModal.is-zbService .zbService__learning .learning__title.is-sat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M15 13.095C15 14.424 13.924 15.5 12.595 15.5H2.40498C1.07601 15.5 0 14.424 0 13.095V2.90498C0 1.57601 1.07601 0.5 2.40498 0.5H12.595C13.922 0.5 15 1.57601 15 2.90498V13.095Z' fill='%2326C0D2'/%3E%3Cpath d='M7.47622 3.43593C6.61829 4.29202 6.35304 5.51944 6.67499 6.61515L8.11281 6.74686C7.64451 5.99138 7.73232 4.99261 8.38171 4.34141C9.14086 3.58227 10.3775 3.58959 11.1458 4.35604C11.9122 5.12432 11.9177 6.36089 11.1586 7.12002C10.6299 7.64867 9.86709 7.80599 9.19391 7.59197L9.18294 7.58831L8.69086 7.51697L5.7256 7.08893C5.68353 7.08161 5.63962 7.07429 5.59755 7.0688L5.56828 7.06515C4.6262 6.95539 3.6512 7.25905 2.93412 7.97611C1.67924 9.23097 1.69021 11.2742 2.9579 12.5437C4.22559 13.8096 6.26889 13.8205 7.52378 12.5657C8.39086 11.6986 8.65245 10.4566 8.31403 9.3517L6.81768 9.15231C7.3628 9.91693 7.29695 10.9797 6.61646 11.6602C5.85731 12.4193 4.62072 12.412 3.85425 11.6456C3.08778 10.8791 3.08046 9.64072 3.83961 8.88158C4.29145 8.42976 4.91523 8.24866 5.50609 8.34013L9.20123 8.9017C10.211 9.09194 11.2884 8.8011 12.0659 8.02367C13.3208 6.76881 13.3098 4.72555 12.0421 3.45788C10.7744 2.19022 8.7311 2.17924 7.47622 3.4341V3.43593Z' fill='white'/%3E%3C/svg%3E"); }

.zModal.is-zbService .zbService__learning .learning__title.is-school { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M6.50156 8.22913C6.86055 8.22913 7.15156 7.94185 7.15156 7.58747C7.15156 7.23308 6.86055 6.9458 6.50156 6.9458C6.14258 6.9458 5.85156 7.23308 5.85156 7.58747C5.85156 7.94185 6.14258 8.22913 6.50156 8.22913Z' fill='black'/%3E%3Cpath d='M13 14.0285V7.49287H10.8333L6.82759 4.01896C6.63962 3.85594 6.36038 3.85594 6.17241 4.01896L2.16667 7.49287H0V14.0285C0 14.4186 0.152182 14.7926 0.423068 15.0684C0.693954 15.3441 1.06135 15.4991 1.44444 15.4991H11.5556C11.9386 15.4991 12.306 15.3441 12.5769 15.0684C12.8478 14.7926 13 14.4186 13 14.0285Z' fill='%23F3F3F3'/%3E%3Cpath d='M6.50156 9.2096C6.86055 9.2096 7.15156 8.92232 7.15156 8.56794C7.15156 8.21355 6.86055 7.92627 6.50156 7.92627C6.14258 7.92627 5.85156 8.21355 5.85156 8.56794C5.85156 8.92232 6.14258 9.2096 6.50156 9.2096Z' fill='%23B1B1B1'/%3E%3Cpath d='M6.50198 1.31947L6.50279 2.50961L8.89959 2.50806C8.89933 2.10996 8.79596 1.66757 8.4315 1.44658C7.9999 1.18423 6.86457 0.537838 6.58912 0.811891C6.5017 0.898901 6.50179 1.03909 6.50198 1.31947Z' fill='%23F3C576'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.76664 0.992118C6.76476 0.999427 6.76258 1.01008 6.76056 1.02518C6.75234 1.08632 6.75188 1.17229 6.75198 1.31931L6.75262 2.26436L8.63366 2.26314C8.59657 1.9934 8.49261 1.77181 8.3 1.65502C8.08697 1.52553 7.707 1.30554 7.35129 1.15251C7.17189 1.07533 7.01202 1.02108 6.88925 0.999943C6.82043 0.988091 6.78353 0.989889 6.76664 0.992118ZM6.75295 2.75454L6.75359 3.70314C6.75368 3.8385 6.64183 3.9483 6.50376 3.94839C6.36569 3.94848 6.25368 3.83882 6.25359 3.70346L6.25198 1.31963C6.25198 1.31493 6.25198 1.31024 6.25197 1.30555C6.25187 1.17753 6.25177 1.05841 6.26484 0.961157C6.27928 0.853704 6.3137 0.736756 6.41102 0.6399C6.57491 0.476835 6.81562 0.489584 6.97576 0.517159C7.15683 0.548339 7.35941 0.620704 7.55222 0.703655C7.94094 0.870891 8.34467 1.10542 8.56324 1.23828C9.04357 1.52969 9.14931 2.08948 9.14959 2.50789C9.14969 2.64325 9.03783 2.75305 8.89976 2.75314L6.75295 2.75454Z' fill='%23F3C576'/%3E%3C/svg%3E"); }

.zModal.is-zbService .zbService__learning .learning__title ~ .learning__title { margin-top: 16px; }

.zModal.is-zbService .zbService__learning a.learning__title:hover { color: #197EDF; }

.zModal.is-zbService .zbService__learning .learning__link { width: 100%; }

.zModal.is-zbService .zbService__learning .learning__link .step__badge { margin-right: 6px; }

.zModal.is-zbService .zbService__learning .learning__link:hover { color: #197EDF; }

.zModal.is-zbService .zbService__learning .learning__link:has(.step__badge) { padding-left: 0; }

.zModal.is-zbService .zbService__learning .learning__link:not(:first-child) { margin-top: 16px; }

.zModal.is-zbService .zbService__learning .learning__link ~ .learning__title::before { display: block; width: calc(100% - 16px); height: 1px; margin: 16px 0; background-color: #EDEDED; content: ""; }

.zModal.is-zbService .zbService__learning .learning__badge { margin-top: 2px; vertical-align: top; }

.zModal.is-zbService .zbService__learning .learning__badge.is-new { display: inline-flex; align-items: center; height: 18px; margin-left: 4px; padding: 0 6px; color: #FF6D6A; font-size: 10px; line-height: normal; border-radius: 10px; background-color: #FFE6E5; }

.zModal.is-zbService .zbService__learning .TRACK_TRG:not(:first-child) { margin-top: 16px; }

.zModal.is-zbService .zbService__learning .TRACK_TRG ~ .learning__title::before { display: block; width: calc(100% - 16px); height: 1px; margin: 16px 0; background-color: #EDEDED; content: ""; }

.zModal.is-zbService .zbService__learning.is-primary .learning__item { min-width: 203px; min-height: 322px; }

.zModal.is-zbService .zbService__learning.is-primary .learning__item:not(:first-child) { border-left: 1px solid #EDEDED; }

.zModal.is-zbService .zbService__learning.is-secondary { display: inline-flex; width: 390px; margin-top: 0; justify-content: space-between; }

.zModal.is-zbService .zbService__learning.is-secondary .learning__item { min-width: 189px; }

.zModal.is-zbService .zbService__learning.is-secondary:not(:first-child) { margin-top: 24px; padding-top: 24px; border-top: 1px solid #EDEDED; }

.zModal.is-zbService.has-teacher .zbService__body .body__item.is-secondary { width: 350px; }

.zModal.is-zbService.has-teacher .zbService__learning.is-primary .learning__item { min-width: 160px; min-height: auto; padding: 12px 0; }

.zModal.is-zbService.has-teacher .zbService__learning.is-primary .learning__item .learning__link { width: 100%; padding-right: 20px; }

.zModal.is-zbService.has-teacher .zbService__learning.is-primary .learning__item .learning__link .step__badge { margin-right: 6px; }

.zModal.is-zbService.has-teacher .zbService__learning.is-secondary { width: 320px; }

.zModal.is-zbService.has-teacher .zbService__learning.is-secondary .learning__item { min-width: 134px; }

footer { margin: 0 !important; padding: 0 !important; }

footer img { display: inline !important; vertical-align: middle; }

footer.zbFooter { background-color: #525252; }

footer.zbFooter .footer { width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; padding: 52px 0; }

footer.zbFooter .footer * { color: #FFF; font-family: Pretendard; font-size: 16px; font-weight: 400; line-height: 140%; word-spacing: 0; }

footer.zbFooter .footer .footer__left { width: 954px; }

footer.zbFooter .footer .footer__left .footer__top a { margin-left: 24px; }

footer.zbFooter .footer .footer__left .footer__top a.logo { width: 140px; height: 43px; margin-left: 0; }

footer.zbFooter .footer .footer__left .footer__top a:nth-child(3) { text-decoration: underline; text-underline-offset: 3px; }

footer.zbFooter .footer .footer__left .footer__body { margin-top: 12px; }

footer.zbFooter .footer .footer__left .footer__body a { margin-left: 24px; }

footer.zbFooter .footer .footer__left .footer__body a:first-child { margin-left: 0; }

footer.zbFooter .footer .footer__left .footer__body a.is-text { margin-left: 16px; cursor: auto; }

footer.zbFooter .footer .footer__left .footer__bottom { font-size: 12px; margin-top: 48px; }

footer.zbFooter .footer .footer__right { display: flex; flex-direction: column; align-items: flex-end; }

footer.zbFooter .footer .footer__right .footer__app { width: 64px; height: 62px; margin-bottom: 52px; }

footer.zbFooter .footer .footer__right .footer__app img { width: 62px; height: 62px; }

footer.zbFooter .footer .footer__right .footer__app span { font-size: 12px; }

footer.zbFooter .footer .footer__right .footer__sns .instagram { display: inline-block; width: 24px; height: 24px; margin: 0 12px; 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%3Crect width='24' height='24' rx='5' fill='%23DBDBDB'/%3E%3Cpath d='M18.5997 5.40039H18.6111' stroke='%233A3A3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9978 14.7866C17.5007 13.8175 17.6851 12.7146 17.525 11.6346C17.3616 10.5331 16.8483 9.51327 16.0609 8.72581C15.2734 7.93837 14.2536 7.42505 13.1519 7.26172C12.0721 7.10157 10.9692 7.28604 10.0001 7.78886C9.03103 8.29169 8.24519 9.08726 7.75436 10.0624C7.26353 11.0376 7.09268 12.1428 7.26612 13.2206C7.43955 14.2985 7.94846 15.2942 8.72044 16.0662C9.49242 16.8383 10.4882 17.3471 11.566 17.5206C12.6439 17.694 13.749 17.5232 14.7242 17.0324C15.6995 16.5414 16.495 15.7557 16.9978 14.7866Z' stroke='%233A3A3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); text-indent: -9999px; background-repeat: no-repeat; }

footer.zbFooter .footer .footer__right .footer__sns .facebook { display: inline-block; width: 24px; height: 24px; margin: 0 12px; text-indent: -9999px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='5' fill='%23DBDBDB'/%3E%3Cpath d='M15.4203 7.19946C13.908 7.19946 13.152 7.19946 12.5745 7.53579C12.0664 7.83162 11.6533 8.30368 11.3945 8.88426C11.1003 9.54438 11.1003 10.4084 11.1003 12.1366C11.1003 12.1366 11.1003 19.8354 11.1003 23.9995M8.40027 13.1995H15.6003' stroke='%233A3A3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

footer.zbFooter .footer .footer__right .footer__sns .blog { display: inline-block; width: 24px; height: 24px; margin: 0 12px; text-indent: -9999px; 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%3Crect width='24' height='24' rx='5' fill='%23DBDBDB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.48697 9.00388V7.65039C8.69675 7.76911 9.79414 8.50629 9.79414 10.0612V14.5083H8.303V10.0612C8.303 9.45819 7.99949 9.10375 7.48655 9.00388H7.48697ZM3.49157 9.9725C3.81934 9.59234 4.30674 9.36176 4.97293 9.36176C6.27592 9.36176 7.34991 10.5138 7.34991 12.0053C7.34991 13.4968 6.2755 14.6484 4.97293 14.6484C4.30717 14.6484 3.81934 14.4183 3.49157 14.0377V14.5083H2V7.8334H3.49157V9.9725ZM3.39409 12.0053C3.39409 12.8184 3.93257 13.3275 4.67495 13.3275C5.41733 13.3275 5.95539 12.8184 5.95539 12.0053C5.95539 11.1927 5.41733 10.6835 4.67495 10.6835C3.93257 10.6835 3.39409 11.1927 3.39409 12.0053ZM10.6778 12.0053C10.6778 10.5134 11.851 9.36176 13.3128 9.36176C14.7741 9.36176 15.9477 10.5134 15.9477 12.0049C15.9477 13.4964 14.7746 14.648 13.3128 14.648C11.8514 14.648 10.6778 13.4968 10.6778 12.0049V12.0053ZM12.0753 12.0053C12.0753 12.7746 12.6134 13.2838 13.3128 13.2838C14.0122 13.2838 14.5502 12.7738 14.5502 12.0049C14.5502 11.236 14.0122 10.7268 13.3128 10.7268C12.6134 10.7268 12.0753 11.2356 12.0753 12.0049V12.0053ZM21.9996 9.50234H20.548V10.0124C20.2202 9.6022 19.7422 9.36176 19.0965 9.36176C17.6841 9.36176 16.6501 10.5232 16.6501 11.905C16.6501 13.2868 17.6845 14.4479 19.096 14.4479C19.7422 14.4479 20.2198 14.2078 20.548 13.7968V14.2576C20.548 14.9686 20.1202 15.329 19.4242 15.329H19.3749V16.6504C20.6979 16.6504 22 15.9394 22 14.2576L21.9996 9.50234ZM19.3451 13.1621C18.581 13.1621 18.0433 12.6529 18.0433 11.9055C18.0433 11.158 18.5814 10.6488 19.3451 10.6488C20.1091 10.6488 20.6472 11.158 20.6472 11.9055C20.6472 12.6529 20.1091 13.1621 19.3451 13.1621Z' fill='%233A3A3A'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

footer.zbFooter .footer .footer__right .footer__sns .isms { display: inline-block; width: 102px; height: 48px; text-indent: -9999px; background: url("/static/image/common/img-isms.png") 0 0 no-repeat; }

/*
@mixin spr-footer($l: 0, $t: 0) {
    background: url(/static/image/common/spr-footer.png) $l $t no-repeat;
}

#main-wrap {
    footer {
        padding:0 0 0px 0!important;
    }
}

footer {
    &.renewal-footer {
        min-height:189px;
        padding:0 !important;
        margin:0 !important;
        border-top:none !important;
        font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Source Sans Pro", Verdana, Arial, sans-serif;
    }    
    * {
        box-sizing: border-box;
    }
    .inner {
        width: 1224px;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &:after {
            @include clearfix;
        }
    }

    .bottom {
        height: 189px;
        background: #282e38;
        .inner {
            align-items: flex-start;
        }
        .left {
            display: flex;
            padding-top: 40px;
            h1 {
                a {
                    display: block;
                    width: 133px;
                    height: 59px;
                    background-image: url(/static/image/common/footer-logo.svg);
                    background-repeat: no-repeat;
                    @include ti;
                    margin-right: 74px;
                }
            }
            > div {
                display: flex;
                flex-direction: column;
                .link {
                    margin-bottom: 10px;
                    a {
                        display: inline-block;
                        font-size: 12px;
                        color: #a1a1a1;
                        position: relative;
                        & + a {
                            margin-left: 6px;
                            padding-left: 7px;
                            &:before {
                                @include ct;
                                width: 1px;
                                height: 10px;
                                background-color: #a1a1a1;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                margin-top: -5px;
                            }
                        }
                        strong {
                            color: #1CBCB7;
                        }
                    }
                }
                p {
                    font-size: 12px;
                    color: #a1a1a1;
                    line-height: 18px;
                    a {
                        color: #a1a1a1;
                    }
                }
            }
        }
        .right {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 44px;
            .social {
                display: flex;
                margin-bottom: 17px;
                a, button {
                    display: block;
                    width: 24px;
                    height: 24px;
                    @include spr-footer(-450px);
                    @include ti;
                    & + a, button {
                        margin-left: 16px;
                    }
                    &.btn-facebook {
                        background-position-x: -500px;
                    }
                    &.btn-blog {
                        background-position-x: -550px;
                    }
                }
            }
            .btn-isms {
                display: block;
                width: 102px;
                height: 48px;
                @include spr-footer(-250px, -50px);
                @include ti;
            }
        }
    }
}
*/
*[class^="ui-form"] { box-sizing: border-box; vertical-align: middle; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }

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

.ui-form-text { height: 40px; font-size: 16px; font-weight: 400; color: var(--grey-100); background: var(--white); border: 1px solid #CED0DA; border-radius: 4px; padding: 0 8px; }

.ui-form-text:hover { border-color: var(--main-100); }

.ui-form-text:disabled { color: var(--grey-60); background-color: var(--grey-20); }

.ui-form-text:disabled:hover { border-color: #CED0DA; }

.ui-form-text.invalid { border-color: var(--red); }

.ui-form-text-group { display: flex; }

.ui-form-text-group input[type=text] + input[type=text], .ui-form-text-group input[type=text] + input[type=password], .ui-form-text-group input[type=password] + input[type=text], .ui-form-text-group input[type=password] + input[type=password] { margin-left: 10px; }

.ui-form-phone-number { display: flex; align-items: center; }

.ui-form-phone-number .ui-form-text, .ui-form-phone-number .ui-form-select { width: 88px; }

.ui-form-phone-number span { display: block; color: var(--grey-100); margin: 0 6px; }

.ui-form-check { width: 20px; height: 20px; border: 1px solid #CED0DA; border-radius: 0; display: inline-block; }

.ui-form-check[type=checkbox], .ui-form-check[type=radio] { bottom: 0; margin: 0; border: 1px solid #CED0DA; }

.ui-form-check[type=checkbox]:disabled, .ui-form-check[type=radio]:disabled { background-color: var(--grey-50); }

.ui-form-check[type=checkbox].invalid, .ui-form-check[type=radio].invalid { border-color: var(--red); }

.ui-form-check[type=checkbox]:checked { border: none; background-repeat: no-repeat; background-position: 0 0; 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 fill-rule='evenodd' clip-rule='evenodd' d='M20 0H0V20H20V0ZM4.63274 8.35525L3.14286 9.84513L7.96523 14.6675L16.8571 5.77033L15.3673 4.28571L7.96523 11.6877L4.63274 8.35525Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); }

.ui-form-check[type=checkbox]:disabled { opacity: 0.5; background-color: #fff; }

.ui-form-check[type=radio] { border-radius: 50%; }

.ui-form-check[type=radio]:checked { border: none; background-repeat: no-repeat; background-position: 0 0; 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%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%2320BCB7'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); }

.ui-form-check[type=radio]:checked:disabled { opacity: 0.5; background-color: #fff; }

.ui-form-check-inline { display: inline-flex; align-items: center; }

.ui-form-check-inline.ellipsis { width: 100%; }

.ui-form-check-inline input { flex: 20px 0 0; }

.ui-form-check-inline label { flex: calc(100% - 26px) 0 0; color: var(--black); font-size: 16px; font-weight: 400; line-height: 20px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 6px; }

.ui-form-check-inline label.left-txt-align { margin: 0 6px 0 0; }

.ui-form-check-group { display: flex; align-items: center; background: transparent; }

.ui-form-check-group > input + input[type=checkbox], .ui-form-check-group > input + input[type=radio] { margin-left: 10px; }

.ui-form-check-group > input + .ui-form-check-inline { margin-left: 10px; }

.ui-form-check-group > .ui-form-check-inline + input[type=checkbox], .ui-form-check-group > .ui-form-check-inline + input[type=radio] { margin-left: 10px; }

.ui-form-check-group > .ui-form-check-inline + .ui-form-check-inline { margin-left: 10px; }

.ui-form-check.round-check { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.86449L2.30365 5.56084L5.21958 8.47678L11.6964 2L13 3.29904L5.21958 11.0841L1 6.86449Z' fill='%237F8FA4'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; border-color: #D5DCE6; background-repeat: no-repeat; background-size: 14px; border-radius: 50%; box-sizing: border-box; }

.ui-form-check.round-check:checked { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.86449L2.30365 5.56084L5.21958 8.47678L11.6964 2L13 3.29904L5.21958 11.0841L1 6.86449Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; border-color: #D5DCE6; border: 1px solid #20BCB7; }

.ui-form-check.icon { cursor: pointer; }

.ui-form-check.icon.open { width: 21px; min-width: auto; height: 26px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -250px -36px; }

.ui-form-check.icon.open:checked { border: none; background-repeat: no-repeat; background-position: 0 0; background-position: -250px -76px; }

.ui-form-check.icon.open:disabled { border: none; background-repeat: no-repeat; background-position: 0 0; background-position: -250px -76px; background-color: transparent; }

.ui-form-toggle input { display: block; position: absolute; top: 0; left: 0; opacity: 0; }

.ui-form-toggle input:checked + label { background-color: var(--main-100); }

.ui-form-toggle input:checked + label:before { left: calc(100% - 22px); }

.ui-form-toggle label { position: relative; display: block; width: 46px; height: 26px; background: var(--grey-60); border-radius: 30px; text-indent: -9999px; overflow: hidden; transition: all .1s ease-in-out; }

.ui-form-toggle label:before { content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; background: #FFFFFF; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 50%; transition: all .1s ease-in-out; }

.ui-form-toggle.txt-type .toggleCheckbox { display: none; }

.ui-form-toggle.txt-type .toggleCheckbox:checked + .toggleContainer span:first-child { color: #343434; transition: color 0.3s; }

.ui-form-toggle.txt-type .toggleCheckbox:checked + .toggleContainer span:last-child { color: white; transition: color 0.3s; }

.ui-form-toggle.txt-type .toggleCheckbox:checked + .toggleContainer::before { left: 50%; }

.ui-form-toggle.txt-type .toggleContainer { height: 36px; margin: 0; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); width: fit-content; border-radius: 20px; border: 1px solid var(--stroke, #CED0DA); background: #fff; font-weight: bold; color: #343434; text-indent: initial; overflow: visible; cursor: pointer; }

.ui-form-toggle.txt-type .toggleContainer::before { content: ''; position: absolute; width: 50%; height: 100%; left: 0%; top: 0; border-radius: 20px; background: var(--main-100, #20BCB7); transition: all 0.3s; }

.ui-form-toggle.txt-type .toggleContainer span { padding: 0 10px; display: block; font-size: 14px; font-style: normal; font-weight: 500; line-height: 34px; letter-spacing: -0.14px; text-align: center; z-index: 9; }

.ui-form-toggle.txt-type .toggleContainer span:first-child { color: white; transition: color 0.3s; }

.ui-form-toggle.txt-type .toggleContainer span:last-child { color: #343434; transition: color 0.3s; }

.ui-form-select { display: block; width: auto; height: 40px; font-weight: 400; font-size: 16px; color: var(--gray-100); background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); background-position: right 8px center; background-repeat: no-repeat; background-size: 10px 6px; border: 1px solid #CED0DA; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; border-radius: 4px; padding: 0 26px 0 8px; }

.ui-form-select:hover { border-color: var(--main-100); }

.ui-form-select:disabled { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23ADB5BD'/%3E%3C/svg%3E%0A"); }

.ui-form-select:disabled:hover { border-color: #CED0DA; }

.ui-form-select:focus { outline: 0; }

.ui-form-select.invalid { border-color: var(--red); }

.ui-form-input-search { position: relative; width: 100%; }

.ui-form-input-search input { width: 100%; }

.ui-form-input-search button { display: block; width: 24px !important; height: 24px; text-indent: -9999px; overflow: hidden; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: var(--gray-50); color: var(--gray-100); }

.ui-form-input-search:hover input { border-color: var(--main-70); }

.ui-form-input-search:hover button { background-color: var(--main-70); }

.ui-form-input-text { position: relative; width: 100%; }

.ui-form-input-text input { width: 100%; }

.ui-form-input-text strong { display: block; height: 30px; font-weight: 700; font-size: 12px; line-height: 30px; letter-spacing: -0.01em; color: #343434; position: absolute; top: 0; right: 7px; }

.ui-form-limit input[type=text] { display: block; width: 100%; }

.ui-form-limit textarea { display: block; width: 100%; height: 120px; font-family: "Noto Sans KR", Sans-Serif; font-size: 16px; font-weight: 400; line-height: 16px; color: var(--grey-100); background: var(--white); border: 1px solid #CED0DA; border-radius: 4px; padding: 8px; resize: none; box-sizing: border-box; }

.ui-form-limit p { text-align: right; font-size: 14px; line-height: 20px; color: var(--gray-90); margin-top: 4px; }

.ui-form-limit p em { color: var(--main-100); }

.ui-form-input-file { width: 130px; height: 32px; position: relative; }

.ui-form-input-file input[type=file] { display: block; width: 130px; height: 32px; opacity: 0; position: absolute; top: 0; left: 0; }

.ui-form-input-file input[type=file]:disabled + label { color: var(--gray-60); background-color: var(--gray-30); border-color: var(--gray-40); }

.ui-form-input-file label { display: block; width: 130px; height: 32px; font-size: 12px; line-height: 30px; text-align: center; color: #FFFFFF; background-color: #515560; border: 1px solid #515560; }

.ui-form-datepicker { display: flex; align-items: center; }

.ui-form-datepicker > button { margin-left: 10px; }

.ui-form-datepicker-input { content: ""; display: block; width: 27px; height: 25px; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_15_34)'%3E%3Cpath d='M23.8529 2.8614H23.8009V1.8963C23.7957 1.12628 23.1673 0.5 22.3831 0.5C21.599 0.5 20.9706 1.12628 20.9706 1.8963V2.8614H5.93076V1.8963C5.93076 1.12628 5.29717 0.5 4.51818 0.5C3.73918 0.5 3.1056 1.12628 3.1056 1.8963V2.8614C1.40739 2.88706 0 4.1807 0 5.83368V22.5226C0 24.1858 1.42816 25.4949 3.14714 25.4949H23.8529C25.5666 25.4949 26.9948 24.1858 27 22.5226V5.83368C27 4.17043 25.5666 2.8614 23.8529 2.8614V2.8614ZM22.0144 1.8963C22.0144 1.69097 22.1806 1.52669 22.3883 1.52669C22.5961 1.52669 22.7623 1.69097 22.7623 1.8963V5.11499C22.7623 5.32033 22.5961 5.4846 22.3883 5.4846C22.1806 5.4846 22.0144 5.32033 22.0144 5.11499V1.8963V1.8963ZM4.14945 1.8963C4.14945 1.69097 4.31564 1.52669 4.52337 1.52669C4.7311 1.52669 4.89729 1.69097 4.89729 1.8963V5.11499C4.89729 5.32033 4.7311 5.4846 4.52337 5.4846C4.31564 5.4846 4.14945 5.32033 4.14945 5.11499V1.8963V1.8963ZM25.9613 22.5226C25.9613 23.5749 25.0369 24.4682 23.8529 24.4682H3.14714C1.96307 24.4682 1.04385 23.5749 1.03866 22.5226V9.03183H25.9613V22.5226ZM25.9613 8.00513H1.03866V5.83368C1.03866 4.79158 1.9423 3.91376 3.1056 3.89322V5.12012C3.1056 5.89014 3.73918 6.51643 4.51818 6.51643C5.29717 6.51643 5.93076 5.89014 5.93076 5.12012V3.89322H20.9706V5.12012C20.9706 5.89014 21.6042 6.51643 22.3831 6.51643C23.1621 6.51643 23.7957 5.89014 23.7957 5.12012V3.89322H23.8477C25.0317 3.89322 25.9561 4.78645 25.9561 5.83881V8.01027L25.9613 8.00513ZM3.48471 22.2402H4.8869C4.99077 22.2402 5.07905 22.1581 5.07905 22.0503V20.6643C5.07905 20.5616 4.99077 20.4743 4.8869 20.4743H3.48471C3.38084 20.4743 3.29256 20.5565 3.29256 20.6643V22.0503C3.29256 22.153 3.37565 22.2402 3.48471 22.2402ZM3.48471 17.3994H4.8869C4.99077 17.3994 5.07905 17.3172 5.07905 17.2094V15.8234C5.07905 15.7207 4.99077 15.6335 4.8869 15.6335H3.48471C3.38084 15.6335 3.29256 15.7156 3.29256 15.8234V17.2094C3.29256 17.3121 3.37565 17.3994 3.48471 17.3994ZM3.48471 12.5431H4.8869C4.99077 12.5431 5.07905 12.461 5.07905 12.3532V10.9671C5.07905 10.8645 4.99077 10.7772 4.8869 10.7772H3.48471C3.38084 10.7772 3.29256 10.8593 3.29256 10.9671V12.3532C3.29256 12.4559 3.37565 12.5431 3.48471 12.5431ZM9.52972 20.4743H8.12752C8.02366 20.4743 7.93537 20.5565 7.93537 20.6643V22.0503C7.93537 22.153 8.01846 22.2402 8.12752 22.2402H9.52972C9.63358 22.2402 9.72187 22.1581 9.72187 22.0503V20.6643C9.72187 20.5616 9.63358 20.4743 9.52972 20.4743ZM8.12752 12.5431H9.52972C9.63358 12.5431 9.72187 12.461 9.72187 12.3532V10.9671C9.72187 10.8645 9.63358 10.7772 9.52972 10.7772H8.12752C8.02366 10.7772 7.93537 10.8593 7.93537 10.9671V12.3532C7.93537 12.4559 8.01846 12.5431 8.12752 12.5431ZM23.453 15.6335H22.0508C21.9469 15.6335 21.8586 15.7156 21.8586 15.8234V17.2094C21.8586 17.3121 21.9469 17.3994 22.0508 17.3994H23.453C23.5568 17.3994 23.6451 17.3172 23.6451 17.2094V15.8234C23.6451 15.7207 23.562 15.6335 23.453 15.6335ZM12.7703 12.5431H14.1725C14.2764 12.5431 14.3647 12.461 14.3647 12.3532V10.9671C14.3647 10.8645 14.2816 10.7772 14.1725 10.7772H12.7703C12.6665 10.7772 12.5782 10.8593 12.5782 10.9671V12.3532C12.5782 12.4559 12.6665 12.5431 12.7703 12.5431ZM17.4132 22.2402H18.8153C18.9192 22.2402 19.0075 22.1581 19.0075 22.0503V20.6643C19.0075 20.5616 18.9244 20.4743 18.8153 20.4743H17.4132C17.3093 20.4743 17.221 20.5565 17.221 20.6643V22.0503C17.221 22.153 17.3093 22.2402 17.4132 22.2402ZM17.4132 17.3994H18.8153C18.9192 17.3994 19.0075 17.3172 19.0075 17.2094V15.8234C19.0075 15.7207 18.9244 15.6335 18.8153 15.6335H17.4132C17.3093 15.6335 17.221 15.7156 17.221 15.8234V17.2094C17.221 17.3121 17.3093 17.3994 17.4132 17.3994ZM17.4132 12.5431H18.8153C18.9192 12.5431 19.0075 12.461 19.0075 12.3532V10.9671C19.0075 10.8645 18.9244 10.7772 18.8153 10.7772H17.4132C17.3093 10.7772 17.221 10.8593 17.221 10.9671V12.3532C17.221 12.4559 17.3093 12.5431 17.4132 12.5431ZM7.51471 18.2823H10.0594C10.1997 18.2823 10.3295 18.231 10.4282 18.1335C10.5268 18.0359 10.5788 17.9076 10.5788 17.769V15.2536C10.5788 15.1201 10.5216 14.9867 10.4282 14.8891C10.3295 14.7916 10.1997 14.7402 10.0594 14.7402H7.51471C7.37969 14.7402 7.24466 14.7967 7.14599 14.8891C7.04732 14.9867 6.99538 15.1201 6.99538 15.2536V17.769C6.99538 17.9076 7.05251 18.0359 7.14599 18.1335C7.24466 18.231 7.37449 18.2823 7.51471 18.2823V18.2823ZM8.03404 15.7669H9.5401V17.2556H8.03404V15.7669V15.7669ZM22.0352 12.5483H23.4374C23.5413 12.5483 23.6295 12.4661 23.6295 12.3583V10.9723C23.6295 10.8696 23.5465 10.7823 23.4374 10.7823H22.0352C21.9313 10.7823 21.843 10.8645 21.843 10.9723V12.3583C21.843 12.461 21.9261 12.5483 22.0352 12.5483ZM12.7703 22.2454H14.1725C14.2764 22.2454 14.3647 22.1632 14.3647 22.0554V20.6694C14.3647 20.5667 14.2816 20.4795 14.1725 20.4795H12.7703C12.6665 20.4795 12.5782 20.5616 12.5782 20.6694V22.0554C12.5782 22.1581 12.6665 22.2454 12.7703 22.2454ZM12.7703 17.4045H14.1725C14.2764 17.4045 14.3647 17.3224 14.3647 17.2146V15.8285C14.3647 15.7259 14.2816 15.6386 14.1725 15.6386H12.7703C12.6665 15.6386 12.5782 15.7207 12.5782 15.8285V17.2146C12.5782 17.3172 12.6665 17.4045 12.7703 17.4045Z' fill='%23404040'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_15_34'%3E%3Crect width='27' height='25' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 0 0; width: 27px; height: 25px; text-indent: -9999px; overflow: hidden; }

.ui-form-datepicker-group { display: flex; align-items: center; }

.ui-form-datepicker-group span { margin: 0 10px; font-size: 18px; color: #666; }

.content-search-wrap { width: 100%; margin-bottom: 20px; position: relative; content: ''; display: block; clear: both; }

.content-search-wrap:after { content: ''; display: block; clear: both; }

.content-search-wrap > .left { float: left; }

.content-search-wrap > .right { float: right; }

.content-search-group { display: flex; align-items: center; }

.content-search-group [class^="ui-form"] + [class^="ui-form"] { margin-left: 6px; }

.content-search-group .ui-btn + .ui-btn { margin-left: 6px; }

.content-search-group .ui-btn.ui-btn-line, .content-search-group .ui-btn.ui-search-btn, .content-search-group .ui-btn.ui-btn-search, .content-search-group .ui-btn.ui-btn-medium { margin-left: 6px; }

.content-search-group.column-txt { align-items: flex-start; flex-direction: column; }

.content-search-group.justify-space-between { justify-content: space-between; }

.coustom_checkbox { padding-left: 40px; font-size: 0; }

.coustom_checkbox:first-child { padding-left: 0; }

.coustom_checkbox i { padding-left: 6px; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0; color: var(--black); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.coustom_checkbox input:checked + span { border: none; background-repeat: no-repeat; background-position: 0 0; 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 fill-rule='evenodd' clip-rule='evenodd' d='M20 0H0V20H20V0ZM4.63274 8.35525L3.14286 9.84513L7.96523 14.6675L16.8571 5.77033L15.3673 4.28571L7.96523 11.6877L4.63274 8.35525Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); }

.coustom_checkbox input:checked:disabled + span, .coustom_checkbox input:checked.disabled + span { 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 fill-rule='evenodd' clip-rule='evenodd' d='M20 0H0V20H20V0ZM4.63274 8.35525L3.14286 9.84513L7.96523 14.6675L16.8571 5.77033L15.3673 4.28571L7.96523 11.6877L4.63274 8.35525Z' fill='%23CED4DA'/%3E%3C/svg%3E%0A") !important; }

.search-group { display: flex; }

.schoolSearch { position: relative; }

.schoolSearch .search__box { width: 360px; border: 1px solid #CED0DA; background-color: #FFF; border-radius: 4px; }

.schoolSearch .search__box.is-end { border: 1px solid #20BCB7; }

.schoolSearch .search__box.is-active { border-radius: 4px 4px 0 0; border: 1px solid #20BCB7; }

.schoolSearch .search__box.is-active .search__resultBox { display: block !important; position: absolute; left: 0; top: 40px; z-index: 9; }

.schoolSearch .search__box.is-Lg .search__resultItemCntBox { max-height: 300px !important; }

.schoolSearch .search__box .ui-form-text { width: 100%; padding: 0 50px 0 8px; border: none !important; border-radius: 4px; }

.schoolSearch .search__box .ui-form-text.is-searchEnd { color: #20BCB7; }

.schoolSearch .search__box .is-searchInputBtn { width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='10' stroke='%23868C99' stroke-width='2'/%3E%3Cpath d='M27 27L22.5 22.5' stroke='%23868C99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; position: absolute; right: 8px; top: 4px; }

.schoolSearch .search__box .search__resultBox { width: 100%; display: none; background-color: #fff; border-radius: 0 0 4px 4px; border: 1px solid var(--Main-100, #20BCB7); border-top: none; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12); }

.schoolSearch .search__box .search__resultBox .search__Topbar { margin: 0 8px; height: 1px; background-color: #20BCB7; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultTitle { margin: 0 16px 0 16px; margin-top: 16px; color: #000; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem { margin: 0 16px 0 16px; display: flex; align-items: center; position: relative; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem + .search__recentlyItem { margin-top: 11px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem:first-child { margin-top: 15px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem:last-child { padding-bottom: 16px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem.no__saveItem { padding-bottom: 30px; margin-top: 10px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem.no__saveItem .no__saveItemText { width: 100%; color: var(--Gray-60, #ADB5BD); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-align: center; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem .is-searchIcon { width: 18px; height: 18px; margin-right: 8px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7875_4688)'%3E%3Cpath d='M9 4.5V9L12.75 11.25' stroke='%23ADB5BD' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 16.5C4.86364 16.5 1.5 13.1364 1.5 9C1.5 4.86364 4.86364 1.5 9 1.5C13.1364 1.5 16.5 4.86364 16.5 9C16.5 13.1364 13.1364 16.5 9 16.5Z' stroke='%23ADB5BD' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7875_4688'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem .search__Text { width: 100%; display: block; color: var(--Gray-90, #343A40); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; cursor: pointer; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem .search__date { position: absolute; right: 0; top: 0; display: flex; align-items: center; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem .search__date span { color: var(--Gray-70, #868E96); font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__recentlyItemBox .search__recentlyItem .search__date .is-searchClose { width: 14px; height: 14px; margin-left: 6px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L11 11' stroke='%23ADB5BD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 3L3 11' stroke='%23ADB5BD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox { padding: 5px 0 5px 0; position: relative; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox::before { content: ""; width: auto; height: 1px; padding: 0 16px; margin-right: 16px; border-top: 1px solid #CED0DA; position: absolute; left: 16px; top: 0; right: 0; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItemCntBox { position: relative; overflow-y: auto; overflow-x: hidden; max-height: 230px; overflow: overlay; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItemCntBox::-webkit-scrollbar { width: 4px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItemCntBox::-webkit-scrollbar-thumb { height: 100px; background-color: #CED0DA; border-radius: 10px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem { display: flex; align-items: center; position: relative; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem:first-child { padding-top: 11px; margin: 0; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem:last-child { padding-bottom: 19px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem.no__searchItem { padding-bottom: 15px; padding-top: 15px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem.no__searchItem .no__searchItemText { width: 100%; color: var(--Gray-60, #ADB5BD); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-align: center; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem .search__schText { margin-right: 12px; color: #000; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem .search__areaText { color: var(--Gray-60, #ADB5BD); font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem a { width: 100%; padding: 4px 16px; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem a:hover { padding: 4px 16px 4px 16px; background-color: #F8F9FA; }

.schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem a.active { padding: 4px 16px 4px 16px; background-color: #F8F9FA; }

.schoolSearch .search__box .search__resultBox .search__resultFooter { width: 100%; height: 30px; border-radius: 0px 0px 4px 4px; background: var(--Main-10, #E9F9F8); position: relative; z-index: 9; }

.schoolSearch .search__box .search__resultBox .search__resultFooter .search__BtnGroup { padding: 6px 16px 0 0; display: flex; align-items: center; justify-content: end; }

.schoolSearch .search__box .search__resultBox .search__resultFooter .search__BtnGroup .ui-btn-text { font-size: 12px; line-height: 18px; font-weight: 400; color: #495057; }

.schoolSearch .search__box .search__resultBox .search__resultFooter .search__BtnGroup .ui-btn-text + .ui-btn-text { margin-left: 16px; }

.search__button { width: 100px !important; max-width: fit-content !important; min-width: 100px !important; margin-left: 8px; }

a, button[class^="ui-btn"] { box-sizing: border-box; text-decoration: none; }

a:hover, button[class^="ui-btn"]:hover { text-decoration: none; }

.ui-btn { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 48px; font-weight: 500; color: var(--white); background: var(--main-100); border: 1px solid var(--main-100); border-radius: 8px; font-size: 18px; line-height: 20px; padding: 0 10px; border-radius: 4px !important; cursor: pointer; }

.ui-btn:hover { background-color: #79d7d4; border-color: #79d7d4; text-decoration: none; }

.ui-btn:active { background-color: #00948F; border-color: #00948F; }

.ui-btn:disabled, .ui-btn.disabled { background-color: var(--main-30); border-color: var(--main-30); pointer-events: none; }

.ui-btn.ui-btn-gray { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 48px; font-weight: 500; color: var(--white); background: #7F8FA4; border: 1px solid #7F8FA4; border-radius: 8px; font-size: 18px; line-height: 20px; padding: 0 10px; }

.ui-btn.ui-btn-gray:hover { background-color: #A6B1C0; border-color: #A6B1C0; text-decoration: none; }

.ui-btn.ui-btn-gray:active { background-color: #59697D; border-color: #59697D; }

.ui-btn.ui-btn-gray:disabled, .ui-btn.ui-btn-gray.disabled { background-color: #CED4DA; border-color: #CED4DA; pointer-events: none; }

.ui-btn.ui-btn-line { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 48px; font-weight: 500; color: var(--main-100); background: var(--white); border: 1px solid var(--main-100); border-radius: 8px; font-size: 18px; line-height: 20px; padding: 0 10px; }

.ui-btn.ui-btn-line:hover { border-color: #79D7D4; text-decoration: none; }

.ui-btn.ui-btn-line:active { border-color: #00948F; color: #00948F; }

.ui-btn.ui-btn-line:disabled, .ui-btn.ui-btn-line.disabled { border-color: #A6E4E2; color: #A6E4E2; pointer-events: none; }

.ui-btn.ui-btn-line.btn-registration:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; margin-left: 8px; }

.ui-btn.ui-btn-line-gray { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 48px; font-weight: 500; color: var(--grey-100); background: var(--white); border: 1px solid var(--grey-60); border-radius: 8px; font-size: 18px; line-height: 20px; padding: 0 10px; }

.ui-btn.ui-btn-line-gray:hover { background-color: var(--white); border-color: var(--grey-80); text-decoration: none; }

.ui-btn.ui-btn-line-gray:active { background-color: var(--grey-20); border-color: var(--grey-60); }

.ui-btn.ui-btn-line-gray:disabled, .ui-btn.ui-btn-line-gray.disabled { background-color: var(--grey-20); border-color: var(--grey-50); color: var(--grey-60); pointer-events: none; }

.ui-btn.ui-btn-medium { width: 160px; min-width: 160px; height: 40px; font-size: 16px; border-radius: 4px; }

.ui-btn.ui-btn-sizeW300 { width: 300px; min-width: 300px; height: 48px; font-size: 16px; border-radius: 4px; }

.ui-btn.ui-search-btn { width: 95px; min-width: 95px; height: 42px; padding: 2px 10px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #CED0DA; background: #F4F6FA; font-size: 16px; color: var(--grey-100, #333); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-btn.ui-search-btn:before { content: ""; display: block; width: 17px; height: 18px; margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9916 17.5V17.4972L11.5976 13.8918C11.0589 14.3496 10.4394 14.7121 9.73906 14.9791C9.03872 15.2462 8.29349 15.3797 7.50337 15.3797C5.54602 15.3797 3.88963 14.6598 2.53421 13.2199C1.17807 11.7792 0.5 10.0192 0.5 7.93987C0.5 5.86052 1.17807 4.10051 2.53421 2.65985C3.88963 1.21995 5.54602 0.5 7.50337 0.5C9.46072 0.5 11.1175 1.21995 12.4736 2.65985C13.829 4.10051 14.5067 5.86052 14.5067 7.93987C14.5067 8.77924 14.381 9.57091 14.1296 10.3149C13.8782 11.0589 13.537 11.717 13.1061 12.2893L16.5 15.8948L14.9916 17.5ZM7.50337 13.0905C8.85017 13.0905 9.99513 12.59 10.9382 11.5888C11.8807 10.5869 12.3519 9.37061 12.3519 7.93987C12.3519 6.50912 11.8807 5.2928 10.9382 4.2909C9.99513 3.28976 8.85017 2.78919 7.50337 2.78919C6.15657 2.78919 5.0116 3.28976 4.06848 4.2909C3.12608 5.2928 2.65488 6.50912 2.65488 7.93987C2.65488 9.37061 3.12608 10.5869 4.06848 11.5888C5.0116 12.59 6.15657 13.0905 7.50337 13.0905Z' fill='%23495057'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center 1px; }

.ui-btn.ui-btn-grayall { display: inline-flex; min-width: auto; height: 30px; padding: 0px 24px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 3px; border: 1px solid var(--grey-40, #DADEE7); background: var(--grey-20, #F0F3F9); font-size: 14px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.049px; }

.ui-btn.ui-btn-small { display: flex; justify-content: center; align-items: center; width: 80px; min-width: 80px; height: 30px; padding: 10px 0px; gap: 10px; flex-shrink: 0; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #F4F6FA; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-btn.ui-btn-small.active { border-color: var(--main-100, #20BCB7); background: var(--main-100, #20BCB7); color: #fff; }

.ui-btn.ui-btn-small:hover { border-color: var(--main-100, #20BCB7); background: var(--main-100, #20BCB7); color: #fff; }

.ui-btn.ui-btn-small.ui-btn-del:before { content: ""; display: block; width: 14px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.5' width='14' height='17' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_653_7455' transform='scale(0.0714286 0.0588235)'/%3E%3C/pattern%3E%3Cimage id='image0_653_7455' width='14' height='17' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCRjU1ODkxRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCRjU1OEExRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUJGNTU4NzFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUJGNTU4ODFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsrtMVYAAABaSURBVHjaYmRABWJA3A6lkcErIK6E0mDACMSbGTCBLxofmxrsggTAZkYyNZIPGMl0ri85/gSrZSLXqaMaB6XGdyToeQ8iWKCcyUC8CIgFCWh6C8STQAyAAAMAY18N74X7Ml0AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; margin-right: 0; }

.ui-btn.ui-btn-small.ui-btn-del:hover { color: #FFF; background: #7F8FA4; border: 1px solid #7F8FA4; }

.ui-btn.ui-btn-small.ui-btn-del:hover:before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cmask id='mask0_927_5030' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='18'%3E%3Crect y='0.5' width='14' height='17' fill='url(%23pattern0)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_927_5030)'%3E%3Crect x='-4' y='-1' width='20' height='22' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_927_5030' transform='scale(0.0714286 0.0588235)'/%3E%3C/pattern%3E%3Cimage id='image0_927_5030' width='14' height='17' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCRjU1ODkxRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCRjU1OEExRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUJGNTU4NzFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUJGNTU4ODFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsrtMVYAAABaSURBVHjaYmRABWJA3A6lkcErIK6E0mDACMSbGTCBLxofmxrsggTAZkYyNZIPGMl0ri85/gSrZSLXqaMaB6XGdyToeQ8iWKCcyUC8CIgFCWh6C8STQAyAAAMAY18N74X7Ml0AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); }

.ui-btn.ui-btn-small.ui-btn-del.active { color: #FFF; background: #7F8FA4; border: 1px solid #7F8FA4; }

.ui-btn.ui-btn-small.ui-btn-del.active:before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cmask id='mask0_927_5030' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='18'%3E%3Crect y='0.5' width='14' height='17' fill='url(%23pattern0)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_927_5030)'%3E%3Crect x='-4' y='-1' width='20' height='22' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_927_5030' transform='scale(0.0714286 0.0588235)'/%3E%3C/pattern%3E%3Cimage id='image0_927_5030' width='14' height='17' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCRjU1ODkxRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCRjU1OEExRjg1MTFFQzg5OENEMTMyQzk4NTc4QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUJGNTU4NzFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUJGNTU4ODFGODUxMUVDODk4Q0QxMzJDOTg1NzhCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsrtMVYAAABaSURBVHjaYmRABWJA3A6lkcErIK6E0mDACMSbGTCBLxofmxrsggTAZkYyNZIPGMl0ri85/gSrZSLXqaMaB6XGdyToeQ8iWKCcyUC8CIgFCWh6C8STQAyAAAMAY18N74X7Ml0AAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); }

.ui-btn-text { display: inline-block; font-weight: 500; font-size: 16px; line-height: 23px; color: var(--bakck); vertical-align: middle; }

.ui-btn-text:hover { color: var(--main-100); text-decoration: none; }

.ui-btn-text:active { color: var(--main-100); text-decoration: underline; }

.ui-btn-text:disabled, .ui-btn-text.disabled { color: var(--grey-60); pointer-events: none; }

.ui-btn-text.main { color: var(--main-100, #20BCB7); }

.ui-btn-text.red { color: var(--red, #FF4545); }

.ui-btn-text.under-line { border-bottom: 1px solid #000; }

.ui-btn-text.under-line:hover { color: var(--main-100); border-bottom: 1px solid var(--main-100); }

.ui-btn-table { display: inline-block; width: auto; min-width: 80px; height: 30px; font-weight: 400; font-size: 16px; line-height: 28px; color: var(--grey-100); background: var(--white); border: 1px solid var(--grey-60); border-radius: 4px; vertical-align: middle; padding: 0 10px; }

.ui-btn-table:disabled, .ui-btn-table.disabled { background-color: var(--grey-20); border-color: var(--grey-50); color: var(--grey-60); pointer-events: none; }

.ui-btn-table.main { color: #20BCB7; border-color: #20BCB7; }

.ui-btn-table.icon-before { display: flex; align-items: center; justify-content: center; width: fit-content; }

.ui-btn-table.icon-before:before, .ui-btn-table.icon-before:after { content: ""; display: block; width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; }

.ui-btn-table.icon-before:before { margin-right: 5px; }

.ui-btn-table.icon-before:after { display: none; }

.ui-btn-table.icon-after { display: flex; align-items: center; justify-content: center; width: fit-content; }

.ui-btn-table.icon-after:before, .ui-btn-table.icon-after:after { content: ""; display: block; width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; }

.ui-btn-table.icon-after:before { display: none; }

.ui-btn-table.icon-after:after { margin-left: 5px; }

.ui-btn-table.icon.edition { width: 23px; min-width: auto; height: 23px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: 0 -36px; background-color: transparent; }

.ui-btn-table.icon.edition:disabled, .ui-btn-table.icon.edition.disabled { background-position: 0 -76px; }

.ui-btn-table.icon.down { width: 23px; min-width: auto; height: 23px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -50px -36px; background-color: transparent; }

.ui-btn-table.icon.down:disabled, .ui-btn-table.icon.down.disabled { background-position: -50px -76px; }

.ui-btn-table.icon.downv2 { width: 36px; min-width: auto; height: 36px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 24V28' stroke='%23333333' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M28 24V28' stroke='%23333333' stroke-width='1.6' stroke-linecap='round'/%3E%3Cline x1='8' y1='28.0008' x2='28' y2='28.0008' stroke='%23333333' stroke-width='1.6'/%3E%3Cpath d='M18.8 7C18.8 6.55817 18.4418 6.2 18 6.2C17.5582 6.2 17.2 6.55817 17.2 7L18.8 7ZM17.4343 22.5657C17.7467 22.8781 18.2533 22.8781 18.5657 22.5657L23.6569 17.4745C23.9693 17.1621 23.9693 16.6556 23.6569 16.3431C23.3444 16.0307 22.8379 16.0307 22.5255 16.3431L18 20.8686L13.4745 16.3431C13.1621 16.0307 12.6556 16.0307 12.3431 16.3431C12.0307 16.6556 12.0307 17.1621 12.3431 17.4745L17.4343 22.5657ZM17.2 7L17.2 22L18.8 22L18.8 7L17.2 7Z' fill='%23333333'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-color: transparent; }

.ui-btn-table.icon.print { width: 26px; min-width: auto; height: 27px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -100px -36px; background-color: transparent; }

.ui-btn-table.icon.print:disabled, .ui-btn-table.icon.print.disabled { background-position: -100px -76px; }

.ui-btn-table.icon.printv2 { width: 36px; min-width: auto; height: 36px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.1282 12.5932H11.3367V7.39568H25.1381V10.455H26.5731V6H9.90179V12.5932H9.86736C6.25989 12.5932 5.14062 16.0126 5.14062 17.2575V22.9798C5.14062 24.2526 6.19388 25.291 7.48821 25.291H8.95186V23.8954H7.48821C6.98597 23.8954 6.57558 23.485 6.57558 22.9798V17.2575C6.57558 16.7495 7.184 13.9888 9.86736 13.9888H26.1282C29.2277 13.9888 29.42 17.224 29.42 17.2575V22.9798C29.42 23.485 29.0096 23.8954 28.5074 23.8954H27.0437V25.291H28.5074C29.8017 25.291 30.855 24.2554 30.855 22.9798V17.2575C30.855 15.7362 29.6984 12.5932 26.1282 12.5932Z' fill='%23333333'/%3E%3Cpath d='M28.2376 21.9933V20.5977H8.23438V21.9933H10.3782V29.9989H25.6203V21.9933H28.2376ZM24.1853 28.6033H11.8131V21.9933H24.1853V28.6033Z' fill='%23333333'/%3E%3Cpath d='M27.2866 18.2422H22.9961V19.6379H27.2866V18.2422Z' fill='%23333333'/%3E%3Cpath d='M22.5204 24.8359H13.4688V26.2316H22.5204V24.8359Z' fill='%23333333'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-color: transparent; }

.ui-btn-table.icon.reexam { width: 26px; min-width: auto; height: 27px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -150px -36px; background-color: transparent; }

.ui-btn-table.icon.reexam:disabled, .ui-btn-table.icon.reexam.disabled { background-position: -150px -76px; }

.ui-btn-table.icon.reexamMyCloud { width: 36px; min-width: auto; height: 36px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.30387 6.99709H19.778V10.7489C19.778 11.1254 20.07 11.431 20.4299 11.431H23.6896V16.9454H24.9935V9.9985L21.0479 5.63281H7V27.7287H15.217V26.3644H8.30387V6.99709ZM21.0818 7.6574L23.2593 10.0667H21.0818V7.6574Z' fill='%23333333'/%3E%3Cpath d='M21.3482 15.0039H10.5391V16.3682H21.3482V15.0039Z' fill='%23333333'/%3E%3Cpath d='M17.8355 11.6289H10.5391V12.9932H17.8355V11.6289Z' fill='%23333333'/%3E%3Cpath d='M15.4834 18.1875H10.5391V19.5518H15.4834V18.1875Z' fill='%23333333'/%3E%3Cpath d='M15.3504 21.3672H10.5391V22.7315H15.3504V21.3672Z' fill='%23333333'/%3E%3Cpath d='M24.8109 22.9336L27.2189 23.3749C27.2586 23.381 27.2983 23.3871 27.338 23.3871C27.6103 23.3871 27.8655 23.2155 27.9818 22.9397L29 20.5403L27.7124 19.903L27.2983 20.8774C26.3084 19.1124 24.5358 18 22.5533 18C19.4902 18 17 20.6905 17 24C17 27.3095 19.4902 30 22.5533 30C25.0378 30 27.2387 28.1951 27.9024 25.6118L26.5353 25.2012C26.039 27.1256 24.4025 28.4678 22.5505 28.4678C20.2701 28.4678 18.4153 26.4637 18.4153 24C18.4153 21.5363 20.2701 19.5322 22.5505 19.5322C23.9998 19.5322 25.3016 20.335 26.0447 21.6067L25.0492 21.4229L24.8138 22.9336H24.8109Z' fill='%23333333'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-color: transparent; }

.ui-btn-table.icon.copy { width: 24px; min-width: auto; height: 27px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -200px -36px; background-color: transparent; }

.ui-btn-table.icon.copy:disabled, .ui-btn-table.icon.copy.disabled { background-position: -200px -76px; }

.ui-btn-table.icon.open { width: 21px; min-width: auto; height: 26px; border: none; background-image: url(/static/image/common/spr-page-common.png); background-position: -250px -36px; background-color: transparent; }

.ui-btn-table.icon.open:disabled, .ui-btn-table.icon.open.disabled { background-position: -250px -76px; }

.ui-btn-table.btn-edit:after { width: 16px; height: 16px; background-image: url(/static/image/common/spr-page-common.png); background-position: -824px 0; margin-left: 5px; }

.ui-btn-table.allmain { color: #fff; border: 1px solid var(--main-100, #20BCB7); background: var(--main-100, #20BCB7); }

.ui-btn-table.allmain:disabled, .ui-btn-table.allmain.disabled { border-color: #868E96; background: var(--gray-70, #868E96); color: #FFF; pointer-events: none; }

.ui-btn-table.allred { color: #fff; border-radius: 4px; border: 1px solid var(--red, #FF4545); background: var(--red, #FF4545); }

.ui-btn-table.line-DC948D { color: #DC948D; font-weight: 300; border: 1px solid #DC948D; background: #FFF; }

.ui-btn-table.all7F8FA4 { color: #fff; border: 1px solid #7F8FA4; background: #7F8FA4; }

.ui-btn-table.all7F8FA4:disabled, .ui-btn-table.all7F8FA4.disabled { background: #7F8FA4 !important; pointer-events: none; color: #fff !important; }

.ui-btn-table.all868E96 { color: #fff; border: 1px solid #868E96; background: var(--gray-70, #868E96); }

.ui-btn-table.all868E96:disabled, .ui-btn-table.all868E96.disabled { background: #7F8FA4 !important; pointer-events: none; color: #fff !important; }

.ui-btn-table.ui-btn-common:disabled, .ui-btn-table.ui-btn-common.disabled { border: 1px solid var(--gray-50, #CED4DA); background: var(--grey-20, #F0F3F9); color: var(--gray-60, #ADB5BD); }

.ui-btn-change { width: 20px; height: 21px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; }

.ui-btn-change.active { width: auto; font-size: 16px; color: var(--black); font-style: normal; font-weight: 500; line-height: normal; background-image: none; text-indent: 0; }

.ui-btn-change.active:hover { color: #20BCB7; }

.pageing { margin-top: 36px; font-size: 0; text-align: center; }

.pageing button { display: inline-block; position: relative; display: inline-block; width: 30px; height: 32px; text-align: center; border: 1px solid #ced0da; vertical-align: top; box-sizing: border-box; border-left: 0; position: relative; }

.pageing button.btn_frist { border-left: 1px solid #ced0da; }

.pageing button img { vertical-align: top; }

.pageing button.active { color: #20bcb7; }

.pageing button.active::after { content: ''; display: block; width: 29px; height: 30px; position: absolute; top: -1px; left: -1px; border: 1px solid #20bcb7; }

.popup_foot button.wide { width: auto; min-width: 180px; }

.btnfilter__wrap { display: flex; align-items: center; justify-content: end; }

.btnfilter__wrap.mt20 { margin-top: 20px; }

.btnfilter__wrap.mb20 { margin-bottom: 20px; }

.btnfilter__wrap .ui-btn { width: 100px; min-width: inherit; height: 36px; padding: 0px 10px; border-radius: 4px; color: #FFF; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; }

.btnfilter__wrap .ui-btn + .ui-btn { margin-left: 16px; }

.btnfilter__wrap .ui-btn.btn-filter-refresh::before { content: ""; width: 21px; height: 16px; margin-right: 8px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5203_9152)'%3E%3Cpath d='M10.0919 1.07551C14.5903 1.07551 18.2536 4.61035 18.2536 8.959C18.2536 10.9343 17.515 12.7806 16.1603 14.229L15.5664 10.8842C15.5145 10.5902 15.225 10.3966 14.9243 10.4468C14.62 10.497 14.4196 10.7766 14.4715 11.067L15.2695 15.5555C15.2955 15.6989 15.3809 15.8279 15.5071 15.9104C15.5998 15.9713 15.7075 16.0036 15.8188 16.0036C15.8559 16.0036 15.8968 16 15.9339 15.9928L20.5622 15.0392C20.8628 14.9783 21.0558 14.6915 20.989 14.4011C20.9259 14.1107 20.629 13.9243 20.3284 13.9888L17.2886 14.6126C18.6359 13.0208 19.3671 11.0562 19.3671 8.96258C19.3634 4.01882 15.2064 0 10.0919 0C9.78383 0 9.53516 0.240197 9.53516 0.537755C9.53516 0.835312 9.78383 1.07551 10.0919 1.07551Z' fill='white'/%3E%3Cpath d='M0.67261 2.01535L3.71238 1.39155C2.36508 2.98331 1.6339 4.9479 1.6339 7.04156C1.6339 11.9817 5.79456 16.0006 10.9091 16.0006C11.2171 16.0006 11.4658 15.7604 11.4658 15.4628C11.4658 15.1652 11.2171 14.9251 10.9091 14.9251C6.41068 14.9251 2.74737 11.3902 2.74737 7.04156C2.74737 5.06621 3.48597 3.21992 4.84069 1.77157L5.43454 5.1164C5.48279 5.37811 5.71662 5.56453 5.98385 5.56453C6.01354 5.56453 6.04695 5.56453 6.08035 5.55736C6.3847 5.50717 6.58512 5.22754 6.53316 4.93715L5.73518 0.448689C5.7092 0.305288 5.62383 0.176227 5.49764 0.0937712C5.37144 0.0113155 5.21927 -0.0173648 5.07081 0.0149005L0.442494 0.964934C0.141857 1.02588 -0.0511438 1.31268 0.0119527 1.60307C0.0750492 1.89346 0.371974 2.07629 0.67261 2.01535Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5203_9152'%3E%3Crect width='21' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.context-btn { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 6px 20px; font-size: 16px; color: #343A40; margin-bottom: 4px; }

.context-btn:last-of-type { margin-bottom: 0; }

.context-btn:not(:disabled):hover { background-color: #FAF9FA; }

.context-btn:disabled { opacity: 0.5; cursor: not-allowed; }

.context-btn:before { background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 6px; width: 24px; height: 20px; }

.context-btn.btn_delete:before { content: ""; display: inline-block; background-image: url(/static/image/mycloud/icon_dust_bin.svg); }

.context-btn.btn_copy:before { content: ""; display: inline-block; background-image: url(/static/image/mycloud/icon_copy.svg); }

.context-btn.btn_re_exam:before { content: ""; display: inline-block; background-image: url(/static/image/mycloud/icon_replay.svg); }

.context-btn.btn_new_folder:before { content: ""; display: inline-block; background-image: url(/static/image/mycloud/icon_add_folder.svg); }

.context-btn.btn_edit_folder:before { content: ""; display: inline-block; background-image: url(/static/image/mycloud/icon_edit_folder.svg); }

.option-list.btn-delete { min-width: initial; height: auto; padding: 0px 20px; border-radius: 4px; background: var(--Gray-20, #F1F3F5); border: none; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.option-list.btn-add { min-width: initial; height: auto; padding: 0px 20px; border-radius: 4px; border: none; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.newFolder__btn.mt28 { margin-top: 28px; }

.newFolder__btn .newFolderBtn { height: 48px; padding: 10px 80px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: #20BCB7; color: #FFF; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 20px; }

.newFolder__btn .newFolderBtn::before { content: ""; width: 29px; height: 26px; margin-right: 10px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='29' height='26' viewBox='0 0 29 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3473 22.5129H2.11314C1.61052 22.5129 1.19531 22.0968 1.19531 21.5834V2.99393C1.19531 2.48493 1.60615 2.06445 2.11314 2.06445H6.92956C7.62012 2.06445 8.29319 2.28133 8.857 2.67968L11.7057 5.78235H24.4504C24.953 5.78235 25.3682 6.1984 25.3682 6.71183V13.5226' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.8746 21.7984C24.7788 25.0462 20.4458 25.9756 17.1986 23.8794C15.6684 22.8894 14.6533 21.4095 14.2291 19.778C13.7493 17.9444 14.0119 15.919 15.123 14.2016C17.2188 10.9538 21.5518 10.0244 24.799 12.1206C28.0462 14.2167 28.9755 18.5506 26.8797 21.7984H26.8746Z' fill='white'/%3E%3Cpath d='M17 17.998H25' stroke='%2320BCB7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 22V14' stroke='%2320BCB7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.btnTeacherAdd { min-width: 100px; height: 40px; padding: 10px; border-radius: 4px; border: 1px solid #ADB5BD; background-color: #FFF; color: #212529; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; text-align: center; }

.btnTeacherAdd.is-disabled { border: 1px solid #CED4DA; background-color: #F1F3F5; pointer-events: none; color: #ADB5BD; }

.ui-tab-content-wrap > div[class^="ui-tab-content"] { display: none; }

.ui-tab-content-wrap > div[class^="ui-tab-content"].active { display: block; }

.tab-cloud-style { width: 100%; margin-bottom: 30px; display: flex; align-items: center; border-bottom: 1px solid var(--gray-60, #ADB5BD); position: relative; }

.tab-cloud-style a { display: flex; padding: 10px 16px; align-items: flex-start; gap: 10px; position: relative; cursor: pointer; }

.tab-cloud-style a.active:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background-color: #20BCB7; }

.tab-cloud-style a.active .tab-cloud-txt { color: var(--gray-100, #212529); }

.tab-cloud-style a .tab-cloud-txt { color: var(--gray-70, #868E96); font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; position: relative; }

.tab-cloud-style button { display: flex; padding: 10px 16px; align-items: flex-start; gap: 10px; position: relative; }

.tab-cloud-style button.active:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background-color: #20BCB7; }

.tab-cloud-style button.active .tab-cloud-txt { color: var(--gray-100, #212529); }

.tab-cloud-style button .tab-cloud-txt { color: var(--gray-70, #868E96); font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; position: relative; }

.tab-cloud-style button.tab_inform { min-height: 22px; margin-left: auto; padding: 0 0 0 23px; color: #868E96; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; background-position: 0 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='8.5' fill='white' stroke='%23A9ADBB'/%3E%3Crect x='8' y='4' width='2' height='7' rx='1' fill='%23A9ADBB'/%3E%3Ccircle cx='9' cy='14' r='1' fill='%23A9ADBB'/%3E%3C/svg%3E"); }

.tab-cloud-style .top-cloudroom-infotext { position: absolute; right: 0; top: 14px; }

.tab-cloud-style .top-cloudroom-infotext li { font-size: 14px; }

.tab-cloud-style2 { width: 100%; display: flex; align-items: center; }

.tab-cloud-style2 button { display: flex; flex: 1 1 auto; height: 44px; padding: 0px 8px; justify-content: center; align-items: center; flex-shrink: 0; align-self: stretch; border: 1px solid var(--stroke, #CED0DA); border-left: none; background: #F4F6F9; font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 30px; }

.tab-cloud-style2 button:first-child { border-left: 1px solid var(--stroke, #CED0DA); }

.tab-cloud-style2 button.active { color: #fff; border: 0px solid var(--stroke, #CED0DA); background: var(--main-100, #20BCB7); }

.tab-question-style { width: 100%; padding-top: 40px; margin-bottom: 40px; display: flex; align-items: center; border-bottom: 1px solid var(--gray-60, #ADB5BD); position: relative; }

.tab-question-style a { display: flex; padding: 10px 24px; align-items: flex-start; gap: 10px; position: relative; }

.tab-question-style a.active:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background-color: #20BCB7; }

.tab-question-style a.active .tab-cloud-txt { color: var(--gray-100, #212529); }

.tab-question-style a .tab-cloud-txt { font-size: 24px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 500; line-height: 30px; position: relative; }

.tab-question-style button { display: flex; padding: 10px 24px; align-items: flex-start; gap: 10px; position: relative; }

.tab-question-style button.active:before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background-color: #20BCB7; }

.tab-question-style button.active .tab-cloud-txt { color: var(--gray-100, #212529); }

.tab-question-style button .tab-cloud-txt { font-size: 18px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 500; line-height: 30px; position: relative; }

.tab-question-style .top-cloudroom-infotext { position: absolute; right: 0; top: 14px; }

.tab-question-style .top-cloudroom-infotext li { font-size: 14px; }

.ui-mycloud-Tab { margin-bottom: 40px; display: flex; align-items: center; position: relative; }

.ui-mycloud-Tab a { display: flex; width: 184px; height: 42px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 20px; border: 1px solid #CED0DA; background: #FFF; font-size: 16px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 24px; position: relative; }

.ui-mycloud-Tab a:first-child { margin-left: 0; }

.ui-mycloud-Tab a:first-child:before { background: none; }

.ui-mycloud-Tab a:before { content: ""; display: block; width: 1px; height: 10px; flex-shrink: 0; background: var(--grey-30, #E3E7F1); position: absolute; top: 50%; left: 0; margin-top: -5px; margin-left: -10px; }

.ui-mycloud-Tab a.active { color: #fff; font-weight: 700; border: 0px solid var(--stroke, #20BCB7); background: var(--main-100, #20BCB7); }

.ui-mycloud-Tab a + a { margin-left: 17px; }

.ui-mycloud-Tab button { display: flex; width: 184px; height: 42px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 20px; border: 1px solid #CED0DA; background: #FFF; font-size: 16px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 24px; position: relative; }

.ui-mycloud-Tab button:first-child { margin-left: 0; }

.ui-mycloud-Tab button:first-child:before { background: none; }

.ui-mycloud-Tab button:before { content: ""; display: block; width: 1px; height: 10px; flex-shrink: 0; background: var(--grey-30, #E3E7F1); position: absolute; top: 50%; left: 0; margin-top: -5px; margin-left: -10px; }

.ui-mycloud-Tab button.active { color: #fff; font-weight: 700; border: 0px solid var(--stroke, #20BCB7); background: var(--main-100, #20BCB7); }

.ui-mycloud-Tab button + button { margin-left: 17px; }

.ui-mycloud-Tab .top-position-button { top: 0 !important; }

.ui-mycloud-Tab .top-position-button .link-go { width: 193px; height: 40px; flex-shrink: 0; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: var(--gray-10, #F8F9FA); font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 20px; }

.tooltip_cont { padding: 5px 7px 5px 7px !important; }

.label { display: inline-block; padding: 0 4px; height: 20px; line-height: 20px; font-size: 12px; font-weight: 500; background-color: #f00; color: #fff; border-radius: 2px; vertical-align: middle; word-spacing: normal; }

.label * { box-sizing: border-box; }

.label.profile.master { background-color: var(--violet); }

.label.profile.manager { background-color: var(--skyblue); }

.label.profile.pic { background-color: var(--light-green); }

.label.mymessage { width: 80px; height: 28px; display: inline-block; border-radius: 4px; font-size: 14px; color: #FFF; font-style: normal; font-weight: 400; line-height: 28px; text-align: center; }

.label.mymessage.master { background-color: var(--violet); }

.label.mymessage.manager { background-color: var(--skyblue); }

.label.mymessage.pic { background-color: var(--light-green); }

.label.mymessage.common { background-color: #7F8FA4; }

.label.status { min-width: 34px; justify-content: center; align-items: center; border-radius: 4px; background-color: #777; font-weight: 400; text-align: center; }

.label.status.common { background-color: #777; }

.label.table-status { height: 33px; display: inline-block; padding: 0 20px; flex-shrink: 0; border-radius: 30px; border: 1px solid var(--stroke, #CED0DA); background: #F4F6F9; }

.label.table-status.period { font-size: 16px; line-height: 31px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; letter-spacing: -1px; }

.label.new_table-list { width: 18px; height: 18px; padding: 0; background: #E37445; border-radius: 2px; font-size: 12px; color: #FFF; font-style: normal; font-weight: 700; line-height: normal; text-align: center; }

.label.option { padding: 0 6px 0 6px; height: 24px; border-radius: 2px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; }

.label.option.green { background-color: var(--deep-green, #008682); color: #fff; }

.label.new-purchase { display: inline-flex; height: 18px; padding: 0px 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 2px; background: var(--Red, #FF4545); color: #FFF !important; font-family: "Noto Sans KR"; font-size: 12px !important; font-style: normal !important; font-weight: 500 !important; line-height: 18px !important; }

html, body { height: 100%; word-spacing: -1px; }

main { padding-bottom: 50px; min-width: 1224px; min-height: 820px; position: relative; }

main button img { display: inline-block !important; }

main .container.not-padding { padding-bottom: 0; }

main .content { overflow: visible !important; position: relative; width: 1224px; margin: 0 auto; }

main .content.w1380 { width: 1380px !important; }

main section { *zoom: 1; }

main section:after { content: ""; display: block; clear: both; }

.fixed-top-padding { padding-top: 200px !important; }

.cloud_subcnt { width: 1224px; padding: 40px 0 50px 0; margin: 0 auto; display: flex; justify-content: space-between; }

/* 공통 */
.clear { *zoom: 1; }

.clear:after { content: ""; display: block; clear: both; }

.no-uesed { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -60%); }

.no-uesed .ttl-info { font-size: 18px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 28px; }

.no-uesed .ttl-info + .ttl-info { margin-top: 30px; }

.no-uesed .desc-info { margin-top: 48px; font-size: 16px; color: #7F8FA4; text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.profile-image-f1 { background-image: url(/static/image/common/spr-profile-f1.svg); }

.profile-image-f1.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-f1.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-f1.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-f2 { background-image: url(/static/image/common/spr-profile-f2.svg); }

.profile-image-f2.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-f2.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-f2.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-f3 { background-image: url(/static/image/common/spr-profile-f3.svg); }

.profile-image-f3.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-f3.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-f3.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-f4 { background-image: url(/static/image/common/spr-profile-f4.svg); }

.profile-image-f4.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-f4.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-f4.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-m1 { background-image: url(/static/image/common/spr-profile-m1.svg); }

.profile-image-m1.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-m1.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-m1.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-m2 { background-image: url(/static/image/common/spr-profile-m2.svg); }

.profile-image-m2.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-m2.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-m2.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-m3 { background-image: url(/static/image/common/spr-profile-m3.svg); }

.profile-image-m3.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-m3.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-m3.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-m4 { background-image: url(/static/image/common/spr-profile-m4.svg); }

.profile-image-m4.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-m4.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-m4.pic { border-color: var(--light-green); background-color: #E2F2E6; }

.profile-image-default { background-image: url(/static/image/common/spr-profile-default.svg); }

.profile-image-default.master { background-position-y: bottom; border-color: var(--violet); background-color: #F3F0FF; }

.profile-image-default.manager { border-color: var(--skyblue); background-color: #E7F5FF; }

.profile-image-default.pic { border-color: var(--light-green); background-color: #E2F2E6; }

*[class^="profile-image"] { display: block; background-repeat: no-repeat; background-color: transparent; background-size: 100%; border-radius: 50%; overflow: hidden; background-color: transparent; border: 2px solid transparent; box-sizing: border-box; }

.profile-image-default { background-color: #ecf1fb; border: none !important; }

.ico-bookmart { width: 20px; height: 30px; display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_103_1758)'%3E%3Cpath d='M20 30V0H0V30L10 24.0063L20 30Z' fill='url(%23paint0_linear_103_1758)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_103_1758' x1='10' y1='0' x2='10' y2='30' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ADB5BD'/%3E%3Cstop offset='1' stop-color='%23CAD4DF'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_103_1758'%3E%3Crect width='20' height='30' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.ico-bookmart.active { background-image: url("data:image/svg+xml,%3Csvg width='20' height='30' viewBox='0 0 20 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_103_1736)'%3E%3Cpath d='M20 30V0H0V30L10 24.0063L20 30Z' fill='url(%23paint0_linear_103_1736)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_103_1736' x1='10' y1='0' x2='10' y2='30' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2326BCB7'/%3E%3Cstop offset='1' stop-color='%239CD3AB'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_103_1736'%3E%3Crect width='20' height='30' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.necessary { font-size: 16px; color: #212529; font-style: normal; font-weight: 400; line-height: 40px; }

.necessary:after { margin-left: 2px; display: inline-block; content: '*'; font-size: 16px; color: #FF4545; }

.list-scroll-box { overflow-y: auto; overflow-x: hidden; }

.list-scroll-box::-webkit-scrollbar { width: 7px; position: relative; }

.list-scroll-box::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.list-scroll-box::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.list-scroll-box.mH207auto { max-height: 207px; }

.list-scroll-box.mH460auto { max-height: 460px; }

table { table-layout: fixed; border-collapse: collapse; width: 100%; }

table.table-style { border-bottom: 1px solid #CED0DA; }

table.table-style.has-mystatus .is__mouseover:hover { color: #20BCB7; }

table.table-style.has-mystatus .payBreakdown { margin-top: 11px; }

table.table-style th, table.table-style td { border-top: 1px solid #CED0DA; }

table.table-style .expapr_title { text-align: left !important; padding-left: 8px !important; }

table.table-style .table-btn-area { display: flex; align-items: center; justify-content: center; }

table.table-style .table-btn-area .ui-btn-table + .ui-btn-table { margin-left: 15px; }

table.table-style .table-btn-area .ui-btn-table { width: auto; min-width: 82px; }

table.table-style .table-btn-area .ui-btn-table:disabled, table.table-style .table-btn-area .ui-btn-table.disabled { background-color: var(--grey-20); border-color: var(--grey-50); color: var(--grey-60); pointer-events: none; }

table.table-style .state-area { display: flex; align-items: center; justify-content: center; }

table.table-style .state-area .red.under-line { border-bottom: 1px solid #FF4545; }

table.table-style .state-area .main.under-line { border-bottom: 1px solid #20BCB7; }

table.table-style th { height: 50px !important; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-80); text-align: center; border-top: 1px solid #CED0DA; background-color: #f4f6f9; }

table.table-style td { min-height: 54px; padding: 12px 0 12px 0; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--black); text-align: center; }

table.table-style td .no-data { padding: 24px 0 24px 0; font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

table.table-style2 { border-top: 1px solid #CED0DA; }

table.table-style2 .tac { text-align: center; }

table.table-style2 .tal { text-align: left; }

table.table-style2 .tar { text-align: right; }

table.table-style2 th, table.table-style2 td { border-bottom: 1px solid #CED0DA; }

table.table-style2 th { min-height: 50px; padding: 10px 0 10px 0; font-weight: 400; font-size: 16px; font-style: normal; line-height: 30px; color: var(--gray-80, #495057); text-align: center; background-color: #f4f6f9; }

table.table-style2 td { padding: 10px 30px 10px 30px; min-height: 50px; font-weight: 400; font-size: 16px; line-height: 30px; color: var(--black, #000); text-align: center; }

table .add-list { padding: 23px 0 23px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }

table .add-list .txt { margin-bottom: 10px; font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

table .add-list .btn-area { margin: 0 auto; }

table .add-list .btn-area .ui-btn { width: auto; padding: 0 48px 0 48px; min-width: auto; }

table button { font-size: 16px; font-weight: 400; }

table .tac { text-align: center; }

table .tal { text-align: left !important; }

table .tar { text-align: right; }

table .pl8 { padding-left: 8px; }

table .td_left20 { text-align: left !important; padding-left: 20px !important; }

table .mouseover { cursor: pointer; }

.page-btns { padding-top: 48px; display: flex; align-items: center; justify-content: center; }

.page-btns .ui-btn { width: auto; padding: 0 10px 0 10px; }

.page-btns .ui-btn + .ui-btn { margin-left: 10px; }

.top-page-info { margin-bottom: 40px; position: relative; }

.top-page-info.bottom-brd-type { padding-bottom: 40px; border-bottom: 1px solid #D9D9D9; }

.top-page-info h3 { margin-top: 40px; font-size: 24px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; display: flex; align-items: center; }

.top-page-info h3 .student-code { margin: 0 0 0 24px; font-size: 20px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 500; line-height: 30px; }

.top-page-info .title { margin-top: 40px; font-size: 24px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; display: flex; align-items: center; }

.top-page-info .title.is-question .icon-question { margin-left: 5px; cursor: pointer; }

.top-page-info .title.is-question .icon-question:hover .question__infoBox { display: block; }

.top-page-info .title.has-zocbo .sub-title { margin-left: 20px; margin-top: 0px; }

.top-page-info .sub-title { margin-top: 8px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.top-page-info .guide-text-box { display: flex; width: 100%; padding: 16px; margin-top: 20px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: var(--gray-20, #F1F3F5); }

.top-page-info .guide-text-box .title-cloudroom { display: flex; align-items: center; font-size: 15px; color: var(--main-100); font-style: normal; font-weight: 500; line-height: 20px; margin-bottom: 12px; }

.top-page-info .guide-text-box .title-cloudroom:before { content: ""; display: block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2320BCB7'/%3E%3Crect x='8' y='4' width='2' height='7' rx='1' fill='white'/%3E%3Ccircle cx='9' cy='14' r='1' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 4px; }

.top-page-info .guide-text-box .info-cloudroom-list li { padding-left: 10px; position: relative; font-size: 15px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 24px; }

.top-page-info .guide-text-box .info-cloudroom-list li:before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 50%; left: 0; margin-top: -1px; background-color: #495057; }

.top-page-info .guide-text-box .info-cloudroom-list li .dec-underline { border-bottom: 1px solid #495057; }

.top-page-info .cloudroom-top-ttl { margin-top: 40px; display: flex; align-items: center; color: var(--gray-100, #212529); font-size: 24px; font-family: Noto Sans KR; font-style: normal; font-weight: 500; line-height: 30px; }

.top-page-info .cloudroom-top-ttl .ui-form-cloudroom-text { width: 680px; color: var(--gray-100, #212529); font-size: 24px; font-family: Noto Sans KR; font-style: normal; font-weight: 500; line-height: 30px; border: none; pointer-events: none; }

.top-page-info .cloudroom-top-ttl .ui-form-cloudroom-text.active { width: 852px; margin-right: 15px; border-bottom: 1px solid #000; pointer-events: auto; }

.top-page-info .ui-btn-change { width: 28px; height: 28px; position: absolute; right: 0; top: 0; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5708 6.05841L23.9556 10.4636C24.1403 10.6491 24.1403 10.9519 23.9556 11.1375L13.3389 21.8037L8.82778 22.3067C8.225 22.3751 7.71458 21.8623 7.78264 21.2567L8.28333 16.7246L18.9 6.05841C19.0847 5.87283 19.3861 5.87283 19.5708 6.05841ZM27.4458 4.94003L25.0736 2.55675C24.3347 1.81442 23.134 1.81442 22.3903 2.55675L20.6694 4.2856C20.4847 4.47119 20.4847 4.77398 20.6694 4.95956L25.0542 9.36472C25.2389 9.5503 25.5403 9.5503 25.725 9.36472L27.4458 7.63587C28.1847 6.88865 28.1847 5.68236 27.4458 4.94003ZM18.6667 18.9027V23.8744H3.11111V8.24634H14.2819C14.4375 8.24634 14.5833 8.18285 14.6951 8.07541L16.6396 6.1219C17.009 5.75073 16.7465 5.12073 16.2264 5.12073H2.33333C1.04514 5.12073 0 6.17074 0 7.46493V24.6558C0 25.95 1.04514 27 2.33333 27H19.4444C20.7326 27 21.7778 25.95 21.7778 24.6558V16.9492C21.7778 16.4266 21.1507 16.1678 20.7813 16.5341L18.8368 18.4876C18.7299 18.5999 18.6667 18.7464 18.6667 18.9027Z' fill='black'/%3E%3C/svg%3E%0A"); }

.top-page-info .ui-btn-change.active { display: flex; align-items: center; justify-content: center; min-width: 80px; height: 30px; font-weight: 500; color: var(--grey-100); background: var(--white); border: 1px solid var(--grey-60); border-radius: 4px; font-size: 16px; line-height: 20px; padding: 0 10px; }

.top-page-info .ui-btn-change.active:hover { background-color: var(--white); border-color: var(--grey-80); text-decoration: none; }

.top-page-info .page_step { top: 10px !important; }

.top-page-info .state.is-questions { width: 340px; display: none !important; position: absolute; right: 0; top: -3px; border-bottom: none !important; }

.top-page-info .question__infoBox { display: none; width: 720px; padding: 16px; border-radius: 8px; background-color: #F1F3F5; position: absolute; z-index: 9; left: 131px; top: 8px; }

.top-page-info .question__infoBox .question__title { margin-bottom: 12px; display: flex; align-items: center; color: var(--Main-100, #20BCB7); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; }

.top-page-info .question__infoBox .question__title .icon-question { margin-right: 8px; }

.top-page-info .question__infoBox .info-cloudroom-list li { padding-left: 8px; position: relative; font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; }

.top-page-info .question__infoBox .info-cloudroom-list li::before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 50%; left: 0; margin-top: -1px; background-color: #495057; }

.top-title-style { display: flex; width: 100%; padding: 10px 0px; margin-bottom: 20px; align-items: center; border-bottom: 2px solid var(--main-100, #20BCB7); }

.top-title-style .ttl { font-size: 18px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.explanation-txt { width: 100%; padding-top: 20px; font-size: 18px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 28px; }

.all-open-wrap { display: flex; align-items: center; }

.all-open-wrap span { font-size: initial !important; }

.all-open-wrap span + span { margin-left: 16px; }

.all-open-wrap label { padding: 0 !important; margin: 0 !important; font-size: 14px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; }

.top-pop-page-info { margin-bottom: 40px; position: relative; }

.top-pop-page-info .pop-guide-text-box { display: flex; width: 100%; max-height: 170px !important; padding: 16px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: var(--gray-20, #F1F3F5); }

.top-pop-page-info .pop-guide-text-box .ttl { margin-bottom: 4px; font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 22px; }

.top-pop-page-info .pop-guide-text-box .desc { font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; }

.top-pop-page-info .pop-guide-text-box .list li { margin-top: 4px; }

.top-pop-page-info .pop-guide-text-box .list li:first-child { margin-top: 0; }

.dropdown { position: relative; }

.dropdown.is-active .dropdown__caret { transform: rotate(180deg); }

.dropdown.is-active .dropdown__menu { display: flex; opacity: 1; }

.dropdown.is-disabled { pointer-events: none; }

.dropdown.is-disabled .dropdown__select { background-color: #EDEDED; }

.dropdown.is-disabled .dropdown__selected { color: #DBDBDB; }

.dropdown.is-disabled .dropdown__caret { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L7 10L12 5' stroke='%23DBDBDB' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.dropdown.has-multi.is-active .dropdown__caret { transform: none; }

.dropdown.has-multi.is-active .dropdown__menu { display: none; opacity: 0; }

.dropdown.has-multi .dropdown__select { padding: 0 16px; color: #212529; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.dropdown.has-multi .dropdown__select.is-active .dropdown__caret { transform: rotate(180deg); }

.dropdown.has-multi .dropdown__select.is-disabled { pointer-events: none; background-color: #F1F3F5; border: 1px solid #CED4DA; }

.dropdown.has-multi .dropdown__select.is-disabled .dropdown__selected { color: #ADB5BD; }

.dropdown.has-multi .dropdown__select.is-disabled .dropdown__caret { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23ADB5BD'/%3E%3C/svg%3E%0A"); }

.dropdown.has-multi .dropdown__menu { padding: 16px 16px; }

.dropdown.has-multi .dropdown__menu li { color: #212529; font-size: 16px; font-style: normal; font-weight: 400; }

.dropdown.has-multi .dropdown__menu li.is-active::after { right: 0; }

.dropdown.has-multi .dropdown__menu.is-menuActive { display: flex; opacity: 1; }

.dropdown .dropdown__select { display: flex; width: 130px; height: 39px; padding: 0 8px 0 8px; align-items: center; justify-content: space-between; border-radius: 5px; border: 1px solid #CED0DA; background-color: #FFF; font-size: 14px; color: #1E1E1E; line-height: 140%; cursor: pointer; transition: background 0.3s; }

.dropdown .dropdown__select.is-disabled { background-color: #EDEDED; pointer-events: none; }

.dropdown .dropdown__caret { width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; border: none; }

.dropdown .dropdown__caret.is-active { transform: rotate(180deg); }

.dropdown .dropdown__menu { display: none; padding: 16px 20px; flex-direction: column; border-radius: 5px; border: 1px solid #dadce0; background: #FFF; position: absolute; top: 44px; left: 50%; width: 100%; transform: translateX(-50%); opacity: 1; transition: 0.2s; z-index: 1; }

.dropdown .dropdown__menu.is-active { display: flex; opacity: 1; }

.dropdown .dropdown__menu li { height: 30px; position: relative; font-size: 14px; line-height: 30px; color: #1E1E1E; text-align: left; cursor: pointer; }

.dropdown .dropdown__menu li.is-active { color: #1CBCB7; }

.dropdown .dropdown__menu li.is-active::after { position: absolute; right: 10px; top: 50%; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4 10.8645L5.30365 9.56084L8.21958 12.4768L14.6964 6L16 7.29904L8.21958 15.0841L4 10.8645Z' fill='%2320BCB7'/%3E%3C/svg%3E"); transform: translateY(-50%); content: ""; }

.allSelect .allSelect__button { width: 80px; height: 28px; padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #CED4DA; background-color: #F8F9FA; color: #212529; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

.titleH h3 { margin-bottom: 40px; font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 24px; }

.sub-ttl { margin-bottom: 55px; font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.remark { padding-left: 19px; font-size: 14px; color: var(--main-100, #20BCB7); font-style: normal; font-weight: 400; line-height: 30px; letter-spacing: -0.049px; position: relative; }

.remark:before { content: ""; display: block; width: 14px; height: 14px; margin-top: -7px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%2320BCB7'/%3E%3Crect x='6.11133' y='2.66602' width='1.77778' height='6' rx='0.888889' fill='white'/%3E%3Crect x='6.11133' y='9.55566' width='1.77778' height='1.77778' rx='0.888889' fill='white'/%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: 50%; }

.remark.line-h40 { line-height: 40px; }

.remark.position { position: absolute; bottom: -5px; }

.remark.position.left { left: 0; }

.sub-page-list li { margin-top: 27px; }

.sub-page-list li:first-child { margin-top: 0; }

.sub-page-list li .sub-page-ttl { margin-bottom: 20px; font-size: 20px; color: #000; font-style: normal; font-weight: 500; line-height: 24px; }

.content-table-topinfo-wrap { margin-bottom: 10px; }

.content-table-topinfo-wrap .numb-txt { margin-right: 20px; font-size: 16px; color: #212529; font-style: normal; font-weight: 500; line-height: 40px; }

.content-table-topinfo-wrap .numb-txt.line-h30 { line-height: 30px; }

.content-table-topinfo-wrap .numb-txt span { color: var(--main-100, #20BCB7); }

.content-table-topinfo-wrap .ui-btn-lump-change { width: 160px; height: 28px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid var(--gray-60, #ADB5BD); background: var(--gray-20, #F1F3F5); font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.content-table-topinfo-wrap .ui-btn-lump-change:hover { background-color: var(--white); border-color: var(--grey-80); text-decoration: none; }

.content-table-topinfo-wrap .ui-btn-lump-change:active { background-color: var(--grey-20); border-color: var(--grey-60); }

.content-table-topinfo-wrap .ui-btn-lump-change:disabled, .content-table-topinfo-wrap .ui-btn-lump-change.disabled { background-color: var(--grey-20); border-color: var(--grey-50); color: var(--grey-60); pointer-events: none; }

.content-table-topinfo-wrap .toggle-info-txt { margin-right: 11px; font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.content-table-topinfo-wrap .ui-form-select { margin-left: 24px !important; }

.top-cloudroom-infotext { display: flex; align-items: center; justify-content: center; }

.top-cloudroom-infotext.option-setting li { font-size: 14px; color: #000; line-height: 18px; }

.top-cloudroom-infotext.option-setting li button { font-size: 14px; font-weight: 400; }

.top-cloudroom-infotext.left-gab10 { margin-left: 10px; }

.top-cloudroom-infotext li { position: relative; padding-right: 8px; margin-left: 8px; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 20px; }

.top-cloudroom-infotext li:before { content: ""; display: block; width: 1px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg width='1' height='12' viewBox='0 0 1 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='12' fill='%23ADB5BD'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; left: 0; margin-top: -5px; margin-left: -8px; }

.top-cloudroom-infotext li:first-child { margin-left: 0; }

.top-cloudroom-infotext li:first-child:before { background-image: none; }

.top-cloudroom-infotext li span.anser-text { color: #20BCB7; }

.option-group { display: flex; align-items: center; }

.option-group .datepicker { width: 230px; height: 40px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #fff url(/static/image/icon_renewal_calander.png) no-repeat center right 8px; text-indent: 17px; font-size: 15px; font-weight: 400; line-height: 24px; color: var(--grey-100, #333); }

.option-group .datepicker.text-indent5 { text-indent: 5px; }

.option-group .radio-lab { margin-left: 8px; }

.option-group .radio-lab input { display: none; }

.option-group .radio-lab input:checked + span { background: #20bcb7; border: 1px solid #20bcb7; background-size: 0; color: #FFF; }

.option-group .radio-lab span { display: flex; height: 40px; padding: 0px 8px; align-items: center; gap: 11px; flex: 1 0 0; border-radius: 4px; border: 1px solid #D1D3DC; background: #FFF; font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.option-group .ui-search-btn { margin-left: 8px; }

.line-through { text-decoration: line-through !important; }

.line-underline { text-decoration: underline !important; }

.align-middle-bar-list > li { float: left; line-height: 38px; position: relative; }

.align-middle-bar-list > li + li { padding-left: 20px; margin-left: 20px; }

.align-middle-bar-list > li + li:before { content: ""; display: block; width: 1px; height: 12px; margin-top: -6px; position: absolute; left: 0; top: 50%; background: var(--stroke, #CED0DA); }

.icon.plus { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_762_6345' transform='scale(0.05)'/%3E%3C/pattern%3E%3Cimage id='image0_762_6345' width='20' height='20' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7ZU9C8IwEIbfxssgOhcHvxZn8f//CHF28WNRt0iLQyptr9CSpfTKUejQBwIJOZ4cXLiL3DfJH88PvM+gwVrCdhODWLbfrbBczKEhSX+43V8wnJlWxrCDXUYSfL5cqyVBJOzDJNRD4aGrkm33p+Oh2Q+bYfhSSJ1Z233I9G1GKCRJkKS6NYY7LTdHLWnpsDRD5ByPgDd89oeGagSsYxTosDcDs8+ADQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); }

.icon-question { width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' fill='white' stroke='%23BDEBEA'/%3E%3Cpath d='M8.68338 10.1196L8.6834 10.1196L8.68412 10.1162C8.73282 9.89064 8.80014 9.73246 8.87428 9.61932C8.98153 9.47249 9.10651 9.33029 9.25969 9.18489C9.47032 8.99503 9.68946 8.73676 9.91659 8.45349L9.91674 8.45361L9.92516 8.44249C10.1214 8.18327 10.289 7.9356 10.4168 7.68637C10.571 7.39557 10.6324 7.08087 10.6324 6.75158C10.6324 6.24722 10.5394 5.75839 10.2409 5.41651C9.94657 5.07938 9.537 4.93367 9.07947 4.93367C8.54882 4.93367 8.08393 5.11578 7.75368 5.53292L7.75358 5.53285L7.74679 5.54183C7.50514 5.8616 7.37218 6.33588 7.30237 6.90161H6.5169C6.53632 6.6342 6.57095 6.4234 6.61276 6.26409C6.67594 6.02339 6.79002 5.77613 6.96074 5.50228L6.96717 5.49196L6.9731 5.48133C7.10882 5.23801 7.35596 5.00609 7.76806 4.80599L7.76808 4.80604L7.77478 4.80267C8.17642 4.60015 8.615 4.5 9.09933 4.5C9.47919 4.5 9.81519 4.56142 10.1114 4.67134C10.419 4.7945 10.6662 4.9487 10.8575 5.13397C11.0588 5.32879 11.2185 5.55805 11.3308 5.82402C11.4427 6.08914 11.5 6.37 11.5 6.68924C11.5 7.01143 11.4416 7.29117 11.3414 7.52602C11.2289 7.78966 11.0859 8.02808 10.9171 8.22264L10.917 8.22263L10.9147 8.22534C10.6853 8.49356 10.5061 8.69259 10.355 8.82806L10.3549 8.82793L10.3451 8.83719C10.149 9.0227 9.97888 9.21416 9.83837 9.41234C9.66802 9.6377 9.54914 9.89003 9.48463 10.1908C9.4523 10.3414 9.43151 10.5067 9.42064 10.6861H8.62488C8.63513 10.4366 8.65432 10.2498 8.68338 10.1196ZM8.47684 12.7992H9.5331V13.5H8.47684V12.7992Z' fill='%2320BCB7' stroke='%2320BCB7'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.is-addOption { width: 17px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='8' fill='%2320BCB7'/%3E%3Crect x='3.5' y='7.375' width='10' height='1.25' fill='white'/%3E%3Crect x='7.875' y='13' width='10' height='1.25' transform='rotate(-90 7.875 13)' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.select-custom-wrap { position: relative; }

.select-custom-wrap .select-custom-type { display: flex; width: 460px; height: 40px; padding: 0px 8px; justify-content: space-between; align-items: center; flex-shrink: 0; font-size: 16px; color: var(--gray-100); font-style: normal; font-weight: 400; line-height: 24px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #FFF; position: relative; }

.select-custom-wrap .select-custom-type:before { content: ""; display: block; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; right: 8px; margin-top: -3px; margin-left: -8px; }

.select-custom-wrap .select-custom-box { display: flex; width: 100%; padding: 16px 8px; flex-direction: column; justify-content: center; align-items: flex-start; position: absolute; left: 0; top: 42px; border-radius: 4px; border: 1px solid var(--gray-100, #212529); background: #FFF; }

.select-custom-wrap .select-custom-box .ttl { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.select-custom-wrap .select-custom-box .list-box { margin-top: 10px; }

.select-custom-wrap .select-custom-box .list-box li + li { margin-top: 8px; }

.select-custom-wrap .select-custom-box .list-box li button { display: block; font-weight: 400; line-height: 24px; }

.no-common-data { padding: 36px 0; }

.no-common-data .txt { font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.no-common-data .btn-area { display: flex; align-items: center; }

.no-common-data .btn-area .ui-btn { width: auto; min-width: 140px; padding: 0 10px 0 10px; margin: 10px auto 0 auto; }

.no-common-data .btn-area .ui-btn.ico-arrow-right:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); margin-left: 8px; }

.ui-accordion.animate .ui-accordion-content { transition: max-height .1s ease-in-out; }

.ui-accordion.animate .ui-accordion-item.active .ui-accordion-content { transition: max-height .5s ease-in-out; transition-delay: .1s; }

.ui-accordion-item.active .ui-accordion-content { max-height: 1000px; }

.ui-accordion-content { max-height: 0; padding: 0; overflow: hidden; }

.option__list .option__line { display: flex; align-items: center; }

.option__list .option__line + .option__line { margin-top: 20px; }

.option__list .option__line .option_title { width: 90px; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; }

.select_layerCommon { position: relative; }

.select_layerCommon .add_exem { display: flex; align-items: center; justify-content: space-between; width: 200px; font-size: 16px; line-height: 24px; font-weight: 400; color: #212529; background: #FFFFFF; border: 1px solid #CED0DA; border-radius: 5px; padding: 6px 8px; }

.select_layerCommon .add_exem:not(:disabled):hover { border-color: #20BCB7; }

.select_layerCommon .add_exem:disabled { color: var(--grey-60); border-color: #dddee5; background-color: var(--grey-20); }

.select_layerCommon .add_exem:disabled::after { border-top-color: #c5cbd1; border-left-color: transparent; border-right-color: transparent; }

.select_layerCommon .add_exem:after { content: ''; display: block; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.select_layerCommon .add_exem img { padding-left: 4px; }

.select_layerCommon .layer_warp { display: none; position: absolute; right: 0; z-index: 10; width: 200px; padding: 16px 20px; background: #fff; border: 1px solid #dadce0; border-radius: 5px; overflow-x: hidden; overflow-y: auto; top: 44px; /* bottom: 44px; */ max-height: 415px; z-index: 12; }

.select_layerCommon .layer_warp label { position: relative; display: flex; width: 100%; height: 30px; padding-left: 20px; text-align: left; }

.select_layerCommon .layer_warp label span { color: #000; font-size: 16px; font-weight: 400; line-height: 30px; }

.select_layerCommon .layer_warp label i { position: absolute; left: 0; top: 50%; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='white' stroke='%23CED0DA'/%3E%3C/svg%3E"); transform: translateY(-50%); }

.select_layerCommon .layer_warp label input[type="checkbox"] { position: absolute; opacity: 0; }

.select_layerCommon .layer_warp label input[type="checkbox"]:checked + i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H0V16H16V0ZM3.70619 6.6842L2.51429 7.87611L6.37219 11.734L13.4857 4.61627L12.2938 3.42857L6.37219 9.35019L3.70619 6.6842Z' fill='%2320BCB7'/%3E%3C/svg%3E"); }

.content__filter { display: flex; gap: 12px; margin-bottom: 12px; }

.zDropdown { position: relative; display: inline-flex; }

.zDropdown .zDropdown__toggle { display: flex; align-items: center; }

.zDropdown .zDropdown__menu { padding: 5px; display: none; flex-direction: column; position: absolute; left: 0; z-index: 1; min-width: 100%; background-color: #fff; }

.zDropdown .zDropdown__menu .menu__item { color: #343434; font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-align: left; }

.zDropdown.is-active .zDropdown__menu { display: flex; }

.zDropdown.is-filter .zDropdown__toggle { position: relative; width: 155px; height: 50px; padding: 0 34px 0 20px; color: #343434; font-family: inherit; font-size: 18px; font-weight: 400; line-height: normal; border-radius: 6px; border: 1px solid #DDD; background-color: #FFF; }

.zDropdown.is-filter .zDropdown__toggle.is-disabled { border: 1px solid #DBDBDB; background: #EDEDED; pointer-events: none; }

.zDropdown.is-filter .zDropdown__toggle::after { position: absolute; right: 20px; top: 50%; width: 14px; height: 7px; display: block; background-repeat: no-repeat; background-position: 0 0; background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.4001 0.799987L7.0001 6.39999L12.6001 0.799988' stroke='%23A9A9A9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); transform: translateY(-50%); content: ""; }

.zDropdown.is-filter .zDropdown__menu { top: 52px; border-radius: 6px; border: 1px solid #DDD; }

.zDropdown.is-filter .zDropdown__menu .menu__item { padding: 9px 15px 8px 15px; }

.zDropdown.is-filter .zDropdown__menu .menu__item:hover { border-radius: 4px; background-color: #EFEFEF; }

.zDropdown.is-filter .zDropdown__menu .menu__item.is-selected { color: #197edf; font-weight: 700; }

.zDropdown.is-filter .zDropdown__menu.is-layer { left: 50%; transform: translateX(-50%); padding: 30px 20px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header { position: relative; padding-right: 50px; display: flex; align-items: center; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .layer__title { color: #000; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .layer__close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-position: 0 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 16.3256L21.8363 23.1637L23.1638 21.8381L16.3256 15L23.1638 8.16374L21.8381 6.83624L15 13.6744L8.16376 6.83624L6.83813 8.16374L13.6744 15L6.83813 21.8362L8.16376 23.1637L15 16.3256Z' fill='black'/%3E%3C/svg%3E"); }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation { margin-left: 20px; display: flex; align-items: center; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__Topcheckbox { position: relative; width: 92px; display: inline-flex; cursor: pointer; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__Topcheckbox input { display: none; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__Topcheckbox input:checked + span + i { display: inline-flex; width: 100%; height: 100%; background-color: #1E1E1E; color: #fff; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__Topcheckbox i { padding: 2px 10px; color: #1E1E1E; font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ border-radius: 15px; font-style: normal; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__TopNumber { min-width: 92px; padding: 2px 10px; margin-left: 10px; border-radius: 15px; background-color: #DBDBDB; color: #FFF; text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__header .zDropdown__Topinpformation .zDropdown__TopNumber.is-acitve { background-color: #1E1E1E; color: #fff; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion { margin-top: 20px; border: 1px solid #DDD; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .layer__accordionTop { display: flex; height: 50px; padding: 0px 24px; justify-content: space-between; align-items: center; align-self: stretch; background-color: #E9E9E9; color: #000; font-family: "Spoqa Han Sans Neo"; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion { border-top: none; border-bottom: 1px solid #DDD; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion:last-child { border-bottom: none; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion__title2 { display: flex; align-items: center; position: relative; height: 50px; padding: 0px 24px 0px 50px; background-color: #F8F8F8; color: #000; font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion--nested .accordion__title { background-color: #FFF; padding: 0px 24px 0px 90px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion__content { padding: 10px 0; max-height: 150px; overflow-y: auto; overflow-x: hidden; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion__content::-webkit-scrollbar { width: 7px; position: relative; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion__content::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__accordion .zAccordion .accordion__content::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__footer { margin-top: 30px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__footer .layer__Fbutton { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__footer .layer__Fbutton .reset__button { display: flex; width: 120px; height: 40px; padding: 10px 20px; justify-content: center; align-items: center; border-radius: 8px; border: 1px solid #CCC; background-color: #FFF; color: #343434; font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.36px; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__footer .layer__Fbutton .reset__button .is-reset { width: 18px; height: 18px; margin-left: 5px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 15.75C7.275 15.75 5.77187 15.1781 4.49062 14.0344C3.20937 12.8906 2.475 11.4625 2.2875 9.75H3.825C4 11.05 4.57812 12.125 5.55937 12.975C6.54063 13.825 7.6875 14.25 9 14.25C10.4625 14.25 11.7031 13.7406 12.7219 12.7219C13.7406 11.7031 14.25 10.4625 14.25 9C14.25 7.5375 13.7406 6.29688 12.7219 5.27812C11.7031 4.25937 10.4625 3.75 9 3.75C8.1375 3.75 7.33125 3.95 6.58125 4.35C5.83125 4.75 5.2 5.3 4.6875 6H6.75V7.5H2.25V3H3.75V4.7625C4.3875 3.9625 5.16563 3.34375 6.08438 2.90625C7.00313 2.46875 7.975 2.25 9 2.25C9.9375 2.25 10.8156 2.42813 11.6344 2.78438C12.4531 3.14062 13.1656 3.62188 13.7719 4.22813C14.3781 4.83438 14.8594 5.54688 15.2156 6.36563C15.5719 7.18438 15.75 8.0625 15.75 9C15.75 9.9375 15.5719 10.8156 15.2156 11.6344C14.8594 12.4531 14.3781 13.1656 13.7719 13.7719C13.1656 14.3781 12.4531 14.8594 11.6344 15.2156C10.8156 15.5719 9.9375 15.75 9 15.75Z' fill='%23CDCDCD'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.zDropdown.is-filter .zDropdown__menu.is-layer .layer__footer .layer__Fbutton .check__button { display: flex; width: 240px; height: 40px; padding: 10px 20px; justify-content: center; align-items: center; border-radius: 8px; background-color: #0048FF; color: #FFF; font-family: "Spoqa Han Sans Neo"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }

.zDropdown.is-filter.is-active .zDropdown__toggle::after { transform: translateY(-50%) rotate(-180deg); }

.wall { width: 100% !important; }

.w100 { width: 100px !important; min-width: 100px !important; }

.w140 { width: 140px !important; min-width: 140px !important; }

.w240 { width: 240px !important; min-width: 240px !important; }

.w300 { width: 300px !important; min-width: 300px !important; }

.w400 { width: 400px !important; min-width: 400px !important; }

.w359 { width: 359px !important; min-width: 359px !important; }

.w177 { width: 177px !important; min-width: 177px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt32 { margin-top: 32px !important; }

.ml20 { margin-left: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb4 { margin-bottom: 4px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt0 { padding-top: 0 !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px; }

.pl18 { padding-left: 18px !important; }

.pl32 { padding-left: 32px; }

.mr30 { margin-right: 30px !important; }

.c-main { color: var(--main-100, #20BCB7) !important; }

.c-red { color: var(--red, #FF4545) !important; }

.c-green { color: var(--deep-green, #008682) !important; }

.c-orange { color: #ed9065 !important; }

.c-868e96 { color: #868e96 !important; }

.c-73A5FD { color: #73A5FD !important; }

.c-ADB5BD { color: #ADB5BD !important; }

.c-AC78E9 { color: #AC78E9 !important; }

.c-0083BF { color: #0083BF !important; }

.c-gray70 { color: var(--gray-70, #868E96) !important; }

.c-4272D2 { color: #4272D2 !important; }

.is-topNew { width: 14px; height: 14px; display: inline-flex; background-image: url("/static/image/ico-topNew.png"); background-size: contain; background-repeat: no-repeat; }

.is-listNew { width: 16px; height: 16px; display: inline-flex; background-image: url("/static/image/ico-listNew.png"); background-size: contain; background-repeat: no-repeat; }

.color20BCB7 { color: #20BCB7 !important; }

.icon { display: inline-flex; }

.icon.icon-label { min-width: 48px; width: max-content; height: 20px; padding: 0 6px; border-radius: 50px 70px 0px 50px; background: #EC7167; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); display: flex; justify-content: center; align-items: center; color: #FFF; font-family: Pretendard; font-size: 11px; font-style: normal; font-weight: 500; line-height: 150%; }

.icon.icon-label.is-secondary { background-color: #A6ABBD; }

/* Tablet */
@media (min-width: 720px) and (max-width: 1279px) { .my-cloud-area .sideMenu__wrap { position: relative !important; top: auto !important; }
  .my-cloud-area .content-area { position: relative !important; top: auto !important; }
  .my-cloud-area .content-area .content-sticky-wrap { position: relative !important; top: auto !important; margin-top: auto !important; padding-top: 0 !important; } }

.zbLoading { display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }

.zbLoading img { animation: rotate 1s linear infinite; }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.zbLoading.fixed { position: fixed; }

.zbLoading.absolute { position: absolute; }

.zbLoading.dark { background: rgba(0, 0, 0, 0.4); }

.popup.is-toast { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; }

.popup.is-toast.active { display: flex; }

.popup.is-toast .popup__content { display: flex; padding: 33px 14px 32px 32px; color: #212529; text-align: center; font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size: 22px; font-weight: 400; line-height: 24px; background-color: #fff; border-radius: 8px; border: 1px solid #CED0DA; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.15); }

.popup.is-toast .popup__content .popup__alert { padding-left: 34px; background-repeat: no-repeat; background-position: 0 50%; 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 clip-path='url(%23clip0_7093_4702)'%3E%3Cpath d='M10.44 7.2C10.44 6.336 11.136 5.64 12 5.64C12.864 5.64 13.56 6.336 13.56 7.2C13.56 8.064 12.864 8.76 12 8.76C11.136 8.76 10.44 8.064 10.44 7.2ZM0 12C0 5.388 5.388 0 12 0C18.612 0 24 5.388 24 12C24 18.612 18.612 24 12 24C5.388 24 0 18.612 0 12ZM2.4 12C2.4 17.292 6.708 21.6 12 21.6C17.292 21.6 21.6 17.292 21.6 12C21.6 6.708 17.292 2.4 12 2.4C6.708 2.4 2.4 6.708 2.4 12ZM10.8 18H13.2V10.8H10.8V18Z' fill='%231CBCB7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7093_4702'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }

.popup.is-toast .popup__content .popup__close { display: inline-block; width: 24px; height: 24px; margin-left: 67px; background-repeat: no-repeat; background-position: 50% 50%; 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='M5.41424 4.33575L4.33499 5.415L10.9222 12L4.33499 18.5857L5.41499 19.665L12 13.0777L18.5857 19.6642L19.6642 18.5857L13.0777 12L19.6642 5.41425L18.585 4.335L12 10.9222L5.41424 4.33575Z' fill='black'/%3E%3C/svg%3E"); }

.ui-layer-renewal-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; /* 족보클라우드 그랜드 오픈 안내 */ /* 문제지 다운로드 */ /* 문제지 배포  */ /* 문제지 담을 학원 선택 및 학교 정보 재설정 */ /* 학습 리포트 생성 레이어팝업 */ /* 무료 열람 */ }

.ui-layer-renewal-popup * { box-sizing: border-box; }

.ui-layer-renewal-popup:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }

.ui-layer-renewal-popup.active { display: block; }

.ui-layer-renewal-popup .layer-popup-content { width: 900px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #CED0DA; border-radius: 8px; filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5)); padding: 48px; }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .header { height: 48px; background: none; }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .header .btn-close { width: 24px; height: 24px; right: 8px; margin-top: -12px; 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%3Cg clip-path='url(%23clip0_214_81)'%3E%3Crect x='6.07117' y='4.65685' width='18' height='2' rx='1' transform='rotate(45 6.07117 4.65685)' fill='%23333333'/%3E%3Crect x='4.65698' y='17.3848' width='18' height='2' rx='1' transform='rotate(-45 4.65698 17.3848)' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_214_81'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .body { padding: 0 24px 24px; }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .footer { padding: 5px 16px 5px 12px; background-color: #323232; }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .footer .btn-close { font-weight: 500; font-size: 12px; line-height: 14px; color: var(--white-100); }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .footer .ui-form-check[type=checkbox] { width: 24px; height: 24px; border: none; 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='7.5' stroke='white'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .footer .ui-form-check[type=checkbox]:checked { 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='7.5' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12.364L9.12132 14.4853L10.182 15.5459L11.2426 14.4853L16.5459 9.18198L15.4853 8.12132L10.182 13.4246L8.06066 11.3033L7 12.364Z' fill='white'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup .layer-popup-content.bottom-main .footer .ui-form-check-inline label { color: var(--white-100); }

.ui-layer-renewal-popup .layer-popup-content > .btn-close { display: block; width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L22 22M22 1L1 22' stroke='%234E4949' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 20px; right: 20px; text-indent: -9999px; overflow: hidden; }

.ui-layer-renewal-popup .layer-popup-content > .btn-close.bg-black { background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L22 22M22 1L1 22' stroke='%23ffffff' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup .header { position: relative; padding: 10px 0; border-bottom: 2px solid #20BCB7; margin-bottom: 40px; }

.ui-layer-renewal-popup .header h1 { font-weight: 500; font-size: 22px; line-height: 30px; color: var(--grey-100); }

.ui-layer-renewal-popup .header p { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-100); margin-top: 8px; }

.ui-layer-renewal-popup .body { overflow: hidden; overflow-y: auto; }

.ui-layer-renewal-popup .footer { margin-top: 48px; display: flex; align-items: center; justify-content: center; }

.ui-layer-renewal-popup .footer.mt30 { margin-top: 30px; }

.ui-layer-renewal-popup .footer a + a, .ui-layer-renewal-popup .footer a + button, .ui-layer-renewal-popup .footer button + a, .ui-layer-renewal-popup .footer button + button { margin-left: 10px; }

.ui-layer-renewal-popup .footer .ui-btn { font-size: 16px; border-radius: 4px; min-width: 180px !important; }

.ui-layer-renewal-popup table { table-layout: fixed; border-collapse: collapse; width: 100%; }

.ui-layer-renewal-popup table.ui-layer-popup-table .tac { text-align: center; }

.ui-layer-renewal-popup table.ui-layer-popup-table .tal { text-align: left; }

.ui-layer-renewal-popup table.ui-layer-popup-table .tar { text-align: right; }

.ui-layer-renewal-popup table.ui-layer-popup-table th, .ui-layer-renewal-popup table.ui-layer-popup-table td { border-bottom: 1px solid #CED0DA; }

.ui-layer-renewal-popup table.ui-layer-popup-table th { height: 44px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-80); text-align: center; border-top: 1px solid #CED0DA; background-color: #f4f6f9; }

.ui-layer-renewal-popup table.ui-layer-popup-table td { height: 54px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--black); text-align: center; padding: 12px 0; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 { border-top: 1px solid #CED0DA; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 .tac { text-align: center; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 .tal { text-align: left; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 .tar { text-align: right; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 th, .ui-layer-renewal-popup table.ui-layer-popup-table2 td { border-bottom: 1px solid #CED0DA; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 th { height: 60px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-80); text-align: center; background-color: #f4f6f9; }

.ui-layer-renewal-popup table.ui-layer-popup-table2 td { padding: 0 10px 0 10px; height: 60px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--black); text-align: center; }

.ui-layer-renewal-popup table .gray70-line th, .ui-layer-renewal-popup table .gray70-line td { color: var(--gray-70, #868E96) !important; }

.ui-layer-renewal-popup .ui-notoday { display: flex; justify-content: space-between; align-items: center; }

.ui-layer-renewal-popup .pagination { font-size: 0; text-align: center; display: block; }

.ui-layer-renewal-popup .pagination button, .ui-layer-renewal-popup .pagination a { display: inline-block; border: 1px solid #9c9c9c; height: 24px; padding: 0 8px; vertical-align: top; margin: 0 5px; line-height: 22px; font-size: 13px; color: #000; }

.ui-layer-renewal-popup .pagination button:hover, .ui-layer-renewal-popup .pagination button.active, .ui-layer-renewal-popup .pagination a:hover, .ui-layer-renewal-popup .pagination a.active { background-color: #3f3f3f; border-color: #3f3f3f; color: #fff; font-weight: 700; }

.ui-layer-renewal-popup .keypoint-box { margin-bottom: 40px; display: flex; width: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #F4F6F9; }

.ui-layer-renewal-popup .keypoint-box * { box-sizing: border-box; }

.ui-layer-renewal-popup .keypoint-box.topgab16 ul li + li { margin-top: 16px; }

.ui-layer-renewal-popup .keypoint-box .remain-mumber p { color: var(--Gray-80, #495057); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; align-items: center; }

.ui-layer-renewal-popup .keypoint-box .remain-mumber p span.remain-mumber-gab { display: flex; align-items: center; }

.ui-layer-renewal-popup .keypoint-box .remain-mumber p span.remain-mumber-gab:first-child:before { display: none; }

.ui-layer-renewal-popup .keypoint-box .remain-mumber p span.remain-mumber-gab:before { content: ""; display: block; width: 1px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='1' height='10' viewBox='0 0 1 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' x2='0.5' y2='10' stroke='%23495057'/%3E%3C/svg%3E%0A"); margin: 0 8px 0 8px; }

.ui-layer-renewal-popup .keypoint-box .keypoint-ttl { margin-bottom: 4px; font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .keypoint-box .keypoint-desc { color: var(--Gray-80, #495057); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .keypoint-box .keypoint-list li { font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .keypoint-box .keypoint-txt-area .ttl { color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .keypoint-box .keypoint-txt-area .desc { color: var(--Gray-80, #495057); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .pop-list-ttl { margin-bottom: 10px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup .sub-ttl { font-size: 16px; color: var(--gray-90, #343A40); font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup .clinic_from { margin-top: 30px; }

.ui-layer-renewal-popup .clinic_from.clinic_renewal_from dl { display: table; }

.ui-layer-renewal-popup .clinic_from.clinic_renewal_from dl dt { display: table-cell; vertical-align: top; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; float: none; }

.ui-layer-renewal-popup .clinic_from.clinic_renewal_from dl dd { width: auto; display: table-cell; vertical-align: top; float: none; }

.ui-layer-renewal-popup .clinic_from.w160 dl dt { width: 160px; }

.ui-layer-renewal-popup .clinic_from dl { padding-top: 16px; }

.ui-layer-renewal-popup .clinic_from dl:first-child { padding-top: 0; }

.ui-layer-renewal-popup .clinic_from dl dt { width: 180px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd .descriptioion { font-size: 14px; color: #0083BF; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap { font-size: 0; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap * { box-sizing: border-box; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap.w160 label span { min-width: 160px; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap.radio_renewal_wrap { margin-top: -16px; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap.radio_renewal_wrap.w160 span { min-width: 160px; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap.radio_renewal_wrap span { display: flex; min-width: 120px; height: 40px; padding: 0 10px 0 10px; justify-content: center; align-items: center; box-sizing: border-box; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap label { margin: 16px 8px 0 0; }

.ui-layer-renewal-popup .clinic_from dl dd .radio_wrap label span { min-width: 80px; }

.ui-layer-renewal-popup .clinic_from dl dd input[type=text] { font-size: 15px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd input[type=text]::placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd input[type=text]::-ms-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd input[type=text]::-webkit-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup .clinic_from dl dd input[type=text]::-moz-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup-confirm .layer-popup-content { width: 600px; }

.ui-layer-renewal-popup-confirm .layer-popup-content .body p { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: var(--grey-100); }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content { width: 540px; padding: 40px; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content > .btn-close { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L15 15' stroke='%23343A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5L5 15' stroke='%23343A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .header { padding: 0; margin-bottom: 20px; border: none; text-align: center; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .header span { color: var(--Main-100, #20BCB7); }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .header h1 { letter-spacing: -1px; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .body { overflow: visible !important; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .body .txt { color: var(--Gray-100, #212529); text-align: center; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .body .txt.is-center { text-align: center; }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .body .txt span { color: var(--Main-100, #20BCB7); }

.ui-layer-renewal-popup-confirm.noborder .layer-popup-content .footer button + button { margin-left: 16px; }

.ui-layer-renewal-popup .new_wrap { padding-top: 0; }

.ui-layer-renewal-popup .new_wrap:first-child { padding-top: 0; }

.ui-layer-renewal-popup .new_wrap + .new_wrap { padding-top: 25px; }

.ui-layer-renewal-popup .new_wrap .new_form { padding-top: 0; }

.ui-layer-renewal-popup .new_wrap .new_form + .new_form { padding-top: 20px; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl { display: table; table-layout: fixed; *zoom: 1; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl:after { content: ""; display: block; clear: both; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl dt { display: table-cell; vertical-align: top; padding-right: 40px; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl dd { display: table-cell; vertical-align: top; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl dd select.ui-form-select { width: 300px; margin-left: 0; }

.ui-layer-renewal-popup .new_wrap .new_form .new_form-dl dd .option_group .datepicker { width: 300px; font-weight: 400; text-indent: 8px; background: url(/static/image/icon_calander.png) no-repeat center right 8px; }

.ui-layer-renewal-popup .new_wrap .new_form .coustom_checkbox { padding-left: 0; }

.ui-layer-renewal-popup .new_wrap .content_search .search_select select { min-width: 140px; margin-right: 6px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #fff url(/static/image/icon_arrow_02.png) no-repeat center right 8px; height: 40px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup .new_wrap .title { margin-bottom: 20px; font-size: 18px; color: var(--black, #000); font-style: normal; font-weight: 500; line-height: 24px; }

.ui-layer-renewal-popup .top-info { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }

.ui-layer-renewal-popup .top-info .left .student-numb { font-size: 16px; color: #212529; font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup .top-info .left .student-numb span { color: #20BCB7; }

.ui-layer-renewal-popup .top-info .left .pop-list-ttl { margin-bottom: 0; }

.ui-layer-renewal-popup .top-info .right .type-info { display: flex; align-items: center; }

.ui-layer-renewal-popup .top-info .right .type-info span { padding-right: 6px; margin-left: 6px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; position: relative; cursor: pointer; }

.ui-layer-renewal-popup .top-info .right .type-info span:first-child { margin-left: 0; }

.ui-layer-renewal-popup .top-info .right .type-info span:first-child:before { display: none; }

.ui-layer-renewal-popup .top-info .right .type-info span:before { content: ""; display: block; width: 1px; height: 11px; position: absolute; top: 6px; left: -6px; background: var(--gray-50, #CED4DA); }

.ui-layer-renewal-popup .top-info .right .type-info span.active { color: var(--main-100); }

.ui-layer-renewal-popup .top-info .right .pop-right-txt { font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ letter-spacing: -0.049px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content { width: 600px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-mgs { margin-bottom: 20px; font-size: 16px; color: var(--gray-100, #212529); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-inputdiv .ui-form-text { width: 100%; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .contents-list > li { padding: 40px 0 30px 0; border-top: 1px solid var(--stroke, #CED0DA); }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .contents-list > li:first-child { padding-top: 0; border-top: 0; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .contents-list > li:last-child { padding-bottom: 0; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .contents-list .join-info-text { margin-bottom: 0; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .contents-list .contents-list-subttl { margin-bottom: 20px; font-size: 14px; color: #0034EE; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .join-info-text { margin-bottom: 20px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .join-info-text.mt20 { margin-top: 20px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .join-info-text li { padding-left: 10px; position: relative; font-size: 14px; color: var(--gray-100, #212529); font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .join-info-text li:before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 10px; left: 0; background-color: #495057; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .join-info-text li .deco-line { border-bottom: 1px solid #212529; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-search { min-height: 30px; margin-top: 20px; position: relative; *zoom: 1; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-search:after { content: ""; display: block; clear: both; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-search span { position: absolute; left: 0; top: 0; font-size: 14px; color: #0034EE; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-search span.err-msg { color: var(--red, #FF4545); }

.ui-layer-renewal-popup.new-cloudroom-popup .layer-popup-content .new-cloudroom-search .ui-btn-table { min-width: 80px; float: right; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .header { margin-bottom: 16px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .topinfo { margin-bottom: 20px; color: #000; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__title { margin-bottom: 4px; color: #212529; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox { width: 100%; height: 50px; display: flex; align-items: center; border-radius: 8px; border: 1px solid #BDEBEA; background-color: #E9F9F8; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox .item__numberBox { width: 50%; height: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox .item__numberBox.item__numberBox { border-left: 1px solid #BDEBEA; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox .item__numberBox span.item__text { color: var(--Gray-80, #495057); text-align: center; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox .item__numberBox span.item__number { color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__numberBox .item__numberBox span strong { color: #20BCB7; font-weight: 700; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject { margin-top: 20px; display: flex; justify-content: space-between; width: 100%; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject { display: flex; flex-direction: column; width: calc(50% - 8px); }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__header { height: 39px; border-radius: 8px 8px 0px 0px; border: 1px solid var(--Gray-40, #DEE2E6); background: var(--Gray-10, #F8F9FA); }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__header .header__title { height: 100%; display: flex; align-items: center; justify-content: center; color: var(--Gray-80, #495057); text-align: center; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__body { border-radius: 0px 0px 8px 8px; border-right: 1px solid var(--Gray-40, #DEE2E6); border-bottom: 1px solid var(--Gray-40, #DEE2E6); border-left: 1px solid var(--Gray-40, #DEE2E6); background: #FFF; display: flex; align-items: center; justify-content: center; min-height: 44px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__body span.body__text { display: flex; align-items: center; justify-content: center; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__body span.body__text strong { font-weight: 700; }

.ui-layer-renewal-popup.new-cloudroom-popup2.has-renewal .layer-popup-content .settlementSituation .settlementSituation__subject .item__subject .item__body span.is-bar { width: 1px; height: 16px; margin: 0 10px; background-color: #D9D9D9; }

.ui-layer-renewal-popup.new-cloudroom-popup2 .ui-layer-popup-table { border-bottom: 1px solid #CED0DA; }

.ui-layer-renewal-popup.new-cloudroom-popup2 .ui-layer-popup-table .no-data-box { padding: 38px 0 38px 0; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .ui-form-check-inline { margin-bottom: 24px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .ui-form-check-inline label span { margin-left: 8px; color: var(--gray-70, #868E96); }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box { display: flex; padding: 16px 30px; margin-bottom: 24px; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--stroke, #CED0DA); border-bottom: 1px solid var(--stroke, #CED0DA); background: var(--gray-20, #F1F3F5); }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box * { box-sizing: border-box; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .private-box-ttl { margin: 16px 0 16px; font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .private-box-ttl:first-child { margin-top: 0; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .private-box-list li { padding-left: 10px; position: relative; font-size: 14px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 18px; word-spacing: -1px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .private-box-list li:before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 8px; left: 0; background-color: #868E96; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .private-box-desc { font-size: 14px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 18px; word-spacing: -1px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .require-offer-wrap .title { margin-bottom: 16px; font-size: 14px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 18px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .require-offer-wrap .require-offer-list { display: flex; align-items: center; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .require-offer-wrap .ui-form-check-inline { margin-bottom: 8px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .require-offer-wrap .ui-form-check-inline + .ui-form-check-inline { margin-left: 36px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-div-box .require-offer-wrap .ui-form-check-inline label { flex: calc(100% - 26px) 0 0; color: var(--gray-70, #868E96); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 8px; }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .private-wrap .private-bot-comment { font-weight: 400; color: var(--gray-70, #868E96); }

.ui-layer-renewal-popup.new-cloudroom-private-popup .layer-popup-content .footer .ui-btn { border-radius: 4px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item { margin-bottom: 10px; display: flex; justify-content: space-between; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .txt { width: 107px; font-size: 16px; color: #212529; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .txt sup { position: relative; top: 3px; color: red; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .ui-form-text { width: 540px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .ui-btn-minus { width: 26px; height: 26px; margin-top: 5px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' fill='%23F8F9FA' stroke='%23ADB5BD'/%3E%3Crect x='7' y='12' width='12' height='2' fill='%23868E96'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .ico-bookmart { margin-top: 5px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .cloudroom-create-item .bookmark-check { margin-top: 5px; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .add-create-box { margin-top: 30px; display: flex; align-items: center; justify-content: center; position: relative; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .add-create-box:before { content: ""; display: block; width: 100%; height: 1px; margin: 0 0 0 0; position: absolute; top: 50%; left: 0; border-bottom: 1px dashed #20BCB7; }

.ui-layer-renewal-popup.cloudroom-create-popup .layer-popup-content .cloudroom-create-box .add-create-box .ui-btn-plus { width: 36px; height: 36px; margin: 0 auto; border: none; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='17.5' fill='%23F8F9FA' stroke='%2390DEDB'/%3E%3Crect x='12' y='17' width='12' height='2' fill='%2390DEDB'/%3E%3Crect x='19' y='12' width='12' height='2' transform='rotate(90 19 12)' fill='%2390DEDB'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: relative; z-index: 9; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content { width: 900px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .change-topinfo { margin-bottom: 24px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .change-topinfo .txt { padding: 0 16px 0 16px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .change-topinfo .txt.first { padding-left: 0; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box { min-height: 336px; max-height: 336px; background: #FFF; overflow-y: auto; overflow-x: hidden; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box::-webkit-scrollbar { width: 7px; position: relative; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box.tpye2 { min-height: auto; max-height: 100%; border-bottom: 1px solid var(--stroke, #CED0DA); }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box.tpye2 .no-data { height: auto; padding: 36px 0 36px 0; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box.tab-cloud-change-box { border-bottom: 1px solid var(--stroke, #CED0DA); }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box .no-data { width: 100%; height: 336px; display: flex; padding: 36px 24px; flex-direction: column; justify-content: center; align-items: center; gap: 24px; flex-shrink: 0; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .tab-cloud-box .no-data .txt { font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .top-change-select .studentadd-list { border-bottom: 1px solid var(--stroke, #CED0DA); background: var(--gray-30, #E9ECEF); }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .top-change-select .studentadd-list input { background-color: #fff; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .studentadd-list { width: 100%; padding: 12px 24px 12px 24px; border-bottom: 1px solid var(--stroke, #CED0DA); display: flex; align-items: center; justify-content: space-between; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .studentadd-list .studentadd-list-txt { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .list-add-box { margin: 36px 0 36px 0; display: flex; align-items: center; justify-content: center; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area { padding-top: 10px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--stroke, #CED0DA); }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text { font-size: 14px; color: var(--gray-80, #495057); font-weight: 400; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text:hover { color: var(--main-100); text-decoration: none; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text:active, .ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text.active { color: var(--main-100); }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text:disabled, .ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .menu-select-area .ui-btn-text.disabled { color: var(--grey-60); pointer-events: none; }

.ui-layer-renewal-popup.cloudroom-studentadd-popup .layer-popup-content .cloudroom-studentadd-box .ui-btn.ui-btn-line.btn-registration { width: 160px; height: 44px; border-radius: 4px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content { width: 900px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe.bot-bottom-line { padding-bottom: 16px; border-bottom: 1px solid var(--gray-40, #DEE2E6); }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list { display: flex; align-items: center; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list + .all-registe-list { padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--gray-40, #DEE2E6); }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-info { margin-right: 20px; display: flex; width: 200px; padding: 16px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; align-self: stretch; border-radius: 8px; background: #FADF83; font-weight: 500; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-info.main { background: var(--main-100, #20BCB7); color: #FFF; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-info-txt { font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .upliad-info { color: var(--red, #FF4545); }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step { display: flex; align-items: center; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step > div { display: flex; width: 170px; height: 60px; padding: 16px 8px 16px 8px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 2px solid #FADF83; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step > div + div { margin-left: 16px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step > div.step2 { width: 200px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step > div .ttl { font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-step > div .desc { font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style { margin-right: 20px; display: flex; width: 200px; padding: 16px; justify-content: center; align-items: center; gap: 20px; flex-shrink: 0; align-self: stretch; border-radius: 8px; border: 2px solid var(--main-100, #20BCB7); background: var(--main-10, #E9F9F8); }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style:before { content: ""; display: block; width: 24px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 0 24 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4505 30H0.549451C0.247253 30 0 29.7637 0 29.4749V0.525118C0 0.236303 0.247253 0 0.549451 0H16.3407C16.489 0 16.6264 0.057763 16.7308 0.152284L23.8407 6.94731C23.9451 7.04708 24 7.17836 24 7.32015V29.4696C24 29.7584 23.7527 29.9947 23.4505 29.9947V30ZM1.0989 28.9498H22.9011V7.5407L16.1154 1.05024H1.0989V28.9498Z' fill='%23343A40'/%3E%3Cpath d='M23.4504 7.84527H16.3405C16.0383 7.84527 15.791 7.60896 15.791 7.32015V0.525118C15.791 0.236303 16.0383 0 16.3405 0C16.6427 0 16.8899 0.236303 16.8899 0.525118V6.79503H23.4504C23.7526 6.79503 23.9998 7.03133 23.9998 7.32015C23.9998 7.60896 23.7526 7.84527 23.4504 7.84527Z' fill='%23343A40'/%3E%3Cpath d='M18.4495 21.495C18.8494 21.4949 19.1738 21.8306 19.1738 22.2448C19.1738 22.659 18.8498 22.9949 18.4499 22.995L5.89818 22.9988C5.49824 22.9989 5.17383 22.6632 5.17383 22.249C5.17383 21.8348 5.49783 21.4989 5.89775 21.4988L18.4495 21.495ZM12.0755 7.00685L12.1738 7C12.5404 7 12.8434 7.28215 12.8914 7.64823L12.898 7.75L12.897 17.435L16.4905 13.7146C16.7476 13.4484 17.1499 13.4242 17.4334 13.6421L17.5146 13.7147C17.7716 13.981 17.795 14.3977 17.5846 14.6913L17.5145 14.7754L12.6891 19.772C12.4322 20.0381 12.0302 20.0624 11.7467 19.8448L11.6655 19.7723L6.83455 14.7757C6.55156 14.483 6.55124 14.0081 6.83385 13.715C7.09076 13.4486 7.49304 13.4241 7.77667 13.6418L7.85794 13.7143L11.4487 17.428L11.4497 7.75C11.4497 7.3703 11.7222 7.05651 12.0755 7.00685Z' fill='%23343A40'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style.type2 { height: 60px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style.excel-pload { font-size: 0; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style.excel-pload:before { content: ""; display: block; width: 24px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 0 24 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4505 30H0.549451C0.247253 30 0 29.7637 0 29.4749V0.525118C0 0.236303 0.247253 0 0.549451 0H16.3407C16.489 0 16.6264 0.057763 16.7308 0.152284L23.8407 6.94731C23.9451 7.04708 24 7.17836 24 7.32015V29.4696C24 29.7584 23.7527 29.9947 23.4505 29.9947V30ZM1.0989 28.9498H22.9011V7.5407L16.1154 1.05024H1.0989V28.9498Z' fill='%23343A40'/%3E%3Cpath d='M23.4504 7.84527H16.3405C16.0383 7.84527 15.791 7.60896 15.791 7.32015V0.525118C15.791 0.236303 16.0383 0 16.3405 0C16.6427 0 16.8899 0.236303 16.8899 0.525118V6.79503H23.4504C23.7526 6.79503 23.9998 7.03133 23.9998 7.32015C23.9998 7.60896 23.7526 7.84527 23.4504 7.84527Z' fill='%23343A40'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2722 22.9916L12.1739 22.9985C11.8073 22.9985 11.5043 22.7163 11.4563 22.3503L11.4497 22.2485L11.4507 12.5635L7.85724 16.2839C7.60013 16.5501 7.1978 16.5743 6.91432 16.3564L6.83312 16.2838C6.5761 16.0175 6.55273 15.6008 6.76312 15.3072L6.83322 15.2231L11.6586 10.2265C11.9155 9.96035 12.3175 9.93605 12.601 10.1537L12.6822 10.2262L17.5132 15.2228C17.7961 15.5155 17.7965 15.9904 17.5139 16.2835C17.257 16.5499 16.8547 16.5744 16.571 16.3567L16.4898 16.2842L12.899 12.5705L12.898 22.2485C12.898 22.6282 12.6255 22.942 12.2722 22.9916Z' fill='%23343A40'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style.excel-pload input { display: none; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .ancher-style.excel-pload span { font-size: 16px; font-family: Noto Sans KR; color: var(--gray-100, #212529); font-weight: 500; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-info-list-text li { padding-left: 10px; position: relative; font-size: 14px; color: #495057; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .all-registe-info-list-text li:before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 10px; left: 0; background-color: #495057; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .all-registe-list .guide-golink-style { display: inline-flex; height: 24px; padding: 0px 8px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 4px; border: 1px solid var(--gray-60, #ADB5BD); background: var(--gray-20, #F1F3F5); font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 20px; }

.ui-layer-renewal-popup.cloudroom-all-register-popup .layer-popup-content .all-registe .c_008682 { color: #008682; }

.ui-layer-renewal-popup.cloudroom-student-inform-popup .layer-popup-content { width: 600px; }

.ui-layer-renewal-popup.cloudroom-student-inform-popup .layer-popup-content .header { margin-bottom: 10px; border: 0; text-align: center; }

.ui-layer-renewal-popup.cloudroom-student-inform-popup .layer-popup-content .body { color: #212529; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .reason-info-top { margin-bottom: 40px; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box { padding: 10px 4px 10px 10px; border: 1px solid var(--stroke, #CED0DA); }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box textarea { overflow-y: auto; overflow-x: hidden; width: 100%; height: 199px; border: none; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box textarea::-webkit-scrollbar { width: 7px; position: relative; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box textarea::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box textarea::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.cloudroom-reason-popup .layer-popup-content .cloudroom-reason-box textarea::placeholder { color: var(--gray-60, #ADB5BD); }

.ui-layer-renewal-popup.guide-popup .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.guide-popup .layer-popup-content .guide-info-box { display: flex; width: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #F4F6F9; }

.ui-layer-renewal-popup.guide-popup .layer-popup-content .guide-info-box p { font-size: 14px; color: #212529; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.guide-popup .layer-popup-content .guide-info-box p.top-txt { margin-bottom: 15px; }

.ui-layer-renewal-popup.guide-popup .layer-popup-content .guide-info-box p span { color: var(--main-100); }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap + .list-table-wrap { margin-top: 30px; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .list-scroll-box { max-height: 317px; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .list-scroll-box.maxh555 { max-height: 555px; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .add-list { padding: 44px 0 44px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .add-list .txt { margin-bottom: 20px; font-size: 16px; color: #495057; text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .add-list .btn-area { margin: 0 auto; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .add-list .btn-area .ui-btn { width: auto; padding: 0 24px 0 24px; min-width: auto; }

.ui-layer-renewal-popup.settlement-registration .layer-popup-content .list-table-wrap .bot-txt { padding-top: 10px; border-top: 1px solid #CED0DA; }

.ui-layer-renewal-popup.overdue_popup .layer-popup-content { width: 600px; }

.ui-layer-renewal-popup.overdue_popup .layer-popup-content .overdue-info-box { display: flex; width: 100%; padding: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #F4F6F9; }

.ui-layer-renewal-popup.overdue_popup .layer-popup-content .overdue-info-box .overdue-info-list li { font-size: 14px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.025em; }

.ui-layer-renewal-popup.overdue_popup .layer-popup-content .overdue-info-box .overdue-info-list li + li { margin-top: 10px; }

.ui-layer-renewal-popup.overdue_popup .layer-popup-content .overdue-info-box .overdue-bot-txt { margin-top: 10px; font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.025em; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .sub-ttl { margin-bottom: 40px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .book-search-select { width: 120px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .book-search-select.type_02 { width: 360px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list { padding-top: 30px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul { overflow-y: auto; overflow-x: hidden; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul::-webkit-scrollbar { width: 7px; position: relative; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul li { padding: 10px 8px; font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.book-management-popup .layer-popup-content .book-management-list .set_list ul li .coustom_checkbox i { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; }

.ui-layer-renewal-popup.textbook-problems-popup-wrap .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.textbook-problems-popup-wrap .layer-popup-content .clinic_content { width: 704px; padding-top: 0; }

.ui-layer-renewal-popup.textbook-problems-popup-wrap .layer-popup-content .clinic_content .pop_sub_title_name { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.ui-layer-renewal-popup.textbook-problems-popup-wrap .layer-popup-content .clinic_content .pop_sub_title { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content { width: 405px; padding: 0; border: none; border-radius: 0; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .header { padding: 50px 0 0 0; margin-bottom: 26px; text-align: center; border-bottom: none; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .header h1 { font-size: 22px; color: #000; text-align: center; font-style: normal; font-weight: 700; line-height: normal; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .header h1 span { color: #008682; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body { padding: 0 24px 24px 24px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .top-info-txt { font-size: 16px; color: #000; text-align: center; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.16px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .top-info-txt + .top-info-txt { margin-top: 20px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .top-info-txt .under-line { border-bottom: 1px solid #000; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .bot-info-txt { margin-top: 16px; font-size: 16px; color: #000; text-align: center; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.16px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .openpop-box { display: flex; width: 100%; padding: 24px 16px; margin-top: 16px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: var(--main-10, #E9F9F8); }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .openpop-box dl { width: 100%; margin-top: 16px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .openpop-box dl:first-child { margin-top: 0; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .openpop-box dl dt { padding: 4px; display: flex; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; background: var(--main-50, #90DEDB); font-size: 16px; color: #000; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.16px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .body .openpop-box dl dd { margin-top: 6px; font-size: 15px; color: var(--gray-90, #343A40); text-align: center; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.15px; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .footer { padding: 5px 16px 5px 12px; margin-top: 0; display: block; background-color: #323232; text-align: left; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .footer .ui-form-check[type=checkbox] { width: 24px; height: 24px; border: none; 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='7.5' stroke='white'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.open-popup .layer-popup-content .footer .ui-form-check[type=checkbox]:checked { 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='7.5' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12.364L9.12132 14.4853L10.182 15.5459L11.2426 14.4853L16.5459 9.18198L15.4853 8.12132L10.182 13.4246L8.06066 11.3033L7 12.364Z' fill='white'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.open-popup .layer-popup-content .footer .ui-form-check-inline label { font-size: 12px; color: #FFF; font-family: Apple SD Gothic Neo; font-style: normal; font-weight: 500; line-height: normal; }

.ui-layer-renewal-popup.open-popup .layer-popup-content .footer .btn-close { font-size: 12px; color: #FFF; font-family: Apple SD Gothic Neo; font-style: normal; font-weight: 500; line-height: normal; }

.ui-layer-renewal-popup.open-popup .layer-popup-content > .btn-close { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1065_5907)'%3E%3Crect x='6.07117' y='4.65625' width='18' height='2' rx='1' transform='rotate(45 6.07117 4.65625)' fill='%23333333'/%3E%3Crect x='4.65695' y='17.3867' width='18' height='2' rx='1' transform='rotate(-45 4.65695 17.3867)' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1065_5907'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); position: absolute; top: 8px; right: 8px; z-index: 10; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li + li { margin-top: 40px; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .ttl { margin-bottom: 20px; font-size: 18px; color: var(--black, #000); font-style: normal; font-weight: 500; line-height: 24px; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .down-set { display: flex; align-items: center; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .down-set .ui-form-check-inline + .ui-form-check-inline { margin-left: 40px; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_downprint { position: relative; border: 1px solid #CED0DA; border-right: 0; border-left: 0; background: #F4F6F9; text-align: center; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_downprint a.open { min-height: 42px; display: block; padding: 0px 16px; font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 40px; text-align: left; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_downprint a.open.on:before { content: ''; position: absolute; top: 10px; right: 13px; width: 20px; height: 20px; background: url(/static/image/icon_tree_close.png) no-repeat 0 0; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_downprint a.open:before { content: ''; position: absolute; top: 10px; right: 13px; width: 20px; height: 20px; background: url(/static/image/icon_tree_open.png) no-repeat 0 0; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_cont { padding: 24px 16px; text-align: left; border-bottom: 1px solid #CED0DA; }

.ui-layer-renewal-popup.paper-down-pop .layer-popup-content .paper-down-list li .info_cont p { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content { width: 1200px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .header .header-info { position: absolute; right: 0px; top: 10px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .header .header-info .header-info-cnt { display: flex; align-items: center; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .header .header-info .header-info-cnt span { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .header .header-info .header-info-cnt span + span { margin-left: 10px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .title { font-size: 18px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .list-scroll-box { max-height: 484px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line { margin-top: 24px; padding-top: 0; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line:first-child { margin-top: 0; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item { width: 340px; max-height: 230px; overflow-y: auto; overflow-x: hidden; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar { width: 7px; position: relative; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item + .class_item { margin-left: 37px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .class_name { padding: 8px 20px 10px 20px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .class_name > button { margin-top: 2px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .class_name .class_title { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .class_name .coustom_checkbox i { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p { padding: 10px 20px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p .coustom_checkbox { width: 100%; position: relative; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p .coustom_checkbox .sch_nm { position: absolute; right: 0; top: 0; font-size: 14px !important; color: var(--light-red, #DC948D); text-align: right; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.paper-distribution-pop .layer-popup-content .selected-students-number { width: 180px; height: 48px; margin-right: 16px; padding: 0 10px 0 10px; border-radius: 4px; border: 1px solid var(--gray-60, #ADB5BD); background: #FFF; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 46px; text-align: center; }

.ui-layer-renewal-popup.paper-make-pop .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.report-popup-wrap .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content { width: 460px; height: 338px; }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content .body { min-height: 150px; }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content .body .inform { color: #333; font-size: 17px; text-align: center; line-height: 140%; }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content .body .inform:not(:first-child) { margin-top: 16px; }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content .body .inform.has-icon { padding-top: 56px; background-position: 50% 0; background-repeat: no-repeat; background-size: 32px 32px; background-image: url(https://simgs.zocbo.com/images/popup/mark-alertpop.png); }

.ui-layer-renewal-popup.free-reading-popup .layer-popup-content .body .inform .inform-count { color: var(--main-100); font-weight: 700; }

.ui-layer-renewal-popup.option__popupClass * { box-sizing: border-box; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content { width: 900px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .header { margin-bottom: 16px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .body { overflow: visible; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option__popupTtl { margin-bottom: 20px; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #495057; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns { display: flex; align-items: center; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .setting_select { font-size: 0; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .setting_select .radio_lab { margin-right: 8px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .setting_select .radio_lab span { width: 80px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box { display: flex; align-items: center; margin-left: 60px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box .test_list { margin-bottom: 0; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box .test_list + .test_list { margin-left: 60px; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box .test_list .list_check .coustom_checkbox i { font-size: 16px; line-height: 20px; color: #000; }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box .test_list .list_check .tooltip_cont { top: calc(100% + 10px); }

.ui-layer-renewal-popup.option__popupClass .layer-popup-content .option__popupBox .option_contetns .test__box .test_list .list_check .tooltip_cont:after { top: -6px; border-top: none; border-bottom: 6px solid #fbdf83; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content { width: 800px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .header { margin-bottom: 16px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .topinfo { margin-bottom: 20px; color: #495057; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput { display: flex; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput .searchInput__txt { width: 70px; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput .searchInput__item input { width: 500px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput .searchInput__item .searchInput__validity { margin-top: 6px; color: #FF4545; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput .searchInput__item .new-teacher-exist { margin-top: 6px; color: #0034EE; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.teacherAddPopupClass .layer-popup-content .searchInput .searchInput__btn { width: 110px; min-width: 110px; margin-left: 4px; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .header { border-bottom: 2px solid #197EDF; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .similarCnt .top-info { margin-bottom: 20px; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .similarCnt .questionBox { background-color: #F0F8FE; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .similarCnt .questionBox .item__number .number__item .c-20BCB7 { color: #197EDF !important; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .footer .ui-btn { background-color: #197EDF; border: 1px solid #197EDF; }

.ui-layer-renewal-popup.similar-popup.has-zocbo .layer-popup-content .footer .ui-btn.disabled { background-color: #197EDF; border: 1px solid #197EDF; opacity: 0.3; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content { width: 600px; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .header { margin-bottom: 16px; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .top-info { color: #495057; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox { width: 504px; height: 126px; padding: 20px 0; border-radius: 10px; background-color: #E9F9F8; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__number { display: flex; align-items: center; justify-content: center; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__number .number__item { display: flex; align-items: center; justify-content: center; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__number .number__item.is-bar { width: 1px; height: 16px; margin: 0 10px; background-image: url("data:image/svg+xml,%3Csvg width='1' height='16' viewBox='0 0 1 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H1V16H0V0Z' fill='%23868E96'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__number .number__item strong { font-weight: 700; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__number .number__item .c-20BCB7 { color: #20BCB7 !important; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .questionBox .item__input { margin-top: 16px; display: flex; align-items: center; justify-content: center; }

.ui-layer-renewal-popup.similar-popup .layer-popup-content .similarCnt .validity__text { margin-top: 10px; color: #FF4545; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content { width: 700px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .body { overflow-y: hidden; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__title { color: #343A40; text-align: center; font-family: "Noto Sans KR"; font-size: 21px; font-style: normal; font-weight: 700; line-height: 24px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__desc { margin-top: 20px; color: #343A40; text-align: center; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__desc strong { font-weight: 700; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__desc strong.color-primary { color: #008682; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body { margin-top: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list { width: 400px; height: 44px; padding-left: 68px; display: flex; align-items: center; border-radius: 50px; background: linear-gradient(90deg, #E9F9E9 0%, #D4FAF7 100%); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list + .item__list { margin-top: 3px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .list__text { color: #008682; font-family: "Noto Sans KR"; font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon { margin-right: 15px; background-repeat: no-repeat; background-position: center; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon.is-logo { width: 32px; height: 29px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='29' viewBox='0 0 21 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9969 0.800049H1V21.6967H19.9969V0.800049Z' fill='white' stroke='%23008682'/%3E%3Cpath d='M4.23767 7.80576V4.36328H7.36721' fill='white'/%3E%3Cpath d='M4.23767 7.80576V4.36328H7.36721' stroke='%23008682'/%3E%3Cpath d='M7.37049 18.1351H4.23767V14.6926' fill='white'/%3E%3Cpath d='M7.37049 18.1351H4.23767V14.6926' stroke='%23008682'/%3E%3Cpath d='M16.7591 14.6926V18.1351H13.6296' fill='white'/%3E%3Cpath d='M16.7591 14.6926V18.1351H13.6296' stroke='%23008682'/%3E%3Cpath d='M13.6296 4.36328H16.7591V7.80576' fill='white'/%3E%3Cpath d='M13.6296 4.36328H16.7591V7.80576' stroke='%23008682'/%3E%3Cpath d='M10.5229 8.62305V9.91849V11.2139V12.5058V13.8012' fill='white'/%3E%3Cpath d='M10.5229 8.62305V9.91849V11.2139V12.5058V13.8012' stroke='%23008682'/%3E%3Cpath d='M8.1676 11.2137H9.34526H10.5229H11.6973H12.875' fill='white'/%3E%3Cpath d='M8.1676 11.2137H9.34526H10.5229H11.6973H12.875' stroke='%23008682'/%3E%3Cpath d='M10.5001 22.7784L6.15356 20.0179V25.5389L10.5001 28.2994V22.7784Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5001 17.2579L6.15356 20.0184L10.5001 22.7789L14.8467 20.0184L10.5001 17.2579Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8466 20.0179L10.5001 22.7784V28.2994L14.8466 25.5389V20.0179Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon.is-extract { width: 32px; height: 29px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='29' viewBox='0 0 23 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.71374 28.0518C2.2157 28.0518 1 26.7146 1 25.0667V4.24011C1 5.88795 2.2157 7.22521 3.71374 7.22521H21.996V28.0518H3.71374Z' fill='white' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.00391 4.23962V3.86432C1.00391 2.21648 2.21958 0.883545 3.71762 0.883545H22V7.22902H3.71762C2.21958 7.22902 1.00391 5.89177 1.00391 4.24393V4.23962Z' fill='%2390DEDB' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.46271 28.0505V7.46545' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3725 17.7599L11.0196 15.107L8.66663 17.7599V12.5317V7.30347H11.0196H13.3725V12.5317V17.7599Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon.is-exam { width: 32px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='22' viewBox='0 0 32 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2045 4.11609C24.1982 4.19782 24.1919 4.68192 24.1919 4.76365V17.7778C24.1919 19.7802 25.9806 21.4054 28.1873 21.4054H5.30258C3.09584 21.4054 1.30719 19.7833 1.30719 17.7778V4.76365C1.30719 4.68192 1.31347 4.60019 1.31976 4.5216L24.2045 4.11609Z' fill='%2390DEDB' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.18515 1.14221C8.19144 1.23652 8.19773 1.33082 8.19773 1.42513V17.1553C8.19773 19.5003 6.40907 21.4053 4.20233 21.4053H27.0871C29.2938 21.4053 31.0825 19.5035 31.0825 17.1553V1.42827C31.0825 1.33397 31.0762 1.23652 31.0699 1.14536H8.18515V1.14221Z' fill='white' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5716 4.73743H13.045V8.64481H17.5716V4.73743Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0676 5.54077H27.8007' stroke='%23008682'/%3E%3Cpath d='M20.0676 7.84412H27.8007' stroke='%23008682'/%3E%3Cpath d='M17.5716 10.9951H13.045V14.9025H17.5716V10.9951Z' fill='%23FFFA64' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0676 11.7957H27.8007' stroke='%23008682'/%3E%3Cpath d='M20.0676 14.0967H27.8007' stroke='%23008682'/%3E%3Cpath d='M12.5515 17.0979V19.3078' stroke='%23008682'/%3E%3Cpath d='M11.4482 18.2056H13.6549' stroke='%23008682'/%3E%3Cpath d='M14.6294 18.2056H24.0128' stroke='%23008682'/%3E%3Cpath d='M3.17755 8.03833H5.53518' stroke='%23008682'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon.is-service { width: 32px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.759 24.1356C22.759 25.2209 19.7103 26.0986 15.9485 26.0986C12.1868 26.0986 9.13806 25.2209 9.13806 24.1356C9.13806 23.0502 12.1868 22.1726 15.9485 22.1726C19.7103 22.1726 22.759 23.0502 22.759 24.1356Z' fill='%23B7E1F7'/%3E%3Cpath d='M22.6124 24.1361C22.6124 25.1961 19.6292 26.0567 15.9484 26.0567C12.2676 26.0567 9.28442 25.1961 9.28442 24.1361C9.28442 23.0762 12.2676 22.2156 15.9484 22.2156C19.6292 22.2156 22.6124 23.0762 22.6124 24.1361Z' fill='%23B6E0F6'/%3E%3Cpath d='M22.4661 24.1371C22.4661 25.1758 19.5484 26.0153 15.9447 26.0153C12.3409 26.0153 9.42328 25.1758 9.42328 24.1371C9.42328 23.0984 12.3409 22.2589 15.9447 22.2589C19.5484 22.2589 22.4661 23.0984 22.4661 24.1371Z' fill='%23B5E0F6'/%3E%3Cpath d='M22.3196 24.1377C22.3196 25.1509 19.4675 25.9734 15.9447 25.9734C12.4219 25.9734 9.56976 25.1509 9.56976 24.1377C9.56976 23.1244 12.4219 22.3019 15.9447 22.3019C19.4675 22.3019 22.3196 23.1244 22.3196 24.1377Z' fill='%23B4E0F6'/%3E%3Cpath d='M22.1731 24.1383C22.1731 25.1304 19.3865 25.9317 15.9447 25.9317C12.5028 25.9317 9.71619 25.1304 9.71619 24.1383C9.71619 23.1463 12.5028 22.345 15.9447 22.345C19.3865 22.345 22.1731 23.1463 22.1731 24.1383Z' fill='%23E9F9F8'/%3E%3Cpath d='M22.0266 24.1356C22.0266 25.1023 19.3055 25.8866 15.9446 25.8866C12.5837 25.8866 9.86261 25.1023 9.86261 24.1356C9.86261 23.169 12.5837 22.3846 15.9446 22.3846C19.3055 22.3846 22.0266 23.169 22.0266 24.1356Z' fill='%23E9F9F8'/%3E%3Cpath d='M21.8802 24.1362C21.8802 25.0817 19.2208 25.8448 15.9447 25.8448C12.6686 25.8448 10.0092 25.0817 10.0092 24.1362C10.0092 23.1908 12.6647 22.4276 15.9447 22.4276C19.2247 22.4276 21.8802 23.1908 21.8802 24.1362Z' fill='%23B2DFF6'/%3E%3Cpath d='M21.7338 24.1369C21.7338 25.0569 19.1399 25.8031 15.9447 25.8031C12.7496 25.8031 10.1556 25.0569 10.1556 24.1369C10.1556 23.2169 12.7457 22.4707 15.9447 22.4707C19.1438 22.4707 21.7338 23.2169 21.7338 24.1369Z' fill='%23B1DEF6'/%3E%3Cpath d='M21.5874 24.1377C21.5874 25.0365 19.059 25.7615 15.9447 25.7615C12.8305 25.7615 10.3021 25.0323 10.3021 24.1377C10.3021 23.2431 12.8267 22.5139 15.9447 22.5139C19.0628 22.5139 21.5874 23.2431 21.5874 24.1377Z' fill='%23B0DEF6'/%3E%3Cpath d='M21.4447 24.1384C21.4447 25.0118 18.9819 25.7198 15.9486 25.7198C12.9153 25.7198 10.4524 25.0118 10.4524 24.1384C10.4524 23.265 12.9114 22.557 15.9486 22.557C18.9857 22.557 21.4447 23.265 21.4447 24.1384Z' fill='%23AFDDF6'/%3E%3Cpath d='M21.2983 24.1357C21.2983 24.9879 18.9009 25.6747 15.9486 25.6747C12.9962 25.6747 10.5989 24.9836 10.5989 24.1357C10.5989 23.2877 12.9924 22.5967 15.9486 22.5967C18.9048 22.5967 21.2983 23.2877 21.2983 24.1357Z' fill='%23AEDDF5'/%3E%3Cpath d='M21.1517 24.1373C21.1517 24.964 18.8199 25.6382 15.9485 25.6382C13.0771 25.6382 10.7452 24.9683 10.7452 24.1373C10.7452 23.3063 13.0732 22.6365 15.9485 22.6365C18.8238 22.6365 21.1517 23.3063 21.1517 24.1373Z' fill='%23ADDDF5'/%3E%3Cpath d='M21.0053 24.1379C21.0053 24.9434 18.739 25.5963 15.9486 25.5963C13.1581 25.5963 10.8918 24.9434 10.8918 24.1379C10.8918 23.3324 13.1581 22.6794 15.9486 22.6794C18.739 22.6794 21.0053 23.3324 21.0053 24.1379Z' fill='%23ACDCF5'/%3E%3Cpath d='M20.8589 24.1386C20.8589 24.9187 18.6581 25.5546 15.9486 25.5546C13.239 25.5546 11.0383 24.9229 11.0383 24.1386C11.0383 23.3542 13.239 22.7225 15.9486 22.7225C18.6581 22.7225 20.8589 23.3542 20.8589 24.1386Z' fill='%23ABDCF5'/%3E%3Cpath d='M20.7124 24.1359C20.7124 24.8948 18.5772 25.5095 15.9447 25.5095C13.3123 25.5095 11.177 24.8948 11.177 24.1359C11.177 23.377 13.3123 22.7622 15.9447 22.7622C18.5772 22.7622 20.7124 23.377 20.7124 24.1359Z' fill='%23AADBF5'/%3E%3Cpath d='M20.5659 24.1364C20.5659 24.8699 18.4961 25.4677 15.9446 25.4677C13.3931 25.4677 11.3234 24.8741 11.3234 24.1364C11.3234 23.3987 13.3931 22.8052 15.9446 22.8052C18.4961 22.8052 20.5659 23.3987 20.5659 24.1364Z' fill='%23A9DBF5'/%3E%3Cpath d='M20.4195 24.1374C20.4195 24.8496 18.4153 25.4262 15.9447 25.4262C13.4741 25.4262 11.4699 24.8496 11.4699 24.1374C11.4699 23.4251 13.4741 22.8485 15.9447 22.8485C18.4153 22.8485 20.4195 23.4251 20.4195 24.1374Z' fill='%23A8DBF5'/%3E%3Cpath d='M20.273 24.1379C20.273 24.8248 18.3344 25.3844 15.9447 25.3844C13.5551 25.3844 11.6164 24.8248 11.6164 24.1379C11.6164 23.4511 13.5551 22.8915 15.9447 22.8915C18.3344 22.8915 20.273 23.4511 20.273 24.1379Z' fill='%23A8DAF5'/%3E%3Cpath d='M20.1266 24.1386C20.1266 24.8043 18.2534 25.3427 15.9447 25.3427C13.636 25.3427 11.7628 24.8043 11.7628 24.1386C11.7628 23.473 13.636 22.9346 15.9447 22.9346C18.2534 22.9346 20.1266 23.473 20.1266 24.1386Z' fill='%23A7DAF5'/%3E%3Cpath d='M19.9802 24.1359C19.9802 24.7761 18.1725 25.2976 15.9448 25.2976C13.717 25.2976 11.9094 24.7761 11.9094 24.1359C11.9094 23.4957 13.717 22.9742 15.9448 22.9742C18.1725 22.9742 19.9802 23.4957 19.9802 24.1359Z' fill='%23A6DAF4'/%3E%3Cpath d='M19.8337 24.1365C19.8337 24.7555 18.0915 25.2558 15.9447 25.2558C13.7979 25.2558 12.0558 24.7555 12.0558 24.1365C12.0558 23.5175 13.7979 23.0172 15.9447 23.0172C18.0915 23.0172 19.8337 23.5175 19.8337 24.1365Z' fill='%23E9F9F8'/%3E%3Cpath d='M19.691 24.1372C19.691 24.7307 18.0144 25.2141 15.9485 25.2141C13.8827 25.2141 12.2061 24.7307 12.2061 24.1372C12.2061 23.5436 13.8827 23.0603 15.9485 23.0603C18.0144 23.0603 19.691 23.5436 19.691 24.1372Z' fill='%23E9F9F8'/%3E%3Cpath d='M19.5444 24.138C19.5444 24.7104 17.9334 25.1725 15.9484 25.1725C13.9635 25.1725 12.3524 24.7104 12.3524 24.138C12.3524 23.5656 13.9635 23.1035 15.9484 23.1035C17.9334 23.1035 19.5444 23.5656 19.5444 24.138Z' fill='%23E9F9F8'/%3E%3Cpath d='M27.3032 1.27234H19.9878C19.375 1.27234 18.8084 1.50977 18.3652 1.89982C17.7755 2.4213 17.3978 3.22259 17.3978 4.1214V6.30483H9.42716C7.99723 6.30483 6.8371 7.58098 6.8371 9.1539V22.3308C6.8371 23.9037 7.99723 25.1799 9.42716 25.1799H27.2993C28.7293 25.1799 29.8894 23.9037 29.8894 22.3308V4.1214C29.8894 2.54848 28.7293 1.27234 27.2993 1.27234H27.3032Z' fill='%2390DEDB' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.4272 1.27234H16.7426C17.3554 1.27234 17.922 1.50977 18.3652 1.89982C18.9549 2.4213 19.3326 3.22259 19.3326 4.1214V6.30483H27.3032C28.7332 6.30483 29.8933 7.58098 29.8933 9.1539V22.3308C29.8933 23.9037 28.7332 25.1799 27.3032 25.1799H9.43106C8.00113 25.1799 6.841 23.9037 6.841 22.3308V4.1214C6.841 2.54848 8.00113 1.27234 9.43106 1.27234H9.4272Z' fill='white' stroke='%23008682'/%3E%3Cpath d='M8.66785 25.1811H13.1349V17.8761H15.3319L8.66785 10.2023L2 17.8761H4.19692V25.1811H8.66785Z' fill='%23FFFA64' stroke='%23008682'/%3E%3Cpath d='M27.1105 18.4827H17.5403V29.3998H27.1105V18.4827Z' fill='white' stroke='%23008682'/%3E%3Cpath d='M19.5137 21.5665H25.137' stroke='%23008682'/%3E%3Cpath d='M19.5137 23.9381H25.137' stroke='%23008682'/%3E%3Cpath d='M19.5137 26.3064H22.759' stroke='%23008682'/%3E%3Cpath d='M18.0491 11.6462V14.6267' stroke='%23008682'/%3E%3Cpath d='M16.6964 13.1401H19.4021' stroke='%23008682'/%3E%3Cpath d='M20.5967 13.1401H24.8981' stroke='%23008682'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__body .item__list .icon.is-transform { width: 32px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2591 24.1356C17.2591 25.2209 14.2104 26.0986 10.4486 26.0986C6.6869 26.0986 3.63818 25.2209 3.63818 24.1356C3.63818 23.0502 6.6869 22.1726 10.4486 22.1726C14.2104 22.1726 17.2591 23.0502 17.2591 24.1356Z' fill='%23B7E1F7'/%3E%3Cpath d='M17.1124 24.1361C17.1124 25.1961 14.1292 26.0567 10.4484 26.0567C6.76761 26.0567 3.78442 25.1961 3.78442 24.1361C3.78442 23.0762 6.76761 22.2156 10.4484 22.2156C14.1292 22.2156 17.1124 23.0762 17.1124 24.1361Z' fill='%23B6E0F6'/%3E%3Cpath d='M16.9661 24.1371C16.9661 25.1758 14.0485 26.0153 10.4447 26.0153C6.84101 26.0153 3.92334 25.1758 3.92334 24.1371C3.92334 23.0984 6.84101 22.2589 10.4447 22.2589C14.0485 22.2589 16.9661 23.0984 16.9661 24.1371Z' fill='%23B5E0F6'/%3E%3Cpath d='M16.8197 24.1377C16.8197 25.1509 13.9675 25.9734 10.4448 25.9734C6.92197 25.9734 4.06982 25.1509 4.06982 24.1377C4.06982 23.1244 6.92197 22.3019 10.4448 22.3019C13.9675 22.3019 16.8197 23.1244 16.8197 24.1377Z' fill='%23B4E0F6'/%3E%3Cpath d='M16.6733 24.1383C16.6733 25.1304 13.8866 25.9317 10.4448 25.9317C7.00293 25.9317 4.21631 25.1304 4.21631 24.1383C4.21631 23.1463 7.00293 22.345 10.4448 22.345C13.8866 22.345 16.6733 23.1463 16.6733 24.1383Z' fill='%23E9F9F8'/%3E%3Cpath d='M16.5266 24.1356C16.5266 25.1023 13.8055 25.8866 10.4446 25.8866C7.08365 25.8866 4.36255 25.1023 4.36255 24.1356C4.36255 23.169 7.08365 22.3846 10.4446 22.3846C13.8055 22.3846 16.5266 23.169 16.5266 24.1356Z' fill='%23E9F9F8'/%3E%3Cpath d='M16.3804 24.1362C16.3804 25.0817 13.7209 25.8448 10.4448 25.8448C7.16871 25.8448 4.50928 25.0817 4.50928 24.1362C4.50928 23.1908 7.16486 22.4276 10.4448 22.4276C13.7248 22.4276 16.3804 23.1908 16.3804 24.1362Z' fill='%23B2DFF6'/%3E%3Cpath d='M16.2339 24.1369C16.2339 25.0569 13.64 25.8031 10.4449 25.8031C7.24968 25.8031 4.65576 25.0569 4.65576 24.1369C4.65576 23.2169 7.24582 22.4707 10.4449 22.4707C13.6439 22.4707 16.2339 23.2169 16.2339 24.1369Z' fill='%23B1DEF6'/%3E%3Cpath d='M16.0875 24.1377C16.0875 25.0365 13.5591 25.7615 10.4449 25.7615C7.33064 25.7615 4.80225 25.0323 4.80225 24.1377C4.80225 23.2431 7.32678 22.5139 10.4449 22.5139C13.563 22.5139 16.0875 23.2431 16.0875 24.1377Z' fill='%23B0DEF6'/%3E%3Cpath d='M15.9447 24.1384C15.9447 25.0118 13.4819 25.7198 10.4486 25.7198C7.41526 25.7198 4.95239 25.0118 4.95239 24.1384C4.95239 23.265 7.4114 22.557 10.4486 22.557C13.4857 22.557 15.9447 23.265 15.9447 24.1384Z' fill='%23AFDDF6'/%3E%3Cpath d='M15.7983 24.1357C15.7983 24.9879 13.4009 25.6747 10.4486 25.6747C7.49622 25.6747 5.09888 24.9836 5.09888 24.1357C5.09888 23.2877 7.49236 22.5967 10.4486 22.5967C13.4048 22.5967 15.7983 23.2877 15.7983 24.1357Z' fill='%23AEDDF5'/%3E%3Cpath d='M15.6518 24.1373C15.6518 24.964 13.32 25.6382 10.4486 25.6382C7.57718 25.6382 5.24536 24.9683 5.24536 24.1373C5.24536 23.3063 7.57333 22.6365 10.4486 22.6365C13.3239 22.6365 15.6518 23.3063 15.6518 24.1373Z' fill='%23ADDDF5'/%3E%3Cpath d='M15.5054 24.1379C15.5054 24.9434 13.2391 25.5963 10.4486 25.5963C7.65814 25.5963 5.39185 24.9434 5.39185 24.1379C5.39185 23.3324 7.65814 22.6794 10.4486 22.6794C13.2391 22.6794 15.5054 23.3324 15.5054 24.1379Z' fill='%23ACDCF5'/%3E%3Cpath d='M15.359 24.1386C15.359 24.9187 13.1582 25.5546 10.4486 25.5546C7.7391 25.5546 5.53833 24.9229 5.53833 24.1386C5.53833 23.3542 7.7391 22.7225 10.4486 22.7225C13.1582 22.7225 15.359 23.3542 15.359 24.1386Z' fill='%23ABDCF5'/%3E%3Cpath d='M15.2124 24.1359C15.2124 24.8948 13.0772 25.5095 10.4447 25.5095C7.81226 25.5095 5.677 24.8948 5.677 24.1359C5.677 23.377 7.81226 22.7622 10.4447 22.7622C13.0772 22.7622 15.2124 23.377 15.2124 24.1359Z' fill='%23AADBF5'/%3E%3Cpath d='M15.066 24.1364C15.066 24.8699 12.9963 25.4677 10.4447 25.4677C7.89322 25.4677 5.82349 24.8741 5.82349 24.1364C5.82349 23.3987 7.89322 22.8052 10.4447 22.8052C12.9963 22.8052 15.066 23.3987 15.066 24.1364Z' fill='%23A9DBF5'/%3E%3Cpath d='M14.9195 24.1374C14.9195 24.8496 12.9153 25.4262 10.4448 25.4262C7.97418 25.4262 5.96997 24.8496 5.96997 24.1374C5.96997 23.4251 7.97418 22.8485 10.4448 22.8485C12.9153 22.8485 14.9195 23.4251 14.9195 24.1374Z' fill='%23A8DBF5'/%3E%3Cpath d='M14.7731 24.1379C14.7731 24.8248 12.8344 25.3844 10.4448 25.3844C8.05514 25.3844 6.11646 24.8248 6.11646 24.1379C6.11646 23.4511 8.05514 22.8915 10.4448 22.8915C12.8344 22.8915 14.7731 23.4511 14.7731 24.1379Z' fill='%23A8DAF5'/%3E%3Cpath d='M14.6267 24.1386C14.6267 24.8043 12.7535 25.3427 10.4448 25.3427C8.13611 25.3427 6.26294 24.8043 6.26294 24.1386C6.26294 23.473 8.13611 22.9346 10.4448 22.9346C12.7535 22.9346 14.6267 23.473 14.6267 24.1386Z' fill='%23A7DAF5'/%3E%3Cpath d='M14.4802 24.1359C14.4802 24.7761 12.6726 25.2976 10.4448 25.2976C8.21707 25.2976 6.40942 24.7761 6.40942 24.1359C6.40942 23.4957 8.21707 22.9742 10.4448 22.9742C12.6726 22.9742 14.4802 23.4957 14.4802 24.1359Z' fill='%23A6DAF4'/%3E%3Cpath d='M14.3338 24.1365C14.3338 24.7555 12.5917 25.2558 10.4448 25.2558C8.29803 25.2558 6.55591 24.7555 6.55591 24.1365C6.55591 23.5175 8.29803 23.0172 10.4448 23.0172C12.5917 23.0172 14.3338 23.5175 14.3338 24.1365Z' fill='%23E9F9F8'/%3E%3Cpath d='M14.191 24.1372C14.191 24.7307 12.5144 25.2141 10.4485 25.2141C8.38265 25.2141 6.70605 24.7307 6.70605 24.1372C6.70605 23.5436 8.38265 23.0603 10.4485 23.0603C12.5144 23.0603 14.191 23.5436 14.191 24.1372Z' fill='%23E9F9F8'/%3E%3Cpath d='M14.0446 24.138C14.0446 24.7104 12.4335 25.1725 10.4486 25.1725C8.46361 25.1725 6.85254 24.7104 6.85254 24.138C6.85254 23.5656 8.46361 23.1035 10.4486 23.1035C12.4335 23.1035 14.0446 23.5656 14.0446 24.138Z' fill='%23E9F9F8'/%3E%3Cpath d='M21.8032 1.27234H14.4879C13.875 1.27234 13.3085 1.50977 12.8652 1.89982C12.2755 2.4213 11.8978 3.22259 11.8978 4.1214V6.30483H3.92722C2.49729 6.30483 1.33716 7.58098 1.33716 9.1539V22.3308C1.33716 23.9037 2.49729 25.1799 3.92722 25.1799H21.7994C23.2293 25.1799 24.3894 23.9037 24.3894 22.3308V4.1214C24.3894 2.54848 23.2293 1.27234 21.7994 1.27234H21.8032Z' fill='%2390DEDB' stroke='%23008682' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.92726 1.27234H11.2426C11.8555 1.27234 12.422 1.50977 12.8653 1.89982C13.455 2.4213 13.8327 3.22259 13.8327 4.1214V6.30483H21.8033C23.2332 6.30483 24.3933 7.58098 24.3933 9.1539V22.3308C24.3933 23.9037 23.2332 25.1799 21.8033 25.1799H3.93112C2.50119 25.1799 1.34106 23.9037 1.34106 22.3308V4.1214C1.34106 2.54848 2.50119 1.27234 3.93112 1.27234H3.92726Z' fill='white' stroke='%23008682'/%3E%3Cpath d='M20.6104 14.3998H8.61035V27.3998H20.6104V14.3998Z' fill='white' stroke='%23008682'/%3E%3Cpath d='M10.6104 18.3998H17.6104' stroke='%23008682'/%3E%3Cpath d='M10.6104 21.3998H17.6104' stroke='%23008682'/%3E%3Cpath d='M10.6104 24.3998H14.6104' stroke='%23008682'/%3E%3C/svg%3E%0A"); }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .item__text { margin-top: 8px; color: #868E96; text-align: center; font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; }

.ui-layer-renewal-popup.is-examQuestion .layer-popup-content .footer { margin-top: 30px; }

.book-management-popup-wrap { width: 800px; }

.book-management-popup-wrap .popup_header .popup_title { position: relative; padding: 10px 0; border-bottom: 2px solid #20BCB7; margin-bottom: 40px; font-weight: 500; font-size: 22px; line-height: 30px; color: var(--grey-100); }

.book-management-popup-wrap .book-management-list .book-search-select { width: 120px; }

.book-management-popup-wrap .book-management-list .book-search-select.type_02 { width: 360px; }

.book-management-popup-wrap .book-management-list .set_list ul { overflow-y: auto; overflow-x: hidden; }

.book-management-popup-wrap .book-management-list .set_list ul::-webkit-scrollbar { width: 7px; position: relative; }

.book-management-popup-wrap .book-management-list .set_list ul::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.book-management-popup-wrap .book-management-list .set_list ul::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.book-management-popup-wrap .book-management-list .set_list ul li .coustom_checkbox i { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; }

.textbook-problems-popup { width: 800px; }

.textbook-problems-popup .clinic_content { width: 704px; padding-top: 0; }

.textbook-problems-popup .clinic_content .pop_sub_title_name { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.textbook-problems-popup .clinic_content .pop_sub_title { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from { margin-top: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl { padding-top: 16px; }

.textbook-problems-popup .clinic_content .clinic_from dl:first-child { padding-top: 0; }

.textbook-problems-popup .clinic_content .clinic_from dl dt { width: 180px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd .descriptioion { font-size: 14px; color: #0083BF; font-style: normal; font-weight: 400; line-height: 22px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd .radio_wrap label + label { margin-left: 8px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd input[type=text] { font-size: 15px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd input[type=text]::placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd input[type=text]::-ms-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd input[type=text]::-webkit-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.textbook-problems-popup .clinic_content .clinic_from dl dd input[type=text]::-moz-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup * { box-sizing: border-box; }

.layer_popup .layer-renewal-popup { /* 문제지 다운로드 */ /* 문제지 배포 */ /* 학습 리포트 생성 레이어팝업 */ }

.layer_popup .layer-renewal-popup .popup_header { position: relative; padding: 10px 0; border-bottom: 2px solid #20BCB7; margin-bottom: 40px; }

.layer_popup .layer-renewal-popup .popup_header.header h1 { font-weight: 500; font-size: 22px; line-height: 30px; color: var(--grey-100); }

.layer_popup .layer-renewal-popup .popup_header.header p { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-100); margin-top: 8px; }

.layer_popup .layer-renewal-popup .popup_header .header h1 { font-weight: 500; font-size: 22px; line-height: 30px; color: var(--grey-100); }

.layer_popup .layer-renewal-popup .popup_header .header p { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--grey-100); margin-top: 8px; }

.layer_popup .layer-renewal-popup .popup_header > .popup_close { position: absolute; top: -28px; right: -28px; }

.layer_popup .layer-renewal-popup .popup_foot.footer { margin-top: 48px; display: flex; align-items: center; justify-content: center; }

.layer_popup .layer-renewal-popup .popup_foot.footer.mt30 { margin-top: 30px; }

.layer_popup .layer-renewal-popup .popup_foot.footer a, .layer_popup .layer-renewal-popup .popup_foot.footer button { margin-left: 0; }

.layer_popup .layer-renewal-popup .popup_foot.footer a + a, .layer_popup .layer-renewal-popup .popup_foot.footer a + button, .layer_popup .layer-renewal-popup .popup_foot.footer button + a, .layer_popup .layer-renewal-popup .popup_foot.footer button + button { margin-left: 10px; }

.layer_popup .layer-renewal-popup .popup_foot.footer .ui-btn { font-size: 16px; border-radius: 4px; min-width: 180px !important; width: auto; }

.layer_popup .layer-renewal-popup.paper-down-pop { width: 800px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li { display: flex; align-items: center; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li + li { margin-top: 40px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .ttl { min-width: 180px; margin-right: 20px; font-size: 18px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down-set { display: flex; align-items: center; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down-set .ui-form-check-inline + .ui-form-check-inline { margin-left: 40px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down_set { width: 100%; padding: 0 0 0; display: flex; align-items: center; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down_set.flex-none { display: block; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down_set .coustom_checkbox { padding-left: 40px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down_set .coustom_checkbox:first-child { padding-left: 0; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .down_set .ui-form-check-inline + .ui-form-check-inline { margin-left: 40px; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_downprint { position: relative; border: 1px solid #CED0DA; border-right: 0; border-left: 0; background: #F4F6F9; text-align: center; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_downprint a.open { min-height: 42px; display: block; padding: 0px 16px; font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 40px; text-align: left; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_downprint a.open.on:before { content: ''; position: absolute; top: 10px; right: 13px; width: 20px; height: 20px; background: url(/static/image/icon_tree_close.png) no-repeat 0 0; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_downprint a.open:before { content: ''; position: absolute; top: 10px; right: 13px; width: 20px; height: 20px; background: url(/static/image/icon_tree_open.png) no-repeat 0 0; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_cont { padding: 24px 16px; text-align: left; border-bottom: 1px solid #CED0DA; }

.layer_popup .layer-renewal-popup.paper-down-pop .paper-down-list li .info_cont p { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop { width: 1200px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .header .header-info { position: absolute; right: 0px; top: 10px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .header .header-info .header-info-cnt { display: flex; align-items: center; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .header .header-info .header-info-cnt span { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .header .header-info .header-info-cnt span + span { margin-left: 10px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content { padding-top: 0; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student { min-height: 350px; padding-top: 0; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .title { font-size: 18px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .list-scroll-box { max-height: 400px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_list { height: auto; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_list.scroll-content { height: auto !important; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line { margin-top: 24px; padding-top: 0; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line:first-child { margin-top: 0; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item { width: 340px; max-height: 230px; margin-right: 37px; margin-left: 0; overflow-y: auto; overflow-x: hidden; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar { width: 7px; position: relative; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item:nth-child(3n) { margin-right: 0; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .class_name { padding: 8px 20px 10px 20px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .class_name > button { margin-top: 2px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .class_name .class_title { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .class_name .coustom_checkbox i { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p { padding: 10px 20px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p .coustom_checkbox { width: 100%; position: relative; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .select_student .class-line-wrap .class_line .class_item .student_list p .coustom_checkbox .sch_nm { position: absolute; right: 0; top: 0; font-size: 14px !important; color: var(--light-red, #DC948D); text-align: right; font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .publish_content .scroll-wrapper { overflow-y: auto !important; overflow-x: hidden !important; }

.layer_popup .layer-renewal-popup.paper-distribution-pop .selected-students-number { width: 180px; height: 48px; margin: 0 16px 0 0; padding: 0 10px 0 10px; border-radius: 4px; border: 1px solid var(--gray-60, #ADB5BD); background: #FFF; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 46px; text-align: center; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap { width: 800px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content { width: 704px; padding-top: 0; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .pop_sub_title_name { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .pop_sub_title { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from { margin-top: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl { padding-top: 16px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl:first-child { padding-top: 0; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dt { width: 180px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .descriptioion { font-size: 14px; color: #0083BF; font-style: normal; font-weight: 400; line-height: 22px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap { font-size: 0; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap * { box-sizing: border-box; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap label + label { margin-left: 8px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap label.radio_lab:disabled, .layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap label.radio_lab.disabled { border-radius: 4px; background: var(--gray-30, #E9ECEF); color: var(--gray-60, #ADB5BD); font-style: normal; pointer-events: none; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd .radio_wrap span { min-width: 80px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd input[type=text] { font-size: 15px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd input[type=text]::placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd input[type=text]::-ms-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd input[type=text]::-webkit-input-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.textbook-problems-popup-wrap .clinic_content .clinic_from dl dd input[type=text]::-moz-placeholder { font-size: 15px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 30px; }

.layer_popup .layer-renewal-popup.report-popup-wrap { width: 800px; }

.layer_popup .layer-renewal-popup .new_wrap { padding-top: 0; }

.layer_popup .layer-renewal-popup .new_wrap:first-child { padding-top: 0; }

.layer_popup .layer-renewal-popup .new_wrap + .new_wrap { padding-top: 25px; }

.layer_popup .layer-renewal-popup .new_wrap .new_form { padding-top: 0; }

.layer_popup .layer-renewal-popup .new_wrap .new_form + .new_form { padding-top: 20px; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl { display: table; table-layout: fixed; *zoom: 1 .layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl :after { content: ""; display: block; clear: both; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl dt { display: table-cell; vertical-align: top; padding-right: 40px; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl dd { display: table-cell; vertical-align: top; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl dd select.ui-form-select { width: 300px; margin-left: 0; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .new_form-dl dd .option_group .datepicker { width: 300px; font-weight: 400; text-indent: 8px; background: url(/static/image/icon_calander.png) no-repeat center right 8px; }

.layer_popup .layer-renewal-popup .new_wrap .new_form .coustom_checkbox { padding-left: 0; }

.layer_popup .layer-renewal-popup .new_wrap .content_search .search_select select { min-width: 140px; margin-right: 6px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #fff url(/static/image/icon_arrow_02.png) no-repeat center right 8px; height: 40px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

.layer_popup .layer-renewal-popup .new_wrap .title { margin-bottom: 20px; font-size: 18px; color: var(--black, #000); font-style: normal; font-weight: 500; line-height: 24px; }

/* isms */
#isms .layer-popup-content { width: 322px; }

#isms .layer-popup-content .body { font-size: 12px; color: #666; line-height: 17px; word-spacing: -2px; padding-bottom: 0; font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Source Sans Pro", Verdana, Arial, sans-serif; }

#isms .layer-popup-content .footer .ui-btn-group { width: 100%; display: flex; align-items: center; justify-content: center; }

#isms .layer-popup-content .footer .ui-btn-group .ui-btn { min-width: auto; display: flex; align-items: center; height: 32px; line-height: 30px; border: 1px solid #515560; background-color: #515560; padding: 0 20px; font-family: "Malgun Gothic"; font-size: 12px; color: #fff; }

#isms .layer-popup-content .footer .ui-btn-group .ui-btn.outline { color: #666; border-color: #b2bacd; background-color: #fff; }

/* 메인 레이어 팝업 */
.main-center-popup.ui-layer-popup .layer-popup-content { width: 640px; }

.main-center-popup.ui-layer-popup .layer-popup-content .body { overflow: hidden; overflow-y: auto; padding: 0; position: relative; }

.main-center-popup.ui-layer-popup .layer-popup-content .body .body-common-btn { background: url(/static/image/main/blank.png) no-repeat 0 0; position: absolute; }

.main-center-popup.ui-layer-popup .layer-popup-content .body .calendar-more-btn { width: 120px; height: 28px; top: 50px; right: 36px; }

.main-center-popup.ui-layer-popup .layer-popup-content .body .calendar-mainlink { width: 567px; height: 362px; top: 86px; left: 37px; }

.main-center-popup.ui-layer-popup .layer-popup-content .body .calendar-mainlink-btn { width: 266px; height: 50px; top: 465px; left: 187px; }

.main-center-popup.ui-layer-popup .layer-popup-content .footer { height: 40px; padding: 0; overflow: hidden; position: relative; background-color: #242424; }

.main-center-popup.ui-layer-popup .layer-popup-content .footer .ui-notoday { justify-content: flex-start; position: absolute; bottom: 10px; right: 10px; }

.main-center-popup.ui-layer-popup .layer-popup-content .footer .ui-notoday label { color: #fff; font-size: 12px; font-weight: 400; font-family: dotum; margin-left: 4px; }

.main-center-popup.ui-layer-popup .layer-popup-content .footer .ui-notoday button { text-indent: -9999px; overflow: hidden; width: 17px; height: 16px; background-image: url("https://simgs.zocbo.com/images/cloud/popup/btn_cloud1.svg"); background-repeat: no-repeat; background-position: 0 0; margin-left: 13px; }

.main-center-popup.has-cloudDelete .layer-popup-content { width: 780px; }

.main-center-popup.has-cloudDelete .layer-popup-content .cloudDeleteLink { height: 28px; position: absolute; top: 472px; }

.main-center-popup.has-cloudDelete .layer-popup-content .cloudDeleteLink.is-primary { width: 141px; left: 115px; }

.main-center-popup.has-cloudDelete .layer-popup-content .cloudDeleteLink.is-secondary { width: 208px; left: 287px; }

.main-center-popup.has-cloudDelete .layer-popup-content .cloudDeleteLink.is-tertiay { width: 163px; left: 527px; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday { height: 40px; padding: 0 19px; display: flex; align-items: center; justify-content: space-between; position: initial; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .nottoday__text { display: flex; align-items: center; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .nottoday__text input { display: none; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .nottoday__text input + label { display: flex; align-items: center; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .nottoday__text input + label::before { content: ""; width: 24px; height: 24px; border: none; background-image: url("/static/image/popup/iconCheck.svg"); background-repeat: no-repeat; background-size: contain; position: relative; }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .nottoday__text input:checked + label::before { background-image: url("/static/image/popup/iconCheckOn.svg"); }

.main-center-popup.has-cloudDelete .layer-popup-content .footer .ui-notoday .is-textButton { width: auto; height: auto; text-indent: inherit; background-image: none; overflow: visible; font-size: 12px; font-style: normal; font-weight: 500; color: #fff; }

.main-center-popup.has-cloudDelete .layer-popup-content .btn-close.is-top { width: 14px; height: 14px; position: absolute; right: 13px; top: 13px; }

/* 문제 추가 팝업 */
.conditionAdd__Popup { width: 1104px; height: 548px; }

.conditionAdd__Popup.has-zocbo .popup_header .popup_title { border-bottom: 2px solid #197EDF; }

.conditionAdd__Popup.has-zocbo .popup_header .popup_title .popup_infoTopData span .color20BCB7 { color: #197EDF !important; }

.conditionAdd__Popup.has-zocbo .clinic_content .conditionAdd__radio .ui-form-check[type=radio]:checked { 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%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23197EDF'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23197EDF'/%3E%3C/svg%3E%0A"); }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_header .title .desc { color: #197EDF; font-weight: 400; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu { background-color: transparent; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu li a, .conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu li span { font-size: 16px; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu > li { border-bottom: none; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu > li:first-child { border-top: 1px solid #EDEDED; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu li > div { display: flex; align-items: center; border-bottom: 1px solid #EDEDED; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu::-webkit-scrollbar { width: 7px; position: relative; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .treeMenu::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .coustom_checkbox span { border-radius: 4px; border: 1px solid #DBDBDB; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body.is-treeMenu .coustom_checkbox input:checked + span { border: none; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.572021' width='20' height='20' rx='4' fill='%23197EDF'/%3E%3Cpath d='M3.14286 10.4172L4.63274 8.92727L7.96523 12.2598L15.3673 4.85774L16.8571 6.34235L7.96523 15.2395L3.14286 10.4172Z' fill='white'/%3E%3C/svg%3E%0A"); }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .addBtn button { border: 1px solid #197EDF; background-color: #197EDF; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem .dropdown .dropdown__menu li.is-active { color: #197EDF; }

.conditionAdd__Popup.has-zocbo .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem .dropdown .dropdown__menu li.is-active::after { position: absolute; right: 10px; top: 50%; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.8645L5.30365 9.56084L8.21958 12.4768L14.6964 6L16 7.29904L8.21958 15.0841L4 10.8645Z' fill='%23197EDF'/%3E%3C/svg%3E%0A"); transform: translateY(-50%); content: ""; }

.conditionAdd__Popup.has-zocbo .clinic_content .popup_foot button { background-color: #197EDF; }

.conditionAdd__Popup .popup_header .popup_title { height: auto; padding: 10px 0; font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; border-bottom: 2px solid #20BCB7; position: relative; display: flex; }

.conditionAdd__Popup .popup_header .popup_title.space-between { justify-content: space-between; }

.conditionAdd__Popup .popup_header .popup_title .popup_infoTopData { display: flex; align-items: center; }

.conditionAdd__Popup .popup_header .popup_title .popup_infoTopData span { color: #212529; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; display: inline-block; }

.conditionAdd__Popup .popup_header .popup_title .popup_infoTopData span.bar { width: 2px; height: 16px; margin: 0 20px; background: #D9D9D9; }

.conditionAdd__Popup .popup_header .popup_title .popup_infoTopData .color20BCB7 { color: #20BCB7; }

.conditionAdd__Popup .clinic_content { width: 100%; max-height: 524px; padding-top: 16px; padding-bottom: 30px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; }

.conditionAdd__Popup .clinic_content::-webkit-scrollbar { width: 7px; position: relative; }

.conditionAdd__Popup .clinic_content::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

.conditionAdd__Popup .clinic_content::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

.conditionAdd__Popup .clinic_content .top-info { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #495057; }

.conditionAdd__Popup .clinic_content .top-info .gab { padding-left: 16px; }

.conditionAdd__Popup .clinic_content .conditionAdd__radio { margin-top: 20px; }

.conditionAdd__Popup .clinic_content .conditionAdd__radio .ui-form-check-inline + .ui-form-check-inline { margin-left: 30px; }

.conditionAdd__Popup .clinic_content .clinic_from { margin-top: 20px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list { padding-top: 0; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list + .book_list { margin-top: 20px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title { color: #212529; font-size: 18px; font-weight: 400; line-height: 30px; display: flex; align-items: center; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title .ico-plusRec { width: 20px; height: 20px; margin-left: 10px; cursor: pointer; background: url(/static/image/icon_tree_open.png) no-repeat 0 0; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title .ico-plusRec.close { background: url(/static/image/icon_tree_close.png) no-repeat 0 0; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title .desc { margin-left: 30px; color: var(--Main-100, #20BCB7); font-size: 16px; font-weight: 400; line-height: 24px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title .desc.ml20 { margin-left: 20px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_header .title .desc.colorFF4545 { color: #FF4545; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body { margin-top: 10px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body.is-treeMenu { padding: 20px 0; border-radius: 10px; background-color: #E9F9F8; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu { width: 1044px; max-height: 460px; margin: 0 auto; border: none; overflow-y: auto; overflow-x: hidden; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu::-webkit-scrollbar { width: 7px; position: relative; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu::-webkit-scrollbar-thumb { background-color: #90DEDB; background-clip: padding-box; border-radius: 4px; margin: 3px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 4px; margin: 3px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu > li { background-color: #fff; border-bottom: 1px solid #20BCB7; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .treeMenu > li:first-child { border-top: 1px solid #20BCB7; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box { display: flex; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item { width: 340px; padding: 16px 35px 27px 35px; border-radius: 10px; background-color: #F8F9FA; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item + .questionAdd__item { margin-left: 42px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .title { margin-bottom: 12px; color: #212529; font-size: 16px; font-weight: 400; line-height: 30px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem { padding-top: 0; display: flex; align-items: center; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem + .questionAdd__seletitem { margin-top: 8px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem .ui-form-text { width: 130px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionAdd__seletitem .dropdown { margin-left: 10px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionMius { margin-left: 5px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .questionMius .questionMius_btn { width: 20px; height: 20px; display: block; background-image: url(/static/image/icon_tree_open.png); background-position: center center; background-repeat: no-repeat; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .addBtn { margin-top: 20px; display: flex; align-items: center; justify-content: center; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd__box .questionAdd__item .addBtn button { width: 110px; height: 40px; border-radius: 4px; border: 1px solid #20BCB7; background-color: #20BCB7; color: #FFF; font-family: "Noto Sans KR"; font-size: 16px; font-weight: 500; line-height: 20px; }

.conditionAdd__Popup .clinic_content .clinic_from .book_list .book_body .questionAdd-info { margin-top: 5px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #495057; }

/* 마이클라우드 이용 방법 안내 팝업 */
.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main { width: 364px !important; padding: 0 0 0 0; background-color: #D8F2F3 !important; border-radius: 0; border: none; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .header { height: 40px; padding: 0; margin-bottom: 0; border: none; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .header .btn-today-close { width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; 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%3Cg clip-path='url(%23clip0_7015_6006)'%3E%3Crect x='6.07422' y='4.65625' width='18' height='2' rx='1' transform='rotate(45 6.07422 4.65625)' fill='%23333333'/%3E%3Crect x='4.65625' y='17.3828' width='18' height='2' rx='1' transform='rotate(-45 4.65625 17.3828)' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7015_6006'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body { padding: 0; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body h2 { width: 264px; margin: 0 auto 10px auto; display: flex; align-items: center; justify-content: center; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body h2 img { width: 100%; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__topdesc { margin-bottom: 20px; color: #000; font-size: 12px; font-weight: 400; line-height: 140%; /* 16.8px */ letter-spacing: -0.36px; text-align: center; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__topdesc.has-botplace { margin: 20px 0 10px 0; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__topdesc.mb0 { margin-bottom: 0; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox { margin: 0 20px 0 20px; position: relative; border-radius: 8px; background: #FFF; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox + .myCloudGuidePopup__itembox { margin-top: 23px; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox .cnt { padding: 25px 0 15px 0; color: #000; text-align: center; font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 135%; /* 16.2px */ letter-spacing: -0.24px; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox .cnt strong { font-weight: 700; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox .cnt span { color: #2F8184; font-weight: 700; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox::before { content: ""; display: block; width: 241px; height: 26px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; top: -10px; transform: translateX(-50%); }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox.item1::before { background-image: url("/static/image/popup/myCloudGuide-bandTop1.png"); }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox.item2::before { background-image: url("/static/image/popup/myCloudGuide-bandTop2.png"); }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .footer { margin-top: 30px; justify-content: flex-start; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .footer .ui-notoday { width: 100%; display: flex; align-items: center; justify-content: space-between; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .footer .ui-notoday .ui-form-check-inline label { color: #FFF; font-size: 12px; font-weight: 400; }

.ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .footer .ui-notoday .btn-today-close { position: relative; top: -2px; color: #FFF; font-size: 12px; font-weight: 400; line-height: normal; }

/* Mobile - Portrait */
@media only screen and (min-width: 767px) { .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main { width: 728px !important; }
  .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body h2 { width: auto; margin-bottom: 15px; }
  .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body h2 img { width: auto; }
  .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__topdesc { font-size: 20px; margin-bottom: 30px; }
  .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox + .myCloudGuidePopup__itembox { margin-top: 36px; }
  .ui-layer-renewal-popup.myCloudGuidePopup .layer-popup-content.bottom-main .body .myCloudGuidePopup__itembox .cnt { padding: 40px 0 20px 0; font-size: 20px; } }

/*
** zModal
*/
.zModal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: none; align-items: center; justify-content: center; }

.zModal.is-active { display: flex; }

.zModal * { box-sizing: border-box; font-family: "Pretendard", sans-serif; }

.zModal .zModal__backdrop { position: absolute; z-index: 1001; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.zModal .zModal__content { position: relative; z-index: 1002; background-color: #fff; }

.zModal .zModal__content .content__header { position: relative; padding-top: 48px; }

.zModal .zModal__content .content__header .header__title { display: block; color: #000; font-family: "Pretendard", sans-serif; font-size: 24px; font-style: normal; font-weight: 600; line-height: 140%; text-align: center; }

.zModal .zModal__content .content__header .header__close { position: absolute; right: 10px; top: 10px; width: 22px; height: 22px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.4135 3.4135C3.96482 2.86217 4.8587 2.86217 5.41003 3.4135L11 9.00346L16.59 3.4135C17.1413 2.86217 18.0352 2.86217 18.5865 3.4135C19.1378 3.96482 19.1378 4.8587 18.5865 5.41003L12.9965 11L18.5865 16.59C19.1378 17.1413 19.1378 18.0352 18.5865 18.5865C18.0352 19.1378 17.1413 19.1378 16.59 18.5865L11 12.9965L5.41003 18.5865C4.8587 19.1378 3.96482 19.1378 3.4135 18.5865C2.86217 18.0352 2.86217 17.1413 3.4135 16.59L9.00346 11L3.4135 5.41003C2.86217 4.8587 2.86217 3.96482 3.4135 3.4135Z' fill='%231E1E1E'/%3E%3C/svg%3E"); }

.zModal .zModal__content .content__body { padding: 30px 0 48px; }

.zModal .zModal__content .content__footer .footer__today { display: flex; align-items: center; width: 100%; height: 34px; padding: 0 12px; color: #FFF; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; background-color: #323232; }

.zModal .zModal__content .content__footer .footer__today .today__label { position: relative; }

.zModal .zModal__content .content__footer .footer__today .today__label .today__input { position: absolute; opacity: 0; }

.zModal .zModal__content .content__footer .footer__today .today__label .today__input:checked + .today__text { 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='7.5' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12.364L9.12132 14.4853L10.182 15.5459L11.2426 14.4853L16.5459 9.18198L15.4853 8.12132L10.182 13.4246L8.06066 11.3033L7 12.364Z' fill='white'/%3E%3C/svg%3E%0A"); }

.zModal .zModal__content .content__footer .footer__today .today__label .today__text { display: inline-flex; align-items: center; height: 24px; padding-left: 28px; background-position: 0 50%; 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='7.5' stroke='white'/%3E%3C/svg%3E%0A"); }

.zModal .zModal__content .content__footer .footer__today .today__close { margin-left: auto; color: inherit; font-family: inherit; }

#notice-storage .zModal__content { width: 640px; }

#notice-storage .zModal__content .content__body { padding-left: 35px; padding-right: 35px; }

#notice-storage .zModal__content .content__body .storage__inform { color: #000; text-align: center; font-size: 18px; line-height: 140%; }

#notice-storage .zModal__content .content__body .storage__news { display: flex; margin-top: 36px; }

#notice-storage .zModal__content .content__body .storage__news em, #notice-storage .zModal__content .content__body .storage__news span { display: flex; align-items: center; }

#notice-storage .zModal__content .content__body .storage__news em { justify-content: center; width: 75px; height: 40px; color: #FFF; font-size: 16px; font-weight: 400; background-color: #197EDF; }

#notice-storage .zModal__content .content__body .storage__news span { width: 100%; padding-left: 20px; color: #197EDF; font-size: 16px; align-items: center; border: 1px solid #197EDF; }

#notice-storage .zModal__content .content__body .storage__preview { width: 457px; margin: 36px auto 0; padding: 20px; border-radius: 12px; background-color: #F0F8FE; }

#notice-storage .zModal__content .content__body .storage__preview .preview__title { display: block; text-align: center; color: #197EDF; text-align: center; font-size: 20px; font-weight: 600; line-height: 140%; }

#notice-storage .zModal__content .content__body .storage__preview .preview__list { display: flex; flex-wrap: wrap; margin: 0 auto; padding-top: 8px; }

#notice-storage .zModal__content .content__body .storage__preview .preview__list li { position: relative; margin-top: 5px; width: 50%; padding: 0 0 0 24px; color: #000; font-size: 16px; font-weight: 400; line-height: 140%; box-sizing: border-box; }

#notice-storage .zModal__content .content__body .storage__preview .preview__list li:nth-child(odd) { padding-right: 20px; }

#notice-storage .zModal__content .content__body .storage__preview .preview__list li::before { position: absolute; left: 9px; top: 50%; display: block; background-color: #000; width: 4px; height: 4px; border-radius: 3px; content: ""; transform: translateY(-50%); }

#lnb { width: 184px; box-sizing: border-box; float: left; }

#lnb * { font-size: 16px; line-height: 16px; font-weight: 400; color: var(--grey-100, #333); box-sizing: border-box; word-spacing: 0; }

#lnb.lnb-fixed { position: fixed; top: 246px; z-index: 140; }

#lnb > div { border: none; }

#lnb nav { width: 184px; padding: 24px 22px; border: 1px solid var(--stroke, #CED0DA); background: var(--grey-10, #F9FAFD); border-radius: 8px; }

#lnb h2 { font-size: 16px; color: var(--grey-100, #333); font-style: normal; font-weight: 700; line-height: 20px; margin-bottom: 20px; }

#lnb h3 { font-weight: 500; line-height: 20px; }

#lnb h3 a { display: flex; align-items: center; justify-content: space-between; font-weight: 500; line-height: 20px; }

#lnb h3 a:after { content: ""; display: block; width: 6px; height: 11px; background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.28033 0.874028C0.987437 0.581135 0.512563 0.581135 0.21967 0.874028C-0.0732232 1.16692 -0.0732234 1.64179 0.21967 1.93469L4.28504 6.00006L0.219783 10.0653C-0.0731099 10.3582 -0.0731099 10.8331 0.219783 11.126C0.512676 11.4189 0.98755 11.4189 1.28044 11.126L5.853 6.55343C5.86096 6.54612 5.86881 6.5386 5.87652 6.53088C6.00309 6.40432 6.07496 6.24377 6.09215 6.07861C6.11508 5.86123 6.04325 5.63574 5.87664 5.46913C5.86807 5.46056 5.85935 5.45224 5.85048 5.44418L1.28033 0.874028Z' fill='%23BDC3CF'/%3E%3C/svg%3E%0A") 0 0 no-repeat; }

#lnb a { display: block; min-height: 21px; letter-spacing: -0.02em; }

#lnb a.active { font-weight: 700; color: var(--main-100); }

#lnb a + a { margin-top: 8px; }

#lnb .menu-group h3 + a { margin-top: 16px; }

#lnb .menu-group + .menu-group { margin-top: 20px; padding-top: 20px; border-top: 1px solid #CED0DA; }

#lnb .lnb-banner { width: 184px; height: 100px; margin-top: 24px; }

#lnb .lnb-banner a { display: block; }

#lnb .lnb-banner img { display: block; width: 100%; height: 100%; }

/* tooltip */
.tooltip { position: relative; z-index: 110; }

.tooltip.worksheet { z-index: auto; }

.tooltip .tooltip-content { display: none; background-color: var(--white-100); position: absolute; top: 0; left: 0; border-color: 1px solid var(--main-100); }

.tooltip .tooltip-content:before { content: ""; display: block; }

.ui-tooltip { position: relative; z-index: 110; padding: 0; max-width: none; border: none; }

.ui-tooltip:hover .ui-tooltip-content { display: block; }

.ui-tooltip-wrap { display: inline-block; position: relative; }

.ui-tooltip i { display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 2; }

.ui-tooltip-content { display: none; background-color: var(--white-100); position: absolute; top: 0; left: 0; border-color: 1px solid var(--main-100); }

.ui-tooltip-content:before { content: ""; display: block; }

.ui-tooltip.sample { display: inline-block; vertical-align: middle; position: static; cursor: default; }

.ui-tooltip.sample i { height: 18px; font-size: 12px; color: #000; font-weight: 400; font-style: normal; }

.ui-tooltip.sample i:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -200px 0; margin-right: 8px; }

.ui-tooltip.sample i:after { content: ''; display: none; width: 12px; height: 6px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -800px 0; position: absolute; bottom: -11px; left: 4px; }

.ui-tooltip.sample i.ico-question:before { content: ""; display: block; width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -150px 0; }

.ui-tooltip.sample .ui-tooltip-content { top: 33px; left: auto; right: 0; width: 263px; padding: 9px 15px 8px 14px; background-color: #FBDF83; border-radius: 8px; z-index: 1; text-align: center; }

.ui-tooltip.sample .ui-tooltip-content p { font-size: 11px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 150%; }

.ui-tooltip.sample:hover i:after { display: block; }

.ui-tooltip.interest-free:hover .ui-tooltip-content { display: flex; }

.ui-tooltip.interest-free .ui-tooltip-content { flex-direction: column; width: auto; top: 32px; padding: 20px 0 4px 20px; }

.ui-tooltip.interest-free .ui-tooltip-content * { font-family: "Spoqa Han Sans Neo", Sans-Serif; }

.ui-tooltip.interest-free .ui-tooltip-content h4 { margin-bottom: 24px; }

.ui-tooltip.interest-free .ui-tooltip-content h4 strong, .ui-tooltip.interest-free .ui-tooltip-content h4 span { display: block; color: #222; line-height: 160%; letter-spacing: -0.5px; }

.ui-tooltip.interest-free .ui-tooltip-content h4 strong { font-weight: 500; font-size: 16px; }

.ui-tooltip.interest-free .ui-tooltip-content h4 span { font-weight: 400; font-size: 14px; }

.ui-tooltip.interest-free .ui-tooltip-content .interest-free-list { display: flex; flex-wrap: wrap; width: 280px; }

.ui-tooltip.interest-free .ui-tooltip-content .interest-free-list div { flex: 140px 0 0; width: 140px; text-align: left; margin-bottom: 16px; }

.ui-tooltip.interest-free .ui-tooltip-content .interest-free-list div strong, .ui-tooltip.interest-free .ui-tooltip-content .interest-free-list div span { display: block; font-weight: 400; line-height: 160%; letter-spacing: -0.5px; }

.ui-tooltip.interest-free .ui-tooltip-content .interest-free-list div strong { font-size: 14px; color: #383C44; }

.ui-tooltip.interest-free .ui-tooltip-content .interest-free-list div span { font-size: 14px; color: var(--main-100); }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip { padding: 0; text-align: left; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample i { margin-left: 3px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample i.down:before { width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-position: 200px 0; background-repeat: no-repeat; background-repeat: no-repeat; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample i.down:after { content: ''; display: none; position: absolute; left: 7px; bottom: -12px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample i:before { content: ''; display: block; margin: 0 0 0 3px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample i:after { content: ''; display: none; position: absolute; left: 5px; top: -9px; transform: rotate(180deg); }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip.sample:hover i:after { display: block; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-titl-div { display: flex; align-items: center; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content { min-width: 263px; top: -53px; left: 0; right: -5px; text-align: center; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.w410 { min-width: 410px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.w435 { min-width: 435px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.w205 { width: auto; min-width: 205px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.w230 { min-width: 230px; width: 230px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.wAuto { min-width: 100px; width: max-content; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.down { top: 32px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.down:after { width: 20px; height: 21px; content: ''; position: absolute; right: 16px; top: 16px; background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6221_14290)'%3E%3Cpath d='M10.1007 20.5631C8.68156 20.5631 7.52518 19.3955 7.52518 17.9426V17.6128H12.6675V17.9426C12.6675 19.3866 11.5199 20.5631 10.092 20.5631H10.1007Z' fill='%23B7B7B7' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9439 6.49798C15.9439 3.02175 13.0705 0.24076 9.61016 0.454682C6.72799 0.641864 4.35392 2.96827 4.07358 5.89186C3.89838 7.78151 4.57293 9.51071 5.75558 10.7318C6.57906 11.5875 7.01708 12.7552 7.01708 13.9585V14.4309H12.9654V13.9585C12.9654 12.7463 13.4209 11.5786 14.2444 10.714C15.2957 9.62659 15.9352 8.12913 15.9352 6.48906L15.9439 6.49798Z' fill='%23FFFF46' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1318 16.3116H6.8594C6.23741 16.3116 5.73807 15.7946 5.73807 15.1707C5.73807 14.5379 6.24617 14.0298 6.8594 14.0298H13.1318C13.7538 14.0298 14.2532 14.5468 14.2532 15.1707C14.2532 15.8036 13.7451 16.3116 13.1318 16.3116Z' fill='white' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1318 18.5934H6.8594C6.23741 18.5934 5.73807 18.0764 5.73807 17.4524C5.73807 16.8196 6.24617 16.3115 6.8594 16.3115H13.1318C13.7538 16.3115 14.2532 16.8285 14.2532 17.4524C14.2532 18.0853 13.7451 18.5934 13.1318 18.5934Z' fill='white' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00701 6.4978C7.28866 6.4978 6.71047 7.08609 6.71047 7.81699C6.71047 8.54789 7.28866 9.13617 8.00701 9.13617H9.30355V7.81699C9.30355 7.08609 8.72537 6.4978 8.00701 6.4978Z' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2808 7.8082C13.2808 7.0773 12.7026 6.48901 11.9842 6.48901C11.2659 6.48901 10.6877 7.0773 10.6877 7.8082V9.12738H11.9842C12.7026 9.12738 13.2808 8.5391 13.2808 7.8082Z' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6965 14.0209V9.12744H9.30355V14.0209' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.19886 6.4978H0.438019' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.562 6.4978H17.7924' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.32019 2.40661L1.80464 1.48853' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1954 11.5073L16.6798 10.5803' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6798 2.40661L18.1954 1.48853' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.80464 11.5073L3.32019 10.5803' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6221_14290'%3E%3Crect width='20' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content .txt-prepareinfo { font-size: 11px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 150%; word-spacing: 1px; }

.ui-tooltip-wrap.classroom-table-tooltip-wrap .ui-tooltip .ui-tooltip-content .txt-prepareinfo.align-center { text-align: center; }

.ui-tooltip-wrap.alltxt { position: relative; }

.ui-tooltip-wrap.alltxt .sample:hover .ui-tooltip-titl-div:after { display: block; }

.ui-tooltip-wrap.alltxt .ui-tooltip-titl-div { width: 119px; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; align-items: center; }

.ui-tooltip-wrap.alltxt .ui-tooltip-titl-div:after { content: ''; display: none; width: 12px; height: 6px; margin-left: -6px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -800px 0; position: absolute; top: 0; left: 50%; transform: rotate(180deg); }

.ui-tooltip-wrap.alltxt .ui-tooltip-titl-div.txt10 { width: 160px; }

.ui-tooltip-wrap.alltxt .ui-tooltip-content { width: 250px; left: 50%; top: -33px; margin-left: -132px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip { padding: 0; text-align: left; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample i { margin-left: 3px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample i.down:before { width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-position: 200px 0; background-repeat: no-repeat; background-repeat: no-repeat; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample i.down:after { content: ''; display: none; position: absolute; left: 7px; bottom: -12px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample i:before { content: ''; display: block; background-image: url(/static/image/common/spr-page-common.png); background-position: -150px 0; background-repeat: no-repeat; margin: 0 0 0 3px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample i:after { content: ''; position: absolute; left: 5px; top: -7px; transform: rotate(180deg); }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip.sample:hover i:after { display: block; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-titl-div { display: flex; align-items: center; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-content { min-width: 288px; top: -60px; left: 0; right: -5px; text-align: left; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-content.w410 { min-width: 410px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-content.down { top: 32px; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-content.down:after { width: 20px; height: 21px; content: ''; position: absolute; right: 16px; top: 16px; background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6221_14290)'%3E%3Cpath d='M10.1007 20.5631C8.68156 20.5631 7.52518 19.3955 7.52518 17.9426V17.6128H12.6675V17.9426C12.6675 19.3866 11.5199 20.5631 10.092 20.5631H10.1007Z' fill='%23B7B7B7' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9439 6.49798C15.9439 3.02175 13.0705 0.24076 9.61016 0.454682C6.72799 0.641864 4.35392 2.96827 4.07358 5.89186C3.89838 7.78151 4.57293 9.51071 5.75558 10.7318C6.57906 11.5875 7.01708 12.7552 7.01708 13.9585V14.4309H12.9654V13.9585C12.9654 12.7463 13.4209 11.5786 14.2444 10.714C15.2957 9.62659 15.9352 8.12913 15.9352 6.48906L15.9439 6.49798Z' fill='%23FFFF46' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1318 16.3116H6.8594C6.23741 16.3116 5.73807 15.7946 5.73807 15.1707C5.73807 14.5379 6.24617 14.0298 6.8594 14.0298H13.1318C13.7538 14.0298 14.2532 14.5468 14.2532 15.1707C14.2532 15.8036 13.7451 16.3116 13.1318 16.3116Z' fill='white' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1318 18.5934H6.8594C6.23741 18.5934 5.73807 18.0764 5.73807 17.4524C5.73807 16.8196 6.24617 16.3115 6.8594 16.3115H13.1318C13.7538 16.3115 14.2532 16.8285 14.2532 17.4524C14.2532 18.0853 13.7451 18.5934 13.1318 18.5934Z' fill='white' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00701 6.4978C7.28866 6.4978 6.71047 7.08609 6.71047 7.81699C6.71047 8.54789 7.28866 9.13617 8.00701 9.13617H9.30355V7.81699C9.30355 7.08609 8.72537 6.4978 8.00701 6.4978Z' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2808 7.8082C13.2808 7.0773 12.7026 6.48901 11.9842 6.48901C11.2659 6.48901 10.6877 7.0773 10.6877 7.8082V9.12738H11.9842C12.7026 9.12738 13.2808 8.5391 13.2808 7.8082Z' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6965 14.0209V9.12744H9.30355V14.0209' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.19886 6.4978H0.438019' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.562 6.4978H17.7924' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.32019 2.40661L1.80464 1.48853' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1954 11.5073L16.6798 10.5803' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6798 2.40661L18.1954 1.48853' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.80464 11.5073L3.32019 10.5803' stroke='%233E3A39' stroke-width='0.99' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6221_14290'%3E%3Crect width='20' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; }

.ui-tooltip-wrap.question-search-tooltip-wrap .ui-tooltip .ui-tooltip-content .txt-prepareinfo { font-size: 11px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 150%; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip { padding: 0; text-align: left; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip.sample i { margin-left: 4px; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip.sample i:before { content: ""; display: block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='16' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_762_6914' transform='scale(0.0625)'/%3E%3C/pattern%3E%3Cimage id='image0_762_6914' width='16' height='16' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzgyQjdFNTExRjFFMTFFQ0FCNDFEMzY5ODIyRDY5ODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzgyQjdFNTIxRjFFMTFFQ0FCNDFEMzY5ODIyRDY5ODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODJCN0U0RjFGMUUxMUVDQUI0MUQzNjk4MjJENjk4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3ODJCN0U1MDFGMUUxMUVDQUI0MUQzNjk4MjJENjk4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnVL3CAAAAD/SURBVHjanJLPCgFRFMbHEHkMk4X/HoLFIG+hWNh4EVIUNd7AVizGzhsYykZ5CCny5zs6V9d03cx89avpnPude+acG5kvN4ZPOdACNZDi2BGsgAP28mFT+o6DEdiCHsiABJPlGOUmIClMMcm8AFVDL7qwDdKgDq6ig8EfZlkV0BcV81xVpQijUoe8Jg8sagQXeVo0A1tz6Mn8kk0dWD+SRW7f1BSwdMntH7/x3sLRCK+TyS8srFwqMAN3RbLgm4df5HGogAemigOetAXVPMjjiSHSO3cDtL5mz2dFV9AAY/DQGB98c5M9XzumQBeUwBAcwA2cwY5jZX7CF2F6CTAAw/ky1o+Cy9EAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 0; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip.sample i:after { content: ''; position: absolute; left: 1px; top: -7px; transform: rotate(180deg); }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip.sample:hover i:after { display: block; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip .ui-tooltip-titl-div { display: flex; align-items: center; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip .ui-tooltip-content { width: auto; min-width: 166px; padding: 9px 23px 8px 23px; margin-left: -83px; top: -53px; left: 50%; right: -5px; text-align: left; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip .ui-tooltip-content.w410 { min-width: 410px; }

.ui-tooltip-wrap.mark-table-tooltip-wrap .ui-tooltip .ui-tooltip-content .txt-prepareinfo { font-size: 11px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 150%; }

.ui-tooltip-wrap .ui-tooltip { padding: 0 !important; }

#claoudroom * { box-sizing: border-box; }

#claoudroom section { overflow: visible; }

#claoudroom .page-bot-btn { margin-top: 48px; display: flex; align-items: center; justify-content: center; }

#claoudroom .page-bot-btn button { border-radius: 4px !important; }

#claoudroom .page-bot-btn button + button { margin-left: 10px; }

#claoudroom .coment-txt { padding-top: 14px; margin-bottom: 20px; font-size: 16px; font-family: Noto Sans KR; color: var(--gray-100, #212529); font-weight: 400; line-height: 20px; }

#claoudroom .top-cloudroom-infomation { display: flex; align-items: center; }

#claoudroom .top-cloudroom-infomation.justify-content-space-between { justify-content: space-between; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter { display: flex; align-items: center; position: relative; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap { position: relative; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .ui-btn-filter { display: flex; width: 160px; height: 40px; padding: 0px 8px; justify-content: space-between; align-items: center; flex-shrink: 0; font-size: 16px; color: var(--gray-100); font-style: normal; font-weight: 400; line-height: 24px; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #FFF; position: relative; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .ui-btn-filter:before { content: ""; display: block; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; right: 8px; margin-top: -3px; margin-left: -8px; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .cloudroom-filter-box { display: none; padding: 16px 20px 16px 20px; position: absolute; right: 0; top: 50px; background: #FFF; border-radius: 4px; border: 1px solid #CED0DA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); z-index: 9; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .cloudroom-filter-box.active { display: block; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .cloudroom-filter-box .ui-form-check-inline { margin-top: 4px; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .cloudroom-filter-box .ui-form-check-inline:first-child { margin-top: 0; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .slect-filter-wrap .cloudroom-filter-box .ui-form-check-inline label { margin: 0 4px 0 0; flex: calc(100% - 20px) 0 0; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .ui-btn-arry { display: flex; align-items: center; margin-left: 20px; position: relative; }

#claoudroom .top-cloudroom-infomation .top-cloudroom-filter .ui-btn-arry:before { content: ""; display: block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96668 4.97956C6.84001 4.97956 6.71334 4.93289 6.61334 4.83289L4.48668 2.70623L2.36001 4.83289C2.16668 5.02623 1.84668 5.02623 1.65334 4.83289C1.56036 4.7388 1.50821 4.61185 1.50821 4.47956C1.50821 4.34727 1.56036 4.22032 1.65334 4.12623L4.13334 1.64623C4.22709 1.55259 4.35418 1.5 4.48668 1.5C4.61918 1.5 4.74626 1.55259 4.84001 1.64623L7.32001 4.12623C7.51334 4.31956 7.51334 4.63956 7.32001 4.83289C7.22001 4.93289 7.09334 4.97956 6.96668 4.97956Z' fill='black'/%3E%3Cpath d='M4.48666 14.5C4.21333 14.5 3.98666 14.2733 3.98666 14V2C3.98666 1.72667 4.21333 1.5 4.48666 1.5C4.76 1.5 4.98666 1.72667 4.98666 2V14C4.98666 14.2733 4.76 14.5 4.48666 14.5ZM11.52 14.5C11.3874 14.4999 11.2603 14.4471 11.1667 14.3533L8.68666 11.8733C8.59368 11.7792 8.54153 11.6523 8.54153 11.52C8.54153 11.3877 8.59368 11.2608 8.68666 11.1667C8.88 10.9733 9.2 10.9733 9.39333 11.1667L11.52 13.2933L13.6467 11.1667C13.84 10.9733 14.16 10.9733 14.3533 11.1667C14.5467 11.36 14.5467 11.68 14.3533 11.8733L11.8733 14.3533C11.78 14.4467 11.6467 14.5 11.52 14.5Z' fill='black'/%3E%3Cpath d='M11.5133 14.5C11.24 14.5 11.0133 14.2733 11.0133 14V2C11.0133 1.72667 11.24 1.5 11.5133 1.5C11.7867 1.5 12.0133 1.72667 12.0133 2V14C12.0133 14.2733 11.7933 14.5 11.5133 14.5Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 4px; }

#claoudroom .cloudroom-infomation-wrap { margin-top: 40px; display: flex; flex-wrap: wrap; }

#claoudroom .cloudroom-infomation-wrap .item { width: 384px; margin: 60px 36px 0 0; }

#claoudroom .cloudroom-infomation-wrap .item:nth-child(1), #claoudroom .cloudroom-infomation-wrap .item:nth-child(2), #claoudroom .cloudroom-infomation-wrap .item:nth-child(3) { margin-top: 0; }

#claoudroom .cloudroom-infomation-wrap .item:nth-child(3n) { margin-right: 0; }

#claoudroom .cloudroom-infomation-wrap .item.ml0 { margin-left: 0; }

#claoudroom .cloudroom-infomation-wrap .item.create-type .card-wrap { display: flex; width: 384px; height: calc(100% - 43px); padding: 69px 84px; flex-direction: column; justify-content: center; align-items: center; gap: 24px; border-radius: 8px; border: 4px dashed var(--main-100, #20BCB7); background: #FFF; box-shadow: none; }

#claoudroom .cloudroom-infomation-wrap .item.create-type .card-wrap .create-type-info-text { font-size: 16px; color: var(--gray-90, #343A40); font-style: normal; font-weight: 400; line-height: 24px; word-spacing: -1px; text-align: center; }

#claoudroom .cloudroom-infomation-wrap .item.normal-type .top .type-info .ui-form-cloudroom-text { color: var(--gray-70, #868E96); }

#claoudroom .cloudroom-infomation-wrap .item.basic-active .card-wrap { border-top: 2px solid var(--Cloud-100, #1CBCB7); border-right: 2px solid var(--Cloud-100, #1CBCB7); border-left: 2px solid var(--Cloud-100, #1CBCB7); }

#claoudroom .cloudroom-infomation-wrap .item.basic-active .card-wrap .card-bot-button { width: 100%; }

#claoudroom .cloudroom-infomation-wrap .item.basic-active .card-wrap::before { content: ""; display: block; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='20.3594' cy='35.2324' rx='6.5' ry='3.5' fill='%23CFCFCF'/%3E%3Cpath d='M15.7504 9.03124L24.9716 9.03344C25.7534 9.03344 26.3895 8.39735 26.3895 7.61549C26.3873 6.83142 25.7534 6.19754 24.9716 6.19754L15.7504 6.19533C14.9686 6.19533 14.3325 6.83142 14.3325 7.61328C14.3325 8.39514 14.9686 9.03124 15.7504 9.03124Z' fill='%2320BCB7'/%3E%3Cpath d='M27.5715 22.6369H27.352L23.9297 10.1651L16.7959 10.1651L13.3736 22.6369L13.1541 22.6369C12.2711 22.6369 11.5527 23.3553 11.5527 24.2383C11.5527 25.1213 12.2711 25.8397 13.1541 25.8397L17.3895 25.8397L20.3628 37.3237L23.3386 25.8422H27.574C28.4595 25.8447 29.1779 25.1263 29.1754 24.2408C29.1754 23.3578 28.457 22.6394 27.574 22.6394L27.5715 22.6369Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); position: absolute; left: 8px; top: 8px; }

#claoudroom .cloudroom-infomation-wrap .item .top { height: 23px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudroom-infomation-wrap .item .top .type-info { display: flex; align-items: center; justify-content: center; }

#claoudroom .cloudroom-infomation-wrap .item .top .type-info span { margin-right: 8px; }

#claoudroom .cloudroom-infomation-wrap .item .top .type-info span:last-child { margin-right: 0; }

#claoudroom .cloudroom-infomation-wrap .item .top .type-info .ui-form-cloudroom-text { width: 268px; font-size: 16px; color: var(--black); font-style: normal; font-weight: 500; line-height: normal; border: none; caret-color: transparent; cursor: default; pointer-events: none; }

#claoudroom .cloudroom-infomation-wrap .item .top .type-info .ui-form-cloudroom-text.active { border-bottom: 1px solid var(--gray-80, #495057); caret-color: auto; cursor: auto; pointer-events: auto; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap { display: flex; width: 384px; height: 266px; flex-direction: column; align-items: flex-start; justify-content: space-between; border-radius: 8px; background: var(--gray-20, #F1F3F5); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); position: relative; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap * { box-sizing: border-box; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top { width: 100%; padding: 32px 40px 32px 40px; position: relative; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area { display: flex; align-items: center; justify-content: center; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-image-area span { width: 72px; height: 72px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-text-area { margin-left: 16px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-text-area .visual-text-name { margin-bottom: 8px; font-size: 20px; color: var(--black); font-style: normal; font-weight: 500; line-height: 20px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-text-area .visual-text-date { font-size: 16px; color: var(--gray-100); font-style: normal; font-weight: 300; line-height: 20px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-button-area { margin-left: 36px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .top-info-area .visual-button-area .ui-btn { width: 160px; min-width: 160px; height: 40px; color: #FFF; text-align: center; font-size: 14px; font-family: Noto Sans KR; font-style: normal; font-weight: 500; line-height: 34px; border-radius: 4px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap { width: 100%; height: 66px; position: relative; z-index: 9; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap.active { height: auto; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap.active .bot-info-area { height: auto; overflow: auto; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap .detail-tooltip { width: 261px; min-height: 50px; padding: 8px 23px 8px 23px; display: none; border-radius: 8px; background-color: #FBDF83; position: relative; left: 50%; bottom: -12px; margin: 0 0 0 -131px; font-size: 11px; color: var(--grey-80, #5C626C); font-style: normal; font-weight: 400; line-height: 150%; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap .detail-tooltip::before { content: ""; display: block; width: 10px; height: 6px; margin: -31px 0 0 -3px; background-image: url(/static/image/common/spr-page-common.png); background-position: -800px 0; background-repeat: no-repeat; position: absolute; top: 50%; left: 50%; z-index: 9; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area-wrap .detail-tooltip.active { display: block; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area { margin-top: 16px; position: relative; display: flex; width: 304px; height: 100%; overflow: hidden; padding: 10px 16px; flex-direction: column; align-items: flex-start; gap: 6px; border-radius: 8px; background: #FFF; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .bot-info-title { display: flex; align-items: center; font-size: 16px; color: var(--black); font-style: normal; font-weight: 400; line-height: 20px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .bot-info-title span { margin-left: 8px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .bot-info-list { width: 100%; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .bot-info-list span { display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: var(--gray-100); font-style: normal; font-weight: 300; line-height: 20px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .arrow-more-content { width: 11px; height: 9px; position: absolute; right: 15px; top: 14px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0.500001L10.2631 8.75L0.736859 8.75L5.5 0.500001Z' fill='%231CBCB7'/%3E%3C/svg%3E%0A"); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .arrow-more-content.active { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .btn-more-content-area { width: 100%; display: flex; align-items: center; justify-content: center; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .btn-more-content-area .btn-more-content { display: flex; align-items: center; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-top .bot-info-area .btn-more-content-area .btn-more-content::after { content: ""; display: block; width: 13px; height: 14px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='7' r='6.5' fill='%23ADB5BD'/%3E%3Crect x='2.4375' y='6.49219' width='8.125' height='1.01562' fill='white'/%3E%3Crect x='5.99219' y='11.0625' width='8.125' height='1.01562' transform='rotate(-90 5.99219 11.0625)' fill='white'/%3E%3C/svg%3E%0A"); }

#claoudroom .cloudroom-infomation-wrap .item .card-wrap .card-bot-button { display: flex; width: 384px; padding: 15px 0px; justify-content: center; align-items: center; border-radius: 0px 0px 8px 8px; background: #20BCB7; font-size: 18px; color: #FFF; font-style: normal; font-weight: 300; line-height: 18px; position: absolute; left: 0; bottom: 0; }

#claoudroom .cloudRoom-2dan-layout { width: 1224px; min-height: 200px; margin: 40px auto 0 auto; position: relative; display: flex; justify-content: space-between; }

#claoudroom .cloudRoom-2dan-layout * { box-sizing: border-box; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile { position: sticky; top: 246px; z-index: 140; width: 323px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile.basic-active .lnb-profile-wrap .lnb-profile-box { border-radius: 8px; border: 2px solid #845EF7; background: var(--Gray-20, #F1F3F5); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); }

#claoudroom .cloudRoom-2dan-layout .lnb-profile.basic-active .lnb-profile-wrap .lnb-profile-box:after { content: ""; display: block; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='20.3594' cy='35.2324' rx='6.5' ry='3.5' fill='%23CFCFCF'/%3E%3Cpath d='M15.7504 9.03124L24.9716 9.03344C25.7534 9.03344 26.3895 8.39735 26.3895 7.61549C26.3873 6.83142 25.7534 6.19754 24.9716 6.19754L15.7504 6.19533C14.9686 6.19533 14.3325 6.83142 14.3325 7.61328C14.3325 8.39514 14.9686 9.03124 15.7504 9.03124Z' fill='%23845EF7'/%3E%3Cpath d='M27.5715 22.6369H27.352L23.9297 10.1651L16.7959 10.1651L13.3736 22.6369L13.1541 22.6369C12.2711 22.6369 11.5527 23.3553 11.5527 24.2383C11.5527 25.1213 12.2711 25.8397 13.1541 25.8397L17.3895 25.8397L20.3628 37.3237L23.3386 25.8422H27.574C28.4595 25.8447 29.1779 25.1263 29.1754 24.2408C29.1754 23.3578 28.457 22.6394 27.574 22.6394L27.5715 22.6369Z' fill='%23845EF7'/%3E%3C/svg%3E%0A"); position: absolute; top: 14px; right: 20px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap { position: sticky; top: 246px; z-index: 140; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box { width: 323px; min-height: 359px; padding: 20px 20px 32px 20px; border-radius: 8px; border: 1px solid #CED0DA; background: var(--gray-20, #F1F3F5); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-top-info { padding-bottom: 20px; font-size: 20px; color: #000; font-style: normal; font-weight: 400; line-height: 28px; border-bottom: 1px solid #D9D9D9; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info { margin-top: 20px; display: flex; align-items: center; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info .visual-image-area span { width: 80px; height: 80px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info .visual-text-area { margin-left: 23px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info .visual-text-area .visual-text-name { margin-top: 8px; font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info .no-data-area { width: 100%; margin-top: 36px; display: flex; align-items: center; justify-content: center; flex-direction: column; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-info .no-data-area .visual-txt-area { margin-top: 26px; font-size: 20px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 28px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info { width: 283px; min-height: 138px; padding: 20px 0 20px 16px; margin-top: 20px; flex-shrink: 0; border-radius: 8px; background: #FFF; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info .list li + li { margin-top: 16px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info .list li span { display: inline-block; font-size: 16px; color: var(--gray-90, #343A40); font-style: normal; font-weight: 400; line-height: 20px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info .list li span.list-ttl { width: 97px; color: var(--black, #000); }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info .list li .type-option-span { display: flex; align-items: center; justify-content: center; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .lnb-profile-box .join-profile-bot-info .list li .type-option-span select { height: 32px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; margin-right: 4px; }

#claoudroom .cloudRoom-2dan-layout .lnb-profile .lnb-profile-wrap .ui-btn { margin: 40px auto 0 auto; }

#claoudroom .cloudRoom-2dan-layout .contents_area { width: 861px; position: relative; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box { width: 861px; min-height: 155px; margin-bottom: 40px; border-radius: 8px; border: 1px solid #CED0DA; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .title { height: 70px; padding: 23px 0 23px 21px; background: var(--gray-20, #F1F3F5); font-size: 20px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; border-radius: 6px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap { padding: 30px 20px 30px 20px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list { width: 100%; display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list + .list { margin-top: 20px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list.table-type { display: block; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list.table-type .current-table tr th { padding: 5px 0 5px 0; color: var(--Gray-70, #868E96); text-align: center; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list.table-type .current-table tr td { padding: 10px 0 10px 0; text-align: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list.table-type .current-table tr td.td-left { text-align: left; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .list-line { width: 100%; display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .btn-line { display: flex; align-items: center; justify-content: end; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .btn-line button { width: auto; min-width: 54px; padding: 0 10px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .btn-line button + button { margin-left: 16px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .left { display: flex; align-items: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list .left span { margin-right: 10px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span { font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; word-spacing: -2px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span.first-txt { width: 685px; padding-left: 10px; position: relative; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span.first-txt:before { content: ""; display: block; width: 2px; height: 2px; position: absolute; top: 13px; left: 0; margin-top: -1px; background-color: #666; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span.first-txt .txt-ellipsis { width: 549px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span.first-txt .label.new-purchase { min-width: 65px; position: absolute; left: 0; top: -20px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .list span.line-through2:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: #000; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .no-list { font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; text-align: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .no-list .payment-btn-add { min-width: auto; height: 40px; display: block; display: flex; align-items: center; padding: 0 10px 0 10px; margin: 15px auto 0 auto; position: relative; font-size: 16px; color: var(--main-100, #20BCB7); font-style: normal; font-weight: 400; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .no-list .payment-btn-add:after { content: ""; display: block; width: 16px; height: 16px; margin-left: 8px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2320BCB7'/%3E%3Crect x='3' y='7.375' width='10' height='1.25' fill='white'/%3E%3Crect x='7.375' y='13' width='10' height='1.25' transform='rotate(-90 7.375 13)' fill='white'/%3E%3C/svg%3E%0A"); }

#claoudroom .cloudRoom-2dan-layout .contents_area .current-box .list-wrap .no-list button { margin: 15px auto 0 auto; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap { width: 861px; min-height: 250px; margin-bottom: 40px; flex-shrink: 0; border-radius: 8px; border: 1px solid #CED0DA; background: #FFF; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .top { height: 81px; padding: 0 20px 0 20px; display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .top .title { font-size: 20px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .top .date-select { display: flex; align-items: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .top .date-select .datepicker { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 8.32814e-07L10 0L5 6Z' fill='%23212529'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; position: relative; background-position: center right 9px; background-size: 10px 6px; padding-right: 8px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .top .date-select span { display: block; color: var(--grey-100); margin: 0 6px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap { display: flex; width: 859px; padding: 16px 36px; align-items: center; justify-content: center; gap: 8px; background: var(--gray-20, #F1F3F5); }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box { width: 100%; display: flex; align-items: center; justify-content: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box button { width: calc(100% - 20%); height: 42px; align-items: center; justify-content: center; font-size: 16px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 40px; border-radius: 20px; border: 1px solid #CED0DA; background: #FFF; position: relative; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box button + button { margin-left: 17px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box button:before { content: ""; display: block; width: 1px; height: 10px; margin-top: -5px; background-image: url("data:image/svg+xml,%3Csvg width='1' height='10' viewBox='0 0 1 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='10' fill='%23E3E7F1'/%3E%3C/svg%3E%0A"); position: absolute; top: 50%; left: -9px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box button:first-child:before { display: none; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .tab-wrap .tab-box button.active { background: var(--main-100, #20BCB7); color: #fff; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap { padding: 60px 20px 50px 20px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box { margin-bottom: 49px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box:last-child { margin-bottom: 0; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box h3 { margin-top: 49px; margin-bottom: 12px; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box h3:first-child { margin-top: 0; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list:last-child { margin-bottom: 0; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info { display: flex; align-items: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image { width: 36px; height: 36px; position: relative; background-color: var(--main-100, #20BCB7); border-radius: 36px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.paper { background-image: url(/static/image/common/spr-page-common.png); background-position: -650px 0; background-repeat: no-repeat; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.class-name { background-image: url(/static/image/common/spr-page-common.png); background-position: -700px 0; background-repeat: no-repeat; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.thacher-name { background-image: url(/static/image/common/spr-page-common.png); background-position: -750px 0; background-repeat: no-repeat; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.timeline-state { background-image: url(/static/image/common/ico-timeline-state.png); background-repeat: no-repeat; background-size: 26px 14px; background-position: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.plus:before { content: "+"; display: block; width: 20px; height: 20px; position: absolute; top: 16px; left: 24px; border: 1px solid #E9ECEF; background-color: #fff; border-radius: 20px; text-align: center; line-height: 100%; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .image.minus:before { content: "-"; display: block; width: 20px; height: 20px; position: absolute; top: 16px; left: 24px; border: 1px solid #E9ECEF; background-color: #fff; border-radius: 20px; text-align: center; line-height: 100%; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .txt { margin-left: 47px; width: 575px; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .left-info .txt a { color: #20BCB7; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .timeline-list-wrap .timline-list-box .timline-list .right-info { font-size: 14px; color: var(--gray-80, #495057); text-align: right; font-style: normal; font-weight: 400; line-height: 22px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .no-list { width: 100%; padding-top: 36px; display: block; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; text-align: center; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .ui-btn-more { width: 100%; height: 60px; border-radius: 0 0 8px 8px !important; border: none; border-top: 1px solid #CED0DA; background: #FFF; font-size: 16px; color: var(--main-100, #20BCB7); font-style: normal; font-weight: 400; line-height: 24px; display: flex; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .ui-btn-more span { width: 16px; height: 16px; margin-right: 8px; flex-shrink: 0; position: relative; background-color: #20BCB7; border-radius: 20px; }

#claoudroom .cloudRoom-2dan-layout .contents_area .cloudroom-timeline-wrap .ui-btn-more span:before { content: "+"; display: block; width: 16px; height: 16px; color: #fff; text-align: center; line-height: 14px; position: absolute; left: 0; top: 0; }

#claoudroom .cloudroom-class-contents .class-search-top-wrap { margin-bottom: 40px; }

#claoudroom .cloudroom-class-contents .class-search-top-wrap .ui-btn { min-width: 160px; }

#claoudroom .cloudroom-class-contents .class-search-top-wrap .ui-form-text { min-width: 330px; font-size: 15px; }

#claoudroom .cloudroom-class-contents .class-search-top-wrap .ui-btn-search { width: 100px; min-width: 100px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout { display: flex; justify-content: space-between; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left { width: 440px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item { display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item + .form-item { margin-top: 16px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item .ui-form-text.all { width: 300px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item .ui-form-phone-number.three .ui-form-select { width: 88px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item .ui-form-phone-number.three .ui-form-text { width: 88px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item .ui-form-phone-number .ui-form-select { width: 300px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .left .form-item .ui-form-phone-number .ui-form-select:disabled { color: var(--grey-60); background-color: var(--grey-20); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right { width: 704px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box { display: flex; height: 224px; padding: 0px 8px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; align-self: stretch; border-radius: 4px; border: 1px solid var(--stroke, #CED0DA); background: #FFF; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box.active { padding: 0 3px 0 3px; align-items: flex-start; justify-content: flex-start; gap: 0; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box.active .class-list-wrap { width: 100%; padding: 6px 14px 16px 21px; overflow-y: scroll; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box.active .class-list-wrap::-webkit-scrollbar { width: 7px; position: relative; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box.active .class-list-wrap::-webkit-scrollbar-thumb { background-color: #98999B; background-clip: padding-box; border-radius: 7px; margin: 3px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box.active .class-list-wrap::-webkit-scrollbar-track { background-color: #DEE2E6; border-radius: 7px; margin: 3px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box .class-list { width: 100%; padding: 12px 0 12px 0; border-bottom: 1px solid var(--stroke, #CED0DA); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .right .student-create-box .class-list .info-txt { font-size: 16px; color: var(--red, #FF4545); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item { display: flex; align-items: center; justify-content: space-between; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item + .form-item, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item + .form-item { margin-top: 16px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .item__primary, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .item__primary { display: flex; flex-direction: column; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .item__primary .add_class, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .item__primary .add_class { display: flex; width: 100px; height: 30px; padding: 10px; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid #20BCB7; background: #FFF; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .item__primary .add_class .add__text, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .item__primary .add_class .add__text { color: #20BCB7; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .item__primary .add_class .add__arrow, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .item__primary .add_class .add__arrow { width: 18px; height: 18px; margin-left: 3px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 9.75H9.75V12.75H8.25V9.75H5.25V8.25H8.25V5.25H9.75V8.25H12.75M9 1.5C8.01509 1.5 7.03982 1.69399 6.12987 2.0709C5.21993 2.44781 4.39314 3.00026 3.6967 3.6967C2.29018 5.10322 1.5 7.01088 1.5 9C1.5 10.9891 2.29018 12.8968 3.6967 14.3033C4.39314 14.9997 5.21993 15.5522 6.12987 15.9291C7.03982 16.306 8.01509 16.5 9 16.5C10.9891 16.5 12.8968 15.7098 14.3033 14.3033C15.7098 12.8968 16.5 10.9891 16.5 9C16.5 8.01509 16.306 7.03982 15.9291 6.12987C15.5522 5.21993 14.9997 4.39314 14.3033 3.6967C13.6069 3.00026 12.7801 2.44781 11.8701 2.0709C10.9602 1.69399 9.98491 1.5 9 1.5Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .necessary, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .necessary { position: relative; padding-right: 11px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .necessary::after, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .necessary::after { position: absolute; right: 0; top: 50%; width: 5px; height: 5px; content: ""; border-radius: 50%; background-color: #F3B79B; transform: translateY(-50%); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-text.all, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-text.all { width: 396px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number.three .ui-form-select, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number.three .ui-form-select { width: 120px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number.three .ui-form-text, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number.three .ui-form-text { width: 120px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number.is-unflex, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number.is-unflex { display: block; align-items: normal; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number.is-unflex .ui-form-inner, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number.is-unflex .ui-form-inner { width: 100%; display: flex; justify-content: space-between; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .ui-form-select, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .ui-form-select { width: 396px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .ui-form-select:disabled, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .ui-form-select:disabled { color: var(--grey-60); background-color: var(--grey-20); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .add_school, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .add_class, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .add_school, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .add_class { display: flex; justify-content: center; align-items: center; margin-left: 6px; border-radius: 4px; border: 1px solid #CED0DA; background-color: #F7F9FB; width: 80px; height: 40px; padding: 10px; color: #212529; font-size: 16px; font-weight: 400; line-height: 20px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .add_text, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .add_text { margin-top: 6px; color: #20BCB7; font-size: 14px; font-weight: 400; line-height: 20px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .ui-form-phone-number .add_text.is-invalid, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .ui-form-phone-number .add_text.is-invalid { color: var(--main-100); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer { position: relative; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem { display: flex; align-items: center; justify-content: space-between; width: 396px; font-size: 14px; line-height: 25px; color: #000; background: #FFFFFF; border: 1px solid #CED0DA; border-radius: 5px; padding: 6px 8px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem .button__text, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem .button__text { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; text-align: left; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem::after, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem::after { content: ''; display: block; border-top: 6px solid #000; border-left: 5px solid #fff; border-right: 5px solid #fff; margin-left: 16px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem i, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem i { display: block; width: 23px; height: 25px; background-image: url(/static/image/icon_add_exam.png); background-repeat: no-repeat; background-position: 0 0; margin-left: 5px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem img, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem img { padding-left: 4px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem:not(:disabled):hover, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem:not(:disabled):hover { border-color: #20BCB7; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem:disabled, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem:disabled { color: var(--grey-60); border-color: #dddee5; background-color: var(--grey-20); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem:disabled::after, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem:disabled::after { border-top-color: #c5cbd1; border-left-color: transparent; border-right-color: transparent; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .add_exem:hover i, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .add_exem:hover i { background-image: url(/static/image/icon_add_exam_hover.png); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp { display: none; position: absolute; right: 0; top: 44px; z-index: 10; overflow-x: hidden; overflow-y: auto; width: 310px; max-height: 415px; padding: 16px 20px; background: #fff; border: 1px solid #dadce0; border-radius: 5px; z-index: 11; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp label, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp label { position: relative; display: flex; width: 100%; height: 30px; padding-left: 20px; text-align: left; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp label span, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp label span { color: #333; font-size: 14px; font-weight: 400; line-height: 30px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp label i, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp label i { position: absolute; left: 0; top: 50%; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' fill='white' stroke='%23CED0DA'/%3E%3C/svg%3E"); transform: translateY(-50%); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp label input[type="checkbox"], #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp label input[type="checkbox"] { position: absolute; opacity: 0; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary .form-item .select_layer .layer_warp label input[type="checkbox"]:checked + i, #claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary .form-item .select_layer .layer_warp label input[type="checkbox"]:checked + i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H0V16H16V0ZM3.70619 6.6842L2.51429 7.87611L6.37219 11.734L13.4857 4.61627L12.2938 3.42857L6.37219 9.35019L3.70619 6.6842Z' fill='%2320BCB7'/%3E%3C/svg%3E"); }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-primary { width: 513px; }

#claoudroom .cloudroom-student-wrap .cloudroom-student-layout .cloudroom-student-secondary { width: 554px; }

#claoudroom .cloudroom-student-wrap .bot-div-box { margin-top: 26px; }

#claoudroom .cloudroom-student-wrap .bot-div-box .student-creat-info-txt { font-size: 16px; color: var(--red, #FF4545); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

#claoudroom .cloudroom-student-wrap .bot-div-box .page-bot-btn { margin-top: 32px; }

#claoudroom .cloudroom-student-wrap #validation_message { padding-top: 247px; color: #FF4545; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-align: center; }

#claoudroom .teacherout-apply-contents h4 { margin-bottom: 20px; font-size: 20px; color: #000; font-style: normal; font-weight: 500; line-height: 24px; }

#claoudroom .teacherout-apply-contents .precaution-wrap { margin-top: 54px; }

#claoudroom .teacherout-apply-contents .precaution-wrap .ttl { margin-bottom: 20px; font-size: 18px; color: #000; font-style: normal; font-weight: 500; line-height: 24px; }

#claoudroom .teacherout-apply-contents .precaution-wrap .precaution-box { display: flex; width: 100%; padding: 20px; flex-direction: column; align-items: flex-start; gap: 8px; border: 1px solid var(--stroke, #CED0DA); }

#claoudroom .teacherout-apply-contents .precaution-wrap .precaution-box .list li { font-size: 14px; color: var(--gray-90, #343A40); font-style: normal; font-weight: 400; line-height: 22px; }

#claoudroom .teacherout-apply-contents .precaution-wrap .precaution-check-box { margin-top: 22px; }

.mypage_infoUl li + li { margin-top: 40px; }

.mypage_infoUl li .justify-align-box { display: flex; justify-content: space-between; }

.mypage_infoUl li .ttl { margin-bottom: 10px; font-size: 16px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 24px; }

.mypage_infoUl li .right-cmt { display: flex; font-size: 16px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 24px; }

.mypage_infoUl li .right-cmt:before { content: ""; display: block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2320BCB7'/%3E%3Crect x='8' y='4' width='2' height='7' rx='1' fill='white'/%3E%3Ccircle cx='9' cy='14' r='1' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 4px; margin-top: 4px; }

#mycloud { width: 1010px; position: relative; }

#mycloud * { box-sizing: border-box; }

#mycloud .renewal2024info-user-wrap { display: flex; margin-bottom: 20px; }

#mycloud .renewal2024info-user-wrap * { box-sizing: border-box; }

#mycloud .renewal2024info-user-wrap > .item { min-height: 229px; flex: 1; position: relative; }

#mycloud .renewal2024info-user-wrap > .item + .item { margin-left: 14px; }

#mycloud .renewal2024info-user-wrap > .item.profile { border-radius: 15px; background: var(--Grey-20, #F0F3F9); }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-title { height: 30px; border-radius: 8px 8px 0px 0px; background: var(--Cloud-100, #1CBCB7); color: #FFF; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-title .user_name { padding: 3px 0 0 15px; font-size: 13px; font-style: normal; font-weight: 500; line-height: 22px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-img { margin-top: 49px; width: 33px; height: 33px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-img img { width: 100%; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-name-wrap { margin-top: 16px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-name-wrap .profile-name { color: var(--Grey-100, #333); font-family: "Spoqa Han Sans Neo"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: -0.063px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-name-wrap .profile-name span { font-weight: 500; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .profile-name-wrap .profile-name-detail { margin-top: 5px; color: var(--Grey-100, #333); font-family: "Spoqa Han Sans Neo"; font-size: 15px; font-style: normal; font-weight: 400; line-height: 24px; /* 160% */ letter-spacing: -0.052px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .info-optionpage-go { margin-top: 5px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .info-optionpage-go a { display: flex; padding: 0px 10px; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid var(--Cloud-100, #1CBCB7); background: #FFF; color: var(--Cloud-100, #1CBCB7); font-family: "Spoqa Han Sans Neo"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px; /* 200% */ letter-spacing: -0.042px; }

#mycloud .renewal2024info-user-wrap > .item.profile .info-user-detail .info-optionpage-go a:after { content: ''; display: block; width: 13px; height: 13px; margin: -1px 0 0 4px; background-image: url(/static/image/ico_mycloud_option.png); background-repeat: no-repeat; }

#mycloud .renewal2024info-user-wrap > .item.academy { border-radius: 8px; border: 1px solid #CED0DA; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title { width: 100%; height: 50px; padding: 10px 16px 10px 16px; border-radius: 8px 8px 0px 0px; background: #F4F6FA; display: flex; align-items: center; justify-content: space-between; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left { display: flex; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left span { margin-left: 8px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left span:first-child { margin-left: 0; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left .txt { display: inline-block; /* width:102px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ font-size: 14px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 22px; position: relative; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left .txt.txt-type2 { width: 225px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-academy-title .left .ui-btn-change { margin-left: 10px; }

#mycloud .renewal2024info-user-wrap > .item.academy .ui-btn-change { display: block; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot { padding: 15px; display: flex; flex-direction: column; align-items: center; width: 100%; flex-shrink: 0; border-top: none; border-radius: 0px 0px 8px 8px; background: #FFF; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 14px; text-align: center; color: var(--grey-100, #333); font-style: normal; font-weight: 400; line-height: 22px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item:first-child { border-left: none; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item .item-left { color: var(--Grey-100, #333); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item .item-right { color: var(--Grey-100, #333); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item .item-right strong { font-size: 14px; font-weight: 700; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-bot .item strong { font-size: 18px; font-weight: 700; }

#mycloud .renewal2024info-user-wrap > .item.academy .no-item { display: flex; width: 100%; height: 118px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 3px dashed var(--main-100, #20BCB7); background: #FFF; }

#mycloud .renewal2024info-user-wrap > .item.academy .no-item .txt { font-size: 16px; font-style: normal; color: var(--main-100, #20BCB7); text-align: center; font-weight: 400; line-height: 24px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-golink { position: absolute; right: 15px; bottom: 15px; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-golink .go-link { color: var(--Black, #000); font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; position: relative; display: flex; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.academy .info-user-golink .go-link:after { content: ''; display: block; width: 18px; height: 18px; margin-left: 4px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -250px 0; }

#mycloud .renewal2024info-user-wrap > .item.academy.no { border-radius: 8px; border: none; }

#mycloud .renewal2024info-user-wrap > .item.academy.no .no-item { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 3px dashed var(--main-100, #20BCB7); background: #FFF; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list { border-radius: 8px; border: 1px solid #CED0DA; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul { display: flex; flex-direction: column; justify-content: space-around; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul:last-child { border-bottom: none; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li { width: 100%; height: 114px; display: flex; flex-direction: column; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li:first-child { border-bottom: none; border-left: none; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li + li { border-top: 1px solid #CED0DA; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-alarm .info-user-top { padding-left: 23px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-alarm .info-user-top::before { content: ''; display: block; width: 18px; height: 20px; position: absolute; left: 0; top: 0; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -500px 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-settlement .info-user-top { padding-left: 30px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-settlement .info-user-top::before { content: ''; display: block; width: 23px; height: 14px; position: absolute; left: 0; top: 4px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -550px 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-point .info-user-top { padding-left: 30px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-point .info-user-top::before { content: ''; display: block; width: 21px; height: 20px; position: absolute; left: 0; top: 0; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -55px 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-mileage .info-user-top { padding-left: 27px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-mileage .info-user-top::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 2px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -600px 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-raging .info-user-top { padding-left: 26px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li.info-user-raging .info-user-top::before { content: ''; display: block; width: 21px; height: 20px; position: absolute; left: 0; top: 0; background-image: url("/images/pc/zocbo/zocbo_rn/sub/common/spr-mypage.png"); background-repeat: no-repeat; background-position: -107px 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div { width: 100%; height: 100%; padding: 0 20px 0 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div a { display: flex; align-items: center; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div span { display: block; position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--grey-100, #333); word-spacing: 0; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div span.info-user-top .info-user-qmark { width: 19px; height: 19px; position: absolute; right: -21px; top: 2px; background-image: url("/images/pc/zocbo/zocbo_rn/sub/common/spr-mypage.png"); background-repeat: no-repeat; background-position: -132px 0; z-index: 99; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div span.info-user-bot-point { margin-left: 5px; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list ul li .info-user-alarm-div span.info-user-bot-point strong { font-size: 18px; font-weight: 700; }

#mycloud .renewal2024info-user-wrap > .item.info-user-list .new-mark { width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -100px 0; }

#mycloud .info-user-wrap { width: 1010px; min-height: 128px; margin-bottom: 20px; display: flex; flex-direction: column; align-items: flex-start; background-color: #fff; }

#mycloud .info-user-wrap * { box-sizing: border-box; }

#mycloud .info-user-wrap .info-user-title { width: 100%; padding: 0 20px 0 20px; height: 54px; position: relative; background-color: #1CBCB7; border-radius: 8px 8px 0px 0px; display: flex; align-items: center; justify-content: space-between; }

#mycloud .info-user-wrap .info-user-title .user_name { font-size: 18px; line-height: 24px; font-weight: 400; word-spacing: 0; color: #FFF; }

#mycloud .info-user-wrap .info-user-title .pryUtility li { padding: 0 0 0 2px; margin: 0 0 0 3px; display: inline-block; *display: inline; zoom: 1; font-size: 12px; line-height: 24px; color: #fff; }

#mycloud .info-user-wrap .info-user-title .pryUtility li a { font-size: 12px; line-height: 24px; color: #fff; }

#mycloud .info-user-wrap .info-user-title .pryUtility li a:hover { text-decoration: underline; }

#mycloud .info-user-wrap .info-user-bot { width: 100%; border: 1px solid var(--gray-30, #E9ECEF); border-top: none; border-radius: 0 0 8px 8px; }

#mycloud .info-user-wrap .info-user-bot ul { display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #dadee7; }

#mycloud .info-user-wrap .info-user-bot ul:last-child { border-bottom: none; }

#mycloud .info-user-wrap .info-user-bot ul li { width: 100%; height: 77px; display: flex; align-items: center; border-left: 1px solid #dadee7; }

#mycloud .info-user-wrap .info-user-bot ul li:first-child { border-bottom: none; border-left: none; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-alarm .info-user-top { padding-left: 23px; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-alarm .info-user-top::before { content: ''; display: block; width: 18px; height: 20px; position: absolute; left: 0; top: 0; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -500px 0; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-settlement .info-user-top { padding-left: 30px; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-settlement .info-user-top::before { content: ''; display: block; width: 23px; height: 14px; position: absolute; left: 0; top: 4px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -550px 0; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-point .info-user-top { padding-left: 30px; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-point .info-user-top::before { content: ''; display: block; width: 21px; height: 20px; position: absolute; left: 0; top: 0; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -55px 0; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-mileage .info-user-top { padding-left: 27px; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-mileage .info-user-top::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 2px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -600px 0; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-raging .info-user-top { padding-left: 26px; }

#mycloud .info-user-wrap .info-user-bot ul li.info-user-raging .info-user-top::before { content: ''; display: block; width: 21px; height: 20px; position: absolute; left: 0; top: 0; background-image: url("/images/pc/zocbo/zocbo_rn/sub/common/spr-mypage.png"); background-repeat: no-repeat; background-position: -107px 0; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div { width: 100%; height: 100%; padding: 0 20px 0 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div a { display: flex; align-items: center; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div span { display: block; position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--grey-100, #333); word-spacing: 0; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div span.info-user-top .info-user-qmark { width: 19px; height: 19px; position: absolute; right: -21px; top: 2px; background-image: url("/images/pc/zocbo/zocbo_rn/sub/common/spr-mypage.png"); background-repeat: no-repeat; background-position: -132px 0; z-index: 99; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div span.info-user-bot-point { margin-left: 5px; }

#mycloud .info-user-wrap .info-user-bot ul li .info-user-alarm-div span.info-user-bot-point strong { font-size: 18px; font-weight: 700; }

#mycloud .info-user-wrap .info-user-bot .new-mark { width: 18px; height: 18px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -100px 0; }

#mycloud .academy-info-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }

#mycloud .academy-info-wrap > .item { width: 496px; }

#mycloud .academy-info-wrap > .item + .item { margin-left: 18px; }

#mycloud .academy-info-wrap > .item .info-academy-title { width: 496px; height: 54px; padding: 10px 20px 10px 16px; border-radius: 8px 8px 0px 0px; background: #F4F6FA; display: flex; align-items: center; justify-content: space-between; }

#mycloud .academy-info-wrap > .item .info-academy-title .left { display: flex; align-items: center; }

#mycloud .academy-info-wrap > .item .info-academy-title .left span { margin-left: 8px; }

#mycloud .academy-info-wrap > .item .info-academy-title .left span:first-child { margin-left: 0; }

#mycloud .academy-info-wrap > .item .info-academy-title .left .txt { display: inline-block; /* width:102px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ font-size: 14px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 22px; position: relative; }

#mycloud .academy-info-wrap > .item .info-academy-title .left .txt.txt-type2 { width: 225px; }

#mycloud .academy-info-wrap > .item .info-academy-title .left .ui-btn-change { margin-left: 10px; }

#mycloud .academy-info-wrap > .item .info-academy-title .right .go-link { margin-right: 16px; font-size: 14px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 22px; border-bottom: 1px solid #000; position: relative; }

#mycloud .academy-info-wrap > .item .info-academy-title .right .go-link:after { content: ''; display: block; width: 18px; height: 28px; position: absolute; right: -26px; top: 2px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -250px 0; }

#mycloud .academy-info-wrap > .item .info-user-bot { display: flex; align-items: center; width: 100%; min-height: 74px; flex-shrink: 0; border: 1px solid #F4F6FA; border-top: none; border-radius: 0px 0px 8px 8px; background: #FFF; }

#mycloud .academy-info-wrap > .item .info-user-bot.list3 .item { width: 164px; }

#mycloud .academy-info-wrap > .item .info-user-bot.list4 .item { width: 124px; }

#mycloud .academy-info-wrap > .item .info-user-bot .item { min-height: 74px; padding: 14px 0 14px 0; font-size: 14px; text-align: center; color: var(--grey-100, #333); font-style: normal; font-weight: 400; line-height: 22px; border-left: 1px solid #F4F6FA; }

#mycloud .academy-info-wrap > .item .info-user-bot .item:first-child { border-left: none; }

#mycloud .academy-info-wrap > .item .info-user-bot .item strong { font-size: 18px; font-weight: 700; }

#mycloud .academy-info-wrap > .item .no-item { display: flex; width: 494px; height: 128px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 3px dashed var(--main-100, #20BCB7); background: #FFF; }

#mycloud .academy-info-wrap > .item .no-item .txt { font-size: 16px; font-style: normal; color: var(--main-100, #20BCB7); text-align: center; font-weight: 400; line-height: 24px; }

#mycloud .top-position-button { position: absolute; right: 0; top: 16px; }

#mycloud .content-search-wrap { margin-bottom: 20px; }

#mycloud .content-search-wrap .column-txt .bot-column-txt { margin-top: 3px; font-size: 14px; font-style: normal; color: #5C626C; font-weight: 400; line-height: 160%; letter-spacing: -0.049px; }

#mycloud .mypage-list .mypage-list-ttl { margin-bottom: 10px; }

#mycloud .mypage-list-ttl { margin-bottom: 40px; font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 24px; }

#mycloud .payment-card-guide { display: flex; width: 100%; height: 220px; flex-direction: column; align-items: center; justify-content: center; border-top: 1px solid var(--stroke, #CED0DA); border-bottom: 1px solid var(--stroke, #CED0DA); }

#mycloud .payment-card-guide .txt { margin-bottom: 10px; font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

#mycloud .payment-card-guide .btn-area { margin: 0 auto; }

#mycloud .payment-card-guide .btn-area .ui-btn { width: auto; padding: 0 48px 0 48px; min-width: auto; }

.payBreakdown .payBreakdown_item { display: flex; align-items: center; }

.payBreakdown .payBreakdown_item.is-active .item__text { background-color: #E9F9F8; color: #008682; }

.payBreakdown .payBreakdown_item.is-only .item__text { color: #868E96; }

.payBreakdown .payBreakdown_item + .payBreakdown_item { margin-top: 4px; }

.payBreakdown .payBreakdown_item .item__text { height: 28px; padding: 0 18px 0 18px; display: flex; align-items: center; border-radius: 30px; background-color: #F1F3F5; color: #343A40; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.payBreakdown .payBreakdown_item .item__text span { margin-right: 10px; }

.payBreakdown .payBreakdown_item .item__button { min-width: 56px; height: 28px; padding: 0 15px; margin-left: 5px; border-radius: 30px; border: 1px solid var(--Stroke, #CED0DA); background: #FFF; color: var(--Gray-80, #495057); font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.payDate { display: flex; align-items: center; justify-content: center; }

.payDate .payDate__days { color: var(--Black, #000); text-align: center; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; }

.payDate .payDate__mark { display: flex; align-items: center; justify-content: center; width: 58px; height: 27px; margin-left: 8px; background-image: url("data:image/svg+xml,%3Csvg width='58' height='27' viewBox='0 0 58 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 2.29086 1.79086 0.5 4 0.5H54C56.2091 0.5 58 2.29086 58 4.5V8.51619C55.6605 8.72125 53.8207 10.8485 53.8207 13.4425C53.8207 16.0365 55.6605 18.1638 58 18.3689V22.5C58 24.7091 56.2091 26.5 54 26.5H4C1.79086 26.5 0 24.7091 0 22.5V18.298C2.10439 17.8635 3.69539 15.8548 3.69539 13.4425C3.69539 11.0302 2.10439 9.02159 0 8.58709V4.5Z' fill='%2372A4D3'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; color: #FFF; text-align: center; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; }

.no-data { padding: 12px 0; }

.no-data .txt { font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

.no-data .btn-area { display: flex; align-items: center; }

.no-data .btn-area .ui-btn { width: auto; min-width: 140px; padding: 0 10px 0 10px; margin: 10px auto 0 auto; }

.no-data .btn-area .ui-btn.ico-arrow-right:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); margin-left: 8px; }

#mymessage { position: relative; }

#mymessage * { box-sizing: border-box; }

#mymessage .tab-cloud-style { margin-bottom: 20px; }

#mymessage .content-search-wrap { margin-bottom: 20px; }

#mymessage .content-search-wrap .content-search-group .ui-btn { margin-left: 10px; }

#mymessage .content-search-wrap .content-search-group .ui-btn:first-child { margin-left: 0; }

#mymessage .mymessage-list-wrap .item { display: flex; justify-content: center; width: 1224px; height: 140px; padding: 16px 28px 16px 28px; flex-direction: column; flex-shrink: 0; border-radius: 8px; border: 1px solid var(--stroke, #CED0DA); background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); position: relative; }

#mymessage .mymessage-list-wrap .item + .item { margin-top: 30px; }

#mymessage .mymessage-list-wrap .item.active { border: 1px solid var(--stroke, #CED0DA); background: var(--gray-10, #F8F9FA); }

#mymessage .mymessage-list-wrap .item.no-data { background-color: var(--gray-20, #F1F3F5); border: 1px solid #F1F3F5; align-items: center; justify-content: center; }

#mymessage .mymessage-list-wrap .item.no-data p { font-size: 14px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 22px; }

#mymessage .mymessage-list-wrap .item .top { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; }

#mymessage .mymessage-list-wrap .item .top span { display: inline-block; }

#mymessage .mymessage-list-wrap .item .top span + span { margin-left: 10px; }

#mymessage .mymessage-list-wrap .item .top .academy-name-txt { font-size: 14px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 22px; }

#mymessage .mymessage-list-wrap .item .bot .mymessage-info-txt { font-size: 16px; color: #495057; font-style: normal; font-weight: 400; line-height: 24px; }

#mymessage .mymessage-list-wrap .item .ui-form-check-inline { position: absolute; right: 28px; top: 30px; }

#mymessage .mymessage-list-wrap .item .ui-form-check-inline .left-txt-align { font-size: 14px; color: var(--gray-70, #868E96); }

#mymessage .mymessage-list-wrap .item .bot-bbsInfo-position { position: absolute; right: 28px; bottom: 18px; }

#mymessage .mymessage-list-wrap .item .bot-bbsInfo { padding-right: 23px; font-size: 14px; color: var(--gray-70, #868E96); font-style: normal; font-weight: 400; line-height: 22px; position: relative; }

#mymessage .mymessage-list-wrap .item .bot-bbsInfo:after { content: ""; display: block; width: 18px; height: 18px; margin: 0 0 0 -3px; background-image: url(/static/image/common/spr-page-common.png); background-position: -250px 0; background-repeat: no-repeat; position: absolute; top: 2px; right: 0; z-index: 9; }

#question { position: relative; }

#question * { box-sizing: border-box; }

#question .sheet_content { padding-top: 0; }

#question .sheet_content .cont_title + .cont_title { margin-top: 10px; }

#question .sheet_content .cont_title span { padding-left: 0; font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

#question .sheet_content .cont_title span + span { margin-left: 15px; }

#question .sheet_content .exem_grading { padding-top: 50px; }

#question .sheet_content .exem_grading .grading_head .grading_title { font-weight: 400; }

#question .sheet_content .exem_grading .grading_data { width: 813px; margin-right: 0; }

#question .sheet_content .exem_grading .grading_data .grading_head { position: relative; margin-bottom: 10px; }

#question .sheet_content .exem_grading .grading_data .grading_head .student_name { font-size: 18px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

#question .sheet_content .exem_grading .grading_data .grading_head .grading_btns { position: absolute; right: 0; top: 0; }

#question .sheet_content .exem_grading .grading_data .grading_head .grading_btns button { min-width: 80px; padding: 6px 10px 6px 10px; border-radius: 4px; border: 1px solid var(--gray-60, #ADB5BD); background: #FFF; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; }

#question .sheet_content .exem_grading .grading_data .grading_head .grading_btns button img { margin: 2px 0 0 10px; }

#question .sheet_content .exem_grading table th { font-weight: 400; }

#question .sheet_content .exem_grading table td { font-weight: 400; }

#question .sheet_content .exem_grading table td .comment_body { padding-top: 20px; }

#question .page_btns button { border-radius: 4px; }

#question .publish_content { padding-top: 0; }

#question .publish_content .select_student { padding-top: 0; }

#question .publish_content .select_student .class_list { height: auto; }

#question .publish_content .select_student .class_list.mt80 .class_line + .class_line { margin-top: 80px; }

#question .publish_content .select_student .class_list .class_line { padding-top: 0; }

#question .publish_content .select_student .class_list .class_line + .class_line { margin-top: 15px; }

#question .publish_content .select_student .class_list .class_line .class_item { width: 360px; }

#question .publish_content .select_student .class_list .class_line .class_item + .class_item { margin-left: 70px; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name { padding: 8px 20px 10px 20px; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name > button { margin-top: 2px; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name a { cursor: pointer; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name .class_title { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name .class_title span.clwass_arrow { width: 7px; height: 14px; margin-left: 8px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.158313 1.22022L5.80648 7.00807L0.219223 12.7331C0.0140896 12.9433 0.0140896 13.2837 0.219223 13.4939C0.424356 13.7041 0.75656 13.7041 0.961694 13.4939L6.77509 7.53713C6.87485 7.43527 6.92386 7.30219 6.92666 7.1684C7.04358 6.95677 7.02328 6.68739 6.8472 6.50697L0.923187 0.436841C0.711752 0.323136 0.369397 0.323136 0.158313 0.436841C-0.0527716 0.85651 -0.0527716 1.13988 0.158313 1.22022Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name .coustom_checkbox span { margin-top: 3px; }

#question .publish_content .select_student .class_list .class_line .class_item .class_name .coustom_checkbox i { line-height: 24px; }

#question .publish_content .select_student .class_list .class_line .class_item .student_list .list_name { padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; position: relative; }

#question .publish_content .select_student .class_list .class_line .class_item .student_list .list_name .student { font-size: 14px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

#question .publish_content .select_student .class_list .class_line .class_item .student_list .list_name .sch_nm { font-size: 14px !important; color: var(--light-red, #DC948D); font-style: normal; font-weight: 400; line-height: 24px; text-align: right; }

#question .publish_content .select_student .class_list .class_line .class_item .student_list .list_name .coustom_checkbox .sch_nm { padding-left: 0; position: absolute; right: 20px; top: 10px; }

#question .question-contents .qst_list tr { position: relative; }

#question .question-contents .qst_list tr .coustom_checkbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#question .question-contents .qst_list tr .coustom_checkbox span { position: absolute; left: 36px; top: 50%; transform: translate(-50%, -50%); }

#question .search_data { padding: 0 0 24px 0; border-bottom: 1px solid var(--stroke, #CED0DA); background-image: none; }

#question .search_data .search_form { padding-top: 0; }

#question .search_data .search_form + .search_form { margin-top: 10px; }

#question .search_data .search_form .search_item { display: table; }

#question .search_data .search_form .search_item .title { min-width: 60px; padding-right: 8px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 38px; display: table-cell; vertical-align: top; }

#question .search_data .search_form .search_item .search_option { display: table-cell; vertical-align: top; float: none; font-size: 0; }

#question .search_data .search_form .search_item .search_option.gab-zero .radio_lab { margin: 0 8px 0 0; }

#question .search_data .search_form .search_item .search_option .radio_lab { margin: 0 8px 8px 0; }

#question .search_data .search_form .search_item .search_option .radio_lab:last-child { margin-right: 0; }

#question .search_data .search_form .search_item .search_option .radio_lab input:checked + span { font-size: 16px; font-weight: 400; background: var(--main-100, #20BCB7); border: 1px solid var(--main-100, #20BCB7); }

#question .search_data .search_form .search_item .search_option .radio_lab span { height: 40px; padding: 0 10px 0 10px; font-size: 16px; font-weight: 400; border-radius: 4px; border: 1px solid var(--gray-50, #CED4DA); }

#question .ai_section { padding-top: 40px; position: relative; }

#question .ai_section.gichul_analysis .title { margin-bottom: 20px; }

#question .ai_section.gichul_analysis .title span { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

#question .ai_section.gichul_analysis .title span.type_01 { color: #5674B6; }

#question .ai_section .title span { margin-right: 20px; }

#question .ai_section .title span.sch_nm { font-size: 20px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 30px; }

#question .ai_section .title span.type_02 { font-size: 20px; color: #E37445; font-style: normal; font-weight: 500; line-height: 30px; }

#question .ai_section.gichul_list button.gichul_analysis { width: 160px; min-width: 160px; height: 40px; font-size: 16px; position: absolute; right: 0; top: 45px; }

#question .ai_section .ai_content { padding-top: 0; }

#question .tab_wrap { padding-top: 20px; }

#question .data_list { margin-top: 60px; padding-bottom: 0; }

#question .data_list .list_cont { margin-top: 0; }

#question .data_list .list_cont + .list_cont { margin-top: 40px; }

#question .data_list .list_cont table tr.nondisclosuer td { background-color: var(--gray-20, #F1F3F5); }

#question .data_list .list_cont table tr.nondisclosuer td .coustom_checkbox span { background-color: #CED4DA; }

#question .data_list .list_cont table tr th { height: 50px; font-weight: 400; }

#question .data_list .list_cont table tr td { height: 50px; font-weight: 400; }

#question .data_list .list_cont table tr td .no-data { padding: 12px 0; }

#question .data_list .list_cont table tr td .no-data .txt { font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

#question .data_list .list_cont table tr td .no-data .btn-area { display: flex; align-items: center; }

#question .data_list .list_cont table tr td .no-data .btn-area .ui-btn { width: auto; min-width: 140px; padding: 0 10px 0 10px; margin: 10px auto 0 auto; }

#question .data_list .list_cont table tr td .no-data .btn-area .ui-btn.ico-arrow-right:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); margin-left: 8px; }

#question .data_list .list_cont .badge_wrap span + span { margin-left: 4px; }

#question .data_list .list_cont .badge_wrap .badge { height: 20px; border-radius: 2px; display: inline-flex; align-items: center; border: 1px solid var(--Stroke, #CED0DA); background: #FFF; color: var(--Gray-70, #868E96); font-family: "Noto Sans KR"; font-size: 14px !important; font-style: normal; font-weight: 500 !important; line-height: normal; }

#question .data_list .list_cont .badge_wrap .badge4 { border: 1px solid transparent; background: var(--Blue-90, #5580D6); color: #fff; }

#question .data_list .list_cont .badge_wrap .badge73C9C6 { border: 1px solid transparent; background-color: #73C9C6; color: #fff; }

#question .data_list .list_cont .badge_wrap .badge54B173 { border: 1px solid transparent; background-color: #54B173; color: #fff; }

#question .data_list .list_cont .badge_wrap .badgeE9F9F8 { border: 1px solid #20BCB7; background-color: #E9F9F8; color: #868E96; }

#question .data_list .list_cont .badge_wrap .badge7CBCEA { border: 1px solid transparent; background-color: #7CBCEA; color: #fff; }

#question .data_list .list_cont .badge_wrap .badge4781AB { border: 1px solid transparent; background-color: #4781AB; color: #fff; }

#question .data_list .list_cont .badge_wrap .badge1D5176 { border: 1px solid transparent; background-color: #1D5176; color: #fff; }

#question .data_list .list_cont .badge_wrap .badgeEC7167 { border: 1px solid transparent; background-color: #EC7167; color: #fff; }

#question .data_list .list_cont .badge_wrap .badge9580F6 { border: 1px solid transparent; background-color: #9580F6; color: #fff; }

#question .book_list .list_cont { padding-top: 0; }

#question .book_list .list_cont table tr.nondisclosuer td { background-color: var(--gray-20, #F1F3F5); }

#question .book_list .list_cont table tr.nondisclosuer td .coustom_checkbox span { background-color: #CED4DA; }

#question .book_list .list_cont table tr th { height: 50px; font-weight: 400; }

#question .book_list .list_cont table tr td { height: 50px; font-weight: 400; }

#question .book_list .list_cont table tr td.title a:hover { text-decoration: underline; }

#question .book_list .list_cont table tr td .no-data { padding: 12px 0; }

#question .book_list .list_cont table tr td .no-data .txt { font-size: 16px; color: var(--gray-80, #495057); text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }

#question .book_list .list_cont table tr td .no-data .btn-area { display: flex; align-items: center; }

#question .book_list .list_cont table tr td .no-data .btn-area .ui-btn { width: auto; min-width: 140px; padding: 0 10px 0 10px; margin: 10px auto 0 auto; }

#question .book_list .list_cont table tr td .no-data .btn-area .ui-btn.ico-arrow-right:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); margin-left: 8px; }

#question .achievement_wrap.achievement_renewal_wrap { margin-top: 60px; }

#question .achievement_wrap.achievement_renewal_wrap .book_list { width: 572px; padding-top: 0; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .sub-explain-txt { margin-bottom: 10px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .tree_head { height: 50px; display: flex; align-items: center; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .tree_head .head_title { padding-left: 203px; font-weight: 400; font-size: 16px; line-height: 24px; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu li > div { min-height: 54px; display: flex; align-items: center; font-size: 14px; line-height: 24px; font-weight: 400; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu li a, #question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu li span { font-size: 14px; font-weight: 400; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu .no-data-list .no-data { display: block; padding: 101px 0 101px 0; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu .no-data-list .no-data .txt { font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 24px; text-align: center; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu .no-data-list .no-data .btn-area { display: flex; align-items: center; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu .no-data-list .no-data .btn-area .ui-btn { width: auto; min-width: 140px; padding: 0 10px 0 10px; margin: 10px auto 0 auto; }

#question .achievement_wrap.achievement_renewal_wrap .book_list .treeMenu .no-data-list .no-data .btn-area .ui-btn.ico-arrow-right:after { content: ""; display: block; width: 7px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.668746 9.83728C0.443751 9.62032 0.443751 9.26857 0.668746 9.05161L4.87044 5L0.668746 0.948392C0.443751 0.731434 0.443751 0.379676 0.668746 0.162718C0.893741 -0.0542402 1.25853 -0.0542402 1.48352 0.162718L6.5 5L1.48353 9.83728C1.25853 10.0542 0.893741 10.0542 0.668746 9.83728Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); margin-left: 8px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data { width: 572px; margin-left: 80px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_wrap { padding-top: 0; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .data_info { margin: 0 0 10px 0; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item { margin-bottom: 0; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item + .achievement_item { margin-top: 18px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_title { height: 42px; padding-left: 16px; background: var(--main-30, #BDEBEA); font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 40px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item { width: 108px; height: auto; padding: 15px 8px; margin: 0 8px 6px 0; border-radius: 8px; border: 1px solid var(--stroke, #CED0DA); }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item:last-child { margin: 0 0 6px 0; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item:nth-child(5n) { margin: 0 0 6px 0; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item p { font-size: 16px; color: var(--black, #000); font-style: normal; font-weight: 400; line-height: 24px; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item p.member_percent.low { color: var(--red, #FF4545); }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item p.member_percent.normal { color: #2C8746; }

#question .achievement_wrap.achievement_renewal_wrap .achievement_data .achievement_item .achievement_member .member_item p.member_percent.high { color: #0083BF; }

#question .bestandworst-renewal { padding-top: 60px; }

#question .bestandworst-renewal > div { width: 572px; }

#question .bestandworst-renewal > div.worst_section { margin-left: 80px; }

#question .bestandworst-renewal > div .bnw_title { font-size: 18px; color: var(--gray-100, #212529); font-style: normal; font-weight: 500; line-height: 24px; position: relative; display: flex; }

#question .bestandworst-renewal > div .bnw_data { min-height: 96px; padding-top: 0; border-top: 2px solid var(--stroke, #CED0DA); }

#question .bestandworst-renewal > div .bnw_data table { border-top: none; }

#question .bestandworst-renewal > div .bnw_data table td { height: 54px; font-size: 16px; color: #000; font-style: normal; font-weight: 400; line-height: 24px; border-bottom: 1px solid #CED0DA; }

#question .bestandworst-renewal > div .bnw_data .no-bestandworst { padding: 36px 0; text-align: center; }

#question .bestandworst-renewal > div .bnw_data .no-bestandworst p { font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 24px; }

#question .bestandworst-renewal > div .bnw_data .no-bestandworst p.top-ttl { margin-bottom: 20px; color: var(--gray-80, #495057); }

#question .bestandworst-renewal .best_section .bnw_title::after { content: ''; display: block; width: 54px; height: 33px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -301px -36px; margin: 0 0 0 10px; position: relative; top: -10px; }

#question .bestandworst-renewal .worst_section .bnw_title::after { content: ''; display: block; width: 59px; height: 33px; background-image: url(/static/image/common/spr-page-common.png); background-repeat: no-repeat; background-position: -301px -76px; margin: 0 0 0 10px; position: relative; top: -6px; }

#question .detail_achievement { padding-top: 60px; }

#question .detail_achievement .book_list { padding-top: 10px; }

#question .option_group .radio_lab:disabled, #question .option_group .radio_lab.disabled { border-radius: 4px; background: var(--gray-30, #E9ECEF); color: var(--gray-60, #ADB5BD); font-style: normal; pointer-events: none; }

#question .radio_lab span { padding: 0 10px; min-width: 78px; }

#question .radio_lab.type_02 span { min-width: 107px; }

#question .radio_lab.chapter input:checked + span { background: #E9F9F8; border: 1px solid #BDEBEA; }

#question .radio_lab.chapter input:checked + span .is-checkIcon { background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.142857 5.84513L1.63274 4.35525L4.96523 7.68774L12.3673 0.285714L13.8571 1.77033L4.96523 10.6675L0.142857 5.84513Z' fill='%2320BCB7'/%3E%3C/svg%3E%0A"); }

#question .radio_lab.chapter span { display: flex; align-items: center; justify-content: center; min-width: 70px; height: 38px; font-size: 16px; font-weight: 400; color: #495057; }

#question .radio_lab.chapter span .is-checkIcon { width: 14px; height: 11px; margin-right: 6px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.142857 5.84513L1.63274 4.35525L4.96523 7.68774L12.3673 0.285714L13.8571 1.77033L4.96523 10.6675L0.142857 5.84513Z' fill='%23CED4DA'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

#question .option_line { overflow: visible; *zoom: 1; }

#question .option_line::after { content: ""; display: block; clear: both; }

#question .option_line .optionLine__desc { padding-left: 12px; line-height: 36px; }

#question .optionDropDown { margin-top: 25px; display: flex; align-items: center; }

#question .optionDropDown .dropDown__item { padding-right: 40px; display: flex; align-items: center; }

#question .optionDropDown .dropDown__item:last-child { padding-right: 0; }

#question .optionDropDown .dropDown__item .option_title { width: 80px; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; }

#question .optionLine__desc { display: flex; align-items: center; flex-wrap: wrap; color: #495057; font-family: "Noto Sans KR"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; }

#question .optionLine__desc .is-descIcon { width: 18px; height: 18px; margin-right: 7px; background-image: url("/static/image/ico_excalamaition.png"); background-repeat: no-repeat; }

#question .list-renewal-option { padding-bottom: 23px; border-bottom: 1px solid #CED0DA; }

#question .list-renewal-option .option-list + .option-list { margin: 24px 0 0 0; padding: 24px 0 0 0; border-top: 1px dashed #CED0DA; }

#question .list-renewal-option .option-list > li { display: flex; align-items: center; justify-content: space-between; }

#question .list-renewal-option .option-list > li + li { margin-top: 20px; }

#question .list-renewal-option .option-list > li .left { width: 604px; }

#question .list-renewal-option .option-list > li .right { width: 560px; }

#question .list-renewal-option .option-dl { margin-right: 30px; display: table; table-layout: fixed; }

#question .list-renewal-option .option-dl:last-child { margin-right: 0; }

#question .list-renewal-option .option-dl dt { width: 100px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 40px; display: table-cell; vertical-align: top; }

#question .list-renewal-option .option-dl dt.wauto { width: auto; padding-right: 8px; }

#question .list-renewal-option .option-dl dd { display: table-cell; vertical-align: top; }

#question .list-renewal-option .option-dl dd .option-group .datepicker { width: 220px; }

#question .list-renewal-option .radio_lab { margin: 2px 5px 2px 0; }

#question .list-renewal-option .radio_lab:last-child { margin-right: 0; }

#question .list-renewal-option .radio_lab input:checked + span { color: #fff; }

#question .list-renewal-option .radio_lab span { width: 100px; height: 40px; font-size: 16px; color: var(--gray-80, #495057); font-style: normal; font-weight: 400; line-height: 38px; }

#question .list-renewal-option .content_search { padding-top: 0; }

#question .list-renewal-option .content_search + .content_search { padding-top: 30px; }

#question .list-renewal-option .content_search .content_search_list { display: flex; align-items: center; }

#question .list-renewal-option .content_search .content_search_list .search_select { margin-right: 40px; float: none; display: flex; align-items: center; }

#question .list-renewal-option .content_search .content_search_list .search_select:last-child { margin-right: 0; }

#question .list-renewal-option .content_search .content_search_list .search_select .ttl { width: 70px; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; line-height: 30px; }

#question .list-renewal-option .content_search .content_search_list .search_select .ttl.wauto { width: auto; margin-right: 15px; }

#question .list-renewal-option .content_search .content_search_list .search_select select { width: 160px; margin-left: 0; font-size: 16px; color: var(--gray-100, #212529); font-style: normal; font-weight: 400; }

#question .list-renewal-option .content_search select { margin-right: 6px; }

#question .content .wide_cont .list_option { padding: 0 0 0 0; border-bottom: none; }

#question .content .wide_cont .list_option .option_line .option_title { width: 78px; }

#question .content .wide_cont .list_option .option_line .option_title.not__with { width: auto; }

#question .content .wide_cont .list_option .option_line.problem__div { padding-top: 30px; display: flex; align-items: center; }

#question .content .wide_cont .list_option .option_line.problem__div > div + div { margin-left: 50px; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__type { display: flex; align-items: center; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__type .setting_select { display: flex; align-items: center; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__type .setting_select > div:nth-child(2) { margin-left: 17px; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__type .setting_select > div:nth-child(3) { margin-left: 17px; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level { display: flex; align-items: center; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select { margin-left: 14px; display: flex; align-items: center; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select > div:nth-child(2) { margin-left: 17px; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select > div:nth-child(3) { margin-left: 17px; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select .ui-form-check-inline { position: relative; }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select .ui-form-check-inline .tooltip_cont { top: calc(100% + 10px); }

#question .content .wide_cont .list_option .option_line.problem__div .problem__level .setting_select .ui-form-check-inline .tooltip_cont::after { top: -6px; border-top: none; border-bottom: 6px solid #fbdf83; }

#question .content .wide_cont .list_option .option_line .setting_cont { position: relative; top: 15px; }

#question .content .wide_cont .list_option .option_line .setting_cont .range_wrap { width: 331px; float: left; }

#question .content .wide_cont .book_list { padding-top: 49px; }

#question .content .wide_cont .treeMenu { margin: 20px 0 64px; }

#question .content .wide_cont .next_btn button { width: 324px; height: 48px; margin: 0 auto; line-height: 48px; }

#question .content .left_cont.exam { padding-top: 0; margin-left: 0; }

#question .content .left_cont.exam img { display: initial; }

#question .content .left_cont .list_option { padding-top: 0; }

#question .content .left_cont .list_option.has-item { padding-top: 24px; border-bottom: 0; }

#question .content .right_cont { padding-top: 0; }

#question .content .option__box { position: absolute; right: 0; top: 100px; }

#question .page_step { position: absolute; right: 10px; top: -10px; font-size: 0; }

#question .page_step.not-position { margin-top: 10px; position: inherit; display: flex; align-items: center; justify-content: end; }

#question .page_step span::after { z-index: 9; }

#question .left_cont.has-zocbo .all__question { position: absolute; top: 85px; right: 380px; }

#question .left_cont.has-zocbo .all__question .toggle-wrapper { display: inline-flex; align-items: center; cursor: pointer; user-select: none; font-size: 16px; color: #333; }

#question .left_cont.has-zocbo .all__question .toggle-input { display: none; }

#question .left_cont.has-zocbo .all__question .toggle-switch { position: relative; width: 44px; height: 24px; background: #ddd; border-radius: 50px; transition: background 0.3s; margin-right: 8px; }

#question .left_cont.has-zocbo .all__question .toggle-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50%; transition: transform 0.3s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

#question .left_cont.has-zocbo .all__question .toggle-input:checked + .toggle-switch { background: #1976d2; /* 파란색 */ }

#question .left_cont.has-zocbo .all__question .toggle-input:checked + .toggle-switch::after { transform: translateX(20px); }

#question .left_cont.has-zocbo .coustom_checkbox span { border-radius: 4px; border: 1px solid #DBDBDB; }

#question .left_cont.has-zocbo .coustom_checkbox input:checked + span { border: none; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.572021' width='20' height='20' rx='4' fill='%23197EDF'/%3E%3Cpath d='M3.14286 10.4172L4.63274 8.92727L7.96523 12.2598L15.3673 4.85774L16.8571 6.34235L7.96523 15.2395L3.14286 10.4172Z' fill='white'/%3E%3C/svg%3E%0A"); }

#question .left_cont.has-zocbo .book_list { padding-top: 48px; }

#question .left_cont.has-zocbo .book_list .book_header .title { color: #1e1e1e; font-size: 16px; margin-bottom: 12px; }

#question .left_cont.has-zocbo .treeWrap .treeMenu { border-top: 1px solid #EDEDED; }

#question .left_cont.has-zocbo .treeWrap .allSelect { padding: 0; position: absolute; top: 41px; left: 90px; }

#question .left_cont.has-zocbo .treeWrap .allSelect .radio_lab span { padding: 6px 24px; font-size: 16px; color: #197EDF; border-radius: 4px; border: 1px solid #DBEDFF; background: #FFF; height: 44px; line-height: 29px; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li div { color: #1E1E1E; border-bottom: 1px solid #EDEDED; height: 70px; padding: 16px; display: flex; align-items: center; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li div .open { vertical-align: sub; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li a { font-size: 20px; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li .subMenu li div { padding: 0 0 0 46px; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li .subMenu .subMenu li div { padding: 0 0 0 76px; }

#question .left_cont.has-zocbo .treeWrap .treeMenu li .subMenu .subMenu .subMenu li div { padding: 0 0 0 120px; }

#question .left_cont.has-zocbo .exem_setting .left_set button { height: 40px; border-radius: 5px; border: 1px solid #EDEDED; background: #F9F9F9; color: #212529; font-size: 16px; }

#question .left_cont.has-zocbo .exem_setting .left_set button img { margin-top: -3px; padding-right: 10px; }

#question .left_cont.has-zocbo .exem_setting .left_set .select_layer .qst_add_opt { color: #197EDF; font-size: 16px; padding: 6px 8px; border-radius: 5px; border: 1px solid #DBEDFF; background: #F0F8FE; width: auto; }

#question .left_cont.has-zocbo .exem_setting .left_set .select_layer .qst_add_opt.is-plus .icon-plus { width: 11px; height: 10px; 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='M4.78571 0H6.21429V10H4.78571V0Z' fill='%23197EDF'/%3E%3Cpath d='M10.5 4.28571V5.71429L0.5 5.71429L0.5 4.28571H10.5Z' fill='%23197EDF'/%3E%3C/svg%3E%0A"); }

#question .left_cont.has-zocbo .exem_setting .right_set .option_line .option_title { color: #1E1E1E; font-size: 16px; width: auto; }

#question .left_cont.has-zocbo .exem_setting .right_set .option_group .radio_lab:first-child { width: 76px; margin-left: 10px; margin-right: 10px; }

#question .left_cont.has-zocbo .exem_setting .right_set .option_group .radio_lab:last-child { width: 114px; margin-right: 0; }

#question .left_cont.has-zocbo .exem_setting .right_set .option_group .radio_lab span { color: #1E1E1E; font-size: 16px; border-radius: 4px; height: 34px; margin: 0 0px; }

#question .left_cont.has-zocbo .exem_setting .right_set .option_group .radio_lab input:checked + span { border-radius: 4px; color: #fff; background: #6B6B6B; }

#question .right_cont.has-zocbo .topInfo { margin-bottom: 30px; }

#question .right_cont.has-zocbo .topInfo .topInfo__badge { width: 100px; height: 34px; border-radius: 4px; background: #6B6B6B; color: #fff; font-size: 16px; text-align: center; line-height: 32px; }

#question .right_cont.has-zocbo .print_text { margin-top: -20px; }

#question .right_cont.has-zocbo .print_setting .subtitle { font-size: 12px; padding-left: 10px; }

#question .right_cont.has-zocbo .print_setting .print_badge .dflexAlign .select_layer .add_exem:hover { border: 1px solid #197edf; }

#question .right_cont.has-zocbo .print_setting .print_badge .select_layer .layer_warp label { margin-bottom: 2px; }

#question .right_cont.has-zocbo .print_setting .print_badge .select_layer .layer_warp label span { margin-left: 6px; }

#question .right_cont.has-zocbo .print_setting .print_badge .select_layer .layer_warp i { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white' stroke='%23DBDBDB'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .print_setting .print_badge .select_layer .layer_warp :checked + i { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%23197EDF'/%3E%3Cpath d='M3.14286 9.84513L4.63274 8.35525L7.96523 11.6877L15.3673 4.28571L16.8571 5.77033L7.96523 14.6675L3.14286 9.84513Z' fill='white'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .print_setting .print_badge .schoolTag .schoolTag__inner .schoolTag__item { color: #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .ui-btn { background-color: #197EDF; border: 1px solid #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .ui-btn:hover { opacity: 0.3; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch { border-radius: 0px; border-bottom: none; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box.is-active { border: 1px solid #197EDF; border-radius: 0px; border-bottom: none; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box .search__resultBox { border: 1px solid #197EDF; border-top: none; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box.is-end { border: 1px solid #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box .ui-form-text.is-searchEnd { color: #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box .search__resultBox .search__Topbar { background-color: #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box .search__resultBox .search__resultFooter { background-color: #F0F8FE; }

#question .right_cont.has-zocbo .print_setting .print_badge .sch__box .search-group .schoolSearch .search__box .search__resultBox .search__resultList .search__resultItemBox .search__resultItem .search__schText .color20BCB7 { color: #197EDF !important; }

#question .right_cont.has-zocbo .print_setting .print_badge .conditionAdd__radio .ui-form-check[type=radio]:checked { 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%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23197EDF'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23197EDF'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .print_setting .print_badge .option_group .radio_lab.type_02 { margin: 0px; width: auto; }

#question .right_cont.has-zocbo .print_setting .print_badge .option_group .radio_lab span { margin-bottom: 10px; margin-right: 5px; }

#question .right_cont.has-zocbo .print_setting .print_badge .option_group .radio_lab input:checked + span { font-size: 16px; background-color: #197EDF; border: #197EDF; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper.is-templet { width: 100%; height: 143px; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper.is-templet .swiper-slide { width: 120px !important; height: 138px; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper.is-templet .swiper-slide button { width: 100%; height: 100%; margin: 0; border: 1px solid #CED0DA; background: #FFF; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper.is-templet .swiper-slide button.list.active { border: 2px solid #197EDF !important; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2) !important; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper.is-templet .swiper-slide button:hover { border: 1px solid #CED0DA; background: #FFF; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1); }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-next.is-templet, #question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-prev.is-templet { position: absolute; top: 73px; width: 22px; height: 22px; margin-top: -20px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-size: contain; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-next.is-templet.swiper-button-disabled, #question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-prev.is-templet.swiper-button-disabled { opacity: 0; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-prev.is-templet { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='10.5' fill='white' stroke='%23A9ADBB'/%3E%3Cg clip-path='url(%23clip0_51789_1240)'%3E%3Cpath d='M10.01 15.643C9.64015 16.0135 9.08104 15.9621 8.76846 15.5298C8.45148 15.0976 8.49551 14.4492 8.86532 14.0787L11.9514 11.0014L8.86532 7.9242C8.49551 7.5537 8.45148 6.90531 8.76846 6.47306C8.94456 6.23635 9.1911 6.11285 9.43764 6.11285C9.64015 6.11285 9.84266 6.19518 10.01 6.35985L14.6678 11.0014L10.01 15.643Z' fill='%23A9ADBB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51789_1240'%3E%3Crect width='7.33333' height='9.77778' fill='white' transform='matrix(1 0 0 -1 7.33398 15.8906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); left: -10px; }

#question .right_cont.has-zocbo .print_setting .print_templet .select_templet .swiper-button-next.is-templet { right: -10px !important; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='10.5' fill='white' stroke='%23A9ADBB'/%3E%3Cg clip-path='url(%23clip0_51789_1240)'%3E%3Cpath d='M10.01 15.643C9.64015 16.0135 9.08104 15.9621 8.76846 15.5298C8.45148 15.0976 8.49551 14.4492 8.86532 14.0787L11.9514 11.0014L8.86532 7.9242C8.49551 7.5537 8.45148 6.90531 8.76846 6.47306C8.94456 6.23635 9.1911 6.11285 9.43764 6.11285C9.64015 6.11285 9.84266 6.19518 10.01 6.35985L14.6678 11.0014L10.01 15.643Z' fill='%23A9ADBB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51789_1240'%3E%3Crect width='7.33333' height='9.77778' fill='white' transform='matrix(1 0 0 -1 7.33398 15.8906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .print_setting .print_section .coustom_radio input:checked + span { border: 0; 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%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23197EDF'/%3E%3Ccircle cx='10' cy='10' r='5' fill='%23197EDF'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .coustom_checkbox span { border-radius: 4px; border: 1px solid #DBDBDB; }

#question .right_cont.has-zocbo .coustom_checkbox input:checked + span { border: none; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.572021' width='20' height='20' rx='4' fill='%23197EDF'/%3E%3Cpath d='M3.14286 10.4172L4.63274 8.92727L7.96523 12.2598L15.3673 4.85774L16.8571 6.34235L7.96523 15.2395L3.14286 10.4172Z' fill='white'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .radio_lab span.tooltip_cont { color: #1E1E1E; font-size: 12px; }

#question .right_cont.has-zocbo .state.is-questions { border-bottom: 1px solid #EDEDED; padding-bottom: 5px; margin-bottom: 52px; }

#question .right_cont.has-zocbo .state .state__item { color: #DBDBDB; font-size: 16px; }

#question .right_cont.has-zocbo .state .state__item::before { width: 20px; height: 20px; font-size: 14px; margin-right: 4px; }

#question .right_cont.has-zocbo .state .state__item.is-active { color: #197EDF; }

#question .right_cont.has-zocbo .state .state__item.is-active::before { width: 20px; height: 20px; font-size: 14px; margin-right: 4px; background-color: #197EDF; }

#question .right_cont.has-zocbo .setting_wrap { margin-bottom: 52px; padding-bottom: 0px; }

#question .right_cont.has-zocbo .setting_wrap.is-margin { margin-bottom: 40px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head { margin-bottom: 0px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head .title { color: #343A40; font-size: 16px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head .total_num { width: 100px; height: 34px; border-radius: 4px; background: #6B6B6B; color: #fff; font-size: 16px; margin-left: 80px; text-align: center; line-height: 32px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head .total_num span { color: #fff; font-size: 16px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head .btn_wrap { border-radius: 4px; border: 1px solid #EDEDED; background: #F6F6F6; height: 30px; padding: 0 24px; }

#question .right_cont.has-zocbo .setting_wrap .setting_head .btn_wrap .btn_level { color: #1E1E1E; font-size: 14px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .range_wrap .asRange { background-color: #EDEDED; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .range_wrap .asRange .asRange-selected { background-color: #197EDF; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .range_wrap .asRange .asRange-pointer .asRange-tip { color: #1C7ED6; font-size: 14px; font-weight: 600; line-height: 140%; /* 19.6px */ width: 33px; height: 27px; background-color: transparent; border: none; padding-top: 5px; bottom: -33px; background-image: url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_51755_677' fill='white'%3E%3Cpath d='M15.7861 0.2995C16.1781 -0.0998701 16.8219 -0.0998701 17.2139 0.2995L20.4258 3.57196H21.5C27.8512 3.57196 32.9999 8.72076 33 15.072C33 21.4232 27.8513 26.572 21.5 26.572H11.5C5.14873 26.572 0 21.4232 0 15.072C8.72338e-05 8.72076 5.14878 3.57196 11.5 3.57196H12.5742L15.7861 0.2995Z'/%3E%3C/mask%3E%3Cpath d='M15.7861 0.2995C16.1781 -0.0998701 16.8219 -0.0998701 17.2139 0.2995L20.4258 3.57196H21.5C27.8512 3.57196 32.9999 8.72076 33 15.072C33 21.4232 27.8513 26.572 21.5 26.572H11.5C5.14873 26.572 0 21.4232 0 15.072C8.72338e-05 8.72076 5.14878 3.57196 11.5 3.57196H12.5742L15.7861 0.2995Z' fill='%23F0F8FE'/%3E%3Cpath d='M15.7861 0.2995L16.4998 0.999973V0.999972L15.7861 0.2995ZM17.2139 0.2995L16.5002 0.999972V0.999973L17.2139 0.2995ZM20.4258 3.57196L19.7121 4.27243L20.0061 4.57196H20.4258V3.57196ZM21.5 3.57196V2.57196V3.57196ZM33 15.072H34V15.0719L33 15.072ZM11.5 26.572V27.572V26.572ZM0 15.072L-1 15.0719V15.072H0ZM12.5742 3.57196V4.57196H12.9939L13.2879 4.27243L12.5742 3.57196ZM15.7861 0.2995L16.4998 0.999972H16.5002L17.2139 0.2995L17.9275 -0.400973C17.1436 -1.19971 15.8564 -1.19971 15.0725 -0.400973L15.7861 0.2995ZM17.2139 0.2995L16.5002 0.999973L19.7121 4.27243L20.4258 3.57196L21.1395 2.87149L17.9275 -0.400974L17.2139 0.2995ZM20.4258 3.57196V4.57196H21.5V3.57196V2.57196H20.4258V3.57196ZM21.5 3.57196V4.57196C27.2989 4.57196 31.9999 9.27304 32 15.072L33 15.072L34 15.0719C33.9999 8.16849 28.4035 2.57196 21.5 2.57196V3.57196ZM33 15.072H32C32 20.871 27.299 25.572 21.5 25.572V26.572V27.572C28.4036 27.572 34 21.9755 34 15.072H33ZM21.5 26.572V25.572H11.5V26.572V27.572H21.5V26.572ZM11.5 26.572V25.572C5.70101 25.572 1 20.871 1 15.072H0H-1C-1 21.9755 4.59644 27.572 11.5 27.572V26.572ZM0 15.072L1 15.072C1.00008 9.27303 5.70108 4.57196 11.5 4.57196V3.57196V2.57196C4.59648 2.57196 -0.999905 8.16849 -1 15.0719L0 15.072ZM11.5 3.57196V4.57196H12.5742V3.57196V2.57196H11.5V3.57196ZM12.5742 3.57196L13.2879 4.27243L16.4998 0.999973L15.7861 0.2995L15.0725 -0.400974L11.8605 2.87149L12.5742 3.57196Z' fill='%23DBEDFF' mask='url(%23path-1-inside-1_51755_677)'/%3E%3C/svg%3E%0A"); }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .range_wrap .asRange .asRange-pointer .asRange-tip::before { display: none; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .range_wrap .range_text span { font-size: 14px; color: #212529; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .config_wrap .graph { margin-left: 64px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab { margin-left: 8px; width: 102.6px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab:first-of-type, #question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab:nth-child(5n) { margin-left: 0px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab:nth-child(4n) { margin-left: 8px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab.has-year { width: 75px; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab > span { height: 44px; font-size: 16px; color: #333; padding-top: 2px; border: 1px solid #EDEDED; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab .tooltip_cont { height: auto; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .setting_select .radio_lab input:checked + span { background-color: #197EDF; border: 1px solid #197EDF; color: #fff; }

#question .right_cont.has-zocbo .setting_wrap .setting_cont .test_list { margin-bottom: 6px; }

#question .right_cont.has-zocbo .setting_bottoms .next_btn button { height: 56px; background-color: #197EDF; font-size: 20px; }

#question .right_cont.has-zocbo .setting_bottoms .page-btns .ui-btn.btn_save { background: #197EDF; border: 1px solid #197EDF; }

#question .right_cont.has-zocbo .setting_bottoms .page-btns .ui-btn-gray { background-color: #6B6B6B; border: 1px solid #6B6B6B; }

#question .right_cont.has-zocbo .exem_list { margin-top: 0; padding-top: 0; border-top: none; }

#question .right_cont.has-zocbo .exem_list .list_head .del_item { height: 28px; text-align: center; height: 39px; border: 1px solid #EDEDED; background: #F9F9F9; border-radius: 4px; font-size: 16px; box-sizing: border-box; padding: 0 12px; }

#question .right_cont.has-zocbo .exem_list .list_head .del_item.w188 { width: 168px; }

#question .right_cont.has-zocbo .exem_list .list_head .select_layer .add_exem { width: 208px; }

#question .right_cont.has-zocbo .exem_list .list_head .select_layer .layer_warp { width: 208px; }

#question .right_cont.has-zocbo .exem_list .list_head .select_layer .layer_warp button:hover { color: #197EDF; }

#question .right_cont.has-zocbo .exem_list .list_content .item.exam_head { font-weight: 500; }

#question .right_cont.has-zocbo .exem_list .list_content .item div .badge:hover { background-color: #ECBFBF !important; }

#question .right_cont.has-zocbo .exem_list .select_layer .layer_warp button.is-active { color: #197EDF; }

#question .right_cont.has-zocbo .exem_list .select_layer .layer_warp button.is-active::after { position: absolute; right: 0; top: 50%; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.8645L5.30365 9.56084L8.21958 12.4768L14.6964 6L16 7.29904L8.21958 15.0841L4 10.8645Z' fill='%23197EDF'/%3E%3C/svg%3E%0A"); transform: translateY(-50%); content: ""; }

#question .state.is-questions { display: flex; justify-content: space-between; margin-bottom: 28px; padding-bottom: 5px; border-bottom: 1px solid #DADCE0 !important; top: 64px; right: 0; }

#question .state.is-questions .state__item { display: flex; align-items: center; height: 33px; color: #BDC3CF; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: -0.15px; }

#question .state.is-questions .state__item::before { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 2px; color: #FFF; font-size: 12px; font-weight: 500; border-radius: 50%; background-color: #CED4DA; content: attr(data-num); }

#question .state.is-questions .state__item.is-active { color: #197EDF; }

#question .state.is-questions .state__item.is-active::before { background-color: #197EDF; }

#question .state.is-questions.has-design, #question .state.is-questions.has-edit { justify-content: flex-end; }

#question .state.is-questions.has-design .state__item:not(:first-child), #question .state.is-questions.has-edit .state__item:not(:first-child) { margin-left: 34px; }

#question .state.is-questions.has-design { margin-bottom: 35px; }

#question .problem_wrap .list_bookpage { width: 572px; }

#question .problem_wrap .list_bookpage .info_text { font-size: 16px; font-weight: 400; }

#question .problem_wrap .list_problem { width: 572px; }

#question .problem_wrap .list_problem .problem_title { font-weight: 400; }

#question .problem_wrap .list_inner { padding-right: 0; }

#question .problem_wrap .list_head span { font-weight: 400; }

#question .page_btns.pt40 { padding-top: 40px; }

#question .similarity_list { border-top: 1px solid #dadce0; z-index: 111; }

#question .similarity_list .guideInfo { margin: 15px 15px; }

#question .similarity_list .guideInfo .guideInfo__body { padding: 20px 10px; }

#question .similarity_list .guideInfo .guideInfo__body .body__title { font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; color: #1E1E1E; font-weight: 700; text-align: center; }

#question .similarity_list .guideInfo .guideInfo__body .body__desc { margin-top: 10px; font-family: Pretendard; font-size: 15px; font-style: normal; font-weight: 400; line-height: 140%; /* 18.2px */ letter-spacing: -0.13px; color: #1E1E1E; font-weight: 400; text-align: center; }

#question .print_templet .select_templet { width: 458px; overflow: visible; position: relative; }

#question .print_templet .select_templet .recommend .templet_list { margin-left: 0; border: none; }

#question .print_templet .select_templet .swiper.is-templet { width: 100%; height: 143px; }

#question .print_templet .select_templet .swiper.is-templet .swiper-slide { width: 120px !important; height: 138px; }

#question .print_templet .select_templet .swiper.is-templet .swiper-slide button { width: 100%; height: 100%; margin: 0; border: 1px solid #CED0DA; background: #FFF; }

#question .print_templet .select_templet .swiper.is-templet .swiper-slide button.list.active { border: 2px solid #26BCB7 !important; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2) !important; }

#question .print_templet .select_templet .swiper.is-templet .swiper-slide button:hover { border: 1px solid #CED0DA; background: #FFF; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1); }

#question .print_templet .select_templet .swiper-button-next.is-templet, #question .print_templet .select_templet .swiper-button-prev.is-templet { position: absolute; top: 73px; width: 22px; height: 22px; margin-top: -20px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-size: contain; }

#question .print_templet .select_templet .swiper-button-next.is-templet.swiper-button-disabled, #question .print_templet .select_templet .swiper-button-prev.is-templet.swiper-button-disabled { opacity: 0; }

#question .print_templet .select_templet .swiper-button-prev.is-templet { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='10.5' transform='matrix(-1 0 0 1 22 0)' fill='white' stroke='%23646466'/%3E%3Cg clip-path='url(%23clip0_7196_4537)'%3E%3Cpath d='M11.99 15.643C12.3599 16.0135 12.919 15.9621 13.2315 15.5298C13.5485 15.0976 13.5045 14.4492 13.1347 14.0787L10.0486 11.0014L13.1347 7.9242C13.5045 7.5537 13.5485 6.90531 13.2315 6.47306C13.0554 6.23635 12.8089 6.11285 12.5624 6.11285C12.3599 6.11285 12.1573 6.19518 11.99 6.35985L7.33225 11.0014L11.99 15.643Z' fill='%23646466'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7196_4537'%3E%3Crect width='7.33333' height='9.77778' fill='white' transform='matrix(-1 0 0 -1 14.666 15.8906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); left: -10px; }

#question .print_templet .select_templet .swiper-button-next.is-templet { right: -10px !important; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='10.5' fill='white' stroke='%23646466'/%3E%3Cg clip-path='url(%23clip0_7196_4529)'%3E%3Cpath d='M10.01 15.643C9.64015 16.0135 9.08104 15.9621 8.76846 15.5298C8.45148 15.0976 8.49551 14.4492 8.86532 14.0787L11.9514 11.0014L8.86532 7.9242C8.49551 7.5537 8.45148 6.90531 8.76846 6.47306C8.94456 6.23635 9.1911 6.11285 9.43764 6.11285C9.64015 6.11285 9.84266 6.19518 10.01 6.35985L14.6678 11.0014L10.01 15.643Z' fill='%23646466'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7196_4529'%3E%3Crect width='7.33333' height='9.77778' fill='white' transform='matrix(1 0 0 -1 7.33398 15.8906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

#question .sideMenu__wrap.is-active { width: 80px !important; min-width: auto; }

#question .sideMenu__wrap.is-active #menu_tree { display: none; }

#question .sideMenu__wrap.is-active .btn-tree-wrapper { display: none; }

#question .sideMenu__wrap.is-active .foldOpen__button { background-image: url("/static/image/openBtn.png") !important; }

#question .sideMenu__wrap.is-active .foldOpen__button:hover { background-image: url("/static/image/openBtnHover.png") !important; }

#question .sideMenu__wrap.is-active .fileIcon { display: block; }

#question .sideMenu__wrap.is-active .resize-bar { cursor: auto; }

#question .sideMenu__wrap .foldOpen { width: 30px; height: 30px; position: absolute; right: -15px; top: 33px; z-index: 99; }

#question .sideMenu__wrap .foldOpen .foldOpen__button { width: 30px; height: 30px; background-image: url("/static/image/foldBtn.png"); background-size: contain; }

#question .sideMenu__wrap .foldOpen .foldOpen__button:hover { background-image: url("/static/image/foldBtnHover.png"); }

#question .sideMenu__wrap .fileIcon { width: 24px; height: 20px; margin: 35px auto 0 auto; background-image: url("data:image/svg+xml,%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7530_6353)'%3E%3Cpath d='M13.5238 5.12572L11.4041 1.42188H0.9375V5.12572V19.5755H23.0584V5.12572H13.5238Z' fill='%23BDC3CF' stroke='%23A2A6AB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0547 2.32812H21.6272V5.12724' stroke='%23A2A6AB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7530_6353'%3E%3Crect width='24' height='20' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; display: none; }

#question .questionBottomBtn { display: flex; justify-content: center; align-items: center; margin-top: 50px; }

#question .questionBottomBtn .questionBottomBtn__button { width: 324px; height: 48px; padding: 10px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background-color: #20BCB7; }

#question .questionBottomBtn .questionBottomBtn__button.has-zocbo { height: 56px; background-color: #197EDF; font-size: 20px; }

#question .questionBottomBtn .questionBottomBtn__button .button__text { color: #FFF; font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 20px; }

.option__button { width: 140px; height: 40px; padding: 10px; display: flex; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid var(--Main-100, #20BCB7); background: #FFF; color: var(--Main-100, #20BCB7); font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 20px; }

.option__button .is-addOption { margin-left: 10px; }

/* content */
.main { padding-bottom: 0; }

.main.is-page { /* 콘텐츠 메인비쥬얼롤링 */ }

.main.is-page .main-slide-wrap { position: relative; height: 397px; }

.main.is-page .main-slide-wrap * { box-sizing: border-box; word-spacing: 0; }

.main.is-page .main-slide .motion-scorll { width: 24px; height: 52px; margin: 90px auto 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='52' viewBox='0 0 24 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.912 45.112C2.312 45.112 1.656 44.848 1.208 44.48L1.744 43.744C2.144 44.056 2.528 44.232 2.944 44.232C3.392 44.232 3.592 44.04 3.592 43.76C3.592 43.424 3.128 43.272 2.656 43.088C2.088 42.872 1.456 42.528 1.456 41.776C1.456 40.976 2.104 40.408 3.128 40.408C3.776 40.408 4.28 40.68 4.648 40.96L4.12 41.672C3.8 41.44 3.488 41.288 3.16 41.288C2.752 41.288 2.56 41.464 2.56 41.72C2.56 42.048 2.976 42.168 3.448 42.344C4.04 42.568 4.696 42.864 4.696 43.696C4.696 44.48 4.08 45.112 2.912 45.112ZM7.49694 45.112C6.25694 45.112 5.31294 44.248 5.31294 42.76C5.31294 41.272 6.38494 40.408 7.60094 40.408C8.15294 40.408 8.57694 40.624 8.90494 40.904L8.34494 41.664C8.12094 41.472 7.91294 41.368 7.66494 41.368C6.97694 41.368 6.51294 41.92 6.51294 42.76C6.51294 43.608 6.98494 44.152 7.62494 44.152C7.94494 44.152 8.24894 44 8.49694 43.792L8.96894 44.568C8.53694 44.944 7.99294 45.112 7.49694 45.112ZM9.81169 45V40.52H10.7717L10.8597 41.312H10.8837C11.2117 40.728 11.6917 40.408 12.1557 40.408C12.4037 40.408 12.5477 40.448 12.6837 40.504L12.4837 41.52C12.3237 41.472 12.1957 41.448 12.0117 41.448C11.6597 41.448 11.2357 41.68 10.9877 42.328V45H9.81169ZM15.0743 45.112C13.9543 45.112 12.9223 44.248 12.9223 42.76C12.9223 41.272 13.9543 40.408 15.0743 40.408C16.1943 40.408 17.2263 41.272 17.2263 42.76C17.2263 44.248 16.1943 45.112 15.0743 45.112ZM15.0743 44.152C15.6823 44.152 16.0263 43.608 16.0263 42.76C16.0263 41.92 15.6823 41.368 15.0743 41.368C14.4663 41.368 14.1223 41.92 14.1223 42.76C14.1223 43.608 14.4663 44.152 15.0743 44.152ZM19.3141 45.112C18.4981 45.112 18.2101 44.576 18.2101 43.744V38.616H19.3861V43.792C19.3861 44.064 19.5061 44.152 19.6181 44.152C19.6661 44.152 19.6981 44.152 19.7781 44.136L19.9221 45.008C19.7861 45.064 19.5941 45.112 19.3141 45.112ZM21.8376 45.112C21.0216 45.112 20.7336 44.576 20.7336 43.744V38.616H21.9096V43.792C21.9096 44.064 22.0296 44.152 22.1416 44.152C22.1896 44.152 22.2216 44.152 22.3016 44.136L22.4456 45.008C22.3096 45.064 22.1176 45.112 21.8376 45.112Z' fill='%2320BCB7'/%3E%3Crect x='1' y='1' width='22' height='33' rx='11' stroke='%2320BCB7' stroke-width='2'/%3E%3Cpath d='M12 5V12' stroke='%2320BCB7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); animation: scroll-point 1s infinite; }

.main.is-page.renewal-section2 { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; height: 100px; background-color: #aeeb78; }

.main.is-page.renewal-section2 .inner { height: 100px; position: relative; }

.main.is-page.renewal-section2 .inner .renewal-section2-bubble { width: 254px; height: 60px; background: url(/static/image/main/renewal-main-sec2-1-2bg.png) no-repeat 0 0; position: absolute; left: 190px; top: -24px; }

.main.is-page.renewal-section2 .inner .go-link { width: 50%; height: 100px; background: url(/static/image/main/blank.png) no-repeat 0 0; position: absolute; }

.main.is-page.renewal-section2 .inner .go-link.left-go-link { left: 0; top: 0; }

.main.is-page.renewal-section2 .inner .go-link.right-go-link { right: 0; top: 0; }

.main.is-page.renewal-section2 .inner .txt { position: absolute; left: 27px; top: 30px; }

.main.is-page.renewal-section2 .inner .txt .day_txt { font-size: 16px; font-weight: 500; }

.main.is-page.renewal-section2 .inner .txt .desc_txt { font-size: 17px; font-weight: 700; }

.main.is-page.renewal-section3 { height: 552px; background-color: #20BCB7; }

.main.is-page.renewal-section3 .inner { padding-top: 100px; }

.main.is-page.renewal-section3 .inner h2 { margin-bottom: 50px; font-size: 32px; color: var(--black, #000); text-align: center; font-style: normal; font-weight: 700; line-height: 46px; }

.main.is-page.renewal-section3 .inner h2 span { display: block; color: var(--Gray-40, #DEE2E6); text-align: center; font-family: "Noto Sans KR"; font-size: 20px; font-weight: 400; line-height: 28px; /* 140% */ margin-top: 16px; }

.main.is-page.renewal-section3 .inner .ad-banner { height: 120px; background: url(/static/image/main/renewal-main-sec3bg.png) no-repeat center top; }

.main.is-page.renewal-section4 { background-color: #fff; }

.main.is-page.renewal-section4 .inner { padding: 100px 0 109px 0; }

.main.is-page.renewal-section4 .inner h2 { margin-bottom: 16px; font-size: 32px; color: var(--black, #000); text-align: center; font-style: normal; font-weight: 700; line-height: 46px; }

.main.is-page.renewal-section4 .inner p { margin-bottom: 50px; font-size: 20px; color: #000; text-align: center; font-style: normal; font-weight: 400; line-height: 28px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box { display: flex; justify-content: space-between; align-items: center; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item { width: 384px; height: 450px; border-radius: 16px; border: 1px solid var(--gray-60, #ADB5BD); position: relative; background: #FFF; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item h3 { padding-top: 110px; margin-bottom: 16px; font-size: 24px; color: var(--gray-100, #212529); text-align: center; font-style: normal; font-weight: 500; line-height: 28px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-slide { height: 100%; background-repeat: no-repeat; background-position: 50% 0; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-slide a { display: block; height: 100%; width: 100%; text-indent: -9999px; overflow: hidden; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev, .main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-next { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; transition: all .3s ease-in; pointer-events: all; background-image: none; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev:before, .main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-next:before { content: ''; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5899 1.99966L7.0099 0.589655L15.7099 9.32966C16.0999 9.71966 16.0999 10.3497 15.7099 10.7397L7.0699 19.4097L5.6499 17.9997L13.5899 10.0297L5.5899 1.98966V1.99966Z' fill='%23333333'/%3E%3Cpath d='M5.5899 1.99966L7.0099 0.589655L15.7099 9.32966C16.0999 9.71966 16.0999 10.3497 15.7099 10.7397L7.0699 19.4097L5.6499 17.9997L13.5899 10.0297L5.5899 1.98966V1.99966Z' fill='%23333333'/%3E%3C/svg%3E%0A"); }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev:after, .main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-next:after { display: none; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev:hover, .main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-next:hover { background-color: white; opacity: 1; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-next { right: -80px !important; opacity: 0.5; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev { left: -80px !important; opacity: 0.5; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-button-prev:before { transform: rotate(180deg); }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-pagination-bullet { display: block; align-items: center; min-width: 14px; height: 14px; overflow: hidden; background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 20px; opacity: 1; color: rgba(17, 17, 17, 0); text-align: center; transition: all .3s ease-in; box-sizing: border-box; white-space: nowrap; margin: 0 5px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .item-pagination-bullet-active { background-color: white; border-color: white; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-title { width: 100%; display: flex; align-items: center; justify-content: center; bottom: 17px; z-index: 20; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-title .swiper-pagination-bullet { display: flex; align-items: center; justify-content: center; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 12px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-title .swiper-pagination-bullet:hover { min-width: 250px; padding: 0 30px; height: 24px; color: #111111; background-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-title .swiper-pagination-bullet-active:hover { background-color: white; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction { display: flex; align-items: center; width: auto; height: 24px; padding: 0 8px; border-radius: 24px; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 16px; right: 0; left: auto; bottom: auto; color: #999; transition: all .3s ease-in; pointer-events: all; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction:hover { background-color: white; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction span[class^=swiper-pagination] { display: block; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 12px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction span.swiper-pagination-current { color: #000; margin-right: 4px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction span.swiper-pagination-total { margin-left: 4px; }

.main.is-page.renewal-section4 .inner .zocbocloud-select-box .pagination-fraction:after { content: '전체보기'; display: block; white-space: nowrap; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 12px; color: #000; background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.77166 0.0400391L1.92313 0.888566L5.03441 3.99984L1.9231 7.11114L2.77162 7.95966L6.16577 4.56554C6.47821 4.2531 6.47821 3.74657 6.16577 3.43415L2.77166 0.0400391Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 50%; background-size: 8px 8px; padding-right: 12px; margin-left: 10px; }

.main.is-page.renewal-section4 .inner-popup { width: 1020px; margin: 0 auto; overflow: hidden; margin-top: -30px; }

.main.is-page.renewal-section4 .inner-popup a { display: block; width: 50%; height: 245px; float: left; padding-right: 15px; box-sizing: border-box; margin-top: 30px; text-indent: -9999px; overflow: hidden; }

.main.is-page.renewal-section4 .inner-popup a:nth-child(2n) { padding-left: 15px; padding-right: 0; }

.main.is-page.renewal-section4 .inner-popup a img { display: block; width: 100%; height: 100% !important; }

.main.is-page.renewal-section4 .inner-popup-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; padding: 147px 0; }

.main.is-page.renewal-section4 .inner-popup-wrap .btn-close { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #fff; border-radius: 50%; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); position: fixed; bottom: 147px; left: 50%; margin-left: -30px; z-index: 10; text-indent: -9999px; overflow: hidden; }

.main.is-page.renewal-section4 .inner-popup-wrap .btn-close:after { content: ''; display: block; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.08148 7.50188L14.9965 13.4153L13.415 14.9963L7.50004 9.08278L1.58141 15L0.00374682 13.4227L5.92237 7.50555L0 1.58455L1.58527 0L7.50386 5.92451L13.4186 0.00361131L15 1.58468L9.08148 7.50188Z' fill='black'/%3E%3C/svg%3E%0A"); }

.main.is-page.renewal-section4 .inner-popup-wrap.active { display: block; }

.main.is-page .container { padding: 0; margin-top: 100px; position: relative; }

.main.is-page .container section { position: relative; }

.main.is-page .container section .inner { width: 1224px; margin: 0 auto; position: relative; }

.main.is-page .container .main__notice { width: 1224px; margin: 0 auto 100px auto; position: relative; display: flex; justify-content: space-between; }

.main.is-page .container .main__notice .noticeCont { width: 792px; height: 410px; display: flex; align-items: flex-start; justify-content: space-between; }

.main.is-page .container .main__notice .noticeCont .listArea { width: 484px; position: relative; display: flex; flex-direction: column; }

.main.is-page .container .main__notice .noticeCont .listArea .menu { margin: 0 0 26px 0; display: flex; align-items: center; justify-content: end; }

.main.is-page .container .main__notice .noticeCont .listArea .menu button { display: flex; align-items: center; color: var(--Grey-70, #868C99); font-family: "Spoqa Han Sans Neo"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.main.is-page .container .main__notice .noticeCont .listArea .menu button:after { content: ""; display: block; margin: 0 20px; width: 1px; height: 8px; background: var(--Grey-50, #BDC3CF); }

.main.is-page .container .main__notice .noticeCont .listArea .menu button:last-child::after { content: ""; display: none; }

.main.is-page .container .main__notice .noticeCont .listArea .menu button.active { color: #20BCB7; font-weight: 400; }

.main.is-page .container .main__notice .noticeCont .listArea p { display: flex; align-items: center; justify-content: space-between; }

.main.is-page .container .main__notice .noticeCont .listArea p.key a { font-weight: 700; }

.main.is-page .container .main__notice .noticeCont .listArea p strong { display: flex; align-items: center; color: #000; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; }

.main.is-page .container .main__notice .noticeCont .listArea p strong a { color: #000; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 360px; }

.main.is-page .container .main__notice .noticeCont .listArea p + p { border-top: 1px solid #E6E6E6; padding-top: 16px; margin-top: 16px; }

.main.is-page .container .main__notice .noticeCont .listArea p .newico:after { content: "N"; display: block; width: 16px; height: 16px; border-radius: 8px; background-color: #20BCB7; color: #FFF; font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; margin-left: 12px; }

.main.is-page .container .main__notice .noticeCont .listArea p .date { font-family: "Spoqa Han Sans Neo", Sans-Serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.main.is-page .container .main__notice .noticeCont .listArea .noticeLabel { margin-right: 15px !important; }

.main.is-page .container .main__notice .banner { width: 398px; height: 410px; padding: 40px 0 0 47px; border-radius: 8px; border: 1px solid var(--Stroke, #CED0DA); background: #FFF; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.13); position: relative; box-sizing: border-box; }

.main.is-page .container .main__notice .banner::before { content: ""; width: 191px; height: 152px; background-image: url("/static/image/main/bg_noticeBnr.png"); position: absolute; right: 0; bottom: 32px; }

.main.is-page .container .main__notice .banner .title.is-cont { margin-bottom: 22px; color: var(--Gray-90, #343A40); font-family: "Noto Sans KR"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: -0.6px; }

.main.is-page .container .main__notice .banner .desc.is-cont { margin-bottom: 28px; color: #333; font-family: "Noto Sans KR"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; }

.main.is-page .container .main__notice .banner .linkgo { display: flex; align-items: center; color: #666; font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; }

.main.is-page .container .main__notice .banner .linkgo::after { content: ""; width: 8px; height: 9px; margin-left: 4px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4889_250)'%3E%3Cpath d='M2.77196 8.45703L1.92344 7.60851L5.0347 4.49724L1.9234 1.38592L2.77192 0.537401L6.16608 3.93156C6.4785 4.24396 6.4785 4.7505 6.16608 5.06292L2.77196 8.45703Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4889_250'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 -1 8 8.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }

.main.is-page .container .main__band { width: 100%; height: 130px; background-image: url("/static/image/main/main__band.png"); background-color: #E8F1F6; background-position: center top; position: relative; }

.main.is-page .container .main__band .inner .txt { padding-top: 29px; color: var(--Gray-90, #343A40); font-family: "Noto Sans KR"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 130%; /* 28.6px */ letter-spacing: -0.88px; }

.main.is-page .container .main__band .inner .txt + .txt { margin-top: 3px; }

.main.is-page .container .main__band .inner .desc { margin-top: 3px; color: var(--Gray-90, #343A40); font-family: "Noto Sans KR"; font-size: 28px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.84px; }

.main.is-page .container .main__band .inner .desc span { color: #2D73D4; }

.main.is-page .container .main__band .linkgo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.main.is-page .container .main__advertise { width: 100%; height: 976px; background: linear-gradient(180deg, #0093C1 0%, #83D6DB 100%); }

.main.is-page .container .main__advertise .trophy__wrap { margin-top: 57px; position: relative; }

.main.is-page .container .main__advertise .trophy__wrap .elem { position: absolute; }

.main.is-page .container .main__advertise .trophy__wrap .elem.trophy { left: 50%; transform: translate(-50%, 17px); }

.main.is-page .container .main__advertise .trophy__wrap .elem.left1 { left: 0; top: -29px; }

.main.is-page .container .main__advertise .trophy__wrap .elem.left2 { left: 122px; top: 281px; }

.main.is-page .container .main__advertise .trophy__wrap .elem.center { left: 50%; transform: translate(-46%, 372px); }

.main.is-page .container .main__advertise .trophy__wrap .elem.right1 { right: 0; top: -29px; }

.main.is-page .container .main__advertise .trophy__wrap .elem.right2 { right: 122px; top: 281px; }

.main.is-page .container .main__kakao { height: 300px; background: linear-gradient(109deg, #EDFBE7 0.54%, #D8FFFC 100%); }

.main.is-page .container .main__kakao .title.is-top { padding-top: 68px; font-size: 30px; font-weight: 700; letter-spacing: -0.9px; color: var(--Gray-100, #212529); }

.main.is-page .container .main__kakao .desc.is-top { font-size: 20px; color: var(--Gray-100, #212529); font-weight: 500; letter-spacing: -0.4px; }

.main.is-page .container .main__kakao .kakao__btn { margin-top: 33px; display: flex; align-items: center; justify-content: center; }

.main.is-page .container .main__kakao .kakao__btn a { width: 300px; height: 48px; border-radius: 30px; display: block; background: var(--Gray-100, #212529); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }

.main.is-page .container .main__kakao .kakao__btn a span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; color: #FFF; font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.4px; }

.main.is-page .container .main__kakao .kakao__btn a span:after { content: ""; width: 21px; height: 22px; margin-left: 8px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2875 5.09531L15.8813 9.68906H0V12.3141H15.8813L11.2875 16.9078L13.125 18.7453L21 11.0016L13.125 3.25781L11.2875 5.09531Z' fill='white'/%3E%3C/svg%3E%0A"); }

.main.is-page .container .main__kakao .kakao__btn a span em { color: #FFDB54; }

.main.is-page .title.is-top { padding-top: 111px; color: var(--Gray-100, #212529); font-family: "Noto Sans KR"; font-size: 40px; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -1.2px; text-align: center; }

.main.is-page .title.is-top span { color: #fff; }

.main.is-page .desc.is-top { margin-top: 16px; color: var(--Gray-100, #212529); text-align: center; font-family: "Noto Sans KR"; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.44px; }

.noticeLabel { display: inline-block; padding: 3px 5px; min-width: 60px; margin: 0 0 0 0 !important; height: 26px; line-height: 140%; font-size: 13px; font-weight: 500; letter-spacing: -0.13px; color: #fff; border-radius: 16px; vertical-align: middle; word-spacing: normal; border-radius: 30px; text-align: center; box-sizing: border-box; }

.noticeLabel.guide { border: 1px solid #4DABF7; background: #E7F5FF; color: #1C7ED6; }

.noticeLabel.system { border: 1px solid #FF8787; background: #FFECEC; color: #F03E3E; }

.noticeLabel.event { border: 1px solid #9775FA; background: #F3F0FF; color: #7048E8; }

.noticeLabel.news { border: 1px solid #82C91E; background: #F4FCE3; color: #5C940D; }

.noticeLabel.news.purple { border: 1px solid #9775FA; background: #F3F0FF; color: #7048E8; }

.quickWrap { position: absolute; left: 0; top: 9px; }

.quickWrap.is-left { left: 50%; margin-left: -820px; }

.quick__banner { display: none; margin-bottom: 14px; }

.quick__banner.active { display: block; }

.quick__banner .footer { position: relative; }

.quick__banner .footer input[type="checkbox"] { width: 1px; height: 1px; padding: 0; border: 0 none; margin: 0; position: absolute; left: 0; top: 0; overflow: hidden; clip: rect(0 0 0 0); }

.quick__banner .footer .ui-notoday label { padding-left: 19px; display: inline-block; margin: 5px 0 0 12px; height: 13px; font-size: 11px; line-height: 13px; color: #979797; background: url(https://simgs.zocbo.com/images/pc/zocbo/zocbo_rn/common/popup/chbox_h13_gray.jpg) no-repeat left top; cursor: pointer; }

.quick__banner .footer .ui-notoday input[type="checkbox"]:checked + label { background-position: left bottom; }

.quick__banner .footer button { position: absolute; right: 8px; bottom: -4px; }

.hide, .blindtext { position: absolute; top: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }

#topgo.btn_top { width: 40px; height: 40px; position: fixed; right: 16px; bottom: 16px; z-index: 1001; display: block; background: rgba(255, 255, 255, 0.8); border: 1px solid #DADEE7; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); border-radius: 8px; transition: all .5s; }

#topgo.btn_top::before { width: 19px; height: 11px; content: ''; display: block; background: url(https://simgs.zocbo.com/images/pc/zocbo/zocbo_rn/sub/common/btn-topgo-arrow.png) no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.renewal-swiper-wrap { width: 1224px; margin: 0 auto; position: relative; }

.renewal-swiper-wrap .swiper { position: relative; overflow: hidden; }

.renewal-swiper-wrap .swiper-button-prev { left: -25px !important; }

.renewal-swiper-wrap .swiper-button-prev:hover { background-image: url(/static/image/main/spr-cloud-remain.png) !important; background-position: -70px 0 !important; }

.renewal-swiper-wrap .swiper-button-prev, .renewal-swiper-wrap .swiper-button-next { top: 50%; background-image: url(/static/image/main/spr-cloud-remain.png) !important; background-position: 0 0 !important; background-repeat: no-repeat; background-size: auto; width: 50px !important; height: 50px !important; }

.renewal-swiper-wrap .swiper-button-next { right: -25px !important; background-position-y: -75px !important; }

.renewal-swiper-wrap .swiper-button-next:hover { background-image: url(/static/image/main/spr-cloud-remain.png) !important; background-position: -70px -75px !important; }

.renewal-swiper-wrap .swiper-container-horizontal > .swiper-pagination { display: flex; justify-content: center; align-items: center; }

.renewal-swiper-wrap .swiper-container-horizontal > .swiper-pagination.right-align { padding: 0 20px 10px 0; justify-content: right; }

.renewal-swiper-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.renewal-swiper-wrap .swiper-pagination { display: flex; justify-content: center; align-items: center; }

.renewal-swiper-wrap .swiper-pagination-bullet { width: 8px; height: 8px; background-color: #ced0da; opacity: 1; margin: 0; }

.renewal-swiper-wrap .swiper-pagination-bullet-active { background-color: #26bcb7; }

.rnui-maintab-content-wrap > div[class^="rnui-maintab-content"] { display: none; }

.rnui-maintab-content-wrap > div[class^="rnui-maintab-content"].active { display: block; }

.btn-101 { -webkit-tap-highlight-color: transparent; -webkit-appearance: button; background-color: #000; background-image: none; color: #fff; font-size: 100%; font-weight: 900; line-height: 1.5; margin: 0; -webkit-mask-image: -webkit-radial-gradient(#393838, #fff); padding: 0; text-transform: uppercase; --thickness: 0.2rem; --roundness: 1.2rem; --color: #fff; --opacity: 1; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); background: none; background: rgba(255, 255, 255, 0.2); border: none; border-radius: var(--roundness); cursor: pointer; display: block; font-size: 1rem; font-weight: 500; padding: 0.8rem 3rem; position: relative; }

.btn-101 * { border: 0 solid; box-sizing: border-box; }

.btn-101:disabled { cursor: default; }

.btn-101:-moz-focusring { outline: auto; }

.btn-101:hover { background: rgba(255, 255, 255, 0.3); filter: brightness(1.2); }

.btn-101:hover rect { -webkit-animation-play-state: running; animation-play-state: running; opacity: var(--opacity); }

.btn-101:active { --opacity: 0; background: rgba(255, 255, 255, 0.1); }

.btn-101.active rect { -webkit-animation-play-state: running; animation-play-state: running; opacity: var(--opacity); }

.btn-101 svg { vertical-align: middle; border-radius: var(--roundness); display: block; filter: url(#glow); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.btn-101 rect { fill: none; stroke: var(--color); stroke-width: var(--thickness); rx: var(--roundness); stroke-linejoin: round; stroke-dasharray: 160%; stroke-dashoffset: 30; -webkit-animation: snake 2s linear infinite; animation: snake 2s linear infinite; -webkit-animation-play-state: paused; animation-play-state: paused; height: 100%; opacity: 0; transition: opacity 0.2s; width: 100%; }

.btn-101 [hidden] { display: none; }

@-webkit-keyframes snake { to { stroke-dashoffset: 370%; } }

@keyframes snake { to { stroke-dashoffset: 370%; } }

/* Mobile - Portrait */
@media (max-width: 575px) { .q_main { width: 177px; margin-left: 0; position: fixed; left: auto; right: 35px; } }

/* Mobile - Landscape */
@media (min-width: 576px) and (max-width: 767px) { .q_main { width: 177px; margin-left: 0; position: fixed; left: auto; right: 35px; } }

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { .q_main { width: 177px; margin-left: 0; position: fixed; left: auto; right: 35px; } }

/* 노트북 */
@media (min-width: 1024px) and (max-width: 1642px) { .q_main { width: 177px; margin-left: 0; position: fixed; left: auto; right: 35px; } }

.main.is-renewal { padding: 0; }

.main.is-renewal *, .main.is-renewal *::before, .main.is-renewal *::after { box-sizing: border-box; }

.main.is-renewal .container { width: 1380px; margin: 0 auto; padding: 0; }

.main.is-renewal .keyvisual { padding-top: 60px; text-align: center; background-repeat: no-repeat; background-position: 50% 0; background-image: url("/static/image/main/2024/bg-keyvisual.png"); }

.main.is-renewal .keyvisual .keyvisual__title { color: #212529; text-align: center; font-size: 40px; font-weight: 700; line-height: 150%; letter-spacing: -0.4px; }

.main.is-renewal .keyvisual .keyvisual__title span { color: #06BAC8; }

.main.is-renewal .keyvisual .keyvisual__title small { display: block; margin-bottom: 16px; text-align: center; font-size: 26px; font-weight: 400; line-height: 130%; letter-spacing: -0.28px; }

.main.is-renewal .keyvisual .keyvisual__title small span { font-weight: 700; }

.main.is-renewal .keyvisual .keyvisual__link { display: inline-flex; margin-top: 24px; width: 420px; height: 70px; justify-content: center; align-items: center; color: #FFF; font-size: 25px; font-weight: 500; line-height: 150%; border-radius: 4px; background-color: #06BAC8; }

.main.is-renewal .keyvisual .keyvisual__link:hover { box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); }

.main.is-renewal .keyvisual .keyvisual__text { margin-top: 14px; color: #343A40; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ letter-spacing: -0.16px; }

.main.is-renewal .keyvisual .keyvisual__swiper { position: relative; display: flex; justify-content: space-between; width: 100%; max-width: 1224px; margin: 60px auto 0; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item { position: relative; display: inline-flex; height: 388px; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper { overflow: hidden; position: relative; width: 592px; height: 360px; border-radius: 20px; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 360px; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper .swiper-slide .swiper__link { display: block; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper .swiper-slide .swiper__link img { width: 592px; height: 360px; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper-pagination { left: auto; right: 0; bottom: 0; display: inline-flex; height: 8px; justify-content: flex-end; align-items: center; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper-pagination .swiper-pagination-bullet { overflow: hidden; width: 8px; height: 8px; margin: 0 3px; opacity: 1; background-color: #DEE2E6; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; height: 6px; border-radius: 10px; background-color: #868E96; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-primary .swiper-button-prev, .main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-primary .swiper-button-next { display: none; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary { position: relative; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper { border-radius: 20px; border: 1px solid #DEE2E6; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper__label { display: flex; justify-content: center; align-items: center; position: absolute; left: 66px; top: 0; z-index: 10; width: 239px; height: 49px; color: #FFF; font-size: 18px; line-height: normal; border-radius: 0 0 20px 20px; background-color: #909EAB; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-prev, .main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-next { width: 30px; height: 30px; background-size: 30px 30px; background-position: 0 0; }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-prev { left: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M5.4375 15L20.4375 0L24.5625 3.9375L13.5 15L24.5625 26.0625L20.4375 30L5.4375 15Z' fill='%23DEE2E6'/%3E%3C/svg%3E"); }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M5.4375 15L20.4375 0L24.5625 3.9375L13.5 15L24.5625 26.0625L20.4375 30L5.4375 15Z' fill='%2306BAC8'/%3E%3C/svg%3E"); }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-next { right: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath d='M25.0898 15L10.0898 30L5.96484 26.0625L17.0273 15L5.96484 3.9375L10.0898 0L25.0898 15Z' fill='%23DEE2E6'/%3E%3C/svg%3E"); }

.main.is-renewal .keyvisual .keyvisual__swiper .swiper__item.is-secondary .swiper-button-next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath d='M25.0898 15L10.0898 30L5.96484 26.0625L17.0273 15L5.96484 3.9375L10.0898 0L25.0898 15Z' fill='%2306BAC8'/%3E%3C/svg%3E"); }

.main.is-renewal .keyvisual .keyvisual__guide { width: 100%; height: 360px; padding: 122px 0 0 66px; text-align: left; background-repeat: no-repeat; }

.main.is-renewal .keyvisual .keyvisual__guide .guide__title, .main.is-renewal .keyvisual .keyvisual__guide .guide__text { line-height: 150%; }

.main.is-renewal .keyvisual .keyvisual__guide .guide__title { position: relative; color: #333; font-size: 26px; font-weight: 700; }

.main.is-renewal .keyvisual .keyvisual__guide .guide__title::after { display: inline-block; position: absolute; left: 0; top: -28px; color: #06BAC8; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; content: attr(data-step); }

.main.is-renewal .keyvisual .keyvisual__guide .guide__text { margin-top: 27px; color: #343A40; font-size: 16px; }

.main.is-renewal .keyvisual .keyvisual__guide .guide__text span { color: #06BAC8; }

.main.is-renewal .keyvisual .keyvisual__guide.is-step-1 { background-position: calc(100% - 63px) calc(100% - 67px); background-image: url("/static/image/main/2024/icon-guide-1.png"); }

.main.is-renewal .keyvisual .keyvisual__guide.is-step-2 { background-position: calc(100% - 78px) calc(100% - 60px); background-image: url("/static/image/main/2024/icon-guide-2.png"); }

.main.is-renewal .keyvisual .keyvisual__guide.is-step-3 { background-position: calc(100% - 60px) calc(100% - 67px); background-image: url("/static/image/main/2024/icon-guide-3.png"); }

.main.is-renewal .keyvisual .keyvisual__guide.is-step-4 { background-position: calc(100% - 67px) calc(100% - 74px); background-image: url("/static/image/main/2024/icon-guide-4.png"); }

.main.is-renewal .keyvisual .keyvisual__guide.is-step-5 { background-position: calc(100% - 67px) calc(100% - 70px); background-image: url("/static/image/main/2024/icon-guide-5.png"); }

.main.is-renewal .keypoint { width: 100%; height: 456px; margin-top: 72px; padding-top: 90px; background-color: #F6F8FA; }

.main.is-renewal .keypoint .keypoint__title { color: #212529; text-align: center; font-size: 40px; line-height: 150%; }

.main.is-renewal .keypoint .keypoint__title span { color: #06BAC8; }

.main.is-renewal .keypoint .keypoint_list { display: flex; justify-content: space-around; width: 100%; height: 220px; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item { text-align: center; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item .item__title { display: flex; flex-direction: column; justify-content: flex-end; height: 120px; margin-bottom: 12px; color: #CED4DA; font-size: 36px; font-weight: 900; line-height: normal; transition: font-size .4s ease; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item .item__title .title__label { display: flex; justify-content: center; align-items: center; min-width: 100px; height: 30px; padding: 0 15px; margin: 0 auto; color: #fff; font-size: 16px; font-weight: 700; line-height: normal; letter-spacing: -0.32px; border-radius: 30px; background-color: #CED4DA; transition: background-color .4s ease; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item .item__text { color: #CED4DA; font-size: 18px; font-weight: 500; line-height: 130%; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item .item__text small { display: block; margin-top: 9px; font-family: 'Pretendard', sans-serif; color: inherit; font-size: 14px; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item.is-active .item__title { color: #06BAC8; font-size: 42px; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item.is-active .item__title .title__label { background-color: #06BAC8; }

.main.is-renewal .keypoint .keypoint_list .keypoint__item.is-active .item__text { color: #212529; }

.main.is-renewal .review { min-height: 841px; background: linear-gradient(180deg, rgba(14, 35, 66, 0.7) 0%, #0E2342 100%); }

.main.is-renewal .review .review__title { margin-bottom: 51px; padding-top: 107px; color: #fff; font-size: 40px; font-weight: 700; line-height: 150%; text-align: center; }

.main.is-renewal .review .review__title span { color: #06BAC8; }

.main.is-renewal .review .review__row { overflow: hidden; position: relative; }

.main.is-renewal .review .review__row.is-primary { height: 444px; }

.main.is-renewal .review .review__row.is-secondary { height: 571px; }

.main.is-renewal .review .swiper { position: absolute; left: 50%; top: 0; width: 1920px; margin: 0 auto; transform: translateX(-50%); }

.main.is-renewal .review .swiper .swiper-slide { display: flex; justify-content: center; }

.main.is-renewal .review .swiper .swiper-button-prev, .main.is-renewal .review .swiper .swiper-button-next { z-index: 10; width: 48px; height: 48px; background-repeat: no-repeat; background-position: 50% 0; }

.main.is-renewal .review .swiper .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M7.25 20L27.25 0L32.75 5.25L18 20L32.75 34.75L27.25 40L7.25 20Z' fill='%231CBCB7' /%3E%3C/svg%3E"); }

.main.is-renewal .review .swiper .swiper-button-prev.swiper-button-disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M7.25 20L27.25 0L32.75 5.25L18 20L32.75 34.75L27.25 40L7.25 20Z' fill='%23DADEE7' fill-opacity='0.2'/%3E%3C/svg%3E"); }

.main.is-renewal .review .swiper .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M32.75 20L12.75 40L7.25 34.75L22 20L7.25 5.25L12.75 0L32.75 20Z' fill='%231CBCB7' /%3E%3C/svg%3E"); }

.main.is-renewal .review .swiper .swiper-button-next.swiper-button-disabled { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M32.75 20L12.75 40L7.25 34.75L22 20L7.25 5.25L12.75 0L32.75 20Z' fill='%23DADEE7' fill-opacity='0.2'/%3E%3C/svg%3E"); }

.main.is-renewal .review .swiper.is-primary { overflow: visible; }

.main.is-renewal .review .swiper.is-primary .swiper-slide { display: flex; align-items: center; height: 444px; }

.main.is-renewal .review .swiper.is-primary .swiper-slide .review__video { overflow: hidden; position: relative; width: 610px; height: 336px; border-radius: 20px; }

.main.is-renewal .review .swiper.is-primary .swiper-slide .review__video::after { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); content: ""; }

.main.is-renewal .review .swiper.is-primary .swiper-slide .review__video iframe { width: inherit; height: inherit; }

.main.is-renewal .review .swiper.is-primary .swiper-slide.swiper-slide-prev { justify-content: flex-end; }

.main.is-renewal .review .swiper.is-primary .swiper-slide.swiper-slide-next { justify-content: flex-start; }

.main.is-renewal .review .swiper.is-primary .swiper-slide.swiper-slide-active .review__video { width: 806px; height: 444px; }

.main.is-renewal .review .swiper.is-primary .swiper-slide.swiper-slide-active .review__video::after { display: none; }

.main.is-renewal .review .swiper.is-primary .swiper-button-prev { left: 50%; transform: translateX(-453px); }

.main.is-renewal .review .swiper.is-primary .swiper-button-next { right: 50%; transform: translateX(453px); }

.main.is-renewal .review .swiper.is-secondary { overflow: hidden; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide .review__item { overflow: hidden; position: relative; width: 100%; height: 450px; max-width: 430px; padding: 60px 58px 52px; border-radius: 20px; background-color: #ECEEF3; transition: max-width .25s ease-in-out; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide .review__item .item__title { display: flex; color: var(--Grey-70, #868C99); font-size: 28px; font-style: normal; line-height: 140%; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide .review__item .item__text { display: none; margin-top: 32px; color: #212529; font-size: 20px; font-weight: 400; line-height: 170%; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide .review__item .item__text span { padding: 0 2px; background-color: #b6ebef; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide .review__item .item__user { position: absolute; right: 58px; bottom: 52px; padding-top: 139px; color: #495057; font-size: 20px; font-weight: 400; line-height: normal; text-align: right; background-position: 100% 0; background-repeat: no-repeat; background-size: 126px 126px; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-prev { padding-right: 70px; justify-content: flex-end; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item { max-width: 840px; background-color: #fff; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__title { width: 724px; color: #0E2342; font-size: 34px; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__title br:not(.is-active) { display: none; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__text { display: block; width: 724px; }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__user.is-man-1 { background-image: url("/static/image/main/2024/icon-review-man-1.png"); }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__user.is-man-2 { background-image: url("/static/image/main/2024/icon-review-man-2.png"); }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-active .review__item .item__user.is-woman-1 { background-image: url("/static/image/main/2024/icon-review-woman-1.png"); }

.main.is-renewal .review .swiper.is-secondary .swiper-slide.swiper-slide-next { padding-left: 70px; justify-content: flex-start; }

.main.is-renewal .review .swiper.is-secondary .swiper-button-prev { left: 50%; transform: translateX(-468px); }

.main.is-renewal .review .swiper.is-secondary .swiper-button-next { right: 50%; transform: translateX(468px); }

.main.is-renewal .review .swiper.is-secondary .swiper-fraction { width: 840px; margin: 10px auto 0; text-align: right; color: #CED4DA; font-size: 16px; font-weight: 500; line-height: normal; }

.main.is-renewal .review .swiper.is-secondary .swiper-fraction .swiper-pagination-current { color: #06BAC8; }

#private .top-page-info { margin-bottom: 20px; }

#private .terms-tab { display: flex; }

#private .terms-tab button { display: flex; align-items: center; justify-content: center; flex: 50% 0 0; height: 40px; font-size: 14px; color: #343434; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-bottom: none; }

#private .terms-tab button + button { border-left: none; }

#private .terms-tab button.active { color: #fff; border-color: var(--main-100, #20BCB7); background-color: var(--main-100, #20BCB7); }

#private .terms-contents { padding: 10px; max-height: 517px; display: none; border: 1px solid #e5e5e5; padding-bottom: 20px; position: relative; overflow-y: scroll; overflow-x: hidden; }

#private .terms-contents > * { box-sizing: border-box; }

#private .terms-contents #terms_select { max-width: 255px; height: auto; border: 1px solid #767676; padding: 10px; position: absolute; top: 10px; right: 20px; font-size: 12px; vertical-align: middle; color: #666; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: none; }

#private .content-text { font-size: 12px; color: #333; }

#private .content-text h2 { padding-top: 10px; font-size: 14px; color: #e88d39; font-weight: 500; }

#private .content-text h4 { font-size: 12px; font-weight: 500; }

#private .content-text div { padding: 0 10px 0 10px; }

#private .content-text p { padding: 0 10px 0 10px; font-size: 12px; line-height: 20px; }

#private .content-text dl { padding: 0 10px 0 10px; }

#private .content-text dl dt { padding-top: 10px; font-size: 13px; font-weight: 500; color: #000; line-height: 20px; }

#private .content-text dl dd { font-size: 12px; line-height: 20px; }

#private .content-text ul { padding: 0 10px 0 10px; }

#private .content-text ul li { font-size: 12px; line-height: 20px; }

#private .content-text .affiliatePopupCall { color: #005cd7; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }

#private .content-text .style50 { color: #e88d39; font-weight: 500; }

#private .content-text .style51 { color: #E88D39; font-weight: 500; }

#private .content-text .style52 { font-size: 9pt; line-height: 160%; }

#private .content-text .style53 { padding: 8; font-size: 9pt; line-height: 160%; }

#private .content-text .new-private-contents > * { box-sizing: border-box; }

#private .content-text .new-private-contents h3 { font-size: 14px; color: #e88d39; font-weight: 500; }

#private .content-text .new-private-contents h4 { font-size: 12px; font-weight: 500; }

#private .content-text .new-private-contents div, #private .content-text .new-private-contents p { line-height: 20px; }

#private .content-text .bookmark { padding: 10px; margin: 0 10px 0 10px; background: #f6f6f6; }

#private .content-text .bookmark > li { line-height: 25px; }

#private .content-text .bookmark > li > a { font-size: 14px; font-weight: 400; }

#private .util_txtBox .top_ttl { margin: 10px 0 10px 0; font-size: 20px; font-weight: bold; text-align: center; color: #696969; }

#private .util_txtBox .sub_ttl { margin-bottom: 10px; font-size: 12px; color: #696969; }

#private .util_txtBox .sub_desc { font-size: 12px; color: #969696; line-height: 18px; }

#private .terms_handle { position: absolute; right: 0; top: 18px; }

#private .terms_handle > ul { overflow: hidden; border: 1px solid #d8d8d8; border-bottom: none; }

#private .terms_handle > ul li { height: 39px; padding: 0 20px 0 20px; float: left; vertical-align: middle; font-size: 12px; color: #696969; line-height: 43px; }

#private .terms_handle > ul li > a { font-size: 12px; color: #696969; line-height: 43px; }

#private .terms_handle > ul li.gabbar { padding: 0; }

#private table.table-terms { table-layout: fixed; border-collapse: collapse; width: 100%; }

#private table.table-terms th, #private table.table-terms td { border: 1px solid #e9e9e9; font-size: 12px; padding: 8px; line-height: 20px; word-break: keep-all; }

#private table.table-terms .tac { text-align: center; }

#private table.table-policy { font-size: 13px; border-top: 1px solid #dddddd; margin: 10px 0 10px 0; }

#private table.table-policy th { font-weight: 400; text-align: center; padding: 8px 0; border: 1px solid #dddddd; border-top: none; }

#private table.table-policy td { text-align: center; border: 1px solid #dddddd; border-top: none; padding: 8px; font-size: 12px; padding: 8px; line-height: 20px; color: #333; }

#private table.table-policy td .td-left { padding-left: 10px; text-align: left !important; }

#private .dimfullFixed { position: fixed; z-index: 999; background-color: #000; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.7; filter: Alpha(opacity=40); display: none; }

#private .comPopup .pop_header { width: 100%; height: 36px; background: #3f3f3f; }

#private .comPopup .pop_header .ttl { padding-left: 21px; font-size: 14px; line-height: 36px; color: #fff; font-weight: 400; }

#private .comPopup .pop_cnt { padding: 20px 22px 27px 22px; background: #fff; }

#private .comPopup .pop_cnt .pop_cnt_ttl { margin-bottom: 17px; font-size: 13px; color: #3579d4; font-weight: 700; }

#private .comPopup .popClose { width: 16px; height: 17px; position: absolute; right: 18px; top: 16px; background: url(https://www.zocbo.com/Images/zocbo_rn/sub/common/popClose.gif) no-repeat; }

#private .affiliatePopup { width: 393px; position: fixed; left: 50%; top: 50%; margin: -158px 0 0 -197px; display: none; z-index: 999; }

#private .affiliatePopup .affiliateTopttl { padding-bottom: 6px; margin-bottom: 7px; font-size: 12px; line-height: 18px; color: #000; border-bottom: 2px solid #000; }

#private .affiliatePopup .affiliateBox { padding: 14px 20px 18px 20px; margin-top: 13px; line-height: 21px; background: #f4f4f4; }

#private .affiliatePopup .popCloseBot { margin: 12px auto 0 auto; width: 45px; height: 29px; background: url(https://www.zocbo.com/Images/zocbo_rn/sub/common/close_affiliatePopup.gif) no-repeat; display: block; text-align: center; text-indent: -9999em; }

#private .affiliatePopup .popCloseBot img { display: none; }

.guideVod { padding-bottom: 0; }

.guideVod section { position: relative; overflow: initial; }

.guideVod section.visual .inner { display: flex; flex-direction: column; background: #fff url(/static/image/guidevod/guideVod-visualbg.png) 0 0 no-repeat; height: 524px; padding-top: 175px; }

.guideVod section.visual .inner h2 { color: var(--Black, #000); font-family: "Noto Sans KR"; font-size: 45px; font-style: normal; font-weight: 700; line-height: 46px; }

.guideVod section.visual .inner p { margin-top: 30px; color: var(--Gray-90, #343A40); font-family: "Noto Sans KR"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }

.guideVod section.acodian { padding: 80px 0 80px 0; background-color: #DAF1F1; }

.guideVod section.acodian .inner h3 { color: #000; font-family: "Noto Sans KR"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 46px; }

.guideVod section.acodian .inner .all-openClose { margin-bottom: 20px; display: flex; align-items: center; }

.guideVod section.acodian .inner .all-openClose.right { justify-content: end; }

.guideVod section.acodian .inner .all-openClose button { display: inline-flex; padding: 5px 20px; flex-direction: column; justify-content: center; align-items: center; border-radius: 5px; background: #595F69; color: #FFF; font-family: "Spoqa Han Sans Neo"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; }

.guideVod section.acodian .inner .all-openClose button + button { margin-left: 10px; }

.guideVod section.acodian .inner .ui-accordion { padding: 0; }

.guideVod section.acodian .inner .ui-accordion-item { position: relative; background: #FFF; border-radius: 50px; }

.guideVod section.acodian .inner .ui-accordion-item.active .ui-accordion-btn { background-color: #1CBCB7; color: #fff; }

.guideVod section.acodian .inner .ui-accordion-item.active .ui-accordion-btn:after { 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%3Ccircle cx='25' cy='25' r='24' transform='rotate(90 25 25)' stroke='white' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.0032 29.7042L34.7097 27.9896L24.8269 18.2996L14.9571 27.9899L16.6637 29.7045L24.8274 21.7L33.0032 29.7042Z' fill='white'/%3E%3C/svg%3E%0A"); }

.guideVod section.acodian .inner .ui-accordion-item.active .ui-accordion-content { max-height: 2000px; padding: 60px 0 0 0; text-align: left; }

.guideVod section.acodian .inner .ui-accordion-item + .ui-accordion-item { margin-top: 10px; }

.guideVod section.acodian .inner .ui-accordion-btn { position: relative; z-index: 9; display: flex; width: 1224px; height: 80px; padding: 10px 50px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 50px; border: 1px solid #1CBCB7; background: #FFF; color: #1CBCB7; font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 46px; }

.guideVod section.acodian .inner .ui-accordion-btn:after { content: ""; display: block; width: 50px; height: 50px; right: 50px; top: 15px; 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%3Ccircle cx='25' cy='25' r='24' transform='rotate(-90 25 25)' stroke='%231CBCB7' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9968 20.2958L15.2903 22.0104L25.1731 31.7004L35.0429 22.0101L33.3363 20.2955L25.1726 28.3L16.9968 20.2958Z' fill='%231CBCB7'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.guideVod section.acodian .inner .ui-accordion-content { padding: 0; border-radius: 0px 0px 30px 30px; background: #FFF; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist { margin-left: 177px; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li { margin-right: 70px; margin-bottom: 60px; float: left; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li a { display: block; position: relative; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li a.vodlist-img { margin-bottom: 30px; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li a.vodlist-img:hover::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li .btn-pdfdown { display: flex; align-items: center; justify-content: center; width: 400px; padding: 15px 0px; justify-content: center; align-items: center; border-radius: 8px; border: 2px solid #E33626; color: #E33626; text-align: center; font-family: "Noto Sans KR"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; }

.guideVod section.acodian .inner .ui-accordion-content .vodlist li .btn-pdfdown::after { content: ""; display: block; width: 24px; height: 24px; margin-left: 10px; 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 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM4 20V15H6V18H18V15H20V20H4Z' fill='%23E33626'/%3E%3C/svg%3E%0A"); }

.guideVod section.tip { padding: 87px 0 88px 0; background-color: #595F69; }

.guideVod section.tip p { color: #FFF; font-family: "Noto Sans KR"; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; }

.guideVod .quick-kakao { width: 120px; height: 120px; position: fixed; bottom: 242px; right: 50%; margin-right: -782px; z-index: 20; }

.guideVod .quick-kakao img { display: block; width: 100%; height: 100%; }

.guideVod .tempLayer { width: 1024px; height: 600px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9998; }

.guideVod .tempLayer .video { position: relative; }

.guideVod .tempLayer .iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.guideVod .dim { width: 100%; height: 100%; display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 9997; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */ opacity: .5; }

/* Mobile - Portrait */
@media (max-width: 575px) { .guideVod .quick-kakao { margin-right: 0; right: 35px; } }

/* Mobile - Landscape */
@media (min-width: 576px) and (max-width: 767px) { .guideVod .quick-kakao { margin-right: 0; right: 35px; } }

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { .guideVod .quick-kakao { margin-right: 0; right: 35px; } }

/* 노트북 */
@media (min-width: 1024px) and (max-width: 1642px) { .guideVod .quick-kakao { margin-right: 0; right: 35px; } }

.ui-layer-renewal-popup.current-status-popup .layer-popup-content .header { margin-bottom: 30px; }

.ui-layer-renewal-popup.current-status-popup .layer-popup-content .footer .ui-btn { border-radius: 5px; }

.ui-layer-renewal-popup.current-status-popup .ui-tab-nav { display: flex; align-items: center; margin-bottom: 25px; }

.ui-layer-renewal-popup.current-status-popup .ui-tab-nav a, .ui-layer-renewal-popup.current-status-popup .ui-tab-nav button { display: flex; align-items: center; position: relative; height: 36px; font-weight: 500; font-size: 16px; line-height: 34px; color: #7F8FA4; border-bottom: 2px solid var(--white); }

.ui-layer-renewal-popup.current-status-popup .ui-tab-nav a.active, .ui-layer-renewal-popup.current-status-popup .ui-tab-nav button.active { color: #20BCB7; border-color: #20BCB7; }

.ui-layer-renewal-popup.current-status-popup .ui-tab-nav a + i, .ui-layer-renewal-popup.current-status-popup .ui-tab-nav button + i { display: block; width: 1px; height: 8px; background-color: #bcc7d1; margin-right: 16px; margin-left: 16px; }

.ui-layer-renewal-popup.current-status-popup .ui-tab-content > p { font-weight: 400; font-size: 14px; line-height: 24px; color: var(--black); margin-bottom: 25px; }

.ui-layer-renewal-popup.current-status-popup .ui-layer-popup-table th { color: var(--black); padding: 8px 0; }

.ui-layer-renewal-popup.current-status-popup .ui-layer-popup-table td span { display: block; color: var(--grey-70); margin-top: 4px; }

.ui-layer-renewal-popup.current-status-popup .ui-layer-popup-table .no-item { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: var(--black); padding: 26px 0; }

.ui-layer-popup.nomal-popup .layer-popup-content { width: 405px; transform: translate(-50%, -50%); }

.ui-layer-popup.nomal-popup .layer-popup-content .header .btn-today-close2 { width: 24px; height: 24px; margin-top: -12px; display: block; position: absolute; top: 50%; right: 8px; text-indent: -9999px; overflow: hidden; 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%3Cg clip-path='url(%23clip0_214_81)'%3E%3Crect x='6.07117' y='4.65685' width='18' height='2' rx='1' transform='rotate(45 6.07117 4.65685)' fill='%23333333'/%3E%3Crect x='4.65698' y='17.3848' width='18' height='2' rx='1' transform='rotate(-45 4.65698 17.3848)' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_214_81'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 0 0; }

.ui-layer-popup.nomal-popup .layer-popup-content .body { padding: 0 17px 17px !important; overflow-x: hidden; text-align: center; }

.ui-layer-popup.nomal-popup .layer-popup-content .body h2 { font-weight: 700; font-size: 22px; line-height: 28px; color: #343A40; margin: 0; margin-bottom: 24px; }

.ui-layer-popup.nomal-popup .layer-popup-content .body h2 span { color: #008682; }

.ui-layer-popup.nomal-popup .layer-popup-content .body strong { font-weight: 500; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .top-info-txt { font-size: 16px; color: #000; text-align: center; font-style: normal; font-weight: 400; line-height: normal; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .top-info-txt + .top-info-txt { margin-top: 20px; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .top-info-txt .c-0083BF { color: #0083BF; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .top-info-txt .c-FF4545 { color: #FF4545; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .bot-info-txt { margin-top: 16px; font-size: 16px; color: #000; text-align: center; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.16px; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .openpop-box { display: flex; width: 100%; padding: 24px 16px; margin-top: 16px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: #E9F9F8; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .openpop-box dl { width: 100%; margin: 16px 0 0 0; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .openpop-box dl:first-child { margin-top: 0; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .openpop-box dl dt { display: flex; padding: 4px; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 4px; background: #90DEDB; font-size: 16px; color: #000; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.16px; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .openpop-box dl dd { margin: 6px 0 0 0; font-size: 15px; color: #343A40; text-align: center; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.15px; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .footer { padding: 5px 16px 5px 12px !important; background-color: #323232; }

.ui-layer-popup.nomal-popup .layer-popup-content .body .footer .ui-notoday { display: flex; justify-content: space-between; align-items: center; }

.ui-layer-popup.nomal-popup .layer-popup-content .footer .ui-form-check-inline { display: inline-flex; align-items: center; }

.ui-layer-popup.nomal-popup .layer-popup-content .footer .ui-form-check-inline .ui-form-check[type=checkbox] { width: 1px; height: 1px; padding: 0; border: 0 none; margin: 0; position: absolute; left: 0; top: 0; overflow: hidden; clip: rect(0 0 0 0); }

.ui-layer-popup.nomal-popup .layer-popup-content .footer .ui-form-check-inline .ui-form-check[type=checkbox]:checked + label { 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='7.5' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 12.364L9.12132 14.4853L10.182 15.5459L11.2426 14.4853L16.5459 9.18198L15.4853 8.12132L10.182 13.4246L8.06066 11.3033L7 12.364Z' fill='white'/%3E%3C/svg%3E%0A"); }

.ui-layer-popup.nomal-popup .layer-popup-content .footer .ui-form-check-inline label { display: inline-block; height: 24px; padding-left: 24px; font-size: 12px; line-height: 24px; color: #fff !important; 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='7.5' stroke='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; flex: none; }

.ui-layer-popup.nomal-popup .layer-popup-content .footer .btn-today-close2 { font-weight: 500; font-size: 12px; line-height: 14px; color: #fff; position: initial; }

#change-profile-image .layer-popup-content { width: 800px; }

#change-profile-image .layer-popup-content .change-profile-wrap { display: flex; align-items: center; justify-content: center; }

#change-profile-image .layer-popup-content .change-profile-wrap [class^="profile-image"] { width: 80px; height: 80px; }

#change-profile-image .layer-popup-content .change-profile-wrap .current-image { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 200px; flex: 160px 0 0; background-color: var(--white); border: 1px solid #CED0DA; border-radius: 16px; margin-left: 32px; }

#change-profile-image .layer-popup-content .change-profile-wrap .current-image p { font-weight: 500; font-size: 16px; line-height: 20px; color: var(--black); margin-top: 24px; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list { display: flex; flex-wrap: wrap; flex: auto 1 1; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div { position: relative; margin-left: 40px; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div input { position: absolute; top: 0; left: 0; opacity: 0; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div input:checked + [class^="profile-image"] { border-width: 2px; background-size: calc(100% + 4px); background-position-y: -2px; background-position-x: -2px; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div input:checked + [class^="profile-image"].master { background-position-y: -82px; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div > [class^="profile-image"] { border-width: 0; }

#change-profile-image .layer-popup-content .change-profile-wrap .change-profile-list > div > [class^="profile-image-m"] { margin-top: 16px; }

.profile .setting_wrap .setting_data .info_setting { width: 100%; float: initial; display: flex; justify-content: space-between; }

.profile .setting_wrap .setting_data .info_setting table tr td { padding: 0; }

.profile .setting_wrap .setting_data .info_setting table tr td .logo_image { margin: 0 0 10px 0; }

.profile .setting_wrap .setting_data .info_setting table tr td .logo_setBox { display: flex; justify-content: right; }

.profile .setting_wrap .setting_data .info_setting table .vertical__Top { vertical-align: top !important; }

.profile .setting_wrap .setting_data .info_setting table .pt-9 { padding-top: 9px !important; }

.profile .setting_wrap .setting_data .info_setting .flexLeft { width: 654px; }

.profile .setting_wrap .setting_data .info_setting .flexRight { width: 476px; }

.profile .setting_wrap .setting_data .info_design { width: 100%; padding-left: 0; margin-top: 30px; float: initial; }

.profile .setting_wrap .setting_data .info_design .preview { margin-top: 40px; }

.profile .setting_wrap .setting_data .big { width: 366px; height: 522px; overflow: hidden; }

.profile .setting_wrap .setting_data .select_design { width: auto; margin-left: 52px; }

.profile .setting_wrap .setting_data .color_wrap { margin-bottom: 27px; }

.profile .setting_wrap .setting_data .color_wrap .color_chip { margin-bottom: 0; }

.profile .setting_wrap .setting_data .color_wrap .color_chip + .color_chip { margin-left: 11px; }

.profile .setting_wrap .setting_data .color_tab button { width: 90px; height: 86px; overflow: hidden; }

.profile .setting_wrap .setting_data .color_tab button img { width: auto; max-width: 100%; height: 86px; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox + .color_tabBox { margin-top: 21px; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .title { margin-bottom: 10px; color: #000; font-family: "Noto Sans KR"; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list * { box-sizing: border-box; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX { width: 92px; height: 110px; display: inline-flex; flex-direction: column; border: 1px solid #CED0DA; background: #FFF; position: relative; vertical-align: top; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX:hover { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX + .list__BOX { margin-left: 10px; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX button { height: 108px; border: none; margin: 0; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX .list__bottom { padding: 10px 0px; height: 22px; background: rgba(0, 0, 0, 0.1); color: #444; font-family: "Noto Sans KR"; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; right: 0; }

.profile .setting_wrap .setting_data .color_tab .color_tabBox .list .list__BOX .img { height: 86px; position: relative; top: -10px; display: flex; align-items: flex-end; justify-content: center; }