@charset "utf-8";

html{font-size:10px;}
html,body{height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, button{margin:0; padding:0;}
body,textarea,input,select{font-family:'Noto Sans KR', Arial, sans-serif;}
body{line-height:1.5; margin:0; padding:0; color:#666; font-weight:400;}
ul, ol, dl, dt, dd{margin:0; padding:0; list-style:none;}
img{border:none;}
hr{display:none;}
fieldset{border:none;}
legend{display:none;}
p{margin:0;}
table{border-collapse:collapse; border-spacing:0;}
table caption{overflow:hidden; position:relative; line-height:0; font-size:0; text-indent:-30000px;}
table th,
table td{padding:1em; border:1px solid #ddd;}
.table,
.table table{table-layout:fixed; border-collapse:collapse; border-spacing:0; border:none;}
.table th,
.table td{border:none;}
.hidden{overflow:hidden; position:absolute; top:0; left:-30000px; line-height:1px; font-size:1px;}
a{cursor:pointer;}

.cke_editable p{margin:1em 0;}

/* 초기 한글사용(한글 및 중국, 일본 사이트용) */
input[type="text"],
input[type="password"],
textarea{ime-mode:active;}

*,
*::before,
*::after{box-sizing:border-box;}
*{
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
	word-wrap: break-word;
	word-break: keep-all;
}

a{text-decoration:none;}

body{background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; background-attachment:fixed !important;}


/* button */
[data-btn]{
    display:inline-block; min-width:10em; text-align:center; font-size:1rem; vertical-align:top; padding:0.6em 2.6em; text-decoration:none; border:1px solid #747474; background-color:#747474;
    border-radius:0.6em; color:#fff;
    transition:box-shadow 0.3s ease;
}
[data-btn]+[data-btn]{margin-left:0.5em;}
[data-btn]>span{font-size:1.6em;}
a[data-btn]:hover{box-shadow: 0.15em 0.26em 1em rgba(119, 119, 119, 0.1);}
[data-btn][data-color="0"]{border-color:#747474; color:#fff; background-color:#747474;}
[data-btn][data-color="1"]{border-color:#62bb46; color:#fff; background-color:#62bb46;}
[data-btn][data-color="2"]{border-color:#e34d2a; color:#fff; background-color:#e34d2a;}




/* layout */
body{overflow:auto;}
#wrap{height:100%;}
#header{position:relative; z-index:100;}
#header .line-1{display:flex; justify-content:space-between; height:5em; padding:0 3em; background-color:#62bb46;}
#header .line-1>h1{display:flex; align-items:center; justify-content:center; font-size:1em;}
#header .line-1>h1>a>img{height:3em;}
#header .line-1>ul{display:flex; align-items:center; justify-content:flex-start;}
#header .line-1>ul>li{position:relative; line-height:1; padding:0 0.6125em; font-size:1.6em; color:#fff;}
#header .line-1>ul>li:not(:last-child){border-right:1px solid #fff;}
#header .line-1>ul>li:last-child{padding-right:0;}
#header .line-1>ul>li.user{padding-left:2.5em;}
#header .line-1>ul>li.user>span{
    display:block; position:absolute; left:0; top:calc(50% - 2em); width:4em; height:4em; cursor:pointer; font-size:0.8rem; background-color:#d6d6d6; background-image:url(../images/user.svg); background-position:center center; background-repeat:no-repeat; background-size:cover;
    border-radius:50%;
}
#header .line-1>ul>li.user:nth-child(n+2)>span{left:5px; background-color:transparent !important;}
#header .line-1>ul>li>a{color:inherit;}

#header .line-2{display:flex; align-items:center; position:absolute; right:0; top:100%; z-index:100; width:auto; height:5.5em; padding:0 3em;}
#header .line-2>div{width:100%;}

#header .line-2>.tab{text-align:right;}
#header .line-2>.tab>ul{
    display:inline-flex; position:relative; flex-direction:row; background-color:#fff;
    -webkit-border-radius:1.5em; border-radius:1.5em;
}
#header .line-2>.tab>ul::before{
    content:""; display:none; position:absolute; left:0; top:0; z-index:0; width:10em; height:100%;
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    -webkit-border-radius:1.5em; border-radius:1.5em;
    -webkit-transition:left 0.3s linear; transition:left 0.3s linear;
}
#header .line-2>.tab>ul>li{position:relative; z-index:100;}
#header .line-2>.tab>ul>li>a{display:flex;align-items:center;justify-content:center;width: auto;height:2.9em; padding:0 1.5em;}
#header .line-2>.tab>ul>li>a>span{
    font-size:1.6em; color:#4f6270;
    -webkit-transition:color 0.3s linear; transition:color 0.3s linear;
}

body[data-page="1"] #header .line-2>.tab>ul>li:nth-child(1)>a,
body[data-page="2"] #header .line-2>.tab>ul>li:nth-child(2)>a,
body[data-page="3"] #header .line-2>.tab>ul>li:nth-child(3)>a,
body[data-page="4"] #header .line-2>.tab>ul>li:nth-child(4)>a,
body[data-page="5"] #header .line-2>.tab>ul>li:nth-child(5)>a,
body[data-page="6"] #header .line-2>.tab>ul>li:nth-child(6)>a,
body[data-page="7"] #header .line-2>.tab>ul>li:nth-child(7)>a,
body[data-page="8"] #header .line-2>.tab>ul>li:nth-child(8)>a,
body[data-page="9"] #header .line-2>.tab>ul>li:nth-child(9)>a,
body[data-page="10"] #header .line-2>.tab>ul>li:nth-child(10)>a,
body[data-page="11"] #header .line-2>.tab>ul>li:nth-child(11)>a,
body[data-page="12"] #header .line-2>.tab>ul>li:nth-child(12)>a{
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    -webkit-border-radius:1.5em; border-radius:1.5em;
}

body[data-page="1"] #header .line-2>.tab>ul::before{left:0;}
body[data-page="2"] #header .line-2>.tab>ul::before{left:calc(10em * 1);}
body[data-page="3"] #header .line-2>.tab>ul::before{left:calc(10em * 2);}
body[data-page="4"] #header .line-2>.tab>ul::before{left:calc(10em * 3);}
body[data-page="5"] #header .line-2>.tab>ul::before{left:calc(10em * 4);}
body[data-page="6"] #header .line-2>.tab>ul::before{left:calc(10em * 5);}
body[data-page="7"] #header .line-2>.tab>ul::before{left:calc(10em * 6);}
body[data-page="8"] #header .line-2>.tab>ul::before{left:calc(10em * 7);}
body[data-page="1"] #header .line-2>.tab>ul>li:nth-child(1)>a>span,
body[data-page="2"] #header .line-2>.tab>ul>li:nth-child(2)>a>span,
body[data-page="3"] #header .line-2>.tab>ul>li:nth-child(3)>a>span,
body[data-page="4"] #header .line-2>.tab>ul>li:nth-child(4)>a>span,
body[data-page="5"] #header .line-2>.tab>ul>li:nth-child(5)>a>span,
body[data-page="6"] #header .line-2>.tab>ul>li:nth-child(6)>a>span,
body[data-page="7"] #header .line-2>.tab>ul>li:nth-child(7)>a>span,
body[data-page="8"] #header .line-2>.tab>ul>li:nth-child(8)>a>span
{color:#fff !important;}

body #header .line-2>.search>[class*="search-"]{display:none;}
body[data-page="1"] #header .line-2>.search>.search-1{display:block;}
body[data-page="2"] #header .line-2>.search>.search-2{display:block;}
body[data-page="3"] #header .line-2>.search>.search-3{display:block;}


.searchbox{display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:5.5em; padding:0 3em; background-color:rgba(255,255,255,0.8);}
.searchbox::after{content:""; display:block; width:100%;}
.searchbox>div{width:100%;}
.searchbox>div:nth-child(2){flex:0 0 41.2em;}
.searchbox>.search{position:relative; z-index:100; display:flex; align-items:center; justify-content:flex-start;}
.searchbox>.search>strong{flex-shrink: 0; font-size:1.8em; color:#62bb46;}
.searchbox>.search>form{width:100%;}
.searchbox>.search ul{display:flex; flex-direction:row; margin-left:1.5em;}
.searchbox>.search ul>li{display:flex; flex-direction:row;}
.searchbox>.search ul>li select{
    width:11em; height:1.8125em; padding:0 2em 0 0.625em; font-size:1.6em; border:none; color:#4f6270; background-color:#ebeff2;
    background-image:url(../images/select_arrow.svg); background-repeat:no-repeat; background-position:right 0.5em center; background-size:auto 25%;
    -webkit-border-radius:0.4em; border-radius:0.4em;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}
.searchbox>.search ul>li select::-ms-expand { display: none; }
.searchbox>.search ul>li input[type="text"]{
    width:11em; height:1.8125em; line-height:1; padding:0 0.625em; font-size:1.6em; border:none; color:#4f6270; background-color:#ebeff2;
    -webkit-border-radius:0.4em; border-radius:0.4em;
}
.searchbox>.search ul>li a{
    display:flex; align-items:center; justify-content:center; width:4em; height:1.8125em; padding:0 0.625em; margin-left:0.5em; font-size:1.6em; border:none; color:#fff; background-color:#8ea2b1;
    -webkit-border-radius:0.4em; border-radius:0.4em;
}
.searchbox>.search ul>li:not(:last-child){margin-right:1em;}
.searchbox>.day{position:absolute; left:0; top:5.7em; z-index:2000; height:5.5em; display:flex; align-items:center; justify-content:center;}
.searchbox>.day>strong{padding:0 1em; font-size:2em; color:#222;}
/* .searchbox>.day>strong[id="term"]{padding:0 1em; font-size:1.1em; color:#222;} */
.searchbox>.day>[class*="btn-"]{position:relative; width:4em; height:4em; font-size:1em;}
.searchbox>.day>[class*="btn-"]::before{
    content:""; display:block; position:absolute; left:calc(50% - 2em); top:calc(50% - 2em); width:4em; height:4em; background-image:url(../images/icon.svg); background-position:-44em -16em; background-repeat:no-repeat; background-size:100em auto;
    -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease;
}
.searchbox>.day>[class*="btn-"]>span{opacity:0; position:absolute;}
.searchbox>.day>[class*="btn-"]:hover::before{
    background-position:-44em -20em;
    -webkit-transform:scale(1.2); transform:scale(1.2);
}
.searchbox>.day>.btn-prev{
    -webkit-transform:rotate(180deg); transform:rotate(180deg);
}
@media screen and (max-width:1050px){
    .searchbox{justify-content:flex-start; width:100%;}
    .searchbox>.search{width:100%;flex-shrink: 0;}
}

#middle{position:relative; z-index:10; height:calc(100% - 10.5em);}
@media screen and (max-width:1320px) {
    #middle{height:calc(100% - 10.5em - 5em);}
}



/* 로그인 */
#login{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
#login>.in{
    position:relative; width:calc(100% - 4em); max-width:49.7em; padding:6em 3em 9em; margin:0 2em; background-color:rgba(255,255,255,0.9);
    -webkit-border-radius:1em; border-radius:1em;
}
#login>.in>.head{margin-bottom:5em;}
#login>.in>.head>strong{display:block; width:100%; text-align:center;}
#login>.in>.head>strong>img{max-width:100%;}
#login>.in>.midd{max-width:30em; margin:0 auto;}
#login>.in>.midd .submit{display:flex; flex-direction:column; width:100%;}
#login>.in>.midd .submit>li{position:relative;}
#login>.in>.midd .submit>li:not(:last-child){margin-bottom:1.4em;}
#login>.in>.midd label{overflow:hidden; position:absolute; left:0; top:0; z-index:0; width:15%; height:5em; text-align:left; text-indent:-1000px;}
#login>.in>.midd input[type="text"],
#login>.in>.midd input[type="password"],
#login>.in>.midd input[type="submit"]{
    width:100%; height:3.125em; font-size:1.6em; border:1px solid #b0b0b0; color:#666;
    border-radius:0.5em;
}
#login>.in>.midd input[type="text"],
#login>.in>.midd input[type="password"]{padding-left:2.5em;}
#login>.in>.midd input[type="text"]::placeholder,
#login>.in>.midd input[type="password"]::placeholder{color:#aaa;}
#login>.in>.midd label::before{content:""; display:block; position:absolute; left:1.2em; top:1.4em; width:4em; height:4em; font-size:0.7em; background-image:url(../images/icon.svg); background-repeat:no-repeat; background-size:100em auto;}
#login>.in>.midd li:nth-child(1)>label::before{background-position:-4em -20em;}
#login>.in>.midd li:nth-child(2)>label::before{background-position:-8em -20em;}
#login>.in>.midd input[type="submit"]{
    cursor:pointer; color:#fff;
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
}
#login>.in>.foot{display:flex; position:absolute; right:2em; bottom:1.42em; width:calc(100% - 4em); font-size:1.4em; color:#464646;}
#login>.in>.foot>span{padding:0 !important;}
#login>.in>.foot>span+span{margin-left:auto;}
#login>.in>.foot>span>a{color:inherit;}
#login>.in>.foot>span>a:nth-child(1){color:#0c5de1;}




/* Dash */
#dash{overflow:hidden; width:100%; height:100%; padding:6em 0 4em !important;}
#dash[data-skin="scroll"]>.scrollbar-y{display:none !important;}
#dash[data-skin="scroll"]>.scrollbar-x{right:3em; bottom:2em; width:calc(100% - 6em);}
#dash .view{display:flex; flex-direction:row; flex-wrap:nowrap; height:100%;}
#dash .view>li{display:flex; flex-direction:column; flex:0 0 29.5em; width:29.5em; height:100%; margin-left:3em;}
#dash .view>li::after{content:""; display:block; width:100%; height:20px; background-color:rgba(255,255,255,0.68); -webkit-border-radius:0 0 1em 1em; border-radius:0 0 1em 1em;}
#dash .view>li>.foot+::after{display:none;}
#dash .view>li:last-child{margin-right:3em;}
#dash .view>li>.head,
#dash .view>li>.midd,
#dash .view>li>.foot{
    background-color:rgba(255,255,255,0.68);
}
#dash .view>li>.head{-webkit-border-radius:1em 1em 0 0; border-radius:1em 1em 0 0;}
#dash .view>li>.head{display:flex; align-items:center; justify-content:flex-start; flex:0 0 7.2em; padding:1.7em 1em 1.7em 1.7em; border-bottom:1px solid #62ba46;}
#dash .view>li>.head>span{
    display:block; width:4em; height:4em; margin-right:1em; font-size:1.1rem; background-color:#d6d6d6; background-image:url(../images/user.svg); background-position:center center; background-repeat:no-repeat; background-size:cover;
    border-radius:50%;
}
#dash .view>li>.head>strong{display:flex; flex-direction:column; position:relative; line-height:1.4;}
#dash .view>li>.head>strong>em{font-style:normal; font-weight:400; font-size:1.5em; color:#222;}
#dash .view>li>.head>strong>span{font-weight:500; font-size:1.8em; color:#222;}
#dash .view>li>.head>.btn-list{position:relative; width:4em; height:4em; margin-left:auto;}
#dash .view>li>.head>.btn-list::before{
    content:""; display:block; position:absolute; left:calc(50% - 2em); top:calc(50% - 2em); width:100%; height:100%; background-image:url(../images/icon.svg); background-position:-48em -16em; background-repeat:no-repeat; background-size:100em auto;
    -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease;
}
#dash .view>li>.head>.btn-list>span{opacity:0; position:absolute;}
#dash .view>li>.head>.btn-list:hover::before{
    -webkit-transform:scale(1.2); transform:scale(1.2);
}

