:root{
--pro-title-color:#333;
--pro-title-hover-color:#ca0014;
--pro-base-color:#666;
--pro-btn-background-color-1:#4f7afa;
}

/*
:root{
--pro-title-color:red;
--pro-title-hover-color:blue;
--pro-base-color:green;
--pro-btn-background-color-1:#4f7afa;
}
*/

/* #container{background:red} */

.heading-box{margin:20px 0;display:none}
.heading-box>h1{font-size:2em;color:#32408e;font-weight:bold}
.heading-box>h2{font-size:15px;margin:1em 0 2em 0;padding:1em;border-radius:0;background:#fff;color:#000;border-bottom:1px solid #e5e5e5}


.block-table-view{padding:0}

.table-top-box{position:relative;display:table;width:100%;padding-bottom:0;text-align:left}
.table-top-box>div{display:table-cell;vertical-align:bottom}
.table-top-box>div.block-totalcount{color:#333}

.total_number_key{display:inline-block;margin-right:5px}
.total_number_key:after{content:':';display:inline-block;margin-left:2px;margin-right:2px}
.search_number_key{display:inline-block;margin-right:5px}
.search_number_key:before{content:'/';display:inline-block;margin-left:5px;margin-right:5px}
.search_number_key:after{content:':';display:inline-block;margin-left:2px;margin-right:2px}

.table-top-box>div._btn_box_up{text-align:right;font-family:dotum;font-size:12px}
._btn_box_up>.box{}


.table-bottom-box{position:relative;padding-top:0;font-family:dotum;font-size:12px}

.block-resultpage{display:inline-block;width:50%;text-align:left}
._bottom_ex_box{display:inline-block;width:50%;text-align:right}
._bottom_ex_box>div{display:inline-block;margin-left:20px}


.list_execute{margin:1em 0;font-size:12px;font-family:dotum}





.block-search-control{padding:10px 10px 5px 10px;margin-bottom:20px;background:#f1f1f1}
.block-status,.block-gap,.block-search{border:1px solid #e0e0e0;margin-bottom:5px;background:#fff}

/* 상태영역 */
.block-status._year .status-span>span:after{content:'년'}
.block-status._year .status-span.total>span:after{display:none}
.block-status._period .status-span>span:after{content:'차'}
.block-status._period .status-span.total>span:after{display:none}

.block-status .status-span{position:relative;display:inline-block;padding:0px 20px;margin-left:-1px;vertical-align:top;border-right:1px solid #eee;border-left:1px solid #eee;background:#fff}
.block-status .status-span.active{background:#565e8c;color:#fff}
.block-status .status-span>i{display:inline-block;padding:2px 7px;margin-left:6px;background:#9eacc6;font-family:Arial;font-size:12px;color:#fff;border-radius:50px;line-height:1;font-style:normal}
.block-status .status-span.total>span{background:transparent}

.box-title{float:left;display:inline-block;min-width:140px;background:#f8f8f8;line-height:35px;font-weight:bold;text-align:center;}
.box-content{display:block;overflow:hidden;line-height:35px}

.s-one{display:inline-block}
.s-title{display:inline-block;margin-right:10px}
.s-gap{display:inline-block;padding-left:10px;padding-right:10px}


/* .block-gap ._in{padding:0 10px} */

.box-content ._in{padding:0 10px}
.box-content ._in .m9-select.search_by{margin-right:5px}


.block-search-control ._line:after{content:"";clear:both;display:block}

select.m9-select{padding:4px 5px;border:1px solid #e5e5e5;/*margin-right:5px*/;/*margin-left:10px*/;line-height:1;vertical-align:middle;background:#fff}
input.m9-input{padding:5px;border:1px solid #e5e5e5;/*margin-right:5px*/;line-height:1;vertical-align:middle}
input.m9-input._date_2{width:90px}

a.m9-btn-1{display:inline-block;padding:6px 10px;background:#fff;color:#333;border:1px solid #e5e5e5;border-radius:3px;line-height:1;vertical-align:middle;margin:3px 0 3px 5px;white-space:nowrap}
a.m9-btn-1:active{position:relative;top:1px}
a.m9-btn-1._etc-2{background-color:#3f51b5;color:#fff;border-color:#3f51b5}
a.m9-btn-1._etc-3{background-color:#33b786;color:#fff;border-color:#1f986b}
a.m9-btn-1._etc-4{background-color:#943890;color:#fff;border-color:#772874}

a.m9-btn-1.search{background:var(--pro-btn-background-color-1);color:#fff;border-color:var(--pro-btn-background-color-1)}



@media screen and (max-width:683px){


.block-search{text-align:center}
.box-title{min-width:60px;width:60px}
.block-status .status-span{padding:0 10px}
.block-gap-box .s-title{display:none}

.box-content ._in{display:table;width:100%;padding:0 5px}
.box-content ._in>span{display:table-cell}

.block-gap-box input.m9-input{width:100%}

.block-search .box-title{display:none}
.block-search .box-content>._in{display:block;padding:0}
.block-search .box-content>._in>span{display:block;width:100%;white-space:nowrap}
.block-search .box-content>._in>span>span{display:inline-block;padding:0 5px}
.block-search .box-content>._in>span._a1>span:first-child{width:40%}
.block-search .box-content>._in>span._a1>span:last-child{width:60%}

.block-search .box-content>._in>span._a2{display:table;width:100%;table-layout:fixed;margin:5px 0}
.block-search .box-content>._in>span._a2>span{display:table-cell}


.block-search select{width:100%}
.block-search input.m9-input{width:100%}

.block-search a.m9-btn-1{display:block;margin:0;padding:10px 0}


}






/* Shine */

.m9-image-effect-1 ._img {position:relative;overflow:hidden}
.m9-image-effect-1 ._img img{transition:transform .4s ease}
.m9-image-effect-1 a:hover ._img:not(._empty) img, .m9-image-effect-1 a:focus ._img:not(._empty) img{transform: scale(1.3)}
.m9-image-effect-1 ._img::before {position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);opacity:0}
.m9-image-effect-1 a:hover ._img:not(._empty)::before, .m9-image-effect-1 a:focus ._img:not(._empty)::before {-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine {
	0% {opacity:1}
	40% {opacity:1}
	100% {left:125%;opacity:0}
}

@keyframes shine {
	0% {opacity:1}
	40% {opacity:1}
	100% {left:125%;opacity:0}
}