@charset "UTF-8"; /* reset start */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; word-break: break-all; } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } 
body { line-height: 1.2; overflow-x: hidden; color: #333; font-size: 16px; } 
ol,ul,li { list-style: none; } 
blockquote,
q { quotes: none; } 
blockquote:before,blockquote:after,q:before,
q:after { content: ""; content: none; } 
table { border-collapse: collapse; border-spacing: 0;table-layout:fixed; } 
a { color: var(--font-color); text-decoration: none; } 
/* reset end */

* { box-sizing: border-box; } 
html,
body { font-family: "Noto Sans", "Noto Sans KR", sans-serif; } 
html { overflow-x: hidden; } 
/* scroll start */
html::-webkit-scrollbar { width: 8px; } 
html::-webkit-scrollbar-thumb { background-color: #2f3542; border-radius: 10px; } 
/* scroll end */

/* nav */
:root {--nav-bsh:4px 4px 4px #945e9462; --hue: 223; --white: hsl(0,0%,100%); --lt-gray: hsl(var(--hue),10%,95%); --primary0: hsl(var(--hue),90%,95%); --primary1: hsl(var(--hue),90%,90%); --primary3: hsl(var(--hue),90%,50%); --primary4: hsl(var(--hue),90%,30%); --primary5: hsl(var(--hue),90%,10%); --trans-dur: 0.3s; font-size: calc(16px + (32 - 16) * (100vw - 320px) / (1280 - 320));--cC: #702270; --nav-bg: #702270; --nav-width: 225px; --nav-font-color: #f3f3f3; --nav-li-height: 40px; /* nav */
 /* cont */
 --cont-bg: #fff; --g-1-bg: linear-gradient(-45deg, #fff8ea 90%, #594545),
 url(https://grainy-gradients.vercel.app/noise.svg); --g-2-bg: linear-gradient(135deg, #eee9c5, #d5eff7),
 url(https://grainy-gradients.vercel.app/noise.svg); --g-3-bg: linear-gradient(135deg, #c1efff, #ffb3b3),
 url(https://grainy-gradients.vercel.app/noise.svg); --g-4-bg: transparent; --g-5-bg: #fff; --g-6-bg: #fff; --g-7-bg: #fff; } 
/* cont */

/* .expand { position: relative; } 
.expand ol { overflow: hidden; transition: 0.3s; }  */
/* .expand.on ol { height: 100%; }  */
/* nav start */
nav .n_1_2::-webkit-scrollbar { width: 2px;} 
nav .n_1_2::-webkit-scrollbar-thumb {background-color: #fff; border-radius: 10px; } 

body.w100 nav { left: -250px;} 
nav {z-index: 9;transition: 0.3s; left: 0;top: 0; display: flex; flex-direction: column; justify-content: space-between; position: fixed; width: var(--nav-width); height: 100vh;color: var(--nav-font-color);background: #fff;} 
nav *{-webkit-tap-highlight-color : transparent;}
nav .n_1_2,
nav .n_3{background: var(--nav-bg);box-shadow: var(--nav-bsh);}
nav .n_1_2{overflow-y: auto; height: 100%;display: flex;flex-direction: column;align-items: flex-end;}
nav .n_3{height: 106px;display: flex;align-items: center;justify-content: center;}

nav .n_1_2_4{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
nav .n_1_4{display: flex;padding-bottom: 10px;justify-content: center; padding-right: 10px;}
nav .n_1_4 img{width: 100px;}

nav .n_1{}
nav .n_2{}
nav .n_2 ul>li,
nav .n_1 .logo{width: 210px;border-bottom: 1px solid #fff;cursor: pointer;}
nav .n_1 .logo{margin: 50% 0 0;padding-right: 10px;}
nav .n_1 .logo img{width: 90%;margin-bottom: 7.6px;}
.visiter_bbx{display: flex;align-items: center;font-size: 13px;margin-top: 5px;gap: 7px;margin-bottom: 50px;}
.visiter_bx{display: flex;align-items: center;}
.visiter_bx{}

/* arccodian menu start */
.sidebar{padding-bottom: 50px;}
.sidebar #leftside-navigation ul li { list-style-type: none; } 
.sidebar #leftside-navigation ul li.active ul { display: block; } 
.sidebar #leftside-navigation ul li a {padding-top: 40px; padding-left: 10px; display: flex;align-items: center;text-decoration: none;outline: 0; transition: .3s; } 
.sidebar #leftside-navigation ul li a span { display: inline-block; } 
.sidebar #leftside-navigation ul ul { display: none; } 
.sidebar #leftside-navigation ul ul li {margin-bottom: 0; margin-left: 0; margin-right: 0; border-bottom: none;padding-bottom: 0;} 
.sidebar #leftside-navigation ul ul li a{padding: 10px 0px 10px 50px;font-size: 15px;}
/* arccodian menu end */

nav .n_2 ul>li img{width: 17px;aspect-ratio: 1/1;margin-right: 10px;object-fit: contain;filter: brightness(0) invert(1);}
/* nav .n_2 ul>li:nth-child(1) img{width: 16.43px;margin-right: 8.6px;}
nav .n_2 ul>li:nth-child(2) img{width: 11.08px;margin-right: 11.9px;}
nav .n_2 ul>li:nth-child(3) img{width: 18px;margin-right: 8px;}
nav .n_2 ul>li:nth-child(4) img{width: 17.75px;margin-right: 8.2px;}
nav .n_2 ul>li:nth-child(5) img{width: 15.21px;margin-right: 9.8px;}
nav .n_2 ul>li:nth-child(6) img{width: 15.69px;margin-right: 9.3px;}
nav .n_2 ul>li:nth-child(7) img{width: 16.55px;margin-right: 8.4px;}
nav .n_2 ul>li:nth-child(8) img{width: 15.78px;margin-right: 9.2px;} */
nav .n_2 ul li{font-size: 16px;line-height: 24px;padding-bottom: 5.5px;}
nav .n_2 ul>li + nav .n_2 ul>li{margin-top: 40px;}
nav .n_2 ul li .tit{display: flex;align-items: center;}

nav .n_3{cursor: pointer;}
nav .logout{display: flex;align-items: center;}
nav .logout img{width: 17.62px;margin-right: 9.7px;}
nav .logout span{font-size: 18px;line-height: 27px;}

nav .close{cursor: pointer;border-radius: 5px; position: absolute;right: -60px;width: 30px;aspect-ratio: 1/1; background: var(--cC);top: 5px;z-index: -2;display: flex;align-items: center;justify-content: center;}
nav .close::after{content: '◀';line-height: 1;}
body.w100 nav .close::after{content: '▶';}
/* nav.on{left: -100%;} */

/* nav end */
/* cont start */
body.w100 .cont { width: 100vw; margin-left: 0; } 
.cont {padding: 35px;  overflow-x: hidden; position: relative; transition: 0.3s; min-height: calc(100vh); width: calc(100vw - 220px); background: var(--cont-bg); margin-left: var(--nav-width); } 
.cont .cont_fbx{display: flex;flex-wrap: wrap;gap: 50px;justify-content: center;padding-top: 80px;}
.cont_bx{height: 27vh; width: calc(50% - 40px);position: relative;display: flex;flex-direction: column;}
.cont_bx.cont_bx_s{height: 400px;width: 100%;margin-bottom: 50px;}
.cont_bx .chart_t{display: flex;justify-content: space-between;}
.cont_bx .chart_t .tit{font-weight: bold;line-height: 24px;color: #232323;white-space: nowrap;padding-bottom: 13px;}

.updw_bx{display: flex;gap: 5px;align-items: center;justify-content: center;}
.updw_txt{font-weight: 600;}
.up{color: red;}
.down{color: blue;}

.second_row{background-color: #cccccc54; font-weight: 600;color: blueviolet;}
.second_row>td:first-child{color: #212121;}

.height.cont_bx{height: auto;}





/* .cont .g_bx > p { font-weight: bold; font-size: 18px; padding-bottom: 15px; }  */
.cont .chart { width: 100%; height: calc(100% - 35px);} 
.cont .chart .totalBx{position: absolute;top: 50%;transform: translateY(-50%);left: 10%;}
.cont .chart canvas{width: 100%;max-width: 100%;} 
.cont .btn_bx { display: flex; position: relative;gap: 13px;} 
.cont .btn_bx .btn_b{font-family: "Noto Sans KR", sans-serif; padding: 0; transition: 0.2s; display: flex; align-items: center; justify-content: center;cursor: pointer;width: 72px;height: 28px;background: #717171;font-size: 16px;line-height: 24px;color: #fff;border: none;} 
.cont .btn_bx .btn_b.on,
.cont .btn_bx .btn_b:hover { background:var(--cC);} 
.cont .chart .d_chart { display: none !important;} 
.cont .chart .d_chart.on { display: block !important;} 

.wrap-table100 table {position: relative; table-layout:fixed; border-spacing: 1; border-collapse: collapse; background: #fff; overflow: hidden; width: 100%; margin: 30px auto 0; position: relative; } 
.wrap-table100 table select{padding: 3px 5px;font-size: 16px;font-family: "Noto Sans KR", sans-serif;}
.wrap-table100 table:first-child{margin-top: 0;}
.wrap-table100 table * { position: relative; white-space: nowrap;box-sizing: border-box;} 
.wrap-table100 table caption {max-width: 158px; background: var(--cC); font-weight: bold; color: #fff; padding: 8px 0px;text-align: center; position: relative;left: 19px;} 
.wrap-table100 table caption.go_btn{cursor: pointer; width: 100px; position: absolute;bottom: calc(100% - 37px);right: 0;left: auto;}
.wrap-table100 table thead {background: #303030;}
.wrap-table100 table thead tr {box-shadow:0 -4px 3px #00000016; height: 30px; background: #303030; } 
.wrap-table100 table tbody tr { height: 30px; border-bottom: 1px solid #707070;} 
.wrap-table100 table tbody tr td {border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; overflow: hidden;text-overflow: ellipsis; font-size: 15px;line-height: 22px;padding: 7px 5px;text-align: center;} 
.wrap-table100 table tbody tr td img{width: 100%;object-fit: contain; width:200px; }
.recent_posts td:nth-child(3),
.recent_posts th:nth-child(3){width: 40%;}
.table100-head th {border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb; background: #303030; text-align: center; font-size: 16px; color: #fff; line-height: 1.2; font-weight: unset; } 
tbody tr { font-size: 15px; color: gray; line-height: 1.2; font-weight: unset; } 
tbody tr:hover { color: #555; background-color: #f5f5f5; cursor: pointer; } 
.sm{width: 112px !important; }
.wgoi{width: 50px;}

.before_table{display: flex;flex-direction: column;}
.before_group{display: flex;}
.before_group_cont{display: flex;gap: 5px; }

.before_tit{border-right: 1px solid #212121;padding: 5px 0px; width: 50px;display: flex;align-items: center;justify-content: center;}
.before_group_cont_tit{display: flex;align-items: center;justify-content: center;padding: 5px 10px;}
.before_group_cont_cont{}
.before_group_cont_cont input{border-bottom: 1px solid #000 !important;}
.before_group_cont.pl50{padding-left: 50px;}














/* card start */
.card { perspective: 1000px; transform-style: preserve-3d; padding: 0 !important; } 
.card-item { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; } 
/* cont end */
.admin-fbx .cr
/* login start */
.vimeo{position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;object-fit: cover;}
.vimeo video{width: 100vw;height: 100vh;object-fit: cover;}
.admin-body{overflow: hidden; width: 100vw; height: 100vh; position: absolute;}
/* .slide_bgc_pc2, */
.admin-fbx{ display: flex; box-shadow: 0px 0px 50px #000000cc; width: 500px; height: 500px; position: absolute; left: 50%;transform: translate(-50%, -50%); top: 50%;}
.admin-fbx .admin-bx{background:#fff6; position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}
/* .admin-fbx .admin-bx:nth-child(1){width: 45%;}
.admin-fbx .admin-bx:nth-child(2){width: 55%;background-color: #fff;} */
.admin-fbx .admin-1{ width: 60%; height: 60%; object-fit: contain; object-position: center;}
.loginbox{display: flex;flex-direction: column;}
#login_execute .inputbox{display: flex;flex-direction: column;}
.admin-bx .logo{height: 50px; margin: 0 auto 30px;cursor: pointer;}
.admin-bx .logo img{height: 100%; -webkit-filter: grayscale(100%) brightness(0);filter: grayscale(100%) brightness(0);}
.admin-bx-fbx{z-index: 2; }
#login_execute .inputbox input{margin-bottom: 20px; font-size: 20px; box-sizing: border-box; padding: 10px; height: 50px; width: 100%; background: #fff; outline: none; border: 1px solid #aaa;}
.admin-bx #btnlogin{transition: .3s; display: flex; align-items: center; box-sizing: border-box; justify-content: center; box-sizing: border-box; background: var(--cC); outline: none; border: none; cursor: pointer; height: 50px; width: 100%; color: #fff; font-weight: bold; font-size: 20px;}
.admin-bx #btnlogin:hover{border: 1px solid var(--cC); background: #ffffff00; color: var(--cC);}
.admin-fbx .cr{margin-top: 10px; word-break: keep-all; z-index: 0; position: relative; text-align: center; color: #000; font-size: 14px;font-weight: bold;white-space: nowrap;}
/* 체크박스 서식 시작 */
.checkbox-wrapper-24{display: flex; align-items: center; margin-top: 20px;}
.checkbox-wrapper-24 .checkbox { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; } 
.checkbox-wrapper-24 label { display: flex; align-items: center; color: #333; font-weight: bold; cursor: pointer; position: relative; } 
.checkbox-wrapper-24 label span { display: inline-block; position: relative; background-color: transparent; width: 15px; height: 15px; transform-origin: center; border: 2px solid var(--cC); border-radius: 50%; vertical-align: middle; margin-right: 10px; transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89); } 
.checkbox-wrapper-24 label span:before { content: ""; width: 0px; height: 2px; border-radius: 2px; background: var(--cC); position: absolute; transform: rotate(45deg); top: 5px; left: 2px; transition: width 50ms ease 50ms; transform-origin: 0% 0%; } 
.checkbox-wrapper-24 label span:after { content: ""; width: 0; height: 2px; border-radius: 2px; background: var(--cC); position: absolute; transform: rotate(305deg); top: 9px; left: 3px; transition: width 50ms ease; transform-origin: 0% 0%; } 
.checkbox-wrapper-24 label:hover span:before { width: 5px; transition: width 100ms ease; } 
.checkbox-wrapper-24 label:hover span:after { width: 10px; transition: width 150ms ease 100ms; } 
.checkbox-wrapper-24 input[type=checkbox] { display: none; } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label span { background-color: var(--cC); transform: scale(1.25); } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label span:after { width: 9px; background: #fff; transition: width 150ms ease 100ms; } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label span:before { width: 5px; background: #fff; transition: width 150ms ease 100ms; } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span { background-color: var(--cC); transform: scale(1.25); } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:after { width: 9px; background: #fff; transition: width 150ms ease 100ms; } 
.checkbox-wrapper-24 input[type=checkbox]:checked + label:hover span:before { width: 5px; background: #fff; transition: width 150ms ease 100ms; } 
/* 체크박스 서식 끝 */
@media screen and (max-width: 1050px){
    .admin-fbx{flex-direction: column; min-width: 300px; max-width: 90vw; height: auto;}
    .admin-fbx .admin-bx{flex-direction: column;padding: 40px 0;}
    /* .admin-fbx .admin-bx:nth-child(1){width: 100%;}
    .admin-fbx .admin-bx:nth-child(2){width: 100%; height: auto;} */
    .admin-bx-fbx{width: 90%; height: 90%; position: relative;}
    .slide_bgc_pc2{position: absolute;}
    .admin-fbx .cr{white-space: normal;text-align: left;}
    .admin-bx #btnlogin{bottom: 0;}
}

/* login end */

/* subpage start */
h1.subTitle{padding-bottom: 30px;position: relative;}
/* subpage end */

/* member start */
*:before, *:after { box-sizing: border-box; } 
/* *::-moz-selection { color: inherit; background: rgba(255, 255, 255, 0.18); } 
*::selection { color: inherit; background: rgba(255, 255, 255, 0.18); }  */
body{position: relative;}
/* body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}  */

.input-text-material {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 20px;} 
.input-text-material.mt30{margin-top: 30px;}
.input-text-material .group { position: relative;} 
.input-text-material input { background: transparent; font-size: 18px; padding: 10px 10px 10px 5px; display: block; width: 300px; border: none; border-bottom: 1px solid #757575; color: 000; } 
.input-text-material input:focus { outline: none; border-bottom: 1px solid #757575; } 
.input-text-material input:focus ~ label, .input-text-material input:valid ~ label { top: -12px; font-size: 14px; color: var(--cC); } 
.input-text-material label { color: #999; font-size: 18px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } 
.input-text-material .bar { position: relative; display: block; width: 300px; } 
.input-text-material .bar:before, .input-text-material .bar:after { content: ""; height: 2px; width: 0; bottom: -1px; position: absolute; background: var(--cC); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } 
.input-text-material .bar:before { left: 50%; } 
.input-text-material .bar:after { right: 50%; } 
.input-text-material input:focus ~ .bar:before, .input-text-material input:focus ~ .bar:after { width: 50%; } 
.input-text-material .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } 

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;} 
input[type=number] { -moz-appearance: textfield; } 
@-webkit-keyframes inputHighlighter { 
from { background: #5264AE; } 
to { width: 0; background: transparent; } 
}
@-moz-keyframes inputHighlighter { 
from { background: #5264AE; } 
to { width: 0; background: transparent; } 
}
@keyframes inputHighlighter { 
from { background: #5264AE; } 
to { width: 0; background: transparent; } 
}

/* slide start */
/* Main styles */
.range { margin: 4em 0.75em 0 0.75em; padding-top: 0.5em; position: relative; max-width: 12em; width: 100%; } 
.range__label { overflow: hidden; position: absolute; width: 1px; height: 1px; } 
.range__input { --percent: 50%; background-color: var(--primary1); background-image: linear-gradient(var(--primary3),var(--primary3)); background-size: var(--percent) 100%; background-repeat: no-repeat; border-radius: 0.25em; display: block; margin: 0.5em -0.75em; width: calc(100% + 1.5em); height: 0.5em; transition: background-color var(--trans-dur); -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } 
.range__input:focus { outline: transparent; } 

/* WebKit */
.range__input::-webkit-slider-thumb { background-color: var(--white); border: 0; border-radius: 50%; box-shadow: 0 0.125em 0.5em hsl(0,0%,0%,0.3); width: 1.5em; height: 1.5em; transition: background-color 0.15s linear; -webkit-appearance: none; appearance: none; } 
.range__input:focus::-webkit-slider-thumb,
.range__input::-webkit-slider-thumb:hover { background-color: var(--lt-gray); } 

/* Firefox */
.range__input::-moz-range-thumb { background-color: var(--white); border: 0; border-radius: 50%; box-shadow: 0 0.125em 0.5em hsl(0,0%,0%,0.3); width: 1.5em; height: 1.5em; transition: background-color 0.15s linear; } 
.range__input:focus::-moz-range-thumb,
.range__input::-moz-range-thumb:hover { background-color: var(--lt-gray); } 

/* Continue main styles */
.range__output,
.range__output:after,
.range__output-value-track,
.range__output-values { position: absolute; } 
.range__output,
.range__output:after { transform: translateX(-50%); } 
.range__output { --percent: 50%; background-color: var(--primary3); border-radius: 0.25em; color: var(--white); padding: 0.25em; bottom: calc(100% + 0.5em); left: var(--percent); text-align: center; width: 2em; height: 2em; transition: background-color var(--trans-dur); } 
.range__output:after { border-top: 0.5em solid var(--primary3); border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; content: ""; display: block; top: calc(100% - 1px); left: 50%; width: 0; height: 0; } 
.range__output-value-track { inset: 0; overflow: hidden; } 
.range__output-values { --transX: 0; display: flex; align-items: center; white-space: nowrap; top: 0; left: 0; height: 100%; transform: translateX(var(--transX)); transition: transform 0.15s linear; } 
.range__output-value { width: 2em; } 

/* `:focus-visible` support */
@supports selector(:focus-visible){
.range__input:focus::-webkit-slider-thumb { background-color: var(--white); } 
.range__input:focus-visible::-webkit-slider-thumb,
.range__input::-webkit-slider-thumb:hover { background-color: var(--lt-gray); } 
.range__input:focus::-moz-range-thumb { background-color: var(--white); } 
.range__input:focus-visible::-moz-range-thumb,
.range__input::-moz-range-thumb:hover { background-color: var(--lt-gray); } 
}

/* Dark theme */
@media (prefers-color-scheme: dark) { body { background-color: var(--primary5);  } 
.range__input { background-color: var(--primary4); } 
}
/* slide end */

/* input, radio start */
.radio_layout{display: flex;flex-wrap: wrap;margin-top: 20px;}
input[type="checkbox"] {  margin-right: 5px; width: 18px; height: 18px;appearance: auto; color: #9B9B9B; font-family: "Noto Sans KR", sans-serif; font-size: 20px; line-height: 28px; accent-color: var(--cC);} 
.radio_layout .radio { display: flex; align-items: center; margin-right: 20px; } 
.radio_layout input[type="radio"] { accent-color: #000000; position: relative; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #707070; } 
.radio_layout input[type="radio"]::after { position: absolute; content: ''; border-radius: 50%; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--cC); transform: scale(.6); opacity: 0; } 
.radio_layout input[type="radio"]:checked::after { opacity: 1; } 
.radio_layout label { font-family: "Noto Sans KR", sans-serif; font-size: 20px; line-height: 28px; color: #000; } 
.sign-info button,
.radio_layout button{ box-sizing: border-box;height: 38px; font-size: 16px;cursor: pointer; background: #fff;outline: none;border: 2px solid var(--cC);color: var(--cC);font-weight: bold;border-radius: 5px;font-family: "Noto Sans KR", sans-serif;}
.radio_layout li{display: flex;justify-content: center;align-items: center;}
.radio_layout button{margin-left: 10px;}
/* input, radio end */

/* address start */
.sign-info{margin-top: 20px;}
.sign-info input{margin: 5px 0;border: 1px solid #000;font-size: 18px;padding: 5px;border-radius: 3px;font-family: "Noto Sans KR", sans-serif;}
.sign-info-txt{font-size: 18px;font-weight: bold;}
.add-bx{display: flex;flex-direction: column;width: 350px;}
.add-bx .add-bx2{display: flex;align-items: center;gap: 5px;justify-content: space-between;}
/* address end */

/* datepicker start */
.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); }
.ui-widget.ui-widget-content { border: 1px solid #eee; }
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; }
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; }
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }
.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {width: 100%;align-items: center;justify-content: center;display: flex; border: 0px; background: #f1f1f1; border-radius: 50%; padding:5px; padding-top: 3px;}
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }.inp:focus { outline: none; background-color: #eee; }
.datepicker{padding: 5px; font-size: 18px;font-family: "Noto Sans", sans-serif;border: 1px solid #000; border-radius: 3px;}
.ui-datepicker .ui-datepicker-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* member end */
@media screen and (max-width: 1870px) {
.cont .chart .totalBx{display: none;}
.cont .cont_fbx{gap: 30px;}
}
@media screen and (max-width: 1350px) {
.cont{width: 100vw;margin-left: 0;padding:40px 20px;max-width: 100vw;}
.cont_fbx .cont_bx{width: 100%;height: auto;}
nav{left:-250px;}
nav .close::after{content: '▶';}
body.w100 nav{left: 0;}
body.w100 nav .close::after{content: '◀';}
.cont .chart{max-width: 700px;margin: 0 auto;}
nav .n_1 .logo{margin: 20% 0 0;}
nav .n_1_2{padding-bottom: 50px;}
}

@media screen and (max-width: 1200px) {
    #popup_form,
    .wrap-table100{display: block; width: 100%;white-space: nowrap;overflow-x: auto;}
    .cont .inputbox .calendar input{min-width: 150px;}
    #popup_form .inputbox,
    .wrap-table100 .table100{width: 100%;overflow-x: auto;}
    .wrap-table100 .table100{width: 1200px;overflow-x: hidden;}
    .cont .chart{max-width: 500px;}
    .cont .chart canvas#p_chart{min-height: 250px;}

    nav .n_1 .logo{margin: 10% 0 0;}
    .sidebar #leftside-navigation ul li a{padding-top: 30px;}
}

/* loading start */
.loadingBx{opacity: 1;border-radius: 50%;  z-index: 99999999999999999999; position: fixed;top: 50%;overflow: hidden; transition: .3s ease-out; left: 50%; transform: translate(-50%, -50%); display: flex;width: 100vw; aspect-ratio: 1/1; flex-direction: column;align-items: center;justify-content: center;}
.loadingBx .logo{margin-bottom: 10px; -webkit-filter: grayscale(100%) brightness(0);filter: grayscale(100%) brightness(0);width: 200px;}
.loadingBx .logo img{width: 100%;}
.loadingBx .logo, .loadingBx .bouncing-loader{z-index: 99999;transition: .3s .2s;}
.loadingBx .blurbx{z-index: 9999;width: 100%;height: 100%; position: absolute;top: 50%;left: 50%; transition: .3s; transform: translate(-50%, -50%) scale(1); -webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.loadingBx.active .logo,
.loadingBx.active .bouncing-loader{opacity: 0;}
.loadingBx.active .blurbx{transform: translate(-50%, -50%) scale(0); -webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);}
.loadingBx .inner{display: flex;flex-direction: column;}
@keyframes bouncing-loader { to { opacity: 0.1; transform: translate3d(0, -20px, 0); }}
.bouncing-loader { display: flex; justify-content: center; }
.bouncing-loader > div { width: 20px; height: 20px; margin: 50px 20px 0; background: var(--cC); border-radius: 50%; animation: bouncing-loader .5s infinite alternate; }
.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }
.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; } 

@media (max-width: 1210px) {
  .loadingBx{width: auto; height: 200vh;}
} 
/* loading end */

/* sweetalert start */
.swal2-popup{font-size: 16px;}
/* sweetalert end */

.star_list{
  display: flex;
  align-items: center;
}
.star_list li{
  max-width: 40px;
  width: 100%;
  margin-right: 25px;
}
.wrap-table100 table tbody tr td .star_list li img{
  display: block;
  width: 100%;
}

.wrap-table100 .review_table tbody tr th{
  padding: 0 20px;
  box-sizing: border-box;
  width: 30%;
  text-align: left;
}

.wrap-table100 .review_table tbody tr td:last-child{
    vertical-align: middle;
}

.wrap-table100 .review_table tbody tr .star_list li{
    max-width: 32px
}

.wrap-table100 .review_table tbody tr .star_list {
    margin-left: 6px;
}

.btnlist.pt40{
    padding-top: 40px;
}


.wrap-table100 .review_table tbody tr td.bd_r{
    border-right: 1px solid #707070
}





/* 게시판 NEW */

.mobile_block{display: none;}

@media screen and (max-width:767px) {
    
    .mobile_block{display: flex;flex-direction: column;gap: 12px;}
    .mobile_none{display: none;} 

    .mobile_block .mobile_calender_group{display: flex;flex-direction: column;overflow: hidden;}
    .mobile_block .mobile_tit{height: 30px;background-color: #702270;border-radius: 4px 4px 0 0; font-weight: 500;font-size: 14px;display: flex;align-items: center;justify-content: center;color: #fff;}
    .mobile_block .mobile_calender_con{border-radius: 0 0 4px 4px; display: flex;flex-direction: column;gap: 10px; padding: 14px; box-sizing: border-box;border: 1px solid #D1DCEA;border-top: none;}
    .mobile_block .calendar{display: flex;align-items: center;gap: 5px;}
    .mobile_block .calendar .input{width: calc(50% - 10px);}
    .mobile_block .calendar .input input{width: 100%;border: 1px solid #D1DCEA;font-size: 14px;}
    .mobile_block .searchbox{display: flex;gap: 12px;padding-top: 1px;}
    .mobile_block .searchbox *{overflow: visible;border: 1px solid #D1DCEA;font-size: 14px;height: 30px;border-radius: 4px;}
    .mobile_block .searchbox .selectvalue{width: 75px;}
    .mobile_block .searchbox .wi{width: 86px;background-color: #702270;color: #fff;border: none;}
    .mobile_block .searchbox .searchvalue{width: calc(100% - 161px - 10px);}
    .mobile_block .mobile_db_con{display: flex;flex-direction: column;gap: 12px;}
    .mobile_block .mobile_db_con .mobile_calender_con:not(:first-child){border-top: 1px solid #D1DCEA;}
    .mobile_block .mobile_db_con .mobile_calender_con{display: flex;gap: 17px;}
    .mobile_block .mobile_db_con .mdb_list{display: flex;gap: 20px;flex-direction: column;align-items: center;}
    .mobile_block .mobile_db_con .mdb_tit{width: 55px;font-size: 14px;display: flex;align-items: center;}
    .mobile_block .mobile_db_con .aifs .mdb_tit{align-items: flex-start;}
    .mobile_block .mobile_db_con input,
    .mobile_block .mobile_db_con textarea,
    .mobile_block .mobile_db_con select{border: 1px solid #D1DCEA;border-radius: 4px; resize: none; width: calc(100% - 75px);padding: 8px 16px; box-sizing: border-box;}
    .mobile_block .mobile_db_con select{padding-right: 0;padding-left: 0;}
    .mobile_block .mobile_db_con .mdb_first_group input,
    .mobile_block .mobile_db_con .mdb_first_group textarea,
    .mobile_block .mobile_db_con .mdb_first_group select{width:100%;}
    .mobile_block .mobile_db_con .mdb_first_group .mdb_btn.mdb_confirm{width:150px;}
    .mobile_block .mobile_db_con .mdb_first_group{display: flex;gap: 10px;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
    .mobile_block .mobile_db_con .mdb_first_group .mdb_list{width: calc(50% - 10px);}
    .mobile_block .mobile_db_con textarea{height: 68px;}
    .mobile_block .mobile_db_con .mdb_btn_group{display: flex;gap: 4px;justify-content: center;}
    .mobile_block .mobile_db_con .mdb_btn{padding: 0; width: 64px;height: 25px;display: flex;align-items: center;justify-content: center;border-radius: 4px;font-size: 14px;font-weight: 500;color: #fff;}
    .mobile_block .mobile_db_con .mdb_confirm{background-color: #702270;}
    .mobile_block .mobile_db_con .mdb_delete{background-color: #F01A1A;}
    .mobile_block .mobile_db_con{}
    .mobile_block{}
    .mobile_block{}
    .mobile_block{}
    .mobile_block{}
    
}