@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; font-weight: 400; 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: #279a75;
}
.fc-point {color:var(--point-color)}
.fc-red {color:#f74f4f}


/* title 관련 */
.u-tit01 {text-indent:-34px;padding-left:34px !important;margin-bottom:1em;font-size:2rem;font-family: 'GmarketSans', sans-serif;font-weight:500;}
.u-tit01 * {text-indent:0;}
.u-tit01:before {content:url(/barobaro/portal/img/Default/u-tit02_deco.svg) / "";margin-right:10px;vertical-align:middle;display:inline-block;text-indent:0;}

.u-tit02 {padding-left:0 !important;font-size:1.6rem;font-family: 'GmarketSans', sans-serif;font-weight:500;}

.u-txt01 {font-size:1.6rem;line-height:160%;}

.u-txt01 + .img-preview {margin-top:2rem;}


/* input 관련 */
.sub-container select {padding:10px;padding-right:40px !important;background:url(/barobaro/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(/barobaro/boss/img/Default/icoBtn_add.svg);}
.icoBtn.del {background-image:url(/barobaro/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('/barobaro/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('/barobaro/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:-21px;padding-left:21px; color:#333; position: relative; word-break:keep-all;line-height:160%;}
.info-txt > i {width:16px; height:16px;margin-right:5px; background:url('/barobaro/portal/img/Default/info-ex.svg') no-repeat center center; background-color:#222; display:inline-block;border-radius: 50%;vertical-align:middle;}



/* 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:60px;padding:1rem 2rem;font-size:1.6rem;}
.btn.sizeM {min-height:48px;padding:1rem 2rem;font-size:1.6rem;}
.btn.sizeS {min-height:35px;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.black {background:#222;border:1px solid #222;}
.btn.black span {color:#fff;}
.btn.blue {background:#2873dd;border:1px solid #2873dd;}
.btn.blue span {color:#fff;}
.btn.gray {background:#7e838b;border:1px solid #7e838b;}
.btn.gray span {color:#fff;}

	@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-top:2px solid #333;border-bottom:2px solid #e2e5ea;margin-bottom:20px;}
.contents-tb th, 
.contents-tb td {padding:16px 20px; 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;}
.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:#eff1f4;}


/* 게시판 상단 타입 */
.board-list-top {width:100%; margin-bottom:3rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;}
.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:#fc8e8e;}
.board-list-top-search {display:flex;max-width:100%;gap:0.5rem 0;flex-wrap:wrap;}
.board-list-top-search select {width:115px; 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;}

.board-list-top-search input[type="text"] {flex:1;min-width:0;width:330px; height:5rem;padding:0 2rem; border:1px solid #e1e4e8; 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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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: 16px;  letter-spacing: -0.04em; 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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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('/barobaro/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('/barobaro/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('/barobaro/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('/barobaro/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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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('/barobaro/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 #e1e4e8; 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 .s-txtBox {margin-top:10px;display:flex;gap:2.5rem 3rem;flex-wrap:wrap;}
.board-list-ul > li .s-txtBox:after {content:''; display:block; clear:both;}
.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:#888;display:inline-block;}
.board-list-ul > li .s-txtBox .left-box span {margin-right:1.5rem; padding-right:1.5rem; position:relative;}
.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.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(/barobaro/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('/barobaro/portal/img/board/ico-reply02.png') no-repeat center center /11px auto;}


.replyEnd {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-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; min-height:1em;}

.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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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(/barobaro/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('/barobaro/portal/img/Default/ico-board-down.svg') no-repeat center left; padding-left:25px; 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-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;}
.reply-box li .reply-titBox .reply-time {margin-left:10px;}
.reply-function-container {position:relative; float:right;}
.reply-box li .reply-functionBtn {width:20px;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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-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('/barobaro/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('/barobaro/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('/barobaro/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; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;white-space:normal;}
.reply-box li .reply-contents > button span {font-size:15px; 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('/barobaro/portal/img/board/ico-reply02.png') no-repeat top 30px 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;}
.reply-box li.re-reply-ty.depth2 .reply-contents {padding-left:5rem;}
.reply-box li.re-reply-ty.depth2 .reply-titBox {padding-left:5rem;}
.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;}
	}

/* 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:1rem;}
.paging-wrap .page {display:inline-flex;flex-wrap:wrap;gap:1rem;justify-content:center;}
.paging-wrap .page li a {display:block;width:4.8rem;height:4.8rem;line-height:4.8rem;border:1px solid #e1e4e8;text-align:center;border-radius:3px;font-weight:600;letter-spacing:0;}
.paging-wrap .page li a.active {background:var(--point-color);border-color:var(--point-color);color:#fff;}
.paging-wrap li a.first,
.paging-wrap li a.next,
.paging-wrap li a.prev,
.paging-wrap li a.last {background:#f4f4f4;position:relative;display:block;width:4.8rem;height:4.8rem;line-height:4.8rem;border:1px solid #e1e4e8;text-align:center;border-radius:3px;font-weight:600;letter-spacing:0;}
.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('/barobaro/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, 
		.board-list-ul > li > a:focus .b-tit {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%;}
	}
	
/* 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:1em;}

.dot-list02 > li {position:relative; padding-left:10px; margin-top:15px; 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;}


/* 이미지 확대보기 */
.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}
	}


/* 스크롤 박스 */
.rspvn-box {overflow: hidden;}
	
@media screen and (max-width: 1024px) {
	.rspvn-box .rspvn-tb {width:1024px !important}
	.rspvn-box.tb-ty {overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:90px;}
	.rspvn-box.tb-ty:after{width:100%; ; height:80px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#f8f8f8; z-index:-1}
	.rspvn-box.tb-ty:before {width: 380px; background: url('/barobaro/portal/img/board/mobile-scroll.jpg') no-repeat center center; position: absolute; margin-left: 0; left: 50%; top: 6px; transform: translateX(-50%); display: block; height: 65px; 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:12px 20px; box-sizing:border-box; position: relative;}
.fileDown-list li a .file-tit {width:calc(100% - 70px); font-family: 'Noto Sans', sans-serif; font-size: 15px; letter-spacing: -0.04em; line-height: 30px; font-weight: 400; color: #333; position: relative; display: block; word-break: keep-all; 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;}
.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(/barobaro/portal/img/Default/ico-board-down.svg) no-repeat center center;}
.fileDown-list li a i.ico > span {font-family:'Noto Sans', sans-serif; font-size:15px; margin-left:10px; letter-spacing:-0.04em; font-weight:300; color:#666; font-style:normal; 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;}


.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('/barobaro/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('/barobaro/portal/img/Layout/subHeader-viewerIcon_ppt.png') no-repeat center; display:block; position:absolute; top:5px; left:0;}


/* 스크롤 커스텀 */
.scrollCustom .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.scrollCustom .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 2px;}
.scrollCustom.scroll-element .scroll-element_outer {overflow: hidden;}
.scrollCustom .scroll-element .scroll-element_track { background-color: #fff;border-radius:0px;}
.scrollCustom .scroll-element .scroll-bar { background-color: #222;border-radius:0px;}
.scrollCustom .scroll-element:hover .scroll-bar { background-color: #222; }
.scrollCustom .scroll-element.scroll-draggable .scroll-bar { background-color: #222; }
.scrollCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollCustom .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollCustom .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


/* 서브페이지에서 디폴트 요소 관련 */
.u-tit02 + .dot-list01 {margin-top:2rem;}
.u-tit02 + .dot-list01 > li + li {margin-top:0.5em;}

.dot-list01 + .u-tit02 {margin-top:3rem;}

.img-preview  + .u-txt01 {margin-top:4rem;}

.u-txt01 a:not(.btn) {text-decoration:underline;text-underline-position : under;}


/* 준비중 이미지 */
.readyImg {display:block;margin:4rem auto 0;width:470px;max-width:100%}


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