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

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

/* #container{background:red} */

.m9_program_block{max-width:100%;margin:0 auto}
.m9_program_block._s1_size{width:1000px}
.m9_program_block._s2_size{width:800px}


.group_tab._program_groups>ul{margin:0 auto}
.group_tab._program_groups>ul>li.m9-selected>a, .group_tab._program_groups>ul>li>a:hover, .group_tab._program_groups>ul>li>a:focus{background-color:#000;border-color:#000;color:#fff}



/*검색*/
._list_search_box{display:none}
._list_search_box.m9_open{display:block}
 ._search_block{padding:3em 0 0}
.m9-table-wrap{padding:1em;margin-bottom:20px;background:#f7f7f7;text-align:center;}
.m9-table-search{min-height:40px;line-height:40px;}    
.m9-table-search>form .m9-table-input{display:inline-block;width:250px;height:100%;border:1px solid #e8e8e8;background:#fff}
.m9-table-search>form .m9-table-input>input{width:100%;height:100%;padding:0 10px;outline:none}
.m9-table-search>form .m9-table-select{display:inline-block;width:160px;height:100%;border:1px solid #e8e8e8;;background:#fff;cursor:pointer}
.m9-table-search>form .m9-table-select>select::-ms-expand {display:none}
.m9-table-search>form .m9-table-select>select{display:inline-block;width:100%;min-height:100%;padding:0 15px;background:url(/etc_img/otherpage/select_arrow.png) no-repeat 90% 50%;appearance:none;-moz-appearance: none;-webkit-appearance: none;outline:none}
.m9-table-search>form .search_button{display:inline-block;min-width:60px;padding:0 6px;border:1px solid #e04235;background:#e04235;color:#fff;font-size:13px;text-align:center;vertical-align:top;transition:0.3s;box-sizing:border-box;cursor:pointer}
.m9-table-search>form .search_button_off{border:1px solid #bbb;background:#bbb;cursor:pointer}
.m9-table-select{/*display:none !important*/}

/*리스트 버튼*/
._list_btn_box{white-space:nowrap}
._list_btn_box .pro-btn{display:inline-block;width:30px;min-width:30px;height:30px;line-height:30px;margin-right:5px;padding:0;text-align:center;color:#333;border:1px solid #999;background:#fff}
._list_btn_box .pro-btn>.blind{width:0;height:0;overflow:hidden;font-size:0;line-height:0;position:absolute;left:-99999px;top:-99999px}
._list_btn_box .pro-btn:before{display:inline-block;font-family:'axicon';font-size:15px;/*color:#333*/;margin-top:-1px}
._list_btn_box .pro-btn._search:before{content:'\e036'}
._list_btn_box .pro-btn._write:before{content:'\f040';margin-left:5px}

@media screen and (max-width:683px){
.m9-table-wrap{}
._search_block{padding:1em 0 0}
.m9-table-search>form .m9-table-select{width:100%;margin:2px 0;background:#fff}
.m9-table-search>form .m9-table-input{width:100%;margin:2px 0;}
.m9-table-search>form .search_button{display:inline-block;width:70%;margin:2px 0;}
.m9-table-search>form .search_button_off{display:inline-block;width:28.5%}

.m9-table-search{float:none;padding:3px;margin-bottom:0;border:1px solid #ddd;}    
.m9-table-search>form .search_button{min-height:35px;line-height:35px}

}


/* 본문 */

._f_key:after{content:':';margin-left:3px;margin-right:6px}

.file-list-box{}
.file-list-box ul>li{margin-bottom:5px}
.file-list-box a{position:relative;display:block;padding:10px 10px 10px 50px;border:1px solid #ccc;border-radius:5px}
.file-list-box a:hover{border-color:red;color:red;text-decoration:none}
.file-list-box a>._row_file,.file-list-box a>._row_size{display:inline-block}

.file-list-box ._row_file img{position:absolute;top:15px;left:20px}
.file-list-box ._row_file>._f_key, .file-list-box ._row_size>._f_key{display:none}
.file-list-box ._row_size>._f_value:before{content:'('}
.file-list-box ._row_size>._f_value:after{content:')'}
.file-list-box ._row_download:before{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.file-list-box ._row_download, .file-list-box ._row_date{font-family:'Arial';font-size:0.8em;opacity:0.8}
.file-list-box ._row_download{marg1in-left:30px}
.file-list-box ._row_date:before{content:'/';margin-left:5px;margin-right:5px}


.sns-container-box{display:table;width:100%;margin:2em 0}
.sns-container-box>div{display:table-cell;vertical-align:middle}
.sns-container-box>div.sns-like-box{text-align:left}
.sns-container-box>div.sns-box{text-align:right}
.sns-container-box>div.sns-box .sns_p{display:inline-block}





.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:var(--pro-btn-color-1);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.1)}
.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}
}