@charset "UTF-8";

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

html{font-size:62.5%;-webkit-font-smoothing:antialiased;}
	@media screen and (max-width:480px){
		html{font-size:52.5%;}
	}
body{font-family:"NanumGothic", -apple-system, BlinkMacSystemFont, sans-serif;  letter-spacing: -0.03em; font-size: 1.6rem; color: #222; -webkit-font-smoothing: antialiased; word-wrap: break-word; word-break: keep-all;}


.flex-r {margin-left:auto;}


/* color */
:root {
  --point-color: #4769f8;
  --point2-color: #0dba4f;
  --point3-color: #004097;
  --gray-color:#eff1f4;
  --black-color: #222;
  --border-gray:#e1e4e8;
  --bg-gray:#eff1f4;
  --font-gray: #767676;
}
.fc-point {color:var(--point-color)}
.fc-red {color:#f74f4f}


/* title 관련 */
.u-tit01 {text-indent:-30px;padding-left:30px !important;font-size:2rem;font-weight:600;line-height:160%;margin-bottom:1em;}
.u-tit01 * {text-indent:0;}
.u-tit01:before {content:url(/onnuri/portal/img/Default/u-tit02.svg);width:1.8rem;height:1.8rem;margin-right:10px;margin-bottom:1.2rem;vertical-align:middle;display:inline-block;text-indent:0;}

.u-tit03{text-indent:-30px;padding-left:30px !important;font-size:1.6rem;font-weight:600;line-height:160%;margin-bottom:1em;}
.u-tit03 * {text-indent:0;}
.u-tit03:before {content:url(/onnuri/portal/img/Default/u-tit02.svg);width:1.8rem;height:1.8rem;margin-right:10px;vertical-align:middle;display:inline-block;text-indent:0;}

.u-tit04{font-size:1.6rem;font-weight:600;line-height:160%;margin-bottom:1rem;}

.u-txt01 {line-height:180%;}
.u-txt01 + .img-preview {margin-top:2rem;}


/* input 관련 */
.sub-container select {padding:10px;padding-right:40px !important;background:url(/onnuri/portal/img/Default/select-dropdown-big.svg) no-repeat right 20px center;border:1px solid #ececec;border-radius:3px;}


/* 첨부파일 */
.input-file + .input-file {margin-top:1.5rem;}
.inputFile + .inputFile {margin-top:1rem;}
.inputFile {position:relative;max-width:100%;
display: -ms-flexbox; 
display: flex;
-ms-flex-align: center; 
align-items: center;
}
.inputFile .fileNm {flex:1;min-width:0;max-width:25rem;display:inline-block;border: 1px solid #e9ebee;padding: 0 10px;height:5rem;border-radius:3px;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background:#fff;color:#222;}
.inputFile input[type="file"] {position:absolute;width:0px;height:0px;padding:0;overflow:hidden;border:none;}
.file-label {vertical-align: middle;width:11rem;height:5rem;line-height:5rem;border-radius:0 5px 5px 0;background:#7e838b;color:#fff;text-align:center;}
.inputFile input[type="file"]:disabled ~ .file-label {background:#f6f8fb;cursor:default;border-color:#f6f8fb;}
.inputFile input[type="file"]:disabled ~ .file-label span {color:#a8aaab;}
.inputFile .icoBtn {margin-left:15px;}
.icoBtn {display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;}
.icoBtn.add {background-image:url(/boss/img/Default/icoBtn_add.svg);}
.icoBtn.del {background-image:url(/boss/img/Default/icoBtn_del.svg);}

.fileDiv  + .fileDiv {margin-top:5px;}


/* checkbox */
input[type="checkbox"] {appearance:checkbox}
.chkBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('/onnuri/portal/img/Default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.6rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.chkBox input:checked ~ .box {background-position:-21px center;}
.chkBox input:disabled ~ .box {background-position:-63px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-42px center;outline:auto;}
.chkBox input:focus:checked ~ .box {background-position:-21px center;outline:auto;}

input[type="radio"] {appearance:radio}
.radioBox {display:inline-block;min-height:20px;padding-left:20px;color:#555;position:relative;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0;width:1px;height:1px;overflow:hidden;font-size:0 !important;line-height:0;}
.radioBox .box {display:block;position:absolute;top:0;left:0;width: 20px; height: 20px; cursor: pointer; background: url('/onnuri/portal/img/Default/radio.svg') no-repeat left center;font-size:0;}
.radioBox .labelTxt {font-size:1.6rem;display:inline-block;padding:0px 0.5rem 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:120%;}
.radioBox input:checked ~ .box {background-position:-21px center;}
.radioBox input:disabled ~ .box {background-position:-63px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-42px center;outline:auto;}
.radioBox input:focus:checked ~ .box {background-position:-21px center;outline:auto;}


/* info txt */
.info-txt {text-indent:-2.3rem !important;padding-left:2.3rem; color:#333; position: relative; word-break:keep-all;line-height:160%;}
.info-txt > i,
.info-txt > .icon {width:1.8rem; height:1.8rem;margin-right:0.5rem;margin-bottom:3px; background:url('/onnuri/portal/img/Default/info-ex.svg') no-repeat center center; background-color:#222; display:inline-block;border-radius: 50%;vertical-align:middle;}
.info-txt.ty-blue > i,
.info-txt.ty-blue > .icon  {background-color:#4769f8;}
.info-txt * {text-indent:0;}


/* button */
.btn {border:none;cursor:pointer;line-height:normal;text-align:center;transition:all 0.3s;border-radius:3px;max-width:100%;display: inline-flex;align-items: center;justify-content: center;position:relative;}
.btn span {display:inline-block;position:relative;transition:color .3s;font-weight:600;max-width:100%;line-height:140%;z-index:1;}
.btn.noclick {cursor:default;}


	/* 버튼 크기 */
.btn.sizeB {min-height:6rem;padding:1rem 2rem;font-size:1.6rem;}
.btn.sizeM {min-height:4.2rem;padding:0.8rem 2rem;font-size:1.6rem;}
.btn.sizeS {min-height:3.5rem;padding:0.6rem 2rem;font-size:1.4rem;}


	/* 버튼 색상*/
.btn.point {background:var(--point-color);border:1px solid var(--point-color);}
.btn.point span {color:#fff;}
.btn.point2 {background:var(--point2-color);border:1px solid var(--point2-color);}
.btn.point2 span {color:#fff;}
.btn.black {background:var(--black-color);border:1px solid var(--black-color);}
.btn.black span {color:#fff;}
.btn.blue {background:#2873dd;border:1px solid #2873dd;}
.btn.blue span {color:#fff;}
.btn.gray {background:#6a7789;border:1px solid #6a7789;}
.btn.gray span {color:#fff;}

.btn.excel {background:var(--bg-gray);border:1px solid var(--border-gray);border-radius:3px;}
.btn.excel span {position:relative;padding-left:2rem;font-size:1.5rem;}
.btn.excel span:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-0.8rem;width:1.6rem;height:1.6rem;background:url(/onnuri/portal/img/Default/btnExcel.svg) no-repeat center center /100% 100%;}


	@media screen and (min-width:1200px){
	
		/* hover, focus */
		.btn:before {content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;opacity:0;background:rgba(0, 0, 0, 0.15);transition:all .3s;}
		.btn:hover:before,
		.btn:focus-visible:before {opacity:1;}
	}


/* table */
.contents-tb {width:100%; border: 1px solid #e2e5ea; border-top: 2px solid #333; margin-bottom:20px;table-layout:fixed}
.contents-tb caption{ position: absolute; width: 0px; height: 0px; overflow: hidden;}
.contents-tb th, 
.contents-tb td {padding:10px; border-top: 1px solid #e2e5ea; border-bottom: 1px solid #e2e5ea;border-left: 1px solid #e2e5ea;}
.contents-tb th:first-child {border-left:none;}
.contents-tb th {line-height:160%;background:#f8f9fb;font-weight: 600;}
.contents-tb .l-line {border-left: 1px solid #e2e5ea !important;}
.contents-tb td {line-height:160%;}
.contents-tb td * {line-height:160%;}
.contents-tb td:first-child {border-left:none;}
.contents-tb .l-none {border-left:none;}
.contents-tb td.bg_tc {background:#f8f9fb; text-align:center;}
.contents-tb thead th {background:var(--bg-gray);}
.contents-tb.ty01 td{text-align:center;}
.contents-tb.ty01_in{text-align:center; border-top:0;}
.contents-tb .bg_gray {background:var(--bg-gray);}
.contents-tb.smPd th,
.contents-tb.smPd td {padding:1.2rem 0.5rem;}
.contents-tb.smFt th,
.contents-tb.smFt td {font-size:1.4rem;}
.contents-tb.noTopline {border-top:none;}
.contents-tb.vertical th, 
.contents-tb.vertical td {padding-left:1.5rem;padding-right:1.5rem;}

.tbl01 {width:100%; border-top:2px solid #333;border-bottom:2px solid #e2e5ea;margin-bottom:20px;}
.tbl01 th, 
.tbl01 td {padding:10px 15px; border-top: 1px solid #e2e5ea; border-bottom: 1px solid #e2e5ea;border-left: 1px solid #e2e5ea;}
.tbl01 th:first-child {border-left:none;}
.tbl01 th {line-height:160%;background:#f8f9fb;}
.tbl01 .l-line {border-left: 1px solid #e2e5ea !important;}
.tbl01 td {line-height:160%;}
.tbl01 td * {line-height:160%;}
.tbl01 td:first-child {border-left:none;}
.tbl01 .l-none {border-left:none;}
.tbl01 td.bg_tc {background:#f8f9fb; text-align:center;}
.tbl01 thead th {background:#eff1f4;}
.tbl01 input[type="text"] {max-width:100%;height:5rem;border:1px solid var(--border-gray);border-radius:3px;}
.tbl01 textarea {max-width:100%;border:1px solid var(--border-gray);border-radius:3px;}

.formTbl {width:100%; border-top:2px solid #333;border-bottom:2px solid #e2e5ea;margin-bottom:20px;}
.formTbl th, 
.formTbl td {padding:10px 10px; border-top: 1px solid #e2e5ea; border-bottom: 1px solid #e2e5ea;border-left: 1px solid #e2e5ea;}
.formTbl th:first-child {border-left:none;}
.formTbl th {line-height:160%;background:#f8f9fb;}
.formTbl .l-line {border-left: 1px solid #e2e5ea !important;}
.formTbl td {line-height:160%;background:#fff;}
.formTbl td * {line-height:160%;}
.formTbl td:first-child {border-left:none;}
.formTbl .l-none {border-left:none;}
.formTbl td.bg_tc {background:#f8f9fb; text-align:center;}
.formTbl thead th {background:#eff1f4;}
.formTbl input[type="text"] {max-width:100%;height:5rem;border:1px solid var(--border-gray);border-radius:3px;}
.formTbl textarea {max-width:100%;border:1px solid var(--border-gray);border-radius:3px;}

	@media screen and (max-width:800px)
	{
		.formTbl colgroup {display:none;}
		.formTbl tr,
		.formTbl th, 
		.formTbl td {display:block;width:100%;}
	}


/* 게시판 상단 타입 */
.board-list-top {width:100%; margin-bottom:3rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;}
.board-list-top select {height:5rem;border:1px solid var(--border-gray); border-radius:5px;}
.board-list-top > form {width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:2rem;}
.board-list-top .board-list-top-total {font-weight:600;align-self:flex-end;}
.board-list-top .board-list-top-total .point {color:var(--point-color)}
.board-list-top-search {display:flex;max-width:100%;gap:0.5rem 0;flex-wrap:wrap;}
.board-list-top-search select {width:11.5rem; height:5rem; line-height:5rem; padding:0 2rem; border:1px solid var(--border-gray); border-radius:5px;   font-size:1.6rem; letter-spacing:-0.04em; font-weight:400; color:#333; display:block; float:left;}

.board-list-top-search input[type="text"] {flex:1;min-width:0;width:330px; height:5rem;padding:0 2rem; border:1px solid var(--border-gray); border-radius:5px; border-top-right-radius:0; border-bottom-right-radius:0;   font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#333; display:block; float:left; margin-left:4px;}
.board-list-top-search button {width:70px; height:5rem;cursor:pointer; display:block; float:left; background:#222;  font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#fff; border-radius:5px; border-top-left-radius:0; border-bottom-left-radius:0; transition:all 0.3s ease-out;   }
.board-list-top-search button:hover, .board-list-top-search button:focus {background:#56585b;}

.board-list-top-select-search {float:left;}
.board-list-top-select-search:after {content:''; display:block; clear:both;}
.board-list-top-select-search select {width:165px; height:50px; line-height:50px; padding:0 20px; border:1px solid #e1e4e8; border-radius:5px;   font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#333; display:block; float:left; margin-right:5px;}
.board-list-top-select-search input {height: 50px; padding: 11px 15px; box-sizing: border-box; border: 1px solid #e1e4e8; border-radius: 3px; font-size: 1.6rem;   font-weight: 200; color: #333; float: left; margin-right:5px;}

.board-list-top-select-search button {width:75px; height:50px; line-height:50px; cursor:pointer; display:block; float:left; background:#7e838b;  font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#fff; border-radius:5px; transition:all 0.3s ease-out;   }
.board-list-top-select-search button:hover, .board-list-top-select-search button:focus {background:#56585b;}

.board-list-top-down {float:right; padding:14px 105px 14px 20px; background:#f8f9fb; border:1px solid #e1e4e8; position:relative; border-radius:5px; transition:all 0.3s ease-out;   }
.board-list-top-down > span { font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#333; transition:all 0.3s ease-out;   }
.board-list-top-down > i {width:17px; height:100%; display:block; position:absolute; top:0; right:20px; background:url('/onnuri/portal/img/board/ico-board-down.png') no-repeat center center;}
.board-list-top-down > i:after {content:''; display:block; width:1px; height:20px; background:#e2e5ea; position: relative; top: 50%; transform: translateY(-50%); left: -20px;}
.board-list-top-down.ty01 > span {padding-left:30px; background:url('/onnuri/portal/img/sub/ico-viewer-down04.jpg') no-repeat center left;}

.board-list-top-down:hover, .board-list-top-down:focus {background:#4068d0; border:1px solid #4068d0;}
.board-list-top-down:hover > span, .board-list-top-down:focus > span {color:#fff;}
.board-list-top-down:hover > i, .board-list-top-down:focus > i {background:url('/onnuri/portal/img/sub/ico-down.png') no-repeat center center;}


.top-blankbtnBox {width:100%; position:relative; margin-bottom:10px;}
.top-blankbtnBox:after {content:''; display:block; clear:both;}


.board-list-top-blank {display: inline-block; padding:14px 50px 14px 20px; background:url('/onnuri/portal/img/board/ico_blank.png') no-repeat center right 20px #f8f9fb; border:1px solid #e1e4e8; position:relative; margin-left:10px; border-radius:5px; transition:all 0.3s ease-out;   }
.board-list-top-blank > span { font-size:16px; letter-spacing:-0.04em; font-weight:400; color:#333; transition:all 0.3s ease-out;   }
.board-list-top-blank:first-child {margin-left:0;}

.board-list-top-blank:hover, .board-list-top-blank:focus { background:url('/onnuri/portal/img/board/ico_blank.png') no-repeat center right 20px #4068d0; border:1px solid #4068d0;}
.board-list-top-blank:hover > span, .board-list-top-blank:focus > span {color:#fff;}


/* board-list ul 타입 */
.board-list-ul {width:100%; border-top:2px solid #222; border-bottom:1px solid #e2e5ea;}
.board-list-ul > li {padding:2em 0; border-top:1px solid var(--border-gray); position:relative;}
.board-list-ul > li > a {display:block;}
.board-list-ul > li:first-child {border-top:none;}
.board-list-ul > li .b-tit {font-size:1.8rem;font-weight:600;line-height:160%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.board-list-ul > li .b-tit .txt {line-height:160%;}
.board-list-ul > li .s-txtBox {margin-top:1.5rem;display:flex;gap:2.5rem 3rem;flex-wrap:wrap;}
.board-list-ul > li .s-txtBox .left-box {display:flex;gap:1rem;flex-wrap:wrap;}
.board-list-ul > li .s-txtBox .right-box {margin-left:auto;}
.board-list-ul > li .s-txtBox span {letter-spacing:0; color:var(--font-gray);display:inline-block;font-size:1.4rem;}
.board-list-ul > li .s-txtBox .left-box span {margin-right:0.5rem; padding-right:1.5rem; position:relative;font-size:1.4rem;line-height:160%;}
.board-list-ul > li .s-txtBox .left-box span:before {content:''; display:block; width:1px; height:13px; background:#d4d4d4; position:absolute; right:0; top: 50%; margin-top:-7px;}
.board-list-ul > li .s-txtBox .left-box span:last-child {padding-left:0; margin-left:0;}
.board-list-ul > li .s-txtBox .left-box span:last-child:before {display:none;}
.board-list-ul > li .num {letter-spacing:0; color:#888;display:inline-block;margin-bottom:1.5rem;font-size:1.4rem;}

.board-list-ul > li.form-ty {background: #f8f9fb;}
.board-list-ul > li .form-ty-txt {font-size: 15px; letter-spacing: 0; color: #333; font-weight: 300; margin-bottom: 10px;}

.board-list-ul > li .b-tit {display:flex;align-items:center;gap:10px;}
.board-list-ul > li .b-tit .newIcon {flex:none;background: #2c56c1; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 10px; border-radius: 45%;}
.board-list-ul > li .b-tit .lockIcon {flex:none;display:inline-block;width:13px;height:17px;vertical-align:middle;background:url(/onnuri/portal/img/board/borderLst-lock.svg) no-repeat center center;}

.board-list-ul > li.depth.d1 {padding-left:2rem;}
.board-list-ul > li.depth.d2 {padding-left:3rem;}
.board-list-ul > li.depth.d3 {padding-left:4rem;}
.board-list-ul > li.depth.d4 {padding-left:5rem;}
.board-list-ul > li.depth.d5 {padding-left:6rem;}
.board-list-ul > li.depth.d6 {padding-left:7rem;}
.board-list-ul > li.depth.d7 {padding-left:8rem;}
.board-list-ul > li.depth.d8 {padding-left:9rem;}
.board-list-ul > li.depth.d9 {padding-left:10rem;}
.board-list-ul > li.depth > a {position:relative;}
.board-list-ul > li.depth > a:before {content:"";position:absolute;left:-2rem;top:10px;display:block;width:11px;height:10px;background:url('/onnuri/portal/img/board/ico-reply02.png') no-repeat center center /11px auto;}


.replyEnd {font-style:normal;display:inline-block;position:static;height:2.5rem;line-height:2.5rem;padding:0 1rem;background:#7e838b;color:#fff;border-radius:40px;font-size:1.3rem;vertical-align:middle;}
.board-list-ul > li > a:has(.replyEnd) .txt {margin-right:0.5rem;}


/* board-list table 타입 */
.board-tb-wrap table {width: 100%;border-top: 2px solid #333;}

.board-tb-wrap table thead > tr {border-bottom: 1px solid #8b8b8b;}
.board-tb-wrap table th {text-align: center;padding: 17px 0;background: #eff1f4;font-size: 1.6rem;font-weight: 500;color: #333;}
.board-tb-wrap table tbody td {height: 50px;text-align: center;padding:1rem;border-bottom: 1px solid #dbdbdb;font-size: 1.6rem;}
.board-tb-wrap table tbody td.tl {text-align: left;}
.board-tb-wrap table tbody td .go-link {width: 95px;height: 36px;line-height: 36px;display: inline-block;border-radius: 3px;border: 1px solid #e2e5ea;transition: all 0.3s ease-out;}
.board-tb-wrap table tbody td .go-link span {font-size: 1.4rem;padding-left: 20px;background: url('/onnuri/home/img/Default/ico-board-link.png') no-repeat center left;transition: all 0.3s ease-out;}

.board-tb-wrap table tbody td .go-link:hover, 
.board-tb-wrap table tbody td .go-link:focus {background: #7e838b;}

.board-tb-wrap table tbody td .go-link:hover span, 
.board-tb-wrap table tbody td .go-link:focus span {color: #fff;background: url('/onnuri/home/img/Default/ico-board-link_on.png') no-repeat center left;}

.board-tb-wrap table .lline {border-left:1px solid #dbdbdb;}

/* board-viewBox */
.board-viewBox {width:100%; border-top:2px solid #333;}
.view-box .tit-box {width: 100%; text-align: center; display: block;border-bottom: 1px solid #222; padding: 2em 1em; }
.view-box .tit-box .b-tit {display:block; font-size:1.8rem;font-weight:600; line-height:160%;}
.board-view-dataBox {width: 100%;padding:3rem 0 3rem 2rem;border-bottom: 1px solid #e2e5ea;}
.board-view-dataBox .board-view-data-psBox {display:flex;gap:2rem;align-items:center;flex-wrap:wrap;}
.board-view-dataBox .board-view-data-psBox span {color:#666;position:relative;padding-right:2rem;}
.board-view-dataBox .board-view-data-psBox span.page-view {margin-left:auto;}
.board-view-dataBox .board-view-data-psBox span.page-view:before {display:none;}
.board-view-dataBox .board-view-data-psBox-l {display:flex;gap:2rem;align-items:center;flex-wrap:wrap;}
.board-view-dataBox .board-view-data-psBox-l span:before {content:''; display:block; width:1px; height:13px; background:#d4d4d4; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.board-view-dataBox .board-view-data-psBox-l span:last-child:before {display:none;}


.board-view-contants {width:100%; padding:3rem 2rem; min-height:20rem;}
.board-view-contants:after {content:''; display:block; clear:both;}
.board-view-contants > p { font-size:16px; letter-spacing:-0.04em; font-weight:200; line-height:30px; color:#333; word-break:keep-all;}

.board-view-foot {width:100%; padding:1.5em 3rem; background:#f4f4f4; border:1px solid #e1e4e8;margin-top:10px;}
.board-view-foot.mt0 {margin-top:0;}
.board-view-foot:after {content:''; display:block; clear:both;}

.board-view-fileDown {width:100%;display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.board-view-fileDown .board-view-fileName {position:relative;padding-left:30px;transition:all 0.3s ease-out;   }
.board-view-fileDown .board-view-fileName:before {content:"";position:absolute;top:0;left:0;display:block;width:20px;height:20px;background:url(/onnuri/portal/img/Default/ico-board-file.svg) no-repeat center center;}
.board-view-fileDown .board-view-fileName > span {margin-left:5px;}

.board-view-fileDown span.ico {margin-left:auto;position:relative;color:#666;background:url('/onnuri/portal/img/Default/ico-board-down.svg') no-repeat center left; padding-left:25px; transition:all 0.3s ease-out;   }
.board-view-fileDown span.ico:before {content:''; display:block; width:1px; height:21px; background:#e2e5ea; position:absolute; top:0; left:-20px;}
.board-view-fileDown:hover span.ico, .board-view-fileDown:focus span.ico {color:#4068d0; font-weight:400;}
.board-view-fileDown:hover .board-view-fileName, .board-view-fileDown:focus .board-view-fileName {color:#4068d0;}

.board-btnBox {margin-top:4rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:2rem;}
.board-btnBox .l,
.board-btnBox .r {display:flex;flex-wrap:wrap;gap:2rem 0.5rem;justify-content:center;align-items:flex-start;}
.board-btnBox .r {margin-left:auto;}
.board-btnBox .btn {min-width:12rem;}


/* 댓글 기능 */
.reply-container {width:100%; position:relative; margin-top:30px;}
.total-reply-txt {margin-bottom:2rem;font-weight:600;}
.reply-box li {width:100%; padding:3rem 0;  border-bottom:1px solid #e2e5ea;}
.reply-box li:first-child {border-top:1px solid #e2e5ea;}
.reply-box li .reply-titBox {width:100%;display:flex;align-items:center;}
.reply-box li .reply-titBox:after {content:''; display:block; clear:both;}
.reply-box li .reply-titBox .reply-name {font-weight:600;}
.reply-box li .reply-titBox .reply-date, 
.reply-box li .reply-titBox .reply-time { font-size:1.4rem; letter-spacing:0; color:#888; float:left; margin-top:3px;}
.reply-box li .reply-titBox .reply-date {margin-left:auto;padding-left:10px;text-align:right;line-height:160%;}
.reply-box li .reply-titBox .reply-time {margin-left:10px;}
.reply-function-container {position:relative; float:right;}
.reply-box li .reply-functionBtn {width:10px;height:13px;display:block;margin-left:1rem;text-align:right;}
.reply-box li .reply-functionBtn .icon {display:inline-block;}
.reply-box li .reply-functionBtn .icon i {display:block;width:3px;height:3px;background:#666666;border-radius:50%;}
.reply-box li .reply-functionBtn .icon i + i {margin-top:3px;}
.reply-box li .reply-functionBox {display:none; width:85px; position:absolute; right:15px; top:-10px;}
.reply-box li .reply-functionBox > a {width:100%; height:30px; line-height:30px; background:#f4f4f4; border:1px solid #e2e5ea; display:block; border-top:none; text-align:center;  transition:all 0.3s ease-out;   }
.reply-box li .reply-functionBox > a:hover, .reply-box li .reply-functionBox > a:focus {background:#e2e5ea;}
.reply-box li .reply-functionBox > a:first-child {border-top:1px solid #e2e5ea; border-top-left-radius:5px; border-top-right-radius:5px;}
.reply-box li .reply-functionBox > a:last-child {border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.reply-box li .reply-functionBox > a:nth-child(1) span {padding-left:20px; background:url('/onnuri/portal/img/board/ico-reply01.png') no-repeat center left;}
.reply-box li .reply-functionBox > a:nth-child(2) span {padding-left:20px; background:url('/onnuri/portal/img/board/ico-reply02.png') no-repeat center left;}
.reply-box li .reply-functionBox > a:nth-child(3) span {padding-left:18px; background:url('/onnuri/portal/img/board/ico-reply03.png') no-repeat center left;}

.reply-box li .reply-contents {width:100%;display:flex;gap:1rem;margin-top:2rem; white-space:pre-wrap;}
.reply-box li .reply-contents.edit {margin-top:0;} 

.reply-box li .reply-contents > textarea {flex:1;min-width:0;background: #f4f4f4; border: 1px solid #e1e4e8; border-radius: 5px;  vertical-align: top;resize:none;padding:2rem;}
.reply-box li .reply-contents > button {width: 9rem; height: 13rem; vertical-align: top;border-radius: 5px; background: #7e838b;  cursor:pointer; transition:all 0.3s ease-out; display:flex;align-items:center; justify-content:center; }
.reply-box li .reply-contents > button span {font-size:1.5rem; letter-spacing:-0.04em; font-weight:400; color:#fff;}
.reply-box li .reply-contents > button:hover, .reply-box li.input-ty .reply-contents > button:focus {background:#666;}

.reply-box li.input-ty {padding:2rem 2rem 1rem 1rem;}
.reply-box li.re-reply-ty {background:url('/onnuri/portal/img/board/ico-reply02.png') no-repeat top 35px left 10px;}
.reply-box li.re-reply-ty .reply-contents {padding-left:3rem;}
.reply-box li.re-reply-ty .reply-titBox {padding-left:3rem;}
.reply-box li.re-reply-ty.depth2 {padding-left:0 !important;background-position:top 35px left 20px;}
.reply-box li.re-reply-ty.depth2 .reply-contents {padding-left:4rem;}
.reply-box li.re-reply-ty.depth2 .reply-titBox {padding-left:4rem;}
.reply-box li.re-reply-ty.depth3 {padding-left:0 !important;background-position:top 35px left 30px;}
.reply-box li.re-reply-ty.depth3 .reply-contents {padding-left:5rem;}
.reply-box li.re-reply-ty.depth3 .reply-titBox {padding-left:5rem;}
.reply-box li.re-reply-ty.depth4 {padding-left:0 !important;background-position:top 35px left 40px;}
.reply-box li.re-reply-ty.depth4 .reply-contents {padding-left:6rem;}
.reply-box li.re-reply-ty.depth4 .reply-titBox {padding-left:6rem;}
.reply-box li.re-reply-ty.depth5 {padding-left:0 !important;background-position:top 35px left 50px;}
.reply-box li.re-reply-ty.depth5 .reply-contents {padding-left:7rem;}
.reply-box li.re-reply-ty.depth5 .reply-titBox {padding-left:7rem;}
.reply-box li.re-reply-ty.depth6 {padding-left:0 !important;background-position:top 35px left 60px;}
.reply-box li.re-reply-ty.depth6 .reply-contents {padding-left:8rem;}
.reply-box li.re-reply-ty.depth6 .reply-titBox {padding-left:8rem;}
.reply-box li.re-reply-ty.depth7 {padding-left:0 !important;background-position:top 35px left 70px;}
.reply-box li.re-reply-ty.depth7 .reply-contents {padding-left:9rem;}
.reply-box li.re-reply-ty.depth7 .reply-titBox {padding-left:9rem;}
.reply-box li.re-reply-ty.depth8 {padding-left:0 !important;background-position:top 35px left 80px;}
.reply-box li.re-reply-ty.depth8 .reply-contents {padding-left:10rem;}
.reply-box li.re-reply-ty.depth8 .reply-titBox {padding-left:10rem;}
.reply-box li.re-reply-ty.depth9 {padding-left:0 !important;background-position:top 35px left 90px;}
.reply-box li.re-reply-ty.depth9 .reply-contents {padding-left:11rem;}
.reply-box li.re-reply-ty.depth9 .reply-titBox {padding-left:11rem;}
.reply-box li.re-reply-ty.depth10 {padding-left:0 !important;background-position:top 35px left 100px;}
.reply-box li.re-reply-ty.depth10 .reply-contents {padding-left:12rem;}
.reply-box li.re-reply-ty.depth10 .reply-titBox {padding-left:12rem;}


/*.reply-box li.registration-ty {padding:1rem;}*/
.reply-box li.re-reply-ty .reply-contents.edit,
.reply-box li.re-reply-ty .reply-contents.reg {padding-left:0;}
.reply-box li.re-reply-ty .reply-contents:has(.edit) {padding-left:0;}

	@media screen and (max-width:600px){
		
		.reply-box li .reply-contents {gap:0.5rem;}
		.reply-box li .reply-contents > button {width:7rem;}
		
		.reply-box li .reply-titBox .reply-date {font-size:1.2rem;}
	}

/* board-writeBox */
.board-writeBox {width:100%; border-top:2px solid #333;}
.board-writeBox table {width:100%; border-bottom:1px solid #e2e5ea;}
.board-writeBox table th, 
.board-writeBox table td {height:70px; padding:0 10px; box-sizing:border-box; text-align:left; border-top:1px solid #e1e4e8;}
.board-writeBox table th {width:175px; background:#f4f4f4;}
.board-writeBox table .n-line {border:none;}
.board-writeBox .board-write_tit {width:100%; height:5rem;border:1px solid #e1e4e8; border-radius:5px; padding:0 2rem;}

.board-writeBox table td.board-write-contants {height:auto; padding:1.5rem;}
.board-writeBox table td.board-write-contants .textarea {width:100%; height:430px; padding:18px 16px; box-sizing:border-box; resize:none; border:1px solid #e1e4e8; border-radius:5px;}

.board-writeBox table td select {height:5rem;}
	
	@media screen and (max-width:800px){
		
		.board-writeBox table,
		.board-writeBox table tbody,
		.board-writeBox table tr,
		.board-writeBox table th, 
		.board-writeBox table td {display:block;width:100%;}
		.board-writeBox table th {height:auto;padding:2rem 1rem;}
		.board-writeBox table td {height:auto;padding:1.5rem 1rem;}
	}


/* 답변글 */
.answer-open {display:block;width:100%;padding:2em calc(2em + 44px) 2em calc(2em + 20px);border-bottom:1px solid #222;position:relative;}
li:first-child .answer-open  {border-top:1px solid #222;}
.answer-open .icon {display:inline-block;position:absolute;top:50%;left:2em;margin-top:-10px;}
.answer-open .icon i {display:block;position:relative;width:20px;height:20px;}
.answer-open .icon i:before,
.answer-open .icon i:after {content:"";position:absolute;display:block;width:7px;height:1px;background:#222;}
.answer-open .icon i:before {transform:rotate(45deg);top:7px;}
.answer-open .icon i:after {transform:rotate(-45deg);bottom:7px}
.answer-open .arrow {position:absolute;top:50%;margin-top:-12px;right:2em;}
.answer-open .arrow i {display:block;position:relative;width:24px;height:24px;background:#222;border-radius:50%;}
.answer-open .arrow i:before,
.answer-open .arrow i:after {content:"";position:absolute;top:50%;display:block;width:7px;height:1px;background:#fff;}
.answer-open .arrow i:before {transform:rotate(45deg);left:6px;}
.answer-open .arrow i:after {transform:rotate(-45deg);right:6px;}
.answer-open.over .arrow i:before {transform:rotate(-45deg);}
.answer-open.over .arrow i:after {transform:rotate(45deg);}
.answer-open h3 {font-size: 1.6rem;text-align:left;font-weight:600;}
.answer-list-box .board-view-dataBox {background:#f8f8f8;}
.answer-list-box .board-view-contants {background:#f8f8f8;}
.answer-list-cont {display:none;border-bottom:1px solid #222;}



/* paging */
.paging-wrap {margin-top:6rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem;}
.paging-wrap .page {display:inline-flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;}
.paging-wrap .page li a {display:block;width:4.2rem;height:4.2rem;line-height:4.2rem;border:1px solid var(--border-gray);text-align:center;border-radius:3px;font-weight:600;letter-spacing:0;}
.paging-wrap .page li a.active {background:var(--black-color);border-color:var(--black-color);color:#fff;}
.paging-wrap li a.first,
.paging-wrap li a.next,
.paging-wrap li a.prev,
.paging-wrap li a.last {background:var(--bg-gray);position:relative;display:block;width:4.2rem;height:4.2rem;line-height:4.2rem;border:1px solid var(--border-gray);text-align:center;border-radius:3px;font-weight:600;letter-spacing:0;}
.paging-wrap li:has(a.next) {margin-right:-6px;}
.paging-wrap li:has(a.prev) {margin-left:-6px;}
.paging-wrap li a.first:before,
.paging-wrap li a.next:before,
.paging-wrap li a.prev:before,
.paging-wrap li a.last:before {content:"";position:absolute;top:50%;left:50%;display:block;background: url('/onnuri/portal/img/Default/paging.svg') no-repeat;}
.paging-wrap li a.first:before,
.paging-wrap li a.next:before {width:5px;height:10px;margin:-5px 0 0 -2px;}
.paging-wrap li a.prev:before,
.paging-wrap li a.last:before {width:11px;height:10px;margin:-5px 0 0 -6px;}
.paging-wrap li a.first:before,
.paging-wrap li a.prev:before {transform:rotate(180deg);}


	@media screen and (min-width:1200px){
	
		.board-list-ul > li > a:hover .b-tit .txt, 
		.board-list-ul > li > a:focus .b-tit .txt {color:var(--point-color); text-decoration:underline;text-underline-position : under;}
	}
	
	@media screen and (max-width:1000px){
	
		.board-list-top .board-list-top-total {width:100%;text-align:right;padding-top:2rem;}
		
		.paging-wrap {gap:0.5rem;}
		.paging-wrap .page {gap:0.5rem;}
		.paging-wrap .page li a,
		.paging-wrap li a.first,
		.paging-wrap li a.next,
		.paging-wrap li a.prev,
		.paging-wrap li a.last {width:3.8rem;height:3.8rem;line-height:3.6rem;}
	}
	
	@media screen and (max-width:480px){
		
		.board-list-top-search select {width:100% !important;}
		.board-list-top-search input[type="text"] {margin:0;}
		.board-list-top-search button {border-radius:5px 5px 5px 5px;}
		.board-list-top-search.flex-r {width:100%;}
		.board-list-top-search select.long {flex:1;}
		.board-list-top-search button {width:100%;}
		.board-list-top .myboard {width:100%;margin-right:0;margin-bottom:0.5rem;}
		
		.board-btnBox .btn {min-width:8rem;}
	}
	
	
/* list */
.dot-list01 > li {position:relative; padding-left:16px;text-indent:-16px;line-height:normal;line-height:160%;}
.dot-list01 > li * {text-indent:0;}
.dot-list01 > li:before {content:''; width:0px;height:0px;border:2px solid #222;margin-right:10px;display:inline-block;vertical-align:middle;border-radius:50%;}
.dot-list01 > li + li {margin-top:0.5em;}

.dot-list02 > li {position:relative; padding-left:10px; margin-top:10px; word-break:keep-all; line-height:normal;line-height:160%}
.dot-list02 > li:before {content:''; width:0;height:0px; border:2px solid #666; display:block; position:absolute; left:0; top:10px; border-radius:50%;}
.dot-list02 > li:first-child {margin-top:0;}

.das-list01 > li {position:relative;padding-left:16px;text-indent:-16px;word-break:keep-all; line-height:160%;}
.das-list01 > li * {text-indent:0;}
.das-list01 > li + li {margin-top:0.5em;}
.das-list01 > li:before {content:''; width:6px;height:0px;border-bottom:2px solid #666;margin-right:10px; display:inline-block; vertical-align:middle;}

.das-list02 > li {position:relative; padding-left:15px; line-height:160%; word-break:keep-all;}
.das-list02 > li:before {content:''; width:6px; height:0px;border-bottom:1px solid #666; display:block; position:absolute; left:0; top:14px;}

.num-list {margin-left:1em;}
.num-list > li {list-style-type:decimal; list-style-position:outside;position:relative; font-family:'Noto Sans', sans-serif; font-size:16px; letter-spacing:-0.04em; color:#333; font-weight:400;margin-top:15px; word-break:keep-all; line-height:normal;}

.numtxt-list {list-style-type: auto;list-style: decimal;list-style-position: inside;}
.numtxt-list > li {padding-left:18px;text-indent:-18px; position:relative;line-height:160%;list-style-type: auto;list-style: decimal;list-style-position: inside;}
.numtxt-list > li * {text-indent:0;}
.numtxt-list > li + li {margin-top:0.5em;}
.numtxt-list > li:nth-child(n+10) {padding-left:26px;text-indent:-28px;}

.htxt-list {list-style-type: auto;list-style: hangul;list-style-position: inside;}
.htxt-list > li {padding-left:22px;text-indent:-22px; position:relative;line-height:160%;list-style-type: auto;list-style: hangul;list-style-position: inside;}
.htxt-list > li + li {margin-top:0.5em;}


/* 이미지 확대보기 */
.img-preview, 
.img-preview02 {position:relative;}
.img-preview .preview-btn {display:none;}
.img-preview img {max-width:100%;}
.img-preview02 .preview-btn {display:none;}
.img-preview02 img {max-width:100%;}
	
	@media screen and (max-width:980px){
		
		.img-preview .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 4rem; line-height: 4rem; width: 9rem; background: rgba(0,0,0,0.7); color: #fff; text-align: center; z-index: 1; font-size:1.4rem;}
	}
	
	@media screen and (max-width:680px){
		.img-preview02 .preview-btn {display: block; position: absolute; top: 0; right: 0; height: 40px; width: 90px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; line-height: 40px; z-index: 1;  font-size:14px; letter-spacing:-0.04em;}
	}
	
/* tab */
.tab01 {margin-bottom:4rem;}
.tab01 > ul {display:flex;flex-wrap:wrap;}
.tab01 > ul > li {width:20%;}
.tab01 > ul > li a {display:block;display:flex;align-items:center;border:1px solid #e1e4e8;border-top:none;border-left:none;padding:2rem;position:relative;}
.tab01 > ul > li:nth-child(-n+5) {border-top:1px solid #e1e4e8}
.tab01 > ul > li:nth-child(5n+1) {border-left:1px solid #e1e4e8}
.tab01 > ul > li.over a {background:#2873dd;border-color:#2873dd;color:#fff;padding:2rem 5rem 2rem 2rem;}
.tab01 > ul > li.over a:before {content:"";position:absolute;top:50%;right:2rem;display:block;width:0;height:0;border-bottom: 5px solid transparent;border-top: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}

	@media screen and (max-width:980px){ 
	
		.tab01 > ul > li {width:33.33%;}
		.tab01 > ul > li:nth-child(4),
		.tab01 > ul > li:nth-child(5) {border-top:none}
		.tab01 > ul > li:nth-child(5n+1) {border-left:none}
		.tab01 > ul > li:nth-child(3n+1) {border-left:1px solid #e1e4e8}
	}
	@media screen and (max-width:680px){
	
		.tab01 > ul > li {width:50%;}
		.tab01 > ul > li:nth-child(3) {border-top:none}
		.tab01 > ul > li:nth-child(3n+1) {border-left:none}
		.tab01 > ul > li:nth-child(2n+1) {border-left:1px solid #e1e4e8}
	}

.tab-nav:not(.mimg-tabWrap) {margin-bottom:3rem;}
.tab-nav:not(.mimg-tabWrap) ul {width:1000px;max-width:100%;display:flex;flex-wrap: wrap;gap: 0.5rem}
.tab-nav:not(.mimg-tabWrap) ul li a,
.tab-nav:not(.mimg-tabWrap) ul li button {min-height:5rem;padding: 1rem 2.5rem; display:flex;align-items:center;justify-content:center;border: 1px solid #e1e4e8;background: var(--bg-gray);border-radius: 4px 4px 0 0;font-weight: 600;}
.tab-nav:not(.mimg-tabWrap) ul li a .name,
.tab-nav:not(.mimg-tabWrap) ul li button .name {line-height:140%}
.tab-nav:not(.mimg-tabWrap) ul li a[aria-selected="true"],
.tab-nav:not(.mimg-tabWrap) ul li button[aria-selected="true"] {background: #4769f8;color:#fff;border-color: #4769f8; position:relative;}
.tab-nav:not(.mimg-tabWrap) ul li a[aria-selected="true"]:after,
.tab-nav:not(.mimg-tabWrap) ul li button[aria-selected="true"]:after{content:"";display:block;position:absolute;top:50%;background:url(/onnuri/portal/img/Default/tab_arrow.png) no-repeat right / 8px;width: 8px;height: 5px;right: 2.5rem;margin-top: -3px;}
.tab-nav:not(.mimg-tabWrap) ul li a[aria-selected="true"] .name,
.tab-nav:not(.mimg-tabWrap) ul li button[aria-selected="true"] .name {padding-right:3.5rem;}
.tab-content div[role="tabpanel"]:focus-visible {outline:auto;}

	@media screen and (max-width:680px){
	
		.tab-nav:not(.mimg-tabWrap) ul li {width:calc(50% - 0.25rem);}
		.tab-nav:not(.mimg-tabWrap) ul li a {width:100%;height:100%;text-align:center;border-radius:4px;padding:1rem;word-break:break-all;}
		.tab-nav:not(.mimg-tabWrap) ul li a[aria-selected="true"] .name {padding-right:0;}
		.tab-nav:not(.mimg-tabWrap) ul li a[aria-selected="true"]:after {display:none;}
	}
	
.tab-nav-noAct {margin-bottom:3rem;}
.tab-nav-noAct ul {width:1000px;max-width:100%;display:flex;flex-wrap: wrap;gap: 0.5rem}
.tab-nav-noAct ul li a {min-height:5rem;padding: 1rem 2.5rem; display:flex;align-items:center;justify-content:center;border: 1px solid #e1e4e8;background: var(--bg-gray);border-radius: 4px 4px 0 0;font-weight: 600;}
.tab-nav-noAct ul li a .name {line-height:140%}
.tab-nav-noAct ul li a.act {background: #4769f8;color:#fff;border-color: #4769f8; position:relative;}
.tab-nav-noAct ul li a.act:after {content:"";display:block;position:absolute;top:50%;background:url(/onnuri/portal/img/Default/tab_arrow.png) no-repeat right / 8px;width: 8px;height: 5px;right: 2.5rem;margin-top: -3px;}
.tab-nav-noAct ul li a.act .name {padding-right:3.5rem;}

	@media screen and (max-width:680px){
	
		.tab-nav-noAct ul li {width:calc(50% - 0.25rem);}
		.tab-nav-noAct ul li a {width:100%;height:100%;text-align:center;border-radius:4px;padding:1rem;word-break:break-all;}
		.tab-nav-noAct ul li a.act .name {padding-right:0;}
		.tab-nav-noAct ul li a.act:after {display:none;}
	}


/* depth4 tab menu */
.depth4-box {width:100%;margin-bottom:3rem;}
.depth4-box .depth4-list-container {display:block; position:relative;}
.depth4-box .depth4-list {max-width:100%;display:flex;flex-wrap: wrap;gap: 0.5rem}
.depth4-box .depth4-list li > a {min-height:5rem;padding: 1rem 2.5rem; display:flex;align-items:center;border: 1px solid #e1e4e8;background: var(--bg-gray);border-radius: 4px 4px 0 0;font-weight: 600;}
.depth4-box .depth4-list li > a span {line-height:140%;text-align:left;}
.depth4-box .depth4-list li > a.active {background: #4769f8;color:#fff;border-color: #4769f8; position:relative;}
.depth4-box .depth4-list li > a.active:after {content:"";display:block;position:absolute;top:50%;background:url(/onnuri/portal/img/Default/tab_arrow.png) no-repeat right / 8px;width: 8px;height: 5px;right: 2.5rem;margin-top: -3px;}
.depth4-box .depth4-list li > a.active span {padding-right:3.5rem;}
.depth4-box.infoopen .depth4-list li {width:17rem;}

	@media screen and (max-width:680px){
		
		.depth4-box .depth4-list {flex-wrap:wrap;}
		.depth4-box .depth4-list li,
		.depth4-box.infoopen .depth4-list li {width:calc(50% - 0.25rem);}
		.depth4-box .depth4-list li > a {width:100%;height:100%;text-align:center;border-radius:4px;padding:1rem;word-break:break-all;}
		.depth4-box .depth4-list li > a.active .name {padding-right:0;}
		.depth4-box .depth4-list li > a.active:after {display:none;}
	}


/* 스크롤 박스 */
.rspvn-box {overflow: hidden;}
	
@media screen and (max-width: 980px) {
	.rspvn-box .rspvn-tb {width:1024px !important}
	.rspvn-box.tb-ty {overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:50px;}
	.rspvn-box.tb-ty:after{width:100%; ; height:50px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#6a7789; z-index:-1}
	.rspvn-box.tb-ty:before {width: 212px; background: url('/onnuri/portal/img/board/mobile-scroll.png') no-repeat center center; position: absolute; margin-left: 0; left: 50%; top: 3px; transform: translateX(-50%); display: block; height:44px; content: ""; box-sizing: border-box;}
}


/* grey-box */
.grey-box {width:100%; padding:2.4rem 3rem; border:1px solid #e2e5ea; background:#f4f4f4; margin-bottom:60px; line-height:160%;}
.grey-box * {line-height:160%;}
	
	
/* 파일 다운로드 리스트 */
.fileDown-listBox {width:100%; position:relative;}
.fileDown-list {width:100%; position:relative;}
.fileDown-list:after {content:''; display:block; clear:both;}
.fileDown-list li {width:calc(50% - 2px); float:left; margin-top:4px;}
.fileDown-list li:nth-child(2n+2) {margin-left:4px;}
.fileDown-list li:nth-child(1), .fileDown-list li:nth-child(2) {margin-top:0;}
.fileDown-list li a {width:100%; display:block; background:#f8f9fb; border:1px solid #e2e5ea; padding:1.2rem 2rem; position: relative;}
.fileDown-list li a .file-tit {width:calc(100% - 70px);font-size: 1.5rem;line-height: 30px;position: relative; display: block; transition:all 0.3s ease-out;}
.fileDown-list li a i.ico {height:20px; padding-left:20px; border-left:1px solid #e2e5ea; display: block; position: absolute; right: 20px; top: 17px;}
.fileDown-list li a i.ico:before {content:"";display:inline-block;width:17px;height:15px;background:url(/onnuri/portal/img/Default/ico-board-down.svg) no-repeat center center;}
.fileDown-list li a i.ico > span {font-size:1.5rem; margin-left:10px; letter-spacing:-0.04em; font-weight:300; color:#666; font-style:normal; transition:all 0.3s ease-out;}


.fileDown-list li a:hover .file-tit, .fileDown-list li a:focus .file-tit {color:#4068d0;}
.fileDown-list li a:hover i.ico > span, .fileDown-list li a:focus i.ico > span {color:#4068d0;}

.fileDown-list li a.viewer-ty .file-tit {padding-left:28px;}
.fileDown-list li a.viewer-ty .file-tit:before {content:''; width:19px; height:21px; background:url('/onnuri/portal/img/Layout/subHeader-viewerIcon_pdf.png') no-repeat center; display:block; position:absolute; top:5px; left:0;}


.fileDown-list li a.ppt-ty .file-tit {padding-left:28px;}
.fileDown-list li a.ppt-ty .file-tit:before {content:''; width:19px; height:21px; background:url('/onnuri/portal/img/Layout/subHeader-viewerIcon_ppt.png') no-repeat center; display:block; position:absolute; top:5px; left:0;}


/* underline */
a:hover u {text-decoration:underline;}


/* datepicker */
.datepicker {padding-right:calc(2rem + 15px) !important;background:url('/onnuri/portal/img/Default/datepicker.svg') no-repeat right 1.5rem center;}


/* layerpopup */
.layerpop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:999;}
.layerpop-flex {width:calc(100% - 4rem);height:calc(100% - 6rem);margin:3rem auto;display:flex;align-items:center;justify-content:center;}
.layerpop {max-width:100%;max-height:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;border-radius:5px;overflow:hidden;background:var(--bg-gray);}
.layerpop .layerpop-title {flex:0 0 6rem;width:100%;min-height:6rem;padding:5px 8rem 5px 3rem;display:flex;align-items:center;flex-wrap:wrap;}
.layerpop .layerpop-title:focus-visible {outline:auto;}
.layerpop .layerpop-title h2 {font-weight:bold;margin-top:1rem;align-self:flex-end;}
.layerpop .layerpop-content {width:100%;max-height:calc(100% - 6rem);overflow:auto;}
.layerpop .layerpop-content:focus-visible {outline:auto;}
.layerpop .layerpop-content-inwrap {padding:3rem;}
.layerpop .layerpop-content img {max-width:100%;}
.layerpop .layerpop-close {position:absolute;top:0;right:0;background:#6a7789;border-radius:0 0 0 5px;}
.layerpop .layerpop-close .icon {position:relative;display:block;width:6rem;height:6rem;}
.layerpop .layerpop-close .icon:before,
.layerpop .layerpop-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-1px 0 0 -1rem;display:block;width:2rem;height:0.2rem;border-radius:2rem;background:#fff;}
.layerpop .layerpop-close .icon:before {transform:rotate(45deg);}
.layerpop .layerpop-close .icon:after {transform:rotate(-45deg);}

	@media screen and (max-width:1200px)
	{
		.layerpop .layerpop-title {padding-left:2rem;}
		.layerpop .layerpop-content-inwrap {padding:2rem;}
		.layerpop .layerpop-close .icon {width:5rem;height:5rem;}
	}
	
/* 게시판 상단 인포박스 추가 */
/* gradi-box */
.gradi-box {width: 100%; padding: 10px; box-sizing: border-box; margin-bottom:20px; background: #2263e7; background: #69a2e3; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #69a2e3 0%, #81bf9e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #69a2e3 0%,#81bf9e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #69a2e3 0%,#81bf9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a2e3', endColorstr='#81bf9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.gradi-box .gr-inner-box {width:100%; padding:25px; box-sizing:border-box; background:#fff;}
.gradi-box .gr-inner-box.ico-01 {padding:25px 25px 25px 95px; background-image:url('/onnuri/home/img/Default/gradi.svg'); background-repeat:no-repeat; background-position:top 25px left 30px;}
.gradi-box .gr-inner-box.ico-01 .s-txt {font-family:'NanumGothic', sans-serif; font-size:14px; letter-spacing:-0.04em; font-weight:600; color:#333;line-height:160%;}