@charset "UTF-8";
:root { --inner: 1440px; --inner_padding: 24px; --col_padding: 25px; --form_height_xs: clamp(25.6px, 1.6666666667vw, 32px); --form_height_sm: clamp(32px, 2.0833333333vw, 40px); --form_height_md: clamp(38.4px, 2.5vw, 48px); --form_height_lg: clamp(44.8px, 2.9166666667vw, 56px); --form_height_xl: clamp(51.2px, 3.3333333333vw, 64px); --textarea_height: clamp(120px, 7.8125vw, 150px); --color-alpha-black10:rgb(0 0 0 / 10%); --color-alpha-black25:rgb(0 0 0 / 25%); --color-alpha-black50:rgb(0 0 0 / 50%); --color-alpha-black75:rgb(0 0 0 / 75%); --color-alpha-white10:rgb(255 255 255 / 10%); --color-alpha-white25:rgb(255 255 255 / 25%); --color-alpha-white50:rgb(255 255 255 / 50%); --color-alpha-white75:rgb(255 255 255 / 75%); --color-blue-5:#f2f8fb; --color-blue-10:#e6f2f8; --color-blue-15:#d9ebf4; --color-blue-20:#cce5f1; --color-blue-25:#bfdfed; --color-blue-30:#b3d8ea; --color-blue-35:#a6d2e6; --color-blue-40:#99cbe3; --color-blue-45:#8dc5df; --color-blue-50:#80bfdc; --color-blue-55:#66b2d3; --color-blue-60:#4da6cb; --color-blue-65:#3399c2; --color-blue-70:#1a8dba; --color-blue-75:#007eb4; --color-blue-80:#006f9f; --color-blue-85:#005f89; --color-blue-90:#004f73; --color-blue-95:#003f5c; --color-danger-5:#fdefec; --color-danger-10:#fcdfd9; --color-danger-20:#f7afa1; --color-danger-30:#f48771; --color-danger-40:#f05f42; --color-danger-50:#de3412; --color-danger-60:#bd2c0f; --color-danger-70:#8a240f; --color-danger-80:#5c180a; --color-danger-90:#390d05; --color-danger-95:#260903; --color-gray-0:#fff; --color-gray-5:#f2f2f2; --color-gray-10:#e6e6e6; --color-gray-15:#ddd; --color-gray-20:#ccc; --color-gray-30:#b2b2b2; --color-gray-40:#999; --color-gray-50:#808080; --color-gray-60:#666; --color-gray-70:#4d4d4d; --color-gray-80:#333; --color-gray-90:#111; --color-gray-95:#0d0d0d; --color-gray-100:#000; --color-information-5:#e7f4fe; --color-information-10:#d3ebfd; --color-information-20:#9ed2fa; --color-information-30:#5fb5f7; --color-information-40:#2098f3; --color-information-50:#0b78cb; --color-information-60:#096ab3; --color-information-70:#085691; --color-information-80:#053961; --color-information-90:#03253f; --color-information-95:#021a2c; --color-navy-80:#26283d; --color-neutral-5:#f3f4f7; --color-neutral-10:#e7e9ee; --color-neutral-20:#d0d3dd; --color-neutral-30:#b8bdcb; --color-neutral-40:#a1a7b9; --color-neutral-50:#8a91a7; --color-neutral-60:#727b94; --color-neutral-70:#5b6482; --color-neutral-80:#444e70; --color-neutral-90:#2d375e; --color-neutral-95:#26283d; --color-neutral-100:#1b1d2b; --color-pink-10:#f8e6ea; --color-pink-20:#f1ccd5; --color-pink-30:#e9b3c1; --color-pink-40:#e299ac; --color-pink-50:#db8097; --color-pink-60:#d46682; --color-pink-70:#d5395e; --color-pink-80:#b92f50; --color-pink-90:#962542; --color-point-80:#f7941c; --color-point-2-0:#fff7f8; --color-point-2-5:#fff4f6; --color-point-2-10:#ffecef; --color-point-2-20:#ffdce2; --color-point-2-30:#ffcbd3; --color-point-2-40:#f5aab3; --color-point-2-50:#eb8593; --color-point-2-60:#e56574; --color-point-2-70:#de4355; --color-point-2-80:#e41c44; --color-point-2-90:#c81733; --color-point-2-95:#a20e29; --color-primary-0:#f0f9ff; --color-primary-10:#dbf1fc; --color-primary-20:#b7e4f6; --color-primary-30:#8cd4ef; --color-primary-40:#5abfe4; --color-primary-50:#00a4d1; --color-primary-60:#0094bf; --color-primary-70:#0082aa; --color-primary-80:#007eb4; --color-primary-90:#00618b; --color-primary-100:#004e6b; --color-primary-120:#003549; --color-purple-5:#f4f3fa; --color-purple-10:#e9e7f4; --color-purple-15:#deddf0; --color-purple-20:#d3cfea; --color-purple-30:#bdb7df; --color-purple-40:#a69fd4; --color-purple-50:#8f89c9; --color-purple-60:#776fbd; --color-purple-70:#5e56a6; --color-purple-80:#4f418f; --color-purple-90:#3d3271; --color-purple-95:#2b2353; --color-secondary-0:#f3ffff; --color-secondary-5:#dcfafa; --color-secondary-10:#b8e5e5; --color-secondary-20:#91d6d6; --color-secondary-30:#6bc7c7; --color-secondary-40:#45b8b8; --color-secondary-50:#26a7a7; --color-secondary-60:#0e8f8f; --color-secondary-70:#047676; --color-secondary-80:#036060; --color-secondary-90:#024a4a; --color-secondary-100:#033535; --color-success-5:#eaf6ec; --color-success-10:#d8eedd; --color-success-20:#a9dab4; --color-success-30:#7ec88e; --color-success-40:#3fa654; --color-success-50:#228738; --color-success-60:#267337; --color-success-70:#285d33; --color-success-80:#1f4727; --color-success-90:#122b18; --color-success-95:#0e2012; --color-violet-70:#5c2ecc; --color-warning-5:#fff3db; --color-warning-10:#ffe0a3; --color-warning-20:#ffc95c; --color-warning-30:#ffb114; --color-warning-40:#c78500; --color-warning-50:#9e6a00; --color-warning-60:#8a5c00; --color-warning-70:#614100; --color-warning-80:#422c00; --color-warning-90:#2e1f00; --color-warning-95:#241800; --color-background-disabled: var(--color-gray-10); --color-background-footer: var(--color-navy-80); --color-background-gray: var(--color-gray-5); --color-background-gray-dark: var(--color-gray-100); --color-background-gray-light: rgb(244 245 246); --color-background-gray-lighter: var(--color-gray-10); --color-background-gray-lighter-basic: #f4f5f6; --color-background-primary: var(--color-blue-75); --color-background-primary-light: var(--color-blue-60); --color-background-primary-lighter: var(--color-blue-30); --color-background-primary-lightest: var(--color-blue-20); --color-background-tertiary: var(--color-violet-70); --color-background-white: rgb(255 255 255); --color-border-disabled: var(--color-gray-30); --color-border-footer: rgb(60 65 67); --color-border-footer-darkest: var(--color-gray-100); --color-border-gray: var(--color-gray-20); --color-border-gray-dark: var(--color-gray-40); --color-border-gray-darker: var(--color-gray-70); --color-border-gray-light: rgb(238 238 238); --color-border-primary: var(--color-blue-75); --color-button-disabled: var(--color-gray-10); --color-button-neutral-default: var(--color-gray-80); --color-button-neutral-hovered: var(--color-gray-90); --color-button-neutral-pressed: var(--color-gray-100); --color-button-primary-default: var(--color-blue-75); --color-button-primary-hovered: var(--color-blue-85); --color-button-primary-pressed: var(--color-blue-95); --color-button-secondary-default: var(--color-blue-5); --color-button-secondary-hovered: var(--color-blue-15); --color-button-secondary-pressed: var(--color-blue-30); --color-button-tertiary: var(--color-gray-0); --color-button-tertiary-border: var(--color-gray-60); --color-button-tertiary-hover: var(--color-gray-10); --color-button-tertiary-pressed: var(--color-gray-15); --color-icon-basic: var(--color-gray-80); --color-icon-default: #00c990; --color-icon-disabled: var(--color-gray-50); --color-icon-gray: var(--color-gray-50); --color-icon-gray-dark: #444; --color-icon-gray-darkest: var(--color-gray-90); --color-icon-inverse: #fff; --color-icon-navy: #2d3440; --color-icon-primary: var(--color-blue-75); --color-icon-secondary: var(--color-gray-60); --color-icon-secondaey: var(--color-pink-70); --color-text-basic: var(--color-gray-80); --color-text-bolder: var(--color-gray-90); --color-text-disabled: var(--color-gray-60); --color-text-enabled: var(--color-gray-60); --color-text-inverse: #fff; --color-text-primary: var(--color-blue-75); --color-text-primary-dark: var(--color-blue-85); --color-text-primary-light: var(--color-blue-60); --color-text-secondary: var(--color-pink-70); --color-text-secondary-dark: var(--color-pink-80); --color-text-secondary-light: var(--color-pink-60); --color-text-sub: var(--color-gray-60); --color-text-culture-primary: #0858dd; --color-background-neutral-lightest: #f3f6f9; --color-red: #f00; --color-blue: #00f; --font_size10:clamp(10px, 0.5208333333vw, 10px); --font_size11:clamp(11px, 0.5729166667vw, 11px); --font_size12:clamp(12px, 0.625vw, 12px); --font_size13:clamp(13px, 0.6770833333vw, 13px); --font_size14:clamp(14px, 0.7291666667vw, 14px); --font_size15:clamp(14px, 0.78125vw, 15px); --font_size16:clamp(14px, 0.8333333333vw, 16px); --font_size17:clamp(14px, 0.8854166667vw, 17px); --font_size18:clamp(14px, 0.9375vw, 18px); --font_size19:clamp(14px, 0.9895833333vw, 19px); --font_size20:clamp(14px, 1.0416666667vw, 20px); --font_size21:clamp(14px, 1.09375vw, 21px); --font_size22:clamp(14px, 1.1458333333vw, 22px); --font_size23:clamp(14px, 1.1979166667vw, 23px); --font_size24:clamp(14px, 1.25vw, 24px); --font_size25:clamp(14px, 1.3020833333vw, 25px); --font_size26:clamp(14px, 1.3541666667vw, 26px); --font_size27:clamp(14px, 1.40625vw, 27px); --font_size28:clamp(14px, 1.4583333333vw, 28px); --font_size29:clamp(14px, 1.5104166667vw, 29px); --font_size30:clamp(14px, 1.5625vw, 30px); --font_size31:clamp(14px, 1.6145833333vw, 31px); --font_size32:clamp(14px, 1.6666666667vw, 32px); --font_size33:clamp(14px, 1.71875vw, 33px); --font_size34:clamp(14px, 1.7708333333vw, 34px); --font_size35:clamp(14px, 1.8229166667vw, 35px); --font_size36:clamp(14px, 1.875vw, 36px); --font_size37:clamp(14px, 1.9270833333vw, 37px); --font_size38:clamp(14px, 1.9791666667vw, 38px); --font_size39:clamp(14px, 2.03125vw, 39px); --font_size40:clamp(14px, 2.0833333333vw, 40px); --font_size41:clamp(14px, 2.1354166667vw, 41px); --font_size42:clamp(14px, 2.1875vw, 42px); --font_size43:clamp(14px, 2.2395833333vw, 43px); --font_size44:clamp(14px, 2.2916666667vw, 44px); --font_size45:clamp(14px, 2.34375vw, 45px); --font_size46:clamp(14px, 2.3958333333vw, 46px); --font_size47:clamp(14px, 2.4479166667vw, 47px); --font_size48:clamp(14px, 2.5vw, 48px); --font_size49:clamp(14px, 2.5520833333vw, 49px); --font_size50:clamp(14px, 2.6041666667vw, 50px); --font_size51:clamp(14px, 2.65625vw, 51px); --font_size52:clamp(14px, 2.7083333333vw, 52px); --font_size53:clamp(14px, 2.7604166667vw, 53px); --font_size54:clamp(14px, 2.8125vw, 54px); --font_size55:clamp(14px, 2.8645833333vw, 55px); --font_size56:clamp(14px, 2.9166666667vw, 56px); --font_size57:clamp(14px, 2.96875vw, 57px); --font_size58:clamp(14px, 3.0208333333vw, 58px); --font_size59:clamp(14px, 3.0729166667vw, 59px); --font_size60:clamp(14px, 3.125vw, 60px); --font_size61:clamp(14px, 3.1770833333vw, 61px); --font_size62:clamp(14px, 3.2291666667vw, 62px); --font_size63:clamp(14px, 3.28125vw, 63px); --font_size64:clamp(14px, 3.3333333333vw, 64px); --font_size65:clamp(14px, 3.3854166667vw, 65px); --font_size66:clamp(14px, 3.4375vw, 66px); --font_size67:clamp(14px, 3.4895833333vw, 67px); --font_size68:clamp(14px, 3.5416666667vw, 68px); --font_size69:clamp(14px, 3.59375vw, 69px); --font_size70:clamp(14px, 3.6458333333vw, 70px); --font_size71:clamp(14px, 3.6979166667vw, 71px); --font_size72:clamp(14px, 3.75vw, 72px); --font_size73:clamp(14px, 3.8020833333vw, 73px); --font_size74:clamp(14px, 3.8541666667vw, 74px); --font_size75:clamp(14px, 3.90625vw, 75px); --font_size76:clamp(14px, 3.9583333333vw, 76px); --font_size77:clamp(14px, 4.0104166667vw, 77px); --font_size78:clamp(14px, 4.0625vw, 78px); --font_size79:clamp(14px, 4.1145833333vw, 79px); --font_size80:clamp(14px, 4.1666666667vw, 80px); --font_size81:clamp(14px, 4.21875vw, 81px); --font_size82:clamp(14px, 4.2708333333vw, 82px); --font_size83:clamp(14px, 4.3229166667vw, 83px); --font_size84:clamp(14px, 4.375vw, 84px); --font_size85:clamp(14px, 4.4270833333vw, 85px); --font_size86:clamp(14px, 4.4791666667vw, 86px); --font_size87:clamp(14px, 4.53125vw, 87px); --font_size88:clamp(14px, 4.5833333333vw, 88px); --font_size89:clamp(14px, 4.6354166667vw, 89px); --font_size90:clamp(14px, 4.6875vw, 90px); --font_size91:clamp(14px, 4.7395833333vw, 91px); --font_size92:clamp(14px, 4.7916666667vw, 92px); --font_size93:clamp(14px, 4.84375vw, 93px); --font_size94:clamp(14px, 4.8958333333vw, 94px); --font_size95:clamp(14px, 4.9479166667vw, 95px); --font_size96:clamp(14px, 5vw, 96px); --font_size97:clamp(14px, 5.0520833333vw, 97px); --font_size98:clamp(14px, 5.1041666667vw, 98px); --font_size99:clamp(14px, 5.15625vw, 99px); --font_size100:clamp(14px, 5.2083333333vw, 100px); }

/* 리사이즈 시 transition 억제 */
.no_transition * { transition: none !important; }
::selection { background: var(--color-primary-20); color: var(--color-primary-90); }

/* 스크롤바 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { border-radius: clamp(8px, 0.5208333333vw, 10px); background: #ddd; }
::-webkit-scrollbar-track { background: #f4f4f4; }
.dragscroll::-webkit-scrollbar { display: none !important; }
.scrollsmooth { scroll-behavior: smooth; }

/* basic */
html,
body { max-width: 100%; overflow-x: clip; }
html { -webkit-text-size-adjust: none; font-size: 10px; scroll-padding-top: var(--gnb_height); }
body { color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); font-family: "PretendardGOV", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: normal; }

/* 공통 keyframes */
@keyframes show_popup {
	0% { transform: scale(0.9); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}
@keyframes hide_popup {
	0% { transform: scale(1); opacity: 1; }
	100% { transform: scale(0.9); opacity: 0; }
}
@keyframes swipeRight {
	0% { transform: translateX(0); }
	50% { transform: translateX(0.5rem); }
	100% { transform: translateX(0); }
}
@keyframes thumbBtnsFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes floating {
	0%,
	100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}
@keyframes js_tab_fade_in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes mayorDecoFloat {
	0%,
	100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
@keyframes mayorActiveDayPop {
	0% { transform: translateY(clamp(-16px, -0.8333333333vw, -8px)) scale(1); }
	40% { transform: translateY(clamp(-22px, -1.1458333333vw, -12px)) scale(1.05); }
	100% { transform: translateY(clamp(-16px, -0.8333333333vw, -8px)) scale(1); }
}
@keyframes slideUpFade {
	0% { transform: translateY(20px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}
@keyframes spinPause {
	0% { transform: rotate(0deg); }
	40% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
}
@property --border-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes aiBorderSpin {
	to { --border-angle: 360deg; }
}
.cm_animation1,
.cm_animation2,
.cm_animation3,
.cm_animation4,
.cm_animation6,
.cm_animation7,
.cm_animation8,
.cm_animation9,
.cm_animation10 { animation: floatYRotate 3s ease-in-out infinite; }
@keyframes floatYRotate {
	0% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(var(--y)) rotate(var(--r)); }
	100% { transform: translateY(0) rotate(0deg); }
}
.cm_animation1 { --y: -8px; --r: 60deg; }
.cm_animation2 { --y: -10px; --r: -5deg; }
.cm_animation3 { --y: -8px; --r: -30deg; }
.cm_animation4 { --y: -8px; --r: 10deg; }
.cm_animation6 { --y: -5px; --r: -3deg; }
.cm_animation7 { --y: 3px; --r: 2deg; }
.cm_animation8 { --y: 10px; --r: -3deg; }
.cm_animation9 { --y: 10px; --r: 3deg; }
.cm_animation10 { --y: -3px; --r: -2deg; }
.cm_animation5 { animation: floatXRotate 3s ease-in-out infinite; --x: 10px; --r: -1deg; }
@keyframes floatXRotate {
	0% { transform: translateX(0) rotate(0deg); }
	50% { transform: translateX(var(--x)) rotate(var(--r)); }
	100% { transform: translateX(0) rotate(0deg); }
}

/* 공통 뱃지 */
[class*=cm_badge] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; line-height: 1.2; text-align: center; vertical-align: middle; }
.cm_badge.badge1 { padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(16px, 1.0416666667vw, 20px); border: 1px solid transparent; border-radius: 1000px 1000px 0 1000px; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_badge.badge2 { padding: clamp(4.8px, 0.3125vw, 6px) clamp(9.6px, 0.625vw, 12px); border-radius: 1000px; font-size: clamp(14px, 0.78125vw, 15px); }
.cm_badge.badge3 { padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(8px, 0.5208333333vw, 10px); border-radius: 1000px; font-weight: bold; font-size: clamp(12px, 0.6770833333vw, 13px); }
.cm_badge.badge4 { padding: clamp(7.2px, 0.46875vw, 9px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: 1000px; font-weight: bold; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_badge.variant1 { background: #f7941c; color: #fff; }
.cm_badge.variant2 { background: #eaf4ff; color: #0166f3; }
.cm_badge.variant3 { background: #e9e9e9; color: #444; }
.cm_badge.variant4 { border: 1px solid var(--color-primary-80); background: #fff; color: var(--color-primary-80); }
.cm_badge.variant5 { background: var(--color-secondary-50); color: #fff; }
.cm_badge.variant6 { background: var(--color-gray-40); color: #fff; }
.cm_badge.variant7 { background: #c1eeec; color: #36716e; }
.cm_badge.variant8 { background: #f5d1d7; color: #7d0015; }
.cm_badge.variant9 { background: #d6dcfa; color: #1c2e8d; }
.cm_badge.variant10 { background: #fef2f2; color: #de1a16; }
.cm_badge.variant11 { background: #fdf2f8; color: #c514cc; }
.cm_badge.variant12 { background: #eef2ff; color: #4f46e5; }
.cm_badge.variant13 { background: #fdf2f8; color: #dd0760; }
.cm_badge.variant14 { background: var(--color-primary-80); color: #fff; }
.cm_badge.variant15 { background: #0858dd; color: #fff; }
.cm_badge.variant16 { background: #ffba46; color: #000; }
.cm_badge.variant17 { background: #f2f4fe; color: #1637de; }
.cm_badge.variant18 { background: #1fcaab; color: #fff; }
.cm_badge.variant19 { background: #2b78c3; color: #fff; }
.cm_badge.variant20 { background: var(--color-button-secondary-hovered); color: var(--color-text-primary-dark); }
.cm_badge.variant21 { background: #ecfdf5; color: #088451; }
.cm_badge.variant22 { background: #e8f7ff; color: #0796dd; }
.cm_badge.variant23 { background: #fdfbcd; color: rgba(156, 114, 0, 0.8901960784); }
.cm_badge.variant24 { background: #088451; color: #fff; }
.cm_badge.variant25 { background: #4f46e5; color: #fff; }
.cm_badge.variant26 { background: #dd0760; color: #fff; }
.cm_badge.variant27 { background: #7a5ecd; color: #fff; }
.cm_badge.variant28 { background: #d5395e; color: #fff; }
.cm_badge.variant29 { background: #e1d7ff; color: #7302be; }
.cm_badge.variant30 { background: #9ec1ff; color: #333; }
.cm_badge.variant31 { background: #f7afa1; color: #333; }
.cm_badge.variant32 { border-color: #ccc; background: #fff; color: var(--color-text-primary); }
.cm_badge.variant33 { border-color: #ccc; background: #fff; color: var(--color-purple-80); }
.cm_badge.variant34 { border-color: #666; background: #666; color: #fff; }
.cm_badge.variant35 { border-color: #fbe7f9; background: #fbe7f9; color: #6d0d62; }
.cm_badge.variant36 { background: #fff3cd; color: #967115; }
.cm_badge.variant37 { background: #f2f8fb; color: #007eb4; }
.cm_badge.variant38 { background: #8259c3; color: #fff; }

/* 공통 게시판 */

/**/
.board_new { display: inline-flex; align-items: center; justify-content: center; height: clamp(18px, 1.0416666667vw, 20px); padding: 0 clamp(4px, 0.4166666667vw, 8px); border-radius: 99px; background: var(--color-text-secondary); color: #fff; font-weight: 600; font-size: clamp(9px, 0.5729166667vw, 11px); }
.cm_board_list1 { --table-padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); --table-font-size: clamp(14px, 0.8854166667vw, 17px); --table-height: clamp(44px, 2.8645833333vw, 55px); --table-th-height: clamp(32px, 2.0833333333vw, 40px); border-top: 1px solid var(--color-blue-75); }
.cm_board_list1 table { border-right: hidden; border-left: hidden; background-color: #fff; }
.cm_board_list1 tr { position: relative; }
.cm_board_list1 th,
.cm_board_list1 td { height: var(--table-height); padding: var(--table-padding); border: 1px solid var(--color-gray-20); border-right: 0; border-left: 0; font-size: var(--table-font-size); line-height: 1.3; text-align: center; word-break: keep-all; }
.cm_board_list1.lh2 th,
.cm_board_list1.lh2 td { line-height: 1.5; }
.cm_board_list1 td { height: clamp(52px, 3.4375vw, 66px); font-weight: 400; }
.cm_board_list1 tbody th,
.cm_board_list1 thead th { font-weight: bold; }
.cm_board_list1 thead th { height: var(--table-th-height); }
.cm_board_list1:has(thead) table { border-top: hidden; }
.cm_board_list1:has(thead tr:only-child) thead th { height: var(--table-height); }
.cm_board_list1 thead { border-bottom: hidden; }
.cm_board_list1 .subject a:hover { color: var(--color-primary-80); text-decoration: underline; }
.cm_board_list1 .subject .line1 { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_board_list1 .subject.text-center .line1 { justify-content: center; }
.cm_board_list1:not(:has(thead)) tbody th { background-color: var(--color-background-neutral-lightest); font-weight: bold; }
.cm_board_list1.small { --table-padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(4.8px, 0.3125vw, 6px); --table-font-size: clamp(12px, 0.7291666667vw, 14px); --table-height: clamp(32px, 2.0833333333vw, 40px); border-right: 1px solid var(--color-border-gray); border-left: 1px solid var(--color-border-gray); }
.cm_board_list1 tr.has-only-one-link a:before { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; }
.cm_board_list1 tr.has-only-one-link a:focus-visible { outline: none; }
.cm_board_list1 tr.has-only-one-link a:focus-visible:before { outline: 2px dashed #000; outline-offset: -2px; }
.cm_board_list1 tr.has-only-one-link button { z-index: 2; position: relative; }
.cm_gallery_list1 .gallery1_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(32px, 2.0833333333vw, 40px) clamp(19.2px, 1.25vw, 24px); }
.cm_gallery_list1 .gallery1_list .gallery1_box { display: block; }
.cm_gallery_list1 .gallery1_list .gallery1_thumb { aspect-ratio: 4/3; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_gallery_list1 .gallery1_list .gallery1_thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.cm_gallery_list1 .gallery1_list .gallery1_content { margin-top: clamp(19.2px, 1.25vw, 24px); padding-right: clamp(6.4px, 0.4166666667vw, 8px); padding-left: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_gallery_list1 .gallery1_list .gallery1_badge_list { display: flex; flex-wrap: wrap; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_gallery_list1 .gallery1_list .gallery1_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_gallery_list1 .gallery1_list .gallery1_foot { margin-top: clamp(19.2px, 1.25vw, 24px); }
.cm_gallery_list1 .gallery1_list .gallery1_tags .tag { font-size: clamp(13px, 0.78125vw, 15px); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list { display: flex; flex-wrap: wrap; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item { aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); background-position: center; background-size: contain; background-repeat: no-repeat; }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item.mobility { background-image: url(../../images/common/icon_accebility01.svg); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item.visual { background-image: url(../../images/common/icon_accebility02.svg); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item.hearing { background-image: url(../../images/common/icon_accebility03.svg); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item.family { background-image: url(../../images/common/icon_accebility04.svg); }
.cm_gallery_list1 .gallery1_list .gallery1_accessibility_list .gallery1_accessibility_item.senior { background-image: url(../../images/common/icon_accebility05.svg); }
.cm_gallery_list1 .gallery1_list a:hover .gallery1_title { text-decoration: underline; }
.cm_gallery_list1 .gallery1_list a:hover .gallery1_thumb img { transform: scale(1.1); }
.cm_gallery_list1 .gallery1_list.grid-row-4 { grid-template-columns: repeat(4, 1fr); }
.cm_gallery_list2 .gallery2_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.0833333333vw, 40px); }
.cm_gallery_list2 .gallery2_list > li { position: relative; transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1); }
.cm_gallery_list2 .gallery2_list .gallery2_box { display: flex; flex-direction: column; height: 100%; padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(6.4px, 0.4166666667vw, 8px); transition: border-color 0.22s ease, box-shadow 0.22s ease; }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_thumb { aspect-ratio: 3/4; margin-bottom: clamp(19.2px, 1.25vw, 24px); overflow: hidden; border-radius: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_gallery_list2 .gallery2_list .gallery2_thumb img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1); }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_content { display: flex; flex: 1; flex-direction: column; }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_header { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_badge_list { display: flex; flex-wrap: wrap; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_body { flex: 1; }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_gallery_list2 .gallery2_list .gallery2_box .gallery2_foot { margin-top: clamp(19.2px, 1.25vw, 24px); }
.cm_gallery_list2 .gallery2_list .gallery2_box:hover { border-color: var(--color-text-culture-primary); box-shadow: 0 8px 32px rgba(8, 88, 221, 0.12); }
.cm_gallery_list2 .gallery2_list .gallery2_box:hover .gallery2_title { text-decoration: underline; }
.cm_gallery_list2 .gallery2_list .gallery2_box:hover .gallery2_thumb img { transform: scale(1.1); }
.cm_gallery_list2 .gallery2_list .gallery2_info_list { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_gallery_list2 .gallery2_list .gallery2_map_btn { z-index: 2; position: absolute; bottom: clamp(19.2px, 1.25vw, 24px); left: clamp(19.2px, 1.25vw, 24px); pointer-events: auto; }
.cm_gallery_list2.type2 .gallery2_list .gallery2_box .gallery2_thumb { aspect-ratio: 4/3; }
.cm_gallery_list2.type2 .gallery2_list .gallery2_box .gallery2_foot { display: flex; align-items: center; justify-content: flex-end; }
.cm_gallery_list2.type2 .gallery2_list .gallery2_box .gallery2_foot .link_btn { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(44.8px, 2.9166666667vw, 56px); border-radius: 50%; background: var(--color-blue-10); color: var(--color-text-culture-primary); transition: background 0.22s ease, color 0.22s ease, transform 0.22s cubic-bezier(0.25, 1, 0.5, 1); }
.cm_gallery_list2.type2 .gallery2_list > li:has(.gallery2_box:hover) .gallery2_foot .link_btn { background-color: var(--color-text-culture-primary); color: #fff; }
.cm_gallery_list3 .gallery3_list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: clamp(12px, 1.25vw, 24px); }
.cm_gallery_list3 .gallery3_link { display: flex; flex-direction: column; gap: clamp(16px, 1.25vw, 24px); }
.cm_gallery_list3 .gallery3_img { overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_gallery_list3 .gallery3_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.cm_gallery_list3 .gallery3_texts { display: flex; flex-direction: column; gap: clamp(8px, 0.625vw, 12px); }
.cm_gallery_list3 .gallery3_texts .text1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_gallery_list3 .gallery3_texts .text2 { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_gallery_list3 .gallery3_texts .text2 .cm_icon { color: #808080; }
.cm_gallery_list3 .gallery3_link:hover .gallery3_texts .text1 { text-decoration: underline; }
.cm_gallery_list3 .gallery3_link:hover .gallery3_img img { transform: scale(1.1); }
.cm_gallery_list3 .gallery3_list.col-04 { grid-template-columns: repeat(4, 1fr); }
.cm_gallery_list6 .gallery6_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2.0833333333vw, 40px) clamp(12px, 1.25vw, 24px); }
.cm_gallery_list6 .gallery6_item { display: flex; flex-direction: column; min-width: 0; }
.cm_gallery_list6 .gallery6_thumb { padding: clamp(16px, 1.25vw, 24px); overflow: hidden; border: 1px solid #ccc; border-bottom: none; border-radius: clamp(6px, 0.4166666667vw, 8px) clamp(6px, 0.4166666667vw, 8px) 0 0; }
.cm_gallery_list6 .gallery6_thumb img { display: block; aspect-ratio: 3/4; width: 100%; object-fit: cover; }
.cm_gallery_list6 .gallery6_bottom { display: flex; flex: 1; flex-direction: column; justify-content: space-between; padding: 0 clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px); gap: clamp(16px, 1.25vw, 24px); border: 1px solid #ccc; border-top: none; border-radius: 0 0 clamp(6px, 0.4166666667vw, 8px) clamp(6px, 0.4166666667vw, 8px); background: #fff; }
.cm_gallery_list6 .gallery6_info { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_gallery_list6 .gallery6_title { color: #333; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_gallery_list6 .gallery6_date { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_gallery_list6 .gallery6_btns { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_gallery_list6 .gallery6_btns .cm_btn { flex: 1; min-width: calc(50% - 4px); }
.cm_board_list2 .board2_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px) 0; }
.cm_board_list2 .board2_box { overflow: hidden; border: 1px solid var(--color-gray-20); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_board_list2 .board2_top { display: flex; position: relative; align-items: center; width: 100%; padding: clamp(19.2px, 1.25vw, 24px) clamp(15px, 1.25vw, 24px); padding-right: clamp(52px, 3.3854166667vw, 65px); gap: 0 clamp(10px, 1.25vw, 24px); text-align: left; transition: background-color 0.2s ease; }
.cm_board_list2 .board2_top:after { display: block; position: absolute; top: 50%; right: clamp(15px, 1.25vw, 24px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_down.svg) no-repeat center/contain; content: ""; transition: transform 0.3s ease; }
.cm_board_list2 .board2_title { font-weight: bold; font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.3; }
.cm_board_list2 .board2_content { position: relative; padding: clamp(19.2px, 1.25vw, 24px); }
.cm_board_list2 .board2_list > li.open .board2_box { border-color: var(--color-blue-75); }
.cm_board_list2 .board2_list > li.open .board2_top { background-color: var(--color-blue-75); }
.cm_board_list2 .board2_list > li.open .board2_top:after { transform: translateY(-50%) rotate(180deg); filter: brightness(0) invert(1); }
.cm_board_list2 .board2_list > li.open .board2_title { color: #fff; }
.cm_board_detail1 { padding-bottom: clamp(32px, 2.0833333333vw, 40px); border-bottom: 1px solid #ccc; }
.cm_board_detail1 .board_header_wrap { margin-bottom: clamp(32px, 2.0833333333vw, 40px); }
.cm_board_detail1 .board_header { padding: clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px solid #000; border-bottom: 1px solid #e6e6e6; }
.cm_board_detail1 .board_header .board_badges { display: flex; flex-wrap: wrap; margin-bottom: 4px; gap: 4px; }
.cm_board_detail1 .board_header .board_title { font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_board_detail1 .board_header .board_info { margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_board_detail1 .board_header .board_info .cm_dl1 .cm_icon:before { color: #808080; }
.cm_board_detail1 .board_util { padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: 0 0 clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px); background: #f3f6f9; }
.cm_board_detail1 .board_util .board_util_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_board_detail1 .board_content { margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(19.2px, 1.25vw, 24px); }
.cm_board_detail1 .cm_file_list2 { padding: 0 clamp(19.2px, 1.25vw, 24px); }
.cm_board_detail1.border_top { border-top: 1px solid #000; }
.board_detail_answer { margin-top: clamp(32px, 2.0833333333vw, 40px); padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); }
.board_detail_answer .answer_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(19.2px, 1.25vw, 24px); padding-bottom: clamp(19.2px, 1.25vw, 24px); border-bottom: 1px dashed #ccc; }
.board_detail_answer .answer_head .answer_title { font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.board_detail_answer .answer_head .answer_title .cm_icon:before { background-color: var(--color-text-primary); }
.cm_board_survey_detail .survey_head { display: flex; padding: clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(32px, 2.0833333333vw, 40px); border-top: 1px solid #000; }
.cm_board_survey_detail .survey_head .thumb_area { aspect-ratio: 4/3; width: clamp(310.4px, 20.2083333333vw, 388px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_board_survey_detail .survey_head .thumb_area .thumb { width: 100%; height: 100%; object-fit: cover; }
.cm_board_survey_detail .survey_head .content_area { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_board_survey_detail .survey_head .cm_badge { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_board_survey_detail .survey_head .title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_board_survey_detail .survey_head .text2 .cm_dl2 ~ .cm_dl2 { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_board_survey_detail .survey_head .btns { display: flex; justify-content: end; gap: clamp(8px, 0.5208333333vw, 10px); }
.cm_board_survey_detail .survey_content { padding: clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cm_board_detail1.survey_write { padding-bottom: 0; border-bottom: 0; }
.cm_board_detail1.survey_write .survey_item ~ .survey_item { margin-top: clamp(32px, 2.0833333333vw, 40px); }
.cm_board_detail1.survey_write .survey_item .survey_item_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; }
.cm_board_detail1.survey_write .btns { display: flex; justify-content: end; padding-top: clamp(32px, 2.0833333333vw, 40px); gap: clamp(8px, 0.5208333333vw, 10px); border-top: 1px solid #ccc; }
.cm_board_detail1.survey_result .survey_item ~ .survey_item { margin-top: clamp(32px, 2.0833333333vw, 40px); }
.cm_board_detail1.survey_result .survey_item .survey_item_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; }
.cm_board_detail1.survey_result .survey_item .cm_dl2 dt { font-weight: 400; }
.cm_board_detail1.survey_result .survey_item .cm_dl2 dt .cm_icon:before { background-color: #808080; }
.survey_form_result_wrap { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.survey_form_result_wrap .survey_form_result_item { display: flex; flex-direction: column; gap: clamp(4.8px, 0.3125vw, 6px); }
.survey_form_result_wrap .survey_form_result_item .chart { display: flex; align-items: center; width: 100%; }
.survey_form_result_wrap .survey_form_result_item .chart .chart_track { width: 100%; height: clamp(12.8px, 0.8333333333vw, 16px); overflow: hidden; border-radius: clamp(3.2px, 0.2083333333vw, 4px); background-color: #eee; }
.survey_form_result_wrap .survey_form_result_item .chart .chart_track .chart_bar { width: var(--bar-width, 0%); min-width: 0; height: 100%; border-radius: clamp(3.2px, 0.2083333333vw, 4px); background-color: var(--color-background-primary); transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.survey_form_result_wrap .survey_form_result_item .cate { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); line-height: 1.2; }
.survey_form_result_wrap .survey_form_result_item .cate .num { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); border-radius: 50%; background: var(--color-text-primary); color: #fff; font-size: clamp(10px, 0.6770833333vw, 13px); }
.survey_form_result_wrap .survey_form_result_item .cate .stat { flex-shrink: 0; font-weight: bold; }
.cm_board_detail1.reservation_detail .board_header { border-bottom: 0; }
.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 { border-top: 1px solid #000; }
.cm_board_faq1 { --faq-font-size: clamp(14px, 0.8854166667vw, 17px); --faq-num-width: clamp(60px, 4.1666666667vw, 80px); --faq-date-width: clamp(110px, 7.2916666667vw, 140px); --faq-th-height: clamp(44px, 2.8645833333vw, 55px); --faq-row-height: clamp(52px, 3.4375vw, 66px); --faq-cell-padding: clamp(12px, 0.8333333333vw, 16px); border-top: 1px solid var(--color-blue-75); }
.cm_board_faq1 .faq_head { display: flex; border-bottom: 1px solid var(--color-gray-20); }
.cm_board_faq1 .faq_head .faq_cell { display: flex; align-items: center; justify-content: center; height: var(--faq-th-height); padding: var(--faq-cell-padding); font-weight: bold; font-size: var(--faq-font-size); text-align: center; }
.cm_board_faq1 .faq_body { display: flex; flex-direction: column; }
.cm_board_faq1 .faq_q_row { display: flex; align-items: center; border-bottom: 1px solid var(--color-gray-20); background: #fff; }
.cm_board_faq1 .faq_cell { flex-shrink: 0; }
.cm_board_faq1 .faq_cell_num { width: var(--faq-num-width); padding: var(--faq-cell-padding); font-size: var(--faq-font-size); text-align: center; }
.cm_board_faq1 .faq_cell_title { flex: 1; min-width: 0; padding: 0; }
.cm_board_faq1 .faq_cell_date { width: var(--faq-date-width); padding: var(--faq-cell-padding); font-size: var(--faq-font-size); text-align: center; }
.cm_board_faq1 .faq_q_btn { display: flex; align-items: center; width: 100%; height: var(--faq-row-height); padding: var(--faq-cell-padding); gap: clamp(6.4px, 0.4166666667vw, 8px); text-align: left; }
.cm_board_faq1 .faq_q_btn:hover .faq_q_text { text-decoration: underline; }
.cm_board_faq1 .faq_q_text { font-size: var(--faq-font-size); line-height: 1.5; }
.cm_board_faq1 .faq_a_wrap { overflow: hidden; }
.cm_board_faq1 .faq_a_inner { display: flex; align-items: flex-start; padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-bottom: 1px solid var(--color-gray-20); background: var(--color-background-neutral-lightest, #f2f8fb); }
.cm_board_faq1 .faq_a_icon { flex-shrink: 0; color: var(--color-icon-primary); }
.cm_board_faq1 .faq_a_content { color: var(--color-text-basic, #333); font-size: var(--faq-font-size); line-height: 1.6; }
.cm_board_write1 { padding: clamp(20px, 2.0833333333vw, 40px) clamp(12px, 1.25vw, 24px); border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.cm_board_head { margin-bottom: clamp(32px, 2.0833333333vw, 40px); }
.cm_board_head .board_head_title_wrap { position: relative; padding: clamp(32px, 2.5vw, 48px) clamp(20px, 2.0833333333vw, 40px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f3f6f9 url(../../images/common/board_head_bg.svg) no-repeat center bottom/100%; text-align: center; }
.cm_board_head .board_head_title { position: relative; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(22px, 1.4583333333vw, 28px); line-height: 1.3; letter-spacing: 1px; animation: slideUpFade 0.35s ease-out 0s forwards; opacity: 0; }
.cm_board_head .board_head_info { justify-content: center; animation: slideUpFade 0.35s ease-out 0.15s forwards; opacity: 0; }
.cm_board_head .board_ai_summary { padding: clamp(24px, 2.0833333333vw, 40px) clamp(16px, 1.6666666667vw, 32px); padding-bottom: 0; }
.cm_board_head .board_ai_summary .ai_summary_list { display: flex; flex-direction: column; }
.cm_board_head .board_ai_summary .ai_summary_box { position: relative; overflow: visible; border-radius: clamp(12.8px, 0.8333333333vw, 16px); box-shadow: 0 0 0 1px #ddd; transition: box-shadow 0.6s ease; }
.cm_board_head .board_ai_summary .ai_summary_box.is_done { box-shadow: none; }
.cm_board_head .board_ai_summary .ai_summary_border { z-index: 0; position: absolute; inset: -3px; border-radius: calc(clamp(12.8px, 0.8333333333vw, 16px) + 3px); opacity: 0; pointer-events: none; transition: opacity 0.7s ease; }
.cm_board_head .board_ai_summary .ai_summary_box.is_typing .ai_summary_border { background: conic-gradient(from var(--border-angle), transparent 0%, #e493d3 15%, #b87dd8 35%, #7bd7ff 55%, transparent 70%); animation: aiBorderSpin 2.5s linear infinite; opacity: 1; }
.cm_board_head .board_ai_summary .ai_summary_box.is_typing .ai_summary_border::after { position: absolute; inset: -7px; border-radius: calc(clamp(12.8px, 0.8333333333vw, 16px) + 10px); background: conic-gradient(from var(--border-angle), transparent 0%, #e493d3 15%, #b87dd8 35%, #7bd7ff 55%, transparent 70%); content: ""; animation: aiBorderSpin 2.5s linear infinite; filter: blur(12px); opacity: 0.45; }
.cm_board_head .board_ai_summary .ai_summary_box.is_done .ai_summary_border { background: linear-gradient(135deg, #e493d3, #b87dd8, #7bd7ff, #b87dd8, #e493d3); opacity: 1; transition: opacity 0s; }
.cm_board_head .board_ai_summary .ai_summary_inner { z-index: 1; position: relative; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_board_head .board_ai_summary .ai_summary_head { display: flex; position: relative; align-items: center; width: 100%; padding: clamp(16px, 1.25vw, 24px); padding-right: clamp(52px, 3.3854166667vw, 65px); gap: 0 8px; border-bottom: 1px solid transparent; background: #fff; text-align: left; transition: background-color 0.2s ease, border-bottom-color 0.2s ease; }
.cm_board_head .board_ai_summary .ai_summary_head:after { display: block; position: absolute; top: 50%; right: clamp(16px, 1.25vw, 24px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_down.svg) no-repeat center/contain; content: ""; transition: transform 0.3s ease; }
.cm_board_head .board_ai_summary .ai_summary_title { display: flex; align-items: center; color: #333; font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.5; }
.cm_board_head .board_ai_summary .ai_summary_list > li.open .ai_summary_head { border-bottom-color: #ccc; }
.cm_board_head .board_ai_summary .ai_summary_list > li.open .ai_summary_head:after { transform: translateY(-50%) rotate(180deg); }
.cm_board_head .board_ai_summary .ai_summary_content { padding: clamp(16px, 1.25vw, 24px); background: #fff; }
.cm_board_head .ai_summary_icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(22px, 1.25vw, 24px); height: clamp(22px, 1.25vw, 24px); margin-right: 8px; vertical-align: middle; }
.cm_board_head .ai_summary_icon img { width: 100%; height: 100%; animation: spinPause 2s cubic-bezier(0.63, 0, 0.35, 0.99) infinite; }
.cm_board_head .ai_typing_area { min-height: 1.8em; margin-bottom: clamp(19.2px, 1.25vw, 24px); color: #333; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.8; white-space: pre-wrap; }
.cm_board_head .ai_copy_btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 7px; border: 1px solid #999; border-radius: 6px; background: #fff; color: var(--color-blue-75); line-height: 1; cursor: pointer; transition: background 0.18s, color 0.18s, border-color 0.18s; }
.cm_board_head .ai_copy_btn::before { display: block; flex-shrink: 0; background-color: #333; content: ""; -webkit-mask-image: url("../../images/common/icon_copy.svg"); mask-image: url("../../images/common/icon_copy.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; width: 20px; height: 20px; mask-position: center; transition: background-color 0.18s; }
.cm_board_head .ai_copy_btn.is_copied { border-color: #12b76a; background: #12b76a; }
.cm_board_head .ai_copy_btn.is_copied::before { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_copy.svg"); mask-image: url("../../images/common/icon_copy.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }

/* 공통 박스 */
[class*=cm_box] { background-color: #fff; }
.cm_box_area1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 1.6666666667vw, 32px); }
.cm_box_area2 { display: flex; gap: clamp(16px, 1.6666666667vw, 32px); }
.cm_box_area3 { display: flex; flex-direction: column; gap: clamp(12px, 1.25vw, 24px); }
.cm_box_area4 { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_box_area5 { display: flex; gap: clamp(12px, 1.25vw, 24px); }
.cm_box.box1 { padding: clamp(20px, 3.125vw, 60px) clamp(20px, 1.5625vw, 30px) !important; }
.cm_box.box2 { padding: clamp(20px, 1.6666666667vw, 32px) !important; }
.cm_box.box3 { padding: clamp(20px, 5.2083333333vw, 100px) clamp(20px, 2.6041666667vw, 50px) !important; }
.cm_box.box4 { padding: clamp(20px, 1.25vw, 24px) !important; }
.cm_box.box5 { padding: clamp(20px, 2.0833333333vw, 40px) !important; }
.cm_box.box6 { padding: clamp(20px, 3.125vw, 60px) !important; }
.cm_box.box7 { padding: clamp(16px, 1.0416666667vw, 20px) clamp(19.2px, 1.25vw, 24px) !important; }
.cm_box.box8 { padding: clamp(12px, 1.25vw, 24px) clamp(20px, 2.0833333333vw, 40px) !important; }
.cm_box.box9 { padding: clamp(16px, 1.6666666667vw, 32px) clamp(20px, 2.0833333333vw, 40px) !important; }
.cm_box.box10 { padding: clamp(20px, 2.7083333333vw, 52px) clamp(15px, 1.8229166667vw, 35px) !important; }
.cm_box.box11 { padding: clamp(20px, 3.125vw, 60px) clamp(20px, 2.0833333333vw, 40px) !important; }
.cm_box.variant1 { border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12); }
.cm_box.variant2 { border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: var(--color-background-gray-light); }
.cm_box.variant3 { border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); box-shadow: 4px 8px 32px rgba(42, 102, 191, 0.08); }
.cm_box.variant4 { border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); }
.cm_box.variant5 { border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_box.variant6 { border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #f4f5f6; }
.cm_box.variant7 { padding: clamp(24px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-background-neutral-lightest); }
.cm_box.variant7 .box_inner { padding: clamp(24px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_box.variant8 { border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_box.variant9 { border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f6f9; }
.cm_box.variant10 { border: 1px solid #ccc; border-radius: clamp(32px, 3.125vw, 60px) clamp(16px, 1.25vw, 24px) clamp(32px, 3.125vw, 60px) clamp(16px, 1.25vw, 24px); background-color: #fff; }
.cm_box.variant11 { border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #f3f6f9; }
.cm_box.variant12 { border-radius: 12px 60px 12px 12px; background-color: #fff; }
.cm_box.variant13 { padding-top: clamp(20px, 2.0833333333vw, 40px); border-top: 1px solid #000; }
.cm_box.variant14 { border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_box.variant15 { border: 1px solid #c4daff; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #f3f7ff; }
.cm_box.variant16 { border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #f3f6f9; }
.cm_box.variant17 { border: 1px solid #ccc; border-radius: clamp(12px, 1.25vw, 24px); background-color: #fff; }
.cm_box.cm_box.shadow_none { box-shadow: none; }
.cm_box.layout_row:before,
.cm_box.layout_col:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(50px, 5.4166666667vw, 104px); background-position: center; background-size: 53.846%; background-repeat: no-repeat; content: ""; }
.cm_box.box4.layout_row:before,
.cm_box.box4.layout_col:before { width: clamp(48px, 3.125vw, 60px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_box.layout_row { display: flex; align-items: center; gap: clamp(16px, 1.5625vw, 30px); }
.cm_box.box4.layout_row { gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_box.layout_row:before { border-radius: clamp(20px, 1.6666666667vw, 32px); background-color: var(--color-background-gray-light); }
.cm_box.layout_row .box_content { flex: 1; min-width: 0; }
.cm_box.layout_row .box_content .cm_btn_area { margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_box.layout_row2 { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.0833333333vw, 40px); }
.cm_box.layout_col { display: flex; flex-direction: column; gap: clamp(22.4px, 1.4583333333vw, 28px); }
.cm_box.layout_col:before { margin: 0 auto; }
.cm_box.privacy_box { max-height: clamp(156px, 10.15625vw, 195px); overflow: auto; }
.cm_box.privacy_box.no_limit { max-height: none; }
.cm_box.width2 { width: 100%; }
.cm_box.height2 { min-height: clamp(172px, 11.1979166667vw, 215px); }
.cm_box.flexlayout1 { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_box.icon1:before { background-image: url(../../images/common/box_icon1.svg); background-size: 76.923%; }
.cm_box.icon2:before { background-image: url(../../images/common/box_icon2.svg); background-size: 76.923%; }
.cm_box.icon3:before { background-image: url(../../images/common/box_icon3.svg); background-size: 76.923%; }
.cm_box.icon4:before { background-image: url(../../images/common/box_icon4.svg); background-size: 76.923%; }
.cm_box.icon5:before { background-image: url(../../images/common/box_icon5.svg); background-size: 76.923%; }
.cm_box.icon6:before { background-image: url(../../images/common/box_icon6.svg); background-size: 76.923%; }
.cm_box.icon7:before { background-image: url(../../images/common/box_icon7.svg); }
.cm_box.icon8:before { background-image: url(../../images/common/box_icon8.svg); }
.cm_box.icon9:before { background-image: url(../../images/common/box_icon9.svg); }
.cm_box.icon10:before { background-image: url(../../images/common/box_icon10.svg); }
.cm_box.icon11:before { background-image: url(../../images/common/box_icon11.svg); }
.cm_box.icon12:before { background-image: url(../../images/common/box_icon12.svg); }
.cm_box.icon13:before { background-image: url(../../images/common/box_icon13.svg); }
.cm_box.icon14:before { background-image: url(../../images/common/box_icon14.svg); }
.cm_box.icon15:before { background-image: url(../../images/common/box_icon15.svg); }
.cm_box.icon16:before { background-image: url(../../images/common/box_icon16.svg); }
.cm_box.icon17:before { background-image: url(../../images/common/box_icon17.svg); }
.cm_box.icon18:before { background-image: url(../../images/common/box_icon18.svg); }
.cm_box.icon19:before { background-image: url(../../images/common/box_icon19.svg); }
.cm_box.icon20:before { background-image: url(../../images/common/box_icon20.svg); }
.cm_box.icon21:before { background-image: url(../../images/common/box_icon21.svg); }
.cm_box.icon22:before { background-image: url(../../images/common/box_icon22.svg); }
.cm_box.icon23:before { background-image: url(../../images/common/box_icon23.svg); }
.cm_box.icon24:before { background-image: url(../../images/common/box_icon24.svg); }
.cm_box.icon25:before { background-image: url(../../images/common/box_icon25.svg); }
.cm_box.icon26:before { background-image: url(../../images/common/box_icon26.svg); }
.cm_box.icon27:before { background-image: url(../../images/common/box_icon27.svg); }
.cm_box.icon28:before { background-image: url(../../images/common/box_icon28.svg); }
.cm_box.icon29:before { background-image: url(../../images/common/box_icon29.svg); }
.cm_box.icon30:before { background-image: url(../../images/common/box_icon30.svg); }
.cm_box.icon31:before { background-image: url(../../images/common/box_icon31.svg); }
.cm_box.icon32:before { background-image: url(../../images/common/box_icon32.svg); }
.cm_box.icon33:before { background-image: url(../../images/common/box_icon33.svg); }
.cm_box.icon34:before { background-image: url(../../images/common/box_icon34.svg); }
.cm_box.icon35:before { background-image: url(../../images/common/box_icon35.svg); }
.cm_box.icon36:before { background-image: url(../../images/common/box_icon36.svg); }
.cm_box.icon37:before { background-image: url(../../images/common/box_icon37.svg); }
.cm_box.icon38:before { background-image: url(../../images/common/box_icon38.svg); }
.cm_box.icon39:before { background-image: url(../../images/common/box_icon39.svg); }
.cm_box.icon40:before { background-image: url(../../images/common/box_icon40.svg); }
.cm_box.icon41:before { background-image: url(../../images/common/box_icon41.svg); }
.cm_box.icon42:before { background-image: url(../../images/common/box_icon42.svg); }
.cm_box.icon43:before { background-image: url(../../images/common/box_icon43.svg); }
.cm_box.icon44:before { background-image: url(../../images/common/box_icon44.svg); }
.cm_box.icon45:before { background-image: url(../../images/common/box_icon45.svg); }
.cm_box.icon46:before { background-image: url(../../images/common/box_icon46.svg); }
.cm_box.icon47:before { background-image: url(../../images/common/box_icon47.svg); }
.cm_box.icon48:before { background-image: url(../../images/common/box_icon48.svg); }
.cm_box.icon49:before { background-image: url(../../images/common/box_icon49.svg); }
.cm_box.icon50:before { background-image: url(../../images/common/box_icon50.svg); }
.cm_box.icon51:before { background-image: url(../../images/common/box_icon51.svg); }
.cm_box.icon52:before { background-image: url(../../images/common/box_icon52.svg); }
.cm_box.icon53:before { background-image: url(../../images/common/box_icon53.svg); }
.cm_box.icon54:before { background-image: url(../../images/common/box_icon54.svg); }
.cm_box.icon55:before { background-image: url(../../images/common/box_icon55.svg); }
.cm_box.icon56:before { background-image: url(../../images/common/box_icon56.svg); }
.cm_box.icon57:before { background-image: url(../../images/common/box_icon57.svg); }
.cm_box.icon58:before { background-image: url(../../images/common/box_icon58.svg); }
.cm_box.icon59:before { background-image: url(../../images/common/box_icon59.svg); }
.cm_box.icon60:before { background-image: url(../../images/common/box_icon60.svg); }
.cm_box.icon61:before { background-image: url(../../images/common/box_icon61.svg); }
.cm_box.icon62:before { background-image: url(../../images/common/box_icon62.svg); }
.cm_box.icon63:before { background-image: url(../../images/common/box_icon63.svg); }
.cm_box.icon64:before { background-image: url(../../images/common/box_icon64.svg); }
.cm_box.icon65:before { background-image: url(../../images/common/box_icon65.svg); }
.cm_corner_box { --circle-size: clamp(64px, 4.1666666667vw, 80px); --r: calc(var(--circle-size) * 0.3); display: grid; place-items: end end; }
.cm_corner_box:after { grid-area: 1/1; aspect-ratio: 1/1; width: calc(var(--circle-size) * 0.625); overflow: hidden; border-radius: 1000px; background-image: url(../../images/common/icon_goto_w.svg); background-position: center; background-size: 48%; background-repeat: no-repeat; background-color: #111; content: ""; text-indent: 100%; white-space: nowrap; }
.cm_corner_box .corner_box_content { grid-area: 1/1; width: 100%; border-radius: var(--r); --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 69%, #0000 72%); --_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0); --_d: calc(var(--circle-size) / 2 + var(--r)); -webkit-mask: calc(100% - var(--_d)) 100% var(--_m), 100% calc(100% - var(--_d)) var(--_m), radial-gradient(calc(var(--circle-size) / 2) at 100% 100%, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(-1 * var(--r)) calc(-1 * var(--r)), var(--_g) calc(-1 * var(--_d)) 0, var(--_g) 0 calc(-1 * var(--_d)); mask: calc(100% - var(--_d)) 100% var(--_m), 100% calc(100% - var(--_d)) var(--_m), radial-gradient(calc(var(--circle-size) / 2) at 100% 100%, rgba(0, 0, 0, 0) 99%, #000 calc(100% + 1px)) calc(-1 * var(--r)) calc(-1 * var(--r)), var(--_g) calc(-1 * var(--_d)) 0, var(--_g) 0 calc(-1 * var(--_d)); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.cm_charter_box { position: relative; margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding: clamp(44.8px, 2.9166666667vw, 56px) clamp(44.8px, 2.9166666667vw, 56px) clamp(38.4px, 2.5vw, 48px); border: 7px double #d4af37; background: #fff; }
.cm_charter_box .charter_list { display: grid; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_charter_box .charter_item { position: relative; padding-left: clamp(22.4px, 1.4583333333vw, 28px); font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.6; }
.cm_charter_box .charter_item:before { position: absolute; top: 0.25em; left: 0; width: clamp(14.4px, 0.9375vw, 18px); height: clamp(14.4px, 0.9375vw, 18px); border: 1.5px solid #a68a2b; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 5' stroke='%23A68A2B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; background-size: clamp(11.2px, 0.7291666667vw, 14px); content: ""; }
.cm_charter_box:before,
.cm_charter_box:after,
.cm_charter_box .charter_br,
.cm_charter_box .charter_bl { position: absolute; aspect-ratio: 1/1; width: clamp(51.2px, 3.3333333333vw, 64px); background: url(../../images/common/charter_corner2.svg) no-repeat; background-size: contain; content: ""; }
.cm_charter_box:before { top: clamp(4.8px, 0.3125vw, 6px); left: clamp(4.8px, 0.3125vw, 6px); }
.cm_charter_box:after { top: clamp(4.8px, 0.3125vw, 6px); right: clamp(4.8px, 0.3125vw, 6px); transform: scaleX(-1); }
.cm_charter_box .charter_br { right: clamp(4.8px, 0.3125vw, 6px); bottom: clamp(4.8px, 0.3125vw, 6px); transform: scale(-1, -1); }
.cm_charter_box .charter_bl { bottom: clamp(4.8px, 0.3125vw, 6px); left: clamp(4.8px, 0.3125vw, 6px); transform: scaleY(-1); }
.cm_charter_box .charter_body { padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_charter_box .charter_desc { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); padding-bottom: clamp(12.8px, 0.8333333333vw, 16px); background: radial-gradient(circle, #d4af37 1.5px, transparent 1.5px) repeat-x bottom center; background-size: clamp(9.6px, 0.625vw, 12px) clamp(4.8px, 0.3125vw, 6px); color: var(--color-gray-70); line-height: 1.8; text-align: center; }
.cm_charter_box .charter_footer { margin-top: clamp(12.8px, 0.8333333333vw, 16px); padding-top: clamp(12.8px, 0.8333333333vw, 16px); background: radial-gradient(circle, #d4af37 1.5px, transparent 1.5px) repeat-x top center; background-size: clamp(9.6px, 0.625vw, 12px) clamp(4.8px, 0.3125vw, 6px); color: var(--color-gray-70); line-height: 1.8; text-align: center; }
.cm_info_box { position: relative; margin-top: clamp(36px, 2.9166666667vw, 56px); }
.cm_info_box .info_head { position: relative; margin-right: clamp(20px, 1.5625vw, 30px); padding: clamp(27px, 2.1354166667vw, 41px) clamp(26px, 2.0833333333vw, 40px) clamp(68px, 5.46875vw, 105px) clamp(26px, 2.0833333333vw, 40px); border-radius: clamp(16px, 1.25vw, 24px) clamp(52px, 4.1666666667vw, 80px) clamp(16px, 1.25vw, 24px) clamp(52px, 4.1666666667vw, 80px); background: linear-gradient(110deg, #ffeffc 4.43%, #daedff 52.7%, #edf6ff 97.14%); }
.cm_info_box[class*=icon] .info_head:before { position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); left: clamp(32px, 2.6041666667vw, 50px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_info_box .info_title { z-index: 1; position: relative; color: #333; font-weight: 700; font-size: clamp(18px, 1.6666666667vw, 32px); line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere; }
.cm_info_box .info_body { z-index: 1; position: relative; margin-top: clamp(-82px, -4.2708333333vw, -53px); margin-left: clamp(15px, 2.0833333333vw, 40px); padding: clamp(15px, 2.0833333333vw, 40px); border: 1px solid #e6e6e6; border-radius: clamp(26px, 2.0833333333vw, 40px); background: #fff; box-shadow: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) clamp(25.6px, 1.6666666667vw, 32px) rgba(42, 102, 191, 0.08); }
.cm_info_box.icon1 .info_head { padding-left: clamp(110px, 8.8541666667vw, 170px); }
.cm_info_box.icon1 .info_head:before { aspect-ratio: 154/141; width: clamp(100px, 8.0208333333vw, 154px); background-image: url(../../images/common/icon_youngle1.svg); }
.cm_info_box.icon2 .info_head { padding-left: clamp(150px, 11.4583333333vw, 220px); }
.cm_info_box.icon2 .info_head:before { aspect-ratio: 147/163; width: clamp(100px, 8.0208333333vw, 154px); background-image: url(../../images/common/character_search.svg); }
.cm_info_box.icon3 .info_head { padding-left: clamp(80px, 9.375vw, 180px); }
.cm_info_box.icon3 .info_head:before { top: clamp(-40px, -2.0833333333vw, -10px); left: clamp(15px, 2.6041666667vw, 50px); aspect-ratio: 110/163; width: clamp(60px, 6.0416666667vw, 116px); background-image: url(../../images/common/character_idea.svg); }
.cm_info_box.icon4 .info_head:before { z-index: 2; top: clamp(44px, 2.8645833333vw, 55px); right: clamp(-47px, -2.4479166667vw, -37.6px); left: auto; aspect-ratio: 161/165; width: clamp(100px, 9.53125vw, 183px); background-image: url(../../images/common/character_love.svg); }
.cm_info_box.icon5 .info_head { padding-right: clamp(120px, 9.375vw, 180px); }
.cm_info_box.icon5 .info_head:before { z-index: 2; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(20px, 2.0833333333vw, 40px); left: auto; aspect-ratio: 128/166; width: clamp(80px, 6.6145833333vw, 127px); background-image: url(../../images/common/character_thumb2.svg); }
.cm_info_box.contact .info_title { font-size: clamp(16px, 1.25vw, 24px); }
.cm_info_box.contact .info_content { display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(8px, 0.625vw, 12px) clamp(26px, 2.0833333333vw, 40px); }
.cm_info_box.contact .info_content .cm_dl1 { align-items: baseline; font-size: clamp(14px, 0.9895833333vw, 19px); }
.cm_info_box.contact .info_content .cm_dl1 .cm_icon:before { color: var(--color-blue-75); }
.cm_info_box.contact .info_content .cm_dl1:has(.cm_icon) dt { transform: translateY(-1px); }
.cm_info_box2 { display: flex; position: relative; align-items: center; padding: clamp(20px, 1.6666666667vw, 32px) clamp(20px, 2.0833333333vw, 40px); gap: clamp(16px, 1.25vw, 24px); border: 1px solid var(--color-border-gray, #ccc); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-background-gray-lightest, #f8f8f9); }
.cm_info_box2:before { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(48px, 3.3333333333vw, 64px); border-radius: 1000px; background: #fff; background-position: center; background-size: 50%; background-repeat: no-repeat; content: ""; }
.cm_info_box2 .info2_text { flex: 1; min-width: 0; color: var(--color-text-basic); font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; word-break: keep-all; }
.cm_info_box2.icon1:before { background-image: url(../../images/common/icon_notice3.svg); }
.cm_tooltip { position: relative; }
.cm_tooltip .tooltip_content { display: none; position: absolute; top: calc(100% + 14px); right: clamp(-14px, -0.7291666667vw, -11.2px); width: clamp(240px, 15.625vw, 300px); padding: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: rgba(0, 0, 0, 0.85); color: #fff; font-weight: 400; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.3; text-align: left; white-space: normal; word-break: break-all; }
.cm_tooltip .tooltip_content:before { display: block; position: absolute; top: clamp(-8px, -0.4166666667vw, -6.4px); right: clamp(14.4px, 0.9375vw, 18px); width: 0; height: 0; border-right: clamp(6.4px, 0.4166666667vw, 8px) solid transparent; border-bottom: clamp(6.4px, 0.4166666667vw, 8px) solid rgba(0, 0, 0, 0.85); border-left: clamp(6.4px, 0.4166666667vw, 8px) solid transparent; content: ""; }
.cm_tooltip.active .tooltip_content { display: block; }
.cm_calendar { width: 100%; }
.cm_calendar table thead th,
.cm_calendar table tbody td { width: 14.2857142857%; background-color: #fff; color: #333; font-size: clamp(12px, 0.9895833333vw, 19px); text-align: center; }
.cm_calendar table thead th { height: clamp(48px, 3.125vw, 60px); border-bottom: 2px solid #3c4143; font-weight: 700; }
.cm_calendar table thead th.sun { color: #ff4b4b; }
.cm_calendar table thead th.sat { color: #394fe0; }
.cm_calendar table tbody td { height: clamp(55px, 4.1666666667vw, 80px); border-bottom: 1px solid #ccc; }
.cm_calendar table .cd_btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; gap: clamp(4.8px, 0.3125vw, 6px); border: 1px solid transparent; border-radius: clamp(3.2px, 0.2083333333vw, 4px); transition: all 0.2s; }
.cm_calendar table .cd_btn.active,
.cm_calendar table .cd_btn:hover { border-color: #007eb4; background-color: #f3f6f9; }
.cm_calendar table .cd_btn:disabled { pointer-events: none; }
.cm_calendar table .cd_btn::after { width: clamp(4px, 0.3645833333vw, 7px); height: clamp(4px, 0.3645833333vw, 7px); border-radius: 50%; background-color: transparent; content: ""; }
.cm_calendar table td.scheduled .cd_btn::after { background-color: #2d3440; }
.cm_calendar table td .cd_btn span { display: flex; align-items: center; justify-content: center; width: clamp(28px, 2.0833333333vw, 40px); height: clamp(28px, 2.0833333333vw, 40px); }
.cm_calendar table td.today .cd_btn span { border-radius: 50%; background: var(--gradation-01, linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%)); color: #fff; }
.cm_calendar.type2 table thead th { border-bottom: 1px solid var(--color-border-gray); background-color: var(--color-background-neutral-lightest); }
.cm_calendar.type2 table thead th.sun { color: var(--color-text-secondary); }
.cm_calendar.type2 table thead th.sat { color: var(--color-text-primary); }
.cm_calendar.type2 table tbody td.sun { color: var(--color-text-secondary); }
.cm_calendar.type2 table tbody td.sat { color: var(--color-text-primary); }
.cm_calendar.type2 table .cd_btn.active,
.cm_calendar.type2 table .cd_btn:hover { border-color: var(--color-text-primary); background-color: var(--color-blue-10); }
.cm_calendar.type2 table td.today .cd_btn span { background: var(--color-text-primary); }
.cm_calendar2 { --cal2-accent: var(--color-text-primary); --cal2-accent-light: var(--color-blue-10); --cal2-accent-border: var(--color-blue-30); --cal2-accent-shadow: rgba(53, 104, 233, 0.3); --cal2-status1:var(--color-mayor-b1); --cal2-status2:var(--color-mayor-b2); --cal2-status3:var(--color-success-50); display: flex; align-items: stretch; overflow: hidden; border: 1px solid var(--color-border-gray); border-radius: clamp(16px, 1.25vw, 24px); background: #f4f5f6; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
.cm_calendar2 .cal2_calendar_area { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; padding: clamp(20px, 1.6666666667vw, 32px) clamp(16px, 1.25vw, 24px); gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_calendar2 .cal2_today_area { display: flex; flex-shrink: 0; flex-direction: column; width: clamp(320px, 19.9479166667vw, 383px); max-height: clamp(560px, 36.4583333333vw, 700px); padding: clamp(20px, 1.25vw, 24px) clamp(16px, 1.0416666667vw, 20px); overflow: auto; gap: clamp(12px, 0.8333333333vw, 16px); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; }
.cm_calendar2 .cal2_top { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; gap: clamp(16px, 1.6666666667vw, 32px); }
.cm_calendar2 .cal2_nav { display: inline-flex; align-items: center; justify-content: center; width: clamp(40px, 2.5vw, 48px); height: clamp(40px, 2.5vw, 48px); border: 1px solid var(--color-border-gray-dark, #999); border-radius: 50%; background: #fff; }
.cm_calendar2 .cal2_ym { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.2; letter-spacing: 1px; }
.cm_calendar2 .cal2_today_btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.cm_calendar2 .cal2_grid { width: 100%; }
.cm_calendar2 .cal2_table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.cm_calendar2 .cal2_table thead th { padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(8px, 0.5208333333vw, 10px); background: #333; color: #fff; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); line-height: 1.5; text-align: center; }
.cm_calendar2 .cal2_table thead th:first-child { border-top-left-radius: clamp(9.6px, 0.625vw, 12px); border-bottom-left-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_calendar2 .cal2_table thead th:last-child { border-top-right-radius: clamp(9.6px, 0.625vw, 12px); border-bottom-right-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_calendar2 .cal2_table thead th.sun { color: #e52727; }
.cm_calendar2 .cal2_table thead th.sat { color: #6085ff; }
.cm_calendar2 .cal2_table tbody td { padding: clamp(1.6px, 0.1041666667vw, 2px); vertical-align: top; }
.cm_calendar2 .cal2_table tbody tr:first-child td { padding-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_calendar2 .cd_btn { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: clamp(64px, 4.1666666667vw, 80px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); gap: clamp(1.6px, 0.1041666667vw, 2px); border: 1px solid transparent; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #fff; cursor: pointer; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; }
.cm_calendar2 .cd_btn:hover { border-color: var(--cal2-accent); }
.cm_calendar2 .cd_btn:focus-visible { outline: 2px solid var(--cal2-accent); outline-offset: 2px; }
.cm_calendar2 .cd_btn .d_num { color: var(--color-text-basic); font-size: clamp(12px, 0.78125vw, 15px); line-height: 1.5; text-align: left; }
.cm_calendar2 .cd_btn .d_legend { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_calendar2 .cd_btn.disabled { background: var(--color-gray-10, #e6e6e6); cursor: default; }
.cm_calendar2 .cd_btn.disabled:hover { border-color: transparent; }
.cm_calendar2 .cd_btn.disabled .d_num { color: var(--color-text-sub, #666); }
.cm_calendar2 .cd_btn.scheduled { border-color: var(--cal2-accent); background: var(--cal2-accent-light); }
.cm_calendar2 .cd_btn.today,
.cm_calendar2 .cd_btn.selected { border-color: var(--cal2-accent); background: var(--cal2-accent); }
.cm_calendar2 .cd_btn.today .d_num,
.cm_calendar2 .cd_btn.selected .d_num { color: #fff; font-weight: 700; }
.cm_calendar2 .cd_btn.today:hover,
.cm_calendar2 .cd_btn.selected:hover { box-shadow: 0 4px 12px var(--cal2-accent-shadow); }
.cm_calendar2 .cd_btn .d_legend:has(.lg_dot) { padding: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid var(--color-gray-10, #e6e6e6); border-radius: 1000px; background: #fff; }
.cm_calendar2 .lg_dot { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(4.8px, 0.3125vw, 6px); overflow: hidden; border-radius: 1000px; text-indent: 100%; white-space: nowrap; }
.cm_calendar2 .lg_dot.status1 { background: var(--cal2-status1); }
.cm_calendar2 .lg_dot.status2 { background: var(--cal2-status2); }
.cm_calendar2 .lg_dot.status3 { background: var(--cal2-status3); }
.cm_calendar2 .cal2_today_date { color: var(--cal2-accent); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.cm_calendar2 .cal2_today_list { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; gap: 0; list-style: none; }
.cm_calendar2 .cal2_today_item { display: flex; position: relative; flex-direction: column; width: 100%; padding: clamp(16px, 1.0416666667vw, 20px); gap: clamp(10px, 0.7291666667vw, 14px); border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_calendar2 .cal2_today_item + .cal2_today_item { margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_calendar2 .cal2_today_item + .cal2_today_item:before { position: absolute; top: clamp(-16px, -0.8333333333vw, -12.8px); left: 50%; width: 1px; height: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-border-gray); content: ""; }
.cm_calendar2 .ti_title { display: flex; align-items: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_calendar2 .ti_title:before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(4.8px, 0.3125vw, 6px); margin-top: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 1000px; background: var(--color-gray-40, #ccc); content: ""; }
.cm_calendar2 .cal2_today_item.status1 .ti_title:before { background: var(--cal2-status1); }
.cm_calendar2 .cal2_today_item.status2 .ti_title:before { background: var(--cal2-status2); }
.cm_calendar2 .cal2_today_item.status3 .ti_title:before { background: var(--cal2-status3); }
.cm_calendar2 .ti_text { flex: 1; color: var(--color-text-basic); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_calendar2 .cm_text_list1 { color: var(--color-text-sub, #666); font-size: clamp(12px, 0.78125vw, 15px); }
.cm_roadmap_box { width: 100%; overflow-x: auto; }
.cm_roadmap { width: 1092px; height: 1122px; }
.cm_roadmap .rm_wrap_pc { position: relative; width: 100%; height: 100%; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: url("../../images/common/life_bg.png") no-repeat left/1092px 1122px; }
.cm_roadmap .rm_wrap_pc::before { position: absolute; top: 290px; left: 0; width: 1092px; height: 263px; background: url("../../images/common/life_line.png") no-repeat center/contain; content: ""; }
.cm_roadmap .rm_texts { display: flex; position: absolute; top: 60px; left: 60px; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_roadmap .rm_texts .text1 { color: #d5395e; font-weight: bold; font-size: 40px; font-family: "Aggravo", "Noto Sans SC", "Noto Sans JP", sans-serif; }
.cm_roadmap .rm_texts .text2 { color: #000; font-size: 17px; }
.cm_roadmap .rm_flower_img { position: absolute; }
.cm_roadmap .rm_flower_img.flower1 { top: 67.69px; left: 447.81px; width: 46.193px; }
.cm_roadmap .rm_flower_img.flower2 { top: 26.64px; left: 711px; width: 48.127px; }
.cm_roadmap .rm_flower_img.flower3 { bottom: 183.97px; left: 39.17px; width: 41.22px; }
.cm_roadmap .rm_flower_img.flower4 { bottom: 89.8px; left: 684.31px; width: 53.694px; }
.cm_roadmap .rm_person_img { position: absolute; }
.cm_roadmap .rm_person_img.person1 { top: 462px; left: 162px; width: 127px; }
.cm_roadmap .rm_person_img.person2 { top: 254px; left: 363.73px; width: 119.672px; }
.cm_roadmap .rm_person_img.person3 { top: 277px; left: 540px; width: 101px; }
.cm_roadmap .rm_person_img.person4 { top: 172px; left: 664px; width: 110.601px; }
.cm_roadmap .rm_person_img.person5 { top: 202.89px; left: 753.46px; width: 99.543px; }
.cm_roadmap .rm_person_img.person6 { top: 205px; left: 933px; width: 94px; }
.cm_roadmap .rm_person_img.person7 { top: 766px; left: 817px; width: 171.853px; }
.cm_roadmap .rm_person_img.person8 { top: 873.66px; left: 921.58px; width: 103.96px; }
.cm_roadmap .rm_content { display: flex; position: absolute; flex-direction: column; gap: 20px; }
.cm_roadmap .rm_content.content1 { top: 576px; left: 25px; }
.cm_roadmap .rm_content.content2 { top: 576px; left: 180px; }
.cm_roadmap .rm_content.content3 { top: 413px; left: 388px; }
.cm_roadmap .rm_content.content4 { top: 413px; left: 548px; }
.cm_roadmap .rm_content.content5 { top: 413px; left: 731px; }
.cm_roadmap .rm_content.content6 { top: 334px; left: 909px; }
.cm_roadmap .rm_content .title { display: flex; align-items: center; justify-content: center; width: fit-content; height: 53px; padding: 12px 20px; border-radius: 24px 24px 24px 0; font-weight: 700; font-size: 19px; text-align: center; }
.cm_roadmap .rm_content.content1 .title { background-color: #ffdfe4; color: #b92f50; }
.cm_roadmap .rm_content.content2 .title { background-color: #c2e1ff; color: #005f89; }
.cm_roadmap .rm_content.content3 .title { background-color: #ffebd7; color: #b25900; }
.cm_roadmap .rm_content.content4 .title { background-color: #ceeed2; color: #0a7300; }
.cm_roadmap .rm_content.content5 .title { background-color: #f2e5ff; color: #401693; }
.cm_roadmap .rm_content.content6 .title { background-color: #ffebf9; color: #ae0d90; }
.cm_roadmap .rm_content .links { display: flex; flex-direction: column; gap: 8px; }
.cm_roadmap .rm_content .links .link_text { position: relative; width: fit-content; padding-left: 16px; color: #000; font-size: 16px; transition: all 0.2s; }
.cm_roadmap .rm_content .links .link_text::before { position: absolute; top: 10px; left: 0; aspect-ratio: 1/1; width: 5px; border-radius: 1000px; background-color: #333; content: ""; }
.cm_roadmap .rm_content .links .link_text:hover { font-weight: 700; text-decoration: underline; }
.cm_roadmap .rm_content .links .link_text:hover span { font-weight: 700; text-decoration: underline; }
.cm_orgchart { position: relative; background: #fff; }
.cm_orgchart.padding1 { padding-right: clamp(0px, 4.4791666667vw, 86px); padding-left: clamp(0px, 4.4791666667vw, 86px); }
.cm_orgchart > ul { display: flex; flex-direction: column; align-items: center; }
.cm_orgchart > ul > li { display: flex; flex-direction: column; align-items: center; width: 100%; }
.cm_orgchart .org_chief_wrap { position: relative; padding-bottom: clamp(91.2px, 5.9375vw, 114px); }
.cm_orgchart .org_chief_wrap:before { display: block; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed var(--color-blue-30); content: ""; }
.cm_orgchart .org_chief { box-sizing: content-box; display: flex; z-index: 1; position: relative; flex-direction: column; align-items: center; justify-content: center; width: fit-content; max-width: 100%; height: clamp(81.6px, 5.3125vw, 102px); padding: clamp(11.2px, 0.7291666667vw, 14px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: linear-gradient(131deg, #a53199 11.94%, #00a0e5 91.63%); color: #fff; font-weight: 700; font-size: clamp(14px, 1.1458333333vw, 22px); line-height: 1.5; }
.cm_orgchart .org_chief .small { font-weight: 400; font-size: clamp(12px, 0.9895833333vw, 19px); }
.cm_orgchart .org_chief:before { display: block; z-index: 0; position: absolute; right: clamp(-15px, -0.78125vw, -12px); bottom: clamp(-1px, -0.0520833333vw, -0.8px); aspect-ratio: 113/77; width: clamp(90.4px, 5.8854166667vw, 113px); background: url("../../images/common/gnb_panel_logo2.svg") no-repeat center/contain; content: ""; opacity: 0.2; }
.cm_orgchart .org_chief:after,
.cm_orgchart .org_dept_list > li:after { z-index: 2; position: absolute; left: 50%; width: clamp(9.6px, 0.625vw, 12px); height: clamp(9.6px, 0.625vw, 12px); transform: translateX(-50%); border: 2px solid #fff; border-radius: 50%; background: var(--color-blue-75); content: ""; }
.cm_orgchart .org_chief:after { bottom: clamp(-6px, -0.3125vw, -4.8px); }
.cm_orgchart .org_dept_list > li:after { bottom: calc(100% - 7px); }
.cm_orgchart .org_dept_list { display: grid; position: relative; grid-template-columns: repeat(3, clamp(160px, 10.4166666667vw, 200px)); justify-content: space-between; width: 100%; padding-top: clamp(52.8px, 3.4375vw, 66px); }
.cm_orgchart .org_dept_list:before { position: absolute; top: 0; right: clamp(80px, 5.2083333333vw, 100px); left: clamp(80px, 5.2083333333vw, 100px); border-top: 1px dashed var(--color-blue-30); content: ""; }
.cm_orgchart .org_dept_list:after { content: ""; }
.cm_orgchart .org_dept_list > li { display: flex; position: relative; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_orgchart .org_dept_list > li:before { position: absolute; top: clamp(-66px, -3.4375vw, -52.8px); left: 50%; height: clamp(52.8px, 3.4375vw, 66px); border-left: 1px dashed var(--color-blue-30); content: ""; }
.cm_orgchart .org_dept { display: flex; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px); background: var(--color-blue-75); color: #fff; font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1.5; text-align: center; }
.cm_orgchart .org_dept.bg2 { background-color: #003f5c; }
.cm_orgchart .org_dept.location2 { position: absolute; right: 0; bottom: clamp(25.6px, 1.6666666667vw, 32px); left: 0; transform: translateX(clamp(195px, 14.5833333333vw, 280px)); }
.cm_orgchart .org_dept.location2:before { position: absolute; top: 50%; right: 67%; width: clamp(110px, 8.3333333333vw, 160px); transform: translate(-50%, -50%); border-top: 1px dashed var(--color-blue-30); content: ""; }
.cm_orgchart .org_dept_list > li ul { display: flex; position: relative; flex-direction: column; width: 100%; height: fit-content; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_orgchart .org_dept_list > li ul:before { position: absolute; top: clamp(-24px, -1.25vw, -19.2px); bottom: 0; left: 50%; border-left: 1px dashed var(--color-blue-30); content: ""; }
.cm_orgchart .org_dept_list > li ul > li { z-index: 1; position: relative; width: 100%; }
.cm_orgchart .org_team { display: flex; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(8px, 0.5208333333vw, 10px); border: 1px solid var(--color-blue-75); border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px); background: #f3f6f9; color: #333; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.5; text-align: center; }
.cm_orgchart .org_in { display: flex; gap: clamp(9.6px, 0.625vw, 12px); }

/* 공통 버튼 */
.cm_btn_area { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: clamp(20px, 2.0833333333vw, 40px); gap: clamp(4px, 0.2604166667vw, 5px) clamp(5px, 0.625vw, 12px); }
.cm_btn_area.fixed { flex-wrap: nowrap; }
.cm_btn_area.fixed > * { margin: 0; margin-right: clamp(4px, 0.2604166667vw, 5px); }
.cm_btn_area.fixed > *:last-child { margin-right: 0; }
.cm_btn_area.center { justify-content: center; }
.cm_btn_area.right { justify-content: flex-end; }
.cm_btn_area.mt2 { margin-top: clamp(30px, 2.9166666667vw, 56px); }
.cm_btn_area .btns { display: flex; flex-wrap: wrap; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(8px, 0.5208333333vw, 10px); }
.cm_btn_area2 { display: flex; align-items: center; justify-content: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_btn_area3 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(8px, 0.5208333333vw, 10px) clamp(10px, 1.0416666667vw, 20px); }
.cm_btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; background-color: #fff; font-weight: 400; line-height: 1.2; text-align: center; word-break: keep-all; transition: border 0.3s ease, background 0.3s ease; }
.cm_btn.btn_shadow { box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); }
.cm_btn.size_lg { min-width: clamp(72px, 4.6875vw, 90px); min-height: var(--form_height_lg); padding: 0 clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_btn.size_md { min-width: clamp(62.4px, 4.0625vw, 78px); min-height: var(--form_height_md); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(4.8px, 0.3125vw, 6px); font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_btn.size_sm { min-width: clamp(51.2px, 3.3333333333vw, 64px); min-height: var(--form_height_sm); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: clamp(4.8px, 0.3125vw, 6px); font-size: clamp(14px, 0.78125vw, 15px); }
.cm_btn.size_xs { min-width: clamp(48px, 3.125vw, 60px); min-height: var(--form_height_xs); padding: 0 clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(14px, 0.78125vw, 15px); }
.cm_btn.w400 { width: clamp(320px, 20.8333333333vw, 400px); max-width: 100%; }
.cm_btn.radius-0 { border-radius: 0; }
.cm_btn.radius-full { border-radius: 99px; }
.cm_btn.variant1 { background: var(--color-button-primary-default); color: #fff; }
.cm_btn.variant1:not(.hover_none):hover { background: var(--color-button-primary-hovered); }
.cm_btn.variant2 { border-color: var(--color-blue-75); background-color: var(--color-blue-5); color: var(--color-blue-75); }
.cm_btn.variant2:not(.hover_none):hover { background: var(--color-blue-15); }
.cm_btn.variant3 { border-color: var(--color-gray-40); color: #000; }
.cm_btn.variant3:not(.hover_none):hover { background: var(--color-gray-5); }
.cm_btn.variant4 { background-color: var(--color-gray-80); color: #fff; }
.cm_btn.variant4:not(.hover_none):hover { background-color: var(--color-gray-90); }
.cm_btn.variant5 { border-color: var(--color-gray-60); color: #000; }
.cm_btn.variant5:not(.hover_none):hover { background: var(--color-gray-5); }
.cm_btn.variant6 { border-color: var(--color-blue-75); background-color: #fff; color: var(--color-blue-75); }
.cm_btn.variant6:not(.hover_none):hover { background: var(--color-blue-5); }
.cm_btn.variant7 { border-color: var(--color-text-culture-primary); background-color: #fff; color: var(--color-text-culture-primary); }
.cm_btn.variant7:not(.hover_none):hover { background: var(--color-blue-5); }
.cm_btn.color2 { color: #333; }
.cm_btn.disabled { cursor: default; }
.cm_btn.disabled,
.cm_btn.disabled:hover,
.cm_btn:disabled,
.cm_btn:disabled:hover { border-color: transparent !important; background-color: var(--color-background-disabled) !important; color: var(--color-gray-50) !important; }
.text_link { color: var(--color-blue-75); text-decoration: underline; }
.btn_more1 { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(36px, 2.34375vw, 45px); border-radius: 50%; background: var(--color-icon-navy); transition: background 0.15s; }
.btn_more1:hover { background: #585e6b; }
.btn_more1 .icon { width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); background-color: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-image: url(../../images/common/icon_plus2.svg); mask-size: contain; }

/* 공통 캐러셀 */
.cm_swiper { width: 100%; max-width: clamp(640px, 43.75vw, 840px); margin: 0 auto; }
.cm_swiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: auto; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_swiper .swiper-slide .cm_ratio { width: 100%; }
.cm_swiper .swiper-slide .cm_ratio img { width: 100%; height: 100%; object-fit: conver; }
.cm_swiper .swiper-button-prev,
.cm_swiper .swiper-button-next { display: block; position: absolute; top: 50%; width: clamp(35px, 2.6041666667vw, 50px); height: clamp(35px, 2.6041666667vw, 50px); margin-top: 0; overflow: hidden; transform: translateY(-50%); border: 1px solid #ddd; border-radius: 1000px; background-position: center; background-size: 55%; background-repeat: no-repeat; background-color: #fff; box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1); text-indent: 100%; white-space: nowrap; transition: background-color 0.2s, border-color 0.2s, background-image 0.2s, color 0.2s, opacity 0.2s; }
.cm_swiper .swiper-button-prev:after,
.cm_swiper .swiper-button-next:after { display: none; }
.cm_swiper .swiper-button-prev { left: clamp(-25px, -1.3020833333vw, -20px); background-image: url(../../images/common/icon_arr_left.svg); }
.cm_swiper .swiper-button-next { right: clamp(-25px, -1.3020833333vw, -20px); background-image: url(../../images/common/icon_arr_right.svg); }
.cm_swiper .swiper-button-prev.size_sm { width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); }
.cm_swiper .swiper-button-next.size_sm { width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); }
.cm_swiper .swiper-button-disabled { display: none; }
.cm_swiper .swiper-pagination { position: static; margin-top: clamp(10px, 0.625vw, 12px); }
.cm_swiper .swiper-pagination-bullet { width: clamp(6.4px, 0.4166666667vw, 8px); height: clamp(6.4px, 0.4166666667vw, 8px); margin: 0 2px !important; border-radius: 1000px; background-color: var(--color-icon-disabled); opacity: 1; transition: background-color 0.2s, opacity 0.2s; }
.cm_swiper .swiper-pagination-bullet-active { width: clamp(16px, 1.0416666667vw, 20px); background-color: var(--color-icon-primary); }
.cm_swiper2 { margin-top: clamp(10px, 0.625vw, 12px); }
.cm_swiper3 { position: relative; max-width: 960px; margin-right: auto; margin-left: auto; }
.cm_swiper3 .slide_item_img { aspect-ratio: 4/3; width: 100%; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_swiper3 .slide_item_img img { width: 100%; height: 100%; object-fit: cover; }
.cm_swiper3 .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
.cm_swiper3 .cm_swiper_navi.prev { left: clamp(-20px, -1.0416666667vw, -16px); }
.cm_swiper3 .cm_swiper_navi.next { right: clamp(-20px, -1.0416666667vw, -16px); }
.cm_swiper4 { position: relative; padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_swiper4 .slide_item { display: flex; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_swiper4 .slide_item .slide_item_img { aspect-ratio: 4/3; width: clamp(256px, 16.6666666667vw, 320px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_swiper4 .slide_item .slide_item_img img { width: 100%; height: 100%; object-fit: cover; }
.cm_swiper4 .slide_item .slide_item_content { display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; min-width: 0; padding: clamp(3.2px, 0.2083333333vw, 4px) 0; gap: 8px; }
.cm_swiper4 .slide_item .slide_item_content .title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_swiper4 .slide_item .slide_item_content .btn_area { padding-right: 1px; text-align: right; }
.cm_swiper4 .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
.cm_swiper4 .cm_swiper_navi.prev { left: clamp(-40px, -2.0833333333vw, -32px); }
.cm_swiper4 .cm_swiper_navi.next { right: clamp(-40px, -2.0833333333vw, -32px); }
.cm_swiper .gallery_swiper_main_wrap { position: relative; }
.cm_swiper .gallery_swiper_main { overflow: hidden; }
.cm_swiper .gallery_swiper_main .swiper-wrapper,
.cm_swiper .gallery_swiper_main .swiper-slide { height: 100%; }
.cm_swiper .gallery_swiper_main .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cm_swiper2 .gallery_thumbs_swiper_sub { width: 100%; }
.cm_swiper2 .gallery_thumbs_swiper_sub .swiper-slide { width: calc((100% - 32px) / 5); overflow: hidden; border: 2px solid transparent; border-radius: clamp(6.4px, 0.4166666667vw, 8px); cursor: pointer; opacity: 0.35; transition: opacity 0.2s, border-color 0.2s, transform 0.2s; }
.cm_swiper2 .gallery_thumbs_swiper_sub .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cm_swiper2 .gallery_thumbs_swiper_sub .swiper-slide.is_placeholder { cursor: default; filter: grayscale(100%); }
.cm_swiper2 .gallery_thumbs_swiper_sub .swiper-slide-thumb-active { transform: none; border-color: var(--color-icon-primary); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); opacity: 1; }
.cm_slide_control .control_btn { position: absolute; top: 50%; aspect-ratio: 1/1; width: clamp(40px, 2.6041666667vw, 50px); overflow: hidden; transform: translateY(-50%); border: 1px solid #ddd; border-radius: 1000px; background-position: center; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; transition: background-color 0.3s ease; }
.cm_slide_control .control_btn.prev { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_arr_left.svg"); mask-image: url("../../images/common/icon_arr_left.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; left: clamp(16px, 1.0416666667vw, 20px); mask-position: center; }
.cm_slide_control .control_btn.next { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_arr_right.svg"); mask-image: url("../../images/common/icon_arr_right.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; right: clamp(16px, 1.0416666667vw, 20px); mask-position: center; }
.cm_slide_control .control_btn:hover { background-color: rgba(255, 255, 255, 0.2); }
.chart_layout1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(48px, 3.125vw, 60px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
.chart_layout1 .chart_area { aspect-ratio: 1/1; width: clamp(272px, 17.7083333333vw, 340px); }
.chart_layout1 .legend_area { flex: 1 1 0; min-width: 0; }
.chart_layout2 { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.chart_layout3 { width: 100% !important; height: clamp(280px, 21.875vw, 420px) !important; }
.cm_legend .legend_list { display: flex; justify-content: center; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_legend .legend_list .legend_item { display: flex; align-items: center; gap: clamp(4.8px, 0.3125vw, 6px); }
.cm_legend .legend_list .chip { width: clamp(6.4px, 0.4166666667vw, 8px); height: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 50%; }
.cm_legend.square .legend_list .chip { border-radius: 2px; }
.cm_legend2 .legend_list { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_legend2 .legend_list .legend_item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(4.8px, 0.3125vw, 6px); }
.cm_legend2 .legend_list .legend_item .left,
.cm_legend2 .legend_list .legend_item .right { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_legend2 .legend_list .legend_item .chip { display: flex; width: clamp(12px, 0.78125vw, 15px); height: clamp(12px, 0.78125vw, 15px); border-radius: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_legend2 .legend_list .legend_item .right { text-align: right; }
.cm_legend2 .legend_list .legend_item .right .percent { font-weight: 600; }
.cm_graph { max-width: 100%; padding: clamp(15px, 1.6666666667vw, 32px) clamp(5px, 1.25vw, 24px); overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_graph .graph_canvas_wrap { position: relative; width: 100%; }
.cm_graph .graph_canvas_wrap canvas#tideCanvas { display: block; width: 100%; }

/* 공통 컬러 */
.cm_bg.alpha-black10 { background-color: var(--color-alpha-black10); }
.cm_color.alpha-black10 { color: var(--color-alpha-black10) !important; }
.cm_bg.alpha-black25 { background-color: var(--color-alpha-black25); }
.cm_color.alpha-black25 { color: var(--color-alpha-black25) !important; }
.cm_bg.alpha-black50 { background-color: var(--color-alpha-black50); }
.cm_color.alpha-black50 { color: var(--color-alpha-black50) !important; }
.cm_bg.alpha-black75 { background-color: var(--color-alpha-black75); }
.cm_color.alpha-black75 { color: var(--color-alpha-black75) !important; }
.cm_bg.alpha-white10 { background-color: var(--color-alpha-white10); }
.cm_color.alpha-white10 { color: var(--color-alpha-white10) !important; }
.cm_bg.alpha-white25 { background-color: var(--color-alpha-white25); }
.cm_color.alpha-white25 { color: var(--color-alpha-white25) !important; }
.cm_bg.alpha-white50 { background-color: var(--color-alpha-white50); }
.cm_color.alpha-white50 { color: var(--color-alpha-white50) !important; }
.cm_bg.alpha-white75 { background-color: var(--color-alpha-white75); }
.cm_color.alpha-white75 { color: var(--color-alpha-white75) !important; }
.cm_bg.blue-5 { background-color: var(--color-blue-5); }
.cm_color.blue-5 { color: var(--color-blue-5) !important; }
.cm_bg.blue-10 { background-color: var(--color-blue-10); }
.cm_color.blue-10 { color: var(--color-blue-10) !important; }
.cm_bg.blue-15 { background-color: var(--color-blue-15); }
.cm_color.blue-15 { color: var(--color-blue-15) !important; }
.cm_bg.blue-20 { background-color: var(--color-blue-20); }
.cm_color.blue-20 { color: var(--color-blue-20) !important; }
.cm_bg.blue-25 { background-color: var(--color-blue-25); }
.cm_color.blue-25 { color: var(--color-blue-25) !important; }
.cm_bg.blue-30 { background-color: var(--color-blue-30); }
.cm_color.blue-30 { color: var(--color-blue-30) !important; }
.cm_bg.blue-35 { background-color: var(--color-blue-35); }
.cm_color.blue-35 { color: var(--color-blue-35) !important; }
.cm_bg.blue-40 { background-color: var(--color-blue-40); }
.cm_color.blue-40 { color: var(--color-blue-40) !important; }
.cm_bg.blue-45 { background-color: var(--color-blue-45); }
.cm_color.blue-45 { color: var(--color-blue-45) !important; }
.cm_bg.blue-50 { background-color: var(--color-blue-50); }
.cm_color.blue-50 { color: var(--color-blue-50) !important; }
.cm_bg.blue-55 { background-color: var(--color-blue-55); }
.cm_color.blue-55 { color: var(--color-blue-55) !important; }
.cm_bg.blue-60 { background-color: var(--color-blue-60); }
.cm_color.blue-60 { color: var(--color-blue-60) !important; }
.cm_bg.blue-65 { background-color: var(--color-blue-65); }
.cm_color.blue-65 { color: var(--color-blue-65) !important; }
.cm_bg.blue-70 { background-color: var(--color-blue-70); }
.cm_color.blue-70 { color: var(--color-blue-70) !important; }
.cm_bg.blue-75 { background-color: var(--color-blue-75); }
.cm_color.blue-75 { color: var(--color-blue-75) !important; }
.cm_bg.blue-80 { background-color: var(--color-blue-80); }
.cm_color.blue-80 { color: var(--color-blue-80) !important; }
.cm_bg.blue-85 { background-color: var(--color-blue-85); }
.cm_color.blue-85 { color: var(--color-blue-85) !important; }
.cm_bg.blue-90 { background-color: var(--color-blue-90); }
.cm_color.blue-90 { color: var(--color-blue-90) !important; }
.cm_bg.blue-95 { background-color: var(--color-blue-95); }
.cm_color.blue-95 { color: var(--color-blue-95) !important; }
.cm_bg.danger-5 { background-color: var(--color-danger-5); }
.cm_color.danger-5 { color: var(--color-danger-5) !important; }
.cm_bg.danger-10 { background-color: var(--color-danger-10); }
.cm_color.danger-10 { color: var(--color-danger-10) !important; }
.cm_bg.danger-20 { background-color: var(--color-danger-20); }
.cm_color.danger-20 { color: var(--color-danger-20) !important; }
.cm_bg.danger-30 { background-color: var(--color-danger-30); }
.cm_color.danger-30 { color: var(--color-danger-30) !important; }
.cm_bg.danger-40 { background-color: var(--color-danger-40); }
.cm_color.danger-40 { color: var(--color-danger-40) !important; }
.cm_bg.danger-50 { background-color: var(--color-danger-50); }
.cm_color.danger-50 { color: var(--color-danger-50) !important; }
.cm_bg.danger-60 { background-color: var(--color-danger-60); }
.cm_color.danger-60 { color: var(--color-danger-60) !important; }
.cm_bg.danger-70 { background-color: var(--color-danger-70); }
.cm_color.danger-70 { color: var(--color-danger-70) !important; }
.cm_bg.danger-80 { background-color: var(--color-danger-80); }
.cm_color.danger-80 { color: var(--color-danger-80) !important; }
.cm_bg.danger-90 { background-color: var(--color-danger-90); }
.cm_color.danger-90 { color: var(--color-danger-90) !important; }
.cm_bg.danger-95 { background-color: var(--color-danger-95); }
.cm_color.danger-95 { color: var(--color-danger-95) !important; }
.cm_bg.gray-0 { background-color: var(--color-gray-0); }
.cm_color.gray-0 { color: var(--color-gray-0) !important; }
.cm_bg.gray-5 { background-color: var(--color-gray-5); }
.cm_color.gray-5 { color: var(--color-gray-5) !important; }
.cm_bg.gray-10 { background-color: var(--color-gray-10); }
.cm_color.gray-10 { color: var(--color-gray-10) !important; }
.cm_bg.gray-15 { background-color: var(--color-gray-15); }
.cm_color.gray-15 { color: var(--color-gray-15) !important; }
.cm_bg.gray-20 { background-color: var(--color-gray-20); }
.cm_color.gray-20 { color: var(--color-gray-20) !important; }
.cm_bg.gray-30 { background-color: var(--color-gray-30); }
.cm_color.gray-30 { color: var(--color-gray-30) !important; }
.cm_bg.gray-40 { background-color: var(--color-gray-40); }
.cm_color.gray-40 { color: var(--color-gray-40) !important; }
.cm_bg.gray-50 { background-color: var(--color-gray-50); }
.cm_color.gray-50 { color: var(--color-gray-50) !important; }
.cm_bg.gray-60 { background-color: var(--color-gray-60); }
.cm_color.gray-60 { color: var(--color-gray-60) !important; }
.cm_bg.gray-70 { background-color: var(--color-gray-70); }
.cm_color.gray-70 { color: var(--color-gray-70) !important; }
.cm_bg.gray-80 { background-color: var(--color-gray-80); }
.cm_color.gray-80 { color: var(--color-gray-80) !important; }
.cm_bg.gray-90 { background-color: var(--color-gray-90); }
.cm_color.gray-90 { color: var(--color-gray-90) !important; }
.cm_bg.gray-95 { background-color: var(--color-gray-95); }
.cm_color.gray-95 { color: var(--color-gray-95) !important; }
.cm_bg.gray-100 { background-color: var(--color-gray-100); }
.cm_color.gray-100 { color: var(--color-gray-100) !important; }
.cm_bg.information-5 { background-color: var(--color-information-5); }
.cm_color.information-5 { color: var(--color-information-5) !important; }
.cm_bg.information-10 { background-color: var(--color-information-10); }
.cm_color.information-10 { color: var(--color-information-10) !important; }
.cm_bg.information-20 { background-color: var(--color-information-20); }
.cm_color.information-20 { color: var(--color-information-20) !important; }
.cm_bg.information-30 { background-color: var(--color-information-30); }
.cm_color.information-30 { color: var(--color-information-30) !important; }
.cm_bg.information-40 { background-color: var(--color-information-40); }
.cm_color.information-40 { color: var(--color-information-40) !important; }
.cm_bg.information-50 { background-color: var(--color-information-50); }
.cm_color.information-50 { color: var(--color-information-50) !important; }
.cm_bg.information-60 { background-color: var(--color-information-60); }
.cm_color.information-60 { color: var(--color-information-60) !important; }
.cm_bg.information-70 { background-color: var(--color-information-70); }
.cm_color.information-70 { color: var(--color-information-70) !important; }
.cm_bg.information-80 { background-color: var(--color-information-80); }
.cm_color.information-80 { color: var(--color-information-80) !important; }
.cm_bg.information-90 { background-color: var(--color-information-90); }
.cm_color.information-90 { color: var(--color-information-90) !important; }
.cm_bg.information-95 { background-color: var(--color-information-95); }
.cm_color.information-95 { color: var(--color-information-95) !important; }
.cm_bg.navy-80 { background-color: var(--color-navy-80); }
.cm_color.navy-80 { color: var(--color-navy-80) !important; }
.cm_bg.neutral-5 { background-color: var(--color-neutral-5); }
.cm_color.neutral-5 { color: var(--color-neutral-5) !important; }
.cm_bg.neutral-10 { background-color: var(--color-neutral-10); }
.cm_color.neutral-10 { color: var(--color-neutral-10) !important; }
.cm_bg.neutral-20 { background-color: var(--color-neutral-20); }
.cm_color.neutral-20 { color: var(--color-neutral-20) !important; }
.cm_bg.neutral-30 { background-color: var(--color-neutral-30); }
.cm_color.neutral-30 { color: var(--color-neutral-30) !important; }
.cm_bg.neutral-40 { background-color: var(--color-neutral-40); }
.cm_color.neutral-40 { color: var(--color-neutral-40) !important; }
.cm_bg.neutral-50 { background-color: var(--color-neutral-50); }
.cm_color.neutral-50 { color: var(--color-neutral-50) !important; }
.cm_bg.neutral-60 { background-color: var(--color-neutral-60); }
.cm_color.neutral-60 { color: var(--color-neutral-60) !important; }
.cm_bg.neutral-70 { background-color: var(--color-neutral-70); }
.cm_color.neutral-70 { color: var(--color-neutral-70) !important; }
.cm_bg.neutral-80 { background-color: var(--color-neutral-80); }
.cm_color.neutral-80 { color: var(--color-neutral-80) !important; }
.cm_bg.neutral-90 { background-color: var(--color-neutral-90); }
.cm_color.neutral-90 { color: var(--color-neutral-90) !important; }
.cm_bg.neutral-95 { background-color: var(--color-neutral-95); }
.cm_color.neutral-95 { color: var(--color-neutral-95) !important; }
.cm_bg.neutral-100 { background-color: var(--color-neutral-100); }
.cm_color.neutral-100 { color: var(--color-neutral-100) !important; }
.cm_bg.pink-10 { background-color: var(--color-pink-10); }
.cm_color.pink-10 { color: var(--color-pink-10) !important; }
.cm_bg.pink-20 { background-color: var(--color-pink-20); }
.cm_color.pink-20 { color: var(--color-pink-20) !important; }
.cm_bg.pink-30 { background-color: var(--color-pink-30); }
.cm_color.pink-30 { color: var(--color-pink-30) !important; }
.cm_bg.pink-40 { background-color: var(--color-pink-40); }
.cm_color.pink-40 { color: var(--color-pink-40) !important; }
.cm_bg.pink-50 { background-color: var(--color-pink-50); }
.cm_color.pink-50 { color: var(--color-pink-50) !important; }
.cm_bg.pink-60 { background-color: var(--color-pink-60); }
.cm_color.pink-60 { color: var(--color-pink-60) !important; }
.cm_bg.pink-70 { background-color: var(--color-pink-70); }
.cm_color.pink-70 { color: var(--color-pink-70) !important; }
.cm_bg.pink-80 { background-color: var(--color-pink-80); }
.cm_color.pink-80 { color: var(--color-pink-80) !important; }
.cm_bg.pink-90 { background-color: var(--color-pink-90); }
.cm_color.pink-90 { color: var(--color-pink-90) !important; }
.cm_bg.point-80 { background-color: var(--color-point-80); }
.cm_color.point-80 { color: var(--color-point-80) !important; }
.cm_bg.point-2-0 { background-color: var(--color-point-2-0); }
.cm_color.point-2-0 { color: var(--color-point-2-0) !important; }
.cm_bg.point-2-5 { background-color: var(--color-point-2-5); }
.cm_color.point-2-5 { color: var(--color-point-2-5) !important; }
.cm_bg.point-2-10 { background-color: var(--color-point-2-10); }
.cm_color.point-2-10 { color: var(--color-point-2-10) !important; }
.cm_bg.point-2-20 { background-color: var(--color-point-2-20); }
.cm_color.point-2-20 { color: var(--color-point-2-20) !important; }
.cm_bg.point-2-30 { background-color: var(--color-point-2-30); }
.cm_color.point-2-30 { color: var(--color-point-2-30) !important; }
.cm_bg.point-2-40 { background-color: var(--color-point-2-40); }
.cm_color.point-2-40 { color: var(--color-point-2-40) !important; }
.cm_bg.point-2-50 { background-color: var(--color-point-2-50); }
.cm_color.point-2-50 { color: var(--color-point-2-50) !important; }
.cm_bg.point-2-60 { background-color: var(--color-point-2-60); }
.cm_color.point-2-60 { color: var(--color-point-2-60) !important; }
.cm_bg.point-2-70 { background-color: var(--color-point-2-70); }
.cm_color.point-2-70 { color: var(--color-point-2-70) !important; }
.cm_bg.point-2-80 { background-color: var(--color-point-2-80); }
.cm_color.point-2-80 { color: var(--color-point-2-80) !important; }
.cm_bg.point-2-90 { background-color: var(--color-point-2-90); }
.cm_color.point-2-90 { color: var(--color-point-2-90) !important; }
.cm_bg.point-2-95 { background-color: var(--color-point-2-95); }
.cm_color.point-2-95 { color: var(--color-point-2-95) !important; }
.cm_bg.primary-0 { background-color: var(--color-primary-0); }
.cm_color.primary-0 { color: var(--color-primary-0) !important; }
.cm_bg.primary-10 { background-color: var(--color-primary-10); }
.cm_color.primary-10 { color: var(--color-primary-10) !important; }
.cm_bg.primary-20 { background-color: var(--color-primary-20); }
.cm_color.primary-20 { color: var(--color-primary-20) !important; }
.cm_bg.primary-30 { background-color: var(--color-primary-30); }
.cm_color.primary-30 { color: var(--color-primary-30) !important; }
.cm_bg.primary-40 { background-color: var(--color-primary-40); }
.cm_color.primary-40 { color: var(--color-primary-40) !important; }
.cm_bg.primary-50 { background-color: var(--color-primary-50); }
.cm_color.primary-50 { color: var(--color-primary-50) !important; }
.cm_bg.primary-60 { background-color: var(--color-primary-60); }
.cm_color.primary-60 { color: var(--color-primary-60) !important; }
.cm_bg.primary-70 { background-color: var(--color-primary-70); }
.cm_color.primary-70 { color: var(--color-primary-70) !important; }
.cm_bg.primary-80 { background-color: var(--color-primary-80); }
.cm_color.primary-80 { color: var(--color-primary-80) !important; }
.cm_bg.primary-90 { background-color: var(--color-primary-90); }
.cm_color.primary-90 { color: var(--color-primary-90) !important; }
.cm_bg.primary-100 { background-color: var(--color-primary-100); }
.cm_color.primary-100 { color: var(--color-primary-100) !important; }
.cm_bg.primary-120 { background-color: var(--color-primary-120); }
.cm_color.primary-120 { color: var(--color-primary-120) !important; }
.cm_bg.purple-5 { background-color: var(--color-purple-5); }
.cm_color.purple-5 { color: var(--color-purple-5) !important; }
.cm_bg.purple-10 { background-color: var(--color-purple-10); }
.cm_color.purple-10 { color: var(--color-purple-10) !important; }
.cm_bg.purple-15 { background-color: var(--color-purple-15); }
.cm_color.purple-15 { color: var(--color-purple-15) !important; }
.cm_bg.purple-20 { background-color: var(--color-purple-20); }
.cm_color.purple-20 { color: var(--color-purple-20) !important; }
.cm_bg.purple-30 { background-color: var(--color-purple-30); }
.cm_color.purple-30 { color: var(--color-purple-30) !important; }
.cm_bg.purple-40 { background-color: var(--color-purple-40); }
.cm_color.purple-40 { color: var(--color-purple-40) !important; }
.cm_bg.purple-50 { background-color: var(--color-purple-50); }
.cm_color.purple-50 { color: var(--color-purple-50) !important; }
.cm_bg.purple-60 { background-color: var(--color-purple-60); }
.cm_color.purple-60 { color: var(--color-purple-60) !important; }
.cm_bg.purple-70 { background-color: var(--color-purple-70); }
.cm_color.purple-70 { color: var(--color-purple-70) !important; }
.cm_bg.purple-80 { background-color: var(--color-purple-80); }
.cm_color.purple-80 { color: var(--color-purple-80) !important; }
.cm_bg.purple-90 { background-color: var(--color-purple-90); }
.cm_color.purple-90 { color: var(--color-purple-90) !important; }
.cm_bg.purple-95 { background-color: var(--color-purple-95); }
.cm_color.purple-95 { color: var(--color-purple-95) !important; }
.cm_bg.secondary-0 { background-color: var(--color-secondary-0); }
.cm_color.secondary-0 { color: var(--color-secondary-0) !important; }
.cm_bg.secondary-5 { background-color: var(--color-secondary-5); }
.cm_color.secondary-5 { color: var(--color-secondary-5) !important; }
.cm_bg.secondary-10 { background-color: var(--color-secondary-10); }
.cm_color.secondary-10 { color: var(--color-secondary-10) !important; }
.cm_bg.secondary-20 { background-color: var(--color-secondary-20); }
.cm_color.secondary-20 { color: var(--color-secondary-20) !important; }
.cm_bg.secondary-30 { background-color: var(--color-secondary-30); }
.cm_color.secondary-30 { color: var(--color-secondary-30) !important; }
.cm_bg.secondary-40 { background-color: var(--color-secondary-40); }
.cm_color.secondary-40 { color: var(--color-secondary-40) !important; }
.cm_bg.secondary-50 { background-color: var(--color-secondary-50); }
.cm_color.secondary-50 { color: var(--color-secondary-50) !important; }
.cm_bg.secondary-60 { background-color: var(--color-secondary-60); }
.cm_color.secondary-60 { color: var(--color-secondary-60) !important; }
.cm_bg.secondary-70 { background-color: var(--color-secondary-70); }
.cm_color.secondary-70 { color: var(--color-secondary-70) !important; }
.cm_bg.secondary-80 { background-color: var(--color-secondary-80); }
.cm_color.secondary-80 { color: var(--color-secondary-80) !important; }
.cm_bg.secondary-90 { background-color: var(--color-secondary-90); }
.cm_color.secondary-90 { color: var(--color-secondary-90) !important; }
.cm_bg.secondary-100 { background-color: var(--color-secondary-100); }
.cm_color.secondary-100 { color: var(--color-secondary-100) !important; }
.cm_bg.success-5 { background-color: var(--color-success-5); }
.cm_color.success-5 { color: var(--color-success-5) !important; }
.cm_bg.success-10 { background-color: var(--color-success-10); }
.cm_color.success-10 { color: var(--color-success-10) !important; }
.cm_bg.success-20 { background-color: var(--color-success-20); }
.cm_color.success-20 { color: var(--color-success-20) !important; }
.cm_bg.success-30 { background-color: var(--color-success-30); }
.cm_color.success-30 { color: var(--color-success-30) !important; }
.cm_bg.success-40 { background-color: var(--color-success-40); }
.cm_color.success-40 { color: var(--color-success-40) !important; }
.cm_bg.success-50 { background-color: var(--color-success-50); }
.cm_color.success-50 { color: var(--color-success-50) !important; }
.cm_bg.success-60 { background-color: var(--color-success-60); }
.cm_color.success-60 { color: var(--color-success-60) !important; }
.cm_bg.success-70 { background-color: var(--color-success-70); }
.cm_color.success-70 { color: var(--color-success-70) !important; }
.cm_bg.success-80 { background-color: var(--color-success-80); }
.cm_color.success-80 { color: var(--color-success-80) !important; }
.cm_bg.success-90 { background-color: var(--color-success-90); }
.cm_color.success-90 { color: var(--color-success-90) !important; }
.cm_bg.success-95 { background-color: var(--color-success-95); }
.cm_color.success-95 { color: var(--color-success-95) !important; }
.cm_bg.violet-70 { background-color: var(--color-violet-70); }
.cm_color.violet-70 { color: var(--color-violet-70) !important; }
.cm_bg.warning-5 { background-color: var(--color-warning-5); }
.cm_color.warning-5 { color: var(--color-warning-5) !important; }
.cm_bg.warning-10 { background-color: var(--color-warning-10); }
.cm_color.warning-10 { color: var(--color-warning-10) !important; }
.cm_bg.warning-20 { background-color: var(--color-warning-20); }
.cm_color.warning-20 { color: var(--color-warning-20) !important; }
.cm_bg.warning-30 { background-color: var(--color-warning-30); }
.cm_color.warning-30 { color: var(--color-warning-30) !important; }
.cm_bg.warning-40 { background-color: var(--color-warning-40); }
.cm_color.warning-40 { color: var(--color-warning-40) !important; }
.cm_bg.warning-50 { background-color: var(--color-warning-50); }
.cm_color.warning-50 { color: var(--color-warning-50) !important; }
.cm_bg.warning-60 { background-color: var(--color-warning-60); }
.cm_color.warning-60 { color: var(--color-warning-60) !important; }
.cm_bg.warning-70 { background-color: var(--color-warning-70); }
.cm_color.warning-70 { color: var(--color-warning-70) !important; }
.cm_bg.warning-80 { background-color: var(--color-warning-80); }
.cm_color.warning-80 { color: var(--color-warning-80) !important; }
.cm_bg.warning-90 { background-color: var(--color-warning-90); }
.cm_color.warning-90 { color: var(--color-warning-90) !important; }
.cm_bg.warning-95 { background-color: var(--color-warning-95); }
.cm_color.warning-95 { color: var(--color-warning-95) !important; }
.cm_bg.background-disabled { background-color: var(--color-background-disabled); }
.cm_color.background-disabled { color: var(--color-background-disabled) !important; }
.cm_bg.background-footer { background-color: var(--color-background-footer); }
.cm_color.background-footer { color: var(--color-background-footer) !important; }
.cm_bg.background-gray { background-color: var(--color-background-gray); }
.cm_color.background-gray { color: var(--color-background-gray) !important; }
.cm_bg.background-gray-dark { background-color: var(--color-background-gray-dark); }
.cm_color.background-gray-dark { color: var(--color-background-gray-dark) !important; }
.cm_bg.background-gray-light { background-color: var(--color-background-gray-light); }
.cm_color.background-gray-light { color: var(--color-background-gray-light) !important; }
.cm_bg.background-gray-lighter { background-color: var(--color-background-gray-lighter); }
.cm_color.background-gray-lighter { color: var(--color-background-gray-lighter) !important; }
.cm_bg.background-gray-lighter-basic { background-color: var(--color-background-gray-lighter-basic); }
.cm_color.background-gray-lighter-basic { color: var(--color-background-gray-lighter-basic) !important; }
.cm_bg.background-primary { background-color: var(--color-background-primary); }
.cm_color.background-primary { color: var(--color-background-primary) !important; }
.cm_bg.background-primary-light { background-color: var(--color-background-primary-light); }
.cm_color.background-primary-light { color: var(--color-background-primary-light) !important; }
.cm_bg.background-primary-lighter { background-color: var(--color-background-primary-lighter); }
.cm_color.background-primary-lighter { color: var(--color-background-primary-lighter) !important; }
.cm_bg.background-primary-lightest { background-color: var(--color-background-primary-lightest); }
.cm_color.background-primary-lightest { color: var(--color-background-primary-lightest) !important; }
.cm_bg.background-tertiary { background-color: var(--color-background-tertiary); }
.cm_color.background-tertiary { color: var(--color-background-tertiary) !important; }
.cm_bg.background-white { background-color: var(--color-background-white); }
.cm_color.background-white { color: var(--color-background-white) !important; }
.cm_bg.border-disabled { background-color: var(--color-border-disabled); }
.cm_color.border-disabled { color: var(--color-border-disabled) !important; }
.cm_bg.border-footer { background-color: var(--color-border-footer); }
.cm_color.border-footer { color: var(--color-border-footer) !important; }
.cm_bg.border-footer-darkest { background-color: var(--color-border-footer-darkest); }
.cm_color.border-footer-darkest { color: var(--color-border-footer-darkest) !important; }
.cm_bg.border-gray { background-color: var(--color-border-gray); }
.cm_color.border-gray { color: var(--color-border-gray) !important; }
.cm_bg.border-gray-dark { background-color: var(--color-border-gray-dark); }
.cm_color.border-gray-dark { color: var(--color-border-gray-dark) !important; }
.cm_bg.border-gray-darker { background-color: var(--color-border-gray-darker); }
.cm_color.border-gray-darker { color: var(--color-border-gray-darker) !important; }
.cm_bg.border-gray-light { background-color: var(--color-border-gray-light); }
.cm_color.border-gray-light { color: var(--color-border-gray-light) !important; }
.cm_bg.border-primary { background-color: var(--color-border-primary); }
.cm_color.border-primary { color: var(--color-border-primary) !important; }
.cm_bg.button-disabled { background-color: var(--color-button-disabled); }
.cm_color.button-disabled { color: var(--color-button-disabled) !important; }
.cm_bg.button-neutral-default { background-color: var(--color-button-neutral-default); }
.cm_color.button-neutral-default { color: var(--color-button-neutral-default) !important; }
.cm_bg.button-neutral-hovered { background-color: var(--color-button-neutral-hovered); }
.cm_color.button-neutral-hovered { color: var(--color-button-neutral-hovered) !important; }
.cm_bg.button-neutral-pressed { background-color: var(--color-button-neutral-pressed); }
.cm_color.button-neutral-pressed { color: var(--color-button-neutral-pressed) !important; }
.cm_bg.button-primary-default { background-color: var(--color-button-primary-default); }
.cm_color.button-primary-default { color: var(--color-button-primary-default) !important; }
.cm_bg.button-primary-hovered { background-color: var(--color-button-primary-hovered); }
.cm_color.button-primary-hovered { color: var(--color-button-primary-hovered) !important; }
.cm_bg.button-primary-pressed { background-color: var(--color-button-primary-pressed); }
.cm_color.button-primary-pressed { color: var(--color-button-primary-pressed) !important; }
.cm_bg.button-secondary-default { background-color: var(--color-button-secondary-default); }
.cm_color.button-secondary-default { color: var(--color-button-secondary-default) !important; }
.cm_bg.button-secondary-hovered { background-color: var(--color-button-secondary-hovered); }
.cm_color.button-secondary-hovered { color: var(--color-button-secondary-hovered) !important; }
.cm_bg.button-secondary-pressed { background-color: var(--color-button-secondary-pressed); }
.cm_color.button-secondary-pressed { color: var(--color-button-secondary-pressed) !important; }
.cm_bg.button-tertiary { background-color: var(--color-button-tertiary); }
.cm_color.button-tertiary { color: var(--color-button-tertiary) !important; }
.cm_bg.button-tertiary-border { background-color: var(--color-button-tertiary-border); }
.cm_color.button-tertiary-border { color: var(--color-button-tertiary-border) !important; }
.cm_bg.button-tertiary-hover { background-color: var(--color-button-tertiary-hover); }
.cm_color.button-tertiary-hover { color: var(--color-button-tertiary-hover) !important; }
.cm_bg.button-tertiary-pressed { background-color: var(--color-button-tertiary-pressed); }
.cm_color.button-tertiary-pressed { color: var(--color-button-tertiary-pressed) !important; }
.cm_bg.icon-basic { background-color: var(--color-icon-basic); }
.cm_color.icon-basic { color: var(--color-icon-basic) !important; }
.cm_bg.icon-default { background-color: var(--color-icon-default); }
.cm_color.icon-default { color: var(--color-icon-default) !important; }
.cm_bg.icon-disabled { background-color: var(--color-icon-disabled); }
.cm_color.icon-disabled { color: var(--color-icon-disabled) !important; }
.cm_bg.icon-gray { background-color: var(--color-icon-gray); }
.cm_color.icon-gray { color: var(--color-icon-gray) !important; }
.cm_bg.icon-gray-dark { background-color: var(--color-icon-gray-dark); }
.cm_color.icon-gray-dark { color: var(--color-icon-gray-dark) !important; }
.cm_bg.icon-gray-darkest { background-color: var(--color-icon-gray-darkest); }
.cm_color.icon-gray-darkest { color: var(--color-icon-gray-darkest) !important; }
.cm_bg.icon-inverse { background-color: var(--color-icon-inverse); }
.cm_color.icon-inverse { color: var(--color-icon-inverse) !important; }
.cm_bg.icon-navy { background-color: var(--color-icon-navy); }
.cm_color.icon-navy { color: var(--color-icon-navy) !important; }
.cm_bg.icon-primary { background-color: var(--color-icon-primary); }
.cm_color.icon-primary { color: var(--color-icon-primary) !important; }
.cm_bg.icon-secondary { background-color: var(--color-icon-secondary); }
.cm_color.icon-secondary { color: var(--color-icon-secondary) !important; }
.cm_bg.icon-secondaey { background-color: var(--color-icon-secondaey); }
.cm_color.icon-secondaey { color: var(--color-icon-secondaey) !important; }
.cm_bg.text-basic { background-color: var(--color-text-basic); }
.cm_color.text-basic { color: var(--color-text-basic) !important; }
.cm_bg.text-bolder { background-color: var(--color-text-bolder); }
.cm_color.text-bolder { color: var(--color-text-bolder) !important; }
.cm_bg.text-disabled { background-color: var(--color-text-disabled); }
.cm_color.text-disabled { color: var(--color-text-disabled) !important; }
.cm_bg.text-enabled { background-color: var(--color-text-enabled); }
.cm_color.text-enabled { color: var(--color-text-enabled) !important; }
.cm_bg.text-inverse { background-color: var(--color-text-inverse); }
.cm_color.text-inverse { color: var(--color-text-inverse) !important; }
.cm_bg.text-primary { background-color: var(--color-text-primary); }
.cm_color.text-primary { color: var(--color-text-primary) !important; }
.cm_bg.text-primary-dark { background-color: var(--color-text-primary-dark); }
.cm_color.text-primary-dark { color: var(--color-text-primary-dark) !important; }
.cm_bg.text-primary-light { background-color: var(--color-text-primary-light); }
.cm_color.text-primary-light { color: var(--color-text-primary-light) !important; }
.cm_bg.text-secondary { background-color: var(--color-text-secondary); }
.cm_color.text-secondary { color: var(--color-text-secondary) !important; }
.cm_bg.text-secondary-dark { background-color: var(--color-text-secondary-dark); }
.cm_color.text-secondary-dark { color: var(--color-text-secondary-dark) !important; }
.cm_bg.text-secondary-light { background-color: var(--color-text-secondary-light); }
.cm_color.text-secondary-light { color: var(--color-text-secondary-light) !important; }
.cm_bg.text-sub { background-color: var(--color-text-sub); }
.cm_color.text-sub { color: var(--color-text-sub) !important; }
.cm_bg.text-culture-primary { background-color: var(--color-text-culture-primary); }
.cm_color.text-culture-primary { color: var(--color-text-culture-primary) !important; }
.cm_bg.background-neutral-lightest { background-color: var(--color-background-neutral-lightest); }
.cm_color.background-neutral-lightest { color: var(--color-background-neutral-lightest) !important; }
.cm_bg.red { background-color: var(--color-red); }
.cm_color.red { color: var(--color-red) !important; }
.cm_bg.blue { background-color: var(--color-blue); }
.cm_color.blue { color: var(--color-blue) !important; }

/* 공통 댓글 */
.cm_comment { display: flex; flex-direction: column; padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(16px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_comment .comment_header { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.625vw, 12px); border-bottom: 1px dashed #ccc; }
.cm_comment .comment_title { flex: 1; min-width: 0; font-weight: 700; font-size: clamp(17px, 1.1458333333vw, 22px); }
.cm_comment .comment_title .cm_icon:before { color: var(--color-icon-primary); }
.cm_comment .comment_info { flex-shrink: 0; }
.cm_comment .comment_info .cm_icon:before { color: var(--color-icon-gray); }

/* 공통 컨텐츠 만족도 조사 */
.cm_content_satisfaction { margin-top: clamp(15px, 2.5vw, 48px); overflow: hidden; border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: var(--color-background-white); }
.cm_content_satisfaction .survey_input { display: flex; align-items: center; justify-content: space-between; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_content_satisfaction .survey_title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: bold; }
.cm_content_satisfaction .survey_content { padding: clamp(15px, 1.25vw, 24px); padding-bottom: clamp(16px, 1.0416666667vw, 20px); }
.cm_content_satisfaction .survey_info { padding: clamp(9.6px, 0.625vw, 12px) clamp(19.2px, 1.25vw, 24px); background: var(--color-background-gray); }
.cm_content_satisfaction .survey_info .info_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(19.2px, 1.25vw, 24px); font-size: clamp(13px, 0.78125vw, 15px); }
.cm_content_satisfaction .survey_chk_wrap { display: flex; flex-wrap: wrap; gap: clamp(8px, 0.5208333333vw, 10px); }
.cm_content_satisfaction .survey_chk { display: flex; align-items: center; justify-content: center; }
.cm_content_satisfaction .survey_chk input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; }
.cm_content_satisfaction .survey_chk .chk_label { display: flex; align-items: center; height: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid var(--color-border-gray); border-radius: clamp(4.8px, 0.3125vw, 6px); cursor: pointer; }
.cm_content_satisfaction .survey_chk .survey_chk_icon { flex-shrink: 0; width: clamp(16px, 1.0416666667vw, 20px); }
.cm_content_satisfaction .survey_chk input:checked + .chk_label { border-color: var(--color-button-secondary-border); background-color: var(--color-button-secondary); color: var(--color-text-primary); font-weight: bold; }
.cm_content_satisfaction .survey_chk input:focus-visible + .chk_label { outline: 2px dashed #000; outline-offset: 2px; }
.cm_content_satisfaction .survey_action { flex-shrink: 0; }

/* 텍스트 말줄임 */
.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.ellipsis.line2 { -webkit-line-clamp: 2; }
.ellipsis.line3 { -webkit-line-clamp: 3; }
.ellipsis.line4 { -webkit-line-clamp: 4; }
.ellipsis.line5 { -webkit-line-clamp: 5; }

/* 공통 파일 관련 스타일 */
.cm_file_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_file_list[hidden] { display: none; }
.cm_file_list .file_box { display: inline-flex; gap: 0 clamp(6.4px, 0.4166666667vw, 8px); }
.cm_file_list .file_name { display: block; }
.cm_file_list a.file_name:hover span { color: var(--color-primary-80); text-decoration: underline; }
.cm_file_list2 { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_file_list2 .file_box { display: flex; align-items: center; justify-content: space-between; min-height: clamp(44.8px, 2.9166666667vw, 56px); padding: clamp(4.8px, 0.3125vw, 6px) clamp(19.2px, 1.25vw, 24px); gap: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-background-gray-lighter-basic); }
.cm_file_list2 .file_name { word-break: break-all; }
.cm_file_list2 .file_btns { display: flex; flex-shrink: 0; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_file_list2.size_sm .file_box { min-height: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(9.6px, 0.625vw, 12px); font-size: clamp(13px, 0.78125vw, 15px); }
.cm_file_list2.type2 .file_box { display: inline-flex; }
.cm_file_list2.col2 { display: grid; grid-template-columns: repeat(2, 1fr); }
.cm_file_list3 { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_file_list3 .file_box { display: flex; align-items: center; justify-content: space-between; width: fit-content; max-width: 100%; min-height: clamp(32px, 2.0833333333vw, 40px); padding: clamp(4.8px, 0.3125vw, 6px) clamp(9.6px, 0.625vw, 12px); gap: 0 clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #fff; }
.cm_file_list3 .file_name { font-size: clamp(12px, 0.78125vw, 15px); word-break: break-all; }
.cm_file_list3 .file_delete_btn .cm_icon { color: #808080; }
.cm_file_list4 { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 400; }
.cm_file_list4 .file_box { display: flex; align-items: center; justify-content: space-between; min-height: clamp(44.8px, 2.9166666667vw, 56px); padding: clamp(4.8px, 0.3125vw, 6px) clamp(19.2px, 1.25vw, 24px); gap: 0 clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #ddd; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_file_list4 .file_name { word-break: break-all; }
.cm_file_list4 .file_btns { display: flex; flex-shrink: 0; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_file_list4 .file_btns a:hover { color: var(--color-primary-80); text-decoration: underline; }
.cm_file_list4.col-02 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); }

/* 공통 폼 */
input::-webkit-search-decoration,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
input[type=file] { display: none; }
.form_control { display: block; width: 100%; height: var(--form_height_lg); padding: 0 clamp(16px, 1.0416666667vw, 20px); border: 1px solid #ccc; border-radius: clamp(6.4px, 0.4166666667vw, 8px); outline: none !important; background-color: #fff; font-size: clamp(16px, 0.8854166667vw, 17px); transition: border-color 0.2s, box-shadow 0.2s !important; }
.form_control:focus-visible { border-color: var(--color-primary-70) !important; box-shadow: 0 0 0 3px rgba(52, 120, 199, 0.15) !important; }
.form_control::placeholder { color: #767676; }
.form_control.date { padding-right: clamp(40px, 2.6041666667vw, 50px); background: #fff url(../../images/common/icon_date.svg) no-repeat right clamp(16px, 1.0416666667vw, 20px) center/clamp(19.2px, 1.25vw, 24px); }
select.form_control { padding-right: clamp(32px, 2.0833333333vw, 40px); background-image: url(../../images/common/icon_arr_down.svg); background-position: right clamp(11.2px, 0.7291666667vw, 14px) center; background-size: clamp(16px, 1.0416666667vw, 20px); background-repeat: no-repeat; }
textarea.form_control { height: var(--textarea_height); padding-top: clamp(9.6px, 0.625vw, 12px); padding-bottom: clamp(9.6px, 0.625vw, 12px); }
.form_control[readonly],
.form_control:disabled { border-color: #b2b2b2; background-color: #e6e6e6; color: #777; cursor: not-allowed; opacity: 0.8; }
.form_control.bcolor2 { border: 1px solid #ddd; }
.form_control.width2 { width: clamp(288px, 18.75vw, 360px); }
.form_control.w_name { width: clamp(192px, 12.5vw, 240px); }
.form_control.w_phone { width: clamp(224px, 14.5833333333vw, 280px); }
.form_control.w_birth { width: clamp(224px, 14.5833333333vw, 280px); }
.form_control.w_zipcode { width: clamp(128px, 8.3333333333vw, 160px); }
.form_control.w_number { width: clamp(96px, 6.25vw, 120px); }
.form_control.w_password { width: clamp(224px, 14.5833333333vw, 280px); }
.form_control.w_map { width: clamp(96px, 6.25vw, 120px); }
.form_control.size_xs { height: var(--form_height_xs) !important; padding-right: clamp(8px, 0.5208333333vw, 10px) !important; padding-left: clamp(8px, 0.5208333333vw, 10px) !important; }
.form_control.size_sm { height: var(--form_height_sm) !important; padding-right: clamp(9.6px, 0.625vw, 12px) !important; padding-left: clamp(9.6px, 0.625vw, 12px) !important; }
.form_control.size_md { height: var(--form_height_md) !important; padding-right: clamp(12.8px, 0.8333333333vw, 16px) !important; padding-left: clamp(12.8px, 0.8333333333vw, 16px) !important; }
select.form_control.size_xs { padding-right: clamp(22.4px, 1.4583333333vw, 28px) !important; background-position: right clamp(8px, 0.5208333333vw, 10px) center; background-size: clamp(11.2px, 0.7291666667vw, 14px); }
select.form_control.size_sm { padding-right: clamp(25.6px, 1.6666666667vw, 32px) !important; background-position: right clamp(9.6px, 0.625vw, 12px) center; background-size: clamp(12.8px, 0.8333333333vw, 16px); }
select.form_control.size_md { padding-right: clamp(28.8px, 1.875vw, 36px) !important; background-position: right clamp(11.2px, 0.7291666667vw, 14px) center; background-size: clamp(14.4px, 0.9375vw, 18px); }
.form_control.date.size_xs { padding-right: clamp(27.2px, 1.7708333333vw, 34px) !important; background-position: right clamp(8px, 0.5208333333vw, 10px) center; background-size: clamp(12.8px, 0.8333333333vw, 16px); }
.form_control.date.size_sm { padding-right: clamp(30.4px, 1.9791666667vw, 38px) !important; background-position: right clamp(9.6px, 0.625vw, 12px) center; background-size: clamp(14.4px, 0.9375vw, 18px); }
.form_control.date.size_md { padding-right: clamp(35.2px, 2.2916666667vw, 44px) !important; background-position: right clamp(12.8px, 0.8333333333vw, 16px) center; background-size: clamp(16px, 1.0416666667vw, 20px); }
.cm_input_action { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_box1 { padding: clamp(20px, 2.0833333333vw, 40px) clamp(12px, 1.25vw, 24px); border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.cm_form_box1.layout2 { display: flex; align-items: center; justify-content: space-between; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_form_address { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_number_wrap { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_number_wrap .form_control { width: clamp(96px, 6.25vw, 120px); }
.cm_form_layout1 { display: flex; flex-direction: column; gap: clamp(12px, 1.25vw, 24px) 0; }
.cm_form_layout1.gap2 { gap: clamp(15px, 1.6666666667vw, 32px); }
.cm_form_layout1 .form_row { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: clamp(8px, 1.25vw, 24px); }
.cm_form_layout1 .form_row.baseline { align-items: baseline; }
.cm_form_layout1 .form_row.start { align-items: flex-start; }
.cm_form_layout1 .form_row.gap2 { gap: clamp(16px, 1.6666666667vw, 32px); }
.cm_form_layout1 .form_label { width: clamp(128px, 8.3333333333vw, 160px); font-weight: bold; }
.cm_form_layout1 .form_label.width2 { width: 200px; }
.cm_form_layout1 .form_label.flex { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_form_layout1 .form_content .cm_chk_wrap { display: flex; flex-wrap: wrap; align-items: center; }
.form_required { margin-left: clamp(3.2px, 0.2083333333vw, 4px); color: var(--color-text-secondary); font-weight: 700; }
.cm_form_layout2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px clamp(10px, 1.0416666667vw, 20px); }
.cm_form_layout1 .form_row.align_top { align-items: flex-start; }
.cm_form_layout1 .form_row.align_top .form_label { padding-top: clamp(12px, 0.78125vw, 15px); }
.form_layout_address { max-width: 560px; }
.cm_char_counter { margin-top: clamp(6.4px, 0.4166666667vw, 8px); color: #767676; font-size: clamp(14px, 0.78125vw, 15px); text-align: right; }
.cm_char_counter.is_error { color: var(--color-danger-50); }
.cm_form_password { display: flex; flex-direction: column; width: 100%; max-width: clamp(288px, 18.75vw, 360px); margin-right: auto; margin-left: auto; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_password .form_control,
.cm_form_password .cm_btn { width: 100%; }
.form_control.datepicker { width: clamp(160px, 10.4166666667vw, 200px); padding-right: clamp(38.4px, 2.5vw, 48px); background: #fff url(../../images/common/icon_date.svg) no-repeat center right clamp(12.8px, 0.8333333333vw, 16px)/clamp(19.2px, 1.25vw, 24px); }
.cm_form_period { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_form_period .start,
.cm_form_period .end { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_form_period .time_select { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_period .time_select select { width: clamp(96px, 6.25vw, 120px); }
.cm_form_period.size_md { gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_form_period.size_md .form_control.datepicker { width: clamp(150px, 9.375vw, 180px); }
[class*=cm_chk] { display: inline-flex; position: relative; flex-wrap: wrap; vertical-align: middle; cursor: pointer; }
[class*=cm_chk_wrap] { cursor: auto; }
[class*=cm_chk] input[type=checkbox],
[class*=cm_chk] input[type=radio] { clip: rect(0, 0, 0, 0); position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; }
[class*=cm_chk] .chk_label { -webkit-user-select: none; -moz-user-select: none; cursor: pointer; user-select: none; }
.cm_chk_wrap { display: flex; flex-wrap: wrap; gap: clamp(9.6px, 0.625vw, 12px) clamp(19.2px, 1.25vw, 24px); cursor: default; }
.cm_chk_wrap2 { display: flex; flex-wrap: wrap; gap: clamp(12px, 1.0416666667vw, 20px) clamp(12px, 1.0416666667vw, 20px); }
.cm_chk_wrap3 { display: flex; flex-wrap: wrap; gap: clamp(12px, 0.8333333333vw, 16px) clamp(12px, 0.8333333333vw, 16px); }
.cm_chk_wrap4 { display: flex; flex-wrap: wrap; gap: clamp(12px, 1.6666666667vw, 32px) clamp(12px, 1.6666666667vw, 32px); }
.cm_chk_wrap5 { display: flex; flex-wrap: wrap; gap: clamp(4px, 0.4166666667vw, 8px) clamp(6px, 0.4166666667vw, 8px); }
.cm_chk_wrap6 { display: flex; flex-wrap: wrap; gap: clamp(12px, 1.25vw, 24px); }
.cm_chk1 .chk_label { display: flex; position: relative; align-items: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #444; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.2; }
.cm_chk1 .chk_label.color2 { color: #333; }
.cm_chk1 .chk_label:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(20px, 1.25vw, 24px); border: 1px solid var(--color-border-gray-dark); border-radius: clamp(3.2px, 0.2083333333vw, 4px); background-position: center; background-size: 57%; background-repeat: no-repeat; background-color: #fff; content: ""; transition: all 0.2s ease; }
.cm_chk1 .label_text { padding-top: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_chk1 input:checked + .chk_label:before { border-color: transparent; background-image: url(../../images/common/icon_check2_w.svg); background-color: var(--color-icon-primary); }
.cm_chk1 input[type=radio] + .chk_label:before { border-radius: 50%; }
.cm_chk1 input[type=radio]:checked + .chk_label:after { opacity: 1; }
.cm_chk1 input:disabled + .chk_label { cursor: default; }
.cm_chk1 input:disabled:not(:checked) + .chk_label { color: #bbb; }
.cm_chk1 input:disabled:not(:checked) + .chk_label:before { border-color: #ddd; background-color: #f5f5f5; }
.cm_chk1 input:disabled:not(:checked) + .chk_label:after { background-color: #ddd; }
.cm_chk1 input:focus-visible + .chk_label { outline: 2px dashed #000; outline-offset: 2px; transition: none !important; }
.cm_chk1.size_sm .chk_label:before { width: 20px; }
.cm_chk1.size_sm .label_text { padding-top: 0; }
.cm_chk1.middle .chk_label { align-items: center; }
.cm_chk2 .chk_label { display: flex; align-items: center; height: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(6px, 0.5208333333vw, 10px); gap: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid #ccc; border-radius: 99px; background-color: #fff; font-size: clamp(13px, 0.78125vw, 15px); transition: background-color 0.15s ease, border-color 0.15s ease; }
.cm_chk2 input + .chk_label::before { aspect-ratio: 1/1; width: clamp(12px, 0.8333333333vw, 16px); background: #808080; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_check.svg); mask-image: url(../../images/common/icon_check.svg); }
.cm_chk2 input:checked + .chk_label { border: 1px solid var(--color-text-primary); background: var(--color-button-secondary-default); color: var(--color-text-primary); font-weight: 500; }
.cm_chk2 input:checked + .chk_label::before { background-color: var(--color-text-primary); }
.cm_chk2 .chk_label:hover { background-color: #f5f9ff; }
.cm_chk2 input:disabled + .chk_label { border-color: #497899; color: #497899; cursor: default; }
.cm_chk2 input:disabled:not(:checked) + .chk_label { border-color: #ccc; background: #e6e6e6; color: #808080; }
.cm_chk2 input:disabled + .chk_label::before { background: #497899; }
.cm_chk3 .chk_label { display: flex; align-items: center; height: clamp(40px, 2.7604166667vw, 53px); padding: 0 clamp(12px, 1.0416666667vw, 20px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 1px solid #ccc; border-radius: 99px; background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); font-size: clamp(15px, 0.9895833333vw, 19px); transition: background-color 0.15s ease, border-color 0.15s ease; }
.cm_chk3 input + .chk_label::before { aspect-ratio: 1/1; width: clamp(14px, 0.9375vw, 18px); background: #808080; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_check.svg); mask-image: url(../../images/common/icon_check.svg); }
.cm_chk3 input:checked + .chk_label { border: 2px solid #0858dd; color: #0858dd; font-weight: 700; }
.cm_chk3 input:checked + .chk_label::before { background-color: #0858dd; }
.cm_chk3 .chk_label:hover { background-color: #f5f9ff; }
.cm_chk3 input:disabled + .chk_label { border-color: #527cc0; background-color: #edf0f4; color: #527cc0; cursor: default; }
.cm_chk3 input:disabled:not(:checked) + .chk_label { border-color: #ccc; background: #e6e6e6; color: #808080; }
.cm_chk3 input:disabled:not(:checked) + .chk_label::before { background: #527cc0; }
.cm_chk4 .chk_label { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; gap: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; font-weight: 500; font-size: clamp(14px, 1.0416666667vw, 20px); }
.cm_chk4 .chk_label::before { display: block; aspect-ratio: 1/1; width: clamp(60px, 5.7291666667vw, 110px); padding: clamp(24px, 1.5625vw, 30px) clamp(20.8px, 1.3541666667vw, 26px); border: 1px solid #eee; border-radius: 50%; background-position: center; background-size: clamp(60px, 5.7291666667vw, 110px); background-repeat: no-repeat; background-color: #fff; content: ""; transition: background-color 0.15s ease, border-color 0.15s ease; }
.cm_chk4 .chk_label::after { display: none; position: absolute; top: 0; right: clamp(9.6px, 0.625vw, 12px); aspect-ratio: 1/1; width: clamp(17.6px, 1.1458333333vw, 22px); background: url("../../images/common/icon_checkmark.svg") no-repeat center/contain; content: ""; }
.cm_chk4 .chk_label.style2::before { width: clamp(60px, 5.2083333333vw, 100px); background-size: clamp(60px, 5.2083333333vw, 100px); }
.cm_chk4.search_all .chk_label::before { background-image: url("../../images/common/life_all.svg"); }
.cm_chk4.search_citizen .chk_label::before { background-image: url("../../images/common/life_citizen.svg"); }
.cm_chk4.search_pregnancy .chk_label::before { background-image: url("../../images/common/life_pregnancy.svg"); }
.cm_chk4.search_infant .chk_label::before { background-image: url("../../images/common/life_infant.svg"); }
.cm_chk4.search_child .chk_label::before { background-image: url("../../images/common/life_child.svg"); }
.cm_chk4.search_teen .chk_label::before { background-image: url("../../images/common/life_teen.svg"); }
.cm_chk4.search_youth .chk_label::before { background-image: url("../../images/common/life_youth.svg"); }
.cm_chk4.search_adult .chk_label::before { background-image: url("../../images/common/life_adult.svg"); }
.cm_chk4.search_senior .chk_label::before { background-image: url("../../images/common/life_senior.svg"); }
.cm_chk4 input:focus-visible + .chk_label { outline: 2px dashed #000; outline-offset: 2px; }
.cm_chk4 input:checked + .chk_label::before { border: 2px solid #d5395e; background-color: #fff8f9; }
.cm_chk4 input:checked + .chk_label::after { display: block; }
.cm_chk4 .chk_label:hover::before { border: 2px solid #d5395e; background-color: #fff8f9; }
.cm_chk5 .chk_label { display: flex; position: relative; align-items: center; padding: clamp(6px, 0.625vw, 12px) clamp(16px, 1.25vw, 24px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 2px solid transparent; border-radius: 99px; background-color: #f5f5f5; font-size: clamp(13px, 0.8854166667vw, 17px); transition: background-color 0.15s ease, border-color 0.15s ease; }
.cm_chk5 input:checked + .chk_label { border: 2px solid #d5395e; background: #fff8f9; font-weight: 500; }
.cm_chk5 input:checked + .chk_label::after { position: absolute; top: clamp(-6px, -0.3125vw, -4.8px); right: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); border-radius: 50%; background: #d5395e url("../../images/common/icon_checkmark.svg") no-repeat center/80%; content: ""; }
.cm_chk5 .chk_label:hover { border-color: #d5395e; background-color: #fff8f9; }
.cm_chk5 input:focus-visible + .chk_label { outline: 2px dashed #000; outline-offset: 2px; }
.cm_chk6_wrap { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_chk6 .chk_label { width: 100%; padding: 1px; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; color: #000; font-size: clamp(14px, 0.9895833333vw, 19px); }
.cm_chk6 .chk_label .label_box { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding: clamp(8px, 1.1458333333vw, 22px) clamp(6px, 0.6770833333vw, 13px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(11.2px, 0.7291666667vw, 14px); background: #fff; text-align: center; }
.cm_chk6 .chk_label .label_icon { position: relative; }
.cm_chk6 .chk_label .label_icon .num { display: inline-flex; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; height: clamp(22.4px, 1.4583333333vw, 28px); padding: clamp(9.6px, 0.625vw, 12px); border-radius: 99px; background: var(--color-text-primary); color: #fff; line-height: 0.9; }
.cm_chk6 input:checked ~ .chk_label { border-color: transparent; background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); color: var(--color-text-primary); font-weight: 700; }
.cm_chk7_wrap { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(3.2px, 0.2083333333vw, 4px); }
.cm_chk7 .chk_label { height: clamp(28.8px, 1.875vw, 36px); padding: clamp(4.8px, 0.3125vw, 6px) clamp(12.8px, 0.8333333333vw, 16px) clamp(4.8px, 0.3125vw, 6px) clamp(9.6px, 0.625vw, 12px); border: 1px solid #ccc; border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #fff; transition: background-color 0.2s, border-color 0.2s; }
.cm_chk7 .chk_label .label_text { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #666; font-size: clamp(12px, 0.78125vw, 15px); transition: color 0.2s; }
.cm_chk7 input:hover ~ .chk_label,
.cm_chk7 input:checked ~ .chk_label { border-color: #007eb4; background-color: #007eb4; }
.cm_chk7 input:hover ~ .chk_label .label_text,
.cm_chk7 input:checked ~ .chk_label .label_text { color: #fff; }
.cm_chk7 input:checked ~ .chk_label .label_text::before { display: block; aspect-ratio: 1/1; width: clamp(12.8px, 0.8333333333vw, 16px); background: url("../../images/common/icon_check_w.svg") no-repeat center/contain; content: ""; }
.cm_chk8 .chk_label { display: flex; align-items: center; justify-content: center; height: var(--form_height_md); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid var(--color-gray-40); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_chk8 input + .chk_label::before { aspect-ratio: 1/1; width: clamp(12px, 0.8333333333vw, 16px); background: #808080; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_check.svg); mask-image: url(../../images/common/icon_check.svg); }
.cm_chk8.size_lg .chk_label { height: var(--form_height); }
.cm_chk8 input:checked + .chk_label { border: 1px solid var(--color-text-primary); background: var(--color-button-secondary-default); color: var(--color-text-primary); font-weight: 500; }
.cm_chk8 input:checked + .chk_label::before { background-color: var(--color-text-primary); }
.cm_drop_zone_wrap { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_drop_zone_wrap .drop_zone { display: flex; flex-direction: column; align-items: center; justify-content: center; height: clamp(128px, 8.3333333333vw, 160px); padding: clamp(32px, 2.0833333333vw, 40px) clamp(24px, 1.5625vw, 30px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 1px dashed #999; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; text-align: center; transition: all 0.2s; }
.cm_drop_zone_wrap .drop_zone::before { display: inline-block; aspect-ratio: 1/1; width: clamp(22.4px, 1.4583333333vw, 28px); background: url("../../images/common/icon_upload_file2.svg") no-repeat center/contain; content: ""; }

/* datepicker */
.ui-datepicker { display: none; z-index: 10; width: 280px; padding: 20px 12px; overflow: hidden; border: 1px solid #999; border-radius: 8px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); font-size: 15px; }
.ui-datepicker select { appearance: auto; color: #000; }
.ui-datepicker .ui-datepicker-header { position: relative; margin-bottom: 4px; padding: 1px 0; border: 0; border-radius: 0; background: none; text-align: center; }
.ui-datepicker .ui-datepicker-title { font-weight: 700; font-size: 17px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { z-index: 1; position: absolute; top: 1px; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 0; background-image: url(../../images/common/icon_arr_left.svg); }
.ui-datepicker .ui-datepicker-next { right: 0; background-image: url(../../images/common/icon_arr_right.svg); }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { clip: rect(0 0 0 0); position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { border: 0; background-color: transparent; }
.ui-datepicker table { margin: 0; }
.ui-datepicker th { width: 28px; height: 28px; padding: 0; color: #191919; font-weight: 700; line-height: 0.8; text-align: center; }
.ui-datepicker td { width: 28px; height: 28px; padding: 0; color: #000; line-height: 0.8; text-align: center; }
.ui-datepicker th.ui-datepicker-week-end,
.ui-datepicker td.ui-datepicker-week-end { color: var(--color-danger-50); }
.ui-datepicker th.ui-datepicker-week-end:last-child,
.ui-datepicker td.ui-datepicker-week-end:last-child { color: #2530ff; }
.ui-datepicker th.ui-state-disabled.ui-state-disabled,
.ui-datepicker td.ui-state-disabled.ui-state-disabled { color: #333; }
.ui-datepicker th a,
.ui-datepicker th span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-top: 8px; }
.ui-datepicker td a,
.ui-datepicker td span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-top: 8px; }
.ui-datepicker .ui-state-default { border-color: transparent; background-color: transparent; }
.ui-datepicker .ui-state-highlight { border: 1px solid #999; border-radius: 50%; color: #454545; }
.ui-datepicker .ui-state-active { border-radius: 50%; border-color: var(--color-primary-80); background: var(--color-primary-80); color: #fff; }
.ui-datepicker .ui-state-active.ui-state-highlight { border-color: var(--color-primary-80); background: var(--color-primary-80); color: #fff; }

/* 오늘 날짜 선택 시 active 우선 */

/* 공통 호버 효과 */
.hover_underline:hover { text-decoration: underline; }
.hover_underline_link:hover .hover_underline_child { text-decoration: underline; }

/* 공통 라인 */
.cm_hr1 { margin: clamp(32px, 2.0833333333vw, 40px) 0; border: none; border-top: 1px dashed #ccc; }
.cm_hr2 { margin: clamp(32px, 2.0833333333vw, 40px) 0; border: none; border-top: 2px dashed #ccc; }

/* 공통 아이콘 */
.cm_icon { --icon-size: clamp(19.2px, 1.25vw, 24px); --icon-gap: clamp(6.4px, 0.4166666667vw, 8px); display: inline-flex; position: relative; align-items: center; gap: 0 var(--icon-gap); vertical-align: middle; }
.cm_icon:before { display: block; flex-shrink: 0; width: var(--icon-size); height: var(--icon-size); background-color: currentColor; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.cm_icon.size_xs { --icon-size: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_icon.size_xs2 { --icon-size: clamp(14.4px, 0.9375vw, 18px); }
.cm_icon.size_sm { --icon-size: clamp(16px, 1.0416666667vw, 20px); }
.cm_icon.size_sm2 { --icon-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_icon.size_md { --icon-size: clamp(19.2px, 1.25vw, 24px); }
.cm_icon.size_lg { --icon-size: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_icon.size_xl { --icon-size: clamp(32px, 2.0833333333vw, 40px); }
.cm_icon.icon_r { flex-direction: row-reverse; }
.cm_icon.accebility01:before { background-image: url(../../images/common/icon_accebility01.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility02:before { background-image: url(../../images/common/icon_accebility02.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility03:before { background-image: url(../../images/common/icon_accebility03.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility04:before { background-image: url(../../images/common/icon_accebility04.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility05:before { background-image: url(../../images/common/icon_accebility05.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility06:before { background-image: url(../../images/common/icon_accebility06.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility07:before { background-image: url(../../images/common/icon_accebility07.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility08:before { background-image: url(../../images/common/icon_accebility08.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility09:before { background-image: url(../../images/common/icon_accebility09.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility10:before { background-image: url(../../images/common/icon_accebility10.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility11:before { background-image: url(../../images/common/icon_accebility11.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility12:before { background-image: url(../../images/common/icon_accebility12.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility13:before { background-image: url(../../images/common/icon_accebility13.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility14:before { background-image: url(../../images/common/icon_accebility14.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.accebility15:before { background-image: url(../../images/common/icon_accebility15.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.ai:before { -webkit-mask-image: url(../../images/common/icon_ai.svg); mask-image: url(../../images/common/icon_ai.svg); }
.cm_icon.approve:before { -webkit-mask-image: url(../../images/common/icon_approve.svg); mask-image: url(../../images/common/icon_approve.svg); }
.cm_icon.arr_down:before { -webkit-mask-image: url(../../images/common/icon_arr_down.svg); mask-image: url(../../images/common/icon_arr_down.svg); }
.cm_icon.arr_down_w:before { -webkit-mask-image: url(../../images/common/icon_arr_down_w.svg); mask-image: url(../../images/common/icon_arr_down_w.svg); }
.cm_icon.arr_down2:before { -webkit-mask-image: url(../../images/common/icon_arr_down2.svg); mask-image: url(../../images/common/icon_arr_down2.svg); }
.cm_icon.arr_left:before { -webkit-mask-image: url(../../images/common/icon_arr_left.svg); mask-image: url(../../images/common/icon_arr_left.svg); }
.cm_icon.arr_left2:before { -webkit-mask-image: url(../../images/common/icon_arr_left2.svg); mask-image: url(../../images/common/icon_arr_left2.svg); }
.cm_icon.arr_left3:before { -webkit-mask-image: url(../../images/common/icon_arr_left3.svg); mask-image: url(../../images/common/icon_arr_left3.svg); }
.cm_icon.arr_left4:before { -webkit-mask-image: url(../../images/common/icon_arr_left4.svg); mask-image: url(../../images/common/icon_arr_left4.svg); }
.cm_icon.arr_left5:before { -webkit-mask-image: url(../../images/common/icon_arr_left5.svg); mask-image: url(../../images/common/icon_arr_left5.svg); }
.cm_icon.arr_right:before { -webkit-mask-image: url(../../images/common/icon_arr_right.svg); mask-image: url(../../images/common/icon_arr_right.svg); }
.cm_icon.arr_right10:before { -webkit-mask-image: url(../../images/common/icon_arr_right10.svg); mask-image: url(../../images/common/icon_arr_right10.svg); }
.cm_icon.arr_right2:before { -webkit-mask-image: url(../../images/common/icon_arr_right2.svg); mask-image: url(../../images/common/icon_arr_right2.svg); }
.cm_icon.arr_right3:before { -webkit-mask-image: url(../../images/common/icon_arr_right3.svg); mask-image: url(../../images/common/icon_arr_right3.svg); }
.cm_icon.arr_right4:before { background-image: url(../../images/common/icon_arr_right4.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.arr_right5:before { -webkit-mask-image: url(../../images/common/icon_arr_right5.svg); mask-image: url(../../images/common/icon_arr_right5.svg); }
.cm_icon.arr_right6:before { -webkit-mask-image: url(../../images/common/icon_arr_right6.svg); mask-image: url(../../images/common/icon_arr_right6.svg); }
.cm_icon.arr_right7:before { -webkit-mask-image: url(../../images/common/icon_arr_right7.svg); mask-image: url(../../images/common/icon_arr_right7.svg); }
.cm_icon.arr_right8:before { -webkit-mask-image: url(../../images/common/icon_arr_right8.svg); mask-image: url(../../images/common/icon_arr_right8.svg); }
.cm_icon.arr_right9:before { -webkit-mask-image: url(../../images/common/icon_arr_right9.svg); mask-image: url(../../images/common/icon_arr_right9.svg); }
.cm_icon.arr_sort_both:before { -webkit-mask-image: url(../../images/common/icon_arr_sort_both.svg); mask-image: url(../../images/common/icon_arr_sort_both.svg); }
.cm_icon.arr_stay:before { -webkit-mask-image: url(../../images/common/icon_arr_stay.svg); mask-image: url(../../images/common/icon_arr_stay.svg); }
.cm_icon.arr_top:before { -webkit-mask-image: url(../../images/common/icon_arr_top.svg); mask-image: url(../../images/common/icon_arr_top.svg); }
.cm_icon.arr_top2:before { -webkit-mask-image: url(../../images/common/icon_arr_top2.svg); mask-image: url(../../images/common/icon_arr_top2.svg); }
.cm_icon.arr_up:before { -webkit-mask-image: url(../../images/common/icon_arr_up.svg); mask-image: url(../../images/common/icon_arr_up.svg); }
.cm_icon.arrow_drop_down:before { -webkit-mask-image: url(../../images/common/icon_arrow_drop_down.svg); mask-image: url(../../images/common/icon_arrow_drop_down.svg); }
.cm_icon.arrow_drop_down2:before { -webkit-mask-image: url(../../images/common/icon_arrow_drop_down2.svg); mask-image: url(../../images/common/icon_arrow_drop_down2.svg); }
.cm_icon.arrow_drop_up:before { -webkit-mask-image: url(../../images/common/icon_arrow_drop_up.svg); mask-image: url(../../images/common/icon_arrow_drop_up.svg); }
.cm_icon.arrow_drop_up2:before { -webkit-mask-image: url(../../images/common/icon_arrow_drop_up2.svg); mask-image: url(../../images/common/icon_arrow_drop_up2.svg); }
.cm_icon.bad:before { background-image: url(../../images/common/icon_bad.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.bad2:before { background-image: url(../../images/common/icon_bad2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.bell:before { -webkit-mask-image: url(../../images/common/icon_bell.svg); mask-image: url(../../images/common/icon_bell.svg); }
.cm_icon.bell2:before { -webkit-mask-image: url(../../images/common/icon_bell2.svg); mask-image: url(../../images/common/icon_bell2.svg); }
.cm_icon.bell3:before { -webkit-mask-image: url(../../images/common/icon_bell3.svg); mask-image: url(../../images/common/icon_bell3.svg); }
.cm_icon.bell4:before { -webkit-mask-image: url(../../images/common/icon_bell4.svg); mask-image: url(../../images/common/icon_bell4.svg); }
.cm_icon.book:before { -webkit-mask-image: url(../../images/common/icon_book.svg); mask-image: url(../../images/common/icon_book.svg); }
.cm_icon.book_open:before { -webkit-mask-image: url(../../images/common/icon_book_open.svg); mask-image: url(../../images/common/icon_book_open.svg); }
.cm_icon.briefcase:before { -webkit-mask-image: url(../../images/common/icon_briefcase.svg); mask-image: url(../../images/common/icon_briefcase.svg); }
.cm_icon.briefcase2:before { -webkit-mask-image: url(../../images/common/icon_briefcase2.svg); mask-image: url(../../images/common/icon_briefcase2.svg); }
.cm_icon.bulb:before { background-image: url(../../images/common/icon_bulb.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.bullet:before { -webkit-mask-image: url(../../images/common/icon_bullet.svg); mask-image: url(../../images/common/icon_bullet.svg); }
.cm_icon.bullet2:before { -webkit-mask-image: url(../../images/common/icon_bullet2.svg); mask-image: url(../../images/common/icon_bullet2.svg); }
.cm_icon.call:before { -webkit-mask-image: url(../../images/common/icon_call.svg); mask-image: url(../../images/common/icon_call.svg); }
.cm_icon.call_fill:before { -webkit-mask-image: url(../../images/common/icon_call_fill.svg); mask-image: url(../../images/common/icon_call_fill.svg); }
.cm_icon.chat:before { -webkit-mask-image: url(../../images/common/icon_chat.svg); mask-image: url(../../images/common/icon_chat.svg); }
.cm_icon.check:before { -webkit-mask-image: url(../../images/common/icon_check.svg); mask-image: url(../../images/common/icon_check.svg); }
.cm_icon.check_circle:before { -webkit-mask-image: url(../../images/common/icon_check_circle.svg); mask-image: url(../../images/common/icon_check_circle.svg); }
.cm_icon.check_gry:before { -webkit-mask-image: url(../../images/common/icon_check_gry.svg); mask-image: url(../../images/common/icon_check_gry.svg); }
.cm_icon.check_w:before { -webkit-mask-image: url(../../images/common/icon_check_w.svg); mask-image: url(../../images/common/icon_check_w.svg); }
.cm_icon.check2:before { -webkit-mask-image: url(../../images/common/icon_check2.svg); mask-image: url(../../images/common/icon_check2.svg); }
.cm_icon.check2_w:before { -webkit-mask-image: url(../../images/common/icon_check2_w.svg); mask-image: url(../../images/common/icon_check2_w.svg); }
.cm_icon.checkmark:before { background-image: url(../../images/common/icon_checkmark.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.clock:before { -webkit-mask-image: url(../../images/common/icon_clock.svg); mask-image: url(../../images/common/icon_clock.svg); }
.cm_icon.clock2:before { -webkit-mask-image: url(../../images/common/icon_clock2.svg); mask-image: url(../../images/common/icon_clock2.svg); }
.cm_icon.clock3:before { -webkit-mask-image: url(../../images/common/icon_clock3.svg); mask-image: url(../../images/common/icon_clock3.svg); }
.cm_icon.committee:before { -webkit-mask-image: url(../../images/common/icon_committee.svg); mask-image: url(../../images/common/icon_committee.svg); }
.cm_icon.complete:before { -webkit-mask-image: url(../../images/common/icon_complete.svg); mask-image: url(../../images/common/icon_complete.svg); }
.cm_icon.copy:before { -webkit-mask-image: url(../../images/common/icon_copy.svg); mask-image: url(../../images/common/icon_copy.svg); }
.cm_icon.cost:before { -webkit-mask-image: url(../../images/common/icon_cost.svg); mask-image: url(../../images/common/icon_cost.svg); }
.cm_icon.cross:before { -webkit-mask-image: url(../../images/common/icon_cross.svg); mask-image: url(../../images/common/icon_cross.svg); }
.cm_icon.cross2:before { background-image: url(../../images/common/icon_cross2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.data:before { -webkit-mask-image: url(../../images/common/icon_data.svg); mask-image: url(../../images/common/icon_data.svg); }
.cm_icon.data2:before { -webkit-mask-image: url(../../images/common/icon_data2.svg); mask-image: url(../../images/common/icon_data2.svg); }
.cm_icon.data3:before { -webkit-mask-image: url(../../images/common/icon_data3.svg); mask-image: url(../../images/common/icon_data3.svg); }
.cm_icon.date:before { -webkit-mask-image: url(../../images/common/icon_date.svg); mask-image: url(../../images/common/icon_date.svg); }
.cm_icon.date2:before { -webkit-mask-image: url(../../images/common/icon_date2.svg); mask-image: url(../../images/common/icon_date2.svg); }
.cm_icon.date3:before { -webkit-mask-image: url(../../images/common/icon_date3.svg); mask-image: url(../../images/common/icon_date3.svg); }
.cm_icon.document_search:before { -webkit-mask-image: url(../../images/common/icon_document_search.svg); mask-image: url(../../images/common/icon_document_search.svg); }
.cm_icon.dot:before { -webkit-mask-image: url(../../images/common/icon_dot.svg); mask-image: url(../../images/common/icon_dot.svg); }
.cm_icon.download:before { -webkit-mask-image: url(../../images/common/icon_download.svg); mask-image: url(../../images/common/icon_download.svg); }
.cm_icon.ellipsis_horizontal:before { -webkit-mask-image: url(../../images/common/icon_ellipsis_horizontal.svg); mask-image: url(../../images/common/icon_ellipsis_horizontal.svg); }
.cm_icon.error:before { -webkit-mask-image: url(../../images/common/icon_error.svg); mask-image: url(../../images/common/icon_error.svg); }
.cm_icon.facebook:before { background-image: url(../../images/common/icon_facebook.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.fax:before { -webkit-mask-image: url(../../images/common/icon_fax.svg); mask-image: url(../../images/common/icon_fax.svg); }
.cm_icon.file:before { -webkit-mask-image: url(../../images/common/icon_file.svg); mask-image: url(../../images/common/icon_file.svg); }
.cm_icon.file2:before { -webkit-mask-image: url(../../images/common/icon_file2.svg); mask-image: url(../../images/common/icon_file2.svg); }
.cm_icon.filter:before { -webkit-mask-image: url(../../images/common/icon_filter.svg); mask-image: url(../../images/common/icon_filter.svg); }
.cm_icon.filter_load:before { -webkit-mask-image: url(../../images/common/icon_filter_load.svg); mask-image: url(../../images/common/icon_filter_load.svg); }
.cm_icon.filter_save:before { -webkit-mask-image: url(../../images/common/icon_filter_save.svg); mask-image: url(../../images/common/icon_filter_save.svg); }
.cm_icon.flag:before { background-image: url(../../images/common/icon_flag.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.flag2:before { -webkit-mask-image: url(../../images/common/icon_flag2.svg); mask-image: url(../../images/common/icon_flag2.svg); }
.cm_icon.flag3:before { -webkit-mask-image: url(../../images/common/icon_flag3.svg); mask-image: url(../../images/common/icon_flag3.svg); }
.cm_icon.flag4:before { background-image: url(../../images/common/icon_flag4.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.global:before { -webkit-mask-image: url(../../images/common/icon_global.svg); mask-image: url(../../images/common/icon_global.svg); }
.cm_icon.good:before { background-image: url(../../images/common/icon_good.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.good2:before { background-image: url(../../images/common/icon_good2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.goto:before { -webkit-mask-image: url(../../images/common/icon_goto.svg); mask-image: url(../../images/common/icon_goto.svg); }
.cm_icon.headset:before { -webkit-mask-image: url(../../images/common/icon_headset.svg); mask-image: url(../../images/common/icon_headset.svg); }
.cm_icon.hit:before { -webkit-mask-image: url(../../images/common/icon_hit.svg); mask-image: url(../../images/common/icon_hit.svg); }
.cm_icon.home:before { -webkit-mask-image: url(../../images/common/icon_home.svg); mask-image: url(../../images/common/icon_home.svg); }
.cm_icon.homepage:before { -webkit-mask-image: url(../../images/common/icon_homepage.svg); mask-image: url(../../images/common/icon_homepage.svg); }
.cm_icon.info:before { -webkit-mask-image: url(../../images/common/icon_info.svg); mask-image: url(../../images/common/icon_info.svg); }
.cm_icon.info2:before { -webkit-mask-image: url(../../images/common/icon_info2.svg); mask-image: url(../../images/common/icon_info2.svg); }
.cm_icon.info3:before { background-image: url(../../images/common/icon_info3.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.join:before { -webkit-mask-image: url(../../images/common/icon_join.svg); mask-image: url(../../images/common/icon_join.svg); }
.cm_icon.k-culture:before { -webkit-mask-image: url(../../images/common/icon_k-culture.svg); mask-image: url(../../images/common/icon_k-culture.svg); }
.cm_icon.kakao:before { background-image: url(../../images/common/icon_kakao.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.keyboard:before { -webkit-mask-image: url(../../images/common/icon_keyboard.svg); mask-image: url(../../images/common/icon_keyboard.svg); }
.cm_icon.leisure:before { -webkit-mask-image: url(../../images/common/icon_leisure.svg); mask-image: url(../../images/common/icon_leisure.svg); }
.cm_icon.lock:before { -webkit-mask-image: url(../../images/common/icon_lock.svg); mask-image: url(../../images/common/icon_lock.svg); }
.cm_icon.lock2:before { -webkit-mask-image: url(../../images/common/icon_lock2.svg); mask-image: url(../../images/common/icon_lock2.svg); }
.cm_icon.lock2_off:before { -webkit-mask-image: url(../../images/common/icon_lock2_off.svg); mask-image: url(../../images/common/icon_lock2_off.svg); }
.cm_icon.lock3:before { -webkit-mask-image: url(../../images/common/icon_lock3.svg); mask-image: url(../../images/common/icon_lock3.svg); }
.cm_icon.login:before { -webkit-mask-image: url(../../images/common/icon_login.svg); mask-image: url(../../images/common/icon_login.svg); }
.cm_icon.logout:before { -webkit-mask-image: url(../../images/common/icon_logout.svg); mask-image: url(../../images/common/icon_logout.svg); }
.cm_icon.mail:before { -webkit-mask-image: url(../../images/common/icon_mail.svg); mask-image: url(../../images/common/icon_mail.svg); }
.cm_icon.map:before { -webkit-mask-image: url(../../images/common/icon_map.svg); mask-image: url(../../images/common/icon_map.svg); }
.cm_icon.map_culture:before { -webkit-mask-image: url(../../images/common/icon_map_culture.svg); mask-image: url(../../images/common/icon_map_culture.svg); }
.cm_icon.map_economy:before { -webkit-mask-image: url(../../images/common/icon_map_economy.svg); mask-image: url(../../images/common/icon_map_economy.svg); }
.cm_icon.map_edu:before { -webkit-mask-image: url(../../images/common/icon_map_edu.svg); mask-image: url(../../images/common/icon_map_edu.svg); }
.cm_icon.map_gov:before { -webkit-mask-image: url(../../images/common/icon_map_gov.svg); mask-image: url(../../images/common/icon_map_gov.svg); }
.cm_icon.map_health:before { -webkit-mask-image: url(../../images/common/icon_map_health.svg); mask-image: url(../../images/common/icon_map_health.svg); }
.cm_icon.map_park:before { -webkit-mask-image: url(../../images/common/icon_map_park.svg); mask-image: url(../../images/common/icon_map_park.svg); }
.cm_icon.map_safety:before { -webkit-mask-image: url(../../images/common/icon_map_safety.svg); mask-image: url(../../images/common/icon_map_safety.svg); }
.cm_icon.map_traffic:before { -webkit-mask-image: url(../../images/common/icon_map_traffic.svg); mask-image: url(../../images/common/icon_map_traffic.svg); }
.cm_icon.map_trash:before { -webkit-mask-image: url(../../images/common/icon_map_trash.svg); mask-image: url(../../images/common/icon_map_trash.svg); }
.cm_icon.map_welfare:before { -webkit-mask-image: url(../../images/common/icon_map_welfare.svg); mask-image: url(../../images/common/icon_map_welfare.svg); }
.cm_icon.map_wifi:before { -webkit-mask-image: url(../../images/common/icon_map_wifi.svg); mask-image: url(../../images/common/icon_map_wifi.svg); }
.cm_icon.map2:before { -webkit-mask-image: url(../../images/common/icon_map2.svg); mask-image: url(../../images/common/icon_map2.svg); }
.cm_icon.map3:before { -webkit-mask-image: url(../../images/common/icon_map3.svg); mask-image: url(../../images/common/icon_map3.svg); }
.cm_icon.map4:before { -webkit-mask-image: url(../../images/common/icon_map4.svg); mask-image: url(../../images/common/icon_map4.svg); }
.cm_icon.marker:before { background-image: url(../../images/common/icon_marker.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.marker02:before { -webkit-mask-image: url(../../images/common/icon_marker02.svg); mask-image: url(../../images/common/icon_marker02.svg); }
.cm_icon.marker03:before { -webkit-mask-image: url(../../images/common/icon_marker03.svg); mask-image: url(../../images/common/icon_marker03.svg); }
.cm_icon.marker04:before { background-image: url(../../images/common/icon_marker04.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.marker05:before { background-image: url(../../images/common/icon_marker05.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.menu:before { -webkit-mask-image: url(../../images/common/icon_menu.svg); mask-image: url(../../images/common/icon_menu.svg); }
.cm_icon.menu2:before { -webkit-mask-image: url(../../images/common/icon_menu2.svg); mask-image: url(../../images/common/icon_menu2.svg); }
.cm_icon.minus:before { -webkit-mask-image: url(../../images/common/icon_minus.svg); mask-image: url(../../images/common/icon_minus.svg); }
.cm_icon.minus2:before { background-image: url(../../images/common/icon_minus2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc1:before { background-image: url(../../images/common/icon_misc1.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc2:before { background-image: url(../../images/common/icon_misc2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc3:before { background-image: url(../../images/common/icon_misc3.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc4:before { background-image: url(../../images/common/icon_misc4.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc5:before { background-image: url(../../images/common/icon_misc5.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.misc6:before { background-image: url(../../images/common/icon_misc6.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.money:before { -webkit-mask-image: url(../../images/common/icon_money.svg); mask-image: url(../../images/common/icon_money.svg); }
.cm_icon.money2:before { background-image: url(../../images/common/icon_money2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.mypage:before { -webkit-mask-image: url(../../images/common/icon_mypage.svg); mask-image: url(../../images/common/icon_mypage.svg); }
.cm_icon.nav_arr_right:before { -webkit-mask-image: url(../../images/common/icon_nav_arr_right.svg); mask-image: url(../../images/common/icon_nav_arr_right.svg); }
.cm_icon.nav_arr_right2:before { background-image: url(../../images/common/icon_nav_arr_right2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.naver:before { background-image: url(../../images/common/icon_naver.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.new:before { background-image: url(../../images/common/icon_new.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.nodata1:before { background-image: url(../../images/common/icon_nodata1.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.nodata2:before { background-image: url(../../images/common/icon_nodata2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.normal:before { background-image: url(../../images/common/icon_normal.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.normal2:before { background-image: url(../../images/common/icon_normal2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.note:before { -webkit-mask-image: url(../../images/common/icon_note.svg); mask-image: url(../../images/common/icon_note.svg); }
.cm_icon.note2:before { -webkit-mask-image: url(../../images/common/icon_note2.svg); mask-image: url(../../images/common/icon_note2.svg); }
.cm_icon.notice:before { -webkit-mask-image: url(../../images/common/icon_notice.svg); mask-image: url(../../images/common/icon_notice.svg); }
.cm_icon.notice2:before { -webkit-mask-image: url(../../images/common/icon_notice2.svg); mask-image: url(../../images/common/icon_notice2.svg); }
.cm_icon.notice3:before { -webkit-mask-image: url(../../images/common/icon_notice3.svg); mask-image: url(../../images/common/icon_notice3.svg); }
.cm_icon.open_new_window:before { -webkit-mask-image: url(../../images/common/icon_open_new_window.svg); mask-image: url(../../images/common/icon_open_new_window.svg); }
.cm_icon.organization:before { -webkit-mask-image: url(../../images/common/icon_organization.svg); mask-image: url(../../images/common/icon_organization.svg); }
.cm_icon.organization_fill:before { -webkit-mask-image: url(../../images/common/icon_organization_fill.svg); mask-image: url(../../images/common/icon_organization_fill.svg); }
.cm_icon.parking:before { -webkit-mask-image: url(../../images/common/icon_parking.svg); mask-image: url(../../images/common/icon_parking.svg); }
.cm_icon.pause:before { -webkit-mask-image: url(../../images/common/icon_pause.svg); mask-image: url(../../images/common/icon_pause.svg); }
.cm_icon.pencil:before { -webkit-mask-image: url(../../images/common/icon_pencil.svg); mask-image: url(../../images/common/icon_pencil.svg); }
.cm_icon.pencil2:before { -webkit-mask-image: url(../../images/common/icon_pencil2.svg); mask-image: url(../../images/common/icon_pencil2.svg); }
.cm_icon.phone:before { -webkit-mask-image: url(../../images/common/icon_phone.svg); mask-image: url(../../images/common/icon_phone.svg); }
.cm_icon.play:before { -webkit-mask-image: url(../../images/common/icon_play.svg); mask-image: url(../../images/common/icon_play.svg); }
.cm_icon.plus:before { -webkit-mask-image: url(../../images/common/icon_plus.svg); mask-image: url(../../images/common/icon_plus.svg); }
.cm_icon.plus_bold:before { -webkit-mask-image: url(../../images/common/icon_plus_bold.svg); mask-image: url(../../images/common/icon_plus_bold.svg); }
.cm_icon.plus2:before { -webkit-mask-image: url(../../images/common/icon_plus2.svg); mask-image: url(../../images/common/icon_plus2.svg); }
.cm_icon.print:before { -webkit-mask-image: url(../../images/common/icon_print.svg); mask-image: url(../../images/common/icon_print.svg); }
.cm_icon.print2:before { -webkit-mask-image: url(../../images/common/icon_print2.svg); mask-image: url(../../images/common/icon_print2.svg); }
.cm_icon.puzzle:before { -webkit-mask-image: url(../../images/common/icon_puzzle.svg); mask-image: url(../../images/common/icon_puzzle.svg); }
.cm_icon.q:before { -webkit-mask-image: url(../../images/common/icon_q.svg); mask-image: url(../../images/common/icon_q.svg); }
.cm_icon.reply:before { -webkit-mask-image: url(../../images/common/icon_reply.svg); mask-image: url(../../images/common/icon_reply.svg); }
.cm_icon.reply2:before { -webkit-mask-image: url(../../images/common/icon_reply2.svg); mask-image: url(../../images/common/icon_reply2.svg); }
.cm_icon.reply3:before { -webkit-mask-image: url(../../images/common/icon_reply3.svg); mask-image: url(../../images/common/icon_reply3.svg); }
.cm_icon.rotate:before { -webkit-mask-image: url(../../images/common/icon_rotate.svg); mask-image: url(../../images/common/icon_rotate.svg); }
.cm_icon.sea:before { -webkit-mask-image: url(../../images/common/icon_sea.svg); mask-image: url(../../images/common/icon_sea.svg); }
.cm_icon.search:before { -webkit-mask-image: url(../../images/common/icon_search.svg); mask-image: url(../../images/common/icon_search.svg); }
.cm_icon.search_close:before { -webkit-mask-image: url(../../images/common/icon_search_close.svg); mask-image: url(../../images/common/icon_search_close.svg); }
.cm_icon.search_open:before { -webkit-mask-image: url(../../images/common/icon_search_open.svg); mask-image: url(../../images/common/icon_search_open.svg); }
.cm_icon.search2:before { -webkit-mask-image: url(../../images/common/icon_search2.svg); mask-image: url(../../images/common/icon_search2.svg); }
.cm_icon.setting:before { -webkit-mask-image: url(../../images/common/icon_setting.svg); mask-image: url(../../images/common/icon_setting.svg); }
.cm_icon.setting2:before { -webkit-mask-image: url(../../images/common/icon_setting2.svg); mask-image: url(../../images/common/icon_setting2.svg); }
.cm_icon.share:before { -webkit-mask-image: url(../../images/common/icon_share.svg); mask-image: url(../../images/common/icon_share.svg); }
.cm_icon.shopping:before { -webkit-mask-image: url(../../images/common/icon_shopping.svg); mask-image: url(../../images/common/icon_shopping.svg); }
.cm_icon.smail:before { -webkit-mask-image: url(../../images/common/icon_smail.svg); mask-image: url(../../images/common/icon_smail.svg); }
.cm_icon.star:before { -webkit-mask-image: url(../../images/common/icon_star.svg); mask-image: url(../../images/common/icon_star.svg); }
.cm_icon.success:before { -webkit-mask-image: url(../../images/common/icon_success.svg); mask-image: url(../../images/common/icon_success.svg); }
.cm_icon.sun:before { -webkit-mask-image: url(../../images/common/icon_sun.svg); mask-image: url(../../images/common/icon_sun.svg); }
.cm_icon.sunset:before { -webkit-mask-image: url(../../images/common/icon_sunset.svg); mask-image: url(../../images/common/icon_sunset.svg); }
.cm_icon.time:before { -webkit-mask-image: url(../../images/common/icon_time.svg); mask-image: url(../../images/common/icon_time.svg); }
.cm_icon.traditions:before { -webkit-mask-image: url(../../images/common/icon_traditions.svg); mask-image: url(../../images/common/icon_traditions.svg); }
.cm_icon.train:before { -webkit-mask-image: url(../../images/common/icon_train.svg); mask-image: url(../../images/common/icon_train.svg); }
.cm_icon.trash:before { -webkit-mask-image: url(../../images/common/icon_trash.svg); mask-image: url(../../images/common/icon_trash.svg); }
.cm_icon.trash2:before { background-image: url(../../images/common/icon_trash2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.trekking:before { -webkit-mask-image: url(../../images/common/icon_trekking.svg); mask-image: url(../../images/common/icon_trekking.svg); }
.cm_icon.upload_file:before { -webkit-mask-image: url(../../images/common/icon_upload_file.svg); mask-image: url(../../images/common/icon_upload_file.svg); }
.cm_icon.upload_file2:before { -webkit-mask-image: url(../../images/common/icon_upload_file2.svg); mask-image: url(../../images/common/icon_upload_file2.svg); }
.cm_icon.url:before { -webkit-mask-image: url(../../images/common/icon_url.svg); mask-image: url(../../images/common/icon_url.svg); }
.cm_icon.vane:before { -webkit-mask-image: url(../../images/common/icon_vane.svg); mask-image: url(../../images/common/icon_vane.svg); }
.cm_icon.very_bad:before { background-image: url(../../images/common/icon_very_bad.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.very_bad2:before { background-image: url(../../images/common/icon_very_bad2.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.very_good:before { background-image: url(../../images/common/icon_very_good.png); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.view:before { -webkit-mask-image: url(../../images/common/icon_view.svg); mask-image: url(../../images/common/icon_view.svg); }
.cm_icon.view2:before { -webkit-mask-image: url(../../images/common/icon_view2.svg); mask-image: url(../../images/common/icon_view2.svg); }
.cm_icon.wish:before { -webkit-mask-image: url(../../images/common/icon_wish.svg); mask-image: url(../../images/common/icon_wish.svg); }
.cm_icon.wish_fill:before { -webkit-mask-image: url(../../images/common/icon_wish_fill.svg); mask-image: url(../../images/common/icon_wish_fill.svg); }
.cm_icon.world:before { background-image: url(../../images/common/icon_world.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.writer:before { -webkit-mask-image: url(../../images/common/icon_writer.svg); mask-image: url(../../images/common/icon_writer.svg); }
.cm_icon.youngle1:before { background-image: url(../../images/common/icon_youngle1.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-mask-image: none; background-color: transparent; mask-image: none; }
.cm_icon.zoom_w:before { -webkit-mask-image: url(../../images/common/icon_zoom_w.svg); mask-image: url(../../images/common/icon_zoom_w.svg); }
.cm_icon.icon_white { color: #fff; }
.cm_icon.icon_black { color: #000; }
.cm_icon.icon_gray { color: #6c757d; }
.cm_icon.icon_red { color: #dc3545; }
.cm_icon.icon_blue { color: #3478c7; }
.cm_icon.icon_grad_g:before { background: var(--gradation-g, linear-gradient(135deg, var(--mayor-b-1, #3568e9) 0%, var(--mayor-b-2, #4c3bdd) 100%)); background-color: transparent; }
.cm_icon.gap2 { --icon-gap: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_icon.gap4 { --icon-gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_icon.gap6 { --icon-gap: clamp(4.8px, 0.3125vw, 6px); }
.cm_icon.gap8 { --icon-gap: clamp(6.4px, 0.4166666667vw, 8px); }

/* 공통 이미지 */
.cm_img_zoom_wrap { text-align: center; }
.cm_image { display: flex; flex-wrap: wrap; gap: clamp(15px, 1.25vw, 24px); }
.cm_image img { width: 100%; }
.cm_image.col1 > * { width: 100%; }
.cm_image.col2 > * { width: calc((100% - clamp(15px, 1.25vw, 24px)) / 2); }
.cm_image.col3 > * { width: calc((100% - clamp(15px, 1.25vw, 24px) * 2) / 3); }
.cm_image.col4 > * { width: calc((100% - clamp(15px, 1.25vw, 24px) * 3) / 4); }

/* 공통 비율 */
.cm_ratio { overflow: hidden; }
.cm_ratio > img { width: 100%; height: 100%; object-fit: cover; }
.cm_ratio.ratio_1_1 { aspect-ratio: 1/1; }
.cm_ratio.ratio_4_3 { aspect-ratio: 4/3; }
.cm_ratio.ratio_3_4 { aspect-ratio: 3/4; }
.cm_ratio.ratio_3_2 { aspect-ratio: 3/2; }
.cm_ratio.ratio_2_3 { aspect-ratio: 2/3; }
.cm_ratio.ratio_16_9 { aspect-ratio: 16/9; }
.cm_ratio.ratio_21_9 { aspect-ratio: 21/9; }

/* 공통 공공누리 */
.cm_kogl_info { margin-top: clamp(19.2px, 1.25vw, 24px); padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(9.6px, 0.625vw, 12px); background: var(--color-background-gray-light); }
.cm_kogl_info .kogl_info_title { color: var(--color-primary-80); font-weight: bold; }
.cm_kogl_info .kogl_info_desc { color: var(--color-text-basic); }
.cm_kogl_info .kogl_info_content { display: flex; align-items: center; gap: 0 clamp(16px, 1.0416666667vw, 20px); }
.cm_kogl_info .kogl_info_img { flex-shrink: 0; }
.cm_kogl_info .kogl_info_img img { height: 38px; }
.cm_kogl_info .kogl_info_text { flex: 1; min-width: 0; font-size: 15px; }

/* 공통 리스트 */
.cm_text_box { width: 92.675%; margin-left: auto; }
.cm_text_list1 { display: flex; flex-wrap: wrap; gap: 0 clamp(19.2px, 1.25vw, 24px); }
.cm_text_list1 .list1_item { position: relative; }
.cm_text_list1 .list1_item:before { position: absolute; top: 50%; left: calc(100% + clamp(9.6px, 0.625vw, 12px)); width: 1px; height: 12px; transform: translateY(-50%); background-color: #ddd; content: ""; }
.cm_text_list1 .list1_item:last-child:before { display: none; }
.cm_text_list1.bar_color2 .list1_item::before { background-color: var(--color-border-gray-dark); }
.cm_text_list1.size_sm { gap: 0 clamp(12.8px, 0.8333333333vw, 16px); }
.cm_text_list1.size_sm .list1_item::before { left: calc(100% + clamp(6.4px, 0.4166666667vw, 8px)); }
.cm_text_list1.size_lg { gap: 0 clamp(27.2px, 1.7708333333vw, 34px); }
.cm_text_list1.size_lg .list1_item::before { left: calc(100% + clamp(13.6px, 0.8854166667vw, 17px)); }
.cm_text_list2 { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); text-align: left; }
.cm_text_list2 .list2_item { display: flex; align-items: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_text_list2 .list2_num { flex-shrink: 0; user-select: none; }
.cm_text_list2 .list2_text { flex: 1; min-width: 0; }
.cm_bullet_list1 { display: flex; flex-direction: column; margin-left: clamp(16px, 1.0416666667vw, 20px); gap: clamp(9.6px, 0.625vw, 12px) 0; text-align: left; }
.cm_bullet_list1.col_2 { grid-template-columns: repeat(2, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_bullet_list1.col_3 { grid-template-columns: repeat(3, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_bullet_list1 .bullet1_item { position: relative; padding-left: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 600; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_bullet_list1 .bullet1_item:before { position: absolute; top: 0.6em; left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); border-radius: 1000px; background-color: var(--color-text-basic); content: ""; }
.cm_bullet_list1.font-weight-normal .bullet1_item { font-weight: 400; }
.cm_bullet_list2 { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px) 0; text-align: left; }
.cm_bullet_list2 .bullet2_item { position: relative; padding-left: clamp(14.4px, 0.9375vw, 18px); font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_bullet_list2 .bullet2_item:before { position: absolute; top: 0.1em; left: 0; content: "-"; color: var(--color-text-basic); }
.cm_bullet_list3 { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px) 0; text-align: left; }
.cm_bullet_list3 .bullet3_item { position: relative; padding-left: clamp(9.6px, 0.625vw, 12px); font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_bullet_list3 .bullet3_item.width2 { padding-left: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_bullet_list3 .bullet3_item:before { position: absolute; top: 0.7em; left: 0; aspect-ratio: 1/1; width: clamp(2.4px, 0.15625vw, 3px); border-radius: 1000px; background-color: var(--color-text-basic); content: ""; }
.cm_bullet_list3 .bullet3_item.width2:before { width: clamp(4px, 0.2604166667vw, 5px); }
.cm_bullet_list_color { display: flex; flex-direction: column; margin: 8px 0; gap: 8px; }
.cm_bullet_list_color .color_item { display: flex; align-items: flex-start; gap: 8px; }
.cm_bullet_list_color .color_box { flex-shrink: 0; width: 18px; height: 18px; margin-top: 4px; border: 1px solid; }
.cm_bullet_list_color .color_box.success { border-color: #bee0c6; background: var(--color-success-10, #d8eedd); }
.cm_bullet_list_color .color_box.danger { border-color: #fcd7cf; background: var(--color-danger-10, #fcdfd9); }
.cm_bullet_list_color .color_box.blue { border-color: #b9dff2; background: var(--color-blue-20, #cce5f1); }
.cm_bullet_list_color .color_text { flex: 1; margin: 0; }
[class*=cm_text_list] + .cm_img_zoom_wrap { margin-top: clamp(25.6px, 1.6666666667vw, 32px); }
[class*=cm_text_list] > [class*=_item] > [class*=cm_table] { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
[class*=cm_text_list] .cm_btn { vertical-align: top; }
[class*=cm_bullet_list] .cm_btn { vertical-align: top; }
.cm_bullet_list1 .bullet1_item > .cm_bullet_list2 { margin-top: clamp(11.2px, 0.7291666667vw, 14px); }
.cm_bullet_list2 .bullet2_item > .cm_bullet_list3 { margin-top: clamp(8px, 0.5208333333vw, 10px); }
.cm_bullet_list1 + .cm_table1 { margin-top: clamp(11.2px, 0.7291666667vw, 14px); }
.cm_table1 + .cm_bullet_list1 { margin-top: clamp(16px, 1.0416666667vw, 20px); }
[class*=_item].b_none { padding-left: 0 !important; }
[class*=_item].b_none:before { display: none !important; }
.cm_dl1 { display: flex; gap: 0 clamp(8px, 0.5208333333vw, 10px); font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_dl1.gap2 { gap: clamp(9.6px, 0.625vw, 12px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_dl1 dt { flex-shrink: 0; font-weight: bold; }
.cm_dl1 dt.width2 { width: clamp(65px, 3.9583333333vw, 76px); }
.cm_dl1 dd { flex: 1; min-width: 0; }
.cm_dl1 dd.flex { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(4.8px, 0.3125vw, 6px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_dl2 { display: flex; gap: 0 clamp(19.2px, 1.25vw, 24px); font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_dl2.text2 { font-size: clamp(13px, 0.78125vw, 15px); }
.cm_dl2.gap2 { gap: 0 clamp(10px, 2.0833333333vw, 40px); }
.cm_dl2 dt { position: relative; flex-shrink: 0; align-self: flex-start; font-weight: bold; }
.cm_dl2 dt.icon_txt { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_dl2 dt.color2 { color: #333; }
.cm_dl2 dt.width2 { width: clamp(72px, 4.6875vw, 90px); }
.cm_dl2 dt.width3 { width: clamp(65px, 3.9583333333vw, 76px); }
.cm_dl2 dt:before { position: absolute; top: 50%; left: calc(100% + clamp(9.6px, 0.625vw, 12px)); width: 1px; height: 12px; transform: translateY(-50%); background-color: #ddd; content: ""; }
.cm_dl2 dt.height2:before { height: 16px; }
.cm_dl2 dt.none:before { display: none; }
.cm_dl2 dd { flex: 1; min-width: 0; }
.cm_dl3 dt { color: #000; font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_dl3 dd { margin-top: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(14px, 0.9895833333vw, 19px); }
.cm_dl3.size_md dt { font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_dl3.size_md dd { margin-top: 0; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_dl4_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_dl4 { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_dl4 dt { position: relative; width: clamp(153.6px, 10vw, 192px); padding-left: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; }
.cm_dl4 dt:before { position: absolute; top: clamp(6.4px, 0.4166666667vw, 8px); left: 0; aspect-ratio: 1/1; width: clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(1.6px, 0.1041666667vw, 2px); background: #0858dd; content: ""; }
.cm_dl4 dt:after { position: absolute; top: 4px; right: 0; width: 1px; height: clamp(12.8px, 0.8333333333vw, 16px); background: #ccc; content: ""; }
.cm_dl4 dd { flex: 1 1 0; min-width: 0; }
.cm_tag_list1 { display: flex; flex-wrap: wrap; gap: clamp(8px, 0.5208333333vw, 10px); }
.cm_tag_list1 .tag_item { display: inline-flex; align-items: center; justify-content: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: 0 clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(3.2px, 0.2083333333vw, 4px); background: #f4f5f6; }
.cm_tag_list1.size_sm .tag_item { font-size: clamp(13px, 0.78125vw, 15px); }
.cm_info_text { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); text-align: left; word-break: keep-all; }
.cm_info_text.type2 { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(8px, 0.5208333333vw, 10px); }
.cm_info_text .info_text { display: flex; align-items: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); color: var(--color-gray-60); font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.3; }
.cm_info_text .info_text:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(20px, 1.25vw, 24px); margin-top: -1px; background: none; background-color: var(--color-icon-primary); content: ""; -webkit-mask-image: url("../../images/common/icon_info.svg"); mask-image: url("../../images/common/icon_info.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_info_text .info_text.text2 { color: #333; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_info_text.error .info_text { color: var(--color-danger-50); }
.cm_info_text.error .info_text:before { background-color: var(--color-danger-50); }
.cm_info_text.success:before { background: none; background-color: #228738; -webkit-mask-image: url("../../images/common/icon_info3.svg"); mask-image: url("../../images/common/icon_info3.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_info_text.success .info_text { color: var(--color-text-primary); }
.cm_info_text.size_lg .info_text { font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_info_text2 { margin-left: auto; color: #333; font-size: clamp(13px, 0.8854166667vw, 17px); text-align: right; }
.cm_history_list { display: flex; position: relative; flex-direction: column; gap: 12px; }
.cm_history_list:before { position: absolute; top: 0; left: clamp(8px, 0.5208333333vw, 10px); width: 1px; height: 100%; border-left: 1px dashed #b3d8ea; content: ""; }
.cm_history_list .history_item { display: flex; position: relative; padding-left: clamp(48px, 3.125vw, 60px); gap: clamp(33.6px, 2.1875vw, 42px); }
.cm_history_list .history_item:before { position: absolute; top: 4px; left: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); border: clamp(4.8px, 0.3125vw, 6px) solid var(--color-text-primary); border-radius: 50%; background: #fff; content: ""; }
.cm_history_list .history_item .year { font-weight: 700; }
.cm_history_list .history_item .history_cont p ~ p { margin-top: clamp(9.6px, 0.625vw, 12px); }

/* 지도 */
.cm_map_area1 { padding: clamp(32px, 2.0833333333vw, 40px) 0; border-top: 1px solid #000; border-bottom: 1px solid #ccc; }
.cm_map { aspect-ratio: 2.4; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_map .root_daum_roughmap { width: 100%; height: 100%; border-radius: inherit; }
.cm_map .root_daum_roughmap .cont { display: none; }
.cm_map .root_daum_roughmap .wrap_map { width: 100%; height: 100%; border-radius: inherit; }
.cm_map .root_daum_roughmap .map_border { display: none; }
.cm_map2 { border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.cm_map2 .mapimg_area { position: relative; aspect-ratio: 1092/420; width: 100%; height: clamp(336px, 21.875vw, 420px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: lightgray; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.cm_map2 .mapimg_area .map { width: 100%; height: 100%; }
.cm_map2 .mapimg_area .map_marker { position: absolute; aspect-ratio: 171/53; width: clamp(100px, 8.90625vw, 171px); background: url("../../images/common/marker_council.svg") no-repeat center/contain; }
.cm_map2 .map_info { display: flex; flex-direction: column; padding: clamp(16px, 1.6666666667vw, 32px); gap: clamp(14px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; }
.cm_map2 .map_area { display: flex; flex-wrap: wrap; gap: clamp(14px, 1.25vw, 24px) clamp(32px, 2.0833333333vw, 40px); }
.cm_map2 .map_box { display: flex; align-items: baseline; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_map2 .map_icon { padding: clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #f3f6f9; color: #007eb4; }
.cm_map2 .map_text { display: flex; position: relative; flex-wrap: wrap; align-items: center; gap: clamp(4.8px, 0.3125vw, 6px) clamp(9.6px, 0.625vw, 12px); font-size: clamp(13px, 0.8854166667vw, 17px); }
.cm_map2 .map_text.dot { padding-left: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_map2 .map_text.dot:before { position: absolute; top: clamp(8px, 0.5208333333vw, 10px); left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); border-radius: 1000px; background-color: var(--color-text-basic); content: ""; }
.cm_map2 .map_text .point { font-weight: 700; }
.cm_map2 .map_texts { display: flex; flex-wrap: wrap; gap: clamp(10px, 1.0416666667vw, 20px); }
.cm_map3 .bg_icon { position: absolute; top: 0; left: 0; width: clamp(100px, 15.1041666667vw, 290px); }
.cm_map3 .map { aspect-ratio: 910/782; width: 100%; }
.cm_map3 .map svg { width: 100%; height: 100%; }
.cm_map3:not(.hover_none) .map svg .map_group a:hover .map_path { fill: #f8b1b4; }
.cm_map3:not(.hover_none) .map svg .map_group.active a .map_path { fill: #9ec1ff; }
.cm_map4 .map_area { position: relative; width: 100%; height: clamp(373.6px, 24.3229166667vw, 467px); overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) 0 0; }
.cm_map4 .map_area .map { width: 100%; height: 100%; object-fit: cover; background: lightgray; }
.cm_map4 .map_area .map_layer { pointer-events: none; }
.cm_map4 .map_area .map_layer .layer_box { position: relative; width: clamp(179.2px, 11.6666666667vw, 224px); margin-left: 28px; padding: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25); white-space: normal; pointer-events: auto; }
.cm_map4 .map_area .map_layer .layer_box .layer_close { position: absolute; top: clamp(6.4px, 0.4166666667vw, 8px); right: clamp(6.4px, 0.4166666667vw, 8px); width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); border: 1px solid #000; background: #fff url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.cm_map4 .map_area .map_layer .layer_box .thumb { aspect-ratio: 4/3; width: clamp(160px, 10.4166666667vw, 200px); }
.cm_map4 .map_area .map_layer .layer_box .thumb img { width: 100%; height: 100%; object-fit: cover; }
.cm_map4 .map_area .map_layer .layer_box .body { margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_map4 .map_area .map_layer .layer_box .body .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_map4 .map_area .map_layer .layer_box .foot { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_map4 .map_area .map_layer .layer_box .foot .link_detail { color: #0858dd; }
.cm_map4 .info_box { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(32px, 2.0833333333vw, 40px); transform: translateY(clamp(-16px, -0.8333333333vw, -12.8px)); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_map4 .info_box .info_list { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_map5.size2 { flex: 1; width: 100%; height: 100%; }
.cm_map5.size3 { flex: 1; width: 100%; }
.cm_map5 .map_area { position: relative; height: clamp(320px, 20.8333333333vw, 400px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) 0; background: lightgray; }
.cm_map5 .map_area.style2 { border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_map5 .map_area.style2 .map { border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_map5 .map_area.height2 { height: 100%; min-height: clamp(424.8px, 27.65625vw, 531px); }
.cm_map5 .map_area .map { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); }
.cm_map5 .map_area .map .map_marker { position: absolute; aspect-ratio: 42/48; width: clamp(48px, 3.125vw, 60px); background: url(../../images/common/icon_marker.svg) no-repeat center/contain; }
.cm_map5 .map_area .map .root_daum_roughmap { width: 100%; height: 100%; }
.cm_map5 .map_area .map .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.cm_map5 .map_area .map .root_daum_roughmap .cont { display: none; }
.cm_map5 .location_area { z-index: 1; position: relative; margin-top: clamp(-32px, -1.6666666667vw, -25.6px); }
.cm_map5 .location_area .cm_info_box { margin-top: 0; }
.cm_map5 .location_area .location_top { width: calc(100% - clamp(25.6px, 1.6666666667vw, 32px)); height: clamp(160px, 12.5vw, 240px); margin-right: auto; padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px); background: linear-gradient(93deg, #ffeffc -4.43%, #daedff 52.7%, #edf6ff 97.14%); }
.cm_map5 .location_area .location_bottom { position: absolute; right: 0; bottom: 0; width: calc(100% - 40px); padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid var(--border-gray-light, #e6e6e6); border-radius: clamp(32px, 2.0833333333vw, 40px); background: var(--background-white, #fff); }
.cm_map5 .location_area .box_info_list { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_map6 { --map6-filter-height: 0px; position: relative; aspect-ratio: 1092/812; padding-top: clamp(88px, 5.7291666667vw, 110px); }
.cm_map6 .map6_filter { z-index: 10; position: absolute; top: 0; right: 0; left: 0; }
.cm_map6 .map6_filter .cm_info_box { margin: 0; }
.cm_map6 .map6_body { position: relative; height: 100%; overflow: hidden; border-radius: 0 50px 0 0; background-color: #eee; }
.cm_map6 .map_list_panel { z-index: 2; position: absolute; top: calc(var(--map6-filter-height) + clamp(16px, 1.0416666667vw, 20px)); bottom: clamp(16px, 1.0416666667vw, 20px); left: clamp(16px, 1.0416666667vw, 20px); width: clamp(300px, 19.7916666667vw, 380px); padding: clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(16px, 1.0416666667vw, 20px); background: #fff; box-shadow: 5px 4px 25px 0 rgba(0, 0, 0, 0.15); }
.cm_map6 .map_list_panel .panel_scroll { width: 100%; height: 100%; overflow-y: auto; scrollbar-color: rgba(77, 77, 77, 0.5) #f4f5f6; scrollbar-gutter: stable; scrollbar-width: thin; }
.cm_map6 .map_list_panel .panel_scroll::-webkit-scrollbar { width: 7px; }
.cm_map6 .map_list_panel .panel_scroll::-webkit-scrollbar-track { border-radius: 12px; background: #f4f5f6; }
.cm_map6 .map_list_panel .panel_scroll::-webkit-scrollbar-thumb { border-radius: 12px; background: rgba(77, 77, 77, 0.5); }
.cm_map6 .map_area { position: relative; flex: 1; background: lightgray; }
.cm_map6 .map_area .map { width: 100%; height: 100%; }
.cm_map6 .map_popup { position: relative; width: clamp(280px, 19.7916666667vw, 380px); padding: 2px; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: linear-gradient(280deg, rgb(0, 160, 229) 0%, rgb(165, 49, 153) 100%); box-shadow: 5px 4px 25px 0 rgba(0, 0, 0, 0.15); }
.cm_map6 .map_popup:before,
.cm_map6 .map_popup:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; transform: translate(-50%, 100%); border-style: solid; content: ""; }
.cm_map6 .map_popup:before { border-width: clamp(9.6px, 0.625vw, 12px) clamp(8px, 0.5208333333vw, 10px) 0 clamp(8px, 0.5208333333vw, 10px); border-color: #a53199 transparent transparent transparent; }
.cm_map6 .map_popup:after { margin-bottom: clamp(1.6px, 0.1041666667vw, 2px); border-width: clamp(8px, 0.5208333333vw, 10px) clamp(6.4px, 0.4166666667vw, 8px) 0 clamp(6.4px, 0.4166666667vw, 8px); border-color: #fff transparent transparent transparent; }
.cm_map6 .map_popup .map_popup_inner_wrap { padding: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_map6 .map_popup .popup_head { z-index: 1; position: absolute; top: clamp(9.6px, 0.625vw, 12px); right: clamp(9.6px, 0.625vw, 12px); }
.cm_map6 .map_popup .popup_close { display: flex; align-items: center; justify-content: center; width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); border: 0; background: transparent; color: #333; font-size: clamp(22.4px, 1.4583333333vw, 28px); line-height: 1; cursor: pointer; }
.cm_map6 .map_popup .popup_body { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_map6 .map_popup .cm_overview9 .ovw9_box { padding: 0; border-bottom: 0; }
.cm_map6 .map_list_panel .ovw9_list > li { position: relative; }
.cm_map6 .map_list_panel .ovw9_box { cursor: pointer; }
.cm_map6 .map_list_panel .ovw9_box.active:before { display: block; position: absolute; top: -1px; right: 0; bottom: 0; left: 0; border: 2px solid #a53199; border-radius: clamp(12.8px, 0.8333333333vw, 16px); content: ""; }
.cm_map6 .map_marker { z-index: 5; position: absolute; aspect-ratio: 1/1; }

/* 마커만 단독 스타일링 */
[class*=cm_map_marker] { position: absolute; }
.cm_map_marker { aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); background: url(../../images/common/icon_marker.svg) no-repeat center/contain; }
.cm_map_marker2 { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 30/37; width: clamp(24px, 1.5625vw, 30px); padding-bottom: clamp(3.2px, 0.2083333333vw, 4px); background: url(../../images/common/icon_marker02.svg) no-repeat center/contain; color: #fff; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_map_marker2.color2 { background-image: url(../../images/common/icon_marker03.svg); }
.cm_map_marker3 { display: flex; align-items: center; width: max-content; max-width: 100%; height: clamp(40px, 2.7083333333vw, 52px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(8px, 0.8333333333vw, 16px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: clamp(2.4px, 0.15625vw, 3px) solid transparent; border-radius: 99px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(78deg, #a53199 0%, #00a0e5 100%) border-box; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); font-size: clamp(12px, 0.8854166667vw, 17px); }
.cm_map_marker3:before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(26px, 1.875vw, 36px); background: url("../../images/common/icon_marker04.svg") no-repeat center/contain; content: ""; }
.cm_mapview_bg { display: flex; z-index: 0; position: relative; align-items: center; justify-content: center; padding: clamp(55px, 3.125vw, 60px) clamp(20px, 2.0833333333vw, 40px) clamp(40px, 4.6875vw, 90px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: linear-gradient(131deg, rgba(165, 49, 140, 0.1) 11.94%, rgba(0, 160, 229, 0.1) 91.63%); }
.cm_mapview_bg .guide_box { display: flex; z-index: 1; position: absolute; top: clamp(12px, 2.0833333333vw, 40px); left: clamp(12px, 2.0833333333vw, 40px); align-items: center; justify-content: center; padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(10px, 0.8333333333vw, 16px); gap: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #fff; }
.cm_mapview_bg .guide_box .cm_icon { color: #007eb4; }
.cm_mapview_bg .guide_box .guide_txt { color: #333; font-size: clamp(11px, 0.8854166667vw, 17px); }
.cm_mapview { z-index: 5; position: relative; }
.cm_mapview::before { display: block; z-index: -1; position: absolute; top: -1%; left: 0; width: 100%; height: 100%; background: url("../../images/common/map_shadow.svg") no-repeat center/contain; content: ""; }
.cm_mapview::after { display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../images/common/map_point.svg") no-repeat center/contain; content: ""; }
.cm_mapview .map { width: 100%; height: auto; }
.cm_mapview .path_group.stroke a { cursor: default; pointer-events: none; }
.cm_mapview .path_shape { fill: #fff; stroke: #97c0ff; stroke-width: 1; stroke-dasharray: 6 4; stroke-miterlimit: 10; transition: fill 0.15s ease; }
.cm_mapview .path_group.stroke .path_shape { fill: none; stroke: #007eb4; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-miterlimit: 10; transition: fill 0.15s ease; }
.cm_mapview .path_group.island .path_shape { fill: #fff; }
.cm_mapview .path_group.island { cursor: default; pointer-events: none; }
.cm_mapview .path_name { font-weight: 500; font-size: clamp(15.2px, 0.9895833333vw, 19px); fill: #333; stroke: none; z-index: 1; transition: fill 0.15s ease, stroke 0.15s ease, stroke-width 0.15s ease; }
.cm_mapview .path_group.g1 .path_name { transform: translate(105px, 360px); }
.cm_mapview .path_group.g2 .path_name { transform: translate(280px, 300px); }
.cm_mapview .path_group.g3 .path_name { transform: translate(430px, 230px); }
.cm_mapview .path_group.g4 .path_name { transform: translate(510px, 150px); }
.cm_mapview .path_group.g5 .path_name { transform: translate(608px, 236px); }
.cm_mapview .path_group.g6 .path_name { transform: translate(630px, 190px); }
.cm_mapview .path_group:hover .path_shape,
.cm_mapview .path_group.active .path_shape { fill: #007eb4; }
.cm_mapview .path_group:hover .path_name,
.cm_mapview .path_group.active .path_name { fill: #fff; stroke: #007eb4; stroke-width: 2px; paint-order: stroke fill; }
.cm_mapview2 { z-index: 5; position: relative; width: 100%; }
.cm_mapview2.mapsize1 { width: 70%; margin-left: 8%; }
.cm_mapview2::before { display: block; z-index: -1; position: absolute; top: -2.5%; left: 0%; width: 100%; height: 100%; background: url("../../images/common/map_shadow2.svg") no-repeat center/contain; content: ""; }
.cm_mapview2::after { display: block; z-index: -1; position: absolute; top: -5%; left: -5%; width: 80%; height: 100%; background: url("../../images/common/map_point2.svg") no-repeat center/contain; content: ""; }
.cm_mapview2 .map { width: 100%; height: auto; }
.cm_mapview2 .path_group.stroke a { cursor: default; pointer-events: none; }
.cm_mapview2 .path_shape { fill: #fff; stroke: #e4ccff; stroke-width: 1; stroke-dasharray: 6 4; stroke-miterlimit: 10; transition: fill 0.15s ease; }
.cm_mapview2 .path_group.g2 .path_shape { transform: translateY(0.5px); }
.cm_mapview2 .path_group.g3 .path_shape { transform: translateX(-1px); }
.cm_mapview2 .path_group:not(.g3):hover .path_shape,
.cm_mapview2 .path_group:not(.g3).active .path_shape { stroke: #fff; }
.cm_mapview2 .path_group.stroke .path_shape { fill: none; stroke: url(#gradient_map); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-miterlimit: 10; transition: fill 0.15s ease; }
.cm_mapview2 .path_group.island { cursor: default; pointer-events: none; }
.cm_mapview2 .path_group.island .path_shape { fill: #fff; }
.cm_mapview2 .path_area_name { font-weight: 500; font-size: 19px; fill: #333; stroke: none; z-index: 1; transition: fill 0.15s ease, stroke 0.15s ease, stroke-width 0.15s ease; }
.cm_mapview2 .path_area_name.name1 { transform: translate(90px, 285px); }
.cm_mapview2 .path_area_name.name2 { transform: translate(240px, 250px); }
.cm_mapview2 .path_area_name.name3 { transform: translate(350px, 190px); }
.cm_mapview2 .path_area_name.name4 { transform: translate(430px, 120px); }
.cm_mapview2 .path_area_name.name5 { transform: translate(490px, 195px); }
.cm_mapview2 .path_area_name.name6 { transform: translate(515px, 160px); }
.cm_mapview2 .path_area_name.name7 { transform: translate(636px, 513px); }
.cm_mapview2 .election_group rect,
.cm_mapview2 .election_group .tail { fill: #cce5f1; }
.cm_mapview2 .election_group text { fill: #007eb4; font-size: 17px; }
.cm_mapview2 .election_group .tail { display: none; }
.cm_mapview2 .path_group:hover .election_group rect,
.cm_mapview2 .path_group.active .election_group rect { fill: #26283d; }
.cm_mapview2 .path_group:hover .election_group .tail,
.cm_mapview2 .path_group.active .election_group .tail { fill: #26283d; }
.cm_mapview2 .path_group:hover .election_group text,
.cm_mapview2 .path_group.active .election_group text { font-weight: 700; fill: #fff; }
.cm_mapview2 .path_group:hover .tail,
.cm_mapview2 .path_group.active .tail { display: block; }
.cm_mapview2 .path_group.g1:hover .path_shape,
.cm_mapview2 .path_group.g1.active .path_shape { fill: url(#gradient_map2); }
.cm_mapview2 .path_group.g2:hover .path_shape,
.cm_mapview2 .path_group.g2.active .path_shape { fill: url(#gradient_map3); }
.cm_mapview2 .path_group.g3:hover .path_shape,
.cm_mapview2 .path_group.g3.active .path_shape { fill: url(#gradient_map4); }
.cm_mapview2 .path_group:hover .path_area_name,
.cm_mapview2 .path_group.active .path_area_name { fill: #fff; stroke: url(#gradient_map); stroke-width: 3px; paint-order: stroke fill; }
.cm_mapview2 .path_group:hover .path_election_name,
.cm_mapview2 .path_group.active .path_election_name { background-color: #26283d; color: #fff; }
.cm_mapview2 .path_group:hover .path_election_name::after,
.cm_mapview2 .path_group.active .path_election_name::after { display: block; border-top-color: #26283d; }

/* 공통 modal */
.cm_modal { display: flex; visibility: hidden; z-index: 1000; position: fixed; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; padding: clamp(12px, 0.78125vw, 15px); background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease-in-out, visibility 0ms linear 0.3s; }
.cm_modal .modal_wrap { width: 100%; max-width: clamp(640px, 41.6666666667vw, 800px); margin: auto; }
.cm_modal .modal_body { display: flex; flex-direction: column; padding: clamp(15px, 2.0833333333vw, 40px); overflow: hidden; gap: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(8px, 0.5208333333vw, 10px); background-color: #fff; animation: hide_popup 0.3s forwards; }
.cm_modal .modal_header { display: flex; z-index: 2; position: relative; top: 0; left: 0; align-items: center; padding-right: clamp(32px, 2.0833333333vw, 40px); cursor: pointer; }
.cm_modal .modal_header .header_title { font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); line-height: 1.2; }
.cm_modal .modal_header .modal_close { position: absolute; top: 50%; right: 0; width: 35px; height: 35px; margin-top: -17.5px; overflow: hidden; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: url(../../images/common/icon_cross.svg) no-repeat center/24px; text-indent: 100%; white-space: nowrap; transition: opacity 0.2s ease; }
.cm_modal .modal_header:hover .modal_close { opacity: 0.75; }
.cm_modal .modal_content { position: relative; max-height: calc(100dvh - clamp(240px, 15.625vw, 300px)); overflow: hidden; overflow-y: auto; background: #fff; color: var(--mono3); line-height: 1.6; }
.cm_modal .modal_btn { width: 100%; min-width: auto; height: clamp(48px, 3.125vw, 60px); border-radius: 0; }
.cm_modal.modal_open { overflow: hidden; }
.cm_modal.modal_on { visibility: visible !important; opacity: 1 !important; transition: visibility 0ms; }
.cm_modal.modal_on .modal_body { animation-name: show_popup; }

/* 즐겨찾는 메뉴 모달 */
.cm_modal.shortcut_modal .modal_body { padding: clamp(24px, 4.1666666667vw, 80px) clamp(16px, 2.0833333333vw, 40px); overflow: visible; border-radius: 120px 24px 80px 60px; background: linear-gradient(180deg, #ebf4fe 0%, #ffebf7 100%); }
.cm_modal.shortcut_modal .modal_close { box-sizing: content-box; display: flex; z-index: 1; position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(43.2px, 2.8125vw, 54px); align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(41.6px, 2.7083333333vw, 52px); border: clamp(9.6px, 0.625vw, 12px) solid #ecf3fd; border-radius: 50%; background: #26283d; color: #fff; }
.cm_modal.shortcut_modal .modal_content { background: transparent; }
.cm_modal.shortcut_modal .title_area { margin-bottom: clamp(48px, 3.125vw, 60px); text-align: center; }
.cm_modal.shortcut_modal .title_area .title { font-weight: 700; font-size: clamp(20px, 1.875vw, 36px); }
.cm_modal.shortcut_modal .title_area .desc { margin-top: clamp(9.6px, 0.625vw, 12px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_modal.shortcut_modal .cm_overview127 { max-width: 1120px; margin-right: auto; margin-left: auto; }
.cm_modal.shortcut_modal .foot_btns_area { display: flex; justify-content: center; margin-top: clamp(48px, 3.125vw, 60px); gap: clamp(9.6px, 0.625vw, 12px); }
.cm_modal.shortcut_modal .foot_btns_area .cm_btn { width: clamp(128px, 8.3333333333vw, 160px); }

/* 공통 데이터 없음 */
.cm_nodata1 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(64px, 4.1666666667vw, 80px) clamp(40px, 2.6041666667vw, 50px); gap: clamp(9.6px, 0.625vw, 12px) 0; border: 1px solid #e4e4e4; border-radius: clamp(19.2px, 1.25vw, 24px); color: #767676; font-weight: 500; font-size: clamp(14px, 0.8333333333vw, 16px); line-height: 1.6; letter-spacing: -0.01em; text-align: center; }
.cm_nodata1:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; filter: drop-shadow(0 clamp(4.8px, 0.3125vw, 6px) clamp(11.2px, 0.7291666667vw, 14px) rgba(0, 0, 0, 0.05)); opacity: 0.8; }
.cm_nodata1.type2 { padding: clamp(25.6px, 1.6666666667vw, 32px); color: #2d2d2d; font-weight: 500; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_nodata1.no_border { border: 0; }
.cm_nodata1.height2 { height: 100%; }
.cm_nodata1.icon1:before { background-image: url(../../images/common/icon_nodata1.svg); }
.cm_nodata1.icon2:before { aspect-ratio: 60/44; width: clamp(48px, 3.125vw, 60px); background-image: url(../../images/common/icon_nodata2.svg); }
.cm_nodata2 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(48px, 3.125vw, 60px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(9.6px, 0.625vw, 12px); line-height: 1.4; letter-spacing: -0.01em; text-align: center; }
.cm_nodata2:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; filter: drop-shadow(0 clamp(4.8px, 0.3125vw, 6px) clamp(11.2px, 0.7291666667vw, 14px) rgba(0, 0, 0, 0.05)); opacity: 0.8; }
.cm_nodata2.icon1:before { background-image: url(../../images/common/icon_nodata1.svg); }
.cm_nodata2.icon2:before { aspect-ratio: 60/44; width: clamp(48px, 3.125vw, 60px); background-image: url(../../images/common/icon_nodata2.svg); }
.cm_nodata2 .nodata_title { font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_nodata2 .nodata_desc { font-size: clamp(12px, 0.78125vw, 15px); }

/* 페이지 - 준비중 */
.page_preparing { padding: clamp(51.2px, 3.3333333333vw, 64px) clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); text-align: center; }
.page_preparing .icon { display: inline-block; aspect-ratio: 110/163; width: clamp(90px, 5.7291666667vw, 110px); margin-bottom: clamp(19.2px, 1.25vw, 24px); background: url(../../images/common/character_idea.svg) no-repeat center/contain; }
.page_preparing .icon.type2 { aspect-ratio: 140/124; width: clamp(90px, 7.2916666667vw, 140px); background-image: url(../../images/common/character_thumb6.svg); }
.page_preparing .title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.page_preparing .title strong { color: var(--color-text-primary); }
.page_preparing .desc { font-size: clamp(15px, 0.8854166667vw, 17px); }
.page_preparing.box_none { border-radius: 0; background: transparent; box-shadow: none; }

/* 페이지 - 완료 */
.page_comp { padding: clamp(51.2px, 3.3333333333vw, 64px) clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); text-align: center; }
.page_comp .icon { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
.page_comp .title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.page_comp .title strong { color: var(--color-text-primary); }
.page_comp .desc { font-size: clamp(15px, 0.8854166667vw, 17px); }
.page_comp .btns { display: flex; align-items: center; justify-content: center; margin-top: clamp(19.2px, 1.25vw, 24px); gap: clamp(6px, 0.5208333333vw, 10px); }
.cm_org_chart { display: block; position: relative; padding: clamp(24px, 2.0833333333vw, 40px) 0; overflow: hidden; text-align: center; }
.cm_org_chart > ol,
.cm_org_chart ol,
.cm_org_chart ul { margin: 0; padding: 0; list-style: none; }
.cm_org_chart li { display: block; position: relative; }
.cm_org_chart .org_box { display: inline-block; position: relative; min-width: clamp(140px, 9.375vw, 180px); max-width: 100%; min-height: clamp(48px, 2.9166666667vw, 56px); margin-top: clamp(24px, 2.0833333333vw, 40px); padding: clamp(14px, 1.0416666667vw, 20px); font-weight: 600; font-size: clamp(14px, 0.8333333333vw, 16px); line-height: 1.4; letter-spacing: -0.1px; text-align: center; }
.cm_org_chart .org_box::before { display: block; position: absolute; top: clamp(-40px, -2.0833333333vw, -24px); left: 50%; width: 1px; height: clamp(24px, 2.0833333333vw, 40px); background-color: #7f7f7f; content: ""; }
.cm_org_chart .org_box > strong { display: block; margin: clamp(-20px, -1.0416666667vw, -14px) clamp(-20px, -1.0416666667vw, -14px) clamp(12px, 0.8333333333vw, 16px); padding: clamp(8px, 0.5208333333vw, 10px); font-weight: 700; font-size: clamp(12px, 0.6770833333vw, 13px); line-height: 1.3; }
.cm_org_chart .variant_primary { background-color: #2962b9; color: #fff; }
.cm_org_chart .org_box.variant_primary > strong { background-color: #1c4690; }
.cm_org_chart .variant_accent { background-color: #e02828; color: #fff; }
.cm_org_chart .org_box.variant_accent > strong { background-color: #b50f0f; }
.cm_org_chart .variant_default { border: 1px solid #e5e5e5; background-color: #fff; color: #333; }
.cm_org_chart .org_box.variant_default > strong { background-color: #efefef; }
.cm_org_chart .variant_white { border: 1px solid #e5e5e5; background-color: #fff; color: #333; font-size: clamp(13px, 0.7291666667vw, 14px); }
.cm_org_chart .is_headman { margin-top: 0; }
.cm_org_chart .is_headman::before { display: none; }
.cm_org_chart .branch_right { display: block; position: relative; width: 50%; min-height: clamp(60px, 4.1666666667vw, 80px); margin-left: 50%; overflow: hidden; text-align: left; }
.cm_org_chart .branch_right::before { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #7f7f7f; content: ""; }
.cm_org_chart .branch_right .org_box { position: relative; margin-left: clamp(32px, 2.5vw, 48px); float: left; }
.cm_org_chart .branch_right .org_box::before { top: 50%; left: clamp(-48px, -2.5vw, -32px); width: clamp(32px, 2.5vw, 48px); height: 1px; }
.cm_org_chart .colgroup { display: block; position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.cm_org_chart .colgroup::before { display: block; position: absolute; top: 0; left: 50%; width: 1px; height: clamp(12px, 1.0416666667vw, 20px); background-color: #7f7f7f; content: ""; }
.cm_org_chart .colgroup > li { position: relative; max-width: 100%; margin-top: clamp(12px, 1.0416666667vw, 20px); float: left; }
.cm_org_chart .colgroup > li::before { display: block; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 1px; background-color: #7f7f7f; content: ""; }
.cm_org_chart .colgroup > li:first-child::before { right: 0; left: 50%; width: 50%; }
.cm_org_chart .colgroup > li:last-child::before { right: 50%; left: 0; width: 50%; }
.cm_org_chart .colgroup > li:only-child::before { display: none; }
.cm_org_chart .colgroup > li > .org_box { min-width: 0; }
.cm_org_chart .vert { display: block; position: relative; margin: 0; padding: 0; overflow: hidden; }
.cm_org_chart .vert > li { margin: 0; padding: 0; float: left; overflow: hidden; vertical-align: top; }
.cm_org_chart .vert > li > .org_box { min-width: 0; min-height: clamp(140px, 9.375vw, 180px); padding: clamp(10px, 0.625vw, 12px) clamp(8px, 0.5208333333vw, 10px); letter-spacing: 0; writing-mode: vertical-rl; }
.cm_org_chart .together { padding: 0 clamp(16px, 3.125vw, 60px); }
.cm_org_chart .together .colgroup .colgroup > li { margin-top: 0; }
.cm_org_chart .together .colgroup .colgroup { margin-top: 0; padding-top: clamp(12px, 1.0416666667vw, 20px); }
.cm_org_chart .together .colgroup .colgroup::before { z-index: 1; }
.cm_org_chart .together > .colgroup > li > .vert > li > .org_box { margin-top: clamp(32px, 3.125vw, 60px); }
.cm_org_chart .together > .colgroup > li > .vert > li > .org_box::before { top: clamp(-60px, -3.125vw, -32px); height: clamp(32px, 3.125vw, 60px); }
.cm_org_chart .together > .colgroup > li .vert.col1 > li > .org_box { margin-top: clamp(24px, 2.0833333333vw, 40px); }
.cm_org_chart .together > .colgroup > li .vert.col1 > li > .org_box::before { top: clamp(-40px, -2.0833333333vw, -24px); height: clamp(24px, 2.0833333333vw, 40px); }
.cm_org_chart .together > .colgroup > li > .org_box > br { display: none; }
.cm_org_chart .org_box.is_wide { display: block; width: 100%; }

/* 공통 오버뷰 */
.cm_overview1 .ovw1_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview1 .ovw1_box { height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid var(--color-gray-20); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview1 .ovw1_title { margin-bottom: clamp(19.2px, 1.25vw, 24px); font-weight: bold; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview1 .ovw1_bottom .cm_btn { width: 100%; min-width: auto; }
.cm_overview1 .ovw1_box:has(.ovw1_top) { display: flex; flex-direction: column; justify-content: space-between; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview1.type2 .ovw1_box { border: 0; background: #f3f6f9; }
.cm_overview1.type2 .ovw1_title { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview1.type2 .ovw1_title .title_icon { display: flex; align-items: center; justify-content: center; }
.cm_overview2 { font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview2 .ovw2_list { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; overflow: hidden; gap: clamp(19.2px, 1.25vw, 24px) clamp(24px, 2.5vw, 48px); }
.cm_overview2 .ovw2_list.list2 { grid-template-columns: repeat(3, 1fr); }
.cm_overview2 .ovw2_list.list3 { grid-template-columns: repeat(5, 1fr); }
.cm_overview2 .ovw2_list > li { position: relative; }
.cm_overview2 .ovw2_list > li:not(:last-child):before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(8px, 0.8333333333vw, 16px)); aspect-ratio: 1/1; width: clamp(8px, 0.8333333333vw, 16px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right7.svg) no-repeat center/contain; content: ""; }
.cm_overview2 .ovw2_box { display: flex; flex-direction: column; height: 100%; overflow: hidden; background-color: #fff; word-break: keep-all; }
.cm_overview2 .ovw2_title { display: flex; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(19.2px, 1.25vw, 24px); border: 1px solid var(--color-blue-15); border-radius: clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px) 0 0; background-color: var(--color-blue-10); color: var(--color-blue-85); font-weight: bold; text-align: center; }
.cm_overview2 .ovw2_content { display: flex; flex: 1; align-items: center; justify-content: center; padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid var(--color-gray-10); border-top: none; border-radius: 0 0 clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px); font-weight: 400; text-align: center; }
.cm_overview2 .ovw2_box:not(:has(.ovw2_content)) .ovw2_title { height: 100%; border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_overview2 .ovw2_box:not(:has(.ovw2_title)) .ovw2_content { height: 100%; border: 1px solid var(--color-gray-10); border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_overview2 .cm_bullet_list2 { gap: clamp(3.2px, 0.2083333333vw, 4px) 0; }
.cm_table1 .cm_overview2 { font-size: clamp(14px, 0.8333333333vw, 16px); }
.cm_table1 .cm_overview2 .ovw2_list { padding-right: clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px) clamp(19.2px, 1.25vw, 24px); }
.cm_table1 .cm_overview2 .ovw2_list > li:not(:last-child):before { left: calc(100% + clamp(3.2px, 0.2083333333vw, 4px)); }
.cm_table1 .cm_overview2 .ovw2_title { padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(22.4px, 1.4583333333vw, 28px); }
.cm_table1 .cm_overview2 .ovw2_content { padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview3 .ovw3_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview3 .ovw3_box { height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid var(--color-gray-20); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; }
.cm_overview3 .ovw3_title { font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview3 .ovw3_desc { margin-top: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview3 .ovw3_head { display: flex; align-items: center; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview3 .ovw3_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(64px, 4.1666666667vw, 80px); height: clamp(64px, 4.1666666667vw, 80px); border-radius: 50%; }
.cm_overview3 .ovw3_icon.icon1 { background-color: #fcf2fa; }
.cm_overview3 .ovw3_icon.icon2 { background-color: #ebf0ff; }
.cm_overview3 .ovw3_icon.icon3 { background-color: #e6f9ef; }
.cm_overview3 .ovw3_icon img { width: 62.5%; height: 100%; object-fit: contain; }
.cm_overview3 .ovw3_bottom .cm_btn { width: 100%; min-width: auto; }
.cm_overview3 .ovw3_box:has(.ovw3_top) { display: flex; flex-direction: column; justify-content: space-between; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview4 .ovw4_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview4 .ovw4_box { display: flex; flex-direction: column; align-items: center; height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: var(--color-gray-5); }
.cm_overview4 .ovw4_img { display: flex; align-items: center; justify-content: center; height: clamp(48px, 3.125vw, 60px); }
.cm_overview4 .ovw4_btn { display: flex; justify-content: center; width: 100%; }
.cm_overview4 .ovw4_btn br { display: none; }
.cm_overview4 .ovw4_list > li.list1 .ovw4_img img { width: clamp(150px, 10.5208333333vw, 202px); }
.cm_overview4 .ovw4_list > li.list2 .ovw4_img img { width: clamp(150px, 12.1875vw, 234px); }
.cm_overview5 { position: relative; padding-bottom: clamp(24px, 3.2291666667vw, 62px); }
.cm_overview5:before { z-index: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: clamp(160px, 11.6666666667vw, 224px); border-radius: clamp(24px, 2.0833333333vw, 40px); background: linear-gradient(168.8deg, #4c3bdd 0%, #3568e9 100%); content: ""; }
.cm_overview5 .ovw5_list { display: grid; z-index: 1; position: relative; grid-template-columns: repeat(5, 1fr); padding: 0 clamp(12px, 1.25vw, 24px); gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_overview5 .ovw5_item { display: flex; position: relative; flex-direction: column; align-items: center; padding: clamp(16px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px) clamp(24px, 1.6666666667vw, 32px); gap: clamp(10px, 1.25vw, 24px); border: 1px solid var(--color-border-gray); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; box-shadow: 8px 16px 8px 0 rgba(0, 0, 0, 0.08); text-align: center; }
.cm_overview5 .ovw5_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(56px, 4.1666666667vw, 80px); }
.cm_overview5 .ovw5_icon img { width: 100%; height: 100%; object-fit: contain; }
.cm_overview5 .ovw5_title { display: flex; flex-direction: column; gap: clamp(1.6px, 0.1041666667vw, 2px); font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.3; }
.cm_overview5 .ovw5_title .ovw5_subtitle { color: var(--color-text-basic); }
.cm_overview5 .ovw5_title .ovw5_main { font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); }
.cm_overview5 .ovw5_count { margin-top: clamp(14.4px, 0.9375vw, 18px); color: var(--color-text-secondary); font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); line-height: 1.2; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
.cm_overview5 .ovw5_badge { display: inline-flex; position: absolute; bottom: clamp(-16px, -0.8333333333vw, -12.8px); left: 50%; align-items: center; justify-content: center; min-height: clamp(26px, 1.6666666667vw, 32px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(12px, 0.8333333333vw, 16px); transform: translateX(-50%); border-radius: 99px; background: #333; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); color: #fff; font-size: clamp(12px, 0.78125vw, 15px); white-space: nowrap; }
.cm_overview6 .ovw6_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(8px, 0.625vw, 12px); }
.cm_overview6 .ovw6_btn { display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; padding: clamp(16px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px); gap: clamp(8px, 0.625vw, 12px); border: 1px solid var(--color-gray-20); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; text-align: center; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; }
.cm_overview6 .ovw6_item.active .ovw6_btn { box-shadow: 0 4px 16px rgba(35, 79, 195, 0.16); }
.cm_overview6 .ovw6_item.active .ovw6_btn:before { display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 3px solid var(--color-blue-70); border-radius: inherit; content: ""; }
.cm_overview6 .ovw6_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(48px, 4.1666666667vw, 80px); }
.cm_overview6 .ovw6_icon img { width: 100%; height: 100%; object-fit: contain; }
.cm_overview6 .ovw6_text { display: flex; flex-direction: column; gap: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_overview6 .ovw6_subtitle { color: var(--color-text-basic); font-size: clamp(12px, 0.78125vw, 15px); line-height: 1.3; }
.cm_overview6 .ovw6_main { font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.3; }
.cm_overview7 .ovw7_list { display: flex; padding: clamp(20px, 2.0833333333vw, 40px); gap: clamp(20px, 1.6666666667vw, 32px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
.cm_overview7 .ovw7_item { display: flex; position: relative; flex: 1; flex-direction: column; min-width: 0; isolation: isolate; }
.cm_overview7 .ovw7_item:not(:first-child):before { background-color: #3568e9; -webkit-mask-image: url("../../images/common/icon_arr_right4.svg"); mask-image: url("../../images/common/icon_arr_right4.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; position: absolute; top: 50%; right: calc(100% + clamp(4px, 0.2604166667vw, 5px)); flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-50%); content: ""; mask-position: center; }
.cm_overview7 .ovw7_box { display: flex; flex-direction: column; height: 100%; }
.cm_overview7 .ovw7_step { display: flex; z-index: 2; position: relative; flex-grow: 1; align-items: center; justify-content: center; min-height: clamp(80px, 6.25vw, 120px); margin-bottom: clamp(-24px, -1.25vw, -16px); padding: clamp(10px, 0.8333333333vw, 16px) clamp(12px, 1.25vw, 24px); border: 1px solid var(--color-border-primary); border-radius: clamp(10px, 0.8333333333vw, 16px); background: #d1e2fa; color: var(--color-text-primary-dark); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.5; text-align: center; word-break: keep-all; }
.cm_overview7 .ovw7_label { display: flex; z-index: 1; position: relative; flex-grow: 1; align-items: center; justify-content: center; padding: clamp(26px, 2.0833333333vw, 40px) clamp(8px, 0.8333333333vw, 16px) clamp(10px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: clamp(10px, 0.8333333333vw, 16px); background: #fff; color: var(--color-text-basic); font-size: clamp(12px, 0.8854166667vw, 17px); line-height: 1.5; text-align: center; }
.cm_overview8 .ovw8_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview8 .ovw8_item { height: 100%; }
.cm_overview8 .ovw8_link { display: flex; position: relative; flex-direction: column; height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(20px, 1.6666666667vw, 32px); border: 1px solid var(--color-border-gray); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); transition: border-color 0.2s, box-shadow 0.2s; }
.cm_overview8 .ovw8_link:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid var(--color-mayor-b1); border-radius: inherit; content: ""; opacity: 0; }
.cm_overview8 .ovw8_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(40px, 4.5833333333vw, 88px); overflow: hidden; border-radius: 50%; background: var(--color-background-neutral-lightest); }
.cm_overview8 .ovw8_icon img { aspect-ratio: 1/1; width: 54.545%; object-fit: contain; }
.cm_overview8 .ovw8_text { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview8 .ovw8_num { color: var(--color-text-sub); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_overview8 .ovw8_title { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(17px, 1.1458333333vw, 22px); line-height: 1.5; }
.cm_overview8 .ovw8_more { margin-top: auto; color: var(--color-text-bolder); font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview8 .ovw8_link:hover:before { opacity: 1; }
.cm_overview8 .ovw8_link:hover .ovw8_title { color: var(--color-text-primary); }
.cm_overview9 .ovw9_list { display: flex; flex-direction: column; }
.cm_overview9 .ovw9_list > li { padding: 0 clamp(19.2px, 1.25vw, 24px); }
.cm_overview9 .ovw9_box { display: flex; flex-direction: column; padding: clamp(19.2px, 1.25vw, 24px) 0; gap: clamp(6.4px, 0.4166666667vw, 8px); border-bottom: 1px solid #ccc; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview9 .ovw9_title { font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_overview9 .ovw9_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); line-height: 1.3; word-break: keep-all; }
.cm_overview9 .ovw9_info_list .cm_icon:before { background-color: var(--color-primary-80); }
.cm_overview9 .ovw9_btn { text-align: right; }
.cm_overview9 .ovw9_list > li:last-child .ovw9_box { border-bottom: 0; }
.cm_overview10 .ovw10_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.0416666667vw, 20px); }
.cm_overview10 .ovw10_item { min-width: 0; }
.cm_overview10 .ovw10_link { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(14.4px, 0.9375vw, 18px); gap: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
.cm_overview10 .ovw10_link:hover { border-color: var(--color-text-primary); box-shadow: 0 2px 8px rgba(0, 126, 180, 0.08); }
.cm_overview10 .ovw10_text { flex: 1; min-width: 0; color: var(--color-text-basic); font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; word-break: keep-all; }
.cm_overview10 a.ovw10_link:after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
.cm_overview10 a.ovw10_link[target=_blank]:after { background-image: url(../../images/common/icon_open_new_window.svg); }
.cm_overview11 .ovw11_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 1.25vw, 24px); }
.cm_overview11 .ovw11_list.col1 { grid-template-columns: 1fr; }
.cm_overview11 .ovw11_item { display: flex; flex-direction: column; min-width: 0; padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(12px, 1.0416666667vw, 20px); border: 1px solid var(--color-border-gray); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.cm_overview11 .ovw11_title { color: var(--color-text-basic); font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.5; word-break: keep-all; }
.cm_overview12 { position: relative; padding-top: clamp(40px, 3.125vw, 60px); padding-right: clamp(24px, 1.5625vw, 30px); }
.cm_overview12:before { z-index: 0; position: absolute; top: 0; right: 0; bottom: clamp(40px, 4.1666666667vw, 80px); left: clamp(32px, 3.125vw, 60px); border-radius: clamp(32px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(80px, 10.4166666667vw, 200px) clamp(19.2px, 1.25vw, 24px); background: linear-gradient(147deg, rgba(165, 49, 140, 0.1) 11.94%, rgba(0, 160, 229, 0.1) 91.63%); content: ""; }
.cm_overview12 .ovw12_nav { display: flex; z-index: 2; position: relative; align-items: center; justify-content: center; margin-bottom: clamp(16px, 1.25vw, 24px); gap: clamp(16px, 1.6666666667vw, 32px); }
.cm_overview12 .ovw12_nav_btn { aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); border: 1px solid var(--color-border-gray); border-radius: 999px; background: #fff url(../../images/common/icon_arr_right.svg) no-repeat center/clamp(19.2px, 1.25vw, 24px); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1); }
.cm_overview12 .ovw12_nav_btn.prev { transform: scaleX(-1); }
.cm_overview12 .ovw12_nav_label { color: #000; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.cm_overview12 .ovw12_box { display: grid; z-index: 1; position: relative; grid-template-columns: 1fr 1fr; align-items: start; padding: clamp(24px, 2.0833333333vw, 40px); gap: clamp(16px, 1.25vw, 24px); border: 1px solid var(--color-border-gray-light); border-radius: clamp(20px, 1.6666666667vw, 32px); background: #fff; box-shadow: 4px 8px 16px rgba(42, 102, 191, 0.08); }
.cm_overview12 .ovw12_box .cm_calendar { padding-right: clamp(16px, 1.25vw, 24px); border-right: 1px dashed var(--color-border-gray); }
.cm_overview12 .ovw12_schedule { display: flex; flex-direction: column; align-self: stretch; min-width: 0; height: 0; min-height: 100%; overflow-y: auto; gap: clamp(12px, 1.0416666667vw, 20px); }
.cm_overview12 .ovw12_schedule > .cm_title { z-index: 1; position: sticky; top: 0; background: #fff; }
.cm_overview12 .ovw12_schedule > .cm_btn { position: sticky; bottom: 0; margin-top: auto; }
.cm_overview12 .ovw12_schedule_status { color: var(--color-text-primary); font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview12 .ovw12_schedule_status.is_closed { color: var(--color-text-sub); }
.cm_overview12 .ovw12_schedule .cm_table2 table { border-collapse: separate; border-spacing: 0 clamp(6px, 0.4166666667vw, 8px); }
.cm_overview12 .ovw12_schedule .cm_table2 tbody td { background-color: var(--color-background-neutral-lightest); }
.cm_overview12 .ovw12_schedule .cm_table2 tbody td:first-child { border-radius: clamp(8px, 0.625vw, 12px) 0 0 clamp(8px, 0.625vw, 12px); }
.cm_overview12 .ovw12_schedule .cm_table2 tbody td:last-child { border-radius: 0 clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px) 0; }
.cm_overview13 .ovw13_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview13 .ovw13_item { display: flex; flex-direction: column; justify-content: space-around; padding: clamp(15px, 1.0416666667vw, 20px) clamp(15px, 1.5625vw, 30px); gap: clamp(9.6px, 0.625vw, 12px); border: 1px solid var(--color-gray-20); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview13 .ovw13_card { display: flex; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview13 .ovw13_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(57.6px, 3.75vw, 72px); height: clamp(57.6px, 3.75vw, 72px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); color: var(--color-primary-80); font-size: clamp(28.8px, 1.875vw, 36px); }
.cm_overview13 .ovw13_icon img { width: 66.667%; }
.cm_overview13 .ovw13_body { flex: 1 1 0; min-width: 0; }
.cm_overview13 .ovw13_title { display: block; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview13 .ovw13_desc { color: var(--color-text-sub); font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.5; }
.cm_overview13 .ovw13_btns { text-align: right; }
.cm_overview13 .ovw13_item.item1 .ovw13_icon { background: #eef4fc; }
.cm_overview13 .ovw13_item.item2 .ovw13_icon { background: #fff5e4; }
.cm_overview14 .ovw14_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(10px, 1.25vw, 24px); }
.cm_overview14 .ovw14_link { display: flex; align-items: center; justify-content: center; height: 100%; padding: clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
.cm_overview14 .ovw14_link img { max-height: clamp(24px, 2.2395833333vw, 43px); }
.cm_overview15 .ovw15_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview15 .ovw15_item { display: flex; flex-direction: column; min-width: 0; gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_overview15 .ovw15_box { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 255/200; padding: clamp(24px, 2.0833333333vw, 40px); overflow: hidden; gap: clamp(8px, 0.5208333333vw, 10px); border: 1px solid var(--color-border-gray); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #fff; }
.cm_overview15 .ovw15_thumb { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.cm_overview15 .ovw15_thumb_img { max-width: 70%; max-height: 100%; object-fit: contain; }
.cm_overview15 .ovw15_badge { display: inline-flex; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: center; min-width: clamp(40px, 2.6041666667vw, 50px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(16px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px) 0 0 0; background: var(--color-background-neutral-lightest); color: var(--color-text-primary); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; text-align: center; }
.cm_overview15 .ovw15_desc { color: var(--color-text-basic); font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_overview16 .ovw16_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.25vw, 24px); }
.cm_overview16 .ovw16_item { display: flex; flex-direction: column; min-width: 0; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview16 .ovw16_thumb { aspect-ratio: 4/3; width: 100%; overflow: hidden; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: var(--color-gray-5); }
.cm_overview16 .ovw16_thumb img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview16 .ovw16_caption { color: var(--color-text-basic); font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; text-align: center; }
.cm_overview17 .ovw17_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(16px, 1.25vw, 24px); }
.cm_overview17 .ovw17_box { display: flex; flex-direction: column; gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_overview17 .ovw17_title .cm_title.cont_title { margin-top: 0; margin-bottom: 0; }
.cm_overview17 .ovw17_thumb { aspect-ratio: 4/3; overflow: hidden; border: 1px solid var(--color-gray-20); border-radius: clamp(9.6px, 0.625vw, 12px); background: var(--color-gray-5, #f8f8f9); }
.cm_overview17 .ovw17_thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.cm_overview17 .ovw17_btn .cm_btn { width: 100%; }
.cm_overview18 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview18 .ovw18_item { display: flex; flex-direction: column; align-items: center; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid var(--color-gray-20); border-radius: clamp(12.8px, 0.8333333333vw, 16px); text-align: center; }
.cm_overview18 .ovw18_img { display: flex; align-items: center; justify-content: center; height: clamp(48px, 3.3854166667vw, 65px); }
.cm_overview18 .ovw18_img img { width: auto; height: 100%; object-fit: contain; }
.cm_overview18 .ovw18_title { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(15px, 0.8854166667vw, 17px); }
.cm_overview18 .ovw18_desc { color: var(--color-text-sub); font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.6; word-break: keep-all; }
.cm_overview19 .ovw19_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(15px, 1.25vw, 24px); }
.cm_overview19 .ovw19_box { display: flex; flex-direction: column; justify-content: space-between; min-height: clamp(140.8px, 9.1666666667vw, 176px); padding: clamp(20px, 1.6666666667vw, 32px); border: 1px solid #e6e6e6; border-radius: clamp(12.8px, 0.8333333333vw, 16px); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12); }
.cm_overview19 .ovw19_content { display: flex; flex-direction: column; justify-content: space-between; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview19 .ovw19_title { display: inline; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_overview19 .cm_text_list1 { color: var(--color-text-sub); font-size: clamp(13px, 0.78125vw, 15px); }
[class*=cm_overview].col5 > [class*=_list] { grid-template-columns: repeat(5, 1fr); }
[class*=cm_overview].col4 > [class*=_list] { grid-template-columns: repeat(4, 1fr); }
[class*=cm_overview].col3 > [class*=_list] { grid-template-columns: repeat(3, 1fr); }
[class*=cm_overview].col2 > [class*=_list] { grid-template-columns: repeat(2, 1fr); }
[class*=cm_overview].col1 > [class*=_list] { grid-template-columns: repeat(1, 1fr); }
.cm_overview101 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview101 .ovw101_link { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(22px, 1.6666666667vw, 32px); gap: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.cm_overview101 .ovw101_item .ovw101_title { height: 72px; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
.cm_overview102 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview102 .ovw102_link { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview102 .ovw102_title { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview103 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.ovw103_item .ovw103_link { display: flex; flex-direction: column; padding: clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #f2fdfb; }
.ovw103_item .ovw103_link .cm_badge { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); background: #1fcaab; color: #fff; }
.ovw103_item .ovw103_title { height: 72px; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.ovw103_item .ovw103_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.ovw103_item .item_foot { margin-top: clamp(19.2px, 1.25vw, 24px); padding-top: clamp(20px, 1.3020833333vw, 25px); border-top: 1px dashed #c9ddd9; color: #666; font-size: clamp(12px, 0.78125vw, 15px); }
.ovw103_item.end .ovw103_link { background: #f2f7ff; }
.ovw103_item.end .ovw103_link .cm_badge { background: #2b78c3; }
.ovw103_item.end .ovw103_link .item_foot { border-color: #d1d1eb; }
.cm_overview104 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview104 .ovw104_link { display: flex; position: relative; align-items: center; height: 100%; padding: clamp(16px, 1.0416666667vw, 20px) clamp(54.4px, 3.5416666667vw, 68px) clamp(16px, 1.0416666667vw, 20px) clamp(19.2px, 1.25vw, 24px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; color: #444; font-size: clamp(14.4px, 0.9375vw, 18px); }
.cm_overview104 .ovw104_link:after { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
.cm_overview104.type2 .ovw104_link { border: 1px solid #ccc; }
.cm_overview105 { position: relative; margin-bottom: -134px; }
.cm_overview105:after { position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(40px, 2.6041666667vw, 50px); aspect-ratio: 142/178; width: clamp(113.6px, 7.3958333333vw, 142px); background: url(../../images/common/character_thumb.svg) no-repeat center/contain; content: ""; }
.cm_overview105.character2:after { position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(40px, 2.6041666667vw, 50px); aspect-ratio: 127/165; width: clamp(101.6px, 6.6145833333vw, 127px); background: url(../../images/common/character_thumb2.svg) no-repeat center/contain; content: ""; }
.cm_overview105 .ovw105_top { width: calc(100% - clamp(25.6px, 1.6666666667vw, 32px)); height: clamp(210px, 12.5vw, 240px); margin-right: auto; padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px); background: linear-gradient(93deg, #ffeffc -4.43%, #daedff 52.7%, #edf6ff 97.14%); }
.cm_overview105 .ovw105_bottom { width: calc(100% - 40px); margin-left: auto; padding: clamp(32px, 2.0833333333vw, 40px); transform: translateY(-134px); border: 1px solid var(--color-border-gray-light); border-radius: clamp(32px, 2.0833333333vw, 40px); background: var(--color-background-white); box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview105 .box_info_list { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview105 .box_info_list .box_info dt { width: 130px; }
.cm_overview105 .box_info_list .box_info dd { flex: 1 1 0; min-width: 0; }
.cm_overview106 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview106 .ovw106_item { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f6f6f6; }
.cm_overview106 .ovw106_head { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(15px, 0.8854166667vw, 17px); }
.cm_overview106 .ovw106_head .icon { display: inline-flex; align-items: center; justify-content: center; width: clamp(28.8px, 1.875vw, 36px); height: clamp(28.8px, 1.875vw, 36px); border-radius: 50%; background: #fff; }
.cm_overview106 .ovw106_content { width: 100%; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); text-align: right; }
.cm_overview107 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview107 .ovw107_item { padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview107 .ovw107_item .ovw107_title { margin-bottom: clamp(16px, 1.0416666667vw, 20px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview107 .ovw107_item .ovw107_content .text { display: inline-block; margin-right: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview107 .ovw107_item .ovw107_content .btns { display: inline-flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview108:not(.swiper) { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(15px, 1.25vw, 24px); }
.cm_overview108 .ovw108_box { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(19.2px, 1.25vw, 24px); border: 1px solid #e6e6e6; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_overview108 .ovw108_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview108 .ovw108_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview108 .ovw108_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview108 .ovw108_info_list .cm_dl2 dt { font-weight: 700; }
.cm_overview108.size_sm .ovw108_box { height: 100%; padding: clamp(19.2px, 1.25vw, 24px); }
.cm_overview108.size_sm .ovw108_title { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview108.size_sm .ovw108_info_list .cm_dl2 { font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview109:not(.swiper) { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview109 { padding-right: clamp(16px, 1.0416666667vw, 20px); padding-bottom: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview109 .ovw109_box { display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 308/259; padding: clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); }
.cm_overview109 .ovw109_category { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview109 .ovw109_title { font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview109 .ovw109_date { color: #666; font-size: clamp(13px, 0.78125vw, 15px); line-height: 0.8; }
.cm_overview110 { display: grid; grid-template-columns: repeat(6, 1fr); }
.cm_overview110 .ovw110_item { text-align: center; }
.cm_overview110 .ovw110_box { display: block; }
.cm_overview110 .ovw110_box .icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(96px, 6.25vw, 120px); margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); border: 2px solid transparent; border-radius: clamp(40px, 2.6041666667vw, 50px); background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 89, 166, 0.15); transition: 0.15s; }
.cm_overview110 .ovw110_box:hover .icon { border-color: var(--color-primary-80); }
.cm_overview110 .ovw110_box .text { font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_overview111 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview111 .ovw111_box { padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #e4e4e4; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f8f8f8; text-align: left; }
.cm_overview111 .ovw111_box .ovw111_icon { width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview111 .ovw111_box .ovw111_title { display: block; margin-top: clamp(19.2px, 1.25vw, 24px); margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview111 .ovw111_box .ovw111_title .cm_icon:before { background-color: #808080; }
.cm_overview111 .ovw111_box .ovw111_desc { display: block; }
.cm_overview112 .ovw112_list { border-top: 1px solid var(--color-text-primary); }
.cm_overview112 .ovw112_list .ovw112_item { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); border-bottom: 1px solid #ccc; }
.cm_overview112 .ovw112_list .ovw112_badges { display: flex; flex-wrap: wrap; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview112 .ovw112_list .ovw112_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview112 .ovw112_list .ovw112_title .ovw112_link { display: inline-block; }
.cm_overview112 .ovw112_list .ovw112_title .ovw112_link:hover { text-decoration: underline; }
.cm_overview112 .ovw112_list .ovw112_infos .info_bottom { margin-top: clamp(9.6px, 0.625vw, 12px); }
.cm_overview112 .ovw112_list .ovw112_infos .info_wrap { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview112 .ovw112_list .ovw112_infos .cm_dl2 { font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview112 .ovw112_list .ovw112_item.nodata { display: flex; flex-direction: column; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview113 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview113 .ovw113_item { padding: clamp(22.4px, 1.4583333333vw, 28px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f3f6f9; }
.cm_overview113 .ovw113_item .ovw113_head { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview113 .ovw113_item .ovw113_head .cm_icon:before { background-color: #d5395e; }
.cm_overview113 .ovw113_item .ovw113_content { color: #000; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview113 .ovw113_item .ovw113_content strong { font-size: clamp(28.8px, 1.875vw, 36px); }
.cm_overview113 .ovw113_item .ovw113_desc { margin-top: clamp(3.2px, 0.2083333333vw, 4px); color: var(--color-text-sub); }
.cm_overview114 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview114 .ovw114_box { padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview114 .ovw114_box .cm_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview114 .ovw114_box .ovw114_map { text-align: center; }
.cm_overview115 { display: flex; align-items: center; justify-content: center; padding: clamp(38.4px, 2.5vw, 48px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_overview115 .ovw115_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.cm_overview115 .ovw115_list .ovw115_item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview115 .ovw115_list .ovw115_item ~ .ovw115_item { position: relative; margin-left: clamp(41.6px, 2.7083333333vw, 52px); padding-left: clamp(41.6px, 2.7083333333vw, 52px); }
.cm_overview115 .ovw115_list .ovw115_item ~ .ovw115_item:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; content: ""; }
.cm_overview116 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.cm_overview116 .ovw116_item ~ .ovw116_item { position: relative; margin-left: clamp(12.8px, 0.8333333333vw, 16px); padding-left: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview116 .ovw116_item ~ .ovw116_item:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; content: ""; }
.cm_overview116 .ovw116_item { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview116 .ovw116_item span { font-weight: 700; }
.cm_overview117 { display: flex; align-items: center; justify-content: center; padding: clamp(12px, 2.0833333333vw, 40px); border-radius: 24px 80px; background: linear-gradient(93deg, #ffeffc -4.43%, #daedff 52.7%, #edf6ff 97.14%); }
.cm_overview117 .ovw117_list { display: grid; grid-template-columns: repeat(7, 1fr); max-width: 1012px; margin: 0 auto; gap: clamp(16px, 2.0833333333vw, 40px); }
.cm_overview117 .ovw117_item { width: clamp(86.4px, 5.625vw, 108px); }
.cm_overview117 .ovw117_item .ovw117_radio { display: block; cursor: pointer; }
.cm_overview117 .ovw117_item input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.cm_overview117 .ovw117_item .radio_box { display: flex; flex-direction: column; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); text-align: center; transition: all 0.3s ease; }
.cm_overview117 .ovw117_item .icon_wrap { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(60px, 4.6875vw, 90px); border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: #fff; }
.cm_overview117 .ovw117_item .icon_wrap:after { display: none; position: absolute; top: 0; right: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); border-radius: 50px; background: var(--color-text-primary) url(../../images/common/icon_check_w.svg) no-repeat center/clamp(9.6px, 0.625vw, 12px); content: ""; }
.cm_overview117 .ovw117_item .icon_wrap img { aspect-ratio: 1/1; width: clamp(41.6px, 2.7083333333vw, 52px); object-fit: contain; }
.cm_overview117 .ovw117_item .text { font-size: clamp(13px, 0.8333333333vw, 16px); line-height: 1.4; word-break: keep-all; }
.cm_overview117 .ovw117_item .ovw117_radio:hover .icon_wrap { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }
.cm_overview117 .ovw117_item input[type=radio]:checked + .radio_box .icon_wrap { box-shadow: 0 6px 16px rgba(0, 119, 255, 0.12), inset 0 0 0 2px var(--color-text-primary); }
.cm_overview117 .ovw117_item input[type=radio]:checked + .radio_box .icon_wrap:after { display: block; }
.cm_overview117 .ovw117_item input[type=radio]:checked + .radio_box .text { color: #111; font-weight: 700; }
.cm_overview117 .ovw117_item input[type=radio]:focus-visible + .radio_box .icon_wrap { outline: 2px dashed #000; outline-offset: 4px; }
.cm_overview118 .ovw118_swiper { padding: 4px; }
.cm_overview118 .ovw118_box { position: relative; aspect-ratio: 453/460; padding: clamp(20px, 3.125vw, 60px) clamp(20px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(28.8px, 1.875vw, 36px); background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.cm_overview118 .ovw118_box .ovw118_icon { position: absolute; right: clamp(8px, 0.5208333333vw, 10px); bottom: clamp(8px, 0.5208333333vw, 10px); }
.cm_overview118 .ovw118_box .ovw118_title { z-index: 1; position: relative; margin-bottom: clamp(16px, 2.0833333333vw, 40px); font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview118 .ovw118_box .ovw118_content_list { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: start; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview118 .ovw118_box .ovw118_content_list .ovw118_content_item { display: inline-flex; align-items: center; justify-content: center; height: clamp(40px, 2.6041666667vw, 50px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #ddd; border-radius: 99px; background: #fff; transition: border 0.15s, color 0.15s; }
.cm_overview118 .ovw118_box .ovw118_content_list .ovw118_content_item:hover { border-color: var(--color-text-primary); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); color: var(--color-text-primary); }
.cm_overview119 .ovw119_swiper { padding: 4px; }
.cm_overview119 .ovw119_box { display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 336/304; padding: clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px); outline-offset: -4px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: background 0.15s; }
.cm_overview119 .ovw119_box .ovw119_category { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); color: var(--color-pink-70); font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview119 .ovw119_box .ovw119_category span { display: inline-block; position: relative; padding-left: clamp(11.2px, 0.7291666667vw, 14px); }
.cm_overview119 .ovw119_box .ovw119_category span:before { position: absolute; top: 50%; left: 0; width: clamp(4.8px, 0.3125vw, 6px); height: clamp(4.8px, 0.3125vw, 6px); transform: translateY(-50%); border-radius: 50%; background: var(--color-pink-70); content: ""; }
.cm_overview119 .ovw119_box .ovw119_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview119 .ovw119_box:hover { background: linear-gradient(180deg, #e3f0ff 0%, #dbe0ff 100%), #e2efff; }
.cm_overview119 .ovw119_box:hover .ovw119_title { text-decoration: underline; }
.cm_overview120 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview120 .ovw120_box { display: block; aspect-ratio: 482/310; padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px); background-position: center; background-size: 100%; background-repeat: no-repeat; transition: background 0.35s; }
.cm_overview120 .ovw120_box.box1 { background-image: url(../../images/main/section7_img01.png); }
.cm_overview120 .ovw120_box.box2 { background-image: url(../../images/main/section7_img02.png); }
.cm_overview120 .ovw120_box:hover { background-size: 103.5%; }
.cm_overview120 .ovw120_box .ovw120_title { color: #fff; font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview121 .ovw121_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview121 .ovw121_list .ovw121_box { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; gap: clamp(3.2px, 0.2083333333vw, 4px); border-radius: clamp(48px, 3.125vw, 60px); background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12); text-align: center; transition: color 0.15s; }
.cm_overview121 .ovw121_list .ovw121_icon { aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); transition: transform 0.15s; }
.cm_overview121 .ovw121_list .ovw121_box:hover { color: var(--color-text-primary); }
.cm_overview121 .ovw121_list .ovw121_box:hover .ovw121_icon { transform: translateY(clamp(-4px, -0.2083333333vw, -3.2px)); }
.cm_overview121 .ovw121_btn_wrap { position: relative; text-align: right; }
.cm_overview121 .ovw121_btn_wrap .ovw121_btn_img { position: absolute; top: 0; left: 0; width: clamp(100px, 6.25vw, 120px); }
.cm_overview121 .ovw121_btn_wrap .ovw121_btn { display: inline-flex; align-items: center; justify-content: end; width: calc(100% - 84px); height: clamp(46.4px, 3.0208333333vw, 58px); margin-top: clamp(41.6px, 2.7083333333vw, 52px); padding: 0 clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) clamp(19.2px, 1.25vw, 24px) clamp(6.4px, 0.4166666667vw, 8px); background: linear-gradient(139deg, #e65073 14.56%, #2274df 86.44%); color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: background 0.25s; }
.cm_overview121 .ovw121_btn_wrap .ovw121_btn:hover { background: linear-gradient(139deg, #c92b50 14.56%, #1255ac 86.44%); }
.cm_overview122 .ovw122_list { display: flex; flex-direction: column; gap: clamp(12px, 1.25vw, 24px); }
.cm_overview122 .ovw122_box { display: block; position: relative; outline-offset: 4px; }
.cm_overview122 .ovw122_box .ovw122_box_bg { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; }
.cm_overview122 .ovw122_box .ovw122_box_content { display: flex; z-index: 1; position: relative; align-items: center; justify-content: space-between; padding: clamp(4.8px, 0.3125vw, 6px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview122 .ovw122_box .ovw122_box_content .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview122 .ovw122_box .ovw122_box_content .ovw122_box_img { transition: transform 0.15s; }
.cm_overview122 .ovw122_box .btn_more1 { z-index: 1; position: absolute; right: 0; bottom: 0; width: clamp(35.2px, 2.2916666667vw, 44px); }
.cm_overview122 .ovw122_box .btn_more1 .icon { mask-image: url(../../images/common/icon_goto.svg); }
.cm_overview122 .ovw122_box:hover .btn_more1 { background: #444c5b; }
.cm_overview122 .ovw122_box:hover .ovw122_box_content .ovw122_box_img { transform: translateY(-4px); }
.cm_overview123 .ovw123_body .ovw123_body_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview123 .ovw123_body .ovw123_body_list .ovw123_body_box { display: block; aspect-ratio: 1/1; width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_overview123 .ovw123_body .ovw123_body_list .ovw123_body_box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.cm_overview123 .ovw123_body .ovw123_body_list .ovw123_body_box:hover img { transform: scale(1.15); }
.cm_overview124 .ovw124_item { display: none; }
.cm_overview124 .ovw124_item.active { display: block; }
.cm_overview124 .ovw124_list { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(8px, 1.25vw, 24px); }
.cm_overview124 .ovw124_box { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; gap: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview124 .ovw124_box .icon { transition: transform 0.15s; }
.cm_overview124 .ovw124_box:hover .icon { transform: translateY(-4px); }
.cm_overview125 { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(8px, 1.25vw, 24px); }
.cm_overview125 .ovw125_box { display: flex; padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.cm_overview125 .ovw125_box:focus-visible { outline-color: #fff; }
.cm_overview125 .ovw125_box:hover { color: #322daa; font-weight: 500; }
.cm_overview126 .ovw126_top { display: flex; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview126 .ovw126_top .ovw126_top_left { padding-top: clamp(56px, 3.6458333333vw, 70px); }
.cm_overview126 .ovw126_top .ovw126_top_left .sub_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview126 .ovw126_top .ovw126_top_left .title { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); word-break: keep-all; }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_text { font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_text strong { color: #145eb3; font-size: clamp(28.8px, 1.875vw, 36px); }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_link .btn_more1 { overflow: hidden; border: none; background: linear-gradient(139deg, #e65073 14.56%, #2274df 86.44%); color: #fff; }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_link .btn_more1 .cm_icon.goto { position: relative; }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_link .btn_more1 .cm_icon.goto:before { transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.cm_overview126 .ovw126_top .ovw126_top_left .title .title_link .btn_more1 .cm_icon.goto:after { position: absolute; inset: 0; content: ""; -webkit-mask-image: url(../../images/common/icon_goto.svg); mask-image: url(../../images/common/icon_goto.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; transform: translate(-150%, 150%); background-color: currentColor; mask-size: contain; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.cm_overview126 .ovw126_top:hover .ovw126_top_left .title .title_link .btn_more1 .cm_icon.goto:before { transform: translate(150%, -150%); }
.cm_overview126 .ovw126_top:hover .ovw126_top_left .title .title_link .btn_more1 .cm_icon.goto:after { transform: translate(0, 0); }
.cm_overview126 .ovw126_bottom { z-index: 1; position: relative; }
.cm_overview126 .ovw126_bottom .bottom_box { margin-top: -8px; padding: clamp(22.4px, 1.4583333333vw, 28px) 0 clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(28.8px, 1.875vw, 36px); background: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
.cm_overview126 .ovw126_bottom .ovw126_list { display: grid; grid-template-columns: repeat(3, 1fr); }
.cm_overview126 .ovw126_bottom .ovw126_item { display: flex; position: relative; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); text-align: center; transition: background 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
.cm_overview126 .ovw126_bottom .ovw126_item:nth-child(2):before { position: absolute; top: 50%; left: 0; width: 1px; height: clamp(25.6px, 1.6666666667vw, 32px); transform: translateY(-50%); background: #ddd; content: ""; transition: opacity 0.25s; }
.cm_overview126 .ovw126_bottom .ovw126_item:nth-child(2):after { position: absolute; top: 50%; right: 0; width: 1px; height: clamp(25.6px, 1.6666666667vw, 32px); transform: translateY(-50%); background: #ddd; content: ""; transition: opacity 0.25s; }
.cm_overview126 .ovw126_bottom .ovw126_item .icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.cm_overview126 .ovw126_bottom .ovw126_item .icon img { transition: filter 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
.cm_overview126 .ovw126_bottom .ovw126_item .text { color: #333; font-weight: 500; transition: color 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
.cm_overview126 .ovw126_bottom .ovw126_item:hover .icon { transform: translateY(-3px); }
.cm_overview126 .ovw126_bottom .ovw126_item:hover .icon img { filter: drop-shadow(0 6px 12px rgba(20, 94, 179, 0.25)); }
.cm_overview126 .ovw126_bottom .ovw126_item:hover .text { color: #145eb3; }
.cm_overview127 .ovw127_list { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(16px, 3.125vw, 60px) clamp(16px, 2.0833333333vw, 40px); }
.cm_overview127 .ovw127_list .ovw127_box { display: flex; flex-direction: column; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview127 .ovw127_list .ovw127_box .icon_box { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(96px, 6.25vw, 120px); border-radius: clamp(40px, 2.6041666667vw, 50px); background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 89, 166, 0.15); }
.cm_overview127 .ovw127_list .ovw127_box .icon_box img { width: clamp(44px, 2.8645833333vw, 55px); transition: transform 0.15s; }
.cm_overview127 .ovw127_list .ovw127_box:hover .icon_box img { transform: translateY(-4px); }
.cm_overview127 .ovw127_list .ovw127_box .menu_name { font-size: clamp(15px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview127.type_check .ovw127_box { position: relative; cursor: pointer; }
.cm_overview127.type_check .ovw127_chk { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.cm_overview127.type_check .icon_box { position: relative; border: 2px solid transparent; }
.cm_overview127.type_check .icon_box::after { position: absolute; top: clamp(-4px, -0.2083333333vw, -3.2px); right: clamp(-4px, -0.2083333333vw, -3.2px); width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); border: 2px solid #dde2e8; border-radius: 50%; background: #fff url(../../images/common/icon_check_gry.svg) no-repeat center/clamp(16px, 1.0416666667vw, 20px); content: ""; }
.cm_overview127.type_check .ovw127_chk:checked ~ .icon_box::after { border-color: #253142; background-image: url(../../images/common/icon_check_w.svg); background-color: #253142; }
.cm_overview127.type_check .ovw127_chk:checked ~ .icon_box::before { position: absolute; inset: -2px; padding: 3px; border-radius: inherit; background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); content: ""; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.cm_overview127.type_check .ovw127_chk:focus-visible ~ .icon_box { outline: 2px dashed #000; outline-offset: 4px; }
.cm_overview128 .ovw128_list { display: flex; flex-direction: column; gap: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview128 .ovw128_list .ovw128_item { display: flex; align-items: start; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview128 .ovw128_list .ovw128_item .icon_box { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); border-radius: 50%; background: #f4f5f6; }
.cm_overview128 .ovw128_list .ovw128_item .text_box { flex: 1 1 0; min-width: 0; padding-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview128 .ovw128_list .ovw128_item .text_box .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview128 .ovw128_list .ovw128_item .text_box .cm_bullet_list1 { gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview129 .ovw129_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview129 .ovw129_list .ovw129_item { display: flex; padding: clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); }
.cm_overview129 .ovw129_list .ovw129_thumb { aspect-ratio: 130/173; width: clamp(104px, 6.7708333333vw, 130px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview129 .ovw129_list .ovw129_thumb img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview129 .ovw129_list .ovw129_content { flex: 1 1 0; min-width: 0; }
.cm_overview129 .ovw129_list .ovw129_content .name { margin-bottom: clamp(28px, 1.8229166667vw, 35px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview130 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview130 .ovw130_item { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview130 .ovw130_item .title_wrap { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
.cm_overview130 .ovw130_item .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview130 .ovw130_item .info_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview130 .ovw130_item .info_list .info { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview131 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview131 .ovw131_item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(32px, 2.0833333333vw, 40px) clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 500; text-align: center; }
.cm_overview131 .ovw131_item .icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(70.4px, 4.5833333333vw, 88px); border-radius: clamp(25.6px, 1.6666666667vw, 32px); background: #f2f8fb; }
.cm_overview132 { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview132 .ovw132_item { display: flex; flex-wrap: wrap; width: 100%; }
.cm_overview132 .ovw132_title_wrap { display: flex; align-items: stretch; width: 100%; border: 1px solid #e6e6e6; border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); background: #fff; }
.cm_overview132 .ovw132_title_wrap .ovw132_title_label { display: inline-flex; align-items: center; justify-content: center; width: clamp(96px, 6.25vw, 120px); height: 100%; border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); background: linear-gradient(93deg, #ffeffc -4.43%, #daedff 52.7%, #edf6ff 97.14%); color: #2d3440; font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview132 .ovw132_title_wrap .ovw132_title_text { display: flex; flex: 1 1 0; align-items: center; min-width: 0; padding: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); gap: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview132 .ovw132_title_wrap .ovw132_title_text .text_area { flex: 1 1 0; min-width: 0; }
.cm_overview132 .ovw132_title_wrap .ovw132_title_text .cm_bullet_list1 { flex-direction: row; flex-wrap: wrap; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview132 .ovw132_content_area { display: none; align-items: center; justify-content: center; padding: clamp(32px, 2.0833333333vw, 40px) 0 clamp(41.6px, 2.7083333333vw, 52px); }
.cm_overview132 .ovw132_item.active { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #f3f6f9; }
.cm_overview132 .ovw132_item.active .ovw132_title_wrap { align-items: center; padding: clamp(16px, 1.0416666667vw, 20px); border-radius: 99px; }
.cm_overview132 .ovw132_item.active .ovw132_title_wrap .ovw132_title_label { aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); height: clamp(64px, 4.1666666667vw, 80px); border-radius: 50%; background: var(--gradation-01, linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%)); color: #fff; }
.cm_overview132 .ovw132_item.active .ovw132_title_wrap .cm_btn .cm_icon:before { transform: rotate(180deg); }
.cm_overview132 .ovw132_item.active .ovw132_title_wrap .ovw132_title_text { padding-right: 0; }
.cm_overview132 .ovw132_item.active .ovw132_content_area { display: flex; align-items: center; justify-content: center; width: 100%; }
.cm_overview151 { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); text-align: center; }
.cm_overview151 .ovw151_img { margin-bottom: clamp(-40px, -2.0833333333vw, -32px); }
.cm_overview151 .ovw151_desc { margin-top: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_overview152 { position: relative; padding-bottom: clamp(38.4px, 2.5vw, 48px); }
.cm_overview152 .ovw152_swiper { position: relative; left: clamp(-16px, -0.8333333333vw, -12.8px); width: calc(100% + clamp(25.6px, 1.6666666667vw, 32px)); padding: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview152 .ovw152_link { display: block; border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); }
.cm_overview152 .ovw152_link .ovw152_thumb { aspect-ratio: 330/220; width: 100%; height: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) 0 0; }
.cm_overview152 .ovw152_link .ovw152_thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.cm_overview152 .ovw152_link .ovw152_content { z-index: 1; position: relative; margin-top: clamp(-24px, -1.25vw, -19.2px); padding: clamp(25.6px, 1.6666666667vw, 32px); padding-bottom: clamp(54.4px, 3.5416666667vw, 68px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
.cm_overview152 .ovw152_link .ovw152_content .sub_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview152 .ovw152_link .ovw152_content .title { height: 80px; padding-right: clamp(38.4px, 2.5vw, 48px); font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview152 .ovw152_link .ovw152_content .link_btn { display: inline-flex; position: absolute; right: clamp(25.6px, 1.6666666667vw, 32px); bottom: clamp(25.6px, 1.6666666667vw, 32px); align-items: center; justify-content: center; width: clamp(44.8px, 2.9166666667vw, 56px); height: clamp(44.8px, 2.9166666667vw, 56px); border-radius: 50%; background: var(--color-blue-10); transition: background 0.15s; }
.cm_overview152 .ovw152_link .ovw152_content .link_btn .icon { width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); background-color: #0858dd; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-image: url(../../images/common/icon_goto.svg); mask-size: contain; transition: background 0.15s; }
.cm_overview152 .ovw152_link:hover .ovw152_thumb img { transform: scale(1.035); }
.cm_overview152 .ovw152_link:hover .ovw152_content .link_btn { background: #0858dd; }
.cm_overview152 .ovw152_link:hover .ovw152_content .link_btn .icon { background-color: #fff; }
.cm_overview152 .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
.cm_overview152 .cm_swiper_navi.prev { left: clamp(-110px, -5.7291666667vw, -88px); }
.cm_overview152 .cm_swiper_navi.next { right: clamp(-110px, -5.7291666667vw, -88px); }
.cm_overview153 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview153 .ovw153_link { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 100%; gap: clamp(6.4px, 0.4166666667vw, 8px); border: 1px solid transparent; border-radius: 50%; background: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: border 0.15s; }
.cm_overview153 .ovw153_link:hover { border-color: #005ae0; }
.cm_overview153 .ovw153_link .ovw153_tit { display: flex; align-items: center; height: clamp(46.4px, 3.0208333333vw, 58px); text-align: center; }
.cm_overview154 { margin-top: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview154 .ovw154_item ~ .ovw154_item { margin-top: clamp(25.6px, 1.6666666667vw, 32px); padding-top: clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px solid #ccc; }
.cm_overview154 .ovw154_box { display: flex; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview154 .ovw154_thumb { aspect-ratio: 4/3; width: clamp(256px, 16.6666666667vw, 320px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview154 .ovw154_thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
.cm_overview154 .ovw154_content { fleX: 1 1 0; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview154 .ovw154_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.cm_overview154 .ovw154_desc { margin-bottom: clamp(8px, 0.5208333333vw, 10px); font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview154 .ovw154_spot { font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview154 .ovw154_foot { display: flex; align-items: center; justify-content: space-between; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview154 .ovw154_tag_list { display: flex; flex-wrap: wrap; max-height: clamp(57.6px, 3.75vw, 72px); overflow: hidden; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview154 .ovw154_tag_list .tag_item { display: inline-flex; align-items: center; justify-content: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(8px, 0.5208333333vw, 10px); border-radius: 4px; background: #f4f5f6; font-size: clamp(10.4px, 0.6770833333vw, 13px); }
.cm_overview154 .ovw154_box:focus-visible { outline-offset: -4px; }
.cm_overview154 .ovw154_box:hover img { transform: scale(1.035); }
.cm_overview154 .ovw154_box:hover .ovw154_title { text-decoration: underline; }
.cm_overview154 .ovw154_button { flex-shrink: 0; }
.ovw154_pick_area { position: relative; padding-top: clamp(12.8px, 0.8333333333vw, 16px); }
.ovw154_pick_area .pick_icon { z-index: 2; position: absolute; top: 0; right: clamp(24px, 1.5625vw, 30px); width: clamp(230px, 16.6145833333vw, 319px); }
.ovw154_pick_area .cm_overview154 { position: relative; }
.ovw154_pick_area .cm_overview154 .ovw154_item ~ .ovw154_item { margin-top: 0; padding-top: 0; border-top: 0; }
.ovw154_pick_area .cm_overview154 .ovw154_content { gap: clamp(19.2px, 1.25vw, 24px); }
.ovw154_pick_area .cm_overview154 .ovw154_box { padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #c4daff; border-radius: clamp(19.2px, 1.25vw, 24px); background: #e7f0ff; }
.ovw154_pick_area .cm_overview154 .ovw154_tag_list .tag_item { background: #c4daff; }
.ovw154_pick_area .cm_swiper_control { position: static; }
.ovw154_pick_area .cm_swiper_control .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
.ovw154_pick_area .cm_swiper_control .cm_swiper_navi.prev { left: clamp(-40px, -2.0833333333vw, -32px); }
.ovw154_pick_area .cm_swiper_control .cm_swiper_navi.next { right: clamp(-40px, -2.0833333333vw, -32px); }
.cm_overview155 { padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #9ec1ff; border-radius: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview155 .ovw155_list { display: flex; flex-direction: column; gap: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview155 .ovw155_item { display: flex; align-items: center; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview155 .ovw155_item .ovw155_img { aspect-ratio: 4/3; width: clamp(304px, 19.7916666667vw, 380px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(96px, 6.25vw, 120px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview155 .ovw155_item .ovw155_img img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview155 .ovw155_item .ovw155_content { flex: 1 1 0; min-width: 0; }
.cm_overview155 .ovw155_item:nth-child(even) { flex-direction: row-reverse; }
.cm_overview155 .ovw155_item:nth-child(even) .ovw155_img { border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(96px, 6.25vw, 120px); }
.cm_overview155 .ovw155_title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview155 .ovw155_title strong { color: var(--color-text-culture-primary); }
.cm_overview155 .ovw155_info { margin-top: clamp(9.6px, 0.625vw, 12px); }
.cm_overview155 .ovw155_info dl { display: flex; flex-wrap: wrap; }
.cm_overview155 .ovw155_info dl ~ dl { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview156 .ovw156_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview156 .ovw156_list .ovw156_item { padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview156 .ovw156_list .ovw156_item .ovw156_title { margin-bottom: clamp(16px, 1.0416666667vw, 20px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview157 .ovw157_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview157 .ovw157_thumb { aspect-ratio: 4/2.9; width: 100%; overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview157 .ovw157_thumb img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview157 .ovw157_title { margin-top: clamp(19.2px, 1.25vw, 24px); margin-bottom: clamp(19.2px, 1.25vw, 24px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview157 .ovw157_btns_wrap { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview158 { padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #c4daff; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_overview158 .ovw158_item { position: relative; padding-right: clamp(112px, 7.2916666667vw, 140px); }
.cm_overview158 .ovw158_item ~ .ovw158_item { margin-top: clamp(25.6px, 1.6666666667vw, 32px); padding-top: clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px dashed #9ec1ff; }
.cm_overview158 .ovw158_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview158 .ovw158_desc { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview158 .ovw158_info_item { display: flex; gap: clamp(12.8px, 0.8333333333vw, 16px); font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview158 .ovw158_info_item ~ .ovw158_info_item { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview158 .ovw158_info_item dt { width: 92px; font-weight: 700; }
.cm_overview158 .ovw158_info_item dt .cm_icon:before { background: var(--color-text-culture-primary); }
.cm_overview158 .ovw158_info_item dd { flex: 1 1 0; min-width: 0; }
.cm_overview158 .ovw158_info_item dd .cm_bullet_list1 { margin-left: 0; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview158 .ovw158_info_item dd .bullet1_item { font-weight: 400; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview158 .ovw158_info_item dd .cm_bullet_list1 .bullet1_item:before { top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview158 .ovw158_button { position: absolute; right: 0; bottom: 0; }
.cm_overview159 .ovw159_box ~ .ovw159_box { margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview159 .ovw159_box { display: flex; align-items: center; padding: clamp(19.2px, 1.25vw, 24px); gap: clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview159 .ovw159_icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f3f6f9; }
.cm_overview159 .ovw159_content { flex: 1 1 0; min-width: 0; }
.cm_overview159 .ovw159_content .ovw159_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); color: var(--color-text-culture-primary); font-weight: 700; }
.cm_overview159 .ovw159_content .cm_bullet_list1 { margin-left: 0; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview159 .ovw159_content .cm_bullet_list1 .bullet1_item { font-weight: 400; }
.cm_overview190 { display: flex; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-blue-5); }
.cm_overview190 .ovw190_left { flex: 1 1 0; min-width: 0; }
.cm_overview190 .ovw190_right { width: 51.285%; }
.cm_overview190 .ovw190_item .ovw190_title { display: flex; align-items: center; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview190 .ovw190_item .ovw190_title .icon { display: flex; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview190 .ovw190_left .ovw190_title .icon { width: clamp(36px, 2.34375vw, 45px); }
.cm_overview191 { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview191 .ovw191_item { flex: 1 1 0; min-width: 0; }
.cm_overview191 .ovw191_item .ovw191_title { position: relative; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); padding-left: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; }
.cm_overview191 .ovw191_item .ovw191_title:before { position: absolute; top: clamp(6.4px, 0.4166666667vw, 8px); left: 0; width: clamp(6.4px, 0.4166666667vw, 8px); height: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 2px; background: gray; content: ""; }
.cm_overview191 .ovw191_list { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview191 .ovw191_list .ovw191_list_item { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px); background-position: bottom center; background-size: 100%; background-repeat: no-repeat; background-color: #fff; text-align: center; }
.cm_overview191 .ovw191_list .ovw191_list_item .time { margin-bottom: clamp(11.2px, 0.7291666667vw, 14px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview191 .ovw191_item.high .ovw191_title:before { background: var(--color-text-culture-primary); }
.cm_overview191 .ovw191_item.low .ovw191_title:before { background: var(--color-danger-50); }
.cm_overview191 .high .ovw191_list .ovw191_list_item { background-image: url(../../images/culture/sub/sub59_bg01.png); }
.cm_overview191 .low .ovw191_list .ovw191_list_item { background-image: url(../../images/culture/sub/sub59_bg02.png); }
.cm_overview192 { padding: clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
.cm_overview192 .sun_info_group { display: flex; position: relative; align-items: center; justify-content: space-between; }
.cm_overview192 .sun_info_group:after { position: absolute; top: 50%; left: 50%; width: 1px; height: clamp(40px, 2.6041666667vw, 50px); transform: translate(-50%, -50%); background: #ccc; content: ""; }
.cm_overview192 .sun_info_group .sun_info_item { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview192 .sun_info_group .sun_info_item .icon,
.cm_overview192 .sun_info_group2 .sun_info_item .icon { display: flex; align-items: center; justify-content: center; width: clamp(48px, 3.125vw, 60px); height: clamp(48px, 3.125vw, 60px); border-radius: 50%; background: #f2f2f2; }
.cm_overview192 .sun_info_group .sun_info_item .text dl { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview192 .sun_info_group .sun_info_item .text dl ~ dl { margin-top: clamp(8px, 0.5208333333vw, 10px); }
.cm_overview192 .sun_info_group .sun_info_item .text dl dt { display: flex; align-items: center; justify-content: center; height: clamp(21.6px, 1.40625vw, 27px); padding: 0 clamp(8px, 0.5208333333vw, 10px); border-radius: 90px; background: #f7afa1; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview192 .sun_info_group .sun_info_item:last-child .text dl dt { background: #9ec1ff; }
.cm_overview192 .sun_info_group .sun_info_item .text dl dd { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview192 .sun_info_group2 { margin-top: clamp(38.4px, 2.5vw, 48px); }
.cm_overview192 .sun_info_group2 .title { position: relative; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); padding-left: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; }
.cm_overview192 .sun_info_group2 .title:before { position: absolute; top: clamp(6.4px, 0.4166666667vw, 8px); left: 0; width: clamp(6.4px, 0.4166666667vw, 8px); height: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 2px; background: var(--color-text-culture-primary); content: ""; }
.cm_overview192 .sun_info_group2 .sun_info_item { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview192 .sun_info_group2 .sun_info_item .text { flex: 1 1 0; min-width: 0; }
.cm_overview192 .sun_info_group2 .sun_info_item .text dl { display: flex; flex-wrap: wrap; gap: 0 clamp(9.6px, 0.625vw, 12px); }
.cm_overview192 .sun_info_group2 .sun_info_item .text dl ~ dl { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview192 .sun_info_group2 .sun_info_item .text dl dt { font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_overview192 .sun_info_group2 .sun_info_item .text dl dd { font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview196 { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview196 .ovw196_group { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview196 .ovw196_group .ovw196_group_title { display: flex; position: relative; align-items: center; width: clamp(160px, 10.4166666667vw, 200px); gap: clamp(8px, 0.5208333333vw, 10px); font-weight: 700; }
.cm_overview196 .ovw196_group .ovw196_group_title:after { position: absolute; top: 50%; right: 0; width: 1px; height: clamp(12.8px, 0.8333333333vw, 16px); transform: translateY(-50%); background: #ccc; content: ""; }
.cm_overview196 .ovw196_group .ovw196_group_list { display: flex; flex: 1 1 0; flex-wrap: wrap; min-width: 0; gap: 8px clamp(19.2px, 1.25vw, 24px); }
.cm_overview196 .ovw196_group .ovw196_group_list .ovw196_group_item { display: flex; align-items: center; width: clamp(144px, 9.375vw, 180px); gap: clamp(8px, 0.5208333333vw, 10px); }
.cm_overview197 { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_overview197 .ovw197_item { display: flex; align-items: center; height: clamp(54.4px, 3.5416666667vw, 68px); padding: 0 clamp(25.6px, 1.6666666667vw, 32px); overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview197 .ovw197_item .item_box { width: 100%; }
.cm_overview197 .ovw197_item .box_title { display: block; position: relative; width: 100%; padding-right: clamp(32px, 2.0833333333vw, 40px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_overview197 .ovw197_item .box_title:after { position: absolute; top: 50%; right: 0; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_down.svg) no-repeat center/contain; content: ""; pointer-events: none; }
.cm_overview197 .ovw197_item .box_title button { display: block; width: 100%; text-align: left; }
.cm_overview197 .ovw197_item .box_content { display: none; }
.cm_overview197 .ovw197_item.active { height: auto; }
.cm_overview197 .ovw197_item.active .box_title { display: none; }
.cm_overview197 .ovw197_item.active .box_content { display: block; position: relative; }
.cm_overview197 .ovw197_item.active .box_content .content_title { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(24px, 2.7083333333vw, 52px); font-weight: 700; font-size: clamp(28.8px, 1.875vw, 36px); text-align: center; }
.cm_overview197 .ovw197_item.active .box_content .content_desc { padding: 0 clamp(6.4px, 0.4166666667vw, 8px) clamp(32px, 2.0833333333vw, 40px); }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area { position: relative; margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(36.8px, 2.3958333333vw, 46px); }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area .ovw197_img { aspect-ratio: 4/3; width: 100%; overflow: auto; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area .ovw197_img img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area .cm_swiper_navi.prev { left: clamp(19.2px, 1.25vw, 24px); }
.cm_overview197 .ovw197_item.active .box_content .content_imgs_area .cm_swiper_navi.next { right: clamp(19.2px, 1.25vw, 24px); }
.cm_overview197 .ovw197_item.active .box_content .box_close_btn { position: absolute; top: 0; right: 0; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); border-radius: 0 0 30px 30px; background: var(--color-text-primary); color: #fff; }
.cm_overview197.type2 .ovw197_item { height: max-content; padding: 0; }
.cm_overview197.type2 .ovw197_item .box_title { padding: 0; }
.cm_overview197.type2 .ovw197_item .box_title:after { top: clamp(22.4px, 1.4583333333vw, 28px); right: clamp(19.2px, 1.25vw, 24px); transform: none; background: var(--color-text-culture-primary); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_arr_down.svg); mask-image: url(../../images/common/icon_arr_down.svg); }
.cm_overview197.type2 .box_title .title_head { background: #eaf4ff; color: var(--color-text-culture-primary); }
.cm_overview197.type2 .box_title .title_head button { display: flex; align-items: center; padding: clamp(16px, 1.0416666667vw, 20px) clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview197.type2 .box_title .title_head .title_icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); border-radius: 50%; background: #fff; }
.cm_overview197.type2 .box_title .title_head .title_text { flex: 1 1 0; min-width: 0; padding-right: clamp(25.6px, 1.6666666667vw, 32px); word-break: break-all; }
.cm_overview197.type2 .title_body { padding: clamp(32px, 2.0833333333vw, 40px); font-weight: 400; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview197.type2 .ovw197_item.active .box_content { display: flex; }
.cm_overview197.type2 .ovw197_item.active .content_imgs_area { width: clamp(192px, 12.5vw, 240px); margin: 0 clamp(32px, 2.0833333333vw, 40px); padding: clamp(32px, 2.0833333333vw, 40px) 0; }
.cm_overview197.type2 .ovw197_item.active .box_content .content_imgs_area .ovw197_img { aspect-ratio: 3/4; }
.cm_overview197.type2 .ovw197_item.active .content_text_area { flex: 1 1 0; min-width: 0; padding: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview197.type2 .ovw197_item.active .content_title { margin: 0; margin-bottom: clamp(19.2px, 1.25vw, 24px); padding: 0; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); text-align: left; }
.cm_overview197.type2 .ovw197_item.active .content_desc { padding-bottom: 0; }
.cm_overview197.type2 .ovw197_item.active .box_content .content_imgs_area .cm_swiper_navi.prev { left: clamp(-20px, -1.0416666667vw, -16px); }
.cm_overview197.type2 .ovw197_item.active .box_content .content_imgs_area .cm_swiper_navi.next { right: clamp(-20px, -1.0416666667vw, -16px); }
.cm_overview197.type2 .ovw197_item.active .box_content .box_close_btn { right: clamp(19.2px, 1.25vw, 24px); }
.cm_overview197.type2 .ovw197_item.active { height: auto; }
.cm_overview198 { display: flex; gap: clamp(24px, 2.0833333333vw, 40px); }
.cm_overview198 .ovw198_thumb_area { aspect-ratio: 3/4; width: clamp(240px, 15.625vw, 300px); }
.cm_overview198 .ovw198_thumb_area .thumb { width: 100%; height: 100%; overflow: hidden; object-fit: cover; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview198 .ovw198_content_area { flex: 1 1 0; min-width: 0; }
.cm_overview198 .ovw198_title_wrap { padding-bottom: clamp(19.2px, 1.25vw, 24px); border-bottom: 1px solid #ccc; }
.cm_overview198 .ovw198_title_wrap .cm_badge { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview198 .ovw198_info_area { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: clamp(32px, 2.0833333333vw, 40px); gap: clamp(8px, 0.8333333333vw, 16px) clamp(16px, 1.6666666667vw, 32px); }
.cm_overview198 .ovw198_btn_area { text-align: right; }
.cm_overview199 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview199 .ovw199_item { width: 100%; height: 100%; }
.cm_overview199 .ovw199_link { display: block; width: 100%; height: 100%; padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); }
.cm_overview199 .ovw199_head { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview199 .ovw199_head .badge_list { display: flex; flex-wrap: wrap; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview199 .ovw199_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.cm_overview199 .ovw199_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview199 .ovw199_foot { margin-top: clamp(19.2px, 1.25vw, 24px); padding-top: clamp(19.2px, 1.25vw, 24px); border-top: 1px dashed #ccc; color: #666; font-size: clamp(13px, 0.78125vw, 15px); }
.cm_overview201 .ovw201_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview201 .ovw201_list li { min-width: 0; }
.cm_overview201 .ovw201_link { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview201 .ovw201_img { aspect-ratio: 310/232; width: 100%; overflow: hidden; border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview201 .ovw201_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.35s; }
.cm_overview201 .ovw201_link:hover .ovw201_img img { transform: scale(1.05); }
.cm_overview201 .ovw201_texts { display: flex; flex-direction: column; justify-content: space-between; min-height: clamp(50px, 5.7291666667vw, 110px); gap: clamp(14px, 1.25vw, 24px); }
.cm_overview201 .ovw201_texts .text1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 700; font-size: clamp(15px, 1.0416666667vw, 20px); word-break: keep-all; }
.cm_overview201 .ovw201_link:hover .ovw201_texts .text1 { text-decoration: underline; }
.cm_overview201 .ovw201_texts .text2 { color: #666; font-weight: 500; font-size: clamp(13px, 0.8854166667vw, 17px); }
.cm_overview202 { display: flex; flex: 1; width: 100%; }
.cm_overview202 .ovw202_list { display: flex; flex: 1; flex-direction: column; gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_overview202 .ovw202_list li { flex: 1; aspect-ratio: 422/107; width: 100%; }
.cm_overview202 .ovw202_link { display: flex; align-items: center; width: 100%; height: 100%; padding: clamp(14px, 1.0416666667vw, 20px) clamp(16px, 1.25vw, 24px); gap: clamp(16px, 1.25vw, 24px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview202 .ovw202_link.signup { background-color: #bbdbfe; }
.cm_overview202 .ovw202_link.checkout { background-color: #d1c8fd; }
.cm_overview202 .ovw202_link.eservice { background-color: #ffbfb8; }
.cm_overview202 .ovw202_link::before { display: inline-block; aspect-ratio: 1/1; width: clamp(30px, 3.125vw, 60px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_overview202 .ovw202_link.signup::before { background-image: url("../../images/common/service_icon1.svg"); }
.cm_overview202 .ovw202_link.checkout::before { background-image: url("../../images/common/service_icon2.svg"); }
.cm_overview202 .ovw202_link.eservice::before { background-image: url("../../images/common/service_icon3.svg"); }
.cm_overview202 .ovw202_texts { display: flex; flex-direction: column; gap: clamp(5px, 0.4166666667vw, 8px); }
.cm_overview202 .ovw202_texts .text1 { font-weight: 700; font-size: clamp(15px, 1.0416666667vw, 20px); }
.cm_overview202 .ovw202_texts .text2 { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-weight: 500; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview202 .ovw202_link:hover .ovw202_texts .text2 { text-decoration: underline; }
.cm_overview203 .ovw203_list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: clamp(12px, 1.25vw, 24px); }
.cm_overview203 .ovw203_list li { height: 100%; }
.cm_overview203 .ovw203_box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: clamp(19.2px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; }
.cm_overview203 .ovw203_tab { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(4.8px, 0.3125vw, 6px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview203 .ovw203_tab .tab { min-height: clamp(24.8px, 1.6145833333vw, 31px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px); border-radius: 99px; color: #fff; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview203 .ovw203_tab .tab.lifecycle { background-color: #2b78c3; }
.cm_overview203 .ovw203_tab .tab.household { background-color: #d5395e; }
.cm_overview203 .ovw203_tab .tab.topics { background-color: #7a5ecd; }
.cm_overview203 .ovw203_main { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: clamp(9.6px, 0.625vw, 12px); overflow: hidden; color: #333; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.cm_overview203 .ovw203_sub { margin-bottom: clamp(9.6px, 0.625vw, 12px); padding: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #f4f5f6; }
.cm_overview203 .ovw203_sub .sub_text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview203 .ovw203_info { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
.cm_overview203 .ovw203_info .ovw6_info { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview203 .ovw203_btns { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview203 .ovw203_btns .cm_btn { flex: 1; }
.cm_overview204 { display: flex; position: relative; flex-direction: column; align-items: center; padding: clamp(32px, 2.0833333333vw, 40px); }
.cm_overview204::before { position: absolute; top: 50%; left: 50%; aspect-ratio: 320/307; width: clamp(200px, 16.6666666667vw, 320px); max-width: 100%; transform: translate(-50%, -50%); background: url("../../images/common/council_emblem.svg") no-repeat center/contain; content: ""; opacity: 0.5; }
.cm_overview204 .ovw204_area { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview204.emblem_no::before { display: none; }
.cm_overview204 .ovw204_box { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: clamp(130px, 12.5vw, 240px); min-height: clamp(40px, 3.125vw, 60px); padding: clamp(5px, 0.8854166667vw, 17px) clamp(5px, 0.78125vw, 15px); border-radius: 0 20px; font-weight: 700; font-size: clamp(13px, 0.9895833333vw, 19px); line-height: 1.2; text-align: center; word-break: keep-all; }
.cm_overview204 .ovw204_box::before { position: absolute; top: clamp(-24px, -1.25vw, -19.2px); left: 50%; width: 1px; height: clamp(19.2px, 1.25vw, 24px); background-color: #ccc; content: ""; }
.cm_overview204 .ovw204_box.height_type2::before { height: 0; }
.cm_overview204 .ovw204_area .ovw204_level:first-child .ovw204_box::before { display: none; }
.cm_overview204 .ovw204_box.linenone::before { display: none; }
.cm_overview204 .ovw204_box.type1 { background: #003f5c; color: #fff; }
.cm_overview204 .ovw204_box.type2 { background: #005f89; color: #fff; }
.cm_overview204 .ovw204_box.type3 { background: #007eb4; color: #fff; }
.cm_overview204 .ovw204_box.type4 { background: #808080; color: #fff; }
.cm_overview204 .ovw204_box.type5 { border: 1px solid #ccc; background: #fff; color: #333; }
.cm_overview204 .ovw204_box.type6 { border: 1px solid #007eb4; background: #f3f6f9; }
.cm_overview204 .ovw204_box.color_type2 { color: #005f89; }
.cm_overview204 .ovw204_box.fstyle_type2 { font-weight: 400; font-size: clamp(13px, 0.8854166667vw, 17px); }
.cm_overview204 .ovw204_level.branch { display: flex; position: relative; justify-content: space-between; width: clamp(400px, 40vw, 768px); margin-top: clamp(44px, 2.8645833333vw, 55px); }
.cm_overview204 .ovw204_level.branch.mt_type2 { margin-top: clamp(66.4px, 4.3229166667vw, 83px); }
.cm_overview204 .ovw204_level.branch::before { position: absolute; top: clamp(-24px, -1.25vw, -19.2px); right: 0%; left: 50%; width: clamp(270px, 27.5vw, 528px); height: 1px; transform: translate(-49.9%, 0%); background-color: #ccc; content: ""; }
.cm_overview204 .ovw204_level.branch .ovw204_box::before { height: clamp(19.2px, 1.25vw, 24px); }
.cm_overview204 .ovw204_level.center { margin-top: clamp(19.2px, 1.25vw, 24px); }
.cm_overview204 .ovw204_level.right { display: flex; position: relative; justify-content: flex-end; width: clamp(400px, 40vw, 768px); margin-top: clamp(19.2px, 1.25vw, 24px); }
.cm_overview204 .ovw204_level.right.mt_type2 { margin-top: clamp(37.6px, 2.4479166667vw, 47px); }
.cm_overview204 .ovw204_level.right::before { position: absolute; top: 50%; right: 0; left: 50%; height: 1px; background-color: #ccc; content: ""; }
.cm_overview204 .ovw204_level.bottom { width: clamp(310px, 30.15625vw, 579px); margin-top: clamp(60.8px, 3.9583333333vw, 76px); }
.cm_overview204 .ovw204_level.bottom::before { top: clamp(-53px, -2.7604166667vw, -42.4px); width: clamp(180px, 17.7083333333vw, 340px); transform: translate(-49.7%, 0%); }
.cm_overview204 .ovw204_level.bottom .ovw204_box::before { top: clamp(-53px, -2.7604166667vw, -42.4px); height: clamp(42.4px, 2.7604166667vw, 53px); }
.cm_overview204 .ovw204_level.bottom::after { z-index: 0; position: absolute; top: clamp(-362px, -18.8541666667vw, -289.6px); left: 50%; width: 1px; height: clamp(248px, 16.1458333333vw, 310px); background-color: #ccc; content: ""; }
.cm_overview204 .ovw204_level.bottom.center_type2 { justify-content: center; margin-top: clamp(36.8px, 2.3958333333vw, 46px); }
.cm_overview204 .ovw204_level.bottom.center_type2::before { width: 0; }
.cm_overview204 .ovw204_level.bottom.center_type2::after { top: clamp(-300px, -15.625vw, -250px); height: clamp(224px, 14.5833333333vw, 280px); }
.cm_overview205 { padding: clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f6f9; }
.cm_overview205 .ovw205_area { display: flex; flex-direction: column; align-items: center; justify-items: center; width: 100%; margin-bottom: clamp(14px, 1.0416666667vw, 20px); gap: clamp(14px, 1.0416666667vw, 20px); }
.cm_overview205 .ovw205_area::after { display: inline-block; aspect-ratio: 16/14; width: clamp(12.8px, 0.8333333333vw, 16px); background: url("../../images/common/icon_arrow_drop_down2.svg") no-repeat center/contain; content: ""; }
.cm_overview205 .ovw205_area.awnone::after { display: none; }
.cm_overview205 .ovw205_area.gap2 { gap: clamp(16px, 1.25vw, 24px); }
.cm_overview205 .ovw205_area.mb2 { margin-bottom: clamp(16px, 1.25vw, 24px); }
.cm_overview205 .ovw205_area.mb3 { margin-bottom: 0; }
.cm_overview205 .ovw205_area2 { display: flex; align-items: flex-start; width: 100%; gap: clamp(10px, 1.25vw, 24px); }
.cm_overview205 .ovw205_box { display: flex; width: 100%; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; }
.cm_overview205 .ovw205_box.column { flex-direction: column; }
.cm_overview205 .ovw205_left { display: flex; align-items: center; justify-content: center; width: clamp(120px, 16.6666666667vw, 320px); padding: clamp(14px, 1.6666666667vw, 32px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(14.5px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview205 .ovw205_left.width2 { width: 100%; }
.cm_overview205 .ovw205_left.type1 { border: 1px solid #003f5c; background-color: #003f5c; color: #fff; }
.cm_overview205 .ovw205_left.type2 { border: 1px solid #007eb4; background-color: #cce5f1; color: #007eb4; }
.cm_overview205 .ovw205_left.type3 { border: 1px solid #b92f50; background-color: #b92f50; color: #fff; }
.cm_overview205 .ovw205_right { display: flex; flex: 1; align-items: center; padding: clamp(16px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px) clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; }
.cm_overview205 .ovw205_in { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.cm_overview205 .ovw205_in::before { display: inline-block; aspect-ratio: 16/14; width: clamp(12.8px, 0.8333333333vw, 16px); margin-bottom: clamp(16px, 1.25vw, 24px); background: url("../../images/common/icon_arrow_drop_down2.svg") no-repeat center/contain; content: ""; }
.cm_overview206 .ovw206_list { display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; height: 100%; gap: clamp(12px, 1.25vw, 24px); }
.cm_overview206 .ovw206_list li { height: 100%; border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #fff; }
.cm_overview206 .ovw206_box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.cm_overview206 .ovw206_main { display: flex; padding: clamp(16px, 1.6666666667vw, 32px); gap: clamp(15px, 1.25vw, 24px); }
.cm_overview206 .ovw206_img { aspect-ratio: 180/240; width: clamp(110px, 9.375vw, 180px); overflow: hidden; border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview206 .ovw206_img img { width: 100%; object-fit: cover; border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview206 .ovw206_info { display: flex; flex: 1; flex-direction: column; gap: clamp(16px, 1.71875vw, 33px); }
.cm_overview206 .ovw206_info.gap2 { gap: clamp(20px, 2.0833333333vw, 40px); }
.cm_overview206 .ovw206_info_wrap1 { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview206 .ovw206_info_wrap1.gap2 { justify-content: space-between; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview206 .ovw206_info_wrap2 { display: flex; flex-direction: column; gap: clamp(6px, 0.625vw, 12px); }
.cm_overview206 .ovw206_info_wrap3 { display: flex; align-items: center; gap: clamp(7px, 0.625vw, 12px); }
.cm_overview206 .ovw206_nametxt { color: #333; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.cm_overview206 .ovw206_positiontxt { display: flex; align-items: center; justify-content: center; height: clamp(23px, 1.6666666667vw, 32px); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #26283d; color: #fff; font-size: clamp(11px, 0.78125vw, 15px); }
.cm_overview206 .ovw206_termtxt { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #26283d; color: #fff; font-size: clamp(11px, 0.78125vw, 15px); }
.cm_overview206 .ovw206_infotxt { position: relative; padding-left: clamp(12.8px, 0.8333333333vw, 16px); color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview206 .ovw206_infotxt:before { position: absolute; top: clamp(8px, 0.5208333333vw, 10px); left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); border-radius: 1000px; background-color: var(--color-text-basic); content: ""; }
.cm_overview206 .ovw206_sns { width: clamp(28.8px, 1.875vw, 36px); height: clamp(28.8px, 1.875vw, 36px); }
.cm_overview206 .ovw206_sns::before { display: inline-block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_overview206 .ovw206_sns.blog::before { background-image: url("../../images/common/sns_blog.svg"); }
.cm_overview206 .ovw206_sns.facebook::before { background-image: url("../../images/common/sns_facebook.svg"); }
.cm_overview206 .ovw206_sns.instagram::before { background-image: url("../../images/common/sns_instagram.svg"); }
.cm_overview206 .ovw206_sns.youtube::before { background-image: url("../../images/common/sns_youtube.svg"); }
.cm_overview206 .ovw206_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(50px, 3.59375vw, 69px); padding: clamp(10px, 1.0416666667vw, 20px) clamp(16px, 1.6666666667vw, 32px); gap: clamp(4px, 0.625vw, 12px); border-top: 1px solid #ccc; border-radius: 0 0 clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px); background-color: #f3f6f9; font-size: clamp(14px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview207 { display: flex; justify-content: flex-end; }
.cm_overview207 .ovw207_info { display: flex; position: relative; flex-direction: column; align-items: flex-end; width: 92.675%; height: 100%; min-height: clamp(344px, 22.3958333333vw, 430px); margin-top: clamp(44px, 2.8645833333vw, 55px); padding-left: clamp(170px, 14.5833333333vw, 280px); border-radius: clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px) clamp(60px, 10.4166666667vw, 200px) clamp(9.6px, 0.625vw, 12px); background: url("../../images/common/member_info_bg.png") no-repeat right bottom/cover; }
.cm_overview207 .ovw207_member { position: absolute; top: clamp(-42.5px, -2.2135416667vw, -34px); left: clamp(-80px, -4.1666666667vw, 0px); aspect-ratio: 3/4; width: clamp(160px, 15.625vw, 300px); max-width: 100%; overflow: hidden; border: 1px solid #e6e6e6; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
.cm_overview207 .ovw207_member img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview207 .ovw207_sns { display: flex; position: absolute; top: clamp(-30px, -1.5625vw, -24px); right: clamp(20px, 2.0833333333vw, 40px); align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); }
.cm_overview207 .ovw207_sns_link { width: clamp(28.8px, 1.875vw, 36px); height: clamp(28.8px, 1.875vw, 36px); }
.cm_overview207 .ovw207_sns_link::before { display: inline-block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_overview207 .ovw207_sns_link.blog::before { background-image: url("../../images/common/sns_blog.svg"); }
.cm_overview207 .ovw207_sns_link.facebook::before { background-image: url("../../images/common/sns_facebook.svg"); }
.cm_overview207 .ovw207_sns_link.instagram::before { background-image: url("../../images/common/sns_instagram.svg"); }
.cm_overview207 .ovw207_sns_link.youtube::before { background-image: url("../../images/common/sns_youtube.svg"); }
.cm_overview207 .ovw207_wrap { display: flex; flex-direction: column; width: 100%; margin-top: clamp(30px, 3.125vw, 60px); padding-right: clamp(48px, 3.125vw, 60px); padding-bottom: clamp(48px, 3.125vw, 60px); gap: clamp(25px, 3.125vw, 60px); }
.cm_overview207 .ovw207_wrap_in1 { display: flex; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_overview207 .ovw207_wrap_in2 { display: flex; flex-wrap: wrap; gap: clamp(14px, 1.25vw, 24px) clamp(38.4px, 2.5vw, 48px); }
.cm_overview207 .ovw207_group { display: flex; flex-direction: column; gap: clamp(14px, 1.25vw, 24px); }
.cm_overview207 .ovw207_in { display: flex; align-items: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview207 .ovw207_in .cm_icon { margin-top: clamp(1.6px, 0.1041666667vw, 2px); }
.cm_overview207 .ovw207_name { font-weight: 700; font-size: clamp(22px, 2.0833333333vw, 40px); }
.cm_overview207 .ovw207_position { display: inline-grid; place-items: center; aspect-ratio: 1/1; min-width: clamp(40px, 2.8645833333vw, 55px); min-height: clamp(40px, 2.8645833333vw, 55px); background: url("../../images/common/member_bg.svg") no-repeat center/100% 100%; }
.cm_overview207 .ovw207_position span { margin-top: clamp(4.8px, 0.3125vw, 6px); padding: 0 clamp(8px, 0.5208333333vw, 10px); color: #fff; font-weight: 700; font-size: clamp(13px, 0.9895833333vw, 19px); line-height: 1.2; word-break: keep-all; }
.cm_overview207 .ovw207_text { font-size: clamp(14px, 0.9895833333vw, 19px); }
.cm_overview209 { position: relative; margin-bottom: clamp(160px, 9.8958333333vw, 190px); }
.cm_overview209 .ovw209_top { display: flex; position: relative; justify-content: center; aspect-ratio: 1020/572; width: calc(100% - clamp(32px, 2.0833333333vw, 40px)); height: clamp(430px, 29.7916666667vw, 572px); margin-left: auto; padding: clamp(30px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(48px, 4.1666666667vw, 80px) clamp(48px, 4.1666666667vw, 80px) clamp(100px, 10.4166666667vw, 200px) 0; background: linear-gradient(131deg, rgba(165, 49, 140, 0.1) 11.94%, rgba(0, 160, 229, 0.1) 91.63%); }
.cm_overview209 .ovw209_top .center { display: flex; align-items: center; justify-content: center; height: fit-content; gap: clamp(18px, 1.6666666667vw, 32px); }
.cm_overview209 .ovw209_top .navi_btn { display: flex; align-items: center; justify-content: center; width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); padding: clamp(6.4px, 0.4166666667vw, 8px); border: 1px solid #ccc; border-radius: 50%; background-color: #fff; box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1); }
.cm_overview209 .ovw209_top .today_txt { font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); }
.cm_overview209 .ovw209_top .right { position: absolute; top: clamp(32px, 2.0833333333vw, 40px); right: clamp(32px, 2.0833333333vw, 40px); height: fit-content; }
.cm_overview209 .ovw209_top .today_btn { display: flex; align-items: center; justify-content: center; height: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #007eb4; color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview209 .ovw209_bottom { display: flex; z-index: 1; position: absolute; top: clamp(89.6px, 5.8333333333vw, 112px); left: 0; width: calc(100% - clamp(25.6px, 1.6666666667vw, 32px)); padding: clamp(20px, 2.0833333333vw, 40px); border: 1px solid #e6e6e6; border-radius: clamp(25.6px, 1.6666666667vw, 32px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.cm_overview209 .ovw209_bottom .left { width: 48.6%; padding-right: clamp(19.2px, 1.25vw, 24px); background-image: repeating-linear-gradient(to bottom, #dedede 0 12px, transparent 12px 25px); background-position: right; background-size: 1.6px 100%; background-repeat: no-repeat; }
.cm_overview209 .ovw209_bottom .right { width: 51.4%; padding-left: clamp(19.2px, 1.25vw, 24px); }
.cm_overview209 .today_area { display: flex; margin-bottom: clamp(16px, 1.0416666667vw, 20px); gap: clamp(9.6px, 0.625vw, 12px); }
.cm_overview209 .today_area .icon { display: flex; align-items: center; justify-content: center; width: clamp(48px, 3.3333333333vw, 64px); height: clamp(48px, 3.3333333333vw, 64px); padding: clamp(12.8px, 0.8333333333vw, 16px); border-radius: 50%; background-color: #f3f6f9; color: #007eb4; }
.cm_overview209 .today_area .t_texts { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview209 .today_area .t_text1 { color: #333; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview209 .today_area .t_text2 { font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
.cm_overview209 .content_area { height: clamp(320px, 18.2291666667vw, 350px); overflow: hidden; }
.cm_overview209 .content_scroll { height: 100%; overflow-y: auto; }
.cm_overview209 .content_inner { display: flex; flex-direction: column; height: 100%; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview209 .content_con { display: flex; flex-direction: column; padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f6f9; }
.cm_overview209 .c_in1 { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview209 .c_in2 { display: flex; flex-direction: column; padding-top: clamp(16px, 1.0416666667vw, 20px); gap: clamp(9.6px, 0.625vw, 12px); border-top: 1px solid #ccc; }
.cm_overview209 .c_text1 { font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
.cm_overview209 .c_text2 { color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview209 .c_text2.dot { position: relative; padding-left: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview209 .c_text2.dot:before { position: absolute; top: clamp(8px, 0.5208333333vw, 10px); left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); border-radius: 1000px; background-color: var(--color-text-basic); content: ""; }
.cm_overview209 .c_info { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); }
.cm_overview209 .c_wrap { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_overview209 .c_wrap .cm_icon { color: #007eb4; }
.cm_overview210 { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(9.6px, 0.625vw, 12px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview210 .title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview210 .sub { display: flex; flex-wrap: wrap; gap: clamp(4px, 0.2604166667vw, 5px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview210 .sub_wrap { display: flex; align-items: center; gap: clamp(8px, 0.5208333333vw, 10px) clamp(19.2px, 1.25vw, 24px); }
.cm_overview210 .sub_txt { font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview210 .sub_wrap dt { position: relative; flex-shrink: 0; align-self: flex-start; }
.cm_overview210 .sub_wrap dt:before { position: absolute; top: 50%; left: calc(100% + clamp(9.6px, 0.625vw, 12px)); width: 1px; height: 12px; transform: translateY(-50%); background-color: #ccc; content: ""; }
.cm_overview210 .sub_wrap dd { flex: 1; min-width: 0; }
.cm_overview211 .ovw211_list { display: flex; align-items: stretch; justify-content: space-between; gap: clamp(16px, 3.3333333333vw, 64px); }
.cm_overview211 .ovw211_list li { display: flex; position: relative; flex: 1; }
.cm_overview211 .ovw211_list li:after { display: inline-block; position: absolute; top: 50%; left: 100%; aspect-ratio: 1/1; width: clamp(13px, 1.25vw, 24px); transform: translate(clamp(2px, 1.0416666667vw, 20px), -50%); background: url("../../images/common/icon_arr_right7.svg") no-repeat center/contain; content: ""; }
.cm_overview211 .ovw211_list li:last-child:after { display: none; }
.cm_overview211 .ovw211_box { display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; min-height: clamp(73.6px, 4.7916666667vw, 92px); padding: clamp(10px, 0.8333333333vw, 16px) clamp(8px, 1.25vw, 24px); gap: clamp(4px, 0.2604166667vw, 5px) clamp(12px, 1.25vw, 24px); border: 1px solid #ccc; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; }
.cm_overview211 .ovw211_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(40px, 3.125vw, 60px); padding: clamp(5px, 0.7291666667vw, 14px); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #f3f6f9; color: #007eb4; }
.cm_overview211 .ovw211_text { font-size: clamp(13px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview212 .ovw212_list { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: clamp(12px, 1.25vw, 24px); }
.cm_overview212 .ovw212_link { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(64px, 4.1666666667vw, 80px); padding: clamp(10px, 1.0416666667vw, 20px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #fff; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.16); }
.cm_overview212 .ovw212_logo { max-width: clamp(100px, 9.375vw, 180px); max-height: clamp(30px, 2.5vw, 48px); object-fit: contain; }
.cm_overview213 .ovw213_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.cm_overview213 .ovw213_item { display: flex; flex-direction: column; align-items: center; padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(12px, 1.25vw, 24px); border: 1px solid #e6e6e6; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.cm_overview213 .ovw213_tag { height: clamp(27.2px, 1.7708333333vw, 34px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); color: #fff; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
.cm_overview213 .ovw213_tag.color1 { background-color: #8eaf3c; }
.cm_overview213 .ovw213_tag.color2 { background-color: #806e94; }
.cm_overview213 .ovw213_tag.color3 { background-color: #408d7b; }
.cm_overview213 .ovw213_tag.color4 { background-color: #0188a8; }
.cm_overview213 .ovw213_center { display: flex; flex-direction: column; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_overview213 .ovw213_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); padding: clamp(12px, 1.0416666667vw, 20px); border-radius: 50%; background-color: #f4f5f6; }
.cm_overview213 .ovw213_title { color: #000; font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); text-align: center; }
.cm_overview214 .ovw214_list { display: flex; }
.cm_overview214 .ovw214_box { position: relative; width: 100%; height: 100%; }
.cm_overview214 .ovw214_box_content { display: flex; z-index: 2; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(290px, 18.2291666667vw, 350px); }
.cm_overview214 .ovw214_box_wrap { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; width: 85%; height: 85%; gap: clamp(4px, 0.2604166667vw, 5px); }
.cm_overview214 .ovw214_img { aspect-ratio: 1/1; width: clamp(100px, 9.375vw, 180px); background-position: center; background-size: contain; background-repeat: no-repeat; }
.cm_overview214 .ovw214_box.box1 .ovw214_img { background-image: url("../../images/common/3d_img4.png"); }
.cm_overview214 .ovw214_box.box2 .ovw214_img { background-image: url("../../images/common/3d_img5.png"); }
.cm_overview214 .ovw214_box.box3 .ovw214_img { background-image: url("../../images/common/3d_img6.png"); }
.cm_overview214 .ovw214_title { font-weight: 700; font-size: clamp(16px, 1.1458333333vw, 22px); text-align: center; }
.cm_overview214 .ovw214_btn { display: flex; z-index: 1; position: absolute; right: -7px; bottom: -5px; align-items: center; justify-content: center; width: clamp(42px, 2.7083333333vw, 52px); height: clamp(42px, 2.7083333333vw, 52px); overflow: hidden; border-radius: 50%; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.cm_overview214 .ovw214_btn::before { position: absolute; inset: 0px; background: linear-gradient(139deg, #e65073 14.56%, #2274df 86.44%); content: ""; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.cm_overview214 .ovw214_btn .cm_icon::before { background-color: #808080; transition: color 0.3s ease; }
.cm_overview214 .ovw214_box .bg_svg { display: block; position: absolute; width: 100%; height: 100%; inset: 0; transition: opacity 0.3s ease; }
.cm_overview214 .ovw214_box .bg_default { opacity: 1; }
.cm_overview214 .ovw214_box .bg_hover { opacity: 0; }
.cm_overview214 .ovw214_box:hover .bg_default { opacity: 0; }
.cm_overview214 .ovw214_box:hover .bg_hover { opacity: 1; }
.cm_overview214 .ovw214_box:hover .ovw214_btn::before { opacity: 1; }
.cm_overview214 .ovw214_box:hover .ovw214_btn .cm_icon::before { background-color: #fff; }
.cm_overview215 { display: flex; align-items: center; gap: clamp(25px, 3.125vw, 60px); }
.cm_overview215 .ovw215_donut { position: relative; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(150px, 13.75vw, 264px); }
.cm_overview215 .ovw215_donut canvas { width: 100%; height: auto; }
.cm_overview215 .ovw215_texts { display: flex; position: absolute; flex-direction: column; align-items: center; justify-content: center; inset: 0; transform: translateY(10px); pointer-events: none; }
.cm_overview215 .ovw215_label { color: #000; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_overview215 .ovw215_value { color: var(--color-text-secondary); font-weight: 700; font-size: clamp(30px, 3.125vw, 60px); letter-spacing: 1px; }
.cm_overview215 .ovw215_info { display: flex; flex-direction: column; gap: clamp(14px, 1.25vw, 24px); }
.cm_overview215 .ovw215_title { font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); letter-spacing: 1px; word-break: keep-all; }
.cm_overview215 .ovw215_title .point { color: var(--color-pink-70); }
.cm_overview215 .ovw215_explain { font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_overview215 .ovw215_info .cm_btn_area { margin-top: 0; }
.cm_overview216 { padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
.cm_overview216 .ovw216_list { display: flex; flex-direction: column; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_overview216 .ovw216_list .ovw216_item { position: relative; padding-top: clamp(9.6px, 0.625vw, 12px); }
.cm_overview216 .ovw216_list .ovw216_step { display: inline-flex; position: absolute; top: 0; left: clamp(25.6px, 1.6666666667vw, 32px); align-items: center; justify-content: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: 99px; background: var(--color-text-primary); color: #fff; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
.cm_overview216 .ovw216_list .ovw216_box { display: flex; align-items: start; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.cm_overview216 .ovw216_list .ovw216_box .ovw216_icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #f4f5f6; }
.cm_overview216 .ovw216_list .ovw216_box .ovw216_content { flex: 1 1 0; min-width: 0; }
.cm_overview216 .ovw216_list .ovw216_box .ovw216_content .title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.cm_overview216 .ovw216_list .ovw216_box .ovw216_content .desc.btn { display: flex; flex-wrap: wrap; align-items: end; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(16px, 1.0416666667vw, 20px); }
.cm_overview217 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.cm_overview217 .ovw127_img { aspect-ratio: 4/3; width: 100%; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_overview217 .ovw127_img img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview217 .ovw127_title { margin-top: clamp(19.2px, 1.25vw, 24px); padding: 0 clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }

/* 공통 페이징 */
.cm_paging1 { --paging_size: clamp(22px, 2.5vw, 48px); --paging_radius: clamp(6.4px, 0.4166666667vw, 8px); display: flex; align-items: center; justify-content: center; margin-top: clamp(20px, 2.0833333333vw, 40px); }
.cm_paging1 .page_control { display: block; flex: 0 0 auto; width: var(--paging_size); height: var(--paging_size); margin: 0 2px; overflow: hidden; border-radius: var(--paging_radius); background-position: center; background-size: auto 50%; background-repeat: no-repeat; background-color: #fff; text-indent: 100%; white-space: nowrap; }
.cm_paging1 .page_control.prev { background-image: url(../../images/common/icon_arr_left.svg); }
.cm_paging1 .page_control.next { background-image: url(../../images/common/icon_arr_right.svg); }
.cm_paging1 .paging_page { display: flex; flex-wrap: wrap; margin: 0 5px; }
.cm_paging1 .page_control.disabled { cursor: default; opacity: 0.5; }
.cm_paging1 .page_link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: var(--paging_size); height: var(--paging_size); margin: 0 2px; padding: 0 5px; border-radius: 50%; background-position: center; background-repeat: no-repeat; color: #333; }
.cm_paging1 .page_link.link_dot { -webkit-mask-size: clamp(10px, 1.25vw, 24px); mask-size: clamp(10px, 1.25vw, 24px); -webkit-mask: url(../../images/common/icon_ellipsis_horizontal.svg) no-repeat center; background-image: unset; background-color: currentColor; mask: url(../../images/common/icon_ellipsis_horizontal.svg) no-repeat center; }
.cm_paging1 .page_link:not(.link_dot):hover,
.cm_paging1 .page_control:not(.disabled):hover { background-color: #f4f4f4; }
.cm_paging1 .page_link.active { background-color: var(--color-button-primary-default) !important; color: #fff !important; font-weight: bold; }
.cm_paging2 { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(20px, 2.0833333333vw, 40px); overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_paging2 .page_control { display: flex; position: relative; flex: 1 1 0; align-items: center; min-width: 0; padding: clamp(19.2px, 1.25vw, 24px); gap: 0 clamp(16px, 1.25vw, 24px); text-decoration: none; transition: opacity 0.2s, color 0.2s, background-color 0.2s, border-color 0.2s; }
.cm_paging2 .page_control:before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(32px, 2.5vw, 48px); border: 1px solid transparent; border-radius: 1000px; background-position: center; background-size: 42%; background-repeat: no-repeat; background-color: var(--color-background-gray); content: ""; transition: background-color 0.2s, border-color 0.2s, background-image 0.2s; }
.cm_paging2 .page_control.next { flex-direction: row-reverse; }
.cm_paging2 .page_control.prev:after { position: absolute; top: 50%; right: 0; width: 1px; height: clamp(16px, 1.6666666667vw, 32px); transform: translateY(-50%); background: #999; content: ""; }
.cm_paging2 .page_control.prev:before { background-image: url(../../images/common/icon_arr_left.svg); }
.cm_paging2 .page_control.next:before { background-image: url(../../images/common/icon_arr_right.svg); }
.cm_paging2 .page_control_content { display: flex; flex-direction: column; width: 100%; min-width: 0; gap: 5px; }
.cm_paging2 .page_control.next .page_control_content { align-items: flex-end; }
.cm_paging2 .page_txt { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1; transition: color 0.2s; }
.cm_paging2 .page_title { max-width: 100%; overflow: hidden; color: #666; font-size: clamp(13px, 0.8854166667vw, 17px); text-overflow: ellipsis; white-space: nowrap; }
.cm_paging2 .page_control:not(.none):hover { border-color: var(--color-primary-30); background-color: var(--color-primary-10); }
.cm_paging2 .page_control:not(.none):hover:before { border-color: var(--color-primary-30); background-color: var(--color-primary-20); }
.cm_paging2 .page_control:not(.none):hover.prev:before { background-image: url(../../images/common/icon_arr_left4.svg); }
.cm_paging2 .page_control:not(.none):hover.next:before { background-image: url(../../images/common/icon_arr_right6.svg); }

/* 공통 약관 */
.cm_policy { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_policy .plcy_title { color: var(--color-text-basic); font-weight: 700; font-size: clamp(17px, 1.0416666667vw, 20px); line-height: 1.4; word-break: keep-all; }
.cm_policy .plcy_terms { padding: clamp(6px, 0.625vw, 12px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; line-height: 1.6; word-break: keep-all; }
.cm_policy .plcy_terms .content { max-height: clamp(180px, 10.4166666667vw, 200px); padding: clamp(12px, 1.4583333333vw, 28px); overflow: auto; }
.cm_policy .plcy_agree { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6666666667vw, 32px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: var(--color-background-neutral-lightest); }
.cm_policy .plcy_agree .plcy_agree_text { flex: 1; min-width: 0; color: var(--color-text-basic); font-weight: 600; }
.cm_policy .plcy_agree .plcy_agree_choice { flex-shrink: 0; }

/* 공통 검색 */
.search_category { min-width: clamp(104px, 6.7708333333vw, 130px); }
.cm_search2 { display: flex; flex-direction: column; margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f4f5f6; }
.cm_search2 .search_row { display: grid; grid-template-columns: min-content min-content min-content min-content; align-items: center; gap: clamp(9.6px, 0.625vw, 12px) clamp(15px, 1.25vw, 24px); }
.cm_search2 .search_row.center { justify-content: center; }
.cm_search2 .search_item { display: grid; grid-template-columns: subgrid; grid-column: span 2; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_search2 .search_label { font-weight: bold; white-space: nowrap; }
.cm_search2.custom1 .search_item { display: flex; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search2.custom1 .search_item .item_wrap { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search2.custom2 .search_category { width: 268px; }
.cm_search3 { display: flex; justify-content: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search3.box { margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f4f5f6; }
.cm_search3 .form_control { font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_search3 .input_wrap { position: relative; }
.cm_search3 .search_category { width: clamp(104px, 6.7708333333vw, 130px); }
.cm_search3 .search_input { width: clamp(288px, 18.75vw, 360px); }
.cm_search3 .btn_search { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); aspect-ratio: 1/1; width: 30px; transform: translateY(-50%); background: url(../../images/common/icon_search2.svg) no-repeat center/80%; }
.cm_search3 .input_wrap input[type=search] { padding-right: calc(30px + clamp(12.8px, 0.8333333333vw, 16px)) !important; }
.cm_search3 .input_wrap input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; aspect-ratio: 1/1; width: 30px; margin-right: clamp(3.2px, 0.2083333333vw, 4px); background: url("../../images/common/icon_cross.svg") no-repeat center/80%; cursor: pointer; }
.cm_search3.type_label_text { align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search3.type_label_text .label_text { font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_search4 { position: relative; padding: clamp(16px, 2.0833333333vw, 40px); border-radius: clamp(12px, 1.25vw, 24px) clamp(12px, 1.25vw, 24px) clamp(24px, 4.1666666667vw, 80px) clamp(24px, 4.1666666667vw, 80px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
.cm_search4.style2 { padding: clamp(16px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: unset; }
.cm_search4.character::before { position: absolute; top: clamp(-90px, -4.6875vw, -50px); right: clamp(-35px, -1.8229166667vw, -28px); aspect-ratio: 161/165; width: clamp(90px, 8.3854166667vw, 161px); background: url("../../images/common/character_love.svg") no-repeat center/contain; content: ""; }
.cm_search4 .search_box { display: flex; flex-direction: column; padding-bottom: clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(19.2px, 1.25vw, 24px); background-image: repeating-linear-gradient(to right, #dedede 0 12px, transparent 12px 25px); background-position: bottom; background-size: 100% 1.6px; background-repeat: no-repeat; }
.cm_search4 .row_con { display: flex; gap: clamp(15px, 2.5vw, 48px); }
.cm_search4 .col_subject { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(16px, 1.25vw, 24px) clamp(12px, 1.4583333333vw, 28px); gap: clamp(10px, 1.0416666667vw, 20px); border-radius: 12px; background-color: #fff2f3; }
.cm_search4 .col_subject .c_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); padding: clamp(12px, 0.78125vw, 15px); border-radius: 50%; background-color: #fff; }
.cm_search4 .col_subject .c_icon::before { display: inline-block; aspect-ratio: 1/1; width: clamp(24px, 1.5625vw, 30px); height: auto; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_search4 .col_subject .c_icon.sprout::before { background-image: url("../../images/common/category_sprout.svg"); }
.cm_search4 .col_subject .c_icon.home::before { background-image: url("../../images/common/category_home.svg"); }
.cm_search4 .col_subject .c_icon.star::before { background-image: url("../../images/common/category_star.svg"); }
.cm_search4 .col_subject .c_txt { color: #333; font-weight: 700; font-size: clamp(15px, 1.0416666667vw, 20px); word-break: auto-phrase; }
.cm_search4 .col_check { display: flex; align-items: center; }
.cm_search4 .result_box { margin-top: clamp(19.2px, 1.25vw, 24px); }
.cm_search4 .result_box.type2 { display: flex; align-items: center; justify-content: center; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_search4 .result_in { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_search4 .result_btn { display: flex; align-items: center; justify-content: center; padding: clamp(10px, 0.8333333333vw, 16px) clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(5px, 0.625vw, 12px); border-radius: 99px; font-size: clamp(13.6px, 0.8854166667vw, 17px); text-align: center; }
.cm_search4 .result_btn.rotate { border: 1px solid #ddd; background-color: #fff; }
.cm_search4 .result_btn.search { border: 1px solid #d5395e; background-color: #d5395e; color: #fff; font-weight: 700; }
.cm_search5 { display: flex; position: relative; align-items: center; justify-content: center; margin-top: clamp(-45px, -2.34375vw, -20px); padding: 20px clamp(20px, 3.125vw, 60px); gap: clamp(19.2px, 1.25vw, 24px); border: 1px solid #e6e6e6; border-radius: clamp(10px, 5.15625vw, 99px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.cm_search5 .search_row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; gap: 12px clamp(15px, 1.25vw, 24px); }
.cm_search5 .search_item { display: flex; flex: 1; align-items: baseline; gap: clamp(8px, 0.5208333333vw, 10px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search5 .search_label { font-weight: bold; white-space: nowrap; }
.cm_search5 .search_content { display: flex; flex: 1; }
.cm_search5 .form_control { flex: 1; width: clamp(144px, 9.375vw, 180px); max-width: 100%; border: 1px solid #999; border-radius: clamp(4.8px, 0.3125vw, 6px); }
.cm_search5 .form_control.search_input { width: clamp(192px, 12.5vw, 240px); }
.cm_search5 .input_wrap { display: flex; flex: 1; gap: clamp(8px, 0.5208333333vw, 10px) clamp(10px, 0.8333333333vw, 16px); }
.cm_search5 .input_wrap .btn_wrap { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search5 .input_wrap button { aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); border: 1px solid #999; border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #fff; }
.cm_search6 .search6_box { z-index: 1; position: relative; padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
.cm_search6 .search6_box .box_top { display: flex; flex-direction: column; gap: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_search6 .search6_box .form_row { display: flex; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_search6 .search6_box .form_row .form_label { width: 92px; font-weight: 700; }
.cm_search6 .search6_box .form_row .form_content { flex: 1 1 0; min-width: 0; }
.cm_search6 .search6_box .form_row.type2 { align-items: baseline; }
.cm_search6 .search6_box .box_bottom { display: flex; align-items: center; justify-content: center; margin-top: clamp(32px, 2.0833333333vw, 40px); padding-top: clamp(32px, 2.0833333333vw, 40px); border-top: 1px solid #ccc; }
.cm_search6 .search6_box .box_bottom .input_wrap { display: flex; align-items: center; gap: clamp(11.2px, 0.7291666667vw, 14px); }
.cm_search6 .search6_box .box_bottom .input_wrap .search_label { font-weight: 700; }
.cm_search6 .search6_box .box_bottom .input_wrap .search_input { display: flex; position: relative; align-items: center; width: clamp(288px, 18.75vw, 360px); }
.cm_search6 .search6_box .box_bottom .input_wrap .search_input input[type=search] { width: 100%; border: 0; }
.cm_search6 .search6_box .box_bottom .input_wrap .search_input .search_btn { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_search2.svg) no-repeat center/contain; }
.cm_search6 .search6_foot_box { display: none; margin-top: clamp(-16px, -0.8333333333vw, -12.8px); padding: clamp(32px, 2.0833333333vw, 40px); padding-top: clamp(44.8px, 2.9166666667vw, 56px); border: 1px solid #ccc; border-radius: 0 0 clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search6.active .search6_foot_box { display: block; }
.cm_search6 .search6_foot_box .d-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(9.6px, 0.625vw, 12px) clamp(48px, 3.125vw, 60px); }
.cm_search6 .search6_foot_box .form_row { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search6 .search6_foot_box .form_row .form_label { flex-shrink: 0; font-weight: 700; }
.cm_search6 .search6_foot_box .form_row .form_content { flex: 1 1 0; min-width: 0; }
.cm_search7 { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f4f5f6; }
.cm_search7 .search_row { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7 .search_row.left { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 .search_row.right { gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 .search_item { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 .search_item .search_label { font-weight: 700; }
.cm_search7 .search_item.year { width: clamp(128px, 8.3333333333vw, 160px); }
.cm_search7 .search_item.period .search_content { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 .search_item.period .cm_form_period { gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 .search_item.period .btns { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_search7 .search_item.period .btns .cm_btn { width: clamp(51.2px, 3.3333333333vw, 64px); min-width: 0; height: var(--form_height); padding-right: 0; padding-left: 0; }
.cm_search7 > .right .btns { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7 > .right .btns .reset { aspect-ratio: 1/1; min-width: 0; margin: 0; padding-right: 0; padding-left: 0; }
.cm_search7 > .left .search_row { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7 > .left .search_row.top select.form_control { width: clamp(128px, 8.3333333333vw, 160px); }
.cm_search7 > .left .search_row.bottom .search_content .content_inner { display: flex; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7 > .left .search_row.bottom .search_content .content_inner .form_control { width: clamp(176px, 11.4583333333vw, 220px); }
.cm_search7.type2 { display: flex; align-items: end; justify-content: space-between; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type2 .search_item { flex-direction: row; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type2 .search_item .search_label { min-width: clamp(60.8px, 3.9583333333vw, 76px); }
.cm_search7.type2 > .left,
.cm_search7.type3 > .left { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type3 .left { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type3 .search_row.row2,
.cm_search7.type3 .search_row.row3 { display: flex; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type3 .search_item { flex-direction: row; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type3 .search_item .search_label { min-width: clamp(60.8px, 3.9583333333vw, 76px); }
x .cm_search7.type3 .left .search_row.bottom .search_content .content_inner .cm_btn { width: clamp(73.6px, 4.7916666667vw, 92px); }
.cm_search7.type4 { display: flex; flex-direction: column; align-items: start; justify-content: start; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type4 .search_row { display: flex; width: 100%; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type4 .row_item { display: flex; width: 100%; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_search7.type4 .search_item { flex-direction: row; align-items: center; }
.cm_search7.type4 .search_item .search_label { min-width: clamp(49.6px, 3.2291666667vw, 62px); }
.cm_search7.type4 .cm_chk_wrap { gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type4 .cm_form_period { gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7.type4 .cm_form_period .form_control.datepicker { width: clamp(144px, 9.375vw, 180px); background-size: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type4 .row2 .content1_inner { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type4 .row2 .select_wrap { display: flex; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type4 .row3 .btns { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_search7.type4 .row3 .btns .cm_btn { min-width: 0; height: var(--form_height_md); }
.cm_search7.type4 .row3 .btns .reset { aspect-ratio: 1/1; min-width: 0; margin: 0; padding-right: 0; padding-left: 0; }
.cm_search7.type5 .search_row { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: clamp(9.6px, 0.625vw, 12px); }
.cm_search7.type5 .search_row .row_item.left { display: flex; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_search7.type5 .search_row .row_item.left .search_item { display: flex; flex-direction: row; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_search7.type5 .search_row .row_item.left .search_label { width: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_search7.type5 .search_row .row_item.right .cm_search3.box { margin: 0; padding: 0; }
.cm_sort { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(8px, 0.5208333333vw, 10px); line-height: 1.3; }
.cm_sort .sort_label { margin-right: clamp(3.2px, 0.2083333333vw, 4px); font-weight: bold; }
.cm_sort .sort_item { padding: clamp(1.6px, 0.1041666667vw, 2px) clamp(3.2px, 0.2083333333vw, 4px); border-radius: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_sort .sort_item.active { background-color: var(--color-gray-10); }

/* 사이드바 */
.cm_sidebar { --snb_bg_left: clamp(204px, 13.28125vw, 255px); --snb_bg_top: clamp(116px, 7.5520833333vw, 145px); display: flex; position: relative; gap: 0 clamp(30px, 3.3333333333vw, 64px); }
.cm_sidebar:before { z-index: 2; position: absolute; top: var(--snb_bg_top); right: -50vw; bottom: -27vh; left: var(--snb_bg_left); border-radius: clamp(80px, 5.2083333333vw, 100px) 0 0 0; background: #fff; box-shadow: 10px 0 9px 0 rgba(0, 0, 0, 0.08); content: ""; pointer-events: none; }
.cm_sidebar .sidebar_nav { flex-shrink: 0; width: clamp(260px, 14.7916666667vw, 284px); margin-top: clamp(32px, 2.0833333333vw, 40px); }
.cm_sidebar .depth1_item { display: flex; position: relative; align-items: center; justify-content: center; height: clamp(136px, 8.8541666667vw, 170px); padding: clamp(8px, 0.5208333333vw, 10px); overflow: hidden; border-radius: clamp(16px, 1.0416666667vw, 20px) clamp(48px, 3.125vw, 60px) clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px); background: linear-gradient(145.33deg, #a5318c 11.937%, #00a0e5 91.634%); box-shadow: -8px -8px 12px 0px rgba(0, 119, 255, 0.12); }
.cm_sidebar .depth1_item:before { display: none; }
.cm_sidebar .depth1_item span { position: relative; color: #fff; font-weight: bold; font-size: clamp(22px, 1.4583333333vw, 28px); letter-spacing: 1px; }
.cm_sidebar .sidebar_depth2_list_wrap { z-index: 1; position: relative; padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(16px, 1.0416666667vw, 20px) clamp(48px, 3.125vw, 60px) clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px); background: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); }
.cm_sidebar .sidebar_depth2_wrap { z-index: 2; position: relative; padding: 24px 32px; border-radius: 20px 60px 20px 20px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.cm_sidebar .sidebar_depth2 { display: flex; flex-direction: column; }
.cm_sidebar .sidebar_depth2 > li > a { display: flex; position: relative; align-items: center; justify-content: space-between; padding: clamp(15.2px, 0.9895833333vw, 19px) 0; padding-right: clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: none; border-bottom: 1px solid #ccc; border-radius: 0; color: #333; font-weight: bold; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1.2; }
.cm_sidebar .sidebar_depth2 > li > a:after { display: none; position: absolute; top: 50%; right: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_nav_arr_right.svg) no-repeat center/contain; content: ""; }
.cm_sidebar .sidebar_depth2 > li > a[target=_blank]:after,
.cm_sidebar .sidebar_depth2 > li > a.blank_icon:after { display: block; background-image: url(../../images/common/icon_open_new_window.svg); }
.cm_sidebar .sidebar_depth2 > li.active > a { border-bottom: 2px solid var(--color-pink-70); color: var(--color-pink-70); font-weight: bold; }
.cm_sidebar .sidebar_depth2 > li.active > a:after { display: block; }
.cm_sidebar .sidebar_depth3_wrap { display: none; }
.cm_sidebar .sidebar_depth2 > li.active .sidebar_depth3_wrap { display: block; }
.cm_sidebar .sidebar_depth3 { display: flex; flex-direction: column; padding: clamp(6.4px, 0.4166666667vw, 8px) 0; gap: clamp(3.2px, 0.2083333333vw, 4px) 0; border-bottom: 1px solid #ccc; }
.cm_sidebar .sidebar_depth3 > li > a { display: flex; position: relative; align-items: center; justify-content: space-between; padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(4.8px, 0.3125vw, 6px) clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(4.8px, 0.3125vw, 6px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.2; }
.cm_sidebar .sidebar_depth3 > li > a:after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(14px, 0.9375vw, 18px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_sidebar .sidebar_depth3 > li > a[target=_blank]:after,
.cm_sidebar .sidebar_depth3 > li > a.blank_icon:after { background-image: url(../../images/common/icon_open_new_window.svg); }
.cm_sidebar .sidebar_depth3 > li > a span { display: flex; position: relative; align-items: flex-start; gap: clamp(4.8px, 0.3125vw, 6px) clamp(6.4px, 0.4166666667vw, 8px); }
.cm_sidebar .sidebar_depth3 > li > a span:before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 4px; margin-top: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 1000px; background-color: #333; content: ""; }
.cm_sidebar .sidebar_depth3 > li.active > a { color: var(--color-text-primary); font-weight: 600; }
.cm_sidebar .sidebar_depth3 > li.active > a span:before { background-color: #000; }
.cm_sidebar .sidebar_content { z-index: 2; position: relative; flex: 1; min-width: 0; }
.cm_sidebar .sub_page_content > .inner { padding-right: 0; padding-left: 0; }
.cm_sidebar .sidebar_content.has_top_search { padding-top: clamp(176px, 11.4583333333vw, 220px); }
html.community .cm_sidebar .sidebar_nav { margin-top: 0; }
html.community .cm_sidebar:before { top: calc(var(--snb_bg_top) - 40px); }
html.community .cm_sidebar .sidebar_content.has_top_search { padding-top: clamp(144px, 9.375vw, 180px); }

/* 공통 단계 */
.cm_step { display: flex; align-items: center; justify-content: space-between; max-width: clamp(592px, 38.5416666667vw, 740px); margin: 0 auto; margin-bottom: clamp(15px, 2.6041666667vw, 50px); gap: 0 10px; }
.cm_step > li { display: flex; position: relative; flex: 1; flex-direction: column; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); text-align: center; }
.cm_step > li:before { display: block; aspect-ratio: 1/1; width: clamp(35px, 3.6458333333vw, 70px); border: 1px solid var(--color-border-gray-light); border-radius: 1000px; background-position: center; background-size: 59%; background-repeat: no-repeat; background-color: #fff; content: ""; }
.cm_step > li:after { position: absolute; top: clamp(17.5px, 1.8229166667vw, 35px); right: calc(-50% - 10px + clamp(21px, 2.6041666667vw, 50px)); left: calc(50% + clamp(21px, 2.6041666667vw, 50px)); height: 2px; transform: translateY(-50%); background-image: radial-gradient(circle closest-side, var(--color-primary-30) 99%, transparent 100%); background-size: 6px 100%; content: ""; }
.cm_step > li:last-child:after { display: none; }
.cm_step > li.list1:before { background-image: url(../../images/common/join_step_icon1.svg); }
.cm_step > li.list2:before { background-image: url(../../images/common/join_step_icon2.svg); }
.cm_step > li.list3:before { background-image: url(../../images/common/join_step_icon3.svg); }
.cm_step > li.list4:before { background-image: url(../../images/common/join_step_icon4.svg); }
.cm_step > li.list5:before { background-image: url(../../images/common/join_step_icon5.svg); }
.cm_step > li.list1.active:before { background-image: url(../../images/common/join_step_icon1_active.svg); }
.cm_step > li.list2.active:before { background-image: url(../../images/common/join_step_icon2_active.svg); }
.cm_step > li.list3.active:before { background-image: url(../../images/common/join_step_icon3_active.svg); }
.cm_step > li.list4.active:before { background-image: url(../../images/common/join_step_icon4_active.svg); }
.cm_step > li.list5.active:before { background-image: url(../../images/common/join_step_icon5_active.svg); }
.cm_step > li.active:before { border-color: transparent; background-color: var(--color-primary-80); }
.cm_step .step_title { color: #000; font-weight: bold; white-space: nowrap; }
.cm_step2 { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(24px, 1.875vw, 36px); }
.cm_step2 > li { display: flex; position: relative; flex: 1; flex-direction: column; padding: clamp(10px, 1.0416666667vw, 20px); gap: clamp(4px, 0.4166666667vw, 8px); border: 1px solid var(--color-primary-20); border-radius: clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px) clamp(12px, 2.0833333333vw, 40px) clamp(9.6px, 0.625vw, 12px); background-color: var(--color-primary-0); word-break: keep-all; }
.cm_step2 > li:before { display: flex; position: absolute; top: 50%; left: calc(100% + clamp(16px, 1.0416666667vw, 20px)); flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(10px, 1.0416666667vw, 20px); transform: translateY(-50%) translateX(-50%); background: url(../../images/common/icon_arr_right4.svg) no-repeat center/contain; content: ""; }
.cm_step2 > li:last-child:before { display: none; }
.cm_step2 > li .step_icon { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(20px, 1.6666666667vw, 32px); }
.cm_step2 > li .step_icon img { width: 100%; height: 100%; object-fit: contain; }
.cm_step2 .step_label { color: var(--color-primary-100); font-weight: 700; font-size: clamp(12px, 0.6770833333vw, 13px); }
.cm_step2 .step_title { color: #333; font-weight: 700; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.4; }
.cm_step3 { display: flex; flex-direction: column; gap: clamp(16px, 1.25vw, 24px); }
.cm_step3 .step_item { display: flex; align-items: stretch; gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_step3 .step_item .step_num_wrap { display: flex; position: relative; flex-shrink: 0; flex-direction: column; align-items: center; }
.cm_step3 .step_item .step_num { display: flex; z-index: 1; position: relative; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(22px, 1.3020833333vw, 25px); height: clamp(22px, 1.3020833333vw, 25px); border-radius: 999px; background-color: var(--color-primary-80); color: #fff; font-weight: 700; font-size: 13px; line-height: 1.5; }
.cm_step3 .step_item .step_num_wrap:after { flex: 1; width: 1px; margin-top: 0; margin-bottom: clamp(-24px, -1.25vw, -19.2px); border-left: 1px dashed var(--color-primary-30); content: ""; }
.cm_step3 .step_item:last-child .step_num_wrap:after { display: none; }
.cm_step3 .step_item .step_body { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_step3 .step_title { color: #333; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1.5; }
.cm_step3 .step_content { display: flex; flex-direction: column; padding: clamp(16px, 1.25vw, 24px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 1px solid var(--color-border-gray); border-radius: clamp(8px, 0.625vw, 12px); background-color: #fff; }
.cm_step3.type2 .step_content { border: 0; background: #f3f6f9; }
.cm_step4 { display: flex; flex-direction: column; gap: clamp(24px, 2.0833333333vw, 40px); }
.cm_step4 .step_item { display: flex; z-index: 1; position: relative; flex-direction: column; gap: clamp(14px, 1.0416666667vw, 20px); }
.cm_step4 .step_item:before { z-index: -1; position: absolute; top: clamp(28px, 2.1875vw, 42px); bottom: clamp(-40px, -2.0833333333vw, -24px); left: clamp(28px, 2.1875vw, 42px); width: 2px; border-left: 2px solid var(--color-gray-20); content: ""; }
.cm_step4 .step_item:last-child:before { display: none; }
.cm_step4 .step_head { display: flex; align-items: center; gap: clamp(16px, 1.25vw, 24px); }
.cm_step4 .step_badge { display: flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 85/84; width: clamp(56px, 4.4270833333vw, 85px); padding-top: clamp(4px, 0.3125vw, 6px); background: url(../../images/common/member_bg.svg) no-repeat center/contain; }
.cm_step4 .step_badge .badge_text { color: #fff; font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); line-height: 1; letter-spacing: -0.02em; }
.cm_step4 .step_period { color: #000; font-weight: 700; font-size: clamp(19px, 1.4583333333vw, 28px); line-height: 1.3; letter-spacing: 1px; word-break: keep-all; }
.cm_step4 .step_body { padding-left: clamp(64px, 4.1666666667vw, 80px); }
.cm_step4 .step_list { display: flex; flex-direction: column; padding: clamp(20px, 2.0833333333vw, 40px); gap: clamp(10px, 0.625vw, 12px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: var(--color-background-neutral-lightest); }
.cm_step4 .step_item:nth-child(odd) .step_list { background-color: #f4f5f6; }
.cm_step4 .list_item { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(16px, 2.0833333333vw, 40px); }
.cm_step4 .list_date { display: flex; position: relative; flex-shrink: 0; align-items: center; min-width: clamp(128px, 8.3333333333vw, 160px); padding-left: clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(3.2px, 0.2083333333vw, 4px); color: var(--color-text-basic); font-weight: 700; font-size: clamp(16px, 1.1458333333vw, 22px); line-height: 1.5; }
.cm_step4 .list_date:before { position: absolute; top: 50%; left: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_bullet.svg) no-repeat center/contain; content: ""; }
.cm_step4 .list_text { flex: 1; min-width: 0; color: var(--color-text-basic); font-weight: 400; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; word-break: keep-all; }
.cm_step5 { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px) 0; }
.cm_step5 > li ~ li { position: relative; padding-left: clamp(32px, 2.0833333333vw, 40px); }
.cm_step5 > li ~ li:before { position: absolute; top: 50%; left: clamp(6.4px, 0.4166666667vw, 8px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right10.svg) no-repeat center/contain; content: ""; }
.cm_step5 .step_item { display: inline-flex; align-items: center; justify-content: center; padding: clamp(8.8px, 0.5729166667vw, 11px) clamp(19.2px, 1.25vw, 24px); border: 1px solid transparent; border-radius: 99px; background: #f4f5f6; }
.cm_step5 .active .step_item { border-color: var(--color-text-primary); background: #fff; color: var(--color-text-primary); }

/* 공통 swiper */
.cm_swiper_control .cm_swiper_navi { display: inline-flex; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); border: 1px solid #ccc; border-radius: 50%; background: #fff url(../../images/common/icon_arr_right.svg) no-repeat center/clamp(19.2px, 1.25vw, 24px); box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); transition: border-color 0.15s; }
.cm_swiper_control .cm_swiper_navi.prev { background-image: url(../../images/common/icon_arr_left.svg); }
.cm_swiper_control .cm_swiper_navi.size_lg { width: clamp(56px, 3.6458333333vw, 70px); }
.cm_swiper_control .cm_swiper_navi.size_sm { width: clamp(36px, 2.34375vw, 45px); }
.cm_swiper_control .cm_swiper_navi.swiper-button-disabled { opacity: 0.35; }
.cm_swiper_control .cm_swiper_navi.swiper-button-lock { display: none; }
.cm_swiper_control2 { display: flex; position: relative; align-items: center; justify-content: space-between; width: 100%; max-width: clamp(172px, 11.1979166667vw, 215px); gap: 8px; }
.cm_swiper_control2 .swiper_progress_area { display: flex; position: relative; align-items: center; gap: clamp(5.6px, 0.3645833333vw, 7px); }
.cm_swiper_control2 .swiper_progress_area .progress_track { width: clamp(60px, 3.90625vw, 75px); height: 2px; overflow: hidden; background: #d3d3d3; }
.cm_swiper_control2 .swiper_progress_area .progress_bar { height: 100%; background: var(--color-primary-80); }
.cm_swiper_control2 .swiper_progress_area .swiper-pagination { display: flex; position: static; align-items: center; gap: clamp(5.6px, 0.3645833333vw, 7px); font-size: clamp(13px, 0.78125vw, 15px); white-space: nowrap; }
.cm_swiper_control2 .swiper_progress_area .swiper-pagination-current { font-weight: 700; }
.cm_swiper_control2 .swiper_btns_area { display: flex; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_swiper_control2 .swiper_btns_area .btn { display: flex; width: clamp(20px, 1.25vw, 24px); height: clamp(20px, 1.25vw, 24px); background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 0.15; }
.cm_swiper_control2 .swiper_btns_area .btn:hover { opacity: 0.65; }
.cm_swiper_control2 .swiper_btns_area .btn.prev { background-image: url(../../images/common/icon_arr_left.svg); }
.cm_swiper_control2 .swiper_btns_area .btn.next { background-image: url(../../images/common/icon_arr_right.svg); }
.cm_swiper_control2 .swiper_btns_area .btn.pause { background-image: url(../../images/common/icon_pause.svg); }
.cm_swiper_control2 .swiper_btns_area .btn.play { background-image: url(../../images/common/icon_play.svg); }
.cm_swiper_control2 .swiper_btns_area .btn.swiper-button-disabled { cursor: default; opacity: 0.5; }
.cm_swiper_pagination { text-align: center; }
.cm_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet { margin: 0 3px; border-radius: 99px; background: gray; opacity: 1; }
.cm_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 16px; background: var(--color-primary-80); }

/* 공통 탭 */
.cm_tab { margin-bottom: clamp(44.8px, 2.9166666667vw, 56px); overflow: auto; word-break: keep-all; }
.cm_tab.tab1 { overflow: visible; word-break: break-all; }
.cm_tab.tab1 .tab1_list { display: grid; grid-template-columns: repeat(4, 1fr); }
.cm_tab.tab1.col6 .tab1_list { grid-template-columns: repeat(6, 1fr); }
.cm_tab.tab1 .tab1_list > li { margin-top: -1px; margin-left: -1px; border: 1px solid var(--color-gray-20); }
.cm_tab.tab1 .tab1_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: var(--form_height_lg); padding: clamp(6.4px, 0.4166666667vw, 8px); background-color: var(--color-gray-5); text-align: center; }
.cm_tab.tab1 .tab1_list > li.active { z-index: 1; position: relative; border-color: var(--color-button-primary-default); }
.cm_tab.tab1 .tab1_list > li.active .tab1_btn { background-color: var(--color-button-primary-default); box-shadow: 4px 4px 16px 0 rgba(0, 126, 180, 0.2); color: #fff; font-weight: bold; }
.cm_tab.tab2 { overflow: visible; }
.cm_tab.tab2 .tab2_list { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_tab.tab2 .tab2_list .tab2_btn { display: inline-flex; align-items: center; justify-content: center; height: 100%; min-height: clamp(32px, 2.5vw, 48px); padding: 4px clamp(12px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: 1000px; outline-offset: -5px; background: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.2; transition: background 0.3s ease; }
.cm_tab.tab2 .tab2_list .tab2_btn:hover { background-color: var(--color-gray-5); }
.cm_tab.tab2 .tab2_list .active .tab2_btn { padding-right: clamp(12px, 1.0416666667vw, 20px); padding-left: clamp(10px, 0.8333333333vw, 16px); gap: clamp(4px, 0.5208333333vw, 10px); border-color: #000; background: #fff; color: #000; font-weight: 700; opacity: 1; }
.cm_tab.tab2 .tab2_list .active .tab2_btn::before { display: inline-block; flex-shrink: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); background: url(../../images/common/icon_check.svg) no-repeat center/contain; content: ""; }
.cm_tab.tab2 .tab2_list .active .tab2_btn:focus-visible { outline: 2px dashed #fff; }
.cm_tab.tab1 + .cm_tab.tab2 { margin-top: clamp(-16px, -0.8333333333vw, -12.8px); }
.cm_tab.tab5 + .cm_tab.tab2 { margin-top: clamp(-16px, -0.8333333333vw, -12.8px); }
.cm_tab.tab2.type2 .tab2_list { gap: clamp(9.6px, 0.625vw, 12px); }
.cm_tab.tab2.type2 .tab2_list .tab2_btn { height: clamp(42.4px, 2.7604166667vw, 53px); padding: 0 clamp(16px, 1.0416666667vw, 20px); border: 1px solid #ccc; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.cm_tab.tab2.type2 .tab2_list .tab2_btn:hover { background: #fff; color: #0858dd; font-weight: 600; }
.cm_tab.tab2.type2 .tab2_list .active .tab2_btn { border: 2px solid #0858dd; color: #0858dd; }
.cm_tab.tab2.type2 .tab2_list .active .tab2_btn::before { display: none; }
.cm_tab.tab3 { margin-bottom: 0; }
.cm_tab.tab3 .tab3_list { display: flex; align-items: center; }
.cm_tab.tab3 .tab3_list > li { position: relative; margin-right: clamp(6px, 0.625vw, 12px); padding-right: clamp(6px, 0.8333333333vw, 16px); }
.cm_tab.tab3 .tab3_list > li:last-child { margin-right: 0; padding-right: 0; }
.cm_tab.tab3 .tab3_list > li:after { position: absolute; top: 50%; right: 0; width: 4px; height: 4px; transform: translateY(-50%); border-radius: 10px; background: #b79eb2; content: ""; }
.cm_tab.tab3 .tab3_list > li:last-child:after { display: none; }
.cm_tab.tab3 .tab3_list .tab_btn { display: inline-flex; align-items: center; justify-content: center; height: clamp(32px, 1.9270833333vw, 37px); padding: 0 clamp(9.6px, 0.625vw, 12px); padding-left: 0; border-radius: 99px; outline-offset: -2px; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 0.8; }
.cm_tab.tab3 .tab3_list .tab_btn:hover { color: #d5395e; font-weight: 600; }
.cm_tab.tab3 .tab3_list .active .tab_btn { margin-right: 3px; padding-left: clamp(9.6px, 0.625vw, 12px); outline-offset: -4px; background: #d5395e; color: #fff; font-weight: 700; }
.cm_tab.tab3 .tab3_list .active .tab_btn:focus-visible { outline: 2px dashed #fff; }
.cm_tab.tab3 .tab3_list .active .tab_btn:hover { background: #dd4a6c; text-decoration: none; }
.cm_tab.tab4 { margin-bottom: 0; }
.cm_tab.tab4 .tab4_list { display: flex; padding: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #eaf4ff; }
.cm_tab.tab4 .tab4_list .tab4_item { flex: 1 1 0; min-width: 0; text-align: center; }
.cm_tab.tab4 .tab4_list .tab4_button { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: clamp(42.4px, 2.7604166667vw, 53px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: color 0.15s; }
.cm_tab.tab4 .tab4_list .tab4_button:hover { color: var(--color-text-culture-primary); }
.cm_tab.tab4 .tab4_list .active .tab4_button { background: #c9e3ff; color: var(--color-text-culture-primary); }
.cm_tab.tab5 { overflow: visible; }
.cm_tab.tab5 .tab5_list { display: grid; grid-template-columns: repeat(4, 1fr); }
.cm_tab.tab5 .tab5_list > li { min-width: 0; }
.cm_tab.tab5 .tab5_btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: clamp(44.8px, 2.9166666667vw, 56px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); border-bottom: 1px solid var(--color-gray-20); color: var(--color-text-basic, #333); font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.2; text-align: center; word-break: keep-all; }
.cm_tab.tab5 .tab5_list .active .tab5_btn { border-bottom-width: 3px; border-top-right-radius: clamp(9.6px, 0.625vw, 12px); border-top-left-radius: clamp(9.6px, 0.625vw, 12px); border-color: var(--color-blue-75); background: var(--color-blue-15); color: var(--color-blue-75); font-weight: 700; }
.cm_tab.col3 [class*=_list] { grid-template-columns: repeat(3, 1fr); }
.cm_tab.col2 [class*=_list] { grid-template-columns: repeat(2, 1fr); }
.cm_tab.col1 [class*=_list] { grid-template-columns: repeat(1, 1fr); }

/* 공통 테이블 */
[class*=cm_table] .nodata td { padding: clamp(40px, 2.6041666667vw, 50px) 0; text-align: center; }
[class*=cm_table].fixed table { table-layout: fixed !important; }
[class*=cm_table].scroll.has_scroll { overflow-x: auto; overflow-y: hidden; }
.cm_table_scroll_guide { display: flex; align-items: center; margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; gap: 10px; background: #333; color: #fff; font-size: var(--font_size12); }
.cm_table_scroll_guide:before { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_arr_right.svg"); mask-image: url("../../images/common/icon_arr_right.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; display: block; flex-shrink: 0; width: 18px; height: 18px; content: ""; animation: swipeRight 1.8s ease-in-out infinite; mask-position: center; }
.cm_table_scroll_guide + [class*=cm_table] { margin-top: 0 !important; }
.cm_table1 { --table-padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); --table-font-size: clamp(14px, 0.8854166667vw, 17px); --table-height: clamp(44px, 2.8645833333vw, 55px); --table-th-height: clamp(32px, 2.0833333333vw, 40px); --table-th-height-lg: clamp(44px, 2.8645833333vw, 55px); border-top: 1px solid var(--color-blue-75); }
.cm_table1 table { border-right: hidden; border-left: hidden; }
.cm_table1 th,
.cm_table1 td { height: var(--table-height); padding: var(--table-padding); border: 1px solid var(--color-gray-20); font-size: var(--table-font-size); line-height: 1.3; text-align: center; word-break: keep-all; }
.cm_table1.size_sm td { font-size: clamp(12px, 0.78125vw, 15px); }
.cm_table1.no_border th,
.cm_table1.no_border td { border-right: 0; border-left: 0; }
.cm_table1.lh2 th,
.cm_table1.lh2 td { line-height: 1.5; }
.cm_table1 td { font-weight: 400; }
.cm_table1 tbody th,
.cm_table1 thead th { background-color: var(--color-background-neutral-lightest); font-weight: bold; }
.cm_table1 thead th { height: var(--table-th-height); }
.cm_table1 thead th.size_lg { height: var(--table-th-height-lg); }
.cm_table1 th.bg1,
.cm_table1 td.bg1 { background: var(--color-blue-5); }
.cm_table1 th.bg2,
.cm_table1 td.bg2 { background: #f4f5f6; }
.cm_table1:has(thead) table { border-top: hidden; }
.cm_table1:has(thead tr:only-child) thead th { height: var(--table-height); }
.cm_table1 thead { border-bottom: hidden; }
.cm_table1 tbody td { background-color: #fff; }
.cm_table1 .cm_bullet_list1 { margin-left: 0; gap: clamp(3.2px, 0.2083333333vw, 4px) 0; }
.cm_table1 .cm_bullet_list3 { gap: clamp(3.2px, 0.2083333333vw, 4px) 0; }
.cm_table1:not(:has(thead)) tbody th { background-color: var(--color-background-neutral-lightest); font-weight: bold; }
.cm_table1.type2 { border-top: none; }
.cm_table1.type2 th,
.cm_table1.type2 td { border: none; }
.cm_table1.type2 tbody tr { border-bottom: 1px solid var(--color-border-gray); }
.cm_table1.type2 tbody tr:first-child { border-top: 1px solid var(--color-border-gray); }
.cm_table1.small { --table-padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(4.8px, 0.3125vw, 6px); --table-font-size: clamp(12px, 0.7291666667vw, 14px); --table-height: clamp(32px, 2.0833333333vw, 40px); border-right: 1px solid var(--color-border-gray); border-left: 1px solid var(--color-border-gray); }
.cm_table1.type3 th { background: #fff; }
.cm_table1 td.highlight { background-color: var(--color-background-neutral-lightest); color: var(--color-text-primary); }
.cm_table2 { --table-padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px); --table-font-size: clamp(14px, 0.8854166667vw, 17px); --table-height: clamp(44px, 2.8645833333vw, 55px); --table-th-height: clamp(32px, 2.0833333333vw, 40px); }
.cm_table2 table { border-right: hidden; border-left: hidden; }
.cm_table2 th,
.cm_table2 td { height: var(--table-height); padding: var(--table-padding); border: 1px solid var(--color-gray-20); font-size: var(--table-font-size); line-height: 1.3; text-align: center; word-break: keep-all; }
.cm_table2 td { font-weight: 400; }
.cm_table2 tbody th,
.cm_table2 thead th { border: none; background-color: var(--color-background-neutral-lightest); font-weight: bold; }
.cm_table2 thead th { height: var(--table-th-height); }
.cm_table2:has(thead) table { border-top: hidden; }
.cm_table2:has(thead tr:only-child) thead th { height: var(--table-height); }
.cm_table2 thead { border-bottom: hidden; }
.cm_table2 thead th:first-child { border-top-left-radius: clamp(12.8px, 0.8333333333vw, 16px); border-bottom-left-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_table2 thead th:last-child { border-top-right-radius: clamp(12.8px, 0.8333333333vw, 16px); border-bottom-right-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_table2.radius0 thead th:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.cm_table2.radius0 thead th:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.cm_table2 tbody td { background-color: #fff; }
.cm_table2:not(:has(thead)) tbody th { background-color: var(--color-background-neutral-lightest); font-weight: bold; }
.cm_table2.small { --table-padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(4.8px, 0.3125vw, 6px); --table-font-size: clamp(12px, 0.7291666667vw, 14px); --table-height: clamp(32px, 2.0833333333vw, 40px); border-right: 1px solid var(--color-border-gray); border-left: 1px solid var(--color-border-gray); }
.cm_table2:has(thead) tbody tr:first-child th,
.cm_table2:has(thead) tbody tr:first-child td { border-top: none; }
.cm_table2.type2 thead th { background-color: var(--color-blue-10); }
.cm_table2.type2 tbody th,
.cm_table2.type2 tbody td { border: none; }
.cm_table2.type3 tbody tr:first-child th,
.cm_table2.type3 tbody tr:first-child td { border-top: 1px solid #000; }
.cm_table2.type3 tbody th { border-bottom: 1px solid #ccc; }
.cm_table2.type4 { border-top: 1px solid #000; }
.cm_table2.type4 thead { border-bottom: 0; }
.cm_table2.type4 thead th:first-child,
.cm_table2.type4 thead th:last-child { border-radius: 0; }
.cm_table2.type4 thead th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cm_table3 { --table-font-size: clamp(14px, 0.8854166667vw, 17px); padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_table3 th,
.cm_table3 td { padding: clamp(4.8px, 0.3125vw, 6px); font-size: var(--table-font-size); line-height: 1.5; text-align: left; vertical-align: top; word-break: keep-all; }
.cm_table3 tbody th { color: var(--color-text-basic); font-weight: 700; }
.cm_table3 tbody td { color: var(--color-text-basic); font-weight: 400; }

/* 공통 툴바 */
.cm_toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); gap: 5px clamp(8px, 0.5208333333vw, 10px); }
.cm_toolbar .toolbar_item { flex-shrink: 0; max-width: 100%; }
.cm_toolbar .toolbar_item:nth-child(2) { margin-left: auto; }
.cm_toolbar.border_btm { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--color-border-gray); }
.cm_toolbar.type2 { flex-wrap: nowrap; }
.cm_toolbar.type2 .toolbar_item:nth-child(1) { flex-shrink: 1; }
.cm_toolbar2 { display: flex; flex-wrap: wrap; align-items: center; gap: 5px clamp(20px, 2.0833333333vw, 40px); }
.cm_toolbar2 .toolbar_item2 { position: relative; font-size: clamp(13px, 0.8854166667vw, 17px); }
.cm_toolbar2 .toolbar_item2:after { display: block; position: absolute; top: 50%; right: clamp(-20px, -1.0416666667vw, -10px); width: clamp(2.4px, 0.15625vw, 3px); height: clamp(2.4px, 0.15625vw, 3px); transform: translateY(-50%); border-radius: 50%; background-color: #333; content: ""; }
.cm_toolbar2 .toolbar_item2:last-child:after { display: none; }

/* 공통 타이포그래피 */
.cm_title.title1 { color: #000; font-weight: bold; font-size: clamp(21px, 2.0833333333vw, 40px); line-height: 1.2; }
.cm_title.title2 { color: #333; font-weight: bold; font-size: clamp(19px, 1.4583333333vw, 28px); line-height: 1.3; }
.cm_title.title3 { color: #000; font-weight: bold; font-size: clamp(17px, 1.1458333333vw, 22px); line-height: 1.5; }
.cm_title.title4 { color: #131416; font-weight: bold; font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.5; }
.cm_title.title5 { color: #333; font-weight: bold; font-size: clamp(16px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_title.title6 { color: #000; font-weight: bold; font-size: clamp(18px, 1.6666666667vw, 32px); line-height: 1.5; }
.cm_title.title7 { color: #000; font-weight: bold; font-size: clamp(17px, 1.4583333333vw, 28px); line-height: 1.5; }
.cm_title.title8 { color: #333; font-weight: bold; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_title.title9 { color: #333; font-weight: bold; font-size: clamp(18px, 1.25vw, 24px); }
.cm_title.title10 { color: #333; font-size: clamp(16px, 0.8854166667vw, 17px); }
.cm_title.title11 { color: #000; font-weight: bold; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_title.cont_title { position: relative; margin-top: clamp(25.6px, 1.6666666667vw, 32px); margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); color: #333; font-weight: bold; font-size: clamp(17.6px, 1.1458333333vw, 22px); line-height: 1.3; }
.cm_title.cont_title.mb2 { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_title.cont_title.mt2 { margin-top: clamp(25.6px, 1.6666666667vw, 32px); }
.cm_title.cont_title.cont_title1 { padding-left: clamp(19.2px, 1.25vw, 24px); }
.cm_title.cont_title.cont_title1:before { display: block; position: absolute; top: clamp(2.4px, 0.15625vw, 3px); left: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background: url(../../images/common/icon_bullet.svg) no-repeat center/contain; content: ""; }
.cm_validation { font-size: clamp(14px, 0.78125vw, 15px); }
.cm_validation.success { color: #228738; }
.cm_validation.error { color: #de1a16; }
.cm_validation .number1 { color: #11785c; }
.cm_validation .number2 { color: #666; }
.cm_point_title1 { background: linear-gradient(114deg, #a53199 15.58%, #005ae0 80.96%); background-clip: text; font-weight: 400; font-size: clamp(32px, 2.0833333333vw, 40px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: 1px; word-break: keep-all; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cm_info_text .cm_icon:before { color: var(--color-information-50); }
.cm_info_text.size_lg { font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_font_size10 { font-size: var(--font_size10) !important; }
.cm_font_size11 { font-size: var(--font_size11) !important; }
.cm_font_size12 { font-size: var(--font_size12) !important; }
.cm_font_size13 { font-size: var(--font_size13) !important; }
.cm_font_size14 { font-size: var(--font_size14) !important; }
.cm_font_size15 { font-size: var(--font_size15) !important; }
.cm_font_size16 { font-size: var(--font_size16) !important; }
.cm_font_size17 { font-size: var(--font_size17) !important; }
.cm_font_size18 { font-size: var(--font_size18) !important; }
.cm_font_size19 { font-size: var(--font_size19) !important; }
.cm_font_size20 { font-size: var(--font_size20) !important; }
.cm_font_size21 { font-size: var(--font_size21) !important; }
.cm_font_size22 { font-size: var(--font_size22) !important; }
.cm_font_size23 { font-size: var(--font_size23) !important; }
.cm_font_size24 { font-size: var(--font_size24) !important; }
.cm_font_size25 { font-size: var(--font_size25) !important; }
.cm_font_size26 { font-size: var(--font_size26) !important; }
.cm_font_size27 { font-size: var(--font_size27) !important; }
.cm_font_size28 { font-size: var(--font_size28) !important; }
.cm_font_size29 { font-size: var(--font_size29) !important; }
.cm_font_size30 { font-size: var(--font_size30) !important; }
.cm_font_size31 { font-size: var(--font_size31) !important; }
.cm_font_size32 { font-size: var(--font_size32) !important; }
.cm_font_size33 { font-size: var(--font_size33) !important; }
.cm_font_size34 { font-size: var(--font_size34) !important; }
.cm_font_size35 { font-size: var(--font_size35) !important; }
.cm_font_size36 { font-size: var(--font_size36) !important; }
.cm_font_size37 { font-size: var(--font_size37) !important; }
.cm_font_size38 { font-size: var(--font_size38) !important; }
.cm_font_size39 { font-size: var(--font_size39) !important; }
.cm_font_size40 { font-size: var(--font_size40) !important; }
.cm_font_size41 { font-size: var(--font_size41) !important; }
.cm_font_size42 { font-size: var(--font_size42) !important; }
.cm_font_size43 { font-size: var(--font_size43) !important; }
.cm_font_size44 { font-size: var(--font_size44) !important; }
.cm_font_size45 { font-size: var(--font_size45) !important; }
.cm_font_size46 { font-size: var(--font_size46) !important; }
.cm_font_size47 { font-size: var(--font_size47) !important; }
.cm_font_size48 { font-size: var(--font_size48) !important; }
.cm_font_size49 { font-size: var(--font_size49) !important; }
.cm_font_size50 { font-size: var(--font_size50) !important; }
.cm_font_size51 { font-size: var(--font_size51) !important; }
.cm_font_size52 { font-size: var(--font_size52) !important; }
.cm_font_size53 { font-size: var(--font_size53) !important; }
.cm_font_size54 { font-size: var(--font_size54) !important; }
.cm_font_size55 { font-size: var(--font_size55) !important; }
.cm_font_size56 { font-size: var(--font_size56) !important; }
.cm_font_size57 { font-size: var(--font_size57) !important; }
.cm_font_size58 { font-size: var(--font_size58) !important; }
.cm_font_size59 { font-size: var(--font_size59) !important; }
.cm_font_size60 { font-size: var(--font_size60) !important; }
.cm_font_size61 { font-size: var(--font_size61) !important; }
.cm_font_size62 { font-size: var(--font_size62) !important; }
.cm_font_size63 { font-size: var(--font_size63) !important; }
.cm_font_size64 { font-size: var(--font_size64) !important; }
.cm_font_size65 { font-size: var(--font_size65) !important; }
.cm_font_size66 { font-size: var(--font_size66) !important; }
.cm_font_size67 { font-size: var(--font_size67) !important; }
.cm_font_size68 { font-size: var(--font_size68) !important; }
.cm_font_size69 { font-size: var(--font_size69) !important; }
.cm_font_size70 { font-size: var(--font_size70) !important; }
.cm_font_size71 { font-size: var(--font_size71) !important; }
.cm_font_size72 { font-size: var(--font_size72) !important; }
.cm_font_size73 { font-size: var(--font_size73) !important; }
.cm_font_size74 { font-size: var(--font_size74) !important; }
.cm_font_size75 { font-size: var(--font_size75) !important; }
.cm_font_size76 { font-size: var(--font_size76) !important; }
.cm_font_size77 { font-size: var(--font_size77) !important; }
.cm_font_size78 { font-size: var(--font_size78) !important; }
.cm_font_size79 { font-size: var(--font_size79) !important; }
.cm_font_size80 { font-size: var(--font_size80) !important; }
.cm_font_size81 { font-size: var(--font_size81) !important; }
.cm_font_size82 { font-size: var(--font_size82) !important; }
.cm_font_size83 { font-size: var(--font_size83) !important; }
.cm_font_size84 { font-size: var(--font_size84) !important; }
.cm_font_size85 { font-size: var(--font_size85) !important; }
.cm_font_size86 { font-size: var(--font_size86) !important; }
.cm_font_size87 { font-size: var(--font_size87) !important; }
.cm_font_size88 { font-size: var(--font_size88) !important; }
.cm_font_size89 { font-size: var(--font_size89) !important; }
.cm_font_size90 { font-size: var(--font_size90) !important; }
.cm_font_size91 { font-size: var(--font_size91) !important; }
.cm_font_size92 { font-size: var(--font_size92) !important; }
.cm_font_size93 { font-size: var(--font_size93) !important; }
.cm_font_size94 { font-size: var(--font_size94) !important; }
.cm_font_size95 { font-size: var(--font_size95) !important; }
.cm_font_size96 { font-size: var(--font_size96) !important; }
.cm_font_size97 { font-size: var(--font_size97) !important; }
.cm_font_size98 { font-size: var(--font_size98) !important; }
.cm_font_size99 { font-size: var(--font_size99) !important; }
.cm_font_size100 { font-size: var(--font_size100) !important; }

/* 게시판 에디터 */
.editor_content { font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.6; word-wrap: break-word; color: #333; font-weight: 400; font-family: "PretendardGOV", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: -0.02em; word-break: keep-all; }
.editor_content h1 { display: block; margin: 0.67em 0; font-weight: 700; font-size: 2em; line-height: 1.2; }
.editor_content h2 { display: block; margin: 0.83em 0; font-weight: 700; font-size: 1.5em; line-height: 1.3; }
.editor_content h3 { display: block; margin: 1em 0; font-weight: 700; font-size: 1.17em; line-height: 1.4; }
.editor_content h4 { display: block; margin: 1.33em 0; font-weight: 700; font-size: 1em; }
.editor_content h5 { display: block; margin: 1.67em 0; font-weight: 700; font-size: 0.83em; }
.editor_content h6 { display: block; margin: 2.33em 0; font-weight: 700; font-size: 0.67em; }
.editor_content p { display: block; margin: 1em 0; }
.editor_content b,
.editor_content strong { font-weight: 700; }
.editor_content i,
.editor_content em { font-style: italic; }
.editor_content u,
.editor_content ins { text-decoration: underline; }
.editor_content s,
.editor_content strike,
.editor_content del { color: #999; text-decoration: line-through; }
.editor_content sub { font-size: 0.75em; vertical-align: sub; }
.editor_content sup { font-size: 0.75em; vertical-align: super; }
.editor_content hr { display: block; height: 1px; margin: 2em 0; border: 0; border-top: 1px solid #e0e0e0; }
.editor_content mark { padding: 0.1em 0.2em; border-radius: 2px; background-color: #fff000; color: inherit; }
.editor_content small { color: #666; font-size: 0.8em; }
.editor_content code { padding: 0.2em 0.4em; border-radius: 3px; background-color: #f5f5f5; color: #c7254e; font-size: 0.9em; font-family: monospace; }
.editor_content pre { display: block; margin: 1em 0; padding: 15px; border: 1px solid #ddd; border-radius: 4px; background: #f8f9fa; color: #333; font-family: monospace; white-space: pre-wrap; }
.editor_content blockquote { margin: 1.5em 0; padding: 1em 1.5em; border-left: 4px solid #ddd; background-color: #f9f9f9; color: #555; }
.editor_content address { margin-bottom: 1em; color: #666; font-style: normal; }
.editor_content ul { display: block; margin: 1em 0; padding-left: 40px; list-style-type: disc !important; }
.editor_content ol { display: block; margin: 1em 0; padding-left: 40px; list-style-type: decimal !important; }
.editor_content li { display: list-item; margin-bottom: 0.3em; list-style: inherit !important; }
.editor_content dl { margin: 1em 0; }
.editor_content dt { margin-top: 1em; font-weight: 700; }
.editor_content dd { margin-left: 20px; color: #555; }
.editor_content a { color: #007bff; text-decoration: underline; word-break: break-all; cursor: pointer; }
.editor_content a:hover { color: #0056b3; }
.editor_content table { width: 100%; max-width: 100%; margin: 1.5em 0; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.editor_content th,
.editor_content td { padding: 8px 12px; border: 1px solid #ccc; vertical-align: middle; }
.editor_content th { background-color: #f2f2f2; font-weight: 700; text-align: center; }
.editor_content img { max-width: 100%; height: auto !important; vertical-align: top; }
.editor_content .image { display: table; margin: 1.5em auto; /* 기본 가운데 정렬 */ clear: both; text-align: center; }
.editor_content .image img { display: block; margin: 0 auto; }
.editor_content .image > figcaption { display: table-caption; margin-top: 5px; padding: 0.6em; background-color: #f7f7f7; color: #777; font-size: 0.85em; text-align: center; word-break: break-word; caption-side: bottom; }
.editor_content .image-style-side,
.editor_content .image-style-align-left { max-width: 50%; margin-right: 1.5em; margin-bottom: 1em; float: left; }
.editor_content .image-style-align-right { max-width: 50%; margin-bottom: 1em; margin-left: 1.5em; float: right; }
.editor_content .image-style-align-center { margin-right: auto; margin-left: auto; clear: both; }
.editor_content .media { display: block; position: relative; margin: 1.5em 0; clear: both; overflow: hidden; }
.editor_content .editor_table { overflow-x: auto; }

/* 웹접근성 */
*:focus-visible { z-index: 1; outline: 2px dashed #000; outline-offset: 2px; scroll-margin-top: 100px; transition: none !important; }
#skipNavi { z-index: 9999; position: absolute; top: 0; left: 0; white-space: nowrap; }
#skipNavi a { display: inline-block; position: absolute; top: -9999px; }
#skipNavi a:focus-visible { top: 0; padding: 5px; background-color: #000; color: #fff; font-size: 15px; }

/* 공통 스크립트 */
.email_autocomplete_wrap { display: inline-flex; position: relative; width: 100%; }
.email_autocomplete_wrap .email_autocomplete_list { z-index: 200; position: absolute; top: 100%; left: 0; width: 100%; max-height: 220px; margin: 2px 0 0; padding: 4px 0; overflow-y: auto; border: 1px solid #d4d4d4; border-radius: 4px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); list-style: none; }
.email_autocomplete_wrap .email_autocomplete_list[hidden] { display: none; }
.email_autocomplete_wrap .email_autocomplete_list li { padding: 9px 14px; overflow: hidden; color: #222; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: background 0.1s; }
.email_autocomplete_wrap .email_autocomplete_list li:hover,
.email_autocomplete_wrap .email_autocomplete_list li.is_active { background: var(--color-primary-5, #f0f6ff); color: var(--color-primary-80, #1a5fcc); }
.js_tab_content .js_tab_panel { display: none; }
.js_tab_content .js_tab_panel.active { display: block; animation: js_tab_fade_in 0.25s ease; }
.js_tab_wrap[data-scroll=true] + .js_tab_content .js_tab_panel.active { animation: none; }
.js_read_more .js_read_more_content { position: relative; max-height: 85px; overflow: hidden; transition: max-height 0.5s ease; }
.js_read_more .js_read_more_content:before { position: absolute; bottom: 0; width: 100%; height: 85px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f0f0f3 80%, #f0f0f3 100%); content: ""; transition: opactiy 0.5s ease, visibility 0.5s ease; }
.js_read_more .js_read_more_btn { transition: opactiy 0.5s ease, visibility 0.5s ease; }
.js_read_more.expanded .js_read_more_content:before,
.js_read_more.expanded .js_read_more_btn { visibility: hidden; opacity: 0; }
@media screen and (min-width:768px) {
	.mobile_under_br { display: block; }
}
@media screen and (min-width:769px) {
	.form_layout_address .form_control.w_zipcode { flex: 1 1 0; width: auto; min-width: 0; }
	.mobile_br { display: block; }
	.mobile_over_br { display: block; }
}
@media screen and (min-width:1024px) {
	.tablet_under_br { display: block; }
}
@media screen and (min-width:1025px) {
	.laptop_br { display: block; }
	.tablet_over_br { display: block; }
}
@media screen and (min-width:1280px) {
	.pc_under_br { display: block; }
}
@media screen and (min-width:1281px) {
	.pc_br { display: block; }
	.pc_over_br { display: block; }
}
@media screen and (max-width:1600px) {
	.cm_overview152 { width: calc(100% - 60px); margin-right: auto; margin-left: auto; }
	.cm_overview152 .cm_swiper_navi.prev { left: -30px; }
	.cm_overview152 .cm_swiper_navi.next { right: -30px; }
	.ovw154_pick_area .cm_swiper_control .cm_swiper_navi.prev { left: clamp(-16px, -0.8333333333vw, -12.8px); }
	.ovw154_pick_area .cm_swiper_control .cm_swiper_navi.next { right: clamp(-16px, -0.8333333333vw, -12.8px); }
}
@media screen and (max-width:1550px) {
	.cm_search4.character::before { right: 0; }
}
@media screen and (max-width:1540px) {
	.cm_swiper4 .cm_swiper_navi.prev { left: -20px; }
	.cm_swiper4 .cm_swiper_navi.next { right: -20px; }
}
@media screen and (max-width:1400px) {
	.cm_search7.type4 .row3 { flex-direction: column; }
	.cm_search7.type4 .row3 .btns { justify-content: end; width: 100%; }
}
@media screen and (max-width:1280px) {
	.cm_gallery_list1 .gallery1_list,
	.cm_gallery_list1 .gallery1_list.grid-row-4 { grid-template-columns: repeat(2, 1fr); }
	.cm_gallery_list2 .gallery2_list { grid-template-columns: repeat(2, 1fr); }
	.cm_gallery_list6 .gallery6_list { grid-template-columns: repeat(2, 1fr); }
	.cm_board_survey_detail .survey_head { flex-direction: column; }
	.cm_board_survey_detail .survey_head .thumb_area { width: 100%; max-width: 600px; margin-right: auto; margin-left: auto; }
	.cm_box.layout_row2 { flex-direction: column; }
	.cm_calendar2 .cal2_top { padding-right: clamp(64px, 4.1666666667vw, 80px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
	.laptop_full_width { width: 100% !important; }
	.laptop_justify-content-start { justify-content: start !important; }
	.laptop_justify-content-end { justify-content: end !important; }
	.laptop_justify-content-center { justify-content: center !important; }
	.laptop_justify-content-between { justify-content: space-between !important; }
	.laptop_align-items-start { align-items: start !important; }
	.laptop_align-items-end { align-items: end !important; }
	.laptop_align-items-center { align-items: center !important; }
	.cm_overview102 .ovw102_link { aspect-ratio: auto; padding: 20px 0; }
	.cm_overview104 .ovw104_link { padding: clamp(9.6px, 0.625vw, 12px) clamp(32px, 2.0833333333vw, 40px) clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
	.cm_overview104 .ovw104_link .icon { width: clamp(22.4px, 1.4583333333vw, 28px); }
	.cm_overview106 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview110 .ovw110_box .icon { width: clamp(70.4px, 4.5833333333vw, 88px); border-radius: 12px; }
	.cm_overview110 .ovw110_box .icon img { transform: scale(0.65); }
	.cm_overview117 .ovw117_list { grid-template-columns: repeat(5, 1fr); }
	.cm_overview122 .ovw122_list { display: grid; grid-template-columns: repeat(2, 1fr); }
	.cm_overview122 .ovw122_box:before { position: absolute; top: 0; left: 0; width: 50%; height: 100%; border-radius: clamp(19.2px, 1.25vw, 24px); background: #ffcae7; content: ""; }
	.cm_overview122 .ovw122_box.box2:before { background: #b2d6ff; }
	.cm_overview122 .ovw122_box .ovw122_box_bg { width: auto; }
	.cm_overview122 .ovw122_box .ovw122_box_content { padding-right: 48px; }
	.cm_overview124 .ovw124_box { font-size: clamp(12.8px, 0.8333333333vw, 16px); }
	.cm_overview124 .ovw124_box .icon { width: clamp(32px, 2.0833333333vw, 40px); }
	.cm_overview131 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview199 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview203 .ovw203_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview207 .ovw207_wrap_in2 { flex-direction: column; }
	.cm_overview214 .ovw214_list { display: grid; grid-template-columns: repeat(3, 1fr); }
	.cm_overview214 .ovw214_box_content { width: auto; }
	.cm_overview214 .ovw214_btn { right: 0; bottom: 0; }
	.cm_search2.custom1 .search_item { flex-direction: column; }
	.cm_search2.custom1 .search_item .item_wrap { width: 100%; max-width: 800px; }
	.cm_search2.custom1 .search_item .item_wrap:first-child .search_content { width: 33.3333%; }
	.cm_search6 .search6_box .form_row { flex-direction: column; }
	.cm_search6 .search6_foot_box .d-grid { grid-template-columns: repeat(1, 1fr); }
	.cm_search7 .search_row.right,
	.cm_search7 .search_row.right .btns { justify-content: end; width: 100%; }
	.cm_search7 { flex-direction: column; }
	.cm_search7 > .left,
	.cm_search7 > .right { width: 100%; }
	.cm_search7 > .right .btns { justify-content: end; }
	.cm_search7 > .left .search_item { width: 100%; }
	.cm_search7 > .left .search_content { flex: 1 1 0; min-width: 0; }
	.cm_search7 > .left .search_row.top select.form_control { width: 100%; }
	.cm_search7 > .left .search_row.bottom .search_content { flex: 1 1 0; min-width: 0; }
	.cm_search7 > .left .search_row.bottom .search_content .content_inner .form_control { width: calc(100% - 88px); }
	.cm_search7.type1 .search_row.left { flex-direction: column; }
	.cm_search7.type4 .search_row.row1,
	.cm_search7.type4 .search_row.row2 { flex-direction: column; }
	.cm_search7.type5 .search_row { flex-direction: column; }
	.cm_search7.type5 .search_row .row_item { width: 100%; }
	.cm_search7.type5 .search_row .row_item.left .search_item { width: 50%; }
	.cm_search7.type5 .search_row .row_item.left .search_item .search_content { width: calc(100% - clamp(25.6px, 1.6666666667vw, 32px) - clamp(6.4px, 0.4166666667vw, 8px)); }
	.cm_search7.type5 .search_row .row_item.right .cm_search3 .input_wrap { width: 100%; }
	.cm_search7.type5 .search_row .row_item.right .cm_search3 .input_wrap input[type=search] { width: 100%; }
}
@media screen and (max-width:1280px) and (min-width:1025px) {
	.cm_overview192 .sun_info_group { flex-direction: column; align-items: start; gap: 16px; }
}
@media screen and (max-width:1110px) {
	.cm_overview214 .ovw214_list { grid-template-columns: repeat(1, 1fr); gap: clamp(12px, 1.25vw, 24px); }
	.cm_overview214 .ovw214_box_wrap { flex-direction: row; justify-content: flex-start; width: 100%; height: 100%; padding-right: 56px; gap: 10px; }
	.cm_overview214 .ovw214_box .bg_svg { display: none; }
	.cm_overview214 .ovw214_box_content { width: 100%; height: clamp(110.4px, 7.1875vw, 138px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 4px 8px 32px rgba(42, 102, 191, 0.08); }
	.cm_overview214 .ovw214_box_content::before { position: absolute; background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); content: ""; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; inset: 0px; padding: 1px; border-radius: inherit; mask-composite: exclude; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
	.cm_overview214 .ovw214_box:hover .ovw214_box_content::before { opacity: 1; }
	.cm_overview214 .ovw214_btn { right: 12px; bottom: 50%; transform: translateY(50%); }
}
@media screen and (max-width:1080px) {
	.cm_overview202 .ovw202_list li { aspect-ratio: auto; }
}
@media screen and (max-width:1079px) {
	.cm_img_zoom_wrap { position: relative; }
	.cm_img_zoom_wrap .img_zoom_inner { overflow: auto; }
	.cm_img_zoom_wrap:before { display: flex; position: absolute; top: 0px; right: 0px; align-items: center; justify-content: center; padding: 5px 10px; padding-right: 30px; background: rgba(0, 0, 0, 0.8) url(../../images/common/icon_zoom_w.svg) no-repeat right 10px center/14px; content: "이미지 크게 보기"; color: #fff; font-size: 12px; }
	.cm_img_zoom_wrap.active .img_zoom { min-width: 1000px; }
	.cm_img_zoom_wrap.active:before { content: "이미지 작게 보기"; }
	.cm_image.col4 > * { width: calc((100% - clamp(15px, 1.25vw, 24px)) / 3); }
	.editor_content { font-size: 14px; line-height: 1.5; }
	.editor_content h1 { font-size: 1.6em; }
	.editor_content h2 { font-size: 1.4em; }
	.editor_content h3 { font-size: 1.2em; }
	.editor_content ul,
	.editor_content ol { padding-left: 24px; }
	.editor_content .image-style-side,
	.editor_content .image-style-align-left,
	.editor_content .image-style-align-right { max-width: 100%; margin: 1em auto; float: none; }
}
@media screen and (max-width:1024px) {
	:root { --inner_padding: 15px; --col_padding: 5px; }
	.cm_calendar2 { flex-direction: column; }
	.cm_calendar2 .cal2_today_area { width: 100%; max-height: auto; }
	.cm_calendar2 .lg_dot ~ .lg_dot { display: none; }
	.cm_orgchart .org_dept_list { grid-template-columns: repeat(3, 1fr); gap: 24px; }
	.cm_orgchart .org_dept_list:before { right: calc((100% - 48px) / 6); left: calc((100% - 48px) / 6); }
	.cm_file_list4.col-02 { display: grid; grid-template-columns: repeat(1, 1fr); }
	.tablet_full_width { width: 100% !important; }
	.tablet_justify-content-start { justify-content: start !important; }
	.tablet_justify-content-end { justify-content: end !important; }
	.tablet_justify-content-center { justify-content: center !important; }
	.tablet_justify-content-between { justify-content: space-between !important; }
	.tablet_align-items-start { align-items: start !important; }
	.tablet_align-items-end { align-items: end !important; }
	.tablet_align-items-center { align-items: center !important; }
	.cm_overview1 .ovw1_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview2 .ovw2_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview2 .ovw2_list.list2 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview2 .ovw2_list.list3 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview5 { padding: 24px 0; }
	.cm_overview5:before { top: 0; height: auto; }
	.cm_overview5 .ovw5_list { grid-template-columns: repeat(3, 1fr); row-gap: clamp(25.6px, 1.6666666667vw, 32px); }
	.cm_overview6 .ovw6_list { grid-template-columns: repeat(3, 1fr); }
	.cm_overview8 .ovw8_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview12 .ovw12_box { grid-template-columns: 1fr; }
	.cm_overview12 .ovw12_box .cm_calendar { padding-right: 0; border-right: none; }
	.cm_overview12 .ovw12_schedule { height: auto; min-height: 0; overflow-y: visible; }
	.cm_overview18 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview19 .ovw19_list { grid-template-columns: repeat(2, 1fr); }
	[class*=cm_overview].col5 > [class*=_list] { grid-template-columns: repeat(2, 1fr); }
	[class*=cm_overview].col4 > [class*=_list] { grid-template-columns: repeat(2, 1fr); }
	[class*=cm_overview].col3 > [class*=_list] { grid-template-columns: repeat(2, 1fr); }
	.ovw103_item .ovw103_info_list .cm_dl2 { flex-direction: column; }
	.ovw103_item .item_foot { margin-top: 12px; padding-top: 13px; }
	.cm_overview111 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview120 .ovw120_box { padding: 16px; }
	.cm_overview120 .ovw120_box .ovw120_title { font-size: 19px; }
	.cm_overview121 .ovw121_list .ovw121_box { border-radius: 24px; }
	.cm_overview122 .ovw122_box:before { width: 100%; }
	.cm_overview122 .ovw122_box .ovw122_box_bg { display: none; }
	.cm_overview122 .ovw122_box .btn_more1 { right: 12px; bottom: 50%; transform: translateY(50%); }
	.cm_overview122 .ovw122_box .ovw122_box_img { display: none; }
	.cm_overview122 .ovw122_box .ovw122_box_content { padding: 24px; padding-right: 48px; }
	.cm_overview122 .ovw122_list { grid-template-columns: repeat(1, 1fr); gap: 8px; }
	.cm_overview124 .ovw124_list { grid-template-columns: repeat(3, 1fr); }
	.cm_overview124 .ovw124_box { aspect-ratio: unset; width: 100%; height: clamp(70.4px, 4.5833333333vw, 88px); }
	.cm_overview126 .ovw126_top { justify-content: space-between; width: 100%; }
	.cm_overview127 .ovw127_list .ovw127_box .icon_box { width: clamp(68px, 3.9583333333vw, 76px); border-radius: 28px; }
	.cm_overview127 .ovw127_list .ovw127_box .icon_box img { width: 32px; }
	.cm_overview127 .ovw127_list .ovw127_box .menu_name { font-size: 13px; }
	.cm_overview129 .ovw129_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview132 .ovw132_title_wrap .ovw132_title_text { flex-direction: column; align-items: start; justify-content: stretch; gap: 16px; }
	.cm_overview132 .ovw132_title_wrap .ovw132_title_text .cm_btn { margin-left: auto; }
	.cm_overview132 .ovw132_item.active { padding: 12px; }
	.cm_overview132 .ovw132_item.active .ovw132_title_wrap { padding: 8px; border-radius: 12px; }
	.cm_overview132 .ovw132_item.active .ovw132_title_wrap .ovw132_title_label { width: 52px; height: 52px; }
	.cm_overview152 .ovw152_link { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); }
	.cm_overview152 .ovw152_link .ovw152_content .title { height: 60px; font-size: 20px; }
	.cm_overview152 .ovw152_link .ovw152_content .link_btn { width: 36px; height: 36px; }
	.cm_overview152 .ovw152_link .ovw152_content .link_btn .icon { width: 20px; height: 20px; }
	.cm_overview153 { grid-template-columns: repeat(6, 1fr); gap: 12px; }
	.cm_overview153 .ovw153_link .icon { width: clamp(32px, 2.0833333333vw, 40px); }
	.cm_overview153 .ovw153_link .ovw153_tit { font-size: 14px; }
	.cm_overview156 .ovw156_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview157 .ovw157_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview158 .ovw158_item { padding-right: 0; }
	.cm_overview158 .ovw158_button { position: static; margin-top: 12px; text-align: right; }
	.cm_overview158 .ovw158_info_item { flex-direction: column; gap: 4px; }
	.cm_overview190 { flex-direction: column; }
	.cm_overview191 { flex-direction: column; }
	.cm_overview190 .ovw190_right { width: 100%; }
	.cm_overview192 .sun_info_group:after { display: none; }
	.cm_overview192 .sun_info_group .sun_info_item { flex: 1 1 0; min-width: 0; }
	.cm_sidebar { flex-direction: column; gap: 0; }
	.cm_sidebar:before { display: none; }
	.cm_sidebar .sidebar_content.has_top_search { padding-top: 24px; }
	.cm_sidebar .sidebar_nav { display: none; }
	.cm_sidebar .sub_page_content { margin: 0 calc(var(--inner_padding) * -1); padding: 24px var(--inner_padding); background: #fff; }
	.sub_page_head_title_area { align-items: flex-start; }
	.cm_step { max-width: 100%; }
	.cm_step2 { flex-wrap: wrap; padding-right: clamp(14.4px, 0.9375vw, 18px); gap: 8px 18px; }
	.cm_step2 > li { flex: none; width: calc((100% - 54px) / 4); }
	.cm_step2 > li:before { left: calc(100% + 9px); }
	.cm_tab.tab1 .tab1_list { grid-template-columns: repeat(3, 1fr); }
	.cm_tab.tab1.col6 .tab1_list { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:1023px) {

	/* 공통 컨텐츠 만족도 조사 */
	.cm_content_satisfaction .survey_input { flex-direction: column; align-items: flex-start; gap: 13px; }
	.cm_content_satisfaction .survey_action { width: 100%; }
	.cm_content_satisfaction .survey_action .cm_btn { width: 100%; }
}
@media (max-width:768px) {
	.cm_box_area1 { grid-template-columns: 1fr; }
	.cm_box_area2 { flex-direction: column; }
	.cm_box_area5 { flex-direction: column; }
}
@media screen and (max-width:768px) {
	.cm_board_list1 table { display: block; }
	.cm_board_list1 caption { display: none; }
	.cm_board_list1 colgroup { display: none; }
	.cm_board_list1 thead { display: none; }
	.cm_board_list1 tbody { display: block; width: 100%; }
	.cm_board_list1 tbody tr { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 15px; gap: 10px 15px; border-bottom: 1px solid var(--color-border-gray); }
	.cm_board_list1 tbody tr:first-child { border-top: 1px solid var(--color-border-gray); }
	.cm_board_list1 tbody td { display: block; position: relative; height: auto !important; padding: 0; border: none; font-size: 14px; text-align: left !important; }
	.cm_board_list1 tbody td:before { margin-right: 5px; content: attr(data-th) ":"; color: var(--text-secondary); white-space: nowrap; }
	.cm_board_list1 tbody td[data-th=NO],
	.cm_board_list1 tbody td[data-th=번호] { display: none; }
	.cm_board_list1 tbody td[data-th=NO].notice,
	.cm_board_list1 tbody td[data-th=번호].notice { display: block; }
	.cm_board_list1 tbody td[data-th=NO].notice:before,
	.cm_board_list1 tbody td[data-th=번호].notice:before { display: none; }
	.cm_board_list1 tbody td[data-th=제목]:before { display: none; }
	.cm_board_list1 tbody td[data-th=예약상태] { width: 100%; }
	.cm_board_list1 tbody td.subject { width: 100%; font-weight: bold; font-size: 16px; text-align: left !important; }
	.cm_board_list1 tbody tr.nodata { justify-content: center; }
	.cm_board_list1 tbody tr.nodata td { display: block !important; }
	.cm_board_list1 tbody tr.nodata td:before { display: none; }
	.cm_board_list1 tbody td br { display: none; }
	.cm_board_list1 tbody td.mobile_invisible:before { display: none; }
	.cm_board_list1 tbody td .ellipsis { display: contain; }
	.cm_board_list1 tr.has-only-one-link td { position: static !important; }
	.cm_gallery_list3 .gallery3_list { grid-template-columns: repeat(2, 1fr); }
	.cm_gallery_list3 .gallery3_list.col-04 { grid-template-columns: repeat(2, 1fr); }
	.board_detail_answer .answer_head { flex-direction: column; align-items: start; gap: clamp(6.4px, 0.4166666667vw, 8px); }
	.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 colgroup col { width: 100% !important; }
	.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 tr { display: grid; grid-template-columns: repeat(2, 1fr); }
	.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 tr th,
	.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 tr td { height: auto; border-top: 0; }
	.cm_board_detail1.reservation_detail .board_header_wrap .info_table .cm_table1 tr td { border-left: 0; }
	.cm_board_faq1 .faq_head { display: none; }
	.cm_board_faq1 .faq_q_row { flex-wrap: wrap; height: auto; padding: clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px); gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px); }
	.cm_board_faq1 .faq_cell_num { display: none; }
	.cm_board_faq1 .faq_cell_title { flex: unset; order: -1; width: 100%; padding: 0; }
	.cm_board_faq1 .faq_cell_date { width: auto; padding: 0; color: var(--color-icon-primary); font-size: 13px; }
	.cm_board_faq1 .faq_q_btn { height: auto; padding: 0; }
	.cm_board_faq1 .faq_a_inner { padding: clamp(9.6px, 0.625vw, 12px); }
	.cm_box.flexlayout1 { flex-direction: column; }
	.cm_info_box.contact .info_content { flex-direction: column; align-items: flex-start; }
	.cm_roadmap_box { width: 100%; overflow-x: hidden; }
	.cm_roadmap { width: 100%; height: auto; }
	.cm_roadmap .rm_wrap_pc { width: 100%; height: auto; border-radius: 0; background: none; }
	.cm_roadmap .rm_wrap_pc::before { display: none; content: ""; }
	.cm_roadmap .rm_texts { position: unset; gap: 12px; }
	.cm_roadmap .rm_texts .text1 { font-size: 24px; }
	.cm_roadmap .rm_texts .text2 { font-size: 15px; }
	.cm_roadmap .rm_flower_img { display: none; }
	.cm_roadmap .rm_person_img { display: none; }
	.cm_roadmap .rm_content_area { display: flex; flex-direction: column; margin-top: 24px; gap: 20px; }
	.cm_roadmap .rm_content { position: unset; gap: 0; border-width: 1px; border-style: solid; border-radius: 8px; }
	.cm_roadmap .rm_content.content1 { border-color: #ffdfe4; }
	.cm_roadmap .rm_content.content2 { border-color: #c2e1ff; }
	.cm_roadmap .rm_content.content3 { border-color: #ffebd7; }
	.cm_roadmap .rm_content.content4 { border-color: #ceeed2; }
	.cm_roadmap .rm_content.content5 { border-color: #f2e5ff; }
	.cm_roadmap .rm_content.content6 { border-color: #ffebf9; }
	.cm_roadmap .rm_content .title { justify-content: flex-start; width: 100%; border-radius: 8px 8px 0 0; text-align: left; }
	.cm_roadmap .rm_content .links { padding: 20px; }
	.cm_roadmap .rm_content .links .link_text br { display: none; }
	.cm_orgchart .org_chief { margin: 0 auto; margin-bottom: 24px; }
	.cm_orgchart .org_chief_wrap { width: 100%; padding-bottom: 30px; }
	.cm_orgchart .org_chief:after { display: none; }
	.cm_orgchart .org_dept_list { grid-template-columns: 1fr; padding-top: 0; gap: 32px; }
	.cm_orgchart .org_dept_list:before { display: none; }
	.cm_orgchart .org_dept_list > li:before,
	.cm_orgchart .org_dept_list > li:after { display: none; }
	.cm_orgchart .org_dept.location2 { position: relative; right: unset; bottom: unset; left: unset; transform: none; }
	.cm_orgchart .org_dept.location2:before { display: none; }
	.cm_swiper4 .slide_item { flex-direction: column; }
	.cm_swiper4 .slide_item .slide_item_img { width: 100%; max-width: 260px; margin-right: auto; margin-left: auto; }
	.cm_swiper4 .cm_swiper_navi.prev { left: 8px; width: 32px; }
	.cm_swiper4 .cm_swiper_navi.next { right: 8px; width: 32px; }
	.cm_swiper .gallery_swiper_main .swiper-slide { width: 100% !important; }
	.cm_swiper2 .gallery_thumbs_swiper_sub .swiper-slide { width: calc((100% - 16px) / 3); }
	.chart_layout1 { flex-direction: column; }
	.chart_layout1 .chart_area { width: 100%; max-width: 340px; text-align: center; }
	.chart_layout1 .legend_area { width: 100%; }
	.chart_layout2 { flex-direction: column; }
	.cm_comment .comment_header { flex-direction: column; align-items: flex-start; }
	.cm_comment .comment_info { width: 100%; }

	/* 공통 컨텐츠 만족도 조사 */
	.cm_content_satisfaction .survey_chk_wrap { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
	.cm_content_satisfaction .survey_chk .chk_label { width: 100%; font-size: 15px; }
	.cm_file_list2 .file_box { flex-direction: column; align-items: start; gap: 8px; }
	.cm_file_list2 .file_btns { justify-content: end; width: 100%; }
	.cm_file_list2.col2 { grid-template-columns: repeat(1, 1fr); }
	.cm_file_list4 .file_box { flex-direction: column; align-items: start; gap: 8px; }
	.cm_file_list4 .file_btns { justify-content: end; width: 100%; }
	[class*=w-] { width: 100% !important; }
	.form_control[class*=width],
	.form_control[class*=w_] { width: 100%; }
	.cm_input_action.is_column_on_mobile { flex-direction: column; align-items: stretch; }
	.cm_form_layout1 .form_row { grid-template-columns: 1fr; }
	.cm_form_layout1 .form_label { width: 100%; }
	.cm_form_layout1 .form_row.align_top .form_label { padding-top: 0; }
	.cm_form_period { flex-direction: column; align-items: start; }
	.cm_form_period input[type=text] { width: 100%; }
	.cm_chk6_wrap { grid-template-columns: repeat(3, 1fr); }

	/* 공통 공공누리 */
	.cm_kogl_info .kogl_info_content { flex-direction: column; align-items: stretch; gap: 8px 0; }
	.cm_dl4 { flex-direction: column; gap: 8px; }
	.cm_dl4 dt { width: 100%; }
	.cm_dl4 dt:after { display: none; }
	[class*=cm_dl].mobile-column { flex-direction: column; }
	.cm_history_list .history_item { flex-direction: column; gap: 4px; }
	.cm_map { aspect-ratio: 1.5; }
	.cm_map2 .map_area { flex-direction: column; }
	.cm_map2 .map_texts { flex-direction: column; }
	.cm_map5 .location_area { padding-bottom: 0; }
	.cm_map5 .location_area:after { right: 16px; width: 78px; }
	.cm_map5 .location_area .location_top { width: 100%; height: 108px; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) 0 0; }
	.cm_map5 .location_area .location_bottom { position: static; width: 100%; border-radius: 0 0 clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); }
	.cm_map5 .map_area.height2 { height: clamp(400px, 23.4375vw, 450px); min-height: 0; }
	.cm_map6 { display: flex; flex-direction: column; aspect-ratio: auto; padding-top: 0; gap: clamp(9.6px, 0.625vw, 12px); }
	.cm_map6 .map6_filter { position: static; order: 1; }
	.cm_map6 .map6_filter .cm_info_box { margin: 0; }
	.cm_map6 .map6_body { order: 2; height: 60vh; min-height: 320px; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
	.cm_map6 .map_list_panel { position: static; order: 3; width: 100%; height: clamp(192px, 12.5vw, 240px); padding: clamp(6.4px, 0.4166666667vw, 8px); overflow: hidden; border: 1px solid #ccc; box-shadow: none; }
	.cm_map6 .map_popup { width: 90vw; }
	.cm_mapview2.mapsize1 { width: 100%; margin-left: 5%; }
	.mobile_full_width { width: 100% !important; }
	.mobile_justify-content-start { justify-content: start !important; }
	.mobile_justify-content-end { justify-content: end !important; }
	.mobile_justify-content-center { justify-content: center !important; }
	.mobile_justify-content-between { justify-content: space-between !important; }
	.mobile_align-items-start { align-items: start !important; }
	.mobile_align-items-end { align-items: end !important; }
	.mobile_align-items-center { align-items: center !important; }
	.cm_modal.shortcut_modal .modal_close { right: 16px; width: 32px; border-width: 6px; }
	.cm_modal.shortcut_modal .modal_body { border-radius: 24px; }
	.cm_org_chart { padding: 16px 0; }
	.cm_org_chart .org_box { min-height: 0; padding: 14px; line-height: 1.3; }
	.cm_org_chart .org_box > strong { margin: -14px -14px 12px; }
	.cm_org_chart .branch_right .org_box { width: auto; }
	.cm_org_chart .together { padding: 0; }
	.cm_org_chart .together > .colgroup > li > .org_box > br { display: block; }
	.cm_overview1 .ovw1_list { grid-template-columns: 1fr; }
	.cm_overview3 .ovw3_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview4 .ovw4_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview7 .ovw7_list { flex-direction: column; align-items: stretch; gap: clamp(16px, 1.25vw, 24px); }
	.cm_overview7 .ovw7_item:not(:first-child):before { top: auto; right: auto; bottom: calc(100% + clamp(2px, 0.2083333333vw, 4px)); left: 50%; transform: translateX(-50%) rotate(90deg); }
	.cm_overview7 .ovw7_step { height: auto; margin-bottom: clamp(-16px, -0.8333333333vw, -12px); padding: clamp(12px, 0.8333333333vw, 16px); }
	.cm_overview7 .ovw7_label { padding-top: clamp(22px, 1.4583333333vw, 28px); }
	.cm_overview10 .ovw10_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview11 .ovw11_list { grid-template-columns: 1fr; }
	.cm_overview12 { padding-right: 0; }
	.cm_overview12:before { left: 0; }
	.cm_overview13 .ovw13_list { grid-template-columns: 1fr; }
	.cm_overview14 .ovw14_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview15 .ovw15_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview16 .ovw16_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview102 { grid-template-columns: repeat(2, 1fr); gap: 0 24px; }
	.cm_overview104 { grid-template-columns: repeat(2, 1fr); gap: clamp(9.6px, 0.625vw, 12px); }
	.cm_overview104 .ovw104_link .icon { width: clamp(17.6px, 1.1458333333vw, 22px); }
	.cm_overview104 .ovw104_link:after { right: 6px; aspect-ratio: auto; width: 16px; height: 16px; padding-right: 24px; }
	.cm_overview105:after { display: none; }
	.cm_overview105 .ovw105_top { width: 100%; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) 0 0; }
	.cm_overview105 .ovw105_bottom { width: 100%; }
	.cm_overview107 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview108:not(.swiper) { grid-template-columns: repeat(1, 1fr); }
	.health .main_page .sec2_content_area .cm_overview110 { grid-template-columns: repeat(3, 1fr); gap: 12px; }
	.cm_overview111 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview113 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview114 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview115 { padding: clamp(16px, 1.25vw, 24px); }
	.cm_overview115 .ovw115_list { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; gap: clamp(16px, 1.25vw, 24px); }
	.cm_overview115 .ovw115_list .ovw115_item ~ .ovw115_item { margin-left: 0; padding-left: 0; }
	.cm_overview115 .ovw115_list .ovw115_item ~ .ovw115_item:before { display: none; }
	.cm_overview116 { display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; gap: clamp(12px, 0.8333333333vw, 16px); }
	.cm_overview116 .ovw116_item ~ .ovw116_item { margin-left: 0; padding-left: 0; }
	.cm_overview116 .ovw116_item ~ .ovw116_item:before { display: none; }
	.cm_overview117 { padding: 16px; border-radius: 12px; }
	.cm_overview117 .ovw117_list { grid-template-columns: repeat(3, 1fr); }
	.cm_overview118 .ovw118_box { aspect-ratio: unset; }
	.cm_overview118 .ovw118_box .ovw118_icon { width: 140px; }
	.cm_overview119 .ovw119_box { aspect-ratio: unset; }
	.cm_overview120 { gap: 12px; }
	.cm_overview120 .ovw120_box { border-radius: 16px; }
	.cm_overview121 .ovw121_list { grid-template-columns: repeat(4, 1fr); }
	.cm_overview121 .ovw121_btn_wrap .ovw121_btn_img { display: none; }
	.cm_overview121 .ovw121_btn_wrap .ovw121_btn { justify-content: center; width: 100%; margin-top: 24px; border-radius: 8px; }
	.cm_overview127 .ovw127_list { grid-template-columns: repeat(3, 1fr); }
	.cm_overview130 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview153 { grid-template-columns: repeat(3, 1fr); gap: 20px; }
	.cm_overview154 .ovw154_box { flex-direction: column; }
	.cm_overview154 .ovw154_thumb { width: 100%; }
	.ovw154_pick_area .cm_swiper_control .cm_swiper_navi { width: clamp(32px, 2.0833333333vw, 40px); }
	.cm_overview155 { padding: 12px; }
	.cm_overview155 .ovw155_item { flex-direction: column !important; }
	.cm_overview155 .ovw155_item .ovw155_img { width: 100%; max-width: clamp(304px, 19.7916666667vw, 380px); border-radius: clamp(19.2px, 1.25vw, 24px) !important; }
	.cm_overview157 .ovw157_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview192 .sun_info_group { flex-direction: column; align-items: start; gap: 16px; }
	.cm_overview196 { gap: 24px; }
	.cm_overview196 .ovw196_group { flex-direction: column; gap: 8px; }
	.cm_overview196 .ovw196_group .ovw196_group_title:after { display: none; }
	.cm_overview196 .ovw196_group .ovw196_group_title .icon,
	.cm_overview196 .ovw196_group .ovw196_group_list .ovw196_group_item .icon { width: 40px; }
	.cm_overview197 .ovw197_item.active .box_content .content_title { font-size: 20px; }
	.cm_overview197 .ovw197_item.active .box_content .box_close_btn { right: -16px; width: 32px; }
	.cm_overview197.type2 .ovw197_item.active .box_content { flex-direction: column; }
	.cm_overview197.type2 .ovw197_item.active .content_imgs_area { margin-right: auto; margin-left: auto; padding-bottom: 0; }
	.cm_overview198 { flex-direction: column; }
	.cm_overview198 .ovw198_thumb_area { width: 100%; }
	.cm_overview201 .ovw201_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview205 .ovw205_box { flex-direction: column; }
	.cm_overview205 .ovw205_left { width: 100%; }
	.cm_overview206 .ovw206_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview209 { margin-bottom: 170px; }
	.cm_overview209 .ovw209_bottom { position: relative; flex-direction: column; margin-top: -425px; }
	.cm_overview209 .ovw209_bottom .left { width: 100%; padding-right: 0; padding-bottom: clamp(36px, 2.34375vw, 45px); background-image: repeating-linear-gradient(to right, #dedede 0 12px, transparent 12px 25px); background-position: bottom; background-size: 100% 1.6px; }
	.cm_overview209 .ovw209_bottom .right { width: 100%; padding-top: clamp(36px, 2.34375vw, 45px); padding-left: 0; }
	.cm_overview211 .ovw211_list li:after { left: 99%; }
	.cm_overview211 .ovw211_box { flex-direction: column; }
	.cm_overview212 .ovw212_list { grid-template-columns: repeat(3, 1fr); }
	.cm_overview213 .ovw213_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview214 .ovw214_img { width: 75px; }
	.cm_overview215 { flex-direction: column; }
	.cm_overview217 { grid-template-columns: repeat(2, 1fr); }
	.cm_policy .plcy_agree { flex-direction: column; }
	.cm_policy .plcy_agree .plcy_agree_text { width: 100%; }
	.cm_policy .plcy_agree .plcy_agree_choice { width: 100%; }
	.cm_policy .plcy_agree .plcy_agree_choice .cm_chk_wrap { justify-content: end; }
	.cm_search2 .search_row { grid-template-columns: 1fr; }
	.cm_search2 .search_item { display: flex; grid-column: span 1; flex-direction: column; gap: 4px; }
	.cm_search2 .search_label,
	.cm_search2 .search_content { width: 100%; }
	.cm_search2.custom2 .search_category { width: 100%; }
	.cm_search3 { flex-direction: column; gap: 8px; }
	.cm_search3 .search_category { width: 100%; font-size: 14px; }
	.cm_search3 .input_wrap { width: 100%; }
	.cm_search3 .search_input { width: 100%; font-size: 14px; }
	.cm_search4 .result_box.type2 { flex-direction: column; }
	.cm_search5 .search_row { flex-direction: column; }
	.cm_search5 .search_item { width: 100%; }
	.cm_search5 .search_label { width: 50px; }
	.cm_search6 .search6_foot_box .cm_form_period { flex-direction: row; align-items: center; }
	.cm_search6 .cm_form_period { flex-direction: row; align-items: center; }
	.cm_search6 .cm_form_period input[type=text] { width: 100%; }
	.cm_search6 .cm_form_period .start,
	.cm_search6 .cm_form_period .end { width: 94%; }
	.cm_search6 .cm_form_period.size_md .form_control.datepicker { width: 100%; }
	.cm_search7 .search_row { flex-direction: column !important; align-items: start !important; width: 100%; }
	.cm_search7 .search_item.year,
	.cm_search7 .search_item.period { width: 100%; }
	.cm_search7 .search_item.period .cm_form_period { flex-direction: row; align-items: center; }
	.cm_search7 .search_item.period .cm_form_period .start,
	.cm_search7 .search_item.period .cm_form_period .end { flex: 1 1 0; }
	.cm_search7 .search_item.period .search_content { flex-direction: column; }
	.cm_search7 .search_item.period .btns .cm_btn { flex: 1 1 0; min-width: 0; }
	.cm_search7.type2 .search_item,
	.cm_search7.type2 .left .search_row.top select.form_control { width: 100%; }
	.cm_search7.type2 .search_item .search_content { flex: 1 1 0; min-width: 0; }
	.cm_search7.type4 .row_item { flex-direction: column; }
	.cm_search7.type4 .search_item { flex-direction: column; align-items: start; }
	.cm_search7.type4 .search_item .search_content { width: 100%; }
	.cm_search7.type4 .row2 .cm_form_period { flex-direction: row; align-items: center; }
	.cm_search7.type5 .search_row .row_item.left { flex-direction: column; }
	.cm_search7.type5 .search_row .row_item.left .search_item { width: 100%; }
	.cm_step4 .step_body { padding-left: 0; }
	.cm_step4 .list_item { flex-direction: column; align-items: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); }
	.cm_step4 .list_date { min-width: auto; }
	.cm_step5 { flex-direction: column; }
	.cm_step5 > li ~ li { padding-top: clamp(32px, 2.0833333333vw, 40px); padding-left: 0; }
	.cm_step5 > li ~ li:before { top: clamp(6.4px, 0.4166666667vw, 8px); left: 50%; transform: translateX(-50%) rotate(90deg); }
	.cm_step5 .step_item { width: 100%; }
	.cm_tab.tab1 .tab1_list { grid-template-columns: repeat(2, 1fr); }
	.cm_tab.tab1.col6 .tab1_list { grid-template-columns: repeat(2, 1fr); }
	[class*=cm_table].responsive table { display: block; }
	[class*=cm_table].responsive caption { display: none; }
	[class*=cm_table].responsive colgroup { display: none; }
	[class*=cm_table].responsive thead { display: none; }
	[class*=cm_table].responsive tbody { display: block; width: 100%; }
	[class*=cm_table].responsive tbody tr { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 15px; gap: 5px 15px; border-bottom: 1px solid var(--color-border-gray); }
	[class*=cm_table].responsive tbody tr:first-child { border-top: 1px solid var(--color-border-gray); }
	[class*=cm_table].responsive tbody td { display: block; position: relative; height: auto !important; padding: 0; border: none; font-size: 14px; text-align: left !important; }
	[class*=cm_table].responsive tbody td:before { display: inline-block; margin-right: 5px; margin-bottom: 4px; content: attr(data-th) ":"; color: var(--text-secondary); white-space: nowrap; }
	[class*=cm_table].responsive tbody td[data-th=NO],
	[class*=cm_table].responsive tbody td[data-th=번호] { display: none; }
	[class*=cm_table].responsive tbody td[data-th=NO].notice,
	[class*=cm_table].responsive tbody td[data-th=번호].notice { display: block; }
	[class*=cm_table].responsive tbody td[data-th=NO].notice:before,
	[class*=cm_table].responsive tbody td[data-th=번호].notice:before { display: none; }
	[class*=cm_table].responsive tbody td[data-th=제목]:before { display: none; }
	[class*=cm_table].responsive tbody td.subject { width: 100%; margin-bottom: 8px; font-weight: bold; font-size: 16px; text-align: left !important; }
	[class*=cm_table].responsive tbody tr.nodata { justify-content: center; }
	[class*=cm_table].responsive tbody tr.nodata td { display: block !important; }
	[class*=cm_table].responsive tbody tr.nodata td:before { display: none; }
	[class*=cm_table].responsive tbody td br { display: none; }
	[class*=cm_table].responsive tbody td.mobile_invisible:before { display: none; }
	[class*=cm_table].responsive.btn_flex_1 tbody tr .cm_btn { flex: 1; }
	.cm_table3 { padding: 15px; }
	.cm_table3 colgroup { display: none; }
	.cm_table3 table,
	.cm_table3 tbody,
	.cm_table3 tbody tr,
	.cm_table3 tbody th,
	.cm_table3 tbody td { display: block; }
	.cm_table3 tbody tr { padding: 7.5px 0; border-bottom: 1px dotted var(--color-border-gray); }
	.cm_table3 tbody tr:first-child { padding-top: 0; }
	.cm_table3 tbody tr:last-child { padding-bottom: 0; border-bottom: none; }
	.cm_table3 tbody td .cm_btn { margin-top: 8px; }
}
@media screen and (max-width:767px) {
	.cm_image.col3 > * { width: calc((100% - clamp(15px, 1.25vw, 24px)) / 2); }
	.cm_image.col4 > * { width: calc((100% - clamp(15px, 1.25vw, 24px)) / 2); }
}
@media screen and (max-width:650px) {
	.cm_overview203 .ovw203_list { grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width:640px) {
	.cm_info_box.contact .info_content .cm_dl1 { flex-direction: column; align-items: flex-start; }
	.cm_calendar2 .cal2_top { flex-wrap: wrap; padding-right: 0; gap: clamp(9.6px, 0.625vw, 12px); }
	.cm_calendar2 .cal2_today_btn { position: static; margin-left: auto; transform: none; }
	.cm_calendar2 .cd_btn { min-height: clamp(44.8px, 2.9166666667vw, 56px); padding: clamp(4.8px, 0.3125vw, 6px); }
	.cm_step2 > li { width: calc((100% - 36px) / 3); }
	.cm_step2 > li .step_icon { display: none; }
}
@media screen and (max-width:600px) {
	.cm_overview5 .ovw5_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview5:before { height: 100%; border-radius: clamp(19.2px, 1.25vw, 24px); }
	.cm_overview6 .ovw6_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview109 .ovw109_box { aspect-ratio: auto; }
	.cm_overview109 .ovw109_date { margin-top: 16px; }
	.cm_overview199 { grid-template-columns: repeat(1, 1fr); }
	.cm_paging2 .page_control:before { display: none; }
	.cm_search2.custom1 .search_item .item_wrap { flex-direction: column; }
	.cm_search2.custom1 .search_item .item_wrap .search_content { width: 100% !important; }
	.cm_search6 .search6_box { padding: 20px 16px; }
	.cm_search6 .search6_box .box_bottom .input_wrap { flex-direction: column; width: 100%; }
	.cm_search6 .search6_box .box_bottom .input_wrap > * { width: 100%; }
	.cm_search6 .search6_box .box_bottom .input_wrap .search_input { width: 100%; }
	.cm_search6 .search6_foot_box { padding: 20px 16px; padding-top: 36px; }
	.cm_search6 .search6_foot_box .form_row { flex-direction: column; align-items: start; gap: 8px; }
	.cm_search6 .search6_foot_box .cm_form_period { gap: 4px; }
	.cm_search6 .search6_foot_box .cm_form_period em { font-size: 13px; }
	.cm_search6 .search6_foot_box .cm_form_period .form_control.datepicker { width: 140px; padding-right: 26px !important; padding-left: 8px !important; background-position: center right 8px; background-size: 14px; }
}
@media screen and (max-width:500px) {
	.cm_gallery_list3 .gallery3_list { grid-template-columns: repeat(1, 1fr); }
	.cm_gallery_list3 .gallery3_list.col-04 { grid-template-columns: repeat(1, 1fr); }
	.cm_text_box { width: 100%; }
	.cm_overview204 .ovw204_level.branch { width: 310px; }
	.cm_overview204 .ovw204_level.branch::before { width: 180px; }
	.cm_overview204 .ovw204_level.bottom { width: 280px; }
	.cm_overview204 .ovw204_level.bottom::before { width: 150px; }
	.cm_overview204 .ovw204_level.right { width: 310px; }
	.cm_overview207 .ovw207_info { align-items: center; width: 100%; min-height: unset; padding: clamp(40px, 2.6041666667vw, 50px) clamp(24px, 1.5625vw, 30px) clamp(24px, 1.5625vw, 30px); background: url("../../images/common/member_info_bg.png") no-repeat right 12% bottom/cover; }
	.cm_overview207 .ovw207_member { position: unset; }
	.cm_overview207 .ovw207_wrap { padding: 0; }
	.cm_overview209 .ovw209_top { flex-direction: column; justify-content: flex-start; width: 100%; }
	.cm_overview209 .ovw209_top .right { position: unset; margin-top: clamp(12px, 0.78125vw, 15px); margin-left: auto; }
	.cm_overview209 .ovw209_bottom { width: 100%; margin-top: -395px; }
	.cm_overview211 .ovw211_list { flex-direction: column; }
	.cm_overview211 .ovw211_list li:after { top: 100%; left: 50%; transform: translate(-50%, 10%) rotate(90deg); }
	.cm_overview212 .ovw212_list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:480px) {
	.cm_gallery_list1 .gallery1_list { grid-template-columns: repeat(1, 1fr); }
	.cm_gallery_list2 .gallery2_list { grid-template-columns: repeat(1, 1fr); }
	.cm_gallery_list6 .gallery6_list { grid-template-columns: repeat(1, 1fr); }
	.cm_legend2 .legend_list .legend_item { flex-direction: column; }
	.cm_legend2 .legend_list .legend_item .left,
	.cm_legend2 .legend_list .legend_item .right { width: 100%; }

	/* 공통 컨텐츠 만족도 조사 */
	.cm_content_satisfaction .survey_chk_wrap { grid-template-columns: repeat(2, 1fr); }
	.cm_modal .cm_paging1 .page_link { width: 18px; min-width: 18px; height: 18px; margin: 0 1px; padding: 0 2px; font-size: 10px; }
	.cm_overview4 .ovw4_btn a { width: 100%; }
	.cm_overview4 .ovw4_btn br { display: block; }
	.cm_overview8 .ovw8_list { grid-template-columns: 1fr; }
	.cm_overview8 .ovw8_link { display: grid; grid-template-columns: auto 1fr; column-gap: clamp(12.8px, 0.8333333333vw, 16px); row-gap: clamp(12.8px, 0.8333333333vw, 16px); align-items: center; padding: clamp(16px, 1.0416666667vw, 20px); }
	.cm_overview8 .ovw8_icon { grid-row: 1; grid-column: 1; }
	.cm_overview8 .ovw8_text { grid-row: 1; grid-column: 2; }
	.cm_overview8 .ovw8_more { grid-row: 2; grid-column: 1/-1; justify-self: end; margin-top: 0; text-align: right; }
	.cm_overview10 .ovw10_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview16 .ovw16_list { grid-template-columns: 1fr; }
	.cm_overview17 .ovw17_list { grid-template-columns: 1fr; }
	.cm_overview18 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview19 .ovw19_list { grid-template-columns: repeat(1, 1fr); }
	.cm_overview104 .ovw104_link .icon { display: none; }
	.cm_overview105 .box_info_list .box_info { flex-direction: column; gap: 6px; }
	.cm_overview105 .box_info_list .box_info dt { width: 100%; }
	.cm_overview105 .box_info_list .box_info dt:before { display: none; }
	.cm_overview121 .ovw121_list { grid-template-columns: repeat(2, 1fr); }
	.cm_overview123 .ovw123_body .ovw123_body_list { gap: 12px; }
	.cm_overview130 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview131 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview132 .ovw132_title_wrap { flex-direction: column; }
	.cm_overview132 .ovw132_title_wrap .ovw132_title_label { width: 100%; padding-top: 8px; padding-bottom: 8px; border-radius: 6px 6px 0 0; }
	.cm_overview152 { width: 100%; }
	.cm_overview153 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview216 .ovw216_list .ovw216_step { left: 50%; transform: translateX(-50%); }
	.cm_overview216 .ovw216_list .ovw216_box { flex-direction: column; align-items: center; }
	.cm_search7 .search_item.period .cm_form_period { flex-direction: column; }
	.cm_search7 .search_item.period .cm_form_period .start,
	.cm_search7 .search_item.period .cm_form_period .end { width: 100%; }
	.cm_search7 > .left .search_item { flex-direction: column; align-items: start; gap: 8px; }
	.cm_search7 > .left .search_item .search_content { width: 100%; }
	.cm_search7.type4 .row2 .cm_form_period { flex-direction: column; align-items: start; }
}
@media screen and (max-width:479px) {
	.cm_image.col2 > * { width: 100%; }
	.cm_image.col3 > * { width: 100%; }
	.cm_image.col4 > * { width: 100%; }
}
@media screen and (max-width:450px) {
	.cm_search5 .search_item { flex-direction: column; }
	.cm_search5 .search_content { width: 100%; }
	.cm_search5 .input_wrap { flex-wrap: wrap; width: 100%; }
}
@media screen and (max-width:360px) {
	.cm_overview206 .ovw206_main { flex-direction: column; }
	.cm_overview206 .ovw206_img { margin: 0 auto; }
	.cm_search5 .input_wrap .btn_wrap { width: 100%; }
	.cm_search5 .input_wrap button { width: 100%; height: 38px; }
}
@media screen and (max-width:350px) {
	.cm_overview204 .ovw204_level.branch { width: 290px; }
	.cm_overview204 .ovw204_level.branch::before { width: 160px; }
	.cm_overview204 .ovw204_level.bottom { width: 275px; }
	.cm_overview204 .ovw204_level.bottom::before { width: 145px; }
	.cm_overview204 .ovw204_level.right { width: 290px; }
}
@media (prefers-reduced-motion:reduce) {
	.survey_form_result_wrap .survey_form_result_item .chart .chart_track .chart_bar { transition: none; }
}