@charset "utf-8"; 

.boardTopWrap {overflow: hidden; position: relative; margin-bottom: 15px;}
.boardTopWrap.mt {margin-top: 60px;}
.boardWrap {position: relative;}
.boardWrap.ask {margin-top: 60px;}
.boardWrap.mt {margin-top: 40px;}

.boardWrap + .boardFilterWrap {margin-top: 30px;}

.noData, .nodata {width: 100%; padding: 30px 0 !important; text-align: center; border-bottom: 1px solid #ddd;}
.empty {display:flex; width:100%; height:calc(100% - 35px); justify-content:center; align-items:center;}


/* checkbox design */
.chk {display: inline-flex; align-items: center; margin-right: 20px; margin-top: 2px; margin-bottom: 2px;}
.chk input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.chk input[type="checkbox"] + label {position: relative; cursor: pointer; line-height: 1.1; padding-left: 28px; color: #636363;}
.chk input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url("/oasis/include/image/board/chk_off.png") no-repeat 0 0;}
.chk input[type="checkbox"]:focus + label {outline: 1px dotted #000;}
.chk input[type="checkbox"]:checked + label:before {background-image: url("/oasis/include/image/board/chk_on.png") !important; border: none !important;}
.chk input[type="checkbox"]:disabled + label:before {background-color: #f6f6f6; box-sizing: border-box; cursor: default;}
.chk2 {height:100%;}
.chk2 input[type="checkbox"] {width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.chk2 input[type="checkbox"] + label {position: relative; cursor: pointer; line-height: 1.1; padding-left: 20px; color: #636363; top:3px;}
.chk2 input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url("/oasis/include/image/board/chk_off.png") no-repeat 0 0;}
.chk2 input[type="checkbox"]:checked + label:before {background-image: url("/oasis/include/image/board/chk_on.png") !important; border: none !important;}
.chk2 input[type="checkbox"]:disabled + label:before {background-color: #f6f6f6; box-sizing: border-box; cursor: default;}

.chk.chkOnly {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.chk.chkOnly input[type="checkbox"] + label {font-size: 0; width: 20px; height: 20px; padding-left: 0; box-sizing: border-box;}

.chk.chkOnly1 input[type="checkbox"] + label {font-size: 0; width: 20px; height: 20px; padding-left: 0; box-sizing: border-box;}

/* radiobox design */
.radi {display: inline-flex !important; margin-right: 30px; margin-top: 2px; margin-bottom: 2px; padding-bottom: 0 !important;}
.radi input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.radi input[type="radio"] + label {position: relative; cursor: pointer; line-height: 1.1; padding-left: 28px; color: #636363;}
.radi input[type="radio"] + label::before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url("/oasis/include/image/board/radi_off.png") no-repeat 0 0;}
.radi input[type="radio"]:focus + label {outline: 1px dotted #000;}
.radi input[type="radio"]:checked + label:before {background-image: url("/oasis/include/image/board/radi_on.png") !important; border: none !important;}
.radi input[type="radio"]:disabled + label:before {background-color: #f6f6f6; box-sizing: border-box; cursor: default; border-radius: 100%;}


/* board search */
.boardSearch {display: flex; flex-direction: column; justify-content: flex-start; width: 100%; margin-bottom: 40px; padding: 40px; background-color: #f1f5fd; box-sizing: border-box;}
.boardSearch.mt {margin-top: 40px;}
.boardSearch .chkForm {display: flex; flex-wrap: wrap; align-items: center;}
.boardSearch .schForm {position: relative; box-sizing: border-box;}
.boardSearch.full .schForm {width: 100%;}
.boardSearch .schForm .innerSel {position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap;}
.boardSearch .schForm .innerSel select {width: 200px;}
.boardSearch .schForm .innerSel select + select {margin-left: 10px;}
.boardSearch .schForm select, .boardSearch .schForm input {height: 56px;}
.boardSearch .schForm .innerSch {display: block; position: relative;}
.boardSearch .schForm .innerSch .schSel {position: absolute; left: 0; top: 0; width: 200px;}
.boardSearch .schForm .innerSch .schSel + .schKwd {width: calc(100% - 336px); margin-left: 210px; margin-right: 126px;}
.boardSearch .schForm .innerSch .schKwd {width: calc(100% - 126px); margin-right: 126px;}
.boardSearch .schForm .btn {position: absolute; right: 0; bottom: 0; min-width: 116px; margin: 0; padding: 0 0 2px;}
.boardSearch .reset {width: 116px; min-width: auto; height: 56px; padding: 0 0 2px; border-width: 1px;}

.pageSearch {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:10px;}
.pageSearch .countBox {display:flex;}
.pageSearch .countBox .total {position:relative; margin-right:30px;}
.pageSearch .countBox .total:after {display:block; content:''; width:1px; height:15px; background:#d8d8d8; position:absolute; right:-15px; top:50%; transform:translateY(-50%);}
.pageSearch .fxcellBox .fxMerge {display:flex;}
.pageSearch .fxcellBox .fxMerge select {width:140px;}
.pageSearch .fxcellBox .fxMerge input {margin:0 5px;}

/* board search - 셀렉트박스 1개 */
.boardSearch .schForm.sel-1 {padding-left: 210px;}

/* board search - 셀렉트박스 2개 */
.boardSearch .schForm.sel-2 {padding-left: 420px;}

/* board search - 셀렉트박스 3개 */
.boardSearch .schForm.sel-3 {padding-left: 570px;}

/* board search - 상단 셀렉트 및 달력 */
.boardSearch .selFormWrap {display: flex; flex-wrap: wrap;}
.boardSearch .selFormWrap + .schForm {margin-top: 10px;}
.boardSearch .selFormWrap > div + div {margin-left: 10px;}
.boardSearch .selFormWrap > div select {width: 200px;}
.boardSearch .selFormWrap > div.first {width: 100%; margin-bottom: 10px;}
.boardSearch .selFormWrap > div.first + div {margin-left: 0;}
.boardSearch .selFormWrap > div.first select {width: 760px;}
.boardSearch .selFormWrap > div.calArea {display: flex; align-items: center;}
.boardSearch .selFormWrap > div.calArea input {width: 160px;}
.boardSearch .selFormWrap > div.calArea span {width: 20px; text-align: center;}

/* board search - 체크박스 */
.boardSearch .chkFormWrap {display: flex; margin-bottom: 30px;}
.boardSearch .selFormWrap + .chkFormWrap {margin-top: 30px;}
.boardSearch .chkFormWrap > div {position: relative; padding-left: 90px;}
.boardSearch .chkFormWrap > div + div {margin-left: 20px;}
.boardSearch .chkFormWrap > div > .tit {position: absolute; left: 0; top: 0; line-height: 1; padding-right: 14px; color: #282828;}
.boardSearch .chkFormWrap > div > .tit::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; margin-top: -7px; background-color: #aaa;}
.boardSearch .chkFormWrap > div > .chkForm {margin-right: 0;}

/* board search - 납본 */
.napbonSchWrap {display: flex; flex-direction: column; align-items: center;}
.napbonSchWrap > .btn {margin-top: 35px;}
.napbonSchWrap .napbonForm {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.napbonSchWrap .napbonForm + .napbonForm {margin-top: 20px;}
.napbonSchWrap .napbonForm .innerTit {position: relative; width: 91px; color: #282828;}
.napbonSchWrap .napbonForm .innerTit label {color: #282828;}
.napbonSchWrap .napbonForm.chkItem .innerTit {width: 121px;}
.napbonSchWrap .napbonForm .innerTit::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; margin-top: -7px; background-color: #aaa;}
.napbonSchWrap .napbonForm .innerForm {display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 110px);}
.napbonSchWrap .napbonForm.chkItem .innerForm {width: calc(100% - 140px);}
.napbonSchWrap .napbonForm .innerForm select {width: 180px; border-color: #111;}
.napbonSchWrap .napbonForm .innerForm select + select {margin-left: 10px;}
/* type1 */
.napbonSchWrap .napbonForm .innerForm.type1 {justify-content: space-between;}
.napbonSchWrap .napbonForm .innerForm.type1 input {width: calc(100% - 190px);}
/* type2 */
.napbonSchWrap .napbonForm .innerForm.type2 input {width: 60px; margin-left: 10px;}
.napbonSchWrap .napbonForm .innerForm.type2 input:last-child {width: 150px;}
/* date */
.napbonSchWrap .napbonForm .innerForm.date .calBox {display: flex; align-items: center; max-width: 460px;}
.napbonSchWrap .napbonForm .innerForm.date .calBox input {width: calc(50% - 10px);}
.napbonSchWrap .napbonForm .innerForm.date .calBox span {width: 20px; text-align: center;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox {display: flex; margin-left: 30px;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi {margin-right: 0;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi input[type="radio"] + label {display: flex; align-items: center; justify-content: center; width: 69px; height: 36px; line-height: 1.1; padding-left: 0; font-size: 0.882em; color: #282828; background-color: #fff; border: 1px solid #ddd; border-left: none; box-sizing: border-box;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi:first-child input[type="radio"] + label {border-left: 1px solid #ddd;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi input[type="radio"] + label::before {display: none;}
.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi input[type="radio"]:checked + label {color: #fff !important; background: #1d5493 !important; border-color: #1d5493 !important;}
.napbonSchWrap .napbonForm .innerForm.date select + .calBox {width: calc(100% - 190px); padding-left: 10px; box-sizing: border-box;}


/* board filter */
.boardFilterWrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px;}
.boardFilterWrap.count, .boardFilterWrap.fe {justify-content: flex-end;}
.boardFilter {position: relative;}

.boardFilter .countArea {font-size: 0.941em; color: #777;}

/* 카테고리 */
.cateArea ul {display: flex;}
.cateArea ul li {width: 140px;}
.cateArea ul li + li {margin-left: 8px;}
.cateArea ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; line-height: 1.1; color: #282828; text-align: center; border: 1px solid #444; border-radius: 2px; box-sizing: border-box;}
.cateArea ul li.on a {color: #fff !important; background-color: #1d5493 !important; border-color: #1d5493 !important;}

/* 정렬 */
.boardFilter .sortArea {position: relative; display: flex; padding-right: 70px;}
.boardFilter .sortArea select + select {margin-left: 5px;}
.boardFilter .sortArea .sortSel {width: 210px;}
.boardFilter .sortArea .numSel {width: 105px;}
.boardFilter .sortArea .btn {position: absolute; right: 0; top: 0; min-width: 65px;}


/* paging */
.pagingWrap {position: relative; margin-top: 30px; text-align: center;}
.paging {display: flex; align-items: center; justify-content: center;}
.paging * {border-radius: 3px;}
.paging span.current {display: flex; justify-content:center; align-items: center; margin:0 5px 0 20px; width:50px; height:40px; margin-top: -1px; line-height: 1.2; letter-spacing: 0; box-sizing:border-box;}
.paging span.TotalCount {color:#636363;}
.paging span input {width: 50px; height: 40px; color: #111; padding: 0; text-align: center;}
.paging span .pageGo {display: flex; align-items: center; justify-content: center; margin-right:20px; width: 60px; height: 40px; color: #fff; margin-left: 15px; background-color: #6b6b6b; border-radius: 2px;}
.paging .btn-paging {width: 38px; height: 38px; border: 1px solid #dbdbdb; background: url("/oasis/include/image/board/arr_sp.png") 50% 0 no-repeat;}
.paging .btn-paging.first {background-position-y: 4px; margin-right: 8px;}
.paging .btn-paging.prev {background-position-y: -23px;}
.paging .btn-paging.next {background-position-y: -48px;}
.paging .btn-paging.last {background-position-y: -73px; margin-left: 8px;}
.pagingWrap .btn {padding: 0 15px; min-width: 110px;}
.pagingWrap .btn:only-child {float: right;} /* 온니 글쓰기(등록)버튼 */
.pagingWrap .paging ~ .btn {position: absolute; bottom: 0; right: 0;} /* 페이징 + 글쓰기(등록)버튼 */
.boardWrap ~ form .pageSearch {margin-top: 30px;}
.pagingWrap + ul, .pagingWrap + .boardWrap {margin-top: 40px;}


/* basic board list */
.emptyNote {padding: 20px 0 !important; text-align: center; border-bottom: 1px solid #aaa;}
.board-list {table-layout: fixed; border-top: 2px solid #333; empty-cells: show;}
.board-list col.no {width: 100px;}
.board-list col.type {width: 110px;}
.board-list col.date {width: 140px;}
.board-list col.hits {width: 100px;}
.board-list col.writer {width: 100px;}
.board-list col.attach {width: 70px;}
.board-list col.state {width: 80px;}
.board-list col.stateBtn {width: 200px;}
.board-list col.cate {width: 240px;}
.board-list th, .board-list td {position: relative; padding: 20px 5px; line-height: 1.3; text-align: center; border-bottom: 1px solid #ddd;}
.board-list th {font-weight: normal; color: #282828; background-color: #f9fafb;}
.board-list th .sort {display: flex; align-items: center; justify-content: center;}
.board-list th .sort span {padding: 0 5px;}
.board-list th .sort .desc {border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #454344;}
.board-list th .sort .asc {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #454344;}
.board-list tr:last-child td {border-color: #aaa;}
.board-list td.form {padding: 10px 5px;}
.board-list td.title a:hover, .board-list td.title a:focus {text-decoration: underline;}
.board-list td div.title, .board-list td.ta_l {padding-left: 20px; text-align: left; display:flex;}
.board-list td div.title a {display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; vertical-align: -4px;}
.board-list td div.title img {margin-left:5px; vertical-align:-5px;}
.board-list td.title a, .board-list td.title span {display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; vertical-align: -4px;}
.board-list td.title > img.newIcon + a {max-width: calc(100% - 35px); margin-left: 2px;}
.board-list td.title > img.newIcon + a.comment {max-width: calc(100% - 80px);}
.board-list td.title > img.lockIcon + a {max-width: calc(100% - 35px); margin-left: 2px;}
.board-list td.title > img.newIcon + img.lockIcon + a {max-width: calc(100% - 60px); margin-left: 2px;}
.board-list td.title > img.newIcon, .board-list td.title > img.lockIcon {vertical-align: -5px;}
.board-list td.title > img, .board-list td.title > b {display: inline-block;}
.board-list td.state b, .board-list td.state a {display: inline-block; margin: 0 auto; padding: 2px 7px; font-weight: normal; font-size: 0.938em; color: #646464; border: 1px solid #999; background-color: #fff;}
.board-list td.state a + a {margin-left: 3px;}
.board-list td.state b.ready, .board-list td.state a.ready {color: #fff; border: none; background-color: #555;}
.board-list td.state a:hover, .board-list td.state b:focus {opacity: .7;}
.board-list td.sort {padding: 10px 5px; text-align: left; color: #006aaa;}
.board-list td.chkCell {padding: 5px 8px; background-color: #f4f4f4;}
.board-list td .lib {display: inline-block; min-width: 70px; line-height: 24px; font-size: 0.875em; color: #fff; text-align: center; font-style: normal; border-radius: 24px;}
.board-list td .tblBtn {width: auto; min-width: 50px; padding: 0 5px; line-height: 26px;}
.board-list td .tblBtn + .tblBtn {margin-top: 3px;}
.board-list td .tblBtn ~ .txt {font-size: 0.938em;}

.tblBookWrap {position: relative; min-height: 156px; padding: 20px 0 20px 170px;}
.tblBookWrap .thumb {position: absolute; left: 0; top: 20px; width: 140px; height: 156px; background: #eeeeee url("/oasis/include/image/board/ico_noImg.png") no-repeat 50% 50%;}
.tblBookWrap .thumb img {width: 100%; height: 100%;}
.tblBookWrap .tblBookData .titItem {margin-bottom: 15px; font-size: 1.176em; font-weight: 500; line-height: 1.2; color: #282828; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tblBookWrap .tblBookData .infoItem .dot-list li {color: #636363;}
.tblBookWrap .tblBookData .infoItem .dot-list li + li {margin-top: 2px;}
.tblBookWrap .tblBookData .infoItem .dot-list li::before {top: 10px;}

.tblBtnGroup {display: inline-flex; flex-direction: column;}
.tblBtnGroup a + a {margin-top: 10px;}

.napbonList {overflow: hidden; text-align: left; line-height: 1.3;}
.napbonList > div {display: flex; flex-wrap: wrap; margin-left: -20px;}
.napbonList > div span {position: relative; margin: 1px 0 1px 10px; padding-left: 10px;}
.napbonList > div span::before {content: ""; position: absolute; left: 0; top: 4px; width: 1px; height: 15px; background-color: #ccc;}

.modInfoBox {display: none;}
.modInfoBox.open {display: table-row;}
.modInfoInq, .modInfoInq1 {display: flex; flex-wrap: wrap;}
.modInfoInq > div, .modInfoInq1 > div {display: flex; align-items: center; margin: 2px 0;}
.modInfoInq > div > span, .modInfoInq1 > div > span {width: 80px;}
.modInfoInq > div.item1 > input {width: 450px;}
.modInfoInq > div.item2 > input {width: 200px;}
.modInfoInq > div.item3 > input {width: 200px;}
.modInfoInq > div.item4 > select {width: 170px;}
.modInfoInq > div.item5 > input {width: 200px; text-align: right;}

.modInfoInq1 {margin-top: 5px;}
.modInfoInq1 > div.item1 > input {width: 400px;}
.modInfoInq1 > div.item2 > input {width: 200px;}
.modInfoInq1 > div.item3 > input {width: 200px; text-align: right;}


/* basic board view */
.requTxt {position: absolute; top: -32px; right: 0;}
.attach a:hover, .attach a:focus {text-decoration: underline;}
.readonly {background-color: #f8f8f8;}

.board-viewTit {padding-bottom: 10px; font-size: 1.412em; font-weight: 500; line-height: 1.4; color: #282828;}
.board-view {position: relative; border-top: 2px solid #333; table-layout:fixed;}
.board-view::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #aaa;}
.board-view > ul > li {padding: 20px 30px; line-height: 1.3; background-color: #f9fafb; border-bottom: 1px solid #ddd;}
.board-view > ul > li > div {overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.board-view > ul > li > div p {width: calc(100% - 90px); display: flex; flex-wrap: wrap; margin-left: -31px;}
.board-view > ul > li > div p span {position: relative; margin: 1px 0 1px 15px; padding-left: 16px;}
.board-view > ul > li > div p span::before {content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; margin-top: -7px; background-color: #cecece;}
.board-view > ul > li > div p span b {display: inline-block; font-weight: normal; color: #282828; padding-right: 10px;}
.board-view > ul > li > div p + p {width: 90px; justify-content: flex-end; margin-left: 0;}
.board-view > ul > li > div p + p span {margin: 1px 0; padding-left: 0;}
.board-view > ul > li > div p + p span::before {display: none;}
.board-view > ul > li.titArea > div {overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.board-view > ul > li.titArea > div p {width: calc(100% - 90px); display: flex; flex-wrap: wrap; margin-left: -31px;}
.board-view > ul > li.titArea > div p span {position: relative; margin: 1px 0 1px 15px; padding-left: 16px;}
.board-view > ul > li.titArea > div p span::before {content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 15px; margin-top: -7px; background-color: #cecece;}
.board-view > ul > li.titArea > div p span b {display: inline-block; font-weight: normal; color: #282828; padding-right: 10px;}
.board-view > ul > li.titArea > div p + p {width: 90px; justify-content: flex-end; margin-left: 0;}
.board-view > ul > li.titArea > div p + p span {margin: 1px 0; padding-left: 0;}
.board-view > ul > li.titArea > div p + p span::before {display: none;}
.board-view > ul > li.conArea > div {overflow: hidden; display: block;}
.board-view > ul > li.conArea > div p {width: 100%; display: block; margin-left:0;}
.board-view > ul > li.fileArea {padding: 15px 30px; background-color: #f9fafb;}
.board-view > ul > li.fileArea .attach {display: flex; align-items: center; min-height: 26px; padding-left: 40px; position: relative;}
.board-view > ul > li.fileArea .attach + .attach {margin-top: 3px;}
.board-view > ul > li.fileArea .attach::before {content: ""; position: absolute; left: 0; top: 50%; width: 33px; height: 33px; background: #fff url("/oasis/include/image/board/ico_attach_white.png") no-repeat 0 50%; border-radius: 100%; transform:translateY(-50%);}
.board-view > ul > li.conArea,
.board-view > ul > li.titArea {padding: 20px; background-color: #fff;}

/* boardview - apply */
.board-view.apply .left {width:160px;}
.board-view.apply th,
.board-view.apply td {border-bottom:1px solid #ddd;}
.board-view.apply tr:last-child th,
.board-view.apply tr:last-child td {border-bottom:0;}
.board-view.apply th {font-weight: normal; background-color: #f8f8fa; color: #333;font-size:1.056em;text-align:left; padding:20px;}
.board-view.apply td {padding:10px;}
.board-view.apply td.radio {padding:20px;}
.board-view.apply td input[type="radio"] + label {display:block; margin-bottom:10px;}
.board-view.apply td input[type="radio"] + label:last-child {margin-bottom:0;}
.board-view.apply td .flexBox {display:flex; align-items:center;}
.board-view.apply td .flexBox a {margin-left:10px;}
.board-view.apply td .address1 input,
.board-view.apply td .address2 input {margin-bottom:10px;}
.board-view.apply td .address2 input:last-child {margin-bottom:0;}
.board-view.apply td .address1 a.apply {top:-5px; padding:0;}
.board-view.apply .emailForm span.at {margin:0 9px;}
.board-view.apply .emailForm select {margin-left:10px;}


/* basic board write */
.essentialTxt {position: absolute; right: 0; top: -30px; display: flex; align-items: center; font-size: 0.941em; line-height: 1;}
.essentialTxt span {margin-right: 2px; font-size: 8px; line-height: 8px; color: #d40d0d; padding-bottom: 2px;}
span.essential {margin-left: 2px; font-size: 8px; line-height: 9px; color: #d40d0d;}
.ref .link {font-weight: 500; text-decoration: underline; color: #1d5493;}
.board-write {border-top: 2px solid #333;}
.board-write ~ .board-write {margin-top: 15px; border-top: 1px solid #ddd;}
.board-write + .ref {margin-top: 5px;}
.board-write > ul {display: flex; flex-wrap: wrap; position: relative;}
.board-write > ul::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #aaa;}
.board-write > ul > li {width: 100%; border-bottom: 1px solid #ddd;}
.board-write > ul > li > div {position: relative; height: 100%; padding-left: 200px; box-sizing: border-box;}
.board-write > ul > li > div .tit {position: absolute; left: 0; top: 0; width: 200px; height: 100%; display: flex; align-items: center; line-height: 1.2; padding: 0 20px 0 25px; color: #282828; background-color: #f4f4f4; box-sizing: border-box;}
.board-write > ul > li > div .tit > .chk {margin-right: 0; margin-top: 2px;}
.board-write > ul > li > div .tit > .chk input[type="checkbox"] + label {height: 20px; padding: 0 0 0 25px; color: #282828;}
.board-write > ul > li > div .tit > div > .chk {margin-right: 0;}
.board-write > ul > li > div .txt {display: flex; flex-wrap: wrap; align-items: center; padding: 20px 20px; height: 100%; background-color: #fff; box-sizing: border-box; position: relative;}
.board-write > ul > li > div .txt a.off {pointer-events: none;}
.board-write > ul > li > div .txt a.btn {margin: 0;}
.board-write > ul > li > div .txt.form {padding: 12px 20px;}
.board-write > ul > li > div .txt.formSet {padding: 0;}
.board-write > ul > li > div .txt.formSet > .ref-list {padding: 10px 20px;}
.board-write > ul > li > div .txt.formSet > .rowDiv {position: relative; width: 100%; padding: 12px 20px; box-sizing: border-box;}
.board-write > ul > li > div .txt.formSet > .rowDiv + .rowDiv {border-top: 1px solid #ddd;}
.board-write > ul > li > div .txt.formSet > .rowDiv .chkArea {position: relative; padding-left: 25px; margin-bottom: 3px;}
.board-write > ul > li > div .txt.formSet > .rowDiv .chkArea .chkOnly {left: 0; top: 4px; transform: translate(0, 0);}
.board-write > ul > li > div .txt.formSet > .rowDiv > ul li + li {margin-top: 5px;}
.board-write > ul > li > div .txt p {display: flex; flex-wrap: wrap; align-items: center;}
.board-write > ul > li > div .txt p + p {margin-left: 5px;}
.board-write > ul > li > div .txt p.sizeX {margin: 0 10px;}
.board-write > ul > li > div .txt p span {display: inline-block; padding-bottom: 2px;}
.board-write > ul > li > div .txt p input, .board-write > ul > li > div .txt div input {vertical-align: top;}
.board-write > ul > li > div .txt p input.isbnNum {width: 90px;}
.board-write > ul > li > div .txt p input.chkNum {width: 60px;}
.board-write > ul > li > div .txt .auto2 + .btn {margin-left: 5px;}
.board-write > ul > li > div .txt .ref {margin-left: 20px;}
.board-write > ul > li > div .txt .form-ele.full + .ref {margin-left: 0; margin-top: 5px;}
.board-write > ul > li > div .txt > .dot-list {width: 100%;}
.board-write > ul > li > div textarea {width: 100%; height: 120px; padding: 10px; resize: none; vertical-align: top; box-sizing: border-box;}
.board-write > ul > li.isbnChk1, .board-write > ul > li.isbnChk2 {display: none;}
.board-write > ul > li.conArea {padding: 15px;}
.board-write > ul > li.conArea > div {padding-left: 0; border-top: 1px solid #ddd;}
.board-write > ul > li.conArea > div li:last-child {border-bottom: 1px solid #ddd;}

.board-write > ul > li.col-2 {width: 50%;}

.itemCol-2 {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;}
.itemCol-2.resident {justify-content: flex-start;}
.itemCol-2 + .itemCol-2 {margin-top: 5px;}
.itemCol-2 .item1 {width: 110px;}
.itemCol-2 .item2 {display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 120px);}

.addressInq {position: relative; display: flex; justify-content: space-between; width: 100%;}
.addressInq .btn {min-width: 100px;}
.addressInq .address1 {width: 120px;}
.addressInq .address2 {width: calc(100% - 230px);}

.itemTit {display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 320px);}
.itemTit strong {color: #282828;}
.itemTit .moreBtn {position: relative; top: 1px; left: 5px; width: 14px; height: 9px;}
.itemTit .moreBtn::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid #454344; transition: all .3s;}
.itemTit .moreBtn.on::after {transform: rotate(180deg);}
.itemTit div {display: none; width: 100%;}

.itemBtn {position: absolute; right: 20px; top: 50%; margin-top: -18px; display: flex;}
.itemBtn a + a {margin-left: 5px !important;}

/* 세트구성 */
.setFormWrap {width: 100%;}
.setFormInput {padding: 12px 20px; border-top: 1px solid #ddd;}
.setFormInput > div {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 490px;}
.setFormInput > div .titBox {display: flex; align-items: center;}
.setFormInput > div .inputBox {display: flex;}
.setFormInput > div .inputBox input {width: 155px;}
.setFormInput > div .inputBox .btn {margin-left: 5px;}
.setFormList {padding: 0 20px;}
.setFormList > div {position: relative; display: flex; margin-bottom: 12px; padding-right: 90px; background-color: #f9fafb; border: 1px solid #c6c6c6;}
.setFormList > div .searchPop {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 125px; height: 100%; background-color: #fff; border-right: 1px solid #ddd;}
.setFormList > div .searchPop + .inputBox {margin-left: 126px;}
.setFormList > div .inputBox {padding: 17px 20px;}
.setFormList > div .inputBox ul {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 550px;}
.setFormList > div .inputBox ul li {position: relative; display: flex; padding-left: 70px;}
.setFormList > div .inputBox ul li:first-child {width: 100%; margin-bottom: 9px;}
.setFormList > div .inputBox ul li p {position: absolute; left: 0; top: 0; display: flex; align-items: center; height: 100%; padding-bottom: 3px; box-sizing: border-box;}
.setFormList > div .inputBox ul li .price {display: flex; align-items: center;}
.setFormList > div .inputBox ul li .price > span {padding-left: 5px;}
.setFormList > div .inputBox ul li input {width: 100%;}
.setFormList > div .inputBox ul li:nth-child(2) input {width: 245px;}
.setFormList > div .inputBox ul li:last-child input {width: 135px;}
.setFormList > div .del {position: absolute; top: 50%; right: 30px; width: 42px; height: 42px; margin-top: -21px; background-color: #fff; border: 1px solid #dbdbdb; z-index: 99; box-sizing: border-box;}
.setFormList > div .del::before, .setFormList > div .del::after {content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background-color: #939393;}
.setFormList > div .del::before {transform: rotate(45deg);}
.setFormList > div .del::after {transform: rotate(-45deg);}

.writerForm {position: relative; width: 100%; padding: 0 99px 0 190px; box-sizing: border-box;}
.writerForm + .writerForm {margin-top: 10px;}
.writerForm select {position: absolute; left: 0; top: 0; width: 180px;}
.writerForm .buttonArea {position: absolute; right: 0; top: 0; width: 89px; display: flex; justify-content: space-between;}
.writerForm .buttonArea a {position: relative; width: 42px; height: 42px; background-color: #e8e9f0;}
.writerForm .buttonArea a::before, .writerForm .buttonArea a::after {content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background-color: #444;}
.writerForm .buttonArea a::after {transform: rotate(90deg);}
.writerForm .buttonArea a.del::after {display: none;}

.inputDesign {position: relative; width: 100%; box-sizing: border-box;}
.inputDesign > .radi {margin-top: 3px; margin-bottom: 3px;}
.inputDesign.radio {padding-left: 65px; line-height: 1;}
.inputDesign.radio + .radio {margin-top: 8px;}
.inputDesign.radio > .typeTit {position: absolute; left: 0; top: 50%; margin-top: -10px;}
.inputDesign.radioFlex {display: flex; flex-wrap: wrap; align-items: center;}
.inputDesign.radioFlex.column {flex-direction: column; align-items: flex-start;}
.inputDesign.radioFlex.column .radioInput {margin-right: 0;}
.inputDesign .radioInput {display: flex; flex-wrap: wrap; align-items: center; margin-right: 30px;}
.inputDesign .radioInput + .radioInput {width: 100%; margin: 5px 0;}
.inputDesign .radioInput input {width: 130px; margin: 0 5px 0 15px;}
.inputDesign .radioInput select {width: 90px;}
.inpFullBtn {position: relative; padding-right: 70px;}
.inpFullBtn .btn {position: absolute; top: 0; right: 0; width: 65px; margin: 0;}
.inpBtn {width: 100%; min-width: 65px;}
.inpBtn .btn {min-width: 65px;}

.issuerNum {display: flex; flex-wrap: wrap; align-items: center;}

.pubCode {display: flex; width: 100%;}
.pubCode .inq {display: flex;}
.pubCode .inq input {width: 100px;}
.pubCode .inq input + input {margin-left: 5px;}
.pubCode div + div {margin-left: 5px;}

/* agree 박스 */
.agreeWrap {padding: 23px 20px 25px; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}


/* basic board prev/next  */
.prevNextWrap {margin-top: 30px; border-top: 1px solid #ddd;}
.prevNextWrap > ul > li {border-bottom: 1px solid #ddd;}
.prevNextWrap > ul > li dl {display: flex;}
.prevNextWrap > ul > li dl dt {display: flex; align-items: center; justify-content: center; width: 110px; color: #282828; position: relative;}
.prevNextWrap > ul > li dl dt::before {content: ""; display: inline; padding: 6px 0 5px 20px; background: url("/oasis/include/image/board/ico_prevArr.png") 0 50% no-repeat;}
.prevNextWrap > ul > li dl dt.next::before {background-image: url("/oasis/include/image/board/ico_nextArr.png");}
.prevNextWrap > ul > li dl dt::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 15px; margin-top: -7px; background-color: #ddd;}
.prevNextWrap > ul > li dl dd {width: calc(100% - 110px); padding: 20px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* comment */
.commentWrap {margin-top: 30px;}
.commentWrite {position: relative; margin-bottom: 20px; padding: 10px; border-top: 2px solid #666; background-color: #f8f8f8;}
.commentWrite .txtarea {position: relative; padding-right: 90px;}
.commentWrite .txtarea textarea {width: 100%; height: 70px; padding: 5px;}
.commentWrite .txtarea .btnSave {display: block; position: absolute; top: 0; right: 0; width: 80px; height: 70px; font-size: 1.125em; color: #fff; text-align: center; background-color: #3780ca;}
.commentWrite .secret {font-size: 0.938em;}
.commentHead {margin-bottom: 3px; font-size: 0.938em;}
.commentHead .tit {float: left; color: #464646;}
.commentHead .byte {float: right; color: #464646;}
.commentList {margin-top: 5px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.commentList li {overflow: hidden; position: relative; padding: 10px 0 7px 10px; border-top: 1px solid #e2e2e2;}
.commentList li:after {content: ""; display: block; clear: both;}
.commentList li:first-child {border-top: 0;}
.commentList li .userInfo {position: relative; margin-bottom: 5px; line-height: 20px;}
.commentList li .ratingStar {vertical-align: middle;}
.commentList li .id {line-height: 1; vertical-align: top; color: #464646;}
.commentList li .date {position: relative; margin-left: 10px; padding-left: 11px; line-height: 1; vertical-align: top; color: #777;}
.commentList li .date::before {content: ""; position: absolute; top: 50%; left: 0; height: 10px; margin-top: -5px; border-left: 1px solid #e2e2e2;}
.commentList li .del {position: absolute; top: 10px; right: 10px; width: 15px; height: 15px; border: solid 1px #ddd;}
.commentList li .del::before {content: ""; position: absolute; top: 2px; left: 7px; width: 1px; height: 11px; background-color: #999; transform: rotate(45deg);}
.commentList li .del::after {content: ""; position: absolute; top: 7px; left: 2px; width: 11px; height: 1px; background-color: #999; transform: rotate(45deg);}
.commentList li.lock {padding: 10px; padding-left: 35px; font-size: 0.938em; color: #888; background: url("/oasis/include/image/board/ico_lock.png") 10px 50% no-repeat;}


/* list type board */
.articleWrap {border-top: 2px solid #444;}
.article-list > li {position: relative; padding: 25px 20px; border-bottom: 1px solid #dbdbdb;}
.article-list > li .title {margin-bottom: 20px; font-size: 1.294em; font-weight: 500; line-height: 1.2; color: #003b76;}


/* FAQ list */
.faqList {border-top: 1px solid #ddd;}
.faqList > li > div {position: relative; padding: 18px 15px 18px 60px;}
.faqList div.faqQ {color: #464646; border-bottom: 1px solid #ddd; cursor: pointer;}
.faqList div.faqA {display: none; background-color: #f6f6f6; border-bottom: 1px solid #ddd;}
.faqList .ico {position: absolute; top: 17px; left: 20px; width: 30px; height: 30px; line-height: 28px; font-size: 1.125em; font-weight: 500; color: #fff; text-align: center; background-color: #393939; border-radius: 50%;}


/* calendar */
.calWrap {position: relative;}
.calHead {position: relative; margin-bottom: 40px; overflow: hidden; padding: 7px; background: url("/oasis/include/image/common/bg_pattern_cal.png");}
.calHead .calInner {position: relative; overflow: hidden; padding: 15px; background-color: #fff;}

.calWrap .example {float: right; margin: 0 0 20px; line-height: 20px;}
.calInner .example {float: right; margin: 6px 0; line-height: 20px;}
.calInner .example span, .calWrap .example span {display: inline-block; line-height: 20px; color: #777; position: relative; padding-left: 18px;}
.calInner .example span + span, .calWrap .example span + span {margin-left: 9px;}
.calInner .pin::before, .calWrap .pin::before {content: ""; position: absolute; left: 0;}
.calInner .ico-holiday::before, .calWrap .ico-holiday::before {top: 4px; width: 13px; height: 13px; border-radius: 100%; background: #ff5a00;}
.calInner .ico-event::before, .calWrap .ico-event::before {top: 5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 11px solid #1c4ab2;}
.calInner .ico-program::before, .calWrap .ico-program::before {top: 5px; width: 11px; height: 11px; background: #4ac450;}
.calInner .ico-other::before, .calWrap .ico-other::before {top: 5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 11px solid #9d6df5;}

.calMonth {float: left; padding: 7px 0;}
.calMonth a {display: inline-block; width: 30px; height: 30px; line-height: 30px; vertical-align: top; border: 1px solid #e1e1e1; background: #fff url(/oasis/include/image/board/arr_sp.png) 50% -27px no-repeat;}
.calMonth a.next {background-position-y: -52px;}
.calMonth .todayBtn {display: inline-block; min-width: 72px; height: 32px; margin-left: 4px; padding: 0; font-size: 0.882em; line-height: 30px; color: #fff; text-align: center; background: #222; border: none; vertical-align: top;}
.calMonth .month {display: inline-block; line-height: 32px; margin: 0 17px; font-size: 1.500em; line-height: 30px; color: #222; font-weight: 700;}

.selLib {float: right;}
.selLib .btn {min-width: 75px; padding: 0;}

.calendar {table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 0px; empty-cells: show; border-top: 2px solid #666; border-left: 1px solid #e2e2e2;}
.calendar th, .calendar td {font-weight: normal; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.calendar thead th {width: 14.28571428571429%; font-size: 1.059em; font-weight: 500; line-height: 60px; color: #333; background-color: #f8f8f8;}
.calendar td {width: 14.28571428571429%; height: 100px; padding: 8px; vertical-align: top; empty-cells: show; color: #555;}
.calendar td .day {display: block; width: 20px; margin-bottom: 6px; line-height: 1;}
.calendar td.holiday {color: #666;}
.calendar td.choice {background-color: #eef4fa;}
.calendar td.today {background-color: #eef4fa;}
.calendar td.end {background-color: #fafafa;}
.calendar td.today .day {width: auto; text-decoration: underline; margin-bottom: 4px;}
.calendar td.today .today {display: inline-block; margin-left: 5px; padding: 2px 6px 2px; font-size: 0.750em; line-height: 1.1; color: #fff; border-radius: 17px; background-color: #222; vertical-align: 1px;}
.calendar td.sun .day {color: red;}
.calendar td.sat .day {color: blue;}
.calendar td.choice .day {text-decoration: underline;}
.calendar td a.apply, .calendar td a.apply1 {display: block; font-size: 0.882em; color: #333; line-height: 17px; margin-bottom: 8px;}
.calendar td a.apply1 {margin-bottom: 4px;}
.calendar td a:hover {text-decoration: underline;}
.calendar td p, .calendar td span {line-height: 17px; font-size: 0.882em; color: #333; position: relative; padding-left: 14px; overflow: hidden; white-space: nowrap;}
.calendar td span {display: block; padding-left: 0; margin-bottom: 3px;}
.calendar td span b, .calendar td a b {font-weight: normal; color: #de2f2f;}
.calendar td p.finish {color: #888; padding-left: 0;}
.calendar td p ~ p {margin-top: 4px;}
.calendar td p + a.apply1 {margin-top: 4px; margin-bottom: 0;}
.calendar td .pin::before {content: ""; position: absolute; left: 0;}
.calendar td .ico-holiday::before {top: 3px; width: 11px; height: 11px; border-radius: 100%; background: #ff5a00;}
.calendar td .ico-event::before {top: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #1c4ab2;}
.calendar td .ico-program::before {top: 4px; width: 10px; height: 10px; background: #4ac450;}
.calendar td .ico-other::before {top: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #9d6df5;}
.calendar td .btn {display: block; padding: 0; line-height: 30px; min-width: auto; font-size: 1em; background-color: #e9e9e9;}
.calendar td span.btn {background-color: #777 !important; border-color: #777 !important; color: #fff;}

.calListTit {font-size: 1.500em; color: #333; line-height: 1; margin: 40px 0 15px;}


/* data table(default) */
.tblWrap {position: relative;}
.tbDate {position: absolute; right: 0; top: -38px; color: #777;}
.tbl {position: relative; border-top: 2px solid #333; background-color: #fff;}
.tbl::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ddd;}
.tbl th, .tbl td {position: relative; line-height: 1.3; text-align: center; border-bottom: 1px solid #ddd;}
.tbl th:first-child, .tbl td:first-child {border-left: 0;}
.tbl th.bdl, .tbl td.bdl {border-left: 1px solid #ddd;}
.tbl th {padding: 20px 5px; font-size: 1.059em; font-weight: 500; color: #282828; background-color: #f4f4f4;}
.tbl td {padding: 20px 5px; color: #636363; word-break: break-all;}
.tbl th.ta_l,
.tbl td.ta_l {padding-left: 20px; text-align: left;}
.tbl td .dash-list > li::before, .tbl td .dash::before {top: 10px;}
.tbl + .ref, .tbl + .btn {margin-top: 15px;}
.txtScroller {font-size: 0.938em; margin-bottom: 3px; color: #777; position: absolute; right: 0; top: -24px;}
.tblScroller, .tblScroller1, .tblScroller2 {overflow: auto; position: relative;}
.tblScroller table {min-width: 900px;}
.tblScroller1 table {min-width: 800px;}
.tblScroller2 table {min-width: 700px;}
.tblScroller .tblLegend {margin: 0;}
.scrollDesc {margin-bottom: 5px; font-size: 0.941em; line-height: 1.2; color: #777;}
.tblLegend {margin-top: -20px; text-align: right;}
.tblLegend:after {content: ""; display: block; clear: both;}


/* 검수용자료 미제출 레이어팝업 */
.layerPop {display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 9999;}
.layerPop .layerPopCon {position: relative; width: 95%; max-width: 800px; background-color: #fff;}
.layerPop .layerPopCon .popTit {position: relative; display: flex; align-items: center; height: 65px; padding: 0 30px; background-color: #022753; font-size: 1.412em; color: #fff;}
.layerPop .layerPopCon .popCon {padding: 30px; background-color: #fff;}
.layerPop .layerPopCon .closeLayerPop {position: absolute; top: 0; right: 0; width: 65px; height: 65px; background-color: #000; z-index: 99;}
.layerPop .layerPopCon .closeLayerPop::before, .layerPop .layerPopCon .closeLayerPop::after {content: ""; position: absolute; left: 50%; top: 50%; width: 40%; height: 2px; margin: -1px 0 0 -20%; background-color: #fff;}
.layerPop .layerPopCon .closeLayerPop::before {transform: rotate(45deg);}
.layerPop .layerPopCon .closeLayerPop::after {transform: rotate(-45deg);}


/* *** media query *** */
@media screen and (max-width: 1079px){
	/* board search */
	.boardSearch .chkForm {margin-right: 0; margin-bottom: 10px;}
	.boardSearch .reset {width: 116px; margin: 10px auto 0;}

	/* board search - 셀렉트박스 1개 */
	.boardSearch .schForm.sel-1 {padding-left: 0;}
	.boardSearch .schForm.sel-1 .innerSel {position: relative; margin-bottom: 10px;}
	.boardSearch .schForm.sel-1 .innerSel select {width: 100%;}

	/* board search - 셀렉트박스 2개 */
	.boardSearch .schForm.sel-2 {padding-left: 0;}
	.boardSearch .schForm.sel-2 .innerSel {position: relative; margin-bottom: 10px;}
	.boardSearch .schForm.sel-2 .innerSel select {width: calc(50% - 5px);}

	/* board search - 상단 셀렉트 및 달력 */
	.boardSearch .selFormWrap > div select {width: 155px;}
	.boardSearch .selFormWrap > div.first select {width: 630px;}
	.boardSearch .selFormWrap > div.calArea input {width: 140px;}
	.boardSearch .selFormWrap > div.calArea span {width: 20px; text-align: center;}

	/* board search - 체크박스 */
	.boardSearch .chkFormWrap {flex-direction: column; margin-bottom: 20px;}
	.boardSearch .selFormWrap + .chkFormWrap {margin-top: 20px;}
	.boardSearch .chkFormWrap > div + div {margin-left: 0; margin-top: 10px;}
	.boardSearch .chkFormWrap > div > .chkForm {margin-right: 0; margin-bottom: 0;}

	/* board search - 납본 */
	.napbonSchWrap .napbonForm + .napbonForm {margin-top: 15px;}
	/* date */
	.napbonSchWrap .napbonForm .innerForm.date {flex-direction: column; align-items: flex-start;}
	.napbonSchWrap .napbonForm .innerForm.date .chkBox {margin-left: 0; margin-top: 10px;}
	.napbonSchWrap .napbonForm .innerForm.date.dateSel {flex-direction: row;}

	/* board filter */
	.boardFilterWrap.cate {flex-direction: column;}
	.boardFilterWrap.cate .boardFilter {width: 100%;}
	.boardFilterWrap.cate .boardFilter + .boardFilter {margin-top: 8px;}
	.boardFilterWrap.cate .countArea {text-align: right;}

	/* 카테고리 */
	.cateArea ul {justify-content: space-between;}
	.cateArea ul.col-2 li {width: calc(50% - 4px);}
	.cateArea ul.col-3 li {width: calc(33.33% - 4px);}
	.cateArea ul.col-4 li {width: calc(25% - 4px);}
	.cateArea ul.col-5 li {width: calc(20% - 4px);}
	.cateArea ul li + li {margin-left: 0;}
	.cateArea ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; line-height: 1.1; color: #282828; text-align: center; border: 1px solid #444; border-radius: 2px; box-sizing: border-box;}
	.cateArea ul li.on a {color: #fff !important; background-color: #1d5493 !important; border-color: #1d5493 !important;}

	/* basic board list */
	.modInfoInq > div.item1 > input {width: 380px;}
	.modInfoInq > div.item2 > input {width: 165px;}
	.modInfoInq > div.item3 > input {width: 170px;}
	.modInfoInq > div.item4 > select {width: 130px;}
	.modInfoInq > div.item5 > input {width: 165px;}

	.modInfoInq1 > div.item1 > input {width: 480px;}

	/* boardview - apply */
	.board-view.apply th {padding:10px;}


	/* basic board write */
	.board-write > ul > li > div .txt .ref {width: 100%; margin-left: 0; margin-top: 5px;}
	.board-write > ul > li.col-2 {width: 100%;}

	/* 세트구성 */
	.setFormList > div {padding-right: 70px;}
	.setFormList > div .searchPop {width: 110px;}
	.setFormList > div .searchPop + .inputBox {margin-left: 111px;}
	.setFormList > div .inputBox ul li {width: 100%; padding-left: 70px;}
	.setFormList > div .inputBox ul li + li {margin-top: 5px;}
	.setFormList > div .inputBox ul li:first-child {margin-bottom: 0;}
	.setFormList > div .inputBox ul li:nth-child(2) input {width: 200px;}
	.setFormList > div .inputBox ul li:last-child input {width: 100px;}
	.setFormList > div .del {right: 20px;}

	.issuerNum a {margin-top: 10px;}

	.pubCode .inq input {width: 90px;}

	
}

@media screen and (max-width: 900px){
	/* basic board list */
	.modInfoInq > div.item1, .modInfoInq1 > div.item1 {width: 100%;}
	.modInfoInq > div.item1 ~ div, .modInfoInq1 > div.item1 ~ div {width: 50%;}
	.modInfoInq > div.item1 > input, .modInfoInq > div.item2 > input, .modInfoInq > div.item3 > input, .modInfoInq > div.item4 > select, .modInfoInq > div.item5 > input, .modInfoInq1 > div.item1 > input, .modInfoInq1 > div.item2 > input, .modInfoInq1 > div.item3 > input, .modInfoInq1 > div.item4 > select, .modInfoInq1 > div.item5 > input {width: calc(100% - 80px);}
}

@media screen and (max-width: 768px){
	.boardTopWrap {margin-bottom: 11px;}
	.boardTopWrap.mt {margin-top: 40px;}
	.boardWrap.ask {margin-top: 40px;}
	.boardWrap.mt {margin-top: 30px;}

	/* checkbox design */
	.chk {margin-right: 10px;}
	.chk input[type="checkbox"] + label {padding-left: 22px;}
	.chk input[type="checkbox"] + label:before {top: 1px; width: 16px; height: 16px; background-size: cover;}

	.chk.chkOnly input[type="checkbox"] + label, .chk.chkOnly1 input[type="checkbox"] + label {width: 16px; height: 16px;}
	.chk.chkOnly input[type="checkbox"] + label::before, .chk.chkOnly1 input[type="checkbox"] + label::before {top: 0;}

	/* radiobox design */
	.radi {margin-right: 20px;}
	.radi input[type="radio"] + label {padding-left: 22px;}
	.radi input[type="radio"] + label::before {top: 1px; width: 16px; height: 16px; background-size: cover;}

	/* board search */
	.boardSearch {margin-bottom: 30px; padding: 25px;}
	.boardSearch.mt {margin-top: 30px;}
	.boardSearch .schForm select, .boardSearch .schForm input {height: 46px;}
	.boardSearch .schForm .innerSel select {width: 140px;}
	.boardSearch .schForm .innerSch .schSel {width: 140px;}
	.boardSearch .schForm .innerSch .schSel + .schKwd {width: calc(100% - 256px); margin-left: 150px; margin-right: 106px;}
	.boardSearch .schForm .innerSch .schKwd {width: calc(100% - 106px); margin-right: 106px;}
	.boardSearch .schForm .btn {min-width: 96px; height: 46px;}
	.boardSearch .reset {width: 96px; height: 46px;}

	/* board search - 상단 셀렉트 및 달력 */
	.boardSearch .selFormWrap {justify-content: space-between;}
	.boardSearch .selFormWrap > div {width: calc(50% - 5px);}
	.boardSearch .selFormWrap > div + div {margin-left: 0;}
	.boardSearch .selFormWrap > div select, .boardSearch .selFormWrap > div.first select {width: 100%;}
	.boardSearch .selFormWrap > div.last, .boardSearch .selFormWrap > div.calArea {width: 100%; margin-top: 10px;}
	.boardSearch .selFormWrap > div.calArea input {width: calc(50% - 8px);}
	.boardSearch .selFormWrap > div.calArea span {width: 16px;}

	/* board search - 체크박스 */
	.boardSearch .chkFormWrap > div {padding-left: 77px;}
	.boardSearch .chkFormWrap > div + div {margin-top: 5px;}
	.boardSearch .chkFormWrap > div > .tit {padding-right: 10px;}
	.boardSearch .chkFormWrap > div > .tit::after {height: 14px;}

	/* board search - 납본 */
	.napbonSchWrap .napbonForm .innerForm select {width: 140px;}
	/* type1 */
	.napbonSchWrap .napbonForm .innerForm.type1 input {width: calc(100% - 150px);}
	/* date */
	.napbonSchWrap .napbonForm .innerForm.date select + .calBox {width: calc(100% - 150px);}

	/* board filter */
	.boardFilterWrap {margin-bottom: 10px;}

	/* paging */
	.pagingWrap {margin-top: 30px;}
	.paging span {}
	.paging span input {width: 45px; height: 36px;}
	.paging span .pageGo {width: 50px; height: 36px; margin-left: 10px;}
	.paging .btn-paging {width: 34px; height: 34px;}
	.paging .btn-paging.first {background-position-y: 2px; margin-right: 5px;}
	.paging .btn-paging.prev {background-position-y: -25px;}
	.paging .btn-paging.next {background-position-y: -50px;}
	.paging .btn-paging.last {background-position-y: -75px; margin-left: 5px;}
	.pagingWrap .btn:only-child, .pagingWrap .paging ~ .btn {float: none; position: relative; right: auto; bottom: auto; padding: 0 20px; line-height: 34px;}
	.pagingWrap .paging ~ .btn {margin-top: 20px;}
	.pagingWrap + ul, .pagingWrap + .boardWrap {margin-top: 30px;}

	/* basic board list */
	.board-list th, .board-list td {padding: 15px 3px;}
	.board-list td.form {padding: 5px 3px;}
	.board-list col.no {width: 60px;}
	.board-list col.type {width: 80px;}
	.board-list col.date {width: 110px;}
	.board-list col.hits {width: 70px;}
	.board-list col.stateBtn {width: 140px;}
	.board-list col.cate {width: 180px;}
	.board-list td.title, .board-list td.ta_l {padding-left: 10px;}
	.board-list td.title a, .board-list td.title span {vertical-align: -2px;}
	.board-list td.title a.comment {max-width: calc(100% - 46px);}
	.board-list td.title > img.newIcon {width: 19px; vertical-align: -3px;}
	.board-list td.title > img.newIcon + a {max-width: calc(100% - 25px);}
	.board-list td.title > img.newIcon + a.comment {max-width: calc(100% - 70px);}
	.board-list td.title > img.lockIcon {width: 24px;}
	.board-list td.title > img.lockIcon + a {max-width: calc(100% - 35px);}
	.board-list td.title > img.newIcon + img.lockIcon + a {max-width: calc(100% - 55px);}

	.tblBookWrap {min-height: 134px; padding: 10px 0 10px 140px;}
	.tblBookWrap .thumb {top: 10px; width: 120px; height: 134px; background-size: 50%;}
	.tblBookWrap .tblBookData .titItem {margin-bottom: 10px;}
	.tblBookWrap .tblBookData .infoItem .dot-list li + li {margin-top: 1px;}

	.tblBtnGroup a + a {margin-top: 5px;}

	/* basic board view */
	.board-view.apply .left {width:110px;}
	.board-viewTit {padding: 0 10px 10px;}
	.board-view > ul > li {padding: 10px 20px;}
	.board-view > ul > li > div p {margin-left: -25px;}
	.board-view > ul > li > div p span {margin-left: 12px; padding-left: 13px;}
	.board-view > ul > li > div p span::before {height: 13px; margin-top: -6px;}
	.board-view > ul > li.fileArea {padding: 10px 20px;}
	.board-view > ul > li.fileArea .attach {min-height: 22px;}
	.board-view > ul > li.fileArea .attach + .attach {margin-top: 2px;}
	.board-view > ul > li.fileArea .attach::before {height: 22px;}
	.board-view > ul > li.conArea {padding: 20px;}
	.board-view > ul > li.conArea, .board-view > ul > li.titArea {padding:15px;}

	/* basic board apply */


	/* basic board write */
	.essentialTxt {top: -25px;}
	.board-write > ul > li > div {padding-left: 120px;}
	.board-write > ul > li > div .tit {width: 120px; padding: 0 8px 0 13px;}
	.board-write > ul > li > div .tit > .chk {margin-top: 0;}
	.board-write > ul > li > div .tit > .chk input[type="checkbox"] + label {height: 16px; padding: 0 0 0 20px;}
	.board-write > ul > li > div .txt {padding: 13px 10px;}
	.board-write > ul > li > div .txt.form {padding: 7px 10px;}
	.board-write > ul > li > div .txt p input.isbnNum {width: 60px;}
	.board-write > ul > li > div .txt p input.chkNum {width: 45px;}
	.board-write > ul > li > div .txt.formSet > .ref-list {padding: 7px 10px;}
	.board-write > ul > li > div .txt.formSet > .rowDiv {padding: 13px 10px;}

	.addressInq {flex-wrap: wrap; justify-content: flex-start;}
	.addressInq .btn {min-width: 75px;}
	.addressInq .address1 {width: 90px; margin-left: 5px;}
	.addressInq .address2 {width: 100%; margin-top: 5px;}

	.itemTit {width: 100%;}
	.itemTit .moreBtn {width: 12px; height: 8px;}
	.itemTit .moreBtn::after {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #454344;}

	.itemBtn {position: relative; right: auto; top: auto; margin-top: 5px; width: 100%;}

	/* 세트구성 */
	.setFormInput {padding: 7px 10px;}
	.setFormInput > div {max-width: 100%;}
	.setFormList {padding: 0 10px;}
	.setFormList > div {margin-bottom: 7px; padding-right: 50px;}
	.setFormList > div .searchPop {width: 80px;}
	.setFormList > div .searchPop + .inputBox {margin-left: 81px;}
	.setFormList > div .inputBox {padding: 10px 12px;}
	.setFormList > div .inputBox ul li {padding-left: 60px;}
	.setFormList > div .del {right: 13px; width: 36px; height: 36px; margin-top: -18px;}
	.setFormList > div .del::before, .setFormList > div .del::after {width: 16px; margin: -1px 0 0 -8px;}
	
	.writerForm {padding: 0 81px 0 155px;}
	.writerForm + .writerForm {margin-top: 5px;}
	.writerForm select {width: 150px;}
	.writerForm .buttonArea {width: 76px;}
	.writerForm .buttonArea a {width: 36px; height: 36px;}
	.writerForm .buttonArea a::before, .writerForm .buttonArea a::after {width: 12px; margin: -1px 0 0 -6px;}

	.inputDesign .radioInput {margin-right: 20px;}
	.inputDesign .radioInput input {margin: 0 5px 0 10px;}

	/* agree 박스 */
	.agreeWrap {padding: 18px 15px 20px;}

	/* basic board prev/next  */
	.prevNextWrap {margin-top: 35px;}
	.prevNextWrap > ul > li dl dt {width: 85px;}
	.prevNextWrap > ul > li dl dt::before {padding: 6px 0 5px 18px;}
	.prevNextWrap > ul > li dl dt::after {height: 13px; margin-top: -6px;}
	.prevNextWrap > ul > li dl dd {width: calc(100% - 85px); padding: 13px;}

	/* comment */
	.commentWrite .txtarea {padding-right: 80px;}
	.commentWrite .txtarea .btnSave {width: 70px;}

	/* list type board */
	.article-list > li {padding: 20px 15px;}
	.article-list > li .title {margin-bottom: 10px;}

	/* FAQ list */
	.faqList > li > div {padding: 13px 10px 13px 45px;}
	.faqList .ico {top: 11px; left: 10px; width: 27px; height: 27px; line-height: 27px;}

	/* data table(default) */
	.tbl th {padding: 11px 3px;}
	.tbl td {padding: 13px 3px;}
	.tbl td.ta_l {padding-left: 10px;}
	.tbl + .ref, .tbl + .btn {margin-top: 10px;}

	/* 검수용자료 미제출 레이어팝업 */
	.layerPop .layerPopCon .popTit {height: 50px; padding: 0 20px;}
	.layerPop .layerPopCon .popCon {padding: 20px;}
	.layerPop .layerPopCon .closeLayerPop {width: 50px; height: 50px;}

	/* page search */
	.pageSearch {display:block;}
	.pageSearch .countBox {margin-bottom:5px;}
	.pageSearch .countBox .total {margin-right:15px;}
	.pageSearch .countBox .total:after {right:-7.5px;}
	.pageSearch .fxcellBox {text-align:right;}
	.pageSearch .fxcellBox .fxMerge {}
	.pageSearch .fxcellBox .fxMerge select {width:25%;}
	.pageSearch .fxcellBox .fxMerge input {width:50%;}
	.pageSearch .fxcellBox .fxMerge a.submit {width:25%; display:inline-flex;}

	/* 테이블 공통 */
	.tbl th.ta_l, .tbl td.ta_l {padding:10px 10px; word-break:keep-all;}
	.tbl th, .tbl td {word-break:keep-all; padding:15px 5px;}

	/* 웹사이트기증목록 - 이용동의서목록 */




}

@media screen and (max-width: 640px){
	/* checkbox design */
	.chk input[type="checkbox"] + label:before {top: 0;}

	/* radiobox design */
	.radi {margin-right: 10px;}
	.radi input[type="radio"] + label::before {top: 0;}

	/* board search */
	.boardSearch {margin-bottom: 20px; padding: 15px;}
	.boardSearch.mt {margin-top: 20px;}
	.boardSearch .schForm select, .boardSearch .schForm input {height: 40px;}
	.boardSearch .schForm .innerSel {position: relative; left: auto; top: auto; margin-bottom: 5px;}
	.boardSearch .schForm .innerSel select {width: 100%;}
	.boardSearch .schForm .innerSel select + select {margin-left: 5px;}
	.boardSearch .schForm select, .boardSearch .schForm input {height: 38px;}
	.boardSearch .schForm .innerSch .schSel {position: relative; left: auto; top: auto; width: 100%; margin-bottom: 5px;}
	.boardSearch .schForm .innerSch .schSel + .schKwd {width: calc(100% - 71px); margin-left: 0; margin-right: 71px;}
	.boardSearch .schForm .innerSch .schKwd {width: calc(100% - 71px); margin-right: 71px;}
	.boardSearch .schForm .btn {min-width: 66px; height: 38px;}
	.boardSearch .reset {width: 90px; height: 40px;}

	/* board search - 셀렉트박스 1개 */
	.boardSearch .schForm.sel-1 .innerSel {position: relative; margin-bottom: 5px;}

	/* board search - 셀렉트박스 2개 */
	.boardSearch .schForm.sel-2 .innerSel {margin-bottom: 5px;}
	.boardSearch .schForm.sel-2 .innerSel select {width: calc(50% - 2.5px);}

	/* board search - 상단 셀렉트 및 달력 */
	.boardSearch .selFormWrap + .schForm {margin-top: 5px;}
	.boardSearch .selFormWrap > div {width: calc(50% - 2.5px);}
	.boardSearch .selFormWrap > div.first {margin-bottom: 5px;}
	.boardSearch .selFormWrap > div.last, .boardSearch .selFormWrap > div.calArea {margin-top: 5px;}

	/* board search - 체크박스 */
	.boardSearch .chkFormWrap {margin-bottom: 15px;}
	.boardSearch .selFormWrap + .chkFormWrap {margin-top: 15px;}
	.boardSearch .chkFormWrap > div {padding-left: 74px;}
	.boardSearch .chkFormWrap > div > .tit::after {height: 13px; margin-top: -6px;}

	/* board search - 납본 */
	.napbonSchWrap > .btn {margin-top: 25px;}
	.napbonSchWrap .napbonForm {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
	.napbonSchWrap .napbonForm + .napbonForm {margin-top: 10px;}
	.napbonSchWrap .napbonForm .innerTit, .napbonSchWrap .napbonForm.chkItem .innerTit {width: 100%; margin-bottom: 3px;}
	.napbonSchWrap .napbonForm .innerTit::after {display: none;}
	.napbonSchWrap .napbonForm .innerForm, .napbonSchWrap .napbonForm.chkItem .innerForm {width: 100%;}
	.napbonSchWrap .napbonForm .innerForm select {width: 140px;}
	.napbonSchWrap .napbonForm .innerForm select + select {margin-left: 5px;}
	/* type1 */
	.napbonSchWrap .napbonForm .innerForm.type1 input {width: calc(100% - 145px);}
	/* type2 */
	.napbonSchWrap .napbonForm .innerForm.type2 input {width: 50px; margin-left: 5px;}
	.napbonSchWrap .napbonForm .innerForm.type2 input:last-child {width: 130px;}
	/* date */
	.napbonSchWrap .napbonForm .innerForm.date .chkBox {margin-top: 5px;}
	.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi input[type="radio"] + label {width: 60px; height: 32px;}

	/* board filter */
	/* 정렬 */
	.boardFilter .sortArea {padding-right: 60px;}
	.boardFilter .sortArea .sortSel {width: 150px;}
	.boardFilter .sortArea .btn {min-width: 55px;}

	/* basic board list */
	.board-list col.stateBtn {width: 110px;}
	.tblBookWrap {min-height: auto; padding: 0;}
	.tblBookWrap .thumb {display: none;}

	.tblBtnGroup a + a {margin-top: 5px;}

	.modInfoInq > div.item1 ~ div, .modInfoInq1 > div.item1 ~ div {width: 100%; max-width: 250px;}	

	/* basic board apply */
	.board-view.apply td .flexBox {display:block;}
	.board-view.apply td .flexBox a {margin-left:0; margin:5px 0;}
	.board-view.apply .emailForm span.at {margin:3px 0; display:block;}
	.board-view.apply .emailForm select {margin-left:0; margin-top:10px;}

	/* basic board view */
	.board-viewTit {padding: 0 10px 10px;}
	.board-view > ul > li {padding: 10px 15px;}
	.board-view > ul > li > div p {margin-left: -20px;}
	.board-view > ul > li > div p span {margin-left: 10px; padding-left: 10px;}
	.board-view > ul > li > div p span::before {height: 12px; margin-top: -5px;}
	.board-view > ul > li.fileArea {padding: 10px 15px;}
	.board-view > ul > li.conArea {padding: 15px;}

	/* basic board write */
	.essentialTxt {top: -20px;}
	.board-write > ul > li > div .txt p.sizeX {width: 100%; line-height: 1; font-size: 12px;}
	.board-write > ul > li > div .txt .auto2 + .btn {margin-left: 0; margin-top: 5px;}
	.board-write > ul > li.conArea {padding: 8px;}

	.itemCol-2 {flex-direction: column; align-items: flex-start;}
	.itemCol-2 .item1 {width: 100%; padding-bottom: 5px;}
	.itemCol-2 .item2 {width: 100%;}

	/* 세트구성 */
	.setFormInput > div .inputBox input {width: 50px;}
	.setFormList > div {flex-direction: column; padding-right: 0;}
	.setFormList > div .searchPop {position: relative; left: auto; top: auto; justify-content: flex-start; width: 100%; height: auto; padding: 7px 10px; box-sizing: border-box; border: none;}
	.setFormList > div .searchPop + .inputBox {margin-left: 0;}
	.setFormList > div .inputBox {position: relative; padding-right: 55px;}
	.setFormList > div .inputBox ul li:nth-child(2) input {width: 150px;}
	.setFormList > div .inputBox ul li:last-child input {width: 90px !important;}
	.setFormList > div .del {right: 10px;}

	.writerForm {padding: 0 81px 0 0;}
	.writerForm select {position: relative; left: auto; top: auto; width: 100%; margin-bottom: 3px;}
	.writerForm .buttonArea {top: auto; bottom: 0;}

	.inputDesign.radioFlex {flex-direction: column; align-items: flex-start;}
	.inputDesign .radioInput {margin-right: 0;}
	.inputDesign .radioInput + .radioInput {flex-direction: column; align-items: flex-start;}
	.inputDesign .radioInput input {width: 90px;}
	.inputDesign .radioInput select {width: 60px;}

	.issuerNum {flex-direction: column; align-items: flex-start;}
	.issuerNum .radi + .radi {margin-top: 5px;}
	.issuerNum a {margin-top: 7px;}

	.pubCode {flex-direction: column;}
	.pubCode .inq {justify-content: space-between;}
	.pubCode .inq input {width: calc(33.33% - 3px);}
	.pubCode .inq input + input {margin-left: 0;}
	.pubCode div + div {margin-left: 0; margin-top: 5px;}

	.inpFullBtn {padding-right: 55px;}
	.inpFullBtn .btn {width: 50px;}
	.inpBtn {position: relative; width: 100%; padding-right: 55px;}
	.inpBtn .btn {position: absolute; top: 0; right: 0; width: 50px; min-width: auto;}

	/* FAQ list */
	.faqList > li > div {padding: 10px 10px 10px 40px;}
	.faqList .ico {top: 7px; left: 7px; width: 26px; height: 26px; line-height: 26px;}
}

@media screen and (max-width: 480px){
	.boardWrap.mt {margin-top: 25px;}

	/* board search - 납본 */
	.napbonSchWrap > .btn {margin-top: 20px;}
	.napbonSchWrap .napbonForm .innerForm select {width: 100px;}
	/* type1 */
	.napbonSchWrap .napbonForm .innerForm.type1 input {width: calc(100% - 105px);}
	/* type2 */
	.napbonSchWrap .napbonForm .innerForm.type2 input {width: 40px;}
	.napbonSchWrap .napbonForm .innerForm.type2 input:last-child {width: 100px;}
	/* date */
	.napbonSchWrap .napbonForm .innerForm.date .chkBox .radi input[type="radio"] + label {width: 55px}
	.napbonSchWrap .napbonForm .innerForm.date.dateSel {flex-direction: column;}
	.napbonSchWrap .napbonForm .innerForm.date select + .calBox {width: 100%; padding-left: 0; margin-top: 5px;}

	/* board filter */
	.boardFilterWrap {flex-direction: column;}

	/* 정렬 */
	.boardFilter {text-align: right;}
	.boardFilter + .boardFilter {margin-top: 5px;}
	.boardFilter .sortArea .sortSel {width: 100%;}

	/* basic board list */
	.board-list col.no {width: 40px;}
	.board-list col.type {width: 60px;}
	.board-list col.date {width: 90px;}
	.board-list col.hits {width: 50px;}
	.board-list col.stateBtn {width: 90px;}
	.board-list col.cate {width: 120px;}
	.board-list th, .board-list td {padding: 12px 3px;}
	.board-list td.title, .board-list td.ta_l {padding-left: 3px;}

	.tblBtnGroup a {min-width: auto;}

	/* basic board write */
	.board-write > ul > li > div {padding-left: 100px;}
	.board-write > ul > li > div .tit {width: 100px; padding: 0 5px 0 8px;}
	.board-write > ul > li > div .numInput p:first-child {width: 100%;}
	.board-write > ul > li > div .numInput p:nth-child(2) {margin-left: 0;}

	.itemBtn {flex-direction: column;}
	.itemBtn a + a {margin-left: 0 !important; margin-top: 5px;}

	/* 세트구성 */
	.setFormInput > div {flex-direction: column; align-items: flex-start;}
	.setFormInput > div .titBox {margin-bottom: 3px;}
	.setFormList > div .inputBox {padding: 10px 10px 45px;}
	.setFormList > div .inputBox ul li {flex-direction: column; padding-left: 0;}
	.setFormList > div .inputBox ul li p {position: relative; left: auto; top: auto; height: auto;}
	.setFormList > div .inputBox ul li:nth-child(2) input {width: 100%;}
	.setFormList > div .del {top: auto; bottom: 5px; right: auto; left: 50%; width: 32px; height: 32px; margin: 0 0 0 -16px;}

	/* agree 박스 */
	.agreeWrap {padding: 13px 10px 14px;}

	/* basic board prev/next  */
	.prevNextWrap {margin-top: 30px;}
	.prevNextWrap > ul > li dl dt {width: 77px;}
	.prevNextWrap > ul > li dl dd {width: calc(100% - 77px); padding: 13px 9px;}
}

@media screen and (max-width: 375px){
	.board-list td.title > img.newIcon {width: 18px;}

	/* FAQ list */
	.faqList > li > div {padding: 10px 10px 10px 35px;}
	.faqList .ico {top: 6px; left: 5px; width: 24px; height: 24px; line-height: 24px;}
}

@media screen and (min-width: 1025px) {
	/* board search */
	.boardSearch.inline {display: inline-flex; flex-direction: row; justify-content: center;}
	.boardSearch .chkForm {margin-right: 20px;}
	.boardSearch .reset {margin-left: 10px;}
	.boardSearch.inline .schForm .innerSch .schKwd {width: 600px;}

	/* board search - 셀렉트박스 1개 */
	.boardSearch.inline .schForm.sel-1 .innerSch .schKwd {width: 500px;}
}

/* 소개 > 자료실 - 디지털자원정보 공통 소개 문구*/
.pdsReport{ font-weight: bold; font-size: 18px; padding: 10px 0px; }
}