@CHARSET "UTF-8";

/***** Search *****/
.srch_box{overflow:hidden;position: relative;display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.rss-countbox {display: inline-flex; align-items: center; align-self: end;}

.srch_box .srch_counts{display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; color: #444444; }
.srch_box .srch_counts p.count_1{color: #dd0042;}
.srch_box .srch_counts p.count_1 strong{color: #444444;}

.search{text-align: right;float: right;display: flex;vertical-align: middle; gap:20px; border-bottom:2px solid #000; }

/* 공지사항 datepicker */
.search input[type="text"]{background: #fff url(./../images/calendar.png) 10px center no-repeat; height:50px; border:none; font-family: 'HG Regular'; font-size: 16px;}
.search ._selectBox{position: relative;min-width: 120px;height: 50px;line-height: 50px;padding-left: 15px; padding-right:30px;font-family: 'HG Regular';background:#fff url('../images/sel-arrow.png') no-repeat right 20px center;;font-size:16px;color:#666;border:none;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; margin-right: 8px;}
.search ._selectBox:before{content:'';width:1px;height: 35px;background: #ccc;position: absolute;right:20px;top:5px;}

.search .input-search {position: relative; display: inline-block;}
.search .board-serch input[type="text"]{width: 280px;background-color:#fff; background-image:none;}
.search .program-search {border:none; text-indent: -9999px; width:50px; height:50px; background:url('../images/ico-search.png') no-repeat center; position: absolute; right:0; top:0;}

.program .btns,
.program2 .btns,
.program-list .btns{padding: 50px 0; text-align: right;}
.btns {font-size: 0;}
.btns a,
.btns button,
.btns input{cursor: pointer;}
.board-list .btns .floatL{float:left;}
.board-list .btns .floatR{float:right;}

/* add 글쓰기 */
.btn01{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center; color:#fff;background:#1174ff;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn01:hover{background-color: #0d4b95;}
/* del 삭제 */
.btn02{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#333333;background: white;border-radius: 5px;border:1px solid #333333; ;font-family: 'HG Regular';font-size:17px;}
.btn02:hover{background-color: #000000; color: white;}
/* list 목록 */
.btn03{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #00b5ad;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn03:hover{background-color: #006274;}
/* rep 답글 */
.btn04{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #00429e;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn04:hover{background-color: #00275d;}
/* edit 수정 */
.btn05{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #ff8400;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn05:hover{background-color: #934c00;}
/* back 이전 */
.btn06{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #9f9f9f;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn06:hover{background-color: #616161;}

@media screen and (max-width:1200px){
	._fnctWrap .search > fieldset{display:block;margin-top:5px;}
}

@media screen and (max-width:1024px){
	.search{display: block;float: none;text-align: left;}
}
@media screen and (max-width:768px) {
	.srch_box {flex-direction: column; justify-content: start; align-items: start;}
    .rss-countbox {align-self: flex-start; margin-bottom: 10px;}
	.search {width:100%;}
	.search ._selectBox {min-width:100px;}
    .search ._selectBox.long{min-width: 150px;}
	.search .input-search {float: none; width: 100%;}
	.search .board-serch input[type="text"] {width:99%;}
}

.btn-apply {display: flex; justify-content: center; align-items: center; min-width: 130px; padding: 12px 20px; border-radius: 5px; font-family:'HG Regular'; font-size: 16px; cursor: pointer;}
.btn-apply.small {padding: 8px 17px;}
.btn-apply.tiny {display: inline-block; min-width: 50px; padding: 8px 17px; font-size: 14px;}
.btn-apply.color1 {background: #1174ff; color: #fff;}
.btn-apply.color1:hover {background: #0b64e0;}
.btn-apply.color2 {background: #9f9f9f; color: #fff;}
.btn-apply.color2:hover {background: #727272;}
.btn-apply.color3 {background: #00b5ad; color: #fff;}
.btn-apply.color3:hover {background: #018b85;}
.btn-apply.color4 {background: #00429e; color: #fff;}
.btn-apply.color4:hover {background: #003074;}
.btn-apply.color5 {background: #262626; color: #fff;}
.btn-apply.color5:hover {background: #000000;}
.btn-apply.color6 {background: #fff; border: 1px solid #333333; color: #333333;}
.btn-apply.color6:hover {border: 1px solid #003074; color: #003074;}
.btn-apply.color6 i {display: flex; align-items: center;}
.btn-apply.color6 i::before {content: ''; display: inline-block; width: 17px; height: 18px; margin-right: 7px; background: url('../images/ic-btn-home.png') no-repeat center;}
.btn-apply.color7 {background: #fe9019; color: #fff;}
.btn-apply.color7:hover {background: #d4750e;}

.program .col-num{width: 200px;}
.program .col-name{width: calc(100% - 310px);}
.program .col-apply{width: 110px;}

.program2 .col-name2{width: 200px;}
.program2 .col-name3{width: calc(100% - 200px);}

.program-list .col-num{width: 100px;}
.program-list .col-program{width: 150px;}
.program-list .col-name{flex: 1;}
.program-list .col-date{width: 200px;}
.program-list .col-state{width: 150px;}

.tableBoard{border-top: 2px solid #000000;}
.tableBoard-header{display: flex; flex-wrap: wrap;}
.tableBoard-header .table-th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 14.5px 24px; font-weight: normal; text-align: center;}
.tableBoard-header .table-th.no-data{flex-wrap: wrap; width: 100%; justify-content: center; padding: 50px 0;}
.tableBoard-header .table-th p{color: #000000; font-family: "HG Medium"; font-size: 17px; text-align: center;}
.tableBoard-header .table-th:last-child{border-right: 0;}
.tableBoard-content .tableBoard-content-box {display: flex; flex-wrap: wrap;}
.tableBoard-content .tableBoard-content-box a {display: flex; flex-wrap: wrap; width: 100%;}
.tableBoard-content .table-th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 14.5px 24px; font-weight: normal; text-align: center;}
.tableBoard-content .table-td.no-data{width: 100%;}
.tableBoard-content .table-td{background-color: white; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 12px 24px; text-align: center; display: block; color: #555555; font-size: 16px;}
.tableBoard-content .table-td span{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.tableBoard-content .tableBoard-content-box a:hover span{background-size: 100% 1px;}
.tableBoard-content .table-td:last-child{border-right: 0;}
.tableBoard-content input[type="text"],
.tableBoard-content input[type="number"],
.tableBoard-content select{border: 1px solid #eaeaea; background-color: white; padding: 5px 10px; border-radius: 5px; font-size: 16px; font-family: "HG Regular"; margin-right: 5px;}
.tableBoard-content input[type="text"].block{display: block; width: 100%; margin: 5px 0;}
.tableBoard-content .no-data{display: block; text-align: center; width: 100%; padding: 50px 0; border-bottom: 1px solid #dddee0;}
.tableBoard-content a:hover strong{color: #0066b3;}

.tableBoard .align-l{text-align: left;}

@media screen and (max-width: 1000px) {
    .tableBoard-header{display: none;}
    .tableBoard .tableBoard-content-box{border-bottom: 1px solid #dddee0; padding: 15px 0;}
    .tableBoard-content .table-th,
    .tableBoard-content .table-td{border: 0; padding: 0 15px; text-align: left; position: relative; background-color: transparent;}
    .tableBoard-content .table-td::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #555555;}
    .tableBoard-content .table-td:last-child::after{display: none;}
    .tableBoard-content .table-td p{font-size: 13px; color: #888888;}
    .tableBoard .col-name{width: 100%; margin-bottom: 10px;}
    .tableBoard .col-program::after,
    .tableBoard .col-name::after{display: none;}
    .tableBoard-content input[type="text"],
    .tableBoard-content input[type="number"]{max-width: 165px;}
    .tableBoard-content input[type="text"].block{max-width: none;}

    .program2 .col-name2{width: 100%; margin-bottom: 10px;}
    .program2 .col-name3{width: 100%; }

    .tableBoard-content .table-td{width: auto !important;}
    .tableBoard-content .table-td.col-name{width: 100% !important; flex: none;}
    .tableBoard-content .table-td.col-name p{font-size: 16px; color: #555555;}
    .tableBoard-content .table-td.col-num{display: none;}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 35px;height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 2px;}
._fnctWrap ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'HG Regular'; position: relative;}
._fnctWrap ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/first-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._prev{background: url(./../images/prev-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/prev-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/next-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._next{background: url(./../images/next-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/last-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important; border-radius:5px; background:#0066b3; color:#fff; font-family: 'HG Medium';}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
	._fnctWrap ._paging ._inner ._pageState {display: block; font-size: 18px; font-family: 'HG Regular'; color:#121212; line-height: 35px;}
	._fnctWrap ._paging ._inner ._curPage {position: relative; color:#1265d3;}
	._fnctWrap ._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'HG Regular'; }
	._fnctWrap ._paging ._inner ul {display: none;}
	._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}

.apply-form .subject {display: flex; justify-content: space-between; align-items: flex-end;}
.apply-form .subject.end {justify-content: flex-end;}
.apply-form .subject .objHeading_h2 {margin-top: 0;}
.apply-form .subject .noti {font-size: 14px; color: #d6001e;}
.apply-form .box {border-top: 2px solid #3176d0;}
.apply-form .row {display: flex;}
.apply-form .row .title {display: flex; align-items: start; flex-shrink: 0; width: 240px; min-height: 70px; padding-left: 30px; background: #f5f7f9; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding-top: 20px;}
.apply-form .row .title .must {position: relative; top: 2px; display: block; width: 8px; height: 8px; margin-left: 10px; background: url('../images/ic-must.png') no-repeat center; text-indent: -99999px;}
.apply-form .row .insert {display: flex; align-items: center; flex-grow: 1; flex-wrap: wrap; padding: 15px 0; padding-left: 30px; border-bottom: 1px solid #e1e1e1;}
.apply-form .row .insert .inp {width: 100%; height: 40px; padding: 0 15px; border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #333;}
.apply-form .row .insert .inp.max115 {max-width: 115px;}
.apply-form .row .insert .inp.max230 {max-width: 230px;}
.apply-form .row .insert .inp.max320 {max-width: 320px;}
.apply-form .row .insert .inp.max400 {max-width: 400px;}
.apply-form .row .insert .inp.max670 {max-width: 670px;}
.apply-form .row .insert .sel {height: 40px; padding: 0 70px 0 20px; background: url('../images/ic-form-sel.png') no-repeat calc(100% - 10px) center;  border: 1px solid #cccccc; border-radius: 5px; font-family: 'HG Regular'; font-size: 15px; color: #666666; appearance: none;}
.apply-form .row .insert .flex {display: flex; align-items: center; width: 100%;}
.apply-form .row .insert .space {padding: 0 10px;}
.apply-form .row .insert .noti {font-size: 14px; color: #666666;}
.apply-form .row .insert .noti2 {font-size: 14px; color: #d6001e;}
.apply-form .row .insert .radio-dots input[type="radio"]{display: none;}
.apply-form .row .insert .radio-dots .check-icon{width: 16px; height: 16px; border-radius: 50%; border: 1px solid #eaeaea; position: relative;display: inline-block; margin-right: 5px; top: 2px;}
.apply-form .row .insert .radio-dots input[type="radio"]:checked ~ .check-icon{border: 1px solid #aaaaaa;}
.apply-form .row .insert .radio-dots input[type="radio"]:checked ~ .check-icon::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border-radius: 50%; background-color: #0067b3; transform: translate(-50%, -50%)}
.apply-form .row .insert .checkbox-dots li{display: block;}
.apply-form .row .insert .checkbox-dots input[type="checkbox"]{display: none;}
.apply-form .row .insert .checkbox-dots .check-icon{width: 16px; height: 16px; border-radius: 3px; border: 1px solid #eaeaea; position: relative;display: inline-block; margin-right: 5px; top: 2px;}
.apply-form .row .insert .checkbox-dots input[type="checkbox"]:checked ~ .check-icon{border: 1px solid #0067b3; background-color: #0067b3}
.apply-form .row .insert .checkbox-dots input[type="checkbox"]:checked ~ .check-icon::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 9px; height: 6px; margin: -3px 0 0 -4.5px; background: url(../images/check_icon.png) no-repeat center center / cover;}
.apply-form .row .insert.full{flex-direction: column; align-items: start;}
.apply-form .buttons {display: flex; justify-content: center; align-items: center;}

.program .intro-background{text-align: center;}
.intro-background input[type="checkbox"]{display: none;}
.intro-background .checkbox-icon{width: 16px; height: 16px; border-radius: 3px; border: 1px solid #1b1b1b; position: relative;display: inline-block; margin-right: 5px; top: 2px;}
.intro-background input[type="checkbox"]:checked ~ .checkbox-icon{border: 1px solid #0067b3; background-color: #0067b3}
.intro-background input[type="checkbox"]:checked ~ .checkbox-icon::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 9px; height: 6px; margin: -3px 0 0 -4.5px; background: url(../images/check_icon.png) no-repeat center center / cover;}

@media screen and (max-width: 1024px) {
	.apply-form .row {flex-direction: column;}
	.apply-form .row .title {width: 100%; border-right: 0; font-size: 16px;}
}