/* 공용 색상 */
:root {
	--color-main : #7a933a;
	--color-main-bright : #eef3e0;
	--color-main-dark : #60732f;
	--color-main-text : #ffffff;
	--color-main-body : #f9faf7;

	--size-text-small : 0.9rem;
	--size-text : 1rem;
	--size-text-medium : 1.1rem;
	--size-text-big : 1.2rem;
	--size-text-title : 1.3rem;
}
/*
text : #000000;
text_note : #333333;
text_desc, scrollbar : #999999;
text_location, messages : #666666;

body : #ffffff;
body-main : #f9faf7;

menu : #262a2e;
menu-body : #2f353a;
menu-line : #3a4248;

box : #eeeeee;
box-line : #cccccc;
box-over : #f9f9f9;
box-none : #f6f6f6;
*/

/* 공용 */
html { font-size:0.672vw; }
@media screen and (max-width: 1920px) {
	html { font-size:0.772vw; }
}
html, body { position:relative; height:100%; margin:0; padding:0; }
body { color:#000000; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; overflow-x:hidden; overflow-y:scroll; }
html, body, div, p, dt, dd, li, th, td, label, span, input, select, textarea, a, button { font-family:Noto Sans KR,Roboto,sans-serif; }
*, *:before, *:after { min-width:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
*:focus { outline:0; }
a { color:#000000; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
a:hover { color:var(--color-main); }
p { margin:0; }
ul, ol, li, dl, dt, dd { list-style:none; margin:0; padding:0; }
table { width:100%; border-spacing:0; } 
table.fixed { table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all; }
strong, b { font-weight:500; }
input[type="text"], input[type="password"], textarea { appearance:none; -webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0; font-size:var(--size-text); padding:0.39em 1em 0.5em 1em; border:1px solid #cccccc; border-radius:5px; resize:none; }
input[type="text"], input[type="password"] { height:2.6rem; vertical-align:middle; }
select { appearance:none; -o-appearance:none; -webkit-appearance:none; -moz-appearance:none; height:2.6rem; font-size:var(--size-text); padding:0.35em 2.8em 0.5em 1em; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='6 6 12 12' fill='%23bbbbbb'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:calc(100% - 1em) center; background-size:0.8em; border:1px solid #cccccc; border-radius:5px; vertical-align:middle; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color:var(--color-main); }
input[type="text"].error, input[type="password"].error, textarea.error, select.error { border-color:#ea4335; }
input[type='submit'], input[type='button'], button { appearance:none; -webkit-appearance:none; -moz-appearance:none; -webkit-border-radius:0; padding:0; background-color:transparent;; border:0; cursor:pointer }
input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder { color:#999999; }
input[type="text"].center { text-align:center; }
input[type="text"].number { text-align:right; }
h1, h2, h3, h3, h5, h6 { padding:0; margin:0; }

/* 스크롤바 */
:not(html,body)::-webkit-scrollbar { width:10px; height:10px; }
:not(html,body)::-webkit-scrollbar-thumb { background-color:rgba(153,153,153,0.6); }
:not(html,body)::-webkit-scrollbar-thumb:hover { background-color:rgba(153,153,153,1); }
:not(html,body)::-webkit-scrollbar-track { background-color:#eeeeee; }
:is(html,body)::-webkit-scrollbar { width:17px; height:17px; }
:is(html,body)::-webkit-scrollbar-thumb { background-color:rgba(255,255,255,0.2); }
:is(html,body)::-webkit-scrollbar-thumb:hover { background-color:rgba(255,255,255,0.4); }
:is(html,body)::-webkit-scrollbar-track { background-color:#2f353a; border-left:1px solid #3a4248; }

/* 버튼 */
.btn { position:relative; display:inline-flex; align-items:center; justify-content:center; height:2.6rem; font-size:var(--size-text); font-weight:500; padding:0 1em 0.11em 1em; border-radius:5px; border-style:solid; border-width:1px; vertical-align:middle; gap:0.3rem; }
.btn img, .btn svg { display:block; width:auto; height:1.4em; margin-top:0.11em; }
.btn svg { fill:#ffffff; }
.btn.small { height:2.2rem; font-size:var(--size-text-small); padding-left:0.8em; padding-right:0.8em; }
.btn.big { height:3rem; font-size:var(--size-text-medium); padding-left:1.2em; padding-right:1.2em; }
.btn:not(:disabled):after { content: ""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#ffffff; opacity:0; transition:opacity 0.2s; }
.btn:not(:disabled):hover:after { opacity:0.2; }
.btn.main { color:var(--color-main-text); background-color:var(--color-main); border:1px solid var(--color-main-dark); }
.btn.black { color:#ffffff; background-color:#3a3a3a; border:1px solid #000000; }
.btn.gray { color:#ffffff; background-color:#666666; border:1px solid #4d4d4d; }
.btn.green { color:#ffffff; background-color:#7a933a; border:1px solid #60732f; }
.btn.blue { color:#ffffff; background-color:#0066cc; border:1px solid #0056ac; }
.btn.purple { color:#ffffff; background-color:#8000ff; border:1px solid #490093; }
.btn.red { color:#ffffff; background-color:#ea4335; border:1px solid #be2114; }
.btn.orange { color:#ffffff; background-color:#ea9e35; border:1px solid #ea7d35; }
.btn.yellow { color:#333333; background-color:#ffd203; border:1px solid #e6bd00; }
.btn.yellow svg { fill:#333333; }
.btn.brown { color:#ffffff; background-color:#8b332c; border:1px solid #50100b; }
.btn:disabled { opacity:0.333; }

/* 폰트 색상 */
.c_main { color:var(--color-main); }
.c_black { color:#000000; }
.c_gray { color:#999999; }
.c_green { color:#7a933a; }
.c_blue { color:#0066cc; }
.c_purple { color:#8000ff; }
.c_red { color:#ea4335; }
.c_brown { color:#8b332c; }
.c_dark { color:#333333; }
.c_orange { color:#ea9e35; }
.c_yellow { color:#ffd203; }
.c_gold { color:#c9ab09; }

/* 상태 색상 */
.status_0 { color:#999999; }
.status_1 { color:#7a933a; }
.status_2 { color:#0066cc; }
.status_3 { color:#ea4335; }
.status_4 { color:#8b332c; }

.c_status_1 { color:#0066cc; }
.c_status_2 { color:#ea9e35; }
.c_status_3 { color:#ea4335; }

.d_status_1 { color:#999999; }
.d_status_2 { color:#ea9e35; }
.d_status_3 { color:#7a933a; }
.d_status_4 { color:#0066cc; }
.d_status_5 { color:#ea4335; }

/* 체크박스 */
.checkbox, .radio { position:relative; height:1.6rem; font-size:var(--size-text); vertical-align:middle; }
span.checkbox, span.radio { display:inline-block; }
.checkbox input[type="checkbox"], .radio input[type="radio"] { position:absolute; left:0; top:0; opacity:0; z-index:-1; }
.checkbox label, .radio label { position:relative; display:flex; align-items:center; height:100%; cursor:pointer; }
.checkbox label > span, .radio label > span { display:block; padding-left:0.3rem; padding-bottom:0.11em; }
span.checkbox + span.checkbox, span.radio + span.radio { margin-left:0.5rem; }
div.checkbox + div.checkbox, div.radio + div.radio { margin-top:0.5rem; }
.checkbox label::before, .checkbox label::after, .radio label::before, .radio label::after { content:""; display:block; position:relative; height:100%; aspect-ratio:1; text-align:center; }
.checkbox label::after, .radio label::after { position:absolute; left:0; }
.checkbox input[type="checkbox"] + label::before, .radio input[type="radio"] + label::before { background-color:#ffffff; border:1px solid #cccccc; border-radius:5px; }
.radio input[type="radio"] + label::before { border-radius:100%; overflow:hidden; isolation:isolate; }
.checkbox input[type="checkbox"]:checked + label::before, .radio input[type="radio"]:checked + label::before { background-color:var(--color-main); }
.checkbox input[type="checkbox"]:checked + label::after, .radio input[type="radio"]:checked + label::after { background:url("data:image/svg+xml;charset=utf8,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' aria-labelledby='okIconTitle' stroke='%23ffffff' stroke-width='4' stroke-linecap='square' stroke-linejoin='miter' fill='none' color='%23222222'%3E%3Ctitle id='okIconTitle'%3EOk%3C/title%3E%3Cpolyline points='4 13 9 18 20 7'/%3E%3C/svg%3E") no-repeat center; background-size:65%; }
.checkbox input[type="checkbox"]:disabled + label::before, .radio input[type="radio"]:disabled + label::before { opacity:0.333; }

/* 입력그룹 */
.input_group { display:inline-flex; min-height:2.6rem; font-size:var(--size-text); background-color:#ffffff; vertical-align:middle; }
.input_group + br + .input_group { margin-top:0.5rem; }
.input_group.max { display:flex; }
.input_group > label, .input_group > span { position:relative; display:flex; align-items:center; justify-content:center; padding:0 1em 0.11em 1em; border:1px solid #cccccc; }
.input_group > label { background-color:#eeeeee; flex-shrink:0; }
.input_group > label span.checkbox, .input_group > span span.radio { margin-top:0.11em; }
.input_group > span span.checkbox, .input_group > span span.radio { margin:0.11em -0.6em 0 -0.6em; }
.input_group > input, .input_group > select, .input_group > textarea { position:relative; border-radius:0; }
.input_group.max > input, .input_group.max > select, .input_group.max > textarea { flex:1; }
.input_group > .btn { flex-shrink:0; border:0; border-radius:0; }
.input_group > .hide { display:none; }
.input_group > :first-child { border-top-left-radius:5px; border-bottom-left-radius:5px; }
.input_group > :last-child { border-top-right-radius:5px; border-bottom-right-radius:5px; }
.input_group > :not(:last-child,input,textarea,select) { border-right:0; }
.input_group > input + *, .input_group > textarea + *, .input_group > select + * { margin-left:-1px; }
.input_group > input:focus, .input_group > textarea:focus, .input_group > select:focus { z-index:1; }

/* 입력폼 추가/삭제 */
.add_remove_control {}
.add_remove_control .templete { display:none; }

/* 로더 */
.load { display:inline-block; width:1.6rem; height:1.6rem; background:url("/assets/images/common/loader_b.svg") no-repeat; background-size:contain; }
.load.big { width:2.6rem; height:2.6rem; }
.loader { position:absolute; display:block; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.6); background-image:url("/assets/images/common/loader_g.svg"); background-repeat:no-repeat; background-position:center; background-size:2.6rem; z-index:101; }
.loader.screen { position:fixed; }
.loader.big { background-image:url("/assets/images/common/loader_g_big.svg"); background-size:3.6rem; }
.loader.off { display:none; }

/* 전송버튼 그룹 */
.submit_button { position:relative; min-height:2.6rem; border-radius:5px; overflow:hidden; }
.submit_button .btn_group { display:flex; align-items:center; gap:0.5rem; }
.submit_button .btn_group.max { flex-direction:column; align-items:normal; }
.submit_button .btn_group.off { opacity:0.6; }

/* 페이징 */
.paging { display:flex; justify-content:center; gap:0.5rem; }
.paging a { display:flex; width:2.6rem; height:2.6rem; align-items:center; justify-content:center; color:var(--color-main); font-size:var(--size-text); line-height:1; padding-bottom:0.11em; border:1px solid var(--color-main-dark); }
.paging a:hover, .paging a.on { background-color:var(--color-main); font-weight:500; color:var(--color-main-text); }
.paging a.jump { background-position:center; background-repeat:no-repeat; background-size:1.5em; }
.paging a.first { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%237a933a'%3E%3Cpath d='M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z'/%3E%3C/svg%3E"); }
.paging a.first:hover { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z'/%3E%3C/svg%3E"); }
.paging a.prev { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%237a933a'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); }
.paging a.prev:hover { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); }
.paging a.next { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%237a933a'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); }
.paging a.next:hover { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); }
.paging a.last { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%237a933a'%3E%3Cpath d='M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z'/%3E%3C/svg%3E"); }
.paging a.last:hover { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z'/%3E%3C/svg%3E"); }

/* 프로그래스바 */
.progress { position:relative; width:100%; height:2.6rem; font-size:var(--size-text); background-color:#eeeeee; border-radius:5px; overflow:hidden; }
.progress .txt { position:absolute; display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; left:0; top:0; padding:0 1rem; z-index:1; }
.progress .txt > * { color:#666666; font-weight:500; padding-bottom:0.11em; }
.progress .bar { position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:linear-gradient( to right,rgb(74,175,162),rgb(75,124,178)); box-shadow:inset 2px 2px 0 rgb(255 255 255 / 10%), inset 0 0 4px rgb(255 255 255 / 20%), 0 1px 4px rgb(0 0 0 / 30%); transition:all 0.2s; clip-path:polygon(0 0, var(--progress) 0, var(--progress) 100%, 0 100%); -webkit-clip-path:polygon(0 0, var(--progress) 0, var(--progress) 100%, 0 100%); z-index:2; }
.progress .bar.red { background:linear-gradient( to right,rgb(222,148,46),rgb(222,49,105)); }
.progress .bar .txt > * { color:#ffffff; }

/* 숨김영역 */
.hide_wrap { display:none; }
.hide_scroll::-webkit-scrollbar { display:none; visibility:visible; }

/* 목록없음 */
.none_list { font-size:var(--size-text); padding:2.6rem 0; font-weight:500; color:#666666; background-color:#f6f6f6; border-radius:5px; text-align:center; }

/* 레이어 팝업 */
#popup_view { position:fixed; width:100%; height:100%; top:100%; left:0; background-color:rgba(0,0,0,0.6); opacity:0; transition:opacity 0.2s; z-index:1001; }
#popup_view.on { top:0; opacity:1; }
#popup_view .popup { position:absolute; display:flex; flex-direction:column; align-items:center; min-width:12.6rem; max-width:0; min-height:12.6rem; max-height:calc(100% - 5rem); top:50%; left:50%; transform:translate3d(-50%,-50%,0); padding:2rem; background-color:#ffffff; border-radius:5px; box-shadow:0 0 5px 2px rgba(0,0,0,0.2); transition:max-width 0.1s; transition-timing-function: ease-in; overflow:hidden; z-index:1002; }
#popup_view .popup.on { max-width:calc(100% - 5rem); }
#popup_view .popup > .title { display:flex; align-items:center; width:100%; padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:2px solid var(--color-main); }
#popup_view .popup > .title span { display:block; height:2.1rem; font-size:var(--size-text-title); font-weight:500; }
#popup_view .popup > .title a.close { display:block; width:1.3rem; height:1.3rem; margin-left:auto; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='5 5 14 14' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='miter' fill='none' color='%232329D6'%3E%3Cpath d='M6.34314575 6.34314575L17.6568542 17.6568542M6.34314575 17.6568542L17.6568542 6.34314575'/%3E%3C/svg%3E") no-repeat center; background-size:contain; opacity:0.6; transition:opacity 0.1s; }
#popup_view .popup > .title a.close:hover { opacity:1; }
#popup_view .popup > .wrap { position:relative; min-width:8.6rem; min-height:5rem; overflow-x:hidden; overflow-y:auto; }
#popup_view .popup > .wrap .body .body_img { display:block; }
#popup_view .popup > .wrap .body .popup_msg { min-width:15rem; }
#popup_view .popup > .wrap .body .popup_msg .msg { min-width:20rem; font-size:var(--size-text); font-weight:500; color:#666666; padding:0.89rem 1rem 1rem 1rem; margin-bottom:1rem; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; white-space:nowrap; text-align:center; }
#popup_view .popup > .wrap .body .popup_msg .msg strong { color:#ea9e35; }
#popup_view .popup > .wrap .body .popup_msg .msg a { color:var(--color-main); }
#popup_view .popup > .wrap .body .popup_msg .msg_btn { display:flex; align-items:center; justify-content:center; gap:0.3rem; }
#popup_view .popup > .wrap .body .popup_msg .msg_btn a { position:relative; display:inline-flex; align-items:center; justify-content:center; height:2.6rem; font-size:var(--size-text); font-weight:500; color:#ffffff; padding:0 1em 0.11em 2.6em; background-repeat:no-repeat; background-position:0.8em center; background-size:1.4em; border-radius:5px; border-style:solid; border-width:1px; vertical-align:middle; }
#popup_view .popup > .wrap .body .popup_msg .msg_btn a:after { content: ""; position:absolute; display:block; width:100%; height:100%; left:0; top:0; background-color:#ffffff; opacity:0; transition:opacity 0.2s; }
#popup_view .popup > .wrap .body .popup_msg .msg_btn a:hover:after { opacity:0.2; }
#popup_view .popup > .wrap .body .popup_msg .msg_btn a.ok { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'/%3E%3C/svg%3E"); background-color:var(--color-main); border-color:var(--color-main-dark); }
#popup_view .popup > .wrap .body .popup_msg .msg_btn a.cancel { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M13.89 8.7L12 10.59 10.11 8.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 8.7 13.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l1.89 1.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l1.89-1.89c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.38-1.41 0zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E"); background-color:#666666; border-color:#4d4d4d; }
#popup_view .popup > .loader { width:calc(100% + 2px); height:calc(100% + 2px); left:-1px; top:-1px; background-color:rgba(255,255,255,0.6); }
#popup_view .popup > .wrap .body > .loader { border-radius:5px; }

/* 레이아웃 */
#body_wrap { display:flex; flex-direction:column; justify-content:space-between; min-height:100vh; overflow:hidden; }

#login { position:absolute; display:block; width:24rem; left:50%; top:50%; transform:translate3d(-50%,-50%,0); padding:2rem; background-color:var(--color-main-body); border:1px solid #cccccc; border-radius:5px; }
#login .logo { display:flex; align-items:center; justify-content:center; font-size:2.6rem; font-weight:900; font-family:Roboto; letter-spacing:-2.2px; color:var(--color-main); margin-bottom:1rem; }
#login .info { display:flex; align-items:center; height:3rem; padding:0 0 0 1rem; margin-bottom:0.5rem; background:#ffffff; border:1px solid #cccccc; border-radius:5px; }
#login .info label { flex-shrink:0; width:4rem; font-size:var(--size-text); padding-bottom:0.11em; font-weight:500; color:#666666; }
#login .info input { flex:1; height:100%; border:0; }
#login .button { margin-top:1rem; }

header { display:flex; align-items:center; width:100%; height:4rem; position:fixed; top:0; left:0; padding-right:1rem; background-color:#ffffff; border-bottom:1px solid #3a4248; z-index:12; }
header div.logo { width:16rem; height:100%; padding:0.3rem; background-color:#2f353a; }
header div.logo a { display:flex; align-items:center; justify-content:center; height:100%; font-size:2.2rem; font-weight:900; font-family:Roboto; letter-spacing:-2.2px; color:#ffffff; transition:background-color 0.1s; }
header div.logo a:hover { background-color:rgba(255,255,255,0.1); }
header aside { display:flex; align-items:center; margin-left:auto; gap:0.5rem; }
header aside .login_info { font-size:var(--size-text); }
header aside .login_info span { font-size:var(--size-text-small); color:#999999; }

#main_menu { position:fixed; display:flex; flex-direction:column; justify-content:space-between; width:16rem; height:100%; left:0; top:0; padding-top:4rem; background-color:#2f353a; overflow-x:hidden; overflow-y:scroll; gap:2rem; z-index:11; }
#main_menu::-webkit-scrollbar { display:none; visibility:visible; }
#main_menu > nav > div { position:relative; border-bottom:1px solid #3a4248; }
#main_menu > nav > div > a { position:relative; display:block; height:3.4rem; padding:0.3rem; background-color:#262a2e; transition:background-color 0.1s; }
#main_menu > nav > div > a.on { background-color:var(--color-main); }
#main_menu > nav > div > a:before, #main_menu > nav > div > a.sm_open:after { content:""; position:absolute; display:block; top:50%; background-size:cover; background-repeat:no-repeat; }
#main_menu > nav > div > a:before { left:1rem; width:1.1rem; height:1.1rem; margin-top:-0.55rem; }
#main_menu > nav > div > a.mm_open:before { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z'/%3E%3C/svg%3E"); }
#main_menu > nav > div > a.sm_open:before { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M9.17 6l2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z'/%3E%3C/svg%3E"); }
#main_menu > nav > div > a.sm_open:after { width:1.4rem; height:1.4rem; right:0.3rem; margin-top:-0.7rem; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M9.29 6.71c-.39.39-.39 1.02 0 1.41L13.17 12l-3.88 3.88c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z'/%3E%3C/svg%3E"); transition:all 0.1s; }
#main_menu > nav > div > a.on.sm_open:before { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23ffffff'%3E%3Cpath d='M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z'/%3E%3C/svg%3E"); }
#main_menu > nav > div > a.on.sm_open:after { transform:rotate(90deg); }
#main_menu > nav > div > a span { display:flex; align-items:center; height:100%; font-size:var(--size-text-medium); color:#ffffff; font-weight:500; padding:0 1.9rem 0.11rem 2.3rem; transition:background-color 0.1s; }
#main_menu > nav > div > div.sub_menu { max-height:0; overflow:hidden; }
#main_menu > nav > div > a.on + div.sub_menu { max-height:50rem; transition:max-height .3s ease-in-out; }
#main_menu > nav > div > a:not(.on):hover span { background-color:rgba(255,255,255,0.1); }
#main_menu > nav > div > div.sub_menu ul { padding:0 0.8rem; background-color:#eeeeee; margin:0.5rem; border-radius:5px; }
#main_menu > nav > div > div.sub_menu ul > li { border-bottom:1px dotted #cccccc; }
#main_menu > nav > div > div.sub_menu ul > li:last-child { border-bottom:0; }
#main_menu > nav > div > div.sub_menu ul > li > a { display:block; padding:0.89rem 0.5rem 1rem 0.5rem; font-size:var(--size-text); }
#main_menu > nav > div > div.sub_menu ul > li.on > a { font-weight:700; color:var(--color-main); }

#main_wrap { position:relative; flex:1; margin-left:16rem; margin-top:4rem; background-color:var(--color-main-body); }
#main_wrap .main_head { height:calc(3.4rem + 1px); background-color:#ffffff; border-bottom:1px solid #cccccc; }
#main_wrap .main_head { display:flex; align-items:center; font-size:var(--size-text-medium); padding:0 1rem 0.11rem 1rem; gap:1.5rem; }
#main_wrap .main_head .location { display:flex; gap:1.5rem; }
#main_wrap .main_head .location span { position:relative; display:block; font-weight:500; color:#666666; }
#main_wrap .main_head .location span:last-child { font-weight:500; color:#000000; }
#main_wrap .main_head .location span:not(:last-child):after { content:""; position:absolute; width:0.9rem; height:0.9rem; right:-1.3rem; top:50%; margin-top:-0.35rem; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 20 20' fill='%23666666'%3E%3Cg%3E%3Cpath d='M5.29,17.29L5.29,17.29c0.39,0.39,1.02,0.39,1.41,0l6.59-6.59c0.39-0.39,0.39-1.02,0-1.41L6.71,2.71 c-0.39-0.39-1.02-0.39-1.41,0l0,0C4.9,3.1,4.9,3.73,5.29,4.12L11.17,10l-5.88,5.88C4.9,16.27,4.9,16.9,5.29,17.29z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center; background-size:cover; }
#main_wrap .main_head .desc { color:#ea4335; }
#main_wrap .main_contents { padding:2rem; }

footer { display:flex; position:relative; align-items:center; justify-content:right; flex-shrink:0; height:2.4rem; background-color:#2f353a; border-top:1px solid #3a4248; z-index:12; }
footer p { font-family:Roboto; font-size:0.8rem; color:#ffffff; padding-right:1rem; }

/* 설명노트 */
.desc_note { font-size:var(--size-text); color:#333333; padding:0.8rem 1rem; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; }
.desc_note + div[class^="board"], .desc_note + form, div[class^="board"] + .desc_note { margin-top:2rem; }
.desc_note ul { display:flex; flex-direction:column; gap:0.5rem; }
.desc_note ul li { font-size:var(--size-text); color:#333333; line-height:1.3; padding-left:1.5rem; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left top; background-size:1.3em; }
.desc_note ul li.important {  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23ea4335'%3E%3Cpath d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'/%3E%3C/svg%3E"); color:#ea4335; }
.desc_note.popup { font-size:var(--size-text-small); padding:0.8rem; }
.desc_note.popup ul li { font-size:var(--size-text-small); }
.desc_note a { font-weight:500; color:var(--color-main); }
.desc_note strong { color:#ea4335; }

/* 게시판 테이블 */
[class^="board"] table { border:1px solid #cccccc; border-radius:5px; overflow:hidden; }
[class^="board"] table + table { margin-top:0.5rem; }
[class^="board"] table > * > tr > * { border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
[class^="board"] table > * > tr > *:last-child { border-right:0; }
[class^="board"] table > *:last-child > tr:last-child > * { border-bottom:0; }
[class^="board"]:not(.board_sort) + [class^="board"], [class^="board"]:not(.board_sort) + form:has(> :not(input):nth-of-type(1):is([class^="board"])), form:has(> :last-child:is([class^="board"])) + [class^="board"], form:has(> :last-child:is([class^="board"])) + form:has(> :last-child:is([class^="board"])) { margin-top:2rem; }

.board_menu { display:flex; border-bottom:1px solid #cccccc; }
.board_menu a { position:relative; display:flex; align-items:center; height:3rem; font-size:var(--size-text); font-weight:500; padding:0 1.8rem 0.11rem 1.8rem; background-color:#ffffff; border-left:1px solid #cccccc; border-top:1px solid #cccccc; }
.board_menu a:last-child { border-right:1px solid #cccccc; }
.board_menu a.on { color:#ffffff; background-color:var(--color-main); }
.board_menu a.on:after { content:""; position:absolute; display:block; left:-1px; top:-1px; right:2px; bottom:0; margin-right:-2px; border:1px solid var(--color-main-dark); z-index:1; }
.board_menu_section { display:none; }
.board_menu_section.on { display:block; }

.board_group { display:flex; gap:2rem; }
.board_group .board { margin-top:0 !important; flex:1 1 50%; }

.board h1 { display:flex; align-items:center; height:3rem; padding:0.3rem 0.3rem 0.3rem 1.3rem; margin-bottom:1rem; background-color:#506474; border:1px solid #313d46; border-radius:5px; }
.board h1 span { font-size:var(--size-text-big); color:#ffffff; padding-bottom:0.11rem; }
.board h1 a.more { display:flex; align-items:center; height:calc(100% + 1px); font-size:var(--size-text); font-weight:500; color:#ffffff; padding:0 1rem; margin-left:auto; border-radius:5px; transition:background-color 0.1s; }
.board h1 a.more:hover { background-color:rgba(255,255,255,0.1); }
.board table { min-width:auto; }

.board_search { padding:1rem; background-color:#ffffff; border:1px solid #cccccc; border-radius:5px; }
.board_search form { display:flex; flex-wrap:wrap; gap:0.5rem; }

.board_sort { display:flex; align-items:center; margin-bottom:0.5rem; gap:0.8rem; }
.board_sort > :is(span,strong):first-child { font-size:var(--size-text-medium); margin-right:auto; padding-bottom:0.11rem; }
.board_sort a.sort { font-size:var(--size-text); padding-bottom:0.11rem; }
.board_sort a.sort.on { font-weight:700; color:var(--color-main); }

.board_list table > tbody.group:hover td { background-color:#f9f9f9; }
.board_list table > * > tr > th { background-color:#eeeeee; font-size:var(--size-text); padding:calc(1em - 0.5px) 1em; }
.board_list table > * > tr > td { background-color:#ffffff; font-size:var(--size-text); padding:calc(1em - 0.5px) 1em; text-align:center; }
.board_list table > tbody:not(.group) > tr:hover > td:not([rowspan],.day_name) { background-color:#f9f9f9; }
.board_list table > tbody:not(.group) > tr > td:first-child[rowspan]:hover ~ td { background-color:#ffffff; }
.board_list table > tbody > tr > td.title { text-align:left; }
.board_list table > tbody > tr > td a { font-weight:500; }
.board_list table > tbody > tr > td.number { text-align:right; }
.board_list table > tbody > tr > td.max { padding:0; }
.board_list table > tbody > tr > td span.new { display:inline-block; font-size:0.6rem; font-weight:500; color:#ffffff; letter-spacing:-1px; padding:0 0.3rem 0.11rem 0.3rem; margin-right:0.3rem; background-color:#ea4335; border-radius:5px; vertical-align:0.16rem; }
.board_list table > tbody > tr > td img.thumb { display:block; width:100%; aspect-ratio:1.7; padding:0.3rem; object-fit:contain; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; }

.board_list table.calendar td { width:14.28571428571429%; }
.board_list table.calendar td.day_name { font-weight:500; background-color:#eeeeee; }
.board_list table.calendar td:not(.day_name) { vertical-align:top; }
.board_list table.calendar td div.num { text-align:left; }
.board_list table.calendar td.day_name:first-child, .calendar td:first-child div.num { color:#ea4335; }
.board_list table.calendar td.day_name:last-child, .calendar td:last-child div.num { color:#0066cc; }
.board_list table.calendar td.other div.num { color:#cccccc; }
.board_list table.calendar td.today { background-color:var(--color-main-bright) !important; }
.board_list table.calendar th { font-size:2.2rem; background-color:#ffffff; }
.board_list table.calendar th:nth-child(1n + 2) { border-left:0; }
.board_list table.calendar th a.prev, .board_list table.calendar th a.next { display:block; height:3.8rem; aspect-ratio:1; margin:0 auto; background-size:3.8rem; background-repeat:no-repeat; background-position:center; border-radius:5px; object-fit:contain; text-indent:-9999px; transition:background-color 0.1s; }
.board_list table.calendar th a.prev:hover, .board_list table.calendar th a.next:hover { background-color:#f9f9f9; }
.board_list table.calendar th a.prev { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); }
.board_list table.calendar th a.next { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); }

.board_view table > tbody > tr > th { background-color:#eeeeee; font-size:var(--size-text); padding:calc(1em - 0.5px) 1em; text-align:left; }
.board_view table > tbody > tr > td { background-color:#ffffff; font-size:var(--size-text); padding:calc(1em - 0.5px) 1em; }
.board_view table > tbody > tr > td.max { padding:0; }
.board_view table > tbody > tr > td > .desc_note + *, .board_view table > tbody > tr > td > * + .desc_note { margin-top:0.5rem; }
.board_view .info { color:#666666; }
.board_view .info.error { color:#ea4335; }
.board_view span.info { margin-left:0.5rem; vertical-align:middle; }
.board_view div.info { margin-top:0.5rem; }
.board_view span.required { color:#ea4335; font-weight:900; margin-right:0.3rem; }
.board_view span.data { display:flex; align-items:center; min-height:2.6rem; }

.board_button { text-align:center; }
.board_button > .btn_group { justify-content:center; }
.board_button ul { display:flex; align-items:center; justify-content:center; }
.board_button ul li { display:flex; align-items:center; gap:0.5rem; }
.board_button ul li:nth-child(1) { flex:1 1 50%; justify-content:left; }
.board_button ul li:nth-child(2) { flex:2 1 100%; justify-content:center; }
.board_button ul li:last-child { flex:1 1 50%; justify-content:right; }

/* 업로드 폼 */
#upload { min-width:40rem; }
#upload .upload_desc { font-size:var(--size-text); color:#333333; padding:1rem; margin-bottom:1rem; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; line-height:1.5; }
#upload .upload_desc strong { color:var(--color-main); }
#upload .upload_form { display:none; }
#upload_view { display:flex; flex-direction:column; gap:0.3rem; }
#upload_view .upload_item { display:flex; flex-wrap:wrap; font-size:var(--size-text-small); font-weight:500; padding:0.5rem; background-color:#eeeeee; border:1px solid #cdcdcd; border-radius:5px; }
#upload_view .upload_item span.upload_name { flex:1 1 50%; color:#333333;; }
#upload_view .upload_item span.upload_status { flex:1 1 50%; color:#666666; text-align:right; }
#upload_view .upload_item span.upload_status .percent .complete { color:#0066cc; }
#upload_view .upload_item span.upload_status .percent .error { color:#ea4335; }
#upload_view .upload_item div.upload_progress { flex:1; height:1.2rem; margin-top:0.3rem; border-radius:5px; }
#upload_view .upload_item div.upload_progress .ui-progressbar-value { position:relative; margin:0; background:var(--color-main); border-radius:5px; }
#upload_view .upload_item div.upload_progress .ui-progressbar-value:after { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:linear-gradient(rgba(0,0,0,0.13),rgba(0,0,0,0),rgba(0,0,0,0.13)); }
#upload_button { padding-bottom:1rem; border-bottom:1px solid #cccccc; text-align:center; }
#upload_complete { margin-top:1rem; text-align:center; }
#upload_button button, #upload_complete button { position:relative; display:inline-flex; align-items:center; justify-content:center; height:2.6rem; font-size:var(--size-text); font-weight:500; color:var(--color-main-text); padding:0 1em 0.11em 1em; background-color:var(--color-main); border:1px solid var(--color-main-dark); border-radius:5px; vertical-align:middle; }
#upload_button button svg, #upload_complete button svg { display:block; width:auto; height:1.4em; margin-top:0.11em; margin-right:0.3rem; fill:#ffffff; }
#upload_button button { height:2.2rem; font-size:var(--size-text-small); padding-left:0.8em; padding-right:0.8em; }
#upload_button button:after, #upload_complete button:after { content: ""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#ffffff; opacity:0; transition:opacity 0.2s; }
#upload_button button:hover:after, #upload_complete button:hover:after { opacity:0.2; }

/* 이미지 업로드 컨트롤 */
.upload_control[data-type="image"] { width:100%; border:1px solid #cccccc; border-radius:5px; overflow:hidden; }
.upload_control[data-type="image"] .title { display:flex; align-items:center; height:3rem; font-size:var(--size-text); font-weight:500; padding:0 1rem; background-color:#eeeeee; border-bottom:1px solid #cccccc; }
.upload_control[data-type="image"] .title .button { display:block; margin-left:auto; }
.upload_control[data-type="image"] .item_list { height:14.3rem; overflow-x:scroll; overflow-y:hidden; }
.upload_control[data-type="image"] .item_list ul { display:inline-flex; }
.upload_control[data-type="image"] .item{ width:16rem; padding:0.5rem; border-right:1px solid #eeeeee; }
.upload_control[data-type="image"] .item:last-child { border-right:0; }
.upload_control[data-type="image"] .item div.select { position:relative; width:100%; height:10rem; cursor:pointer; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; overflow:hidden; }
.upload_control[data-type="image"] .item div.select img { display:block; width:100%; height:100%; object-fit:contain; }
.upload_control[data-type="image"] .item div.select.on { border:1px solid var(--color-main); }
.upload_control[data-type="image"] .item div.select.on:after { content:"Main"; position:absolute; display:block; right:0; bottom:0; font-size:var(--size-text-small); font-family:Roboto; color:#ffffff; padding:0.3rem 0.5rem; background-color:var(--color-main); border-top-left-radius:5px; }
.upload_control[data-type="image"] .item div.button { display:flex; justify-content:center; height:2.2rem; margin-top:0.5rem; gap:0.5rem; }
.upload_control[data-type="image"] .item div.button button { flex:1; position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:var(--size-text-small); font-weight:500; padding-bottom:0.11rem; border-radius:5px; cursor:pointer; }
.upload_control[data-type="image"] .item div.button button:after { content: ""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:#ffffff; opacity:0; transition:opacity 0.2s; }
.upload_control[data-type="image"] .item div.button button:hover:after { opacity:0.2; }
.upload_control[data-type="image"] .item div.button button.insert { color:#ffffff; background-color:var(--color-main); border:1px solid var(--color-main-dark); }
.upload_control[data-type="image"] .item div.button button.delete { color:#ffffff; background-color:#666666; border:1px solid #4d4d4d; }

/* 멀티 업로드 컨트롤 */
.upload_multiple_control[data-type="image"] { width:100%; }
.upload_multiple_control[data-type="image"] .upload_multiple_form { display:none; }
.upload_multiple_control[data-type="image"] .item_list { display:inline-flex; gap:0.5rem; }
.upload_multiple_control[data-type="image"] .item_list :is(.item,.item_add) { position:relative; width:10rem; height:10rem; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; }
.upload_multiple_control[data-type="image"] .item div.item_view { height:100%; }
.upload_multiple_control[data-type="image"] .item div.item_view > img { display:block; width:100%; height:100%; object-fit:contain; }
.upload_multiple_control[data-type="image"] .item div.item_view > a:not(.select) { position:absolute; display:none; width:2rem; height:2rem; top:0.5rem; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:5px; cursor:pointer; z-index:3; }
.upload_multiple_control[data-type="image"] .item div.item_view > a:not(.select):hover { background-color:rgba(255,255,255,0.1); }
.upload_multiple_control[data-type="image"] .item div.item_view > a.view { left:0.5rem; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); }
.upload_multiple_control[data-type="image"] .item div.item_view > a.delete { right:0.5rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='-2 -2.5 27 27' fill='%23FFFFFF'%3E%3Cpath d='M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z'/%3E%3C/svg%3E"); }
.upload_multiple_control[data-type="image"] .item div.item_view > a.select { position:absolute; display:block; left:-1px; top:-1px; right:-1px; bottom:-1px; cursor:pointer; z-index:2; border:0; border-radius:5px; }
.upload_multiple_control[data-type="image"] .item div.item_view > a.select.on { border:1px solid var(--color-main); }
.upload_multiple_control[data-type="image"] .item div.item_view > a.select.on:after { content:"Main"; position:absolute; display:block; right:0; bottom:0; font-size:var(--size-text-small); font-family:Roboto; color:#ffffff; padding:0.3rem 0.5rem; background-color:var(--color-main); border-top-left-radius:5px; }
.upload_multiple_control[data-type="image"] .item div.item_view:hover > a.select { background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z'/%3E%3C/svg%3E") no-repeat center; background-size:3rem; }
.upload_multiple_control[data-type="image"] .item div.item_view:hover > a:not(.select) { display:block; }
.upload_multiple_control[data-type="image"] .item div.item_view:hover:after { content:""; position:absolute; display:block; width:100%; height:100%; left:0; top:0; background-color:#000000; border-radius:5px; opacity:0.6; z-index:1; }
.upload_multiple_control[data-type="image"] .item_add button.upload { display:block; width:100%; height:100%; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' width='48px' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E") no-repeat center #ffffff; background-size:3rem; border-radius:5px; }

/* 싱글 업로드 컨트롤 */
.upload_single_control { position:relative; width:10rem; height:10rem; background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; }
.upload_single_control .upload_single_form { display:none; }
.upload_single_control .upload_single_view { width:100%; height:100%; }
.upload_single_control .upload_single_view img { display:block; width:100%; height:100%; object-fit:contain; }
.upload_single_control .upload_single_view a { position:absolute; display:none; width:2rem; height:2rem; top:0.5rem; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:5px; cursor:pointer; z-index:3; }
.upload_single_control .upload_single_view a:hover { background-color:rgba(255,255,255,0.1); }
.upload_single_control .upload_single_view a.view { left:0.5rem; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E"); }
.upload_single_control .upload_single_view a.delete { right:0.5rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='-2 -2.5 27 27' fill='%23FFFFFF'%3E%3Cpath d='M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z'/%3E%3C/svg%3E"); }
.upload_single_control .upload_single_view:hover a { display:block; }
.upload_single_control .upload_single_view:hover:after { content:""; position:absolute; display:block; width:100%; height:100%; left:0; top:0; background-color:#000000; border-radius:5px; opacity:0.6; z-index:1; }
.upload_single_control .upload_single { position:absolute; display:block; left:0; top:0; right:0; bottom:0; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' width='48px' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E") no-repeat center #ffffff; background-size:3rem; border-radius:5px; }

/* 성공, 오류 페이지 */
.success_page, .error_page { position:absolute; min-width:40rem; left:50%; top:50%; padding:2rem; transform:translate3d(-50%,-50%,0); background-color:#eeeeee; border:1px solid #cccccc; border-radius:5px; }
.success_page h1, .error_page h1 { display:flex; flex-direction:column; align-items:center; font-size:2.6rem; }
.success_page h1 svg, .error_page h1 svg { display:block; width:6rem; height:6rem; object-fit:contain; }
.success_page h1 svg { fill:var(--color-main); }
.error_page h1 svg { fill:#ea4335; }
.success_page p, .error_page p { font-size:var(--size-text-medium); color:#333333; padding:1rem; margin:2rem 0; background-color:#ffffff; border:1px solid #cccccc; border-radius:5px; text-align:center; }
.success_page p strong, .error_page p strong { color:var(--color-main); }
.success_page .button, .error_page .button { display:flex; align-items:center; justify-content:center; gap:0.5rem; }
.success_page .button a, .error_page .button a { flex:1; }

/* 기타 */
input.datepicker { width:8rem; text-align:center; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display:none; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:auto; font-size:var(--size-text); padding-top:0; padding-bottom:0; }

.delivery_schdeule_week { }
.delivery_schdeule_week table thead > tr > th:nth-child(1) { color:#ea4335; }
.delivery_schdeule_week table thead > tr > th:nth-child(7) { color:#0066cc; }

.delivery_schdeule_week .today { background-color:var(--color-main-bright) !important; }
.delivery_schedule_list { position:relative; display:inline-grid; grid-template:auto/repeat(2,1fr); gap:0.5rem; }

.delivery_info { display:flex; flex-direction:column; gap:0.5rem; padding:1rem; border:1px solid #dddddd; background-color:#f3f3f3; border-radius:5px; }
.delivery_info > div { text-align:left; }

.search_type { display:none; margin-top:0.5rem; border:1px solid #eeeeee; border-radius:5px; padding:1rem; }
.search_type.on { display:block; }