#dash .view>li>.foot{flex: 0 0 3.4em;}
#dash .view>li>.foot>a{display:block; padding: 1em 1.7em 0em 1.3em;}
#dash .view>li>.foot>a>span{position:relative; line-height:1; padding-left:2.2em; font-size:1.5em; color:#222;}
#dash .view>li>.foot>a>span::before{
    content:""; position:absolute; left:0; top:calc(50% - 2em - 1px); width:4em; height:4em; font-size:0.8rem; background-image:url(../images/icon.svg); background-position:-40em -16em; background-repeat:no-repeat; background-size:100em auto;
    -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;
}
#dash .view>li>.foot>a:hover>span::before{
    -webkit-transform:rotate(180deg); transform:rotate(180deg);
}

#dash .view>li>.midd{flex:0 0 auto;max-height:calc(100% - 7.2em - 1px - 5.4em - 1em); padding:1.7em;}
#dash .view>li>.midd .list{overflow:auto; height:100%;}
#dash .view>li>.midd ul{}
#dash .view>li>.midd ul>li{display:flex; flex-direction:column;}
#dash .view>li>.midd ul>li:not(:last-child){margin-bottom:1.6em;}
#dash .view>li>.midd ul>li .box{
    display:block; padding:1em 1.4em; background-color:#e4e1d8;
    -webkit-border-radius:1em; border-radius:1em;
}
#dash .view>li>.midd ul>li .box>.head{display:flex; align-items:center; justify-content:space-between;}
#dash .view>li>.midd ul>li .box>.head>em{
    display:flex; align-items:center; justify-content:center; width:3.8em; height:1.5em; line-height:1; font-style:normal; font-weight:500; font-size:1.5em; color:#fff; background-color:#8b8575;
    -webkit-border-radius:1.33em; border-radius:1.33em;
}
#dash .view>li>.midd ul>li .box>.head>span{display:block; position:relative; line-height:1; padding-left:1.8em; font-size:1.3em; color:#8b8b8b;}
#dash .view>li>.midd ul>li .box>.head>span::before{content:""; display:block; position:absolute; left:0; top:calc(50% - 2em - 1px); width:4em; height:4em; margin-right:0.3em; font-size:0.4em; background-image:url(../images/icon.svg); background-position:-24em -12em; background-repeat:no-repeat; background-size:100em auto;}
#dash .view>li>.midd ul>li .box>.midd{line-height:1.6; margin-top:0.625em; font-size:1.6em; color:#222;}
#dash .view>li>.midd ul>li .box>.midd>strong,
#dash .view>li>.midd ul>li .box>.midd>span{display:block;}
#dash .view>li>.midd ul>li .box>.midd>strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:400;}
#dash .view>li>.midd ul>li .box>.midd>span{font-weight:400; font-size:0.9em; color:#666;}

#dash .view>li>.midd ul>li .box[data-type="1"]{background-color:#e4e1d8;}
#dash .view>li>.midd ul>li .box[data-type="1"]>.head>em{background-color:#8b8575;}
#dash .view>li>.midd ul>li .box[data-type="2"]{background-color:#ffffff;}
#dash .view>li>.midd ul>li .box[data-type="2"]>.head>em{background-color:#64ae25;}
#dash .view>li>.midd ul>li .box[data-type="3"]{background-color:#ffe5df;}
#dash .view>li>.midd ul>li .box[data-type="3"]>.head>em{background-color:#e34d2a;}
#dash .view>li>.midd ul>li .box[data-type="3"]>.head>span{color:#e34d2a;}
#dash .view>li>.midd ul>li .box[data-type="3"]>.head>span::before{background-position:-24em -24em;}
#dash .view>li>.midd ul>li .box[data-type="4"]{background-color:#d7eaee;}
#dash .view>li>.midd ul>li .box[data-type="4"]>.head>em{background-color:#158dae;}
#dash .view>li>.midd ul>li .box[data-type="5"]{background-color:#d1dbe2;}
#dash .view>li>.midd ul>li .box[data-type="5"]>.head>em{background-color:#8f9ea9;}
#dash .view>li>.midd ul>li .box[data-type="6"]{background-color:#f1f1f1;}
#dash .view>li>.midd ul>li .box[data-type="6"]>.head>em{color:#222; background-color:#fff;}

#dash .view>li>.midd ul>li a.box:hover{
    box-shadow: 0.15em 0.26em 1em rgba(119, 119, 119, 0.1);
}

/* ì—°ì°¨ */
#dash .view>li.bye::after,
#dash .view>li.bye>.head,
#dash .view>li.bye>.midd,
#dash .view>li.bye>.foot{
    background-color:rgba(255,255,255,0.3);
}
#dash .view>li.bye>.head{border-color:#e2c8bf;}

#dash .mobile-list{display:none;}

