@charset "UTF-8";

/* 폼 */
/*.applicationWrap .table_1 thead th, .table_1 tbody td { border-right:none !important; }	*/
.applicationWrap .count-txt { font-size:16px; color:#333; font-family:"Noto Light"; margin-bottom:20px; }
.applicationWrap .count-txt strong { color:#1e5ba8; font-weight:bold; }

/* 버튼 */
.applicationWrap .btn-deco { display: inline-block; min-width: 80px; cursor: pointer; font-size: 14px; height: 40px; line-height: 37px; text-align: center; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight'; }
.applicationWrap  a.btn-deco, .applicationWrap input.btn-deco {color: #fff;}
.applicationWrap .btn-deco.color1 {background: #8e99ab; border: 1px solid #8e99ab;}
.applicationWrap .btn-deco.color2 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.applicationWrap .btn-deco.color3 {background: #007e77; border: 1px solid #007e77;}
.applicationWrap .btn-deco.color4 {background: #2b3e5c; border: 1px solid #2b3e5c;}
.applicationWrap .btn-deco.color5 {background: #004594; border: 1px solid #004594;}
.applicationWrap .small-btn {display: inline-block; cursor: pointer; font-size:12px; height:unset; line-height:unset; text-align:center; padding:4px 20px; margin:0; font-family: 'Noto Light';}
.applicationWrap .small-btn.color1 {background: #004594; color: #fff; border: 1px solid #004594;}
.applicationWrap .small-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

/* 페이징 */
.applicationWrap ._paging { text-align: center; padding: 10px 0 }
.applicationWrap ._paging ._inner { overflow: hidden; position: relative; height: 38px; display: inline-block; zoom:1;_display: block }
.applicationWrap ._paging ._inner a, 
.applicationWrap ._paging ._inner li,
.applicationWrap ._paging ._inner p,
.applicationWrap ._paging ._inner span, 
.applicationWrap ._paging ._inner strong,
.applicationWrap ._paging ._inner ul { float: left }
.applicationWrap ._paging ._inner a,
.applicationWrap ._paging ._inner strong { width: 36px; height: 36px; line-height: 36px; border-width: 1px; border-style: solid; border-color: #cdcdcd; text-align: center; margin: 0 1px }
.applicationWrap ._paging ._inner ._pageState { display: none; padding: 0 1em }
.applicationWrap ._paging ._inner ._pageState span { line-height: 36px; font-size: 1.4em; padding: 0 .2em }
.applicationWrap ._paging ._inner ._pageState span._curPage { color: #d84a38; }
.applicationWrap ._paging ._inner ._pageState span._curPage:after { content: "/"; margin-left: .4em; color: #000; }
.applicationWrap ._paging ._inner a { background-color: #f0f0f0; color: #333; }
.applicationWrap ._paging ._inner a._first, 
.applicationWrap ._paging ._inner a._last,
.applicationWrap ._paging ._inner a._listNext,
.applicationWrap ._paging ._inner a._listPrev, 
.applicationWrap ._paging ._inner a._next,
.applicationWrap ._paging ._inner a._prev { font-size: 0; text-indent: -5000px; background-image: url("/Web-home/_UI/images/common/paging.gif"); background-repeat: no-repeat; }
.applicationWrap ._paging ._inner a._first { background-position: 0 0; }
.applicationWrap ._paging ._inner a._listPrev,
.applicationWrap ._paging ._inner a._prev { background-position: 0 -36px; }
.applicationWrap ._paging ._inner a._listNext,
.applicationWrap ._paging ._inner a._next { background-position: 0 -72px; }
.applicationWrap ._paging ._inner a._last { background-position: 0 -108px; }
.applicationWrap ._paging ._inner a._listNext,
.applicationWrap ._paging ._inner a._listPrev { display: none; }
.applicationWrap ._paging ._inner ul { overflow: hidden; position: relative; height: 38px; }
.applicationWrap ._paging ._inner ul li strong { background-color: #4f4f4f; border-color: #4f4f4f; color: #fff; }
.applicationWrap ._paging ._inner ul li a { background-color: #fff; }


/* 쓰기 */
.applicationWrap .applicationWrite { border-top:2px solid #7c7c7c; border-bottom:1px solid #7c7c7c; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.applicationWrap .applicationWrite .row { flex-basis:50%; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; border-top:1px solid #dadada; }
.applicationWrap .applicationWrite .row.w100 { flex-basis:100%; }
.applicationWrap .applicationWrite .row.editor { flex-basis:100%; border-top:0; }
.applicationWrap .applicationWrite .row.fileBox:first-child { border-top:1px solid #7c7c7c; }
.applicationWrap .applicationWrite .row.fileBox:last-child { border-bottom:1px solid #7c7c7c; }

.applicationWrap .applicationWrite .row .title { width:30%; cursor:none; background-color:#f5f5f5; font-size:15px; color:#444; font-weight:400; padding:10px 32px; display:flex; align-items:center; }
.applicationWrap .applicationWrite .row.w100 .title { width:15%; }
.applicationWrap .applicationWrite .row.editor .title { width:0; }
.applicationWrap .applicationWrite .row .title .must { background:url("../images/must.gif") no-repeat center center; text-indent:-9999px; display:inline-block; margin-left:5px; width:unset; height:unset; top:unset; }

.applicationWrap .applicationWrite .row .insert { width:70%; padding:10px; font-size:13px; font-weight:300; color:#686868; display:flex; flex-flow:row wrap; align-items:center; }
.applicationWrap .applicationWrite .row.w100 .insert { width:85%; }
.applicationWrap .applicationWrite .row.editor .insert { width:100%; padding:0; display:block; }
.applicationWrap .applicationWrite .row .insert input[type="text"] { width:100%; box-sizing:border-box; border:1px solid #dfdfdf; height:30px; padding:0 10px; font-size:13px; color:#686868; }
.applicationWrap .applicationWrite .row .insert select { width:100%; border:1px solid #dfdfdf; height:30px; font-size:13px; color:#686868; padding:0 10px; appearance:none; background: #fff url("../images/arrow-search.png") no-repeat right center; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w20px { width:20px; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w100px { width:100px; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w200px { width:200px; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w40 { width:40%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w45 { width:45%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w50 { width:50%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w70 { width:70%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w75 { width:75%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w80 { width:80%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w90 { width:90%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w92 { width:92%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w93 { width:93%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w94 { width:94%; }
.applicationWrap .applicationWrite .row .insert input[type="text"].w95 { width:95%; }
.applicationWrap .applicationWrite .row .insert input[type="radio"] { margin-top:-5px; }

.applicationWrap .applicationWrite .row.fileBox .insert { flex-flow:row wrap; align-items:stretch; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachWrap { width:calc(100% - 335px); }
.applicationWrap .applicationWrite .row.fileBox .insert .attachWrap select { width:100%; height:130px; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap { width:335px; padding-left:15px; display:flex; flex-direction:column; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap.dRow { flex-direction:row; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn { margin-right:10px; margin-bottom:10px; color:#444; border:1px solid #d5d5d5; font-size:11px; padding:0 10px; padding-left:45px; width:145px; height:30px; cursor:pointer; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn.add { background:url("../images/ic_save.png") #ececec no-repeat 10px center; }
.applicationWrap .applicationWrite .row.fileBox .insert .attachBtnWrap .file-btn.del { background:url("../images/ic_delete.png") #ececec no-repeat 10px center; }

.applicationWrap .applicationWrite .row .addrWrap { display:flex; flex-flow:column nowrap; align-items:flex-start; }
.applicationWrap .applicationWrite .row .addrWrap > div { width:100%; }
.applicationWrap .applicationWrite .row .addrWrap > div:nth-child(2) { margin-top:5px; }

.applicationWrap .applicationWrite .row .insert .line { flex:0 0 auto; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; margin-right:10px; }
.applicationWrap .applicationWrite .row .insert .line label {}
.applicationWrap .applicationWrite .row .insert .line input[type="text"] { margin-left:10px; }
.applicationWrap .applicationWrite .row .insert .switch { background-color:#f5f5f5; padding:5px 15px; }
.applicationWrap .applicationWrite .row .insert .switch ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.applicationWrap .applicationWrite .row .insert .one-line { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.applicationWrap .applicationWrite .row .insert .one-line li { margin-right:10px; flex:1 0 auto; align-self:center; }

.applicationWrap .agreeWrap { background-color: #efefef; padding: 10px 20px; display: inline-block; }
.applicationWrap .agreeWrap input[type="checkbox"] { vertical-align:-4px; }

@media all and (max-width:1024px) {
	.applicationWrap .applicationWrite .row { flex-basis:100%; }
	.applicationWrap .applicationWrite .row .title, .applicationWrap .applicationWrite .row.w100 .title { width:25%; }
	.applicationWrap .applicationWrite .row .insert, .applicationWrap .applicationWrite .row.w100 .insert { width:75%; }
	.applicationWrap .applicationWrite .row .insert .line { margin-bottom:5px; }
}
@media all and (max-width:800px) {
	.applicationWrap .applicationWrite .row .title, .applicationWrap .applicationWrite .row.w100 .title { width:100%; padding:10px 32px; }
	.applicationWrap .applicationWrite .row .insert, .applicationWrap .applicationWrite .row.w100 .insert { width:100%; padding:15px 10px; }
}

/* 리스트 */
.board-wrap { width:100%; }
.board-wrap .col-num { width:60px; }
.board-wrap .col-category { width:200px; }
.board-wrap .col-subject { width:auto; }
.board-wrap .col-regDate { width:200px; }
.board-wrap .col-btn { width:150px; }
.board-wrap .col-examNum { width:120px; }
.board-wrap .col-name { width:120px; }
.board-wrap .col-status { width:120px; }

.board-wrap tbody tr:hover { background-color:#f0f5f6; }
.board-wrap th { background:#fff; font-size:18px; font-family:'Noto Medium'; font-weight:normal; padding:11px 0; border-bottom:1px solid #cfcfd1; border-top:2px solid #004594; }
.board-wrap td { text-align: center; font-size: 16px; font-family: 'Noto Light'; padding: 11px 0; color: #666; border-bottom: 1px solid #cfcfd1; }
/*
.board-wrap td.td-subject { text-align:left; }
.board-wrap td.td-subject .new { position:relative; font-size:0; text-indent:-9999px; }
.board-wrap td.td-subject .new::before { content:""; font-size:0; text-indent:-9999px; width:11px; height:11px; background:url("../images/bullNew.png") no-repeat center center; position:absolute; top:-11px; right:-15px; }
*/

@media all and (max-width:860px) {
	.board-wrap .col-num, .board-wrap .col-category, .board-wrap .col-subject, .board-wrap .col-regDate, .board-wrap .col-examNum, .board-wrap .col-name, .board-wrap .col-status, .board-wrap .col-btn { display:none; }
	.board-wrap .th-num, .board-wrap .th-category, .board-wrap .th-subject, .board-wrap .th-regDate, .board-wrap .th-examNum, .board-wrap .th-name, .board-wrap .th-status, .board-wrap .th-btn { display:none; }
	
	.board-wrap, .board-wrap tbody { display:block; }
	.board-wrap thead { display:none; }
	.board-wrap tbody tr { border-bottom:1px solid #cfcfd1; }
	.board-wrap tbody tr td { border-bottom:0 !important; padding:0 5px !important; }
	.board-wrap tbody tr { display:flex; flex-flow:row wrap; align-items:stretch; padding-bottom:15px; margin-bottom:20px; }
	
	.board-wrap .td-subject { flex-basis:100%; padding:5px !important; font-weight:bold; text-align:left; }
	.board-wrap .td-btn { flex-basis:100%; padding:5px !important; font-weight:bold; text-align:right; }

	.board-wrap .td-regDate { font-size:13px !important; font-style:italic; display:flex; align-items:center; }
	.board-wrap .td-status, .board-wrap .td-name, .board-wrap .td-examNum { font-size:13px !important; display:flex; align-items:center; } 

	.board-wrap .td-status::after, .board-wrap .td-name::after { content:"/"; display:inline-block; padding:0 5px; }
}