@charset "utf-8";

/* ************** font ************** */
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraLight'), url('./fonts/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./fonts/Pretendard-ExtraLight.subset.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Light'), url('./fonts/Pretendard-Light.subset.woff2') format('woff2'), url('./fonts/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Regular'), url('./fonts/Pretendard-Regular.subset.woff2') format('woff2'), url('./fonts/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Medium'), url('./fonts/Pretendard-Medium.subset.woff2') format('woff2'), url('./fonts/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard SemiBold'), url('./fonts/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./fonts/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard Bold'), url('./fonts/Pretendard-Bold.subset.woff2') format('woff2'), url('./fonts/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: local('Pretendard ExtraBold'), url('./fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.subset.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

/* ***** reset ***** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-family:'Pretendard', sans-serif;font-size:18px;font-weight:400;color:#333;word-break:keep-all;word-wrap:break-word;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;overflow:visible;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#383838;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}

/* ***** size ***** */
.w10{width:10px}.w15{width:15px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}
.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}
.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}
.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}
.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w450{width:450px}
.w500{width:500px}.w550{width:550px}.w600{width:600px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w700{width:700px}.w750{width:750px}.w800{width:800px}.w850{width:850px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}
.h350{height:350px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}
.h450{height:450px}.h500{height:500px}.h550{height:550px}.h600{height:600px}

/* ***** common ***** */
.inner{position:relative;margin:0 auto;max-width:1500px;box-sizing:border-box;}
.sound-only{display:block !important;position:absolute !important;top:-9999px !important;}
.txt-left{text-align:left !important;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right !important;}
.txt-red{font-weight:500;color:#ef3b27 !important;}
.txt-blue{font-weight:500;color:#3659be !important;}
.va-top{vertical-align:top !important;}
.va-middle{vertical-align:middle !important;}
.va-bottom{vertical-align:bottom !important;}
.keep-all{word-break:keep-all !important;}
.inp-blue{border:1px solid #3659be !important;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{border-radius:8px;background-color:#e7e7e7;}
::-webkit-scrollbar-thumb{border-radius:8px;background-color:#ddd;}
a.txt-blue,
button.txt-blue{border-bottom:1px solid transparent;}
a.txt-blue:hover,
button.txt-blue:hover{border-bottom:1px solid #3659be;}
.space10{display:inline-block;width:10px;}
.space20{display:inline-block;width:20px;}
.space30{display:inline-block;width:30px;}
.space40{display:inline-block;width:40px;}
.space50{display:inline-block;width:50px;}
.bt-none{border-top:none !important;}
.bb-none{border-bottom:none !important;}
.bl-none{border-left:none !important;}
.br-none{border-right:none !important;}

/* ***** form ***** */
input[type='text'],input[type='password'],input[type='number'],input[type='submit'],input[type='date'], button, select, textarea{-webkit-appearance:none;appearance:none;font-family:'Pretendard', sans-serif;font-size:18px;color:#333;background:transparent;border:none;border-radius:0;box-sizing:border-box;}
input[type='text'],input[type='password'],input[type='number'],input[type='date']{margin:2px;padding-left:15px;height:48px;max-width:99.9%;background:#fff;border:1px solid #e0e3e9;border-radius:8px;}
select{margin:2px;padding:0 30px 0 15px;min-width:100px;height:48px;max-width:99.9%;background:#fff url('../images/ico_sel.png') no-repeat right 15px center;border:1px solid #e0e3e9;border-radius:8px;}
textarea{margin:2px;padding:15px;width:99.9%;background:#fff;border:1px solid #e0e3e9;resize:vertical;box-sizing:border-box;border-radius:8px;}
*:disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
*.disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
input.readonly{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:-moz-read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type="checkbox"],
input[type="radio"]{-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;appearance:none;position:relative;width:22px;min-height:22px;background:transparent !important;border:transparent !important;}
input[type="radio"]{width:22px;}
input[type="checkbox"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;background:url('../images/ico_chk.png') no-repeat center;}
input[type="radio"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:22px;height:22px;background:url('../images/ico_rdo.png') no-repeat center;}
input[type="checkbox"]:checked:before{background:url('../images/ico_chk_on.png') no-repeat center;}
input[type="radio"]:checked:before{background:url('../images/ico_rdo_on.png') no-repeat center;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-left:7px;line-height:22px;}
input[type='file']{padding:9px 5px 10px;border:1px solid #e0e3e9;box-sizing:border-box;}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus{outline-color:#203c8c;}
label input[type="text"]{height:48px;}
input[type="checkbox"]:disabled:before,
input[type="radio"]:disabled:before{opacity:0.7;}
input[type="checkbox"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:#d9d9d9;opacity:0.3;}
input[type="radio"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:#d9d9d9;opacity:0.3;border-radius:50%;}
::-webkit-input-placeholder{font-size:18px;color:#333;}
:-moz-placeholder{font-size:18px;color:#333;}
::-ms-input-placeholder{font-size:18px;color:#333;}
.inp-file.w100p{width:calc(100% - 103px);}
label + input[type="radio"],
label + input[type="checkbox"]{margin-left:20px;}

/* ***** datepicker ***** */
input[type='text'].use-datepicker{background:#fff url('../images/icon_calendar.svg') no-repeat right 15px center / 20px auto;}
.ui-datepicker-trigger{margin-left:10px;}
#ui-datepicker-div{display:none;width:240px;background:#fff;border:1px solid #c7c7c7;border-radius:7px;z-index:102 !important;box-sizing:border-box;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker th{padding:0;}
.ui-datepicker td a.ui-state-active{color:#fff;background:#4b4b4b;}
.ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:20px;height:20px;line-height:26px;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:5px;background:url('../images/icon_skipleft.svg') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-next{right:5px;background:url('../images/icon_skipright.svg') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-year{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:70px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}
.ui-datepicker .ui-datepicker-month{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:50px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}

#overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.55);z-index:9;}

/* ***** layout ***** */
#wrap{position:relative;width:100%;height:100%;min-width:1280px;min-height:900px;background:#203c8c url('../images/bg_wrap.png') no-repeat left bottom;}
#lnb{position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;flex-shrink:0;padding:33px 33px 90px;width:300px;box-sizing:border-box;}
#lnb h1{margin-bottom:25px;}
#lnb h1 a{display:block;}
#lnb h1 img{width:215px;}
#menu{margin-bottom:38px;}
#menu > li > a{display:flex;align-items:center;position:relative;padding-left:34px;width:100%;height:60px;font-size:19px;font-weight:400;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);box-sizing:border-box;}
#menu > li > a:before{content:'';position:absolute;left:0;top:0;bottom:0;width:22px;background:url('../images/icon1_home_off.svg') no-repeat center / 19px auto;}
#menu > li.m1 > a:before{background:url('../images/icon2_admin_off.svg') no-repeat center / 18px auto;}
#menu > li.m2 > a:before{background:url('../images/icon3_rent_off.svg') no-repeat center / 17px auto;}
#menu > li.m3 > a:before{background:url('../images/icon4_member_off.svg') no-repeat center / 18px auto;}
#menu > li.m4 > a:before{background:url('../images/icon5_map_off.svg') no-repeat center / 17px auto;}
#menu > li.m5 > a:before{background:url('../images/icon6_statis_off.svg') no-repeat center / 19px auto;}
#menu > li.active > a,
#menu > li > a:hover{color:#34baec;}
#menu > li.active > a:before,
#menu > li > a:hover:before{background-image:url('../images/icon1_home_on.svg');}
#menu > li.m1.active > a:before,
#menu > li.m1 > a:hover:before{background-image:url('../images/icon2_admin_on.svg');}
#menu > li.m2.active > a:before,
#menu > li.m2 > a:hover:before{background-image:url('../images/icon3_rent_on.svg');}
#menu > li.m3.active > a:before,
#menu > li.m3 > a:hover:before{background-image:url('../images/icon4_member_on.svg');}
#menu > li.m4.active > a:before,
#menu > li.m4 > a:hover:before{background-image:url('../images/icon5_map_on.svg');}
#menu > li.m5.active > a:before,
#menu > li.m5 > a:hover:before{background-image:url('../images/icon6_statis_on.svg');}
#menu > li.has-child.active > a{background:url('../images/ico_menu_on.png') no-repeat right 4px center;}
#menu > li > ul{display:none;padding:13px 35px;background:#142b6d;}
#menu > li.active > ul{display:block;position:relative;margin-top:-4px;z-index:2;}
#menu > li > ul > li{position:relative;padding:4px 5px 4px 13px;}
#menu > li > ul > li:before{content:'';position:absolute;left:0;top:13px;width:3px;height:3px;background:#fff;}
#menu > li > ul > li > a{display:inline-block;font-weight:300;font-size:17px;color:rgba(255,255,255,0.9);line-height:1.1em;border-bottom:1px solid transparent;}
#menu > li > ul > li.active > a,
#menu > li > ul > li > a:hover{color:#34baec;border-color:#34baec;}
#menu > li > ul > li.active:before,
#menu > li > ul > li:hover:before{background:#34baec;}
#lnb .login-info{display:flex;gap:6px;}
#lnb .login-info a{display:block;flex:1;height:42px;line-height:40px;font-weight:300;font-size:16px;color:#fff;text-align:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:5px;box-sizing:border-box;transition-duration:0.3s;}
#lnb .login-info a:hover{font-weight:400;color:#203c8c;background:#fff;}
#lnb .copy{margin-top:auto;font-weight:300;font-size:16px;color:rgba(255,255,255,0.6);line-height:1.8em;}

#container{position:absolute;left:300px;right:0;top:0;bottom:0;padding:54px 60px 80px;background:#f7f8fc;border-radius:30px 0 0 30px;box-sizing:border-box;overflow-y:auto;}
.title-area{display:flex;align-items:flex-end;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #2e2e2e;}
.title-area h2{font-weight:600;font-size:36px;color:#000;}
.title-area .location{display:flex;margin-left:auto;}
.title-area .location > li{position:relative;padding:0 15px;}
.title-area .location > li:last-child{padding-right:0;}
.title-area .location > li:before{content:'';position:absolute;left:-2px;top:6px;width:5px;height:9px;background:url('../images/ico_arrow.png') no-repeat center;}
.title-area .location > li:first-child:before{display:none;}
.title-area .location > li,
.title-area .location > li > a{display:block;font-weight:300;font-size:17px;color:#555;}
.title-area .location > li.home > a{width:17px;height:100%;text-indent:-9999px;background:url('../images/icon_home.svg') no-repeat center / contain;}

/* ***** common ***** */
.btn-area{margin:50px 0;text-align:center;}
.btn-area:after{display:block;content:'';clear:both;}
.btn-area.btm{margin-bottom:0 !important;}
.btn-area.left{text-align:left;}
.btn-area.right{text-align:right;}
.btn-area .left{float:left;}
.btn-area .right{float:right;}
.btn{display:inline-flex;justify-content:center;align-items:center;position:relative;margin:2px;padding:10px 30px;min-width:160px;min-height:56px;line-height:1.1em;font-weight:700;font-size:19px;color:#fff;text-align:center;vertical-align:middle;background:#203c8c;border:1px solid #203c8c;border-radius:8px;box-sizing:border-box;transition-duration:0.3s;}
.btn.small{margin:2px 1px;padding:5px 18px;min-width:98px;min-height:52px;font-weight:400;font-size:18px;background:#3253b9;border-color:#3253b9;}
.btn.ssmall{margin:2px 1px;padding:5px 12px;min-width:50px;min-height:32px;font-weight:400;font-size:17px;background:#454545;border-color:#454545;border-radius:5px;}
.btn.ssmall.none{color:#454545;background:#fff;border-color:#fff;}
.btn.inline{padding:5px 18px;min-width:94px;min-height:48px;font-weight:400;font-size:18px;background:#454545;border-color:#454545;}
.btn.inline.wide{padding:5px 30px;}

.btn.green{background:#19a49d;border-color:#19a49d;}

.btn.line{color:#203c8c;background-color:#fff;}
.btn.small.line{color:#3253b9;}
.btn.ssmall.line{color:#454545;}
.btn.green.line{color:#19a49d;}

.btn.excel:before{display:inline-block;margin-right:6px;content:'';width:19px;height:21px;background:url('../images/icon_excel.svg') no-repeat center / contain;transition-duration:0.1s;}
.btn.barcode:before{display:inline-block;margin-right:6px;content:'';width:22px;height:20px;background:url('../images/icon_barcode.svg') no-repeat center / contain;transition-duration:0.1s;}

.btn:hover{color:#203c8c;background:#fff;}
.btn.big:hover{color:#fff;border-color:#34baec;background:#34baec;}
.btn.small:hover{color:#3253b9;border-color:#3253b9;background:#fff;}
.btn.small.green:hover{color:#19a49d;border-color:#19a49d;}
.btn.inline:hover{color:#454545;border-color:#454545;background:#fff;}
.btn.ssmall:hover{color:#454545;}
.btn.ssmall.none:hover{border-color:#454545;}

.btn.line:hover{color:#fff;background:#203c8c;}
.btn.big.line:hover{color:#34baec;border-color:#34baec;background:#fff;}
.btn.ssmall.line:hover{color:#fff;background:#454545;}
.btn.green.line:hover{color:#fff;background:#19a49d;}
.btn.green.excel:hover:before{filter: invert(50%) sepia(82%) saturate(440%) hue-rotate(128deg) brightness(95%) contrast(85%);}
.btn.green.barcode:hover:before{filter: invert(48%) sepia(99%) saturate(369%) hue-rotate(128deg) brightness(91%) contrast(89%);}

.modal-wrap{position:fixed;right:-520px;top:0;bottom:0;padding:55px 50px;width:520px;background:#fff;overflow-y:auto;box-sizing:border-box;z-index:100;transition-duration:0.5s;}
.modal-wrap.active{right:0;}
.modal-wrap .modal-title{margin-bottom:40px;font-weight:600;font-size:26px;color:#252525;}
.modal-wrap .btn-area{display:flex;justify-content:center;margin:40px 0;gap:5px;}
.modal-wrap .btn-area:after{display:none;}
.modal-wrap .btn{flex:1;min-width:inherit;max-width:205px;min-height:50px;font-size:18px;background:#3659be;border-color:#3659be;}
.modal-wrap .btn.line{color:#3659be;background:#fff;}
.modal-wrap .table-view th,
.modal-wrap .table-view td{height:64px;}

/* ***** login, main ***** */
#login-wrap{position:absolute;left:0;right:0;top:0;bottom:0;min-width:1280px;min-height:900px;display:flex;justify-content:center;align-items:center;text-align:center;background:#f7f8fc;}
.login-box{margin:-50px auto 25px;padding:70px 240px 100px;width:1000px;background:#fff;border-radius:8px;box-shadow:34px 34px 76px rgba(0,0,0,0.05);box-sizing:border-box;}
.login-box h1{display:block;margin-bottom:30px;}
.login-box h1 img{width:226px;}
.login-box .login-form li{position:relative;padding-left:45px;margin-bottom:10px;height:60px;background:#f0f2f7 url('../images/icon_mail.svg') no-repeat 20px center / 16px auto;border-radius:5px;}
.login-box .login-form li.pw{margin-bottom:15px;background-image:url('../images/icon_lock.svg');}
.login-box .login-form li input{margin:0;width:100%;height:100%;background:transparent;border:none;}
.login-box .login-form li input::-webkit-input-placeholder{font-weight:200;font-size:15px;color:#b3b7c1;}
.login-box .login-form li input:-ms-input-placeholder{font-weight:200;font-size:15px;color:#b3b7c1;}
.login-box .login-form li input::placeholder{font-weight:200;font-size:15px;color:#b3b7c1;}
.login-box .login-srch{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.login-box .login-srch *{font-size:16px;color:#7e8391;}
.login-box .login-srch a{margin-right:5px;}
.login-box .login-srch a:hover{color:#203c8c;}
.login-box .btn-login{display:block;width:100%;height:60px;line-height:60px;font-weight:700;font-size:19px;color:#fff;text-align:center;background:#203c8c;border:1px solid #203c8c;border-radius:5px;transition-duration:0.3s;}
.login-box .btn-login:hover{color:#203c8c;background:#fff;}
.login-area .copy{font-weight:300;font-size:17px;color:#555;}

.board-list.big table td{padding:30px 10px;font-weight:600;font-size:30px;color:#000;}
.board-list.big table tbody tr:hover{box-shadow:none;}
.board-list.big table tbody tr:hover td{border-bottom:1px solid transparent;}
.board-list.small table th{height:42px;font-size:16px;}
.board-list.small table td{height:52px;font-size:17px;}
.board-list.small table td.title *{font-size:17px;}
.board-list.small table td.title .img{margin-right:10px;width:36px;height:36px;}
.board-list.small table td.empty{padding:100px 0;}

.dashboard .board-list{margin-bottom:0;}
.dashboard .title-area{padding-bottom:0;border-bottom:none;}
.dashboard .title-area h2{font-weight:700;font-size:30px;color:#000;}
.dashboard .title-area .date{margin-left:auto;padding-left:25px;font-weight:300;font-size:17px;color:#555;background:url('../images/icon_time.svg') no-repeat left center / 18px auto;}
.dashboard h3{margin-bottom:20px;font-weight:700;font-size:26px;color:#000;}
.dashboard .row1{display:flex;gap:26px;margin-bottom:100px;}
.dashboard .chart-wrap{display:flex;gap:12px;width:calc(60% - 13px);}
.dashboard .chart-wrap > div{width:calc(33% - 4px);padding:25px 45px;background:#fff;border-radius:8px;box-shadow:10px 0 20px rgba(0,0,0,0.01);box-sizing:border-box;}
.dashboard .chart-wrap .box3{background:#fff url('../images/icon_useradd.svg') no-repeat right 35px bottom 32px / 36px auto;}
.dashboard .chart-wrap em{display:block;margin-bottom:10px;}
.dashboard .chart-wrap p{margin-bottom:10px;font-weight:700;font-size:30px;color:#000;}
.dashboard .chart-wrap p b{position:relative;margin-right:7px;}
.dashboard .chart-wrap p b:before{content:'';position:absolute;left:0;right:0;bottom:5px;height:9px;background:rgba(102,141,255,0.4);transition-duration:0.3s;}
.dashboard .chart-wrap p a:hover b{font-weight:800;}
.dashboard .chart-wrap .box2 p{margin-bottom:20px;}
.dashboard .chart-wrap .box2 p b:before{background:rgba(42,197,255,0.4);}
.dashboard .chart-wrap .box3 p b:before{background:rgba(64,221,48,0.4);}
.dashboard .chart-wrap .desc{display:block;margin-top:5px;font-size:15px;color:#9ca4b6;text-align:right;}
.dashboard .chart-wrap .c3-bar{border-radius:5px 5px 0 0;overflow:hidden;}
.dashboard #progressBar{position:relative;padding:10px 0;}
.dashboard #progressBar .bar{width:100%;height:11px;background:#eff1f6;}
.dashboard #progressBar .progress{height:100%;background:#34baec;}
.dashboard #progressBar .tooltip{display:none;position:absolute;left:5%;bottom:-40px;width:200px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.dashboard #progressBar .tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.dashboard #progressBar .tooltip td.value{text-align:right;}
.dashboard #progressBar .tooltip td i{display:inline-block;margin-right:6px;width:10px;height:10px;background:#eff1f6;}
.dashboard #progressBar .tooltip td i.return{background:#34baec;}
.dashboard .quick-wrap{display:flex;gap:13px;width:calc(40% - 13px);}
.dashboard .quick-wrap a{display:block;flex:1;padding:45px 0 40px;text-align:center;font-weight:600;font-size:20px;color:#fff;background:#4167d2;border-radius:8px;box-shadow:10px 0 20px rgba(0,0,0,0.1);transition-duration:0.3s;}
.dashboard .quick-wrap a.item2{background:#1caaa3;}
.dashboard .quick-wrap a.item3{background:#34baec;}
.dashboard .quick-wrap a i{display:block;margin-bottom:15px;height:80px;background:url('../images/icon_01.svg') no-repeat center / 65px auto;}
.dashboard .quick-wrap a.item2 i{background:url('../images/icon_02.svg') no-repeat center / 72px auto;}
.dashboard .quick-wrap a.item3 i{background:url('../images/icon_03.svg') no-repeat center / 83px auto;}
.dashboard .quick-wrap a:hover{box-shadow:10px 0 20px rgba(0,0,0,0.2);}
.dashboard .quick-wrap a:hover i{animation:quickMove 0.5s 0s both;}

@keyframes quickMove {
    from {transform:translate3d(0, 0, 0);}
    15% {transform: translateY(-8px);}
    35%,65% {transform: translateY(-5px) rotate(8deg);}
    50%,80% {transform: translateY(-5px) rotate(-8deg);}
    to {transform: translate3d(0, 0, 0);}
}

.dashboard .row2{display:flex;gap:26px;margin-bottom:100px;}
.dashboard .pie-wrap{flex-shrink:0;width:520px;}
.dashboard .pie-area{display:flex;align-items:center;gap:30px;padding-top:30px;}
.dashboard #pieChart{width:250px;}
.dashboard .pie-legend > div.total-stock{margin-bottom:25px;font-weight:700;font-size:24px;color:#000;}
.dashboard .pie-legend > div:not(.total-stock){position:relative;margin-bottom:10px;padding-left:13px;cursor:pointer;}
.dashboard .pie-legend > div:not(.total-stock):before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;background:#4a4a4c;border-radius:50%;}
.dashboard .pie-legend span{font-size:18px;color:#333;}
.dashboard .pie-legend b{font-weight:700;}
.dashboard .delay-wrap{position:relative;width:calc(100% - 520px);}
.dashboard .btn-more{display:block;position:absolute;right:0;top:0;width:31px;height:31px;text-indent:-9999px;background:#fff url('../images/ico_more.png') no-repeat center;border-radius:50%;box-shadow:4px 4px 10px rgba(0,0,0,0.14);transition-duration:0.3s;}
.dashboard .btn-more:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);box-shadow:0 0 10px rgba(0,0,0,0.14);}
.dashboard .c3-tooltip-container{max-width:200px;white-space:normal;}

/* ***** sub ***** */
.board-search{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.1);}
.board-search select,
.board-search input[type="text"]{height:52px;}
.board-search select{min-width:146px;}
.board-search .search-inp{display:inline-flex;margin:2px;min-width:300px;height:52px;background:#fff;border:1px solid #e0e3e9;border-radius:8px;box-sizing:border-box;}
.board-search .search-inp input[type="text"]{flex-grow:1;margin:0;height:100%;font-size:16px;color:#333;background:transparent;border:none;}
.board-search .search-inp .btn-search{flex-shrink:0;margin:0;width:60px;height:100%;text-indent:-9999px;background:transparent url('../images/icon_search.svg') no-repeat center / 22px auto;}
.board-search .searh-list{display:flex;flex-wrap:wrap;gap:5px 40px;}
.board-search .searh-list li{display:flex;align-items:center;}
.board-search .searh-list label{padding-right:25px;min-width:130px;font-weight:600;box-sizing:border-box;}
.board-search ::-webkit-input-placeholder{font-weight:600;}
.board-search :-moz-placeholder{font-weight:600;}
.board-search ::-ms-input-placeholder{font-weight:600;}

.board-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.board-title h3{margin:0;line-height:32px;}
.board-title h3 + .count{margin-top:8px;}
.count{margin:0 -10px;}
.count span{position:relative;padding:0 10px;font-weight:300;line-height:32px;}
.count span:last-child:before{content:'';position:absolute;left:0;top:7px;height:9px;border-left:1px solid #c8c8c9;}
.count span b{font-weight:700;color:#000;}
.select-btn a{display:inline-block;padding:0 10px;height:32px;font-size:17px;color:#555;line-height:30px;border-radius:20px;box-sizing:border-box;}
.select-btn a.active{padding:0 15px;color:#3253b9;border:1px solid #3253b9;}
.select-btn a:hover{color:#3253b9;}

.board-list{margin-bottom:40px;box-shadow:10px 0 20px rgba(0,0,0,0.01);}
.board-list table{position:relative;border-radius:10px 10px 10px 10px;overflow:hidden;}
.board-list table:after{content:'';position:absolute;right:0;top:0;bottom:0;border-right:1px solid #f7f8fc;}
.board-list table th,
.board-list table td{padding:5px 10px;height:65px;line-height:1.5em;text-align:center;background:#fff;border-right:1px solid #ecedf1;border-top:1px solid #ecedf1;border-bottom:1px solid transparent;box-sizing:border-box;}
.board-list table th{height:50px;font-weight:500;font-size:17px;color:#000;background:#e4e7f0;border-right:1px solid #d3d7e2;}
.board-list table td.title{padding-left:15px;font-size:19px;color:#000;text-align:left;}
.board-list table td.title *{font-size:19px;color:#000;}
.board-list table td.title > *{display:flex;align-items:center;}
.board-list table td.title .img{display:inline-block;position:relative;flex-shrink:0;margin-right:20px;width:46px;height:46px;border-radius:8px;overflow:hidden;vertical-align:middle;}
.board-list table td.title .img img{width:100%;height:100%;}
.board-list table td.title .img:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #e7e9ed;border-radius:8px;}
.board-list table td.ellip > *{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;}
.board-list table td.empty{padding:50px 0;text-align:center;font-size:20px;}
.board-list table tbody tr:hover{position:relative;box-shadow:12px 12px 20px rgba(0,0,0,0.05);z-index:2;}
.board-list table tbody tr:hover td{border-bottom:1px solid #34baec;}
.scroll-y{overflow-y:auto;}

.paging{margin:40px 0;text-align:center;}
.paging.btm{margin-bottom:0;}
.paging .num{display:inline-block;width:38px;height:38px;color:#64676f;line-height:38px;text-align:center;vertical-align:middle;border-radius:8px;box-sizing:border-box;transition-duration:0.3s;}
.paging .num.active{font-weight:600;color:#fff;background:#333;}
.paging .num:hover{font-weight:500;}
.paging .page{display:inline-block;width:38px;height:38px;text-indent:-9999px;background:url('../images/icon_skipleft_end.svg') no-repeat center;background-size:14px auto;vertical-align:middle;box-sizing:border-box;transition-duration:0.3s;}
.paging .first{width:20px;}
.paging .prev{margin-right:5px;background-image:url('../images/icon_skipleft.svg');background-size:9px auto;}
.paging .next{margin-left:5px;background-image:url('../images/icon_skipright.svg');background-size:9px auto;}
.paging .last{width:20px;background-image:url('../images/icon_skipright_end.svg');background-size:14px auto;}

.h3-title{margin:40px 0 15px;font-weight:700;font-size:24px;color:#203c8c;}
.required{display:inline-block;margin-left:8px;font-weight:500;font-size:17px;color:#db3d5f;}
.table-form{margin-bottom:40px;border-top:1px solid #e4e4e8;}
.table-form th,
.table-form td{padding:2px 0;height:60px;color:#383838;line-height:1.2em;border-bottom:1px solid #e4e4e8;text-align:left;box-sizing:border-box;}
.table-form th{padding-right:20px;font-weight:600;}
.table-form thead th{text-align:center;}
.table-form .msg{font-weight:300;font-size:17px;color:#646464;}
.table-form .w40p{width:calc(40% - 6px);}
.table-form .w60p{width:calc(60% - 6px);}
.table-form td > *{margin:3px;}
.table-form td + th{padding-left:20px;}

.table-form.type2{border-top:none;}
.table-form.type2 th,
.table-form.type2 td{padding-top:0;padding-bottom:0;height:50px;border-bottom:none;}

.row-group .row{padding-top:27px;border-bottom:1px solid #e4e4e8;}
.row-group .row:first-child{padding-top:15px;}
.row-group .row .board-title{margin-bottom:18px;}

.flex-list{display:flex;margin-bottom:15px;gap:10px 20px;}

.table-view{margin-bottom:35px;border-top:1px solid #e7e8ef;}
.table-view th,
.table-view td{padding:5px 0 5px 20px;height:60px;color:#383838;line-height:1.2em;border-bottom:1px solid #e7e8ef;text-align:left;box-sizing:border-box;}
.table-view th{padding:5px;font-weight:500;color:#000;background:#e4e7f0;border-color:#d3d7e2;text-align:center;}
.table-view td .flex{display:flex;align-items:center;justify-content:space-between;}
.table-view td .btn.inline{padding:5px 15px;min-height:44px;}
.memo-area{position:relative;}
.memo-area .memo-btn{position:absolute;right:10px;bottom:20px;}

.inp-list > li .num{display:inline-block;min-width:30px;padding-right:5px;box-sizing:border-box;}
.inp-list > li input[type='text']{margin-right:8px;}
.btn-del{display:inline-block;margin:2px;width:29px;height:48px;text-indent:-9999px;background:url('../images/btn_delete.svg') no-repeat center / 14px auto;}
.btn-add{display:inline-block;margin:2px;width:29px;height:48px;text-indent:-9999px;background:url('../images/btn_add.svg') no-repeat center / 29px auto;}

.switch{display: inline-block;position:relative;width:58px;height:24px;}
.switch input[type="checkbox"]:before{display:none;}
.switch label .point{display:inline-block;position:absolute;top:0;left:0;right:0;bottom:0;background:#777;border-radius:20px;transition:0.3s;}
.switch input[type="checkbox"] + label .point:before{content:"";width:20px;height:20px;position:absolute;left:2px;top:2px;background:#fff;transition:0.3s;border-radius:50%;}
.switch label .point:after{display:inline-block;content:"off";position:absolute;top:0;left:27px;font-size:16px;color:#fff;line-height:24px;}
.switch input[type="checkbox"]:checked + label .point{background:#3659be;}
.switch input[type="checkbox"]:checked + label .point:before{left:calc(100% - 22px);}
.switch input[type="checkbox"]:checked + label .point:after{content:"on";left:12px;}

.member-list > li{display:flex;margin:5px 0;}
.member-list .col-grp{display:flex;flex-wrap:wrap;}
.member-list .col{display:flex;align-items:center;min-height:48px;margin-right:30px;}
.member-list .title{display:block;padding-right:20px;min-width:82px;box-sizing:border-box;}
.member-list .title.short{min-width:50px;}
.member-list .btn-add,
.member-list .btn-del{flex-shrink:0;}

.alert-wrap{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;padding:0 0 100px 300px;width:100%;height:100%;transition-duration:0.3s;opacity:0;z-index:-1;box-sizing:border-box;}
.alert-wrap .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);}
.alert-wrap .alert{position:relative;padding:75px 30px 50px;width:400px;background:#fff;box-shadow:10px 10px 50px rgba(0,0,0,0.06);z-index:1000;box-sizing:border-box;}
.alert-wrap .alert-top .alert-close{display:block;position:absolute;right:0;top:0;width:60px;height:60px;text-indent:-9999px;background:url('../images/btn_close.svg') no-repeat center / 17px auto;}
.alert-wrap p{font-size:18px;line-height:1.6em;text-align:center;}
.alert-wrap .btn-area{margin-top:35px;}
.alert-wrap .btn{flex:1;min-width:inherit;width:190px;min-height:48px;font-size:18px;background:#3659be;border-color:#3659be;transition:all 0.3s;}
.alert-wrap .btn.line{color:#3659be;background:#fff;}
.alert-wrap .btn.line:hover{color:#fff;background:#203c8c;}
.alert-wrap.active{opacity:1;z-index:999;}

/* 에러 리스트 스타일 추가 */
.alert-wrap .error-list{list-style:none;padding:0;margin:0;text-align:left;}
.alert-wrap .error-list li{position:relative;padding:8px 0 8px 20px;font-size:16px;line-height:1.5em;color:#333;}
.alert-wrap .error-list li:before{content:"•";position:absolute;left:0;top:8px;color:#dc3545;font-size:18px;font-weight:bold;}

/* 에러 메시지 영역 */
.alert-wrap .alert-message{min-height:50px;}
.alert-wrap .alert-message p{margin:0;}

/* ***** responsive ***** */
@media screen and (max-width:1920px){
    #lnb{padding:15px 33px 50px;}
    #container{padding:40px 60px;}
    .dashboard .row1{margin-bottom:40px;}
    .dashboard .row2{margin-bottom:20px;}
    .board-list.big table td{padding:10px;}
    .board-list table td{height:60px;}
    .scroll-y.h380{height:250px;}
    .table-view{margin-bottom:25px;}
    .table-view th,
    .table-view td{height:55px;}

}
@media screen and (max-width:1600px){
    #lnb{padding:15px 15px 50px;width:250px;}
    #container{padding:40px;left:250px;}
    .search-inp{width:300px;}
    .w450{width:300px;}
    .w350{width:250px;}
    .w300{width:200px;}
    .w160{width:100px;}
    .w180,
    .w190{width:120px;}

}