@media screen and (max-width:500px){
    #dash .mobile-list{overflow:auto; display:block; position:absolute; left:0; top:0; z-index:100; width:6em; height:100%;}
    #dash .mobile-list>li:nth-child(n+2){margin-top:0.8em;}
    #dash .mobile-list>li>a{
        display:block; width:4em; height:4em; margin-right:1em; font-size:1.1rem; background-color:#d6d6d6; background-image:url(../images/user.svg); background-position:center center; background-repeat:no-repeat; background-size:cover;
        border-radius:50%;
    }
    #dash{padding-bottom:1em !important;}
    #dash .view{overflow:auto; display:block; position:relative; z-index:0;}
    #dash .view>li{flex:auto; position:absolute; left:6em; top:0; z-index:0; width:calc(100% - 6em); margin:0;}
    #dash .view>li{display:none;}
    #dash .view>li>.head>span{display:none;}
    #dash .view>li>.head{flex:auto;}
    #dash .view>li>.midd{flex:auto; overflow:auto; height:100%; max-height:100%;}

    #dash .view>li:nth-child(1){display:flex;}

    #dash .view>li[data-sw="on"]{display:flex !important;}
    #dash .view>li[data-sw="off"]{display:none !important;}
}



/* 카드등록 */
body::after{
    opacity:0; content:""; display:block; position:fixed; left:-100%; top:0; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.7);
    -webkit-transition:opacity 0.3s linear; transition:opacity 0.3s linear;
}
.popup{display:flex; align-items:center; justify-content:center; position:fixed; left:-200%; top:0; z-index:1200; width:100%; height:100%;}
.popup>.in{
    overflow:auto;display:flex; flex-direction:column; min-width:60em; max-width:80em; max-height:calc(100% - 6em); margin:3em 0; padding:3em 3em 2em; background-color:#fff;
    border-radius:1em;
}
.popup#user-pop>.in{min-width:40em;}
.popup>.in>.head{margin-bottom:2.5em; padding-bottom:0.5em; border-bottom:1px solid #47942f;}
.popup>.in>.head>strong{display:flex; align-items:flex-end; justify-content:flex-start;}
.popup>.in>.head>strong>em{font-style:normal; font-weight:400; font-size:1.8em; color:#62bb46;}
.popup>.in>.head>strong>span{margin-left:0.3em; font-weight:500; font-size:2.2em; color:#222;}

.popup>.in>.midd>form>ul{display:flex; flex-direction:column;}
.popup>.in>.midd>form>ul>li:not(:last-child){margin-bottom:1.5em;}
.popup>.in>.midd>form>ul>li strong{display:block; font-weight:400; font-size:1.4em; color:#444;}
.popup>.in>.midd>form>ul>li>ul{display:flex; flex-direction:row;}
.popup>.in>.midd>form>ul>li>ul>li{width:100%;}
.popup>.in>.midd>form>ul>li>ul>li>div{display:flex; flex-direction:row; align-items:center;}
.popup>.in>.midd>form>ul>li>ul>li:not(:last-child){margin-right:1em;}
.popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(3){flex:0 0 12em;}
.popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(4){flex:0 0 5em;}
.popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(4)>div{position:relative;}
.popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(4)>div>input{padding-right:1.4em; text-align:right;}
.popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(4)>div>span{position:absolute; right:0.5em; top:calc(50% - 0.731em); font-size:1.6em;}

.popup>.in>.midd .day{display:flex; flex-direction:row; align-items:center;}
.popup>.in>.midd .day>input:first-child{margin-right:0.5em;}
.popup>.in>.midd .day>input:last-child{margin-left:0.5em;}
.popup>.in>.midd>ul>li>ul.type-2>li:nth-child(2){width:24em;}

.popup>.in>.midd>form>ul>li .table{padding:1.5em 0; border-top:1px solid #47942f; border-bottom:1px solid #47942f;}
.popup>.in>.midd>form>ul>li .table>table{width:100%;}
.popup>.in>.midd>form>ul>li .table>table th,
.popup>.in>.midd>form>ul>li .table>table td{padding:0; vertical-align:top; border:none;}
.popup>.in>.midd>form>ul>li .table>table th{padding:0.55em 0; font-weight:500; font-size:1.4em; color:#62bb46;}
.popup>.in>.midd>form>ul>li .table>table td ul{width:100%;}
.popup>.in>.midd>form>ul>li .table>table td ul>li{display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
.popup>.in>.midd>form>ul>li .table>table tr td ul>li:not(:last-child){margin-bottom:0.5em;}
.popup>.in>.midd>form>ul>li .table>table td ul>li>strong{width:10em;}
.popup>.in>.midd>form>ul>li .table>table td ul>li>div{width:100%;}

.popup>.in>.midd>form>ul>li .title{padding:0 0 0.2em; font-weight:500 !important; font-size: 1.4em; color: #62bb46 !important;}

.popup>.in>.foot{display:flex; flex-direction:row; margin-top:2.5em; padding-top:2em; border-top:1px solid #47942f;}
.popup>.in>.foot .text{display:flex; align-items:center; justify-content:flex-start; padding-right:1em; font-size:1.2em; color:#ee3131;}
.popup>.in>.foot .btn{margin-left:auto;}

/* 포토카드 */
.popup>.in>.midd .user-photo{display:flex; align-items:center; justify-content:flex-start; margin-bottom:3em;}
.popup>.in>.midd .user-photo>span{
    display:block; position:relative; width:4em; height:4em; font-size:2.225rem; background-color:#d6d6d6; background-image:url(../images/user.svg); background-position:center center; background-repeat:no-repeat; background-size:cover;
    -webkit-border-radius:50%;
    border-radius:50%;
}
.popup>.in>.midd .user-photo>span>label{
    display:block; position:absolute; right:-0.7em; bottom:-0.7em; width:4em; height:4em; font-size:1rem; cursor:pointer; background-color:#fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0 0 21px rgba(0,0,0,0.11);
    box-shadow:0 0 21px rgba(0,0,0,0.11);
}
.popup>.in>.midd .user-photo>span>label::before{content:""; display:block; position:absolute; left:calc(50% - 2em); top:calc(50% - 2em); width:4em; height:4em; font-size:0.7rem; cursor:pointer; background-image:url(../images/icon.svg); background-position:-36em -20em; background-repeat:no-repeat; background-size:100em auto;}
.popup>.in>.midd .user-photo>span>input[type="file"]{opacity:0; position:absolute;}
.popup>.in>.midd .user-photo>strong{margin-left:1em; font-weight:400; font-size:2em; color:#222222;}

/* form */
.popup .search{display:flex; flex-direction:row;}
.popup .search input[type="text"]{width:100%;}
.popup .search a{flex:0 0 7em; margin-left:1em;}
.popup input[type="text"],
.popup input[type="password"],
.popup textarea,
.popup select{
    width:100%; height:2.3em; padding:0 0.5em; font-size:1.6em; border:1px solid #b0b0b0; color:#222; background-color:#f2f2f2;
    border-radius:0.3em;
}
.popup textarea{height:8em; padding:0.5em;}
.popup select{
    padding:0 2em 0 0.625em;
    background-image:url(../images/select_arrow2.svg); background-repeat:no-repeat; background-position:right 0.5em center; background-size:auto 25%;
    -webkit-border-radius:0.4em; border-radius:0.4em;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}
.popup input[type="text"]:disabled,
.popup input[type="text"]:disabled+span,
.popup input[type="password"]:disabled,
.popup textarea:disabled,
.popup select:disabled{border-color:#f2f2f2 !important; color:#888888 !important;}

/* table */
.popup .searchTable{
    border:1px solid #a5b6c2;
    -webkit-border-radius:1em;
    border-radius:1em;
}
.popup .searchTable table{
    overflow:hidden; width:100%;
    -webkit-border-radius:1em;
    border-radius:1em;
}
.popup .searchTable th,
.popup .searchTable td{padding:0.4em 0.5em; text-align:center; border-bottom:1px solid #a5b6c2;}
.popup .searchTable th+th,
.popup .searchTable td+td{border-left:1px solid #a5b6c2;}
.popup .searchTable tr:last-child td{border-bottom:none;}
.popup .searchTable th{font-weight:400; font-size:1.4em; color:#444444; background-color:#dae1e6;}
.popup .searchTable td{font-size:1.5em; color:#444444;}
.popup .searchTable td.left{text-align:left;}
.popup .searchTable td.center{text-align:center;}
.popup .searchTable td.right{text-align:right;}
.popup .searchTable td a{color:#62bb46;}

.popup .searchTable tr{-webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear;}
.popup .searchTable tr:hover{background-color:rgba(0,0,0,0.05);}

/* on/off */
body[data-dash-pop="on"]::after,
body[data-dash-search="on"]::after,
body[data-user-pop="on"]::after,
body[data-project-pop="on"]::after,
body[data-eqpmnt-pop="on"]::after{opacity:1; left:0;}
body[data-dash-pop="on"] .popup#dash-pop,
body[data-dash-search="on"] .popup#dash-search,
body[data-user-pop="on"] .popup#user-pop,
body[data-project-pop="on"] .popup#project-pop,
body[data-eqpmnt-pop="on"] .popup#eqpmnt-pop{left:0;}



/* List */
/*
1 : 대기
2 : 진행중
3 : 지연
4 : 예정
5 : 완료
6 : ì—°ì°¨
*/
#list{display:flex; flex-direction:column; height:100%; padding:6em 3em 3em;}
#list>.head{display:flex;flex-direction:row;justify-content:flex-end;padding-bottom: 1em;}
#list>.head>ul{display:flex; flex-direction:row;}
#list>.head>ul>li{position:relative;padding-left:1.3em;font-size:1.5em;/* color:#fff; */}
#list>.head>ul>li:not(:last-child){margin-right:1em;}
#list>.head>ul>li::before{content:""; display:block; position:absolute; left:0; top:0.4em; width:0.9em; height:0.9em; background-color:#fff; -webkit-border-radius:50%; border-radius:50%;}
#list>.head>ul>li[data-color="1"]::before{background-color:#8b8575;}
#list>.head>ul>li[data-color="2"]::before{background-color:#64ae25;}
#list>.head>ul>li[data-color="3"]::before{background-color:#e34d2a;}
#list>.head>ul>li[data-color="4"]::before{background-color:#158dae;}
#list>.head>ul>li[data-color="5"]::before{background-color:#8f9ea9;}
#list>.head>ul>li[data-color="6"]::before{background-color:#fff;}


#list>.midd{height:calc(100% - 3em) !important;}
#list>.midd .listTable{table-layout:fixed; width:100%; min-width:170rem; background-color:rgba(255,255,255,0.9);}
#list>.midd .listTable thead th{position:sticky; top:0; z-index:100;}
#list>.midd .listTable th,
#list>.midd .listTable td{padding:1rem 0.5rem; text-align:center; border-bottom:1px solid #d6d8da;}
#list>.midd .listTable th+th,
#list>.midd .listTable td+td{border-left:1px solid #a5b6c2;}
#list>.midd .listTable tr:last-child td{border-bottom:none;}
#list>.midd .listTable th{font-weight:400; font-size:1.8rem; color:#617380; background-color:#dae1e6;}
#list>.midd .listTable td{padding:1.2rem; font-size:1.6rem; color:#222222;}
/* #list>.midd .listTable tbody>tr:nth-child(2n+2)>td{background-color:rgb(1 1 1 / 4%);} */
#list>.midd .listTable tbody td:nth-child{text-align:left; vertical-align:top;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li{position:relative; /*padding-left:1.3rem;*/ padding-left:0;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li:not(:last-child){margin-bottom:1rem;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li:nth-child(n+2){margin-top:1em;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li>strong,
#list>.midd .listTable tbody td>ul>li>span{display:block; text-align: left;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li>strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:400;}
#list>.midd .listTable tbody td>ul>li>span{overflow:hidden; position:relative; padding:0.2em 1em; margin-top:0.2em; font-size:0.9em; color:#444; background-color:rgba(0,0,0,0.04); border-radius:0.3em;}

/*
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li::before{content:""; display:block; position:absolute; left:0; top:0.6rem; width:0.9rem; height:0.9rem; background-color:#fff; -webkit-border-radius:50%; border-radius:50%;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="1"]::before{background-color:#8b8575;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="2"]::before{background-color:#64ae25;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="3"]::before{background-color:#e34d2a;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="4"]::before{background-color:#158dae;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="5"]::before{background-color:#8f9ea9;}
#list>.midd .listTable tbody td:nth-child(n+3)>ul>li[data-color="6"]::before{background-color:#fff;}
*/
#list>.midd .listTable tbody td>ul>li>span::before{content:""; display:block; position:absolute; left:0; top:0; width:0.5rem; height:100%; background-color:transparent; border-radius:0.3rem;}
#list>.midd .listTable tbody td>ul>li>span[data-color*="대기"]::before{background-color:#8b8575;}
#list>.midd .listTable tbody td>ul>li>span[data-color*="진행중"]::before{background-color:#64ae25;}
#list>.midd .listTable tbody td>ul>li>span[data-color*="지연"]::before{background-color:#e34d2a;}
#list>.midd .listTable tbody td>ul>li>span[data-color*="예정"]::before{background-color:#158dae;}
#list>.midd .listTable tbody td>ul>li>span[data-color*="완료"]::before{background-color:#8f9ea9;}

#list>.midd .listTable td.left{text-align:left;}
#list>.midd .listTable td.center{text-align:center;}
#list>.midd .listTable td.right{text-align:right;}


/* Project */
#project{display:flex; flex-direction:column; height:100%; padding:3rem;}
#project>.head{display:flex; flex-direction:row; justify-content:flex-end; position:relative; z-index:0; padding-bottom:1rem;}
#project>.midd{height:calc(100% - 3rem) !important;}
#project>.midd table{table-layout:fixed;}
#project>.midd .listTable{width:100%;background-color:rgba(255,255,255,0.9);}
#project>.midd .listTable thead th{position:sticky; top:0; z-index:100;}
#project>.midd .listTable th,
#project>.midd .listTable td{position:relative; padding:1rem 0.5rem; text-align:center; border-bottom:1px solid #a5b6c2;}
#project>.midd .listTable th+th,
#project>.midd .listTable td+td{border-left:1px solid #a5b6c2;}
#project>.midd .listTable tr:last-child>td{border-bottom:none;}
#project>.midd .listTable th{font-weight:400; font-size:1.8rem; color:#617380; background-color:#dae1e6;}
#project>.midd .listTable td{padding:0.3rem; font-size:1.6rem; color:#222222;}
#project>.midd .listTable td:nth-child(7) table td{height:33.3%;}
#project>.midd .listTable td.left{text-align:left;}
#project>.midd .listTable td.center{text-align:center;}
#project>.midd .listTable td.right{text-align:right;}
#project>.midd .listTable td.pd0{padding:0;}

#project>.midd .listTable td a{color:#62bb46;}
#project>.midd .listTable .bx{position:absolute; left:0; top:0; width:100%; height:100%;}
#project>.midd .listTable table{width:100%; height:100%;}

#project>.midd .listTable td input[type="text"]{width:100%; height:40px; border:1px solid #ddd;}
#project>.midd .listTable td textarea{width:100%; height:150px; border:1px solid #ddd;}
#project>.midd .listTable td select{width:100%; height:40px; padding:0 10px; border:1px solid #ddd;}


#project.week{padding-top:6em;}

#project.overtime>.midd .listTable.min-width{min-width:100%;}
#project.overtime>.midd .listTable .col-1{width:90px;}
#project.overtime>.midd .listTable .col-2{width:auto;}
#project.overtime>.midd .listTable .col-3{width:90px;}
#project.overtime>.midd .listTable .col-4{width:120px;}
#project.overtime>.midd .listTable .col-5{width:120px;}

#project.week>.head>[class*="hide-line-"][style*="block"]{display:flex !important;}


#project>.month{display:flex; position:relative; z-index:100; height:100%;}
#project>.month>.midd{position:relative; width:100%; padding:0;}
#project>.month>.midd>h1{display:flex;align-items:center;justify-content:center;width:100%;height:100%; color:#222; background-color:rgba(255,255,255,0.5); border-radius:10px;}
#project>.month>.midd>.main{display:flex;flex-direction:column;height:100%;}
#project>.month>.midd>.main>div:not(.page-header),
#project>.month>.midd>.main>div:not(.page-header) #viewer,
#project>.month>.midd>.main>div:not(.page-header) #viewer iframe{width:100% !important; height:100% !important; border:none !important;}
#project>.month>.midd>.main>.form-wrap{display:flex;align-items: center;justify-content: center;}
#project>.month>.midd>.main>.form-wrap>form{
    display:flex;flex-direction: column; width:100%; max-width:450px; padding:40px; background-color:rgba(255,255,255,0.5); border-radius:10px;
    box-shadow:0 0 10px 10px rgba(0,0,0,0.05);
}
#project>.month>.midd>.main>.form-wrap>form::before{content:"File Upload"; margin-bottom:5px; font-weight:600; font-size:18px; color:#222;}
#project>.month>.midd>.main>.form-wrap .filebox{display:flex;}
#project>.month>.midd>.main>.form-wrap .filebox input.upload-name{width:100%; height:50px; padding:0 10px; border:1px solid #d2d2d2; background-color:#fff; border-radius:4px;}
#project>.month>.midd>.main>.form-wrap .filebox label{flex-shrink:0; display:flex;align-items: center;justify-content: center; height:50px; padding:0 20px; margin-left:5px; font-weight:400;font-size:16px;color:#222; background-color:#d2d2d2; border-radius:4px;}
#project>.month>.midd>.main>.form-wrap .filebox .upload-hidden{opacit:0; position:absolute; left:-10000000px;}
#project>.month>.midd>.main>.form-wrap .filebox+.center{display:flex;align-items: center;justify-content: center; margin-top:20px;}
#project>.month>.midd>.main>.form-wrap .filebox+.center button{display:flex;align-items: center;justify-content: center; width:100%; min-width:120px; height:50px; padding:0 20px; margin-left:5px; font-weight:400;font-size:16px;color:#222; border:none; background-color:#d2d2d2; border-radius:4px;}
#project>.month>.midd>.main>.form-wrap .filebox+.center button:nth-child(1){color:#fff; background-color:#62bb46;}
#project>.month>.midd .page-header>h1{display:none;}
#project>.month>.midd .page-header .col-md-11{display:none;}
#project>.month>.midd .page-header .col-md-1{position:absolute; left:0; top:-48px;}
#project>.month>.midd .page-header .col-md-1 button{width:80px; height:38px; font-size:16px; cursor:pointer; border:none; color:#444; background-color:#eee; border-radius:5px;}
@media screen and (min-width:1701px){
    #project.project-list>.midd .listTable .col-1{width:14em;}
    #project.project-list>.midd .listTable .col-2{width:18em;}
    #project.project-list>.midd .listTable .col-3{width:auto;}
    #project.project-list>.midd .listTable .col-4{width:14em;}
    #project.project-list>.midd .listTable .col-5{width:16em;}
    #project.project-list>.midd .listTable .col-6{width:36em;}
    #project.project-list>.midd .listTable .col-7{width:20em;}
    #project.project-list>.midd .listTable .col-8{width:25em;}
}
@media screen and (max-width:1200px){
    #project.project-list>.midd .listTable .col-1{width:14em;}
    #project.project-list>.midd .listTable .col-2{width:19em;}
    #project.project-list>.midd .listTable .col-3{width:auto;}
    #project.project-list>.midd .listTable .col-4{width:14em;}
    #project.project-list>.midd .listTable .col-5{width:16em;}
    #project.project-list>.midd .listTable .col-6,
    #project.project-list>.midd .listTable .col-7,
    #project.project-list>.midd .listTable .col-8{display:none;}

    #project.project-list>.midd .listTable th:nth-child(n+6),
    #project.project-list>.midd .listTable td:nth-child(n+6){display:none;}
}
@media screen and (max-width:950px){
    #project.project-list>.midd .listTable .col-1,
    #project.project-list>.midd .listTable th:nth-child(1),
    #project.project-list>.midd .listTable td:nth-child(1){display:none;}
}
@media screen and (max-width:850px){
    #project>.month>.midd .page-header .col-md-1{position:fixed; left:auto; top:auto; right:2em; bottom:6em;}
}
@media screen and (max-width:750px){
    #project.project-list>.midd .listTable .col-5,
    #project.project-list>.midd .listTable th:nth-child(5),
    #project.project-list>.midd .listTable td:nth-child(5){display:none;}
}
@media screen and (max-width:800px){
    #project.overtime>.head{flex-direction:column;}
    #project.overtime>.midd .listTable .col-1{width:60px;}
    #project.overtime>.midd .listTable .col-2{width:auto;}
    #project.overtime>.midd .listTable .col-3{width:60px;}
    #project.overtime>.midd .listTable .col-4{width:80px;}
    #project.overtime>.midd .listTable .col-5{width:80px;}
    #project.overtime>.midd .listTable th,
    #project.overtime>.midd .listTable td{font-size:12px !important;}
    #project.overtime>.midd .listTable td [data-btn]{font-size:0.5em;}


    #project.week>.head>[class*="hide-line-"]{display:flex; flex-direction:row; justify-content:flex-end; width:100%;}
    #project.month>.head>a,
    #project.week>.head>[class*="hide-line-"]>a{display:flex;align-items:center;justify-content:center; width:100%; height:40px; line-height:1.2; padding:0;}
}
@media screen and (max-width:600px){
    #project.month>.head,
    #project.week>.head>[class*="hide-line-"]{flex-wrap:wrap;}
    #project.month>.head>a,
    #project.week>.head>[class*="hide-line-"]>a{width:auto; margin:3px;}
}
@media screen and (max-width:550px){
    #project.project-list>.midd .listTable .col-2,
    #project.project-list>.midd .listTable th:nth-child(2),
    #project.project-list>.midd .listTable td:nth-child(2){display:none;}
}



/* dark mode */
body[data-dark="on"]{background:#0d1117 !important;}
body[data-dark="on"] [data-skin="scroll"] [class*="scrollbar-"]>div{background-color:rgba(255,255,255,0.2);}
body[data-dark="on"] #header .line-1>ul>li{color:#c9d1d9;}
body[data-dark="on"] #header .line-1{background-color:#161b22;}
body[data-dark="on"] #header .line-2>.tab>ul{background-color:#5a5d60;}
body[data-dark="on"] #header .line-2>.tab>ul>li>a>span{color:#c2c2c2;}
body[data-dark="on"] #header .line-2>.tab>ul::before{background:#58a6ff;}
body[data-dark="on"][data-page="1"] #header .line-2>.tab>ul>li:nth-child(1)>a,
body[data-dark="on"][data-page="2"] #header .line-2>.tab>ul>li:nth-child(2)>a,
body[data-dark="on"][data-page="3"] #header .line-2>.tab>ul>li:nth-child(3)>a,
body[data-dark="on"][data-page="4"] #header .line-2>.tab>ul>li:nth-child(4)>a,
body[data-dark="on"][data-page="5"] #header .line-2>.tab>ul>li:nth-child(5)>a,
body[data-dark="on"][data-page="6"] #header .line-2>.tab>ul>li:nth-child(6)>a,
body[data-dark="on"][data-page="7"] #header .line-2>.tab>ul>li:nth-child(7)>a,
body[data-dark="on"][data-page="8"] #header .line-2>.tab>ul>li:nth-child(8)>a,
body[data-dark="on"][data-page="9"] #header .line-2>.tab>ul>li:nth-child(9)>a,
body[data-dark="on"][data-page="10"] #header .line-2>.tab>ul>li:nth-child(10)>a,
body[data-dark="on"][data-page="11"] #header .line-2>.tab>ul>li:nth-child(11)>a,
body[data-dark="on"][data-page="12"] #header .line-2>.tab>ul>li:nth-child(12)>a{background:#58a6ff;}

body[data-dark="on"] .searchbox{background-color:#343434;}
body[data-dark="on"] .searchbox>.search>strong{color:#58a6ff;}
body[data-dark="on"] .searchbox>.search ul>li select{color:#bcbcbc; background-color:#5a5d60;}
body[data-dark="on"] .searchbox>.search ul>li input[type="text"]{color:#c2c2c2; background-color:#5a5d60;}
body[data-dark="on"] .searchbox>.search ul>li input[type="text"]::placeholder{color:#c2c2c2;}
body[data-dark="on"] .searchbox>.search ul>li a{color: #fff; background-color: #58a6ff;}
body[data-dark="on"] .searchbox>.day>[class*="btn-"]::before{background-position:-44em -12em;}
body[data-dark="on"] .searchbox>.day>strong{color:#c9d1d9;}

body[data-dark="on"] #dash .view>li::after,
body[data-dark="on"] #dash .view>li>.head,
body[data-dark="on"] #dash .view>li>.midd,
body[data-dark="on"] #dash .view>li>.foot{background-color:#2c2e31;}
body[data-dark="on"] #dash .view>li>.head{border-bottom:1px solid rgba(56,139,253,0.4);}
body[data-dark="on"] #dash .view>li>.head>strong>em{color:#8b949e;}
body[data-dark="on"] #dash .view>li>.head>strong>span{color:#c9d1d9;}
body[data-dark="on"] #dash .view>li>.foot>a>span{color:#c9d1d9;}
body[data-dark="on"] #dash .view>li>.foot>a>span::before{background-position:-40em -12em;}
body[data-dark="on"] #dash .view>li>.head>.btn-list::before{background-position:-48em -12em;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type]{border:1px solid rgba(56,139,253,0.4) !important; background-color:rgba(56,139,253,0.15) !important;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box>.midd>strong{color:#c9d1d9;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box>.midd>span{color:#c2c2c2;}

/* body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="1"]{border:1px solid #8b8575;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="2"]{border:1px solid #64ae25;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="3"]{border:1px solid #e34d2a;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="4"]{border:1px solid #158dae;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="5"]{border:1px solid #8f9ea9;}
body[data-dark="on"] #dash .view>li>.midd ul>li .box[data-type="6"]{border:1px solid #fff;} */



body[data-dark="on"] #project>.midd .listTable{background-color:transparent;}
body[data-dark="on"] #project>.midd .listTable th,
body[data-dark="on"] #project>.midd .listTable td{border:1px solid #30363d; border-bottom:1px solid #30363d;}
body[data-dark="on"] #project>.midd .listTable th{font-size:1.6rem; color:#c9d1d9; background-color:rgba(56,139,253,0.15);}
body[data-dark="on"] #project>.midd .listTable td{font-size:1.5rem; color:#8b949e;}
body[data-dark="on"] #project>.midd .listTable td a{color:#58a6ff;}

body[data-dark="on"] [data-btn][data-color="1"]{border-color:#58a6ff; color: rgba(255,255,255,1); background-color: #58a6ff;}


body[data-dark="on"] #list>.midd .listTable{background-color:transparent;}
body[data-dark="on"] #list>.midd .listTable th,
body[data-dark="on"] #list>.midd .listTable td{border:1px solid #30363d; border-bottom:1px solid #30363d;}
body[data-dark="on"] #list>.midd .listTable th{font-size:1.6rem; color:#c9d1d9; background-color:rgba(56,139,253,0.15);}
body[data-dark="on"] #list>.midd .listTable td{font-size:1.5rem; color:#8b949e;}
body[data-dark="on"] #list>.midd .listTable td a{color:#58a6ff;}
body[data-dark="on"] #list>.midd .listTable tbody td:nth-child(n+3)>ul>li>strong{color:#c9d1d9;}
body[data-dark="on"] #list>.midd .listTable tbody td:nth-child(n+3)>ul>li>span{color:#c2c2c2; background-color:rgba(255,255,255,0.1);}

body[data-dark="on"] #login{filter: grayscale(1);}

body[data-dark="on"] #project>.month>.midd>.main>.form-wrap .filebox+.center button:nth-child(1){background-color:#58a6ff;}


body[data-dark="on"] .popup{background:rgba(255,255,255,0.2)}
body[data-dark="on"] .popup>.in{background-color:#232323;}
body[data-dark="on"][data-dash-pop="on"] .popup#dash-pop >.in>.head,
body[data-dark="on"][data-dash-search="on"] .popup#dash-search >.in>.head,
body[data-dark="on"][data-user-pop="on"] .popup#user-pop >.in>.head,
body[data-dark="on"][data-project-pop="on"] .popup#project-pop >.in>.head,
body[data-dark="on"][data-eqpmnt-pop="on"] .popup#eqpmnt-pop >.in>.head{filter: grayscale(1);}

body[data-dark="on"] .popup>.in>.midd>form>ul>li .table>table th,
body[data-dark="on"] .popup>.in>.midd>form>ul>li .title,
body[data-dark="on"] .popup>.in>.midd>form>ul>li strong{color:#888 !important;}
body[data-dark="on"] .popup input[type="text"],
body[data-dark="on"] .popup input[type="password"],
body[data-dark="on"] .popup textarea, .popup select,
body[data-dark="on"] .popup>.in>.midd .user-photo>span>label{filter: grayscale(1); color:#888; border-color:#333 !important; background-color:#333;}
body[data-dark="on"] .popup .searchTable td a{color:#58a6ff;}
body[data-dark="on"] .popup>.in>.foot{border-color:rgba(255,255,255,0.2);}
body[data-dark="on"] .popup>.in>.head>strong>span{color:#bbb;}

body[data-dark="on"] .popup .searchTable,
body[data-dark="on"] .popup .searchTable table{border:none; border-radius:0;}
body[data-dark="on"] .popup .searchTable th,
body[data-dark="on"] .popup .searchTable td{border-color:rgba(255,255,255,0.1)}
body[data-dark="on"] .popup .searchTable th{font-size:1.6rem; color:#c9d1d9; background-color:rgba(56,139,253,0.15);}
body[data-dark="on"] .popup .searchTable td{font-size:1.5rem; color:#8b949e;}

@media screen and (max-width: 1320px) {
    #header .line-2{justify-content:center; position:fixed; right:auto; top:auto; left:0; bottom: 1em; width:100%;}
    #header .line-2>.tab{text-align:center;}
}

@media screen and (max-width: 650px) {
    #header .line-1,
    #header .line-2,
    .searchbox{padding:0 2em;}
    #list,
    #dash,
    #project{padding-left:2rem !important; padding-right:2rem !important;}
    .searchbox,
    .searchbox>.search{display:block; width:100%;}
    .searchbox>.search{padding-top:1.3em;}
    .searchbox>.search>strong{display:none;}
    .searchbox>.search ul{width:100%; margin-left:0;}
    .searchbox>.search ul>li:nth-child(1){width:12em;}
    .searchbox>.search ul>li:nth-child(2){width:calc(100% - 12em);}
    .searchbox>.search ul>li select{width:100%;}
    .searchbox>.search ul>li input[type="text"]{width:calc(100% - 4.5em);}

    .popup#user-pop>.in,
    .popup>.in{height:100%; max-height:100%; min-width:100%; padding:2em; margin:0; border-radius:0;}
    .popup>.in>.midd>form>ul>li>ul{flex-direction:column;}
    .popup>.in>.midd>form>ul>li>ul>li:not(:last-child){margin-right:0; margin-bottom:1em;}
    .popup>.in>.midd>form>ul>li>ul.type-1>li:nth-child(3){flex:auto;}
    .popup>.in>.foot{flex-direction:column;}
    .popup>.in>.foot .text{display:block; padding-right:0; padding-bottom:1em;}

    .popup>.in>.midd>form>ul>li .table>table,
    .popup>.in>.midd>form>ul>li .table>table thead,
    .popup>.in>.midd>form>ul>li .table>table tbody,
    .popup>.in>.midd>form>ul>li .table>table tr,
    .popup>.in>.midd>form>ul>li .table>table td,
    .popup>.in>.midd>form>ul>li .table>table th{display:block;}

    #header .line-2{bottom:0; height:4.5em; padding:0;}
    #header .line-2>.tab,
    #header .line-2>.tab>ul,
    #header .line-2>.tab>ul>li{height:100%;}
    #header .line-2>.tab>ul{overflow:auto; display:flex; width:100%; border-radius:0;}
    #header .line-2>.tab>ul>li{display:flex; align-items:center; width:100%;}
    #header .line-2>.tab>ul>li>a{width:100%; padding:0 5px;}
    #header .line-2>.tab>ul::before{display:none;}

    body[data-page="1"] #header .line-2>.tab>ul>li:nth-child(1),
    body[data-page="2"] #header .line-2>.tab>ul>li:nth-child(2),
    body[data-page="3"] #header .line-2>.tab>ul>li:nth-child(3),
    body[data-page="4"] #header .line-2>.tab>ul>li:nth-child(4),
    body[data-page="5"] #header .line-2>.tab>ul>li:nth-child(5),
    body[data-page="6"] #header .line-2>.tab>ul>li:nth-child(6),
    body[data-page="7"] #header .line-2>.tab>ul>li:nth-child(7){
        background: rgb(98,187,70);
        background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    }


    body[data-dark="on"][data-page="1"] #header .line-2>.tab>ul>li:nth-child(1),
    body[data-dark="on"][data-page="2"] #header .line-2>.tab>ul>li:nth-child(2),
    body[data-dark="on"][data-page="3"] #header .line-2>.tab>ul>li:nth-child(3),
    body[data-dark="on"][data-page="4"] #header .line-2>.tab>ul>li:nth-child(4),
    body[data-dark="on"][data-page="5"] #header .line-2>.tab>ul>li:nth-child(5),
    body[data-dark="on"][data-page="6"] #header .line-2>.tab>ul>li:nth-child(6),
    body[data-dark="on"][data-page="7"] #header .line-2>.tab>ul>li:nth-child(7){
        background:#58a6ff;
    }
}
@media screen and (max-width: 650px) {
    #header .line-1>ul>li{border-right:none !important;}
    #header .line-1>ul>li:not(.user){display:none;}
    #header .line-1>ul>li.user{padding:0;}
    #header .line-1>ul>li.user>a{display:none;}
    #header .line-1>ul>li.user>span{position:relative; left:0; top:0;}

}



#holiday{display:flex; flex-direction:column; position:relative; height:100%; padding:6em 3em 3em;}
#holiday button{cursor:pointer;}
#holiday>.head{position:absolute; right:30px; top:10px; z-index:2100; display:flex; flex-direction:row; justify-content:flex-start; padding-bottom:0.3em;}
#holiday>.head button{
    height:40px; padding:0 25px; margin-left:auto; font-size:16px; border:none; color:#fff;
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    -webkit-border-radius:1.5em; border-radius:1.5em;
    -webkit-transition:left 0.3s linear; transition:left 0.3s linear;
}
#holiday>.midd{display:flex !important;}
#holiday>.midd>.cal,
#holiday>.midd>.add{
    -ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none;
}
#holiday>.midd>.cal::-webkit-scrollbar,
#holiday>.midd>.add::-webkit-scrollbar{
    display: none; /* Chrome, Safari, Opera */
}
#holiday>.midd>.cal{overflow:auto; width:100%; height:100%; background-color:rgba(255,255,255,0.8); border-radius:10px;}
#holiday>.midd>.add{overflow:auto; flex-shrink:0; width:360px; height:100%; margin-left:20px; background-color:rgba(255,255,255,0.8); border-radius:10px;}

#holiday>.midd>.cal>.calTable{position:relative; width:100%;}
#holiday>.midd>.cal>.calTable .col-1,
#holiday>.midd>.cal>.calTable .col-2,
#holiday>.midd>.cal>.calTable .col-3,
#holiday>.midd>.cal>.calTable .col-4,
#holiday>.midd>.cal>.calTable .col-5,
#holiday>.midd>.cal>.calTable .col-6,
#holiday>.midd>.cal>.calTable .col-7{width:14.2%;}
#holiday>.midd>.cal>.calTable th,
#holiday>.midd>.cal>.calTable td{font-size:14px; border-color:#fff;}
#holiday>.midd>.cal>.calTable th:nth-child(1),
#holiday>.midd>.cal>.calTable td:nth-child(1)>.n{color:#ff0044 !important;}
#holiday>.midd>.cal>.calTable th:nth-child(7),
#holiday>.midd>.cal>.calTable td:nth-child(7)>.n{color:#3d3de7 !important;}
#holiday>.midd>.cal>.calTable>thead th{position:sticky; top:0; z-index:100; color:#222; background-color:#fff;}
#holiday>.midd>.cal>.calTable>tbody td{position:relative; height:200px; padding:40px 10px 10px 10px; vertical-align:top;}
#holiday>.midd>.cal>.calTable>tbody td>.n{position:absolute; top:15px; line-height:1; font-size:14px; color:#444;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul{padding:0 10px;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li button{cursor:pointer;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li{display:flex;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button{margin-right:5px; font-size:14px; border:none; background-color:transparent;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button>span{position:relative; padding-left:24px;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button>span>i{position:absolute; left:0; top:-4px; font-style:normal;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.ban>span{text-decoration: line-through; color:#ff4400;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.etc>span>i::before{content:"💚"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.official>span>i::before{content:"🤯"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.event>span>i::before{content:"✉️"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.help>span>i::before{content:"💊"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.ban>span>i::before{content:"🚫"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.day>span>i::before{content:"🏖️"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.am>span>i::before{content:"☀️"; font-size:1em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.pm>span>i{top:-2px;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.pm>span>i::before{content:"🌙"; font-size:0.7em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>div{margin-left:auto;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul.ready{padding:10px; margin-top:10px; background-color:rgba(0,0,0,0.3); border-radius:5px;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul.ready>li>button{color:#fff;}

#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="del"]{border:none; background-color:transparent;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="del"]::before{content:"❌"; font-size:0.5em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="del"]>span{opacity:0; position:absolute; font-size:0;}

#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="mod"]{border:none; background-color:transparent;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="mod"]::before{content:"⚙️"; font-size:0.9em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="mod"]>span{opacity:0; position:absolute; font-size:0;}

#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ban"]{border:none; background-color:transparent;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ban"]::before{content:"❌"; font-size:0.5em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ban"]>span{opacity:0; position:absolute; font-size:0;}

#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ok"]{border:none; background-color:transparent;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ok"]::before{content:"⭕️"; font-size:0.5em;}
#holiday>.midd>.cal>.calTable>tbody td>.l>ul>li div>[data-type="ok"]>span{opacity:0; position:absolute; font-size:0;}

#holiday>.midd>.add{display:flex; flex-direction:column;}
#holiday>.midd>.add[data-name="view"]{display:none;}
#holiday>.midd>.add>form{display:flex; flex-direction:column; height:100%;}
#holiday>.midd>.add .head{flex-shrink:0; display:flex; align-items:center; height:50px; padding:0 15px;}
#holiday>.midd>.add .head>strong{margin-right:5px; font-size:16px; color:#111;}
#holiday>.midd>.add .head>button[data-type="3"]{
    flex-shrink:0; display:flex; align-items:center; justify-content:center; margin-left:auto; width:auto; border:none; background:transparent;
}
#holiday>.midd>.add .head>button[data-type="3"]::before{content:"❌";}
#holiday>.midd>.add .head>button[data-type="3"]>span{opacity:0; position:absolute; font-size:0;}
#holiday>.midd>.add .midd{overflow:auto; display:flex; flex-direction:column; height:100%; padding:15px; border-top:1px solid #fff;}
#holiday>.midd>.add .midd>ul{margin-bottom:20px;}
#holiday>.midd>.add .midd>ul>li:nth-child(n+2){margin-top:15px;}
#holiday>.midd>.add .midd>ul>li>strong{font-weight:500; font-size:12px; color:#111;}
#holiday>.midd>.add .midd>ul>li>div{margin-top:10px; font-weight:400; font-size:14px; color:#444;}
#holiday>.midd>.add .midd>ul>li>div input[readonly]{width:100%; height:36px; padding:0 10px; border:1px solid #fff; color:rgba(0,0,0,0.5); border-radius:5px;}
#holiday>.midd>.add .midd>ul>li>div .date{display:flex; align-items:center;}
#holiday>.midd>.add .midd>ul>li>div select[size]{opacity:1 !important; width:100%; padding:0; font-size:14px; border:none; border-radius:5px;}
#holiday>.midd>.add .midd>ul>li>div select[size]>option{padding:8px 10px;}
#holiday>.midd>.add .midd>ul>li>div select[size]>option:checked{color:#222 !important;}
#holiday>.midd>.add .midd>ul>li>div select[size]>option::before{content:"🏖️"; margin-right:8px;}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.day::before{content:"🏖️";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.am::before{content:"☀️";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.pm::before{content:"🌙";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.event::before{content:"✉️";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.help::before{content:"💊";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.official::before{content:"🤯";}
#holiday>.midd>.add .midd>ul>li>div select[size]>option.etc::before{content:"💚";}
#holiday>.midd>.add .midd>ul>li>div .date input[type="text"]{width:100%; height:36px; text-align:center; border:1px solid #fff; border-radius:5px; background-color:#fff !important;}
#holiday>.midd>.add .midd>ul>li>div .date>span{flex-shrink:0; padding:0 10px;}
#holiday>.midd>.add .midd>ul+div{margin-top:auto;}
#holiday>.midd>.add .midd>ul+div+div{margin-top:4px;}
#holiday>.midd>.add .midd>div{display:flex;}
#holiday>.midd>.add .midd>div>button{
    width:100%; height:40px; padding:0 15px; margin-left:auto; font-size:16px; border:none; color:#fff;
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    -webkit-border-radius:5px; border-radius:5px;
}
#holiday>.midd>.add .midd>div>button:not(:last-child){margin-right:5px;}
#holiday>.midd>.add .midd>div>button[data-type="2"]{
    background: #ff0044;
    background: linear-gradient(90deg, #ffbd00 -30%, #ff1f5b 100%);
}
#holiday>.midd>.add .midd>div>button[data-type="3"]{
    background: #4e5cff;
    background: linear-gradient(90deg, #ff00bb -40%, #4e5cff 100%);
}

@media screen and (min-width:1100px) and (max-width:1280px) {
    #holiday>.midd>.cal>.calTable .col-1,
    #holiday>.midd>.cal>.calTable .col-7{display:none;}
    #holiday>.midd>.cal>.calTable th:nth-child(1),
    #holiday>.midd>.cal>.calTable td:nth-child(1),
    #holiday>.midd>.cal>.calTable th:nth-child(7),
    #holiday>.midd>.cal>.calTable td:nth-child(7){display:none;}
}
@media screen and (max-width:1101px) {
    #holiday>.midd>.cal>.calTable,
    #holiday>.midd>.cal>.calTable>tbody,
    #holiday>.midd>.cal>.calTable tr,
    #holiday>.midd>.cal>.calTable th,
    #holiday>.midd>.cal>.calTable td{display:block;}
    #holiday>.midd>.cal>.calTable>thead{display:none;}

    #holiday>.midd>.cal>.calTable>tbody td{height:auto; min-height:50px;}
    #holiday>.midd>.cal>.calTable td .n{right:auto; left:15px;}
}
@media screen and (max-width:650px) {
    #holiday{padding:6em 2em 1.5em;}
    #holiday>.head{right:15px; top:-47px;}
    #holiday>.midd>.add{width:180px; margin-left:10px;}
    #holiday>.midd>.add .midd>ul>li:nth-child(n+2){margin-top:8px}
    #holiday>.midd>.add .midd>ul>li>div .date input[type="text"]{heigh:30px;}
    #holiday>.midd>.add .midd>ul>li>div select[size]>option{padding:3px 8px; font-size:12px;}
}


#holiday-list{display:none; position:absolute; left:0; top:0; z-index:5000; width:100%; height:100%; padding:30px; background-color:#fff;}
#holiday-list>.head{display:flex; align-items:flex-end; height:50px; margin-bottom:10px;}
#holiday-list>.head>strong{font-size:20px; color:#111;}
#holiday-list>.head>div:nth-child(2){margin:0 auto;}
#holiday-list>.head>div:nth-child(2){display:flex; align-items:center; justify-content:center;}
#holiday-list>.head>div:nth-child(2)>strong{padding:0 1em; font-size:2em; color:#222;}
#holiday-list>.head>div:nth-child(2)>[class*="btn-"]{position:relative; width:4em; height:4em; font-size:1em; border:none; background-color:transparent;}
#holiday-list>.head>div:nth-child(2)>[class*="btn-"]::before{
    content:""; display:block; position:absolute; left:calc(50% - 2em); top:calc(50% - 2em); width:4em; height:4em; background-image:url(../images/icon.svg); background-position:-44em -16em; background-repeat:no-repeat; background-size:100em auto;
    -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease;
}
#holiday-list>.head>div:nth-child(2)>[class*="btn-"]>span{opacity:0; position:absolute;}
#holiday-list>.head>div:nth-child(2)>[class*="btn-"]:hover::before{
    background-position:-44em -20em;
    -webkit-transform:scale(1.2); transform:scale(1.2);
}
#holiday-list>.head>div:nth-child(2)>.btn-prev{
    -webkit-transform:rotate(180deg); transform:rotate(180deg);
}

#holiday-list>.head>div:nth-child(3){display:flex;}
#holiday-list>.head>div:nth-child(3) button{
    width:100%; height:40px; padding:0 15px; margin-left:auto; font-size:16px; border:none; color:#fff;
    background: rgb(98,187,70);
    background: linear-gradient(90deg, rgba(98,187,70,1) 0%, rgba(30,163,115,1) 100%);
    -webkit-border-radius:5px; border-radius:5px;
}
#holiday-list>.head>div:nth-child(3) button:not(:last-child){margin-right:5px;}
#holiday-list>.head>div:nth-child(3) button.close{
    background: #ff0044;
    background: linear-gradient(90deg, #ffbd00 -30%, #ff1f5b 100%);
}
#holiday-list>.midd{overflow:auto; position:relative; height:calc(100% - 60px);}
#holiday-list>.midd table{width:100%;}
#holiday-list>.midd table .col-1{width:40px;}
#holiday-list>.midd table .col-2{width:120px;}
#holiday-list>.midd table .col-3{width:80px;}
#holiday-list>.midd table .col-4{width:100px;}
#holiday-list>.midd table .col-5{width:60px;}
#holiday-list>.midd table .col-6,
#holiday-list>.midd table .col-7,
#holiday-list>.midd table .col-8,
#holiday-list>.midd table .col-9,
#holiday-list>.midd table .col-10{width:40px;}
#holiday-list>.midd table .col-11{width:60px;}
#holiday-list>.midd table .col-12{width:auto;}
#holiday-list>.midd table th,
#holiday-list>.midd table td{padding:6px; text-align:center; font-size:12px; border:1px solid #eee; color:#111;}
#holiday-list>.midd table td:last-child{text-align:left;}
#holiday-list>.midd table>thead th{position:sticky; top:0; z-index:100; background-color:#ececec;}
#holiday-list>.midd table>thead tr:nth-child(2) th{top:31px;}

#holiday-list>.midd table td:nth-child(7){color:#ff1f5b;}
#holiday-list>.midd table td span{display:inline-flex; align-items:center; justify-content:center; padding:2px 8px; vertical-align:top; border:1px solid #eee; background-color:#fff; border-radius:3px;}
#holiday-list>.midd table td span::before{margin-right:6px;}
#holiday-list>.midd table td span.day::before{content:"🏖️";}
#holiday-list>.midd table td span.am::before{content:"☀️";}
#holiday-list>.midd table td span.pm::before{content:"🌙";}
#holiday-list>.midd table td span.event::before{content:"✉️";}
#holiday-list>.midd table td span.help::before{content:"💊";}
#holiday-list>.midd table td span.official::before{content:"🤯";}
#holiday-list>.midd table td span.etc::before{content:"💚";}

@media screen and (max-width:700px){
    #holiday-list>.head>strong{display:none;}
    #holiday-list>.head>div:nth-child(2){margin:0 auto 0 0;}
    #holiday-list>.head>div:nth-child(2)>strong{padding:0 0.5em;}
    #holiday-list>.midd table .col-1,
    #holiday-list>.midd table .col-2,
    #holiday-list>.midd table .col-3,
    #holiday-list>.midd table .col-4,
    #holiday-list>.midd table .col-5,
    #holiday-list>.midd table .col-6,
    #holiday-list>.midd table .col-7,
    #holiday-list>.midd table .col-8,
    #holiday-list>.midd table .col-9,
    #holiday-list>.midd table .col-10,
    #holiday-list>.midd table .col-11,
    #holiday-list>.midd table .col-12{width:auto;}
    #holiday-list>.midd table tr:nth-child(1)>th:nth-child(1),
    #holiday-list>.midd table td:nth-child(1),
    #holiday-list>.midd table tr:nth-child(1)>th:nth-child(2),
    #holiday-list>.midd table td:nth-child(2),
    #holiday-list>.midd table tr:nth-child(1)>th:nth-child(4),
    #holiday-list>.midd table td:nth-child(4),
    #holiday-list>.midd table tr:nth-child(1)>th:nth-child(6),
    #holiday-list>.midd table tr:nth-child(2)>th,
    #holiday-list>.midd table td:nth-child(6),
    #holiday-list>.midd table td:nth-child(7),
    #holiday-list>.midd table td:nth-child(8),
    #holiday-list>.midd table td:nth-child(9){display:none;}
}


body[data-dark="on"] #holiday>.midd>.cal{background-color:rgba(255,255,255,0.1);}
body[data-dark="on"] #holiday>.midd>.cal>.calTable th,
body[data-dark="on"] #holiday>.midd>.cal>.calTable td{border-color:rgba(255,255,255,0.2);}
body[data-dark="on"] #holiday>.midd>.cal>.calTable>thead th{color:rgba(255,255,255,0.8); background-color:#58a6ff;}
body[data-dark="on"] #holiday>.midd>.cal>.calTable>tbody td>.n{color:rgba(255,255,255,0.8);}
body[data-dark="on"] #holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button>span{color:rgba(255,255,255,0.8);}
body[data-dark="on"] #holiday>.midd>.cal>.calTable>tbody td>.l>ul>li>button.ban>span{color:#ff4400;}

body[data-dark="on"] #holiday>.midd>.add{background-color:rgba(255,255,255,0.1);}
body[data-dark="on"] #holiday>.midd>.add .head>strong{color:rgba(255,255,255,0.8);}
body[data-dark="on"] #holiday>.midd>.add .midd{border-top-color:rgba(255,255,255,0.2);}
body[data-dark="on"] #holiday>.midd>.add .midd>ul>li>strong{color:rgba(255,255,255,0.8);}
body[data-dark="on"] #holiday>.midd>.add .midd>ul>li>div select[size],
body[data-dark="on"] #holiday>.midd>.add .midd>ul>li>div .date input[type="text"],
body[data-dark="on"] #holiday>.midd>.add .midd>ul>li>div input[readonly]{color:#fff !important; border-color:rgba(255,255,255,0.2) !important; background-color:rgba(255,255,255,0.1) !important;}
body[data-dark="on"] #holiday>.head button,
body[data-dark="on"] #holiday>.midd>.add .midd>div>button{background:#58a6ff;}

body[data-dark="on"] #holiday-list{background-color:#161b22;}
body[data-dark="on"] #holiday-list>.head>strong{color:rgba(255,255,255,0.8);}
body[data-dark="on"] #holiday-list>.midd table>thead th{color:rgba(255,255,255,0.8); background-color:#58a6ff;}
body[data-dark="on"] #holiday-list>.midd table th,
body[data-dark="on"] #holiday-list>.midd table td{color:rgba(255,255,255,0.8); border-color:rgba(255,255,255,0.2);}
body[data-dark="on"] #holiday-list>.midd table td span{border-color:#343434; background-color:#343434;}
body[data-dark="on"] #holiday-list>.head>div:nth-child(2)>strong{color:#c9d1d9}
body[data-dark="on"] #holiday-list>.head>div:nth-child(2)>[class*="btn-"]::before{background-position:-44em -12em;}




#work-list{display:flex; flex-direction:column;}
#work-list>div{width:100%;}
#work-list>div:not(:last-child){margin-bottom:40px;}
#work-list>div .open{position:relative; width:12px; height:12px; padding:0; margin-left:auto; border:none; background-color:transparent;}
#work-list>div .open::before,
#work-list>div .open::after{content:""; position:absolute; left:0; top:calc(50% - 1px); width:100%; height:2px; background-color:#000; border-radius:2px;}
#work-list>div .open::after{transform:rotate(90deg);}
#work-list>div .open>span{opacity:0; position:absolute; font-size:0;}
#work-list>div>.head{display:flex; align-items:center; padding:0 15px; font-size:14px; color:#000;}
#work-list>div>.midd>ul>li{
    padding:1em; font-size:16px; color:#fff; border-radius:8px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.6);
}
#work-list>div>.midd>ul>li:not(:last-child){margin-bottom:10px;}
#work-list>div>.midd>ul>li>strong{display:flex; align-items:center; width:100%; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.2);}
#work-list>div>.midd>ul>li>strong>button::before,
#work-list>div>.midd>ul>li>strong>button::after{background-color:#fff;}
#work-list>div>.midd>ul>li>div{position:relative; padding:4px 0 0 15px;}
#work-list>div>.midd>ul>li>div::before{content:""; position:absolute; left:0; top:0; width:5px; height:100%; background-color:#0c5de1; border-radius:2px;}
#work-list>div>.midd>ul>li>div:not(:last-child){margin-bottom:10px;}
#work-list>div>.midd>ul>li>div>ul{display:flex; width:100%; margin:auto;}
#work-list>div>.midd>ul>li>div>ul>li{display:flex; align-items:center; font-size:14px; color:#fff;}
#work-list>div>.midd>ul>li>div>ul>li:not(:last-child){margin-right:20px;}
#work-list>div>.midd>ul>li>div>ul>li:nth-child(1){width:100%;}
#work-list>div>.midd>ul>li>div>ul>li:nth-child(2){width:100%;}
#work-list>div>.midd>ul>li>div>ul>li:nth-child(3){width:100px;}
#work-list>div>.midd>ul>li>div>ul>li:nth-child(4){width:300px;}
#work-list>div>.midd>ul>li>div>ul>li:nth-child(5){width:700px;}
#work-list>div>.midd>ul>li>div>ul>li strong{color:rgba(255,255,255,1);}
#work-list>div>.midd>ul>li>div>ul>li div{color:rgba(255,255,255,0.7);}
#work-list>div>.midd>ul>li>div>ul>li span{flex-shrink:0; padding:0 5px;}

body[data-dark="on"] #work-list>div>.midd>ul>li{
    color:#fff;
    border: 1px solid rgba(56,139,253,0.4);
    background-color: rgba(56,139,253,0.15);
}



/*공지사항*/
.board{ padding: 2em 3em 3em !important; min-width: auto !important;}
.d-flex{ display: flex;}
.justify-content-end{ justify-content: end;}

#project>.midd .listTable.tbl-board td{ padding: 7px 10px;}
.tbl-board td a{ color: #000 !important;}

.board .midd ul li { display: flex; padding: 15px 0;}
.board .midd ul li.subject, .board .midd ul li.main-text{border-bottom: 1px solid rgba(0,0,0,0.1); }
.board .midd ul li strong{ flex: 0 0 10%;}
.board .midd ul li div{ flex: 0 1 90%;}
.board .midd ul li div, .board .midd ul li span{ font-size: 1.5em; }
.board>.midd>ul>li:not(:last-child){ margin-bottom: 0 !important;}
.react-wrap{ font-size: 1.4em; margin: 20px 0 15px 0; display: flex; flex-wrap: wrap;}
.react-wrap span{ padding: 0 10px 0 0 ;}
.board .midd ul li.subject strong{ color: #000;}

.board .midd ul li:last-child{ }
.board input[type="text"], .board input[type="password"], .board textarea, .board select{ font-size: 1em !important; display: block;}
.board .dropzone h4{ font-size: 16px !important;}
.board .subject{ color: #000; font-weight: 500;}
.board textarea{ min-height: 15em !important; }

#mecReplyVo .in{ font-size: 1.4em; display: flex; border-bottom: 1px solid #dedede; padding: 10px 0; align-items: center; justify-content: space-between;}
#mecReplyVo .in .name{background-color: #e2e9fa;width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
#mecReplyVo .in div{  flex: 1;}


.wrapper{ z-index: 9999;}

.reply{ margin: 0 0 30px 0; min-width: auto !important;}
.reply-warp { margin: 0 0 30px 0;}
.reply-warp h1{ font-size: 1.7em; color: #000; margin: 20px 0 10px 0;}
.reply-warp .d-flex{ margin: 0 0 10px 0;}
.reply-warp .d-flex a{ height: 100%; display: flex; align-items: center; justify-content: center;}

.txt-area{ flex: 1; margin-right: 8px;}

.picker i{ font-size: 1.5rem; font-style: normal;}

.at-file{ font-size: 1.4em; margin: 20px 0 0 0;}
.at-file a{ display: inline-block; color: rgba(0,0,0,0.7); border-radius: 4px; padding: 8px 14px; border: 1px solid rgba(0,0,0,0.15); background-color: rgba(0,0,0,0.04); transition: all 0.3s ease-in-out;  }
.at-file a:hover{   border: 1px solid rgba(0,0,0,0.6);}
.pointer{cursor: pointer;}


.board-list-wrap{ background-color: rgba(255,255,255,0.3); backdrop-filter: blur(5px); }
.board-list{ font-size: 1.6em; }
.board-list li a{ display: flex;  background-color: rgba(255,255,255,0.9); border-bottom:1px solid #dedede; padding: 18px 20px;justify-content: space-between; align-items: center; color: #000; transition: all ease-in-out 0.4s;}
.board-list li a:hover{ background-color: rgba(255,255,255,1); filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15))}
.board-list li:first-child a{ margin-top: 0;}
.board-list li span.num{ flex: 0 0 80px; text-align: center; justify-content: center; display: flex;}
.board-list li span.title{ flex: 1; margin-left: 14px; font-weight: 500;}
.board-list li span.write{ flex: 0 0 100px;}
.board-list li span.date{ padding-right: 30px;}
.board-list li span.num, .board-list li span.date{  color: rgba(0,0,0,0.5);}
.board-list li span.num em{ background-color: #4e5ed4; border-radius: 15px; display: inline-block; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;}

.board-write, .board-write input[type="text"], .board-write input[type="password"], .board-write textarea, .board-write select, .board-write label{ font-size: 16px !important;}
.board-write strong{ font-size: 17px !important;}
.board-write .d-flex{ align-items: center;}
.board-write .d-flex .subject{ flex: 1;}
.board-write .d-flex .ch-topfix{ flex: 0 0 120px; text-align: center;   padding: 6px 0 8px; border-radius: 4px; background-color: #cadeff; margin-left: 10px; color: #1169cc;}
.board-write  li div, .board-write  li span{ font-size: inherit !important;}
.board-write li:not(:last-child){ margin-bottom: 0 !important;}


.project-view li:first-child::before{ display: none !important; }
.project-view li:first-child{padding-left: 0 !important;}
.project-view select{ border: none; font-size: 1em; padding: 3px 03px 6px; border-radius: 4px; width: 120px; position: relative; top: -2px; border: 1px solid rgba(0,0,0,0.04);}


.react-wrap span i{ font-style: normal !important; font-size: 1.2em !important;}

.re-img{ max-width: 600px; padding-top: 6px;}
.re-img-zoom{ cursor: pointer;}

@media screen and (max-width:767px){
    .board-list li a{ flex-direction: column; align-items: flex-start;}

    .board, .reply{ margin: 2em !important;}
    .board-list li a{ padding: 18px 14px;}
    .board-list li span.title{ margin-left: 0;}
    .board-list li span.num{ display: none;}
    .board-list li span.date{ padding-right: 0;}
    .board-list li span.write{ flex: 1; margin: 10px 0 4px 0;}
}


.date .air-datepicker{height:36px; text-align:center; border:1px solid #fff; border-radius:5px; background-color:#fff !important;}

.eq-head .head{ display: flex; flex-wrap: wrap;}
.eq-head .head .tab{ flex: 1 0 750px; overflow-x: auto;}
.eq-head .searchbox{ background-color: rgba(255, 255, 255, 0); width: auto; padding: 0;}
.listTable.eq-table td{ padding: 0.7rem 0.3rem;}
.listTable.eq-table a{ color: #000;}
.tab [data-btn]+[data-btn]{ margin-left: 0;}
@media screen and (max-width:767px){
    .eq{ flex-direction: column;}
    .eq-img{ flex: 1 !important;}
    .eq-info li{ width: 100% !important; font-size: 14px;}
    .eq-info li div:first-child { flex: 0 0 110px !important;}
}