@CHARSET "UTF-8";

/**** Category *****/
.cate{border: 1px solid #1265d3; border-radius: 5px; background: #fbfcfe url(../images/cate_background.png) no-repeat right -43px center; padding: 17px 45px; margin-bottom: 62px;}
.cate .category{display: flex; flex-wrap: wrap; justify-content: start; align-items: center;  margin: 0 -40px;}
.cate .category button{display: block; font-family: "HG Medium"; font-size: 17px; color: #666666; line-height: 2;}
.cate li.active button{color: #1265d3; position: relative; font-family: "HG Medium";}
.cate li.active button::before{content:""; display: block; position: absolute; left: 50%; margin-left: -4.5px; top: 0; width: 9px; height: 6px; background: url(../images/cate_check.png) no-repeat center center;}
.cate li.active button::after{content:""; display: block; position: absolute; left: 0; bottom: 4px; width: 100%; height: 1px; background-color: #1265d3;}
.cate .category li{padding: 0 40px;}

@media screen and (max-width: 768px) {
    .cate{margin-bottom: 50px;}
    .cate .category{margin: 0 -20px;}
    .cate .category li{padding: 0 20px;}
}


/***** Search *****/
.srch_box{overflow:hidden;position: relative;display: flex; align-items: center; justify-content: end; margin-bottom: 30px;}
.rss-countbox {display: inline-flex; align-items: center; align-self: end;}
.rss{display: inline-block; margin-right: 10px;}
.rss a{width:30px; height: 30px; background:url('../images/rss.jpg') no-repeat center; display: inline-block; text-indent: -9999px;}

.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 ._selectBox.long{min-width: 200px;}

.search .input-search {position: relative; display: inline-block;}
.search .board-serch input[type="text"]{width: 280px;background-color:#fff; background-image:none;}
.search .search-btn {border:none; text-indent: -9999px; width:50px; height:50px; background:url('../images/ico-search.png') no-repeat center; position: absolute; right:0; top:0;}
._fnctWrap .board-serch{}
._fnctWrap .search > fieldset{display:inline-block;vertical-align:middle;}
._fnctWrap .board-date{display: inline-block;vertical-align:middle;}
._fnctWrap .board-date .line{display:inline-block;vertical-align:middle;}
._fnctWrap .board-date .line label{display:none;}
._fnctWrap .board-date .date-space{display:inline-block;vertical-align:middle;margin: 0 10px;}
._fnctWrap .board-date input[type="text"]{width:170px;padding-left:40px;display:inline-block;background-image:url('../images/calendar.png'), url('../images/sel-arrow.png');background-repeat:no-repeat;background-position: 15px center, 92% center;}



@media screen and (max-width:1200px){
	.rss{margin-left:0;padding-top: 5px;background-position: left 11px;}
	._fnctWrap .search > fieldset{display:block;margin-top:5px;}
	.search{}
}

@media screen and (max-width:1024px){
	.search{display: block;float: none;text-align: left;}
	.search .board-date{margin-bottom: 10px;}
	.search .board-serch{}
}
@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%;}
}

.boardWrap{margin-bottom: 49px; border-top:2px solid #003377;}
.boardWrap table {width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
.boardWrap table caption{display:none;}
.boardWrap table th {background-color: #f8f8f8;color:#121212;font-weight: normal;border-bottom: 1px solid #8b9099;padding: 14px 5px;font-size: 16px;font-family: 'HG Regular';}
.boardWrap table td {border-bottom: 1px solid #E2E2E2;padding: 12.5px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'HG Regular';font-size: 16px;position:relative; overflow: hidden;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table th.td-counts{display: none;}
.boardWrap table td a{display: block;font-size:16px; font-family: 'HG Regular'; color:#121212; display:flex; align-items:center; white-space:normal;}
.boardWrap table td a strong {display:-webkit-inline-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; line-height: 30px; background: linear-gradient(to bottom, transparent 98%, rgba(0,0,0,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.boardWrap table td a:hover strong{background-size:100% auto;}
.boardWrap table td a img{vertical-align: middle;}
.boardWrap table td img{display:block;margin:0 auto;}
.boardWrap table td .file-count{position: absolute; width: 15px; height: 15px; border-radius: 50%; background-color: #ff8400; right: 28px; bottom: 17px; line-height: 15px; font-size: 10px; color: white; text-align: center;}
.boardWrap .boardTitle{color:#003d7e;font-size:16px;font-weight:600;}
.boardWrap table tr.notice {background:#f1f6fa;}
.boardWrap table tr:last-child td {border-bottom:1px solid #8b9099;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0; color:#444444; font-family: 'HG Regular'; font-size: 16px;}
.boardWrap td.td-num{color: #666666;}
.boardWrap .new{background: url('../images/new.png') no-repeat center;width:21px;height: 21px;display: inline-block;vertical-align: middle;margin: 0px 0 0 10px;text-indent: -9999px; flex-shrink: 0;}
.boardWrap .lock{background: url('../images/lock.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: 0px 0 0 3px;text-indent: -9999px;}
.boardWrap .clsdr{background: url('../images/clsdr.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: 0px 0 0 3px;text-indent: -9999px;}
.boardWrap .link{background: url('../images/link.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: 0px 0 0 3px;text-indent: -9999px;}
.boardWrap .notice-title {font-size: 16px;color:#fff;font-family: 'HG Regular'; background: url('../images/ic-noti.png') no-repeat center; display: block; width:100%; height:100%; }
.boardWrap .notice-title span {display:inline-block; text-indent: -9999px;}
.boardWrap .notice,
.boardWrap .notice a{color:#121212;}
.boardWrap .trash{color:#999;}
.boardWrap .trash a strong{color:#999; text-decoration: line-through;max-width:calc(100% - 110px);display:inline-block;}
.boardWrap .trash a:hover{color:#bbb;}
.boardWrap .trash .typeCl {color:#a6a6a6; border:1px solid #a6a6a6;}
.boardWrap .trash .td-num {background:url('../images/ic-trash.png') no-repeat center; text-indent: -9999px;}

.boardWrap .cate-name {display: inline-block; min-width:90px; border:1px solid #00948d; color:#00948d; border-radius:10px; text-align: center; line-height: 28px; background:#fff; font-family: 'HG Regular'; font-size: 14px; padding-right: 0; margin-right: 22px}
.boardWrap .cate-name::after {display: none;}
.boardWrap .cate-name.color-1{border:1px solid #00948d; color:#00948d;}
.boardWrap .cate-name.color-2{border:1px solid #0066b3; color:#0066b3;}
.boardWrap .cate-name.color-3{border:1px solid #eb7a00; color:#eb7a00;}
.boardWrap .cate-name.color-4{border:1px solid #00948d; color:#00948d;}
.boardWrap .cate-name.color-5{border:1px solid #00948d; color:#00948d;}
.boardWrap .cate-name.color-6{border:1px solid #0066b3; color:#0066b3;}
.boardWrap .cate-name.color-7{border:1px solid #eb7a00; color:#eb7a00;}
.boardWrap .cate-name.color-8{border:1px solid #00948d; color:#00948d;}

.boardWrap .comment {color:#EEA800; margin-left: 3px;}

.boardWrap table td input[type="button"]{padding: 5px 12px;background:#273ca5;border-radius: 5px;color:#fff;border:1px solid rgba(0,0,0,0);transition:all ease .5s;}
.boardWrap table td input[type="button"]:hover{border:1px solid #273ca5;background:#fff;color:#273ca5;font-family:'HG Regular';}
.boardWrap table td.td-etc{overflow:hidden;}
.boardWrap .td-state > span {font-size: 16px; font-family: 'HG Medium';}
.boardWrap .td-state .p1 {color:#083CA6;}
.boardWrap .td-state .p2 {color:#828282;}
.boardWrap .td-state .p3 {color:#079DAB;}

.before_nect_use .lock{background: url('../images/lock.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .clsdr{background: url('../images/clsdr.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}
.before_nect_use .link{background: url('../images/link.png') no-repeat center;width:20px;height: 19px;display: inline-block;vertical-align: middle;margin: -2px 0 0 10px;text-indent: -9999px;}


.boardWrap table .col-check{width:50px;}
.boardWrap table .col-num{width:5%;}
.boardWrap table .col-title{width:auto;}
.boardWrap table .col-writer{width:10%;}
.boardWrap table .col-date{width:8%;}
.boardWrap table .col-comment{width:7%;}
.boardWrap table .col-state{width:8%;}
.boardWrap table .col-counts{width: 5%;}
.boardWrap table .col-file{width:6%;}
.boardWrap table .col-etc{width:10%;}

.boardWrap table td.no-data {position: absolute;left: 50%;transform: translateX(-50%);top: 336px;}

@media screen and (max-width:1200px){
	.boardWrap table th{font-size:16px;}
	.boardWrap table .col-state{width:9%;}
	.boardWrap table .col-counts{width:7%;}
	.boardWrap table .col-date{width:12%;}
	.boardWrap table .col-file{width:8%;}
	#_contentBuilder.off .board-list .btns::before {top: -125px}
    .boardWrap table td .file-count{right: 22px;}
}

@media screen and (max-width:1024px){
	.boardWrap table td.no-data {top: 393px}
}

@media (max-width: 1000px) {
	.boardWrap table td.no-data {top: 455px;}
    .board-view .con-table table{width: 100% !important; display: block;}
    .board-view .con-table::after{display: none;}
    .board-view .con-table tbody{display: block;}
    .board-view .con-table tbody tr{display: block; padding-bottom: 8px; border-bottom: 1px solid #dddee0;}
    .board-view .con-table tbody th{display: block; width: 100%; background-color: transparent; border: 0; text-align: left;}
    .board-view .con-table tbody td{width: auto; padding: 0 15px; border: 0; position: relative; font-size: 13px;}
}

@media screen and (max-width:1000px){
	#_contentBuilder.off {min-height: 300px;}
	#_contentBuilder.off .boardWrap {margin-bottom: 200px;}
	#_contentBuilder.off .boardWrap table tr:last-child {border-bottom: 0;}
	.boardWrap table td.no-data {top: 416px;}
	.boardWrap table{display: block;}
	.boardWrap table thead{display: none;}
	.boardWrap table tbody{display: block;text-align: left;}
	.boardWrap table .td-title{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 7px;line-height: 1.4;}
	.boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden; padding: 15px 0;}
	.boardWrap table td{border-bottom:0;float:left;padding: 0 15px;position: relative; font-size: 13px; color: #888888; line-height: 2;}
    .boardWrap table td.td-name{padding: 0 15px; margin-bottom: 10px;}
    .boardWrap table td::after{content:""; display: block; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background-color: #888;}
    .boardWrap table td.td-name::after{display: none;}
    .boardWrap table td:last-child::after{display: none;}
	.boardWrap table tr:last-child td{border-bottom: 0;}
	.boardWrap table .td-date,
	.boardWrap table .td-counts,
	.boardWrap table .td-file,
	.boardWrap table .td-access,
	.boardWrap table .td-comment,
	.boardWrap table .td-state,
	.boardWrap table .td-etc{display: inline-block;vertical-align: top;font-size: 13px;color:#888;font-family: 'HG Regular';}
	.boardWrap table .td-file img{width:15px;display: inline-block;margin-top:4px;}
	.boardWrap table .td-state::before {display: none;}
	.boardWrap table .td-state span {font-size: 13px;}
	.boardWrap .typeCl{font-size: 13px; line-height: 22px; min-width:70px;}
    .boardWrap table td .file-count{right: 0; bottom: 0;}

    .boardWrap table td.td-num{display: none;}
    .boardWrap table td.td-name{width: 100%; display: block;}


}

/****regist****/
.writeForm{border-top:2px solid #353e4d;border-bottom:1px solid #353e4d;font-size:0;}
.artclForm{position: relative;padding:7px 3% 7px 290px;overflow: hidden;height: 70px;border-bottom:1px solid #dcdcdc;font-size:17px;box-sizing: border-box;line-height: 1;}
.artclForm:nth-last-child(1){border-bottom:0;}
.artclForm.half{width:50%;display:inline-block;}
.artclInsert.flexed{display: flex; align-items: center;}
.artclInsert.flexed > span{font-size: 14px; display: inline-block; margin-left: 10px;}
.artclInsert input[type="text"],
.artclInsert input[type="password"]{height:55px;line-height: 55px;box-sizing: border-box;border:1px solid #c3c3c3;width:100%;font-family: 'HG Regular';color:#666;font-size:17px;padding-left:15px;}
.artclInsert select{min-width:150px;height:55px;line-height: 55px;padding-left:15px;border:1px solid #c3c3c3;font-family: 'HG Regular';color:#666;font-size:17px;padding-right:50px;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.artclInsert select.sel-type{background:#fff url('../images/sel_arrow.png') no-repeat calc(100% - 15px);}
.artclInsert input[type="text"].date{width:170px;padding-left:40px;display:inline-block;background-image:url('../images/calendar.png'), url('../images/sel_arrow.png');background-repeat:no-repeat;background-position: 15px center, 92% center;}
.artclLabel{box-sizing: border-box;width:270px;padding-top: 25px;background:#f8f8f8;position: absolute;left:0;top:0;text-align: center;height: 70px;font-family: 'HG Regular';color:#333;font-size:18px;}
.artclForm.total{padding:20px 45px;height: auto;}
.artclForm.total textarea{width:100%;border:1px solid #c3c3c3;color:#555;box-sizing: border-box;font-family: 'HG Regular';font-size:17px;min-height: 240px;padding:20px;-webkit-appearance:none;resize:none;}
.writeForm .must{background:url('../images/must.png') no-repeat center;text-align:left;text-indent:-9999px;width:7px;height: 7px;display: inline-block;vertical-align: top;margin-left:7px;margin-top: 5px;}
.artclForm .radio-dots li{margin-bottom: 10px;}
.artclForm .radio-dots li:last-child{margin-bottom: 0;}
.artclForm .radio-dots input[type="radio"]{display: none;}
.artclForm .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;}
.artclForm .radio-dots input[type="radio"]:checked ~ .check-icon{border: 1px solid #aaaaaa;}
.artclForm .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%)}

.intro-background {text-align: center;}
.intro-background .checkbox-dots li{display: block;}
.intro-background .checkbox-dots input[type="checkbox"]{display: none;}
.intro-background .checkbox-dots .check-icon{width: 16px; height: 16px; border-radius: 3px; border: 1px solid #1b1b1b; position: relative;display: inline-block; margin-right: 5px; top: 2px;}
.intro-background .checkbox-dots input[type="checkbox"]:checked ~ .check-icon{border: 1px solid #0067b3; background-color: #0067b3}
.intro-background .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;}

.artclForm .switch{display:inline-block;margin-left: 20px;}
.artclForm .switch > ul > li{display:inline-block;vertical-align:top;}
.artclForm .switch > ul > li + li{margin-left:10px;}
.artclForm.attch{height:auto;}
.artclForm.attch .artclLabel{height:210px;}
.artclForm.attch .multselBox{width: calc(100% - 450px);max-width:700px;height:100%;border:1px solid #c3c3c3;color:#555;font-family: 'HG Regular';font-size:17px;}
.atchmnBtns{display: inline-block;vertical-align: bottom;box-sizing: border-box;width: 400px;padding-left: 15px;}
.board-write .btns{text-align: center;padding:40px 0;}
.board-write .btns input{margin:0 3px;}
._radio{display:inline-block;vertical-align:middle;position: relative;}
._radio li{display: inline-block;vertical-align: middle;position: relative;}
._radio li + li{margin-left:20px;}
._radio li input[type="radio"]{height: 55px;line-height: 55px;appearance:none;width:16px;}
._radio li input[type="radio"] + label:before{content:'';width:16px;height: 16px;border-radius: 50%;border:1px solid #b7b7b7;position: absolute;left: 5px;top:50%;margin-top:-10px;}
._radio li input[type="radio"]:checked + label:after{content:'';width:6px;height: 6px;border-radius: 50%;background:#00428e;position: absolute;left: 10px;top: 50%;margin-top: -5px;}
._radio li label{height: 55px;line-height: 55px;display: inline-block;vertical-align: top;font-size: 16px;color:#666;font-family: 'HG Regular';}
.artclForm.thumImg .artclInsert input[type="text"] {width:calc(100% - 450px);}

.public-type{min-width:initial;}
.pass-form{display:inline-block;vertical-align:middle;margin-left: 20px;font-size:17px;position: relative;top: -3px;}
.pass-form label{margin-right:10px;display: inline-block;vertical-align: middle;}
.pass-form input[type="password"]{height: 55px;line-height: 55px;box-sizing: border-box;border:1px solid #c3c3c3;color:#666;font-size:17px;padding-left:15px;display: inline-block;vertical-align: middle;width: auto;}

.atchmnBtns{padding-left:20px;padding-bottom: 5px;width: calc(100% - 670px);}
.atchmnBtns p{font-size:16px;font-family: 'HG Regular';color:#666;padding:15px 0;}
.atchmnBtns p strong{font-family: 'HG Regular';color:#212121;font-weight: normal;}
.atchbtn input{color:#fff;font-size:15px;font-family: 'ndl';border:0;padding: 7px 15px 7px 40px;border-radius: 3px;}
.atchbtn.add input{background:#6d6b76 url('../images/attch_btn01.png') no-repeat 12px center;}
.atchbtn.del input{background:#6d6b76 url('../images/attch_btn02.png') no-repeat 12px center;}

.possible{padding: 15px 0;line-height: 1.4;letter-spacing: 0.5px;}

@media screen and (max-width:1200px){
.artclLabel{width: 150px;}
.artclForm{padding:7px 3% 7px 170px;}
.artclForm.attch .multselBox{/* width:100%; *//* height: 110px; */}
.atchmnBtns{padding-left:0;margin-top:12px;}
.atchmnBtns p{padding:10px 0;}
}

@media screen and (max-width:1023px){
.atchmnBtns{width: 280px;}
.artclForm.thumImg .artclInsert input[type="text"] {width:calc(100% - 285px);}
.artclForm.attch .multselBox{width:calc(100% - 285px);}
.artclForm.twoline,
.artclForm.twoline .artclLabel{height:130px;}
.artclForm.twoline .switch,
.artclForm.twoline .pass-form{display:block;margin-left:0;}
}

@media screen and (max-width:767px){
.artclLabel{width: 120px;font-size:15px;padding-top:18px;height: 56px;}
.writeForm .must{margin-top:5px;}
.artclForm{padding: 5px 2% 5px 125px;height: 56px;}
.artclInsert input[type="text"]{height: 45px;font-size:15px;}
.artclInsert select{min-width:110px;height: 45px;line-height: 45px;font-size:15px;}
.artclForm.half{width:100%;}
.artclForm.total{padding: 20px 15px;}
._radio li input[type="radio"]{height: 45px;margin-right: 5px;}
._radio li label{height: 45px;line-height: 45px;font-size: 14px;}
.artclInsert input[type="text"].date{width: 85px;padding-left: 24px;background-position: 5px center, 92% center;background-size: 13px;font-size: 12px;}
.artclInsert{letter-spacing: -2px;}
._radio li{height:auto;line-height:1;}
._radio li + li{margin-left:12px;}
.atchmnBtns{margin-top: 2px;width: 100%;}
.atchmnBtns p{display: none;}
.atchbtn{display: inline-block;margin-top: 3px;width: auto;max-width: 100%;}
.atchbtn input{font-size:12px;}
.artclForm.total textarea{font-size:15px;}
.artclForm.thumImg{height:100px;}
.artclForm.thumImg .artclLabel{height:100px;}
.artclForm.thumImg .artclInsert input[type="text"]{width:100%;}
.artclForm.attch .multselBox{width:100%;height: 100px;}
 .artclForm.attch{height: 270px;}
 .artclForm.attch .artclLabel{height: 270px;}
.possible{font-size:14px;}
.public-type{width:100%;}
.artclForm .switch > ul > li + li{margin-left:5px;}
.artclForm.twoline,
.artclForm.twoline .artclLabel{height:100px;}
.pass-form label{font-size:16px;}
.pass-form input[type="password"]{height:45px;width:180px;}
}

/***** btn *****/
.board-list .btns{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;}

.btn-mine{display:inline-block;}
.btn-control{display:inline-block;}

@media screen and (max-width:1200px){
.btns a,
.btns button,
.btns input{padding:8px 22px;font-size: 15px; min-width:100px; height:40px;}
.board-list .btns{margin-top:40px;text-align: center;}
.board-view .btns{padding: 30px 0;}
}

/***** 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;}
}

.board-view .btns{padding:50px 0px;text-align: right;position:relative;}

.attachment ul{position: relative;}
.attachment ul li{position: relative;line-height: 2; padding-left:37px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.attachment ul li:last-child {margin-bottom: 0;}
.attachment ul li::after {content:''; width:23px; height:25px; background:url('../images/view-file.png') no-repeat center; position: absolute; left:0; top:2px;}
/* .attachment ul li + li{margin-top: 5px;} */
.attachment ul li > a{display: inline-block;font-family: 'HG Regular';font-size: 14px;color: #333333; position: relative;}
.attachment ul li > a:hover {text-decoration: underline;}
.attachment ul li > a img{vertical-align: middle;}
.attachment ul li > a.preview{color:#4b4b4b;font-family: 'HG Regular';font-size:15px;background: #fff url('../images/preview.png') no-repeat 15px center;padding: 6px 18px 6px 42px;border: 1px solid #b2b2b2;border-radius: 5px;margin-left: 20px;vertical-align: middle;}

@media screen and (max-width: 768px) {
    .attachment{padding: 25px 10px;}
    .attachment ul{padding-left:0;background: none;}
    /* .attachment ul li{padding-left:25px;} */
    .attachment ul li + li{margin-top:5px;}
    .attachment ul li a{font-size:14px;color:#666;line-height: 1.6;}
    .attachment ul li a.preview{font-size:14px;margin-top:5px;background-size: 14px;padding: 3px 10px 3px 30px;background-position: 10px center;margin-left: 12px;}
}

.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;}
}

.password_check_view{visibility: hidden; opacity: 0; display: none; transition: all .5s;}
.password_check_view.active{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 100; visibility: visible; opacity: 1; display: table;}
.password_check_view .password_check_inner{display: table-cell; vertical-align: middle;}
.password_check_view .password_check_box{max-width: 700px; margin: 0 auto; background-color: white;}
.password_check_view .password_check_header{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #0066b3; padding: 10px 20px;}
.password_check_view .password_check_header h1{font-size: 16px; color: white; font-family: "HG Regular";}
.password_check_view .password_check_header .password_check_close{width: 25px; height: 25px; text-indent: -9999px; background: url(../images/user_service_close.png) no-repeat center center / cover;}
.password_check_view .password_check_content {text-align: center; padding: 50px 0;}
.password_check_view .password_check_content .input-text{border: 1px solid #eaeaea; background-color: white; padding: 5px 10px; border-radius: 5px; font-size: 16px; font-family: "HG Regular"; margin-right: 5px;}
.password_check_view .password_check_content .confirm-button{border: 0; border: 1px solid #121212; padding: 4px 10px; font-size: 16px; color: #121212; background-color: white; border-radius: 5px; cursor: pointer; transition: all .5s;}
.password_check_view .password_check_content .confirm-button:hover{background-color: #121212; color: white;}







[data-visible="block"] {
	display: block !important;
}

[data-visible="none"] {
	display: none !important;
}