@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/.App{justify-content:space-between;min-height:100vh;overflow:hidden;text-align:center}.App,.box_routes{display:flex;flex-direction:column}.box_routes{min-height:calc(100vh - 23rem - 15px)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar-logo{align-items:center;background:#0000;display:flex;img{margin-right:5px;width:3rem}}
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.table{display:table}.hidden{display:none}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}:root{--nanumSquare:"NanumSquareR";--SCDream:"SCDream";--jamsil:"SCDream";--jamsilB:"jamsilB";--jamsilM:"jamsilM";--NotoSansKorean:"NotoSansKorean";--noto:"NotoSansKorean";--notoB:"NotoSansKoreanB";--accent-color:#3d5fd9;--basecolor-10:#3d5fd90d;--basecolor-15:#3d5fd926;--basecolor-20:#3d5fd933;--basecolor-30:#3d5fd94d;--basecolor-50:#3d5fd980;--accent:#003b73;--accent-light:208,208,208;--accent-color01:31,59,113;--accent-color02:241,220,124;--accent-color03:96,131,92;--accent-dark-50:#003b7380;--font-size-sm:max(.6875rem,min(2vw,.75rem));--font-size-msm:max(.75rem,min(2.4vw,.8125rem));--font-size-md:max(.8125rem,min(2.6vw,.9375rem));--font-size-base:max(.9375rem,min(3vw,1rem));--font-size-lg-1:max(1rem,min(3.2vw,1.125rem));--font-size-lg-2:max(1.125rem,min(3.7vw,1.25rem));--font-size-xl:max(1.25rem,min(4vw,1.375rem));--font-size-xxl:max(1.3rem,min(4.5vw,1.5625rem));--font-size-xxl2:max(1.5rem,min(4.5vw,1.875rem));--font-size-2xl:max(1.35rem,min(5vw,2.5rem));--font-size-xxxl:max(1.5rem,min(5.5vw,2.8125rem));--font-size-xxxxl:max(2.5rem,min(7vw,4.375rem));--size-10:.625rem;--size-15:.9375rem;--size-20:1.25rem;--size-25:1.5625rem;--size-30:1.875rem;--size-35:2.1875rem;--size-40:2.5rem;--size-45:2.8125rem;--size-50:3.125rem;--size-55:3.4375rem;--size-60:3.75rem;--size-65:4.0625rem;--size-70:4.375rem;--size-75:4.6875rem;--size-80:5rem;--size-85:5.3125rem;--size-90:5.625rem;--size-95:5.9375rem;--size-100:6.25rem;--h-yellow:#fddb69;--h-yellow2:#ccac00;--h-red:#d32f2f;--h-accent:#003a73;--h-green:#4b865a;--h-green2:#3a5f3a;--h-cream:#fff8e1;--h-gray-1:#e0e0e0;--h-gray:#424242;--h-blue:#003a73;--h-yellow2:#e6c60d;--h-red2:#b02424;--h-accent2:#002a56;--h-cream2:#e6d7c2;--h-gray2:#333;--h-blue2:#002a56;--h-black:#000;--h-white:#fff;--h-sky:#1f7089;--h-sky2:#164e60;--s-yellow:253,219,105;--s-red:211,47,47;--s-accent:0,58,115;--s-green:75,134,90;--s-green2:58,95,58;--s-cream:255,248,225;--s-gray-1:224,224,224;--s-gray:66,66,66;--s-blue:0,58,115;--second-2s:.2s;--2n1:7.4fr 2fr;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--h-headerTitle-bg:#000;--h-headerTitle-text:#fff;--h-menu-label:#f29d3a}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:100;src:url(/static/media/NotoSans-Thin.5f9a1e0f54e8a2bcdbc2.eot) format("eot"),url(/static/media/NotoSans-Thin.ccfd5564f598f6b082b4.otf) format("opentype"),url(/static/media/NotoSans-Thin.7a561ac968999a5dade3.woff) format("woff"),url(/static/media/NotoSans-Thin.9a72164420c5bea92570.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:200;src:url(/static/media/NotoSans-Light.516f7bce44bf65da2463.eot) format("eot"),url(/static/media/NotoSans-Light.ec7f2349019731181656.otf) format("opentype"),url(/static/media/NotoSans-Light.1214e1a50a7c03f7940e.woff) format("woff"),url(/static/media/NotoSans-Light.d3283d226f8f74e7a8d5.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:300;src:url(/static/media/NotoSans-DemiLight.cf4b52a8ac6b91e2c978.eot) format("eot"),url(/static/media/NotoSans-DemiLight.091dbc1f67a785b70b53.otf) format("opentype"),url(/static/media/NotoSans-DemiLight.1ada0fb3924828015f3b.woff) format("woff"),url(/static/media/NotoSans-DemiLight.3b0f24795253d2da91e6.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:400;src:url(/static/media/NotoSans-Regular.7c7f50cbc536eb2b68e9.eot) format("eot"),url(/static/media/NotoSans-Regular.1ef18564a8565bc7e1f5.otf) format("opentype"),url(/static/media/NotoSans-Regular.d19c129f30e0373f60b6.woff) format("woff"),url(/static/media/NotoSans-Regular.12c5f3f9045594368915.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:500;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.2a96bfa2f634b7b6baec.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:600;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.2a96bfa2f634b7b6baec.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:700;src:url(/static/media/NotoSans-Black.a1dc5ffd7ed7c3e53fb1.eot) format("eot"),url(/static/media/NotoSans-Black.0583fd5d76943887a81d.otf) format("opentype"),url(/static/media/NotoSans-Black.f2e40ede24f3f577c335.woff) format("woff"),url(/static/media/NotoSans-Black.2ac864a194a4c2b8049b.woff2) format("woff2")}@font-face{font-family:NotoSansKorean;font-style:normal;font-weight:900;src:url(/static/media/NotoSans-Bold.97724077fe848cc1c195.eot) format("eot"),url(/static/media/NotoSans-Bold.0476118dfa60ca86b7e3.otf) format("opentype"),url(/static/media/NotoSans-Bold.ba396a9fc63ba86c7d0a.woff) format("woff"),url(/static/media/NotoSans-Bold.a2b8ed27e25e7116ab30.woff2) format("woff2")}@font-face{font-family:NotoSansKoreanB;font-style:normal;font-weight:700;src:url(/static/media/NotoSans-Medium.d742f671e98e6947f066.eot) format("eot"),url(/static/media/NotoSans-Medium.2a96bfa2f634b7b6baec.otf) format("opentype"),url(/static/media/NotoSans-Medium.e892f21f7dd918a8fab9.woff) format("woff"),url(/static/media/NotoSans-Medium.43b5c29006f365a91ccd.woff2) format("woff2")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:300;src:url(/static/media/NanumSquareRoundL.68d1fb9c72fe99a9b08b.woff) format("woff"),url(/static/media/NanumSquareRoundL.1d11bd4c508e280fb2b7.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:400;src:url(/static/media/NanumSquareRoundR.fab818be8a1a90d50c15.woff) format("woff"),url(/static/media/NanumSquareRoundR.f2de32b37cd938b8317b.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:500;src:url(/static/media/NanumSquareRoundB.95042c51e91eab589542.woff) format("woff"),url(/static/media/NanumSquareRoundB.42f345e0176ebf33e6eb.otf) format("opentype")}@font-face{font-family:NanumSquareR;font-style:normal;font-weight:600;src:url(/static/media/NanumSquareRoundEB.3aac2539c2c68b1f5a95.woff) format("woff"),url(/static/media/NanumSquareRoundEB.e73f1230126aab55da21.otf) format("opentype")}@font-face{font-family:SCDream;font-style:normal;font-weight:900;src:url(/static/media/SCDream7.a8d826f4cafb0e728051.otf) format("woff")}@font-face{font-family:jamsilM;font-style:normal;font-weight:900;src:url(/static/media/Jamsil-M.adb26882aeb95e913328.otf) format("woff")}@font-face{font-family:jamsilEB;font-style:normal;font-weight:900;src:url(/static/media/jamsil-EB.9390e8291a539cf25b06.otf) format("woff")}@font-face{font-family:jamsilB;font-style:normal;font-weight:500;src:url(/static/media/Jamsil-bold.a5ac2e292ec84c0ff3bf.otf) format("woff")}*{border:0 #0000}.h-btn-gray{background-color:#424242!important;background-color:var(--h-gray)!important;color:#fff!important;font-size:.9rem!important;margin-top:2rem!important;padding:.3rem 2rem!important}.h-btn-gray:hover{background-color:#333!important;background-color:var(--h-gray2)!important}.h-btn-blue{background-color:#003a73!important;background-color:var(--h-blue)!important;color:#fff!important;margin-top:2rem!important;padding:.3rem 2rem!important}.h-btn-blue:hover{background-color:#002a56!important;background-color:var(--h-blue2)!important}.h-btn-red{background-color:#d32f2f!important;background-color:var(--h-red)!important;color:#fff!important;margin-top:2rem!important;padding:.3rem 2rem!important}.h-btn-red:hover{background-color:#b02424!important;background-color:var(--h-red2)!important}.h-btn-green{background-color:#4b865a!important;background-color:var(--h-green)!important;color:#fff!important;margin-top:2rem!important;padding:.3rem 2rem!important}.h-btn-green:hover{background-color:#3a5f3a!important;background-color:var(--h-green2)!important}.h-btn-sky{background-color:#1f7089!important;background-color:var(--h-sky)!important;color:#fff!important;margin-top:2rem!important;padding:.3rem 2rem!important}.h-btn-sky:hover{background-color:#164e60!important;background-color:var(--h-sky2)!important}.h-btn-yellow{background-color:#fddb69!important;background-color:var(--h-yellow)!important;color:#fff!important;margin-top:3rem!important;padding:.3rem 2rem!important}.h-btn-yellow:hover{background-color:#e6c60d!important;background-color:var(--h-yellow2)!important}.o-btn-blue{background-color:initial!important;color:#003a73!important;color:var(--h-blue)!important;height:2rem;min-width:1.5rem}.o-btn-blue:hover{background-color:#424242!important;background-color:var(--h-gray)!important}.h-btn-white{background-color:initial!important;color:#000!important;color:var(--h-black)!important;height:2rem;min-width:1.5rem}.h-btn-white:hover{background-color:#000!important;background-color:var(--h-black)!important;color:#fff!important}::-webkit-scrollbar{height:.125rem;width:2px}::-webkit-scrollbar-thumb{background:#3d5fd9;background:var(--accent-color);background:#3d5fd933;background:var(--basecolor-20);border-radius:.625rem;border-radius:var(--size-10);-webkit-border-radius:.625rem;-webkit-border-radius:var(--size-10);-moz-border-radius:.625rem;-moz-border-radius:var(--size-10);-ms-border-radius:.625rem;-ms-border-radius:var(--size-10);-o-border-radius:.625rem;-o-border-radius:var(--size-10)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-button:vertical:end:decrement{display:block;width:.125rem}body{color:#2e2e2e;font-family:NotoSansKorean;font-family:var(--NotoSansKorean);font-size:max(.9375rem,min(3vw,1rem));font-size:var(--font-size-base)}ul li{list-style:none}h1{font-size:1.5625rem;font-weight:700}h2{font-family:SCDream;font-family:var(--SCDream);font-size:max(1.35rem,min(5vw,2.5rem));font-size:var(--font-size-2xl);font-weight:600;margin-bottom:1.5625rem;margin-bottom:var(--size-25);text-align:left}em,i{font-style:normal}.margin-0{margin:0!important}input{margin:0;outline:none;padding:0;transition:all ease-in;-webkit-transition:all ease-in;-moz-transition:all ease-in;-ms-transition:all ease-in;-o-transition:all ease-in}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.direction-column{flex-direction:column}.align-center{align-items:center}.align-end{align-items:end}.align-start{align-items:start}.justify-center{justify-content:center}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.grid{display:grid}.gap-1{gap:.5625rem}.gap-2{gap:.75rem}.gap-3{gap:.9375rem}.gap-4{gap:1.125rem}.gap-5{gap:1.3125rem}.gap-6{gap:1.5rem}.gap-7{gap:1.6875rem}.gap-8{gap:1.875rem}.gap-9{gap:2.5rem}.gap-10{gap:3.125rem}.flex-10{flex:0 0 10%!important}.flex-15{flex:0 0 15%!important}.flex-20{flex:0 0 20%!important}.grid-column-1{grid-column:1/2}.grid-column-1fr{grid-template-columns:1fr 1fr}.m-0-auto{margin:0 auto}.height-100vh{height:100vh}.accent-color{color:#3d5fd9;color:var(--accent-color)}.flex-1{flex:1 1}.flex-4{flex:1 1 40%}.flex-6{flex:1 1 60%}.position-absolute{bottom:-100%;position:absolute}.position-initial{position:static}.mt-10{margin-top:.625rem}.mt-15{margin-top:.9375rem}.mt-30{margin-top:1.875rem}.mt-50{margin-top:3.125rem}.mt-60{margin-top:3.75rem}.mt-70{margin-top:4.375rem}.mt-80{margin-top:5rem}.mt-90{margin-top:5.625rem}.mt-100{margin-top:6.25rem}.mt-150{margin-top:max(150px,1vw,150px)}.mb-50{margin-bottom:3.125rem}@media screen and (max-width:48rem){body{font-size:max(.9375rem,min(3vw,1rem));font-size:var(--font-size-base)}:root{--font-size-md:.75rem;--font-size-base:.8125rem;--font-size-lg-1:.875rem;--font-size-lg-2:1rem;--font-size-xl:1.125rem;--font-size-xxl:1.25rem}.Nomal-tbl{font-size:max(.9375rem,min(3vw,1rem));font-size:var(--font-size-base)}}.table-hong{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%}.table-hong tbody tr{background-color:#fff;caret-color:#0000;cursor:pointer}.table-hong tbody tr.selected{background-color:#f88ffa33}.table-hong th{background-color:#eee;font-weight:700}.table-hong td,.table-hong th{border:1px solid #d3d3d3;padding:.5rem .9rem;text-align:center}.table-hong td{vertical-align:middle}.navbar{align-items:center;background:#00000080;box-sizing:border-box;color:#fff;display:flex;height:70px;justify-content:space-between;padding:0 20px;position:fixed;width:100%;z-index:999999}@media(max-width:600px){.navbar{padding:0 10px}}.navbar__logo{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(90deg,#c9cdc3,#4b865a);background-clip:text;-webkit-background-clip:text;cursor:pointer;display:flex;font-size:20px;font-weight:700;text-decoration:none;-webkit-user-select:none;user-select:none}@media(max-width:600px){.navbar__logo{font-size:20px}}.navbar__logo-image{margin-right:8px;width:1.8rem}@media(max-width:600px){.navbar__logo-image{margin-right:6px;width:1.5rem}}.navbar__logo-text--short{display:none}@media(max-width:600px){.navbar__logo-text--short{display:inline}}.navbar__logo-text--full{display:inline}@media(max-width:600px){.navbar__logo-text--full{display:none}}.navbar__menu{align-items:center;display:flex;gap:20px}@media(max-width:700px){.navbar__menu--desktop{display:none}}.navbar__hamburger{-webkit-tap-highlight-color:rgba(255,255,255,.1);align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;justify-content:center;min-height:48px;min-width:48px;padding:12px;position:relative;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;z-index:10001}@media(max-width:700px){.navbar__hamburger{display:flex}}.navbar__hamburger:hover{background-color:#ffffff1a}.navbar__hamburger:active{background-color:#fff3;transform:scale(.95)}.navbar__hamburger-line{background-color:#fff;border-radius:1px;display:block;height:2px;margin:3px 0;pointer-events:none;transform-origin:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:24px}.navbar__hamburger-line:first-child,.navbar__hamburger-line:last-child,.navbar__hamburger-line:nth-child(2){transform-origin:center}.navbar__hamburger.active .navbar__hamburger-line:first-child{background-color:#ffffffe6;transform:rotate(45deg) translate(5px,5px)}.navbar__hamburger.active .navbar__hamburger-line:nth-child(2){opacity:0;transform:translateX(-20px)}.navbar__hamburger.active .navbar__hamburger-line:last-child{background-color:#ffffffe6;transform:rotate(-45deg) translate(7px,-6px)}.navbar__hamburger.active:hover{background-color:#ff64641a}.navbar__hamburger.active:hover .navbar__hamburger-line{background-color:#ffc8c8}@media(hover:none)and (pointer:coarse){.navbar__hamburger:active{background-color:#fff3;transform:scale(.95)}}.navbar__login-btn,.navbar__notice-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;margin:0;padding:10px 16px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.navbar__login-btn:hover,.navbar__notice-btn:hover{background-color:#ffffff1a}.navbar__login-btn:focus,.navbar__notice-btn:focus{outline:2px solid #ffffff4d;outline-offset:2px}.navbar .userNum{color:#888;font-size:16px;font-weight:500;margin-right:10px}@media(max-width:600px){.navbar .userNum{font-size:14px;margin-right:6px}}.mobileNav{background-color:#0000;caret-color:#0000;display:none;height:100vh;overflow-y:auto}@media(max-width:700px){.mobileNav{background:#0000;display:block;left:0;position:fixed;text-align:left;top:0;width:100%;z-index:9999}}.mobileNav .menu1{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100vh;width:100vw;z-index:9998}.mobileNav .menu2{background-color:#fff;border-left:1px solid #e9ecef;box-shadow:-4px 0 20px #00000026;display:none;height:calc(100vh - 70px);max-width:280px;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:70px;width:100%;z-index:9999}.mobileNav .menu2.open{animation:slideIn .3s ease-out;display:block}.mobileNav .menu2 .userNum{border-bottom:1px solid #e9ecef;color:#888;font-size:14px;font-weight:600;margin:0;padding:0 24px 1rem;text-align:center}.mobileNav .close{display:none}.mobileNav .menuItem{background-color:#fff;border-bottom:1px solid #f1f3f4;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;position:relative;transition:all .3s ease}.mobileNav .menuItem:first-child{border-top:none}.mobileNav .menuItem:last-child{border-bottom:none}.mobileNav .menuItem:hover{background-color:#f8f9fa;color:#2c3e50;padding-left:28px}.mobileNav .menuItem:active{background-color:#e9ecef}.mobileNav .menuItem span{color:#007bff;font-weight:600}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:700px){.mobileNav .menuItem{align-items:center;display:flex;min-height:48px}.mobileNav .menuItem:hover{background-color:#f8f9fa;padding-left:24px}}.footer{background:#f8f9fa;border-top:1px solid #e9ecef;caret-color:#0000;color:#333;margin-top:auto;padding:50px 0 30px;width:100%;z-index:9}.footer__container{margin:0 auto;max-width:800px;padding:0 20px}.footer__content{gap:25px;margin-bottom:30px;text-align:center}.footer__brand,.footer__content{align-items:center;display:flex;flex-direction:column}.footer__brand{gap:20px}.footer__logo{flex-shrink:0;height:60px;width:60px}@media(max-width:480px){.footer__logo{height:50px;width:50px}}.footer__text{text-align:center}.footer__title{color:#2c3e50;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 5px}@media(max-width:768px){.footer__title{font-size:16px}}@media(max-width:480px){.footer__title{font-size:15px}}.footer__description{color:#6c757d;font-size:14px;line-height:1.5;margin:0}@media(max-width:480px){.footer__description{font-size:13px}}.footer__contact{align-items:center;display:flex;gap:20px}@media(max-width:600px){.footer__contact{align-items:center;flex-direction:column;gap:15px}}.footer__contact-item{color:#495057;font-size:15px;line-height:1.4;text-align:left}@media(max-width:600px){.footer__contact-item{text-align:center}}@media(max-width:480px){.footer__contact-item{font-size:14px}}.footer__contact-item span{display:block;margin-top:5px}.footer__bottom{border-top:1px solid #dee2e6;display:flex;flex-direction:column;gap:15px;padding-top:25px;text-align:center}.footer__bottom em{color:#6c757d;font-size:12px;font-style:normal;font-weight:500}@media(max-width:480px){.footer__bottom em{font-size:11px}}.footer__links{align-items:center;display:flex;justify-content:center}.footer__links .footer__link{color:#495057;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.footer__links .footer__link:hover{color:#2c3e50;text-decoration:underline}@media(max-width:480px){.footer__links .footer__link{font-size:12px}}@media(max-width:450px){.footer{padding:40px 0 25px}.footer__container{padding:0 15px}.footer__main{gap:25px;margin-bottom:25px}.footer__brand{gap:12px}.footer__logo{height:45px!important;width:45px!important}.footer__title{font-size:16px!important}.footer__contact-item,.footer__description{font-size:12px!important}.footer__bottom{padding-top:20px}.footer__bottom em{font-size:10px!important}}.TermsAgreement{background-color:#fff;border-radius:8px;caret-color:#0000;margin-top:0;padding:1rem 1.5rem;width:100%!important;p{color:#333;font-size:18px}img{margin-top:-3px;width:20px}}.agreement-item{align-items:center;display:flex;margin-bottom:16px}.agreement-item button{height:1rem;margin-left:auto;padding:0 12px}.agreement-item .MuiFormControlLabel-root{display:flex;margin-right:auto}.box_chk{align-items:center;border:0 solid red;display:flex;height:2rem;line-height:.1rem;width:100%!important}.hong-button{align-items:center;border:none;border-radius:4px!important;color:#fff;cursor:pointer;display:inline-flex;gap:6px;height:2.1rem;justify-content:center;outline:none;overflow:hidden;padding:0 12px;position:relative;transition:background-color .3s ease-in-out}.hong-button.disabled,.hong-button:disabled{background-color:#ddd!important;border:none!important;color:#888!important;cursor:not-allowed}.hong-button.disabled:hover,.hong-button:disabled:hover{background-color:#ddd!important}.hong-button .start-icon{align-items:center;display:inline-flex;justify-content:center}.hong-button .start-icon img{display:block;height:1.2em;width:auto}.ripple{animation:ripple-animation 3s ease-out;background-color:#fff6;border-radius:50%;opacity:1;pointer-events:none;position:absolute;transform:scale(0);transition:opacity 3s ease-out}@keyframes ripple-animation{to{opacity:0;transform:scale(6)}}.paginate-container{caret-color:#0000;margin:4.5rem 0 0;padding:0}@media(min-width:481px)and (max-width:768px){.paginate-container{padding:0}}@media(min-width:769px){.paginate-container{padding:0}}.items h3{border-bottom:1px solid #eee;color:#555;font-size:1.1rem;margin:10px 0;padding:8px}@media(min-width:481px)and (max-width:768px){.items h3{font-size:1.2rem;margin:12px 0;padding:9px}}@media(min-width:769px){.items h3{font-size:1.3rem;margin:15px 0;padding:10px}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin-bottom:1.5rem;margin-top:15px;padding:0}@media(min-width:481px)and (max-width:768px){.pagination{gap:12px;margin-bottom:1.8rem;margin-top:20px}}@media(min-width:769px){.pagination{flex-wrap:nowrap;gap:16px;gap:var(--size-20,16px);margin-bottom:2rem;margin-top:25px}}.pagination li a{border-radius:4px;caret-color:#0000;color:#333;cursor:pointer;font-size:.9rem;min-width:32px;padding:.3rem .4rem;text-align:center;text-decoration:none;transition:background-color .3s,color .3s}@media(min-width:481px)and (max-width:768px){.pagination li a{font-size:1rem;min-width:36px;padding:.4rem .5rem}}@media(min-width:769px){.pagination li a{font-size:1rem;min-width:auto;padding:0 .6rem}}.pagination li a:hover{background-color:#f8f8f8;border-radius:4px}.pagination li.active a{background-color:#007bff1a;background-color:rgba(var(--accent-rgb,0,123,255),.1);border-radius:4px;color:var(--accent);font-weight:800}.pagination li.disabled a{color:#ccc;cursor:not-allowed}.pagination li.disabled a:hover{background-color:#0000}.search-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;margin:20px auto;max-width:800px;padding:20px;width:calc(100% - 40px)}@media(max-width:375px){.search-container{margin:10px auto;max-width:none;padding:12px;width:calc(100% - 16px)}}@media(max-width:480px){.search-container{margin:15px auto;max-width:none;padding:15px;width:calc(100% - 20px)}}@media(min-width:481px)and (max-width:768px){.search-container{margin:18px auto;max-width:700px;padding:18px;width:calc(100% - 40px)}}@media(min-width:769px){.search-container{margin:25px auto;max-width:800px;padding:25px;width:100%}}.search-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media(max-width:375px){.search-form{align-items:stretch;flex-direction:column;gap:8px}}@media(max-width:480px){.search-form{align-items:stretch;flex-direction:column;gap:10px}}@media(min-width:481px)and (max-width:768px){.search-form{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}}@media(min-width:769px){.search-form{flex-wrap:nowrap;gap:12px;justify-content:center}}.search-type-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:13px;height:32px;min-width:80px;padding:6px 10px}@media(max-width:375px){.search-type-select{font-size:12px;height:30px;padding:6px 8px;width:100%}}@media(max-width:480px){.search-type-select{font-size:14px;height:36px;padding:0 12px;width:100%}}@media(min-width:481px)and (max-width:768px){.search-type-select{height:34px;min-width:100px;padding:0 10px}}@media(min-width:769px){.search-type-select{height:32px;min-width:90px;padding:0 10px}}.search-type-select:focus{border-color:#007bff;border-color:var(--accent,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.search-input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:13px;height:32px;min-width:180px;padding:6px 10px}@media(max-width:375px){.search-input{font-size:12px;height:30px;min-width:100%;padding:6px 8px;width:100%}}@media(max-width:480px){.search-input{font-size:14px;height:36px;min-width:100%;padding:8px 12px;width:100%}}@media(min-width:481px)and (max-width:768px){.search-input{flex:2 1;height:34px;min-width:150px;padding:7px 10px}}@media(min-width:769px){.search-input{flex:2 1;height:32px;min-width:200px;padding:6px 10px}}.search-input:focus{border-color:#007bff;border-color:var(--accent,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.search-input::placeholder{color:#6c757d;font-size:13px}@media(max-width:375px){.search-input::placeholder{font-size:12px}}@media(max-width:480px){.search-input::placeholder{font-size:14px}}.search-button,.search-reset-button{align-items:center;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;justify-content:center;min-height:32px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}@media(max-width:375px){.search-button,.search-reset-button{font-size:12px;gap:3px;min-height:32px;min-width:auto;padding:6px 8px;width:48%}}@media(max-width:480px){.search-button,.search-reset-button{font-size:14px;gap:5px;min-height:36px;padding:8px 16px;width:100%}}@media(min-width:481px)and (max-width:768px){.search-button,.search-reset-button{font-size:13px;min-height:34px;min-width:80px;padding:7px 16px}}@media(min-width:769px){.search-button,.search-reset-button{font-size:13px;min-height:32px;min-width:90px;padding:6px 16px}}.search-button:hover,.search-reset-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@media(max-width:480px){.search-button:hover,.search-reset-button:hover{transform:none}}.search-button:active,.search-reset-button:active{transform:translateY(0)}.search-button i,.search-reset-button i{font-size:11px}@media(max-width:375px){.search-button i,.search-reset-button i{font-size:10px}}@media(max-width:480px){.search-button i,.search-reset-button i{font-size:13px}}@media(min-width:481px)and (max-width:768px){.search-button i,.search-reset-button i{font-size:12px}}.search-button{background-color:#007bff;background-color:var(--accent,#007bff);color:#fff}.search-button:hover{background-color:#0056b3}.search-reset-button{background-color:#6c757d;color:#fff}.search-reset-button:hover{background-color:#545b62}.search-result-info{background-color:#e9ecef;border-radius:4px;color:#6c757d;font-size:13px;margin-top:12px;padding:6px;text-align:center}@media(min-width:481px)and (max-width:768px){.search-result-info{font-size:14px;margin-top:14px;padding:7px}}@media(min-width:769px){.search-result-info{font-size:14px;margin-top:15px;padding:8px}}.search-result-info span{color:#007bff;color:var(--accent,#007bff);font-weight:500}.search-button-group{display:flex;gap:6px}@media(max-width:375px){.search-button-group{flex-direction:row;gap:4px;justify-content:space-between;width:100%}}@media(max-width:480px){.search-button-group{flex-direction:column;gap:8px;width:100%}}@media(min-width:481px)and (max-width:768px){.search-button-group{flex-direction:row;flex-shrink:0;gap:8px;justify-content:center}}@media(min-width:769px){.search-button-group{flex-direction:row;flex-shrink:0;gap:10px;justify-content:center}}.search-button:disabled,.search-reset-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.search-button:disabled:hover,.search-reset-button:disabled:hover{box-shadow:none!important;transform:none!important}.BoardList_container1{align-items:center;box-sizing:border-box;caret-color:#0000;display:flex;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-x:hidden;padding:20px 10px;width:100%}.BoardList_container1 .BoardList{box-sizing:border-box;max-width:60rem;overflow-x:hidden;width:100%}.BoardList_container1 .box_title{align-items:center;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 25px}.BoardList_container1 .box_title Button{margin-top:-1rem;min-width:7rem}.BoardList_container1 .BoardList .title{color:#333;font-size:2.5rem;font-weight:700;height:2.5rem;line-height:1.5rem;margin:0;padding-left:.5rem;text-align:left;text-shadow:0 1px 2px #0000001a}.BoardList_container1 .BoardList table{border:none;border-collapse:collapse;box-sizing:border-box;margin:0;margin-top:0!important;max-width:100%!important;padding:0;table-layout:fixed;width:100%!important}.BoardList_container1 .BoardList tr{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;caret-color:#0000;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;max-width:100%;overflow:hidden;position:relative;width:100%}.BoardList_container1 .BoardList tr:hover{background-color:#e6e6e64d;cursor:pointer}.BoardList_container1 .BoardList td,.BoardList_container1 .BoardList th{box-sizing:border-box;overflow:hidden;padding:1.25rem .9375rem;text-align:left}.BoardList_container1 .td{padding:0!important}.BoardList_container1 .BoardList thead{display:none}.BoardList_container1 .BoardList td:first-child{flex-grow:0;flex-shrink:0;max-width:9rem;min-width:9rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.BoardList_container1 .BoardList td:nth-child(2){color:dimgray;flex-grow:1;font-weight:600;margin:0 1rem 0 0;overflow:hidden;padding:0;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.BoardList_container1 .BoardList td:nth-child(3){color:dimgray;flex-grow:0;flex-shrink:0;max-width:8rem;min-width:8rem;text-align:center;width:8rem!important}.BoardList_container1 .date2{display:none}@media screen and (max-width:500px){.BoardList_container1 .BoardList td:first-child{flex-grow:1;flex-shrink:0;max-width:6rem!important;min-width:6rem!important;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:6rem!important}.BoardList_container1 .BoardList td:nth-child(2){color:dimgray;flex-grow:1;font-weight:600;margin:0 1rem 0 0;overflow:hidden;padding:0;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.BoardList_container1 .BoardList td:nth-child(3){display:none}.BoardList_container1 .date2{color:#ccc;display:block;font-size:.6rem;font-weight:300;position:absolute;right:1rem;top:.3rem}}:root{--black-a1:#0000000d;--black-a2:#0000001a;--black-a3:#00000026;--black-a4:#0003;--black-a5:#0000004d;--black-a6:#0006;--black-a7:#00000080;--black-a8:#0009;--black-a9:#000000b3;--black-a10:#000c;--black-a11:#000000e6;--black-a12:#000000f2}@supports(color:color(display-p3 1 1 1)){@media(color-gamut:p3){:root{--black-a1:color(display-p3 0 0 0/0.05);--black-a2:color(display-p3 0 0 0/0.1);--black-a3:color(display-p3 0 0 0/0.15);--black-a4:color(display-p3 0 0 0/0.2);--black-a5:color(display-p3 0 0 0/0.3);--black-a6:color(display-p3 0 0 0/0.4);--black-a7:color(display-p3 0 0 0/0.5);--black-a8:color(display-p3 0 0 0/0.6);--black-a9:color(display-p3 0 0 0/0.7);--black-a10:color(display-p3 0 0 0/0.8);--black-a11:color(display-p3 0 0 0/0.9);--black-a12:color(display-p3 0 0 0/0.95)}}}.light,.light-theme,:root{--mauve-1:#fdfcfd;--mauve-2:#faf9fb;--mauve-3:#f2eff3;--mauve-4:#eae7ec;--mauve-5:#e3dfe6;--mauve-6:#dbd8e0;--mauve-7:#d0cdd7;--mauve-8:#bcbac7;--mauve-9:#8e8c99;--mauve-10:#84828e;--mauve-11:#65636d;--mauve-12:#211f26}@supports(color:color(display-p3 1 1 1)){@media(color-gamut:p3){.light,.light-theme,:root{--mauve-1:color(display-p3 0.991 0.988 0.992);--mauve-2:color(display-p3 0.98 0.976 0.984);--mauve-3:color(display-p3 0.946 0.938 0.952);--mauve-4:color(display-p3 0.915 0.906 0.925);--mauve-5:color(display-p3 0.886 0.876 0.901);--mauve-6:color(display-p3 0.856 0.846 0.875);--mauve-7:color(display-p3 0.814 0.804 0.84);--mauve-8:color(display-p3 0.735 0.728 0.777);--mauve-9:color(display-p3 0.555 0.549 0.596);--mauve-10:color(display-p3 0.514 0.508 0.552);--mauve-11:color(display-p3 0.395 0.388 0.424);--mauve-12:color(display-p3 0.128 0.122 0.147)}}}.light,.light-theme,:root{--violet-1:#fdfcfe;--violet-2:#faf8ff;--violet-3:#f4f0fe;--violet-4:#ebe4ff;--violet-5:#e1d9ff;--violet-6:#d4cafe;--violet-7:#c2b5f5;--violet-8:#aa99ec;--violet-9:#6e56cf;--violet-10:#654dc4;--violet-11:#6550b9;--violet-12:#2f265f}@supports(color:color(display-p3 1 1 1)){@media(color-gamut:p3){.light,.light-theme,:root{--violet-1:color(display-p3 0.991 0.988 0.995);--violet-2:color(display-p3 0.978 0.974 0.998);--violet-3:color(display-p3 0.953 0.943 0.993);--violet-4:color(display-p3 0.916 0.897 1);--violet-5:color(display-p3 0.876 0.851 1);--violet-6:color(display-p3 0.825 0.793 0.981);--violet-7:color(display-p3 0.752 0.712 0.943);--violet-8:color(display-p3 0.654 0.602 0.902);--violet-9:color(display-p3 0.417 0.341 0.784);--violet-10:color(display-p3 0.381 0.306 0.741);--violet-11:color(display-p3 0.383 0.317 0.702);--violet-12:color(display-p3 0.179 0.15 0.359)}}}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}button,h3{all:unset}.AccordionRoot{border-left:none;border-radius:0;border-right:none;font-weight:600;width:100%}.AccordionItem{border-bottom:1px solid #efefef;overflow:hidden;position:relative}.AccordionItem:first-child{border-radius:0;border-top:2px solid var(--accent);margin-top:0}.AccordionItem:last-child{border-radius:0}.AccordionItem:focus-within{position:relative;z-index:1}.AccordionHeader{display:flex}.AccordionTrigger{align-items:center;background-color:#0000;box-shadow:0 1px 0 var(--mauve-6);color:#000;display:flex;flex:1 1;font-family:inherit;font-size:var(--font-size-lg);height:45px;justify-content:space-between;line-height:1.3rem;padding:1.5625rem 1.25rem;text-align:left;transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in}.AccordionTrigger:hover{color:#fff}.AccordionItem[data-state=open],.AccordionTrigger:hover{background-color:var(--accent)}.AccordionItem[data-state=open] .AccordionTrigger{color:#fff}.AccordionContent{background-color:var(--mauve-2);color:var(--mauve-11);font-size:15px;line-height:1.8;overflow:hidden;padding:2rem;text-align:left}.AccordionContent[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.AccordionContent[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}.AccordionContentText{padding:15px 20px}.AccordionChevron{color:var(--violet-10);transition:transform .3s cubic-bezier(.87,0,.13,1)}.AccordionTrigger[data-state=open]>.AccordionChevron{transform:rotate(180deg)}.AccordionIcon{margin-left:10px;transition:transform .3s ease-in-out}.AccordionTrigger[data-state=open] .AccordionIcon{transform:rotate(180deg)}.btnDelete{background-color:#0000;border:none;border-radius:4px;bottom:.9rem;color:#f08080;cursor:pointer;font-size:.9rem;font-weight:300;height:1rem;outline:none;position:absolute;right:1rem;transition:background-color .3s}.btnDelete:hover{color:#20b2aa}.frame_boardDetail{border:0 solid green;caret-color:#0000;display:flex;justify-content:center;padding-bottom:6rem;width:100%}.frame_boardDetail .box_title{align-content:center;align-items:center;display:flex;height:4rem;justify-content:space-between}.frame_boardDetail .box_title .title{height:auto;margin:auto 0}.frame_boardDetail .box_updateDelete{margin:0;padding:0}.frame_boardDetail .box_updateDelete .btnUpdateDelete{background-color:#fff;color:var(--accent);font-weight:600;height:1.3rem;margin:0 .5rem;min-width:2rem;padding:0}.frame_boardDetail .box_updateDelete .btnUpdateDelete:hover{color:var(--h-red)}.frame_boardDetail .box_itemTitle{align-items:center;background:#f6f6f6;border:1px solid #ccc;border-radius:20px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;margin-bottom:1rem;margin-top:.5rem;max-width:60rem;padding:1.5rem 2.5rem}.frame_boardDetail .itemTitle{color:#000;font-size:1.1rem;font-size:var(--font-size-xxl);font-weight:600}.frame_boardDetail .itemDate{color:gray;display:block;text-align:right;width:100%}.frame_boardDetail .jodit{border-left:none!important;border-right:none!important;border:none;border-bottom:1px solid #ddd;width:60rem!important}.frame_boardDetail .MuiButtonBase-root{font-size:var(--font-size-lg2);padding:15px 30px}.frame_boardDetail .btnShowList{margin-top:3rem}@media(max-width:820px){.frame_boardDetail{caret-color:#0000;display:flex;height:auto;justify-content:start;padding-bottom:6rem;width:100vw}.frame_boardDetail .box_title{align-content:center;align-items:center;display:flex;height:4rem;justify-content:space-between}.frame_boardDetail .box_title .title{height:auto;margin:auto 0}.frame_boardDetail .box_updateDelete{margin:0;padding:0}.frame_boardDetail .box_updateDelete .btnUpdateDelete{background-color:#fff;color:var(--accent);font-weight:600;height:1.3rem;margin:0 .5rem;min-width:2rem;padding:0}.frame_boardDetail .box_updateDelete .btnUpdateDelete:hover{color:#730000}.frame_boardDetail .box_itemTitle{display:block}.frame_boardDetail .box_itemTitle .itemTitle{text-align:left}.frame_boardDetail .box_itemTitle .itemDate{text-align:right;width:100%}.frame_boardDetail .box_jodit{padding:1rem;width:100vw}.frame_boardDetail .itemTitle{color:#000;font-size:.9rem;font-weight:600}.frame_boardDetail .itemDate{color:gray;font-size:.9rem}.frame_boardDetail .jodit{border-left:none!important;border-right:none!important;width:60rem!important}}.frame_FileList{border-bottom:1px solid #ddd}.FileList table{margin-left:1rem}@media screen and (max-width:820px){.frame_FileList .FileList{margin-bottom:1rem;min-width:0;padding:0;width:100%}.frame_FileList table{margin-left:.1rem}.frame_FileList .frame_boardList{padding:1rem}.frame_FileList table{margin-top:.5rem}.frame_FileList td{padding:.2rem 0}.frame_FileList td,.frame_FileList th{font-size:.8rem}}.GalleryList{display:flex;justify-content:center;width:100%;.BoardList{margin-bottom:1rem;margin-top:2rem;min-width:60rem;width:50%}.gallery-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-top:0}.box_title{align-items:center;display:flex;justify-content:space-between;.title{border:0 solid red}Button{border:0 solid green;margin-right:1rem;margin-top:-1rem}}.gallery-item{border:1px solid #ddd;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 4px 8px #00000005;cursor:pointer;overflow:hidden;padding:20px;transition:transform .2s;>img{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}}.gallery-item:hover{transform:scale(1.05)}.gallery-image{display:block;width:100%}.gallery-title p{margin:15px 0;max-width:100%;min-width:0;overflow:hidden;padding:0 .3rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:60rem){.BoardList{font-size:.9rem;margin-bottom:1rem;margin-top:0;min-width:100vw;padding:2rem 1rem}}}.VideoList{align-items:center;display:flex;flex-direction:column;.BoardList{margin-bottom:1rem;margin-top:2rem;min-width:60rem;padding-top:1rem;width:50%}.box_title{align-items:center;border-bottom:0 solid #ddd;display:flex;height:3rem;justify-content:space-between;.title{margin-left:0}Button{margin-right:1rem}}.gallery-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));padding-top:1rem}.gallery-item{border:1px solid #ddd;border-radius:.7rem;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:340px;overflow:hidden;transition:transform .2s}.gallery-item:hover{border-radius:0;transform:scale(1.02)}.gallery-title{background-color:#fff;color:#000;padding:1rem 2rem;text-align:left;.title{color:#333;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box_date{color:#888;display:flex;font-size:.9rem;height:1rem;justify-content:space-between;margin-top:3px;padding:0;width:100%;.box_views{align-items:center;display:flex;.update{border:0 solid #ccc;color:var(--h-red);margin-left:1rem}.short-line{border-left:2px solid rgba(var(--s-red),.4);display:inline-block;height:10px;margin:0 2px}}}}@media (max-width:60rem){.BoardList{font-size:.9rem;margin-bottom:1rem;margin-top:0;min-width:100%;padding:2rem 1rem}.gallery-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-top:1rem}}}.GalleryDetail{caret-color:#0000;display:flex;justify-content:center;padding-bottom:6rem;width:100%;.box_galleryView,.frame_galleryDetail{width:60rem}.box_title{align-items:center;display:flex;justify-content:space-between;.title{color:#ccc}.fas{font-size:1.5rem;margin-left:-1.5rem}}.btnUpdateDelete{font-size:1rem;height:2rem;margin-left:0}.box_itemTitle{align-items:center;border-top:2px solid #d3d3d3;display:flex;justify-content:space-between}.itemTitle{color:#000;font-size:1.1rem;font-weight:600}}.frame_boardWrite{caret-color:var(--accent)}.frame_boardWrite .box_jodit{max-width:60rem!important}.formGroup .categorySelect,.formGroup .titleInput{border:1px solid #ccc;border-radius:0;box-sizing:border-box;font-size:16px;height:2.5rem;margin-bottom:10px;margin-right:6px;outline:none;padding:8px 12px;width:100%}.formGroup .titleInput{margin-bottom:.5rem}.frame_boardWrite .box_btnMenu{margin-bottom:5rem}.frame_boardWrite .jodit{width:60rem!important}.category_date{display:flex;justify-content:space-between;width:100%}.categorySelect,.react-datepicker-wrapper{flex:1 1;margin-left:0}.react-datepicker__input-container input{border:1px solid #ccc;border-radius:0;cursor:pointer;height:2.5rem;outline:none;padding-left:7px;width:100%}.box_fileUpload{border:1px solid #d3d3d3;border-radius:0;box-sizing:border-box;margin-bottom:1rem;margin-top:1rem;padding:1rem;text-align:left;width:100%}@media(max-width:820px){.frame_boardWrite{caret-color:var(--accent);display:flex;height:auto;justify-content:start;padding-bottom:6rem;width:100vw}.frame_boardWrite .box_title{align-items:center;border:0 solid green;display:flex;justify-content:space-between}.frame_boardWrite .box_jodit{padding:1rem!important;width:100vw!important}}.upload-loading-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.upload-loading-content{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:400px;min-width:300px;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#333;font-size:18px;font-weight:600;margin-bottom:.5rem}.loading-subtext{color:#666;font-size:14px}@media(max-width:768px){.upload-loading-content{margin:20px;max-width:none;min-width:auto;padding:1.5rem;width:calc(100% - 40px)}.loading-text{font-size:16px}.loading-subtext{font-size:13px}.loading-spinner{height:35px;width:35px}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;stroke:#aeaeae;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;stroke:#aeaeae;color:#fff}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.frame_FileListDelete{border:1px solid #ddd;box-sizing:border-box;caret-color:#0000;color:#141313;cursor:pointer;display:block;margin-top:1rem;padding:0!important;width:100%}.frame_FileListDelete .FileList{padding:1rem 1rem .5rem!important}.frame_FileListDelete .FileList table{border-collapse:collapse;margin:0;width:100%!important}.frame_FileListDelete .FileList td{padding:.4rem .5rem;text-align:left}.frame_FileListDelete .FileList td:first-child{padding:0;text-align:left}.frame_FileListDelete .FileList td:nth-child(2){text-align:center;width:2rem}.frame_FileListDelete .FileList .fa-paperclip{color:#87cefa;margin:0 3px}.frame_FileListDelete .FileList .fileName:hover{color:#00008b;text-decoration:underline}.frame_FileListDelete .FileList .fileDelete{color:gray;font-weight:400}@media(max-width:821px){.frame_FileListDelete .FileList{padding:.5rem!important}.frame_FileListDelete .FileList table{border-collapse:collapse;margin:0;width:calc(100vw - 2.5rem)!important}}.frame_boardWrite{align-content:center;display:flex;justify-content:center;width:100%}.frame_boardWrite .box_jodit{border:0 solid #3700ff;box-sizing:border-box;display:block;width:50%}.frame_boardWrite .box_title{caret-color:#0000}.frame_boardWrite .formGroup{align-items:start;display:flex;flex-direction:column;margin:0}.frame_boardWrite .formGroup .titleInput{border:1px solid #ccc;border-radius:1px;box-sizing:border-box;font-size:1rem;font-weight:600;margin-bottom:.5rem;outline:none;padding:8px 12px;width:100%}.frame_boardWrite .formGroup .titleInput::placeholder{color:#d3d3d3}.frame_boardWrite .box_btnMenu{display:flex;gap:1rem;justify-content:center!important;margin-top:3rem}.frame_boardWrite .box_btnMenu .btnPrevSave{margin:0!important}.frame_boardWrite .box-textArea{margin:0;padding:0;width:100%}.frame_boardWrite .box-textArea textarea{background-color:#fff;border:1px solid #ccc;border-radius:0;box-sizing:border-box;color:#000;font-size:1.1rem;font-weight:600;height:25rem;line-height:1.5;outline:none;padding:10px;resize:vertical;text-align:left;text-decoration:none;width:100%}.frame_boardWrite .box-textArea textarea:focus{border-color:ccc;box-shadow:0 0 0 0 #007bff40}.frame_boardWrite .box-textArea textarea::placeholder{color:#d3d3d3}.btnKakao{align-items:center;background-color:#fee500;border:none;border-radius:5px;color:#3c1e1e;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:10px 20px}.imgLogin{cursor:pointer;height:auto;padding:0;width:200px}.BasicLogin{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh}.BasicLogin form{border-radius:8px;max-width:400px;padding:2rem;width:80%}.BasicLogin form .title{caret-color:#0000;color:#333;font-size:1.3rem;font-weight:700;margin-bottom:30px}.BasicLogin form div{margin-bottom:1.5rem}.BasicLogin form label{color:#333;display:block;font-size:1rem;margin-bottom:.5rem;text-align:left}.BasicLogin form input{border:1px solid #ccc;border-radius:4px;color:#333;font-size:1rem;padding:10px;width:100%}.BasicLogin form input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.BasicLogin form .btnLogin{background-color:#003b73;border:none;border-radius:4px;cursor:pointer;padding:10px;width:100%}.BasicLogin form .btnUpdatePw{color:#888;margin-top:1rem}.BasicLogin form .updateVersion{color:#ddd;font-size:.9rem;margin-top:1rem;text-align:center}.BasicLogin_admin{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh}.BasicLogin_admin form{border-radius:8px;max-width:400px;padding:2rem;width:80%}.BasicLogin_admin form .title{caret-color:#0000;color:#333;font-size:1.3rem;font-weight:700;margin-bottom:30px}.BasicLogin_admin form div{margin-bottom:1.5rem}.BasicLogin_admin form label{color:#333;display:block;font-size:1rem;margin-bottom:.5rem;text-align:left}.BasicLogin_admin form input{border:1px solid #ccc;border-radius:4px;color:#333;font-size:1rem;padding:10px;width:100%}.BasicLogin_admin form input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.BasicLogin_admin form .btnLogin{border:none;border-radius:4px;cursor:pointer;padding:10px;width:6rem}.BasicLogin_admin form .btnUpdatePw{color:#888;margin-top:1rem}.BasicLogin_admin form .updateVersion{color:#ddd;font-size:.9rem;margin-top:1rem;text-align:center}.UpdatePw{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:3rem;min-height:100vh;overflow:hidden;padding:0 1.5rem 1.5rem}.UpdatePw .box_signUp{border-radius:10px;position:relative;width:auto}.UpdatePw .inner_singUp{border-radius:0;padding:1rem 5rem 3rem;position:relative;width:auto}.UpdatePw .box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%}.UpdatePw .box_menu button{background-color:#f08080;border:none;border-radius:5px;color:#fff;cursor:pointer;height:2.5rem;margin:0 .3rem;padding:.5rem;transition:background-color .3s;width:30%}.UpdatePw .box_menu button:hover{background-color:#f08080}.UpdatePw .box_menu .btnClose{background-color:#789}.UpdatePw .box_menu .btnClose:hover{background-color:#333}.UpdatePw .title{caret-color:#0000;color:#333;font-size:1.3rem;font-weight:700;margin-bottom:10px}.UpdatePw div{margin-bottom:0;width:20rem}.UpdatePw div label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}.UpdatePw div .userId,.UpdatePw div input[type=email],.UpdatePw div input[type=password],.UpdatePw div input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;text-align:left;width:100%}.UpdatePw div .userId:focus,.UpdatePw div input[type=email]:focus,.UpdatePw div input[type=password]:focus,.UpdatePw div input[type=text]:focus{border-color:#007bff;outline:none}.UpdatePw div .userName{color:var(--hanbat-sky)}.UpdatePw .btnCheckUserId{height:1.5rem;position:absolute;right:5.5rem;top:4.2rem}.UpdatePw .errorMessage{color:red}.UpdatePw .box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}@media screen and (max-width:500px){.inner_singUp{border:none!important}.inner_singUp div{box-sizing:border-box;margin-bottom:0;padding:0 3rem;width:100vw}}.Login{align-items:center;caret-color:#0000;display:flex;flex-direction:column;justify-content:center;padding-top:5rem;.btnBasicLogin{height:2.5rem;margin:.5rem;width:12rem;.fas{margin-right:8px}}.kakao-login-btn{background-color:#fee500;box-shadow:0 2px 4px #0003;color:#3c1e1e;height:2.5rem;margin:.5rem;width:12rem;.fas{margin-right:5px}&:hover{background-color:#e6c300}}}.SignUp{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 1.5rem 1.5rem;.box_signUp,.inner_singUp{border-radius:10px;position:relative;width:auto}.inner_singUp{background-color:#fff;border:1px solid #ddd;padding:1rem 5rem 3rem}.box_menu{display:flex;height:6rem;justify-content:center;margin-top:2rem;width:100%;button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;height:2.5rem;margin:0 .3rem;padding:.5rem;transition:background-color .3s;width:30%;&:hover{background-color:#0056b3}}.btnClose{background-color:#789;&:hover{background-color:#333}}}.title{caret-color:#0000;color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px}div{margin-bottom:0;width:20rem;label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:5px;margin-top:1rem;text-align:left}input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:5px;padding:5px;width:100%;&:focus{border-color:#007bff;outline:none}}}.btnCheckUserId{height:1.5rem;position:absolute;right:5.5rem;top:4.2rem}.errorMessage{color:red}.box_termsAgreement{border-radius:10px;margin-top:1rem;width:100%}}.GalleryWrite{align-content:center;box-sizing:border-box;display:flex;justify-content:center;padding:1rem;width:100%}.GalleryWrite .wrap-galleryWrite{display:block;max-width:60rem;width:60rem!important}.GalleryWrite .wrap-galleryWrite .section-title{caret-color:#0000}.GalleryWrite .section-input-titleDate{align-items:start;display:flex;flex-direction:column;margin:0}.GalleryWrite .section-input-titleDate .categorySelect,.GalleryWrite .section-input-titleDate .titleInput{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:10px;outline:none;padding:8px 12px;width:100%}.GalleryWrite .section-input-titleDate .titleInput{margin-bottom:.5rem}.GalleryWrite .categorySelect{cursor:pointer}.GalleryWrite .box_btnMenu{margin-bottom:5rem}.GalleryWrite .btnPrevSave{margin:0 .5rem}.GalleryWrite .react-datepicker__input-container input{width:100%}.GalleryWrite .box_fileUpload{border:1px solid #d3d3d3;border-radius:0;box-sizing:border-box;margin-bottom:1rem;margin-top:1rem;padding:1rem;text-align:left;width:100%}.btnUpload{background-color:#8a2be2}.GalleryDetail .wrap-galleryDetail{caret-color:#0000;display:flex;flex-direction:column;justify-content:center;max-width:60rem!important;padding:0 1rem 6rem;width:100%}.GalleryDetail .section-title{align-items:center;display:flex;height:auto;justify-content:space-between;width:100%}.GalleryDetail .section-title .title{color:#333;font-weight:600;height:auto;margin:0;padding:5px 0;text-align:center}.GalleryDetail .section-title .acrticle-menu{min-width:2rem}.GalleryDetail .section-title .acrticle-menu .btnUpdateDelete{font-size:1rem;font-weight:600;height:2rem;margin-left:0;min-width:1.5rem;z-index:2}.GalleryDetail .section-title2{align-items:center;background-color:#222;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;padding:3px 1rem}.GalleryDetail .section-title2 .itemTitle{color:#fff;font-size:1rem;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.GalleryDetail .section-title2 .itemDate{font-size:1rem;font-weight:300}.GalleryDetail .section-menu2 .btnList{margin:auto 0;width:7rem}.GalleryDetail .box_galleryView{background-color:#000;position:relative;width:100%}.GalleryDetail .box_galleryView img{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.GalleryDetail .box_galleryView .image-gallery-thumbnail.active,.GalleryDetail .box_galleryView .image-gallery-thumbnail:focus{border:3px solid #333;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden}.GalleryDetail .box_galleryView .image-gallery-thumbnail .image-gallery-thumbnail-image{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.GalleryDetail .box_galleryView .image-gallery-slide img{height:auto;object-fit:contain;width:100%}.GalleryDetail .box_galleryView .GalleryView.fullscreen .image-gallery-slide img{left:50%;max-height:100vh;max-width:100vw;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%)}.GalleryDetail .box_galleryView .GalleryView.fullscreen .image-gallery-slide{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}@media screen and (max-width:600px){.GalleryDetail .section-title2{align-items:center;background-color:#222;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;padding:3px .3rem;position:relative}.GalleryDetail .section-title2 .itemTitle{color:#fff;font-size:.9rem!important;font-weight:100;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%!important}.GalleryDetail .section-title2 .itemDate{font-size:.8rem!important;font-weight:100!important;text-align:right;width:6rem}.GalleryDetail .acrticle-menu .btnUpdateDelete{font-size:.9rem!important}}.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 2px #1a1a1a);outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:#0000;border:4px solid #0000;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid #0000;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.GalleryUpdate{caret-color:#0000;display:flex;justify-content:center}.GalleryUpdate .box_jodit{max-width:62rem;overflow-x:auto;padding:0 1rem;position:relative;width:62rem}.GalleryUpdate .box_jodit .box_titel{border:none;border-radius:1rem}.GalleryUpdate .box_jodit input{background-color:#fafad24d;border-radius:3px;caret-color:#000;height:2rem;width:60rem}.GalleryUpdate .formGroup .category_date{margin:0;width:100%}.GalleryUpdate .formGroup .category_date .react-datepicker__input-container input{border:1px solid #ccc;box-sizing:border-box;margin:0;padding-left:1rem;width:60rem}.GalleryUpdate .box_fileUpload{width:60rem}.GalleryUpdate .box_btnMenu .btnPrevSave{margin:0 .5rem}.frame_FileList{align-items:center;border-bottom:1px solid #d3d3d3;caret-color:#0000;color:#141313;cursor:pointer;display:flex;flex-direction:column}.FileList{margin-bottom:1rem;min-width:60rem;width:50%}.FileList table{border-collapse:collapse;margin-top:1rem;width:100%}.FileList td{padding:.4rem 0}.FileList td,.FileList td:first-child{text-align:left}.fa-paperclip{color:#87cefa;margin-right:3px}.fileName:hover{color:#00008b;text-decoration:underline}.GalleryFileListDelete{box-sizing:border-box;color:#141313;cursor:pointer;width:100%}.GalleryFileListDelete .FileList{margin:.5rem 0;width:100%}.GalleryFileListDelete .FileList table{border-collapse:collapse;margin:0;overflow-x:auto;width:100%}.GalleryFileListDelete .FileList table td,.GalleryFileListDelete .FileList table th{border:1px solid #ddd;padding:.1rem 0;text-align:center}.GalleryFileListDelete .FileList table th{background-color:#c8c8c81a;font-size:.9rem;font-weight:600;padding:.4rem 0}.GalleryFileListDelete .FileList .fileName{cursor:default;margin-left:1rem;text-align:left}.GalleryFileListDelete .FileList .description{caret-color:#000}.GalleryFileListDelete .FileList .description input{background-color:#fafad24d;border:none;box-sizing:border-box;margin:2px;outline:1px solid #ddd;padding-left:.5rem;width:98%}.GalleryFileListDelete .FileList .fa-paperclip{color:gray}.GalleryFileListDelete .FileList .fileName:hover{color:blue;text-decoration:underline}.GalleryFileListDelete .FileList .updateDescription{color:rgba(var(--s-blue),.7);font-weight:400;margin:0;text-align:center}.GalleryFileListDelete .FileList .fileDelete{color:rgba(var(--s-red),.7);font-weight:400;text-align:center}.VideoWrite{align-content:center;display:flex;justify-content:center;padding:0 1rem 5rem;position:relative;width:100%}.VideoWrite .frame_videoUpdateDelete{box-sizing:border-box;max-width:40rem;min-width:20rem!important;width:40rem}.VideoWrite .frame_videoUpdateDelete .box_title{caret-color:#0000}.VideoWrite .frame_videoUpdateDelete .box_title .title{text-align:left}.VideoWrite .frame_videoUpdateDelete .formGroup{align-items:start;display:flex;flex-direction:column;width:100%}.VideoWrite .frame_videoUpdateDelete .formGroup .titleInput,.VideoWrite .frame_videoUpdateDelete .formGroup .youtubeUrlInput{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#333;font-size:1rem;font-weight:600;margin-bottom:10px;outline:none;padding:8px 12px;width:100%}.VideoWrite .frame_videoUpdateDelete .formGroup .titleInput::placeholder,.VideoWrite .frame_videoUpdateDelete .formGroup .youtubeUrlInput::placeholder{color:#d3d3d3}.VideoWrite .frame_videoUpdateDelete .formGroup .youtubeUrlInput{color:#006400}.VideoWrite .frame_videoUpdateDelete .formGroup .category_date{align-items:center;border:1px solid #ccc;border-radius:3px;color:#333;display:flex;padding-left:.8rem;padding-right:.8rem}.VideoWrite .frame_videoUpdateDelete .formGroup .category_date .datepicker{border:none;color:#333;cursor:pointer;font-weight:600;margin:0;padding-left:.2rem}.VideoWrite .frame_videoUpdateDelete .btnPrevSave{margin:0 3px}.VideoWrite .box_player{display:flex;height:33.75rem;justify-content:center;margin:1rem 0 0;width:100%}.VideoWrite .box_btnMenu{margin-top:1.5rem}@media screen and (max-width:820px){.VideoWrite .box_player{height:27.6rem}}@media screen and (max-width:768px){.VideoWrite .box_player{height:26rem}}@media screen and (max-width:414px){.VideoWrite .box_player{height:13rem}}@media screen and (max-width:390px){.VideoWrite .box_player{height:13rem}}@media screen and (max-width:375px){.VideoWrite .box_player{height:12rem}}.VideoUpdateDelete{align-content:center;display:flex;justify-content:center;width:100%;.frame_videoUpdateDelete{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;.box_title{caret-color:#0000;width:100%;.title{text-align:left}}.formGroup{align-items:start;display:flex;flex-direction:column;width:100%;.titleInput,.youtubeUrlInput{border:1px solid #ccc;border-radius:1px;box-sizing:border-box;color:#333;font-size:1rem;font-weight:600;margin-bottom:10px;outline:none;padding:8px 12px;width:100%}.titleInput::placeholder{color:#d3d3d3}.youtubeUrlInput{color:#006400}.category_date{align-items:center;border:1px solid #ccc;border-radius:3px;color:#333;display:flex;padding-left:1rem;width:52rem;.datepicker{border:0 solid red;color:#333;cursor:pointer;font-weight:600;margin:0;padding-left:.2rem;width:100%}}}.btnPrevSave{margin:.5rem 3px!important}}.box_player{border:0 solid red;display:flex;height:30rem;justify-content:center;margin:1rem 0 0;width:52rem}.box_btnMenu{margin-top:1.5rem}}.Sec04_notice{align-items:center;box-sizing:border-box;caret-color:#0000;display:flex;justify-content:center;min-height:100vh;padding:1rem;width:100%}.Sec04_notice .title{color:#15830f;font-size:2.5rem;font-weight:700;text-align:center;width:100%}.Sec04_notice .contain{gap:40px;max-width:1680px;padding:0 20px}.Sec04_notice .contain,.Sec04_notice .m-contain{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.Sec04_notice .m-contain{flex-direction:column;gap:30px;max-width:100%;padding:20px 10px;z-index:1}.Sec04_notice .image-container{align-items:center;display:flex;justify-content:center;width:50%}.Sec04_notice .image-container .main-images{align-items:center;display:flex;flex-direction:column;gap:30px;width:100%}.Sec04_notice .image-container .main-images .main-image{border:3px solid #1b1a1a;border-radius:15px;cursor:pointer;max-width:30rem;min-height:20rem;object-fit:cover;padding:8px;transition:all .3s ease;width:100%}.Sec04_notice .image-container .main-images .main-image:hover{transform:translateY(-5px) scale(1.02)}.Sec04_notice .sec-notice{align-items:center;display:flex;flex-direction:column;justify-content:flex-start!important;width:100%}@media screen and (min-width:576px){.Sec04_notice .contain{flex-direction:column;gap:40px;padding:30px 20px}.Sec04_notice .image-container{padding:1rem;width:100%}.Sec04_notice .image-container .main-images{flex-direction:row;gap:20px;justify-content:center}.Sec04_notice .image-container .main-images .main-image{border:3px solid #eee;border-radius:12px;cursor:pointer;height:200px;object-fit:cover;padding:6px;width:50%}.Sec04_notice .sec-notice{width:100%}}@media screen and (max-width:575px){.Sec04_notice{min-height:auto;padding:.25rem}.Sec04_notice .m-contain{gap:20px;padding:10px}.Sec04_notice .title{font-size:1.5rem}.Sec04_notice .image-container{width:100%}.Sec04_notice .image-container .main-images{flex-direction:column;gap:15px}.Sec04_notice .image-container .main-images .main-image{border:3px solid #eee;border-radius:10px;cursor:pointer;height:200px;max-width:100%;object-fit:cover;padding:5px;width:100%}.Sec04_notice .m-sec-notice{width:100%}}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.image-modal-content{align-items:center;animation:zoomIn .3s ease-out;display:flex;flex-direction:column;margin-top:2rem;max-height:90vh;max-width:90vw;position:relative}.modal-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-10px;top:-40px;transition:all .3s ease;width:40px;z-index:10001}.modal-close-btn:hover{background:#fff;transform:scale(1.1)}.modal-image{border:4px solid #fff;border-radius:15px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff1a;max-height:80vh;max-width:100%;object-fit:contain;transition:transform .3s ease}.modal-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;color:#fff;font-size:1.2rem;font-weight:600;margin-top:15px;padding:10px 20px;text-align:center;text-shadow:2px 2px 4px #000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.image-modal-content{max-height:95vh;max-width:95vw}.modal-close-btn{font-size:20px;height:35px;right:-5px;top:-35px;width:35px}.modal-image{max-height:75vh}.modal-caption{font-size:1rem;margin-top:10px;padding:8px 15px}}.MainCont{margin-top:4rem}.RegUser{height:100%;overflow:hidden}.RegUser .title{color:var(--h-dark);font-weight:700;padding:.5rem 0}.RegUser .sec-main{border:1px solid #ddd;height:calc(100% - 15rem);margin-bottom:1rem;overflow-y:auto;padding:1px}.RegUser .table-main td,.RegUser .table-main th{cursor:default}.RegUser .table-main td:first-child,.RegUser .table-main th:first-child{width:8rem}.RegUser .table-main td:nth-child(2),.RegUser .table-main th:nth-child(2){padding:0;text-align:center!important;width:8rem}.RegUser .table-main td:nth-child(3),.RegUser .table-main th:nth-child(3){width:8rem}.RegUser .table-main td:nth-child(4),.RegUser .table-main th:nth-child(4){text-align:center;width:8rem}.RegUser .table-main td:nth-child(5),.RegUser .table-main td:nth-child(6),.RegUser .table-main td:nth-child(7),.RegUser .table-main th:nth-child(5),.RegUser .table-main th:nth-child(6),.RegUser .table-main th:nth-child(7){width:8rem}.RegUser .sec-footer .art-input{border:1px solid #ccc;border-radius:.3rem;display:flex;padding:.5rem}.RegUser .sec-footer .art-input .lbl-cmb{color:#888;display:inline-block;text-align:left;width:100%}.RegUser .sec-footer .art-input .box-cmb{margin:0 .3rem;width:50%}.RegUser .sec-footer .art-input .hongCombo{height:2.5rem!important}.RegUser .sec-footer .art-input .txtGroupName{border:1px solid #ccc;border-radius:.3rem;caret-color:#333;font-size:1rem;height:2.5rem;outline:none;padding-left:.3rem;width:100%}.RegUser .art-btn{display:flex;gap:1rem;justify-content:center;width:100%}.RegUser .art-btn .btn{color:#fff;margin:1rem 0;padding:.3rem 1.3rem;width:7rem}.hong-input{border:1px solid #ddd;border-radius:3px;font-size:1rem;height:2rem;line-height:2rem;margin-right:1rem;outline:none;padding:3px 5px}.custom-form-control .MuiOutlinedInput-root{height:2rem;text-align:left}.custom-form-control .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,.custom-form-control .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.custom-form-control .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ddd}.custom-form-control .MuiOutlinedInput-root .MuiSelect-select{padding:10px}.custom-form-control .MuiInputLabel-outlined{top:-6px}.custom-form-control .MuiInputLabel-shrink{top:0}.HeaderTitle{background-color:#eee;border:1px solid #ddd!important;color:#555;font-size:.9rem;font-weight:600;height:2.5rem;margin-bottom:5px}.HeaderTitle .section-title{align-items:center;caret-color:#0000;display:flex;height:100%;justify-content:center;position:relative}.HeaderTitle .section-title .back{background:url(/static/media/back.d201055b06d4a450a706.svg) no-repeat top;background-color:#0000;background-size:100%;left:.6rem}.HeaderTitle .section-title .back,.HeaderTitle .section-title .close{border:none;cursor:pointer;height:2.5rem;position:absolute;width:2.5rem}.HeaderTitle .section-title .close{background:url(/static/media/close.2c183f274c37bdf0a1ca.svg) no-repeat top;background-color:#0000;background-size:100%;opacity:1;right:.6rem}.HeaderTitle .header_dev{left:1rem;position:absolute;top:.5rem}.MyRoom_admin{caret-color:#0000;height:100%;overflow-y:auto;padding:.5rem}.MyRoom_admin .wrap-main{margin:1rem auto 0;max-width:1200px;padding:0 1rem}.MyRoom_admin .sec-main1 .box-title{align-items:center;color:#fff;display:flex;font-size:1rem;gap:.8rem}.MyRoom_admin .sec-main1 .box-title .title-icon{font-size:1.5rem}.MyRoom_admin .sec-main1 .box-title .title-text{font-family:var(--SCDream);font-weight:500;letter-spacing:.5px}.MyRoom_admin .sec-main1 .art1 .menu-table{border:1px solid #ddd;border-radius:8px;margin-top:.5rem;overflow:hidden;width:100%}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row{border-bottom:1px solid #ddd;display:flex;min-height:3.5rem;width:100%}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row:last-child{border-bottom:none}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-label{align-items:center;background-color:#eee;border-right:1px solid #ddd;color:#333;display:flex;flex:0 0 150px;font-size:1rem;justify-content:center;padding:15px 20px;text-align:center}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;padding:20px}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;height:auto;min-width:auto;min-width:7rem;padding:10px 18px;white-space:nowrap}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn.btn-sm{font-size:.85rem;padding:8px 16px}.MyRoom_admin .art2{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.MyRoom_admin .art2 .btn{font-size:1rem;height:3rem;width:20rem}@media(max-width:600px){.MyRoom_admin{padding:.3rem}.MyRoom_admin .wrap-main{padding:0 .5rem}.MyRoom_admin .sec-main1 .box-title{font-size:.9rem;gap:.5rem}.MyRoom_admin .sec-main1 .box-title .title-icon{font-size:1.3rem}.MyRoom_admin .sec-main1 .box-title .title-text{font-size:.9rem}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row{flex-direction:column;min-height:auto}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-label{border-bottom:1px solid #ddd;border-right:none;flex:none;font-size:.9rem;padding:12px 15px;width:100%}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons{gap:8px;justify-content:center;padding:15px}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn{flex:1 1;min-width:100px;text-align:center}.MyRoom_admin .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn.btn-sm{font-size:.8rem;padding:10px 12px}.MyRoom_admin .art2 .btn{max-width:300px;width:100%}}.HeaderTitle2{background-color:var(--h-headerTitle-bg);border:1px solid var(--h-headerTitle-bg);border-radius:5px;color:var(--h-headerTitle-text);height:4rem;margin-bottom:5px}.HeaderTitle2 .section-title{align-items:center;caret-color:#0000;display:flex;font-weight:700;height:100%;justify-content:space-between;padding:0 1rem;position:relative}.HeaderTitle2 .section-title .back{background:url(/static/media/back_white.5551529776e1ad40d20f.svg) no-repeat top;background-color:#0000;background-size:100%;border:none;cursor:pointer;height:2.5rem;width:2.5rem}.HeaderTitle2 .section-title .close{background:url(/static/media/close_white.8db116a476102af547a4.svg) no-repeat top;background-color:#0000;background-size:100%;border:none;cursor:pointer;height:1.5rem;width:1.5rem}.HeaderTitle2 .header_dev{left:1rem;position:absolute;top:.5rem}.MyRoom{caret-color:#0000;height:100%;overflow-y:auto;padding:.5rem}.MyRoom .wrap-main{margin:1rem auto 0;max-width:1200px;padding:0 1rem}.MyRoom .sec-main1 .box-title{align-items:center;color:#fff;display:flex;font-size:1rem;gap:.8rem}.MyRoom .sec-main1 .box-title .title-icon{font-size:1.5rem}.MyRoom .sec-main1 .box-title .title-text{font-family:var(--SCDream);font-weight:500;letter-spacing:.5px}.MyRoom .sec-main1 .art1 .menu-table{border:1px solid #ddd;border-radius:8px;margin-top:.5rem;overflow:hidden;width:100%}.MyRoom .sec-main1 .art1 .menu-table .menu-row{border-bottom:1px solid #ddd;display:flex;min-height:3.5rem;width:100%}.MyRoom .sec-main1 .art1 .menu-table .menu-row:last-child{border-bottom:none}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-label{align-items:center;background-color:var(--h-black);border-right:1px solid #ddd;color:#fff;display:flex;flex:0 0 150px;font-size:1rem;font-weight:700;justify-content:center;padding:15px 20px;text-align:center}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;padding:20px}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;height:auto;min-width:auto;min-width:7rem;padding:10px 18px;white-space:nowrap}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn.btn-sm{font-size:.85rem;padding:8px 16px}.MyRoom .art2{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.MyRoom .art2 .btn{font-size:1rem;height:3rem;width:20rem}@media(max-width:600px){.MyRoom{padding:.3rem}.MyRoom .wrap-main{padding:0 .5rem}.MyRoom .sec-main1 .box-title{font-size:.9rem;gap:.5rem}.MyRoom .sec-main1 .box-title .title-icon{font-size:1.3rem}.MyRoom .sec-main1 .box-title .title-text{font-size:.9rem}.MyRoom .sec-main1 .art1 .menu-table .menu-row{flex-direction:column;min-height:auto}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-label{border-bottom:1px solid #ddd;border-right:none;flex:none;font-size:.9rem;padding:12px 15px;width:100%}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons{gap:8px;justify-content:center;padding:15px}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn{flex:1 1;min-width:100px;text-align:center}.MyRoom .sec-main1 .art1 .menu-table .menu-row .menu-buttons .btn.btn-sm{font-size:.8rem;padding:10px 12px}.MyRoom .art2 .btn{max-width:300px;width:100%}}
/*# sourceMappingURL=main.f5446192.css.map*/