@charset "UTF-8";

/* font */
html{font-size:62.5%;-webkit-font-smoothing:antialiased;}

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:#4769f8;
  --point2-color:#0dba4f;
  --point3-color:#004097;
  --black-color:#222;
  --font-black:#222;
  --font-gray:#767676;
  --border-gray:#e1e4e8;
  --bg-gray:#eff1f4;
}
.fc-point {color:var(--point-color)}
.fc-point2 {color:#249d4c;}
.fc-red {color:#f74f4f}


/* input 관련 */
input[type="text"]:read-only:not(.datepicker) {background:var(--bg-gray);}


/* 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('../../images/img_gres/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('../../images/img_gres/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('../../images/img_gres/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:#8e41fe;border:1px solid #8e41fe;}
.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(../../images/img_gres/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;}
	}


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

.numbox-list > li {counter-increment: item; padding-left:4rem; position:relative; line-height:160%;}
.numbox-list > li:before {position:absolute; top:0; left:0; display: inline-block; width: 2.6rem; height:2.6rem;line-height:2.6rem; font-weight: bold; text-align: right; content: counter(item); text-align:left;background:var(--bg-gray);text-align:center;font-size:1.3rem;border-radius:3px;}
.numbox-list > li + li {margin-top:1em;}


/* grey-box */
.grey-box {width:100%; padding:2.5rem 3rem; border:1px solid #e1e4e8; background:var(--bg-gray); line-height:160%; border-radius:1rem;}
.grey-box * {line-height:160%;}
.grey-box.n_stroke{border:0;}

.borderTop-graybox {background:var(--bg-gray);line-height:160%;padding:2.5rem 2rem;border-radius:0.5rem 0.5rem 0 0;margin-bottom:3rem;}


/* padding, margin */
.pd0 {padding:0 !important;}
table.pd0 th, table.pd0 td {padding:0 !important;}

.pb0{padding-bottom:0px !important;}
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl0{ padding-left:0px !important;}
.pl1{ padding-left:1px;}
.pl2{ padding-left:2px;}
.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl7{ padding-left:7px;}
.pl8{ padding-left:8px;}
.pl9{ padding-left:9px;}
.pl10{ padding-left:10px;}
.pl13{ padding-left:13px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl20ip{ padding-left:20px !important;}
.pl21{ padding-left:21px;}
.pl23{ padding-left:23px;}
.pl24{ padding-left:24px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl44{ padding-left:44px;}
.pl50{ padding-left:50px;}
.pl230{ padding-left:230px;}
.pl212{ padding-left:212px;}

.pr0{padding-right:0px !important;}
.pr1{padding-right:1px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{ padding-right:40px;}

.pt0{ padding-top:0 !important;}
.pt1{ padding-top:1px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt4{ padding-top:4px;}
.pt5{ padding-top:5px;}
.pt6{ padding-top:6px;}
.pt7{ padding-top:7px;}
.pt8{ padding-top:8px;}
.pt9{ padding-top:9px;}
.pt10{ padding-top:10px;}
.pt13{ padding-top:13px;}
.pt15{ padding-top:15px;}
.pt18{ padding-top:18px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt29{ padding-top:29px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt65{ padding-top:65px;}
.pt100{ padding-top:100px;}
.pt130{ padding-top:130px;}
.pt146{ padding-top:146px;}

.ml_auto { margin-left: auto;}
.ml0 { margin-left:0px !important;}
.ml2 { margin-left:2px}
.ml3 { margin-left:3px;}
.ml5 { margin-left:5px;}
.ml6 { margin-left:6px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml17 { margin-left:17px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml28 { margin-left:28px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.ml70 { margin-left:70px;}

.mr_auto { margin-right: auto;}
.mr0{ margin-right:0 !important;}
.mr1{ margin-right:1px}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}

.mt0{ margin-top:0px !important;}
.mt1{ margin-top:1px;}
.mt2{ margin-top:2px;}
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}

.mb0{ margin-bottom:0 !important;}
.mb1{ margin-bottom:1px;}
.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px }
.mb12{ margin-bottom:12px;}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb35{ margin-bottom:35px}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb54{ margin-bottom:54px;}
.mb60{ margin-bottom:60px;}

.mt1rem {margin-top:1rem;}
.mt1remip {margin-top:1rem !important;}
.mt2rem {margin-top:2rem;}
.mt2remip {margin-top:2rem !important;}
.mt3rem {margin-top:3rem;}
.mt3remip {margin-top:3rem !important;}

.mbd5rem {margin-bottom:0.5rem}
.mb1rem {margin-bottom:1rem}
.mb1remip {margin-bottom:1rem !important;}
.mb2rem {margin-bottom:2rem}
.mb2remip {margin-bottom:2rem !important;}
.mb3rem {margin-bottom:3rem}
.mb3remip {margin-bottom:3rem !important;}
.mb4rem {margin-bottom:4rem}
.mb4remip {margin-bottom:4rem !important;}
.mb6rem {margin-bottom:6rem}
.mb6remip {margin-bottom:6rem !important;}

/* width */
.w100p {width:100%;}

.w300 {width:300px;}
.w300ip {width:300px !important;}
.w500 {width:500px;}
.w500ip {width:500px !important;}

/* align */
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}

.tc {text-align:center !important;}
.tr {text-align:right !important;}
.tl {text-align:left !important;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.fl{float:left}
.fr{float:right}

/* object hide */
.a11y {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}


/* 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 var(--border-gray); padding: 1.5em 1em; background:var(--bg-gray);}
.view-box .tit-box .b-tit {display:block; font-size:1.8rem;font-weight:600; line-height:160%;}
.board-view-dataBox {width: 100%;padding:2.2rem 0 2.2rem 0;border-bottom: 1px solid var(--border-gray);}
.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:var(--font-gray);position:relative;font-size:1.4rem;}
.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.gapline {display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;}
.board-view-dataBox .board-view-data-psBox.gapline span {position:relative;}
.board-view-dataBox .board-view-data-psBox.gapline span:has(+ span) {padding-right:1.5rem;}
.board-view-dataBox .board-view-data-psBox.gapline span:has(+ 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.gapline span:has(+ .page-view):before {display:none}

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

.board-view-foot {width:100%; padding:1em 2rem; background:var(--bg-gray); border:1px solid var(--border-gray);margin-top:10px;border-radius:0.4rem;}
.board-view-foot + .board-view-foot {margin-top:-1px !important;}
.board-view-foot.mt0 {margin-top:0;}
.board-view-foot:after {content:''; display:block; clear:both;}
.board-view-foot.flex {display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 1rem;padding:0.8rem 2rem;}
.board-view-foot.flex .board-view-fileDown {width:auto;}
.board-view-foot.flex:after {display:none;}
.board-view-foot .rbtn {flex:none;display:flex;gap:0 0.5rem;margin-left:auto;}
.board-view-foot button {flex:none;width:9rem;height:3.2rem;background:#fff;border-radius:3px;font-size:1.4rem;}
.board-view-foot button span {padding-left:18px;position:relative;}
.board-view-foot button span:before {content:"";position:absolute;top:50%;left:0;margin-top:-7px;display:block;width:14px;height:14px;}
.board-view-foot .quickview span:before {background:url(../../images/img_gres/default/boardfile-quickview.svg) no-repeat center center;}
.board-view-foot .quicklisten span:before {background:url(../../images/img_gres/default/boardfile-quicklisten.svg) no-repeat center center;}

.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;word-break:break-all;font-size:1.4rem;}
.board-view-fileDown .board-view-fileName:before {content:"";position:absolute;top:-2px;left:0;display:block;width:18px;height:18px;background:url(../../images/img_gres/default/ico-board-file.svg) no-repeat center center /100% 100%;}
.board-view-fileDown .board-view-fileName > span {margin-left:5px;}

.board-view-fileDown span.ico {margin-left:auto;position:relative;color:#666;background:url('../../images/img_gres/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;font-size:1.4rem;}
.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:10rem;}


/* 댓글 기능 */
.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('../../images/img_gres/default/ico-reply01.png') no-repeat center left;}
.reply-box li .reply-functionBox > a:nth-child(2) span {padding-left:20px; background:url('../../images/img_gres/default/ico-reply02.png') no-repeat center left;}
.reply-box li .reply-functionBox > a:nth-child(3) span {padding-left:18px; background:url('../../images/img_gres/default/ico-reply03.png') no-repeat center left;}

.reply-box li .reply-contents {width:100%;display:flex;gap:1rem;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 var(--border-gray); 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;}
.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('../../images/img_gres/default/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;}


/* board-writeBox */
.board-writeBox {width:100%; border-top:2px solid #333;}
.board-writeBox table {width:100%; border-bottom:1px solid #e2e5ea;table-layout:fixed}
.board-writeBox table th, 
.board-writeBox table td {height:7rem; padding:1.5rem 2rem; box-sizing:border-box; text-align:left; border-top:1px solid var(--border-gray);line-height:160%;}
.board-writeBox table th {width:16rem; background:#f4f4f4;font-weight:500;}
.board-writeBox table .n-line {border:none;}
.board-writeBox .board-write_tit {width:100%;}
.board-writeBox input[type="text"],
.board-writeBox input[type="password"] {height:4.2rem;border:1px solid var(--border-gray); border-radius:3px;padding:0 1.5rem;}

.board-writeBox table td.board-write-contants {height:auto; padding:1.5rem;}
.board-writeBox table td.board-write-contants .textarea {width:100%; height:43rem; padding:1.8rem 1.6rem; box-sizing:border-box; resize:none; border:1px solid var(--border-gray); border-radius:5px;}

.board-writeBox table td select {height:5rem;max-width:100%;padding-left:1.5rem;}

.boardStxt {font-size:1.4rem;line-height:160%;margin-top:1rem;}


/* 답변글 */
.answer-list-box {margin-top:4rem;border-radius:0.5rem;}
.answer-list-box:has(.view-box) {border:1px solid var(--border-gray);}
.answer-list-box .board-view-foot {border:none;border-radius:0;border-top:1px solid var(--border-gray);}
.answer-list-box .board-view-dataBox {padding:2.2rem 2rem;}
.answer-list-box .board-view-contants {padding:2rem 2rem;}

	
/* 입력폼 */
.nec {margin-left:5px;}
.nec:before {content:"*";color:var(--point2-color);font-size:1.6rem;font-weight:600;}

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

	@media screen and (max-width:800px)
	{
		.table_input > colgroup {display:none;}
		.table_input > thead > tr,
		.table_input > tbody > tr,
		.table_input > thead > tr > th, 
		.table_input > tbody > tr > th,
		.table_input > tbody > tr > td {display:block;width:100%;border-left:none;border-top:none;}
	}

/* table */
.contents-tb {width:100%; border: 1px solid #e2e5ea; border-top: 2px solid #333; margin-bottom:20px;table-layout:fixed;border-collapse: collapse; border-spacing: 0px;}
.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;}

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

/* 첨부파일 */
.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;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:4.2rem !important;border-radius:0 3px 3px 0;background:#7e838b;color:#fff;text-align:center;cursor:pointer;}
.file-label span {line-height:5rem !important;}
.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;border:none;}
.icoBtn {display:inline-block;width:20px;height:20px !important;background-repeat:no-repeat !important;background-position:center center !important;background-color:initial !important;padding:0 !important;cursor:pointer;}
.icoBtn.add {background-image:url(../../images/img_gres/default/icoBtn_add.svg);}
.icoBtn.del {background-image:url(../../images/img_gres/default/icoBtn_del.svg);}

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


/* datepicker custom */
#ui-datepicker-div {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border:none; padding:0px; border-radius:5px;background:#fff !important;}
.ui-datepicker-title {font-size:16px;}
.ui-datepicker-header {background:#333 !important; border:none !important; border-radius:5px 5px 0 0 !important; padding:12px 12px 0 10px !important;color:#fff !important;}
.ui-datepicker-header select {width:43% !important;font-size:14px !important;background:url(../../images/img_gres/default/datepicker_select.svg) no-repeat right 10px center rgba(255, 255, 255, 0.2);border:none; vertical-align:middle; height:30px; margin:0 2px !important; color:#fff; border-radius:3px !important; padding:0 20px 0 10px !important;}
.ui-datepicker-header select option {color:#333;}
.ui-datepicker-month {color:#fff; margin-left:5px; vertical-align:middle;}
.ui-datepicker-calendar thead {background:#333; color:#fff;}
.ui-datepicker-calendar thead th {padding:12px; color:rgba(255, 255, 255, 0.8);font-size:13px !important;}
.ui-datepicker-calendar thead th span {color:rgba(255, 255, 255, 0.8);}
.ui-datepicker-calendar td {text-align:center;}
.ui-datepicker-calendar td a {font-size:15px;width:30px;height:30px;line-height:26px;margin:0 auto;border:none !important; background:none !important; text-align:center !important; color:#333 !important; border-radius:50%;font-weight:bold !important;text-decoration:none !important;}
.ui-datepicker-calendar td.ui-datepicker-current-day a {background:#333 !important; color:#fff !important;}
.ui-datepicker-calendar thead th span {display:block;}
.ui-datepicker-calendar thead th:nth-child(1) {padding-left:12px;}
.ui-datepicker-calendar thead th:nth-child(7) {padding-right:12px;}
.ui-datepicker-calendar tbody tr:first-child td {padding-top:12px;}
.ui-datepicker-calendar tbody tr:last-child td {padding-bottom:5px;}
.ui-datepicker-calendar td:nth-child(7n+1) {padding-left:12px;}
.ui-datepicker-calendar td:nth-child(7n) {padding-right:12px;}
.ui-datepicker-prev {width:auto !important;height:auto !important;top:12px !important;left:7px !important;cursor:pointer;}
.ui-datepicker-next {width:auto !important;height:auto !important;top:12px !important;right:7px !important;cursor:pointer;}
.ui-datepicker-prev span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../../images/img_gres/default/datepicker_mprev.svg) no-repeat center center !important;transition:all 0.3s;}
.ui-datepicker-next span {position:static !important;width:30px;height:30px;margin:0 !important;background:url(../../images/img_gres/default/datepicker_mnext.svg) no-repeat center center !important;transition:all 0.3s;}

.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td a:focus {background:#333 !important;color:#fff !important;}
.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus,
.ui-datepicker-next:hover,
.ui-datepicker-next:focus {background:none !important; border:none !important;}
.ui-datepicker-buttonpane button {border:1px solid #ddd !important;color:#333 !important;font-weight:500 !important;opacity:1 !important;font-family: 'NanumSquare',sans-serif;font-size:1.2rem;}

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


@media print{
	* {font-size:9pt;}
	input[type="text"],
	input[type="password"] {font-size:9pt !important;}
	table th,
	table td {font-size:9pt !important;padding:9pt !important}
	table td input[type="text"],
	table td select {height:11pt !important;}
	.contents-tb th, 
	.contents-tb td,
	.table_g th, 
	.table_g td {font-size:9pt !important;padding:6pt 10pt !important}
	.title_prgph {font-size:11pt;}
	.mb6remip,
	.txt_content {margin-bottom:20pt !important;}
	.board-btnBox {display:none;}
}

/* 파일 다운로드 리스트 */
.fileDown-listBox {width:100%; position:relative;}
.fileDown-list {width:100%; position:relative;display:flex;flex-wrap:wrap;gap:4px;}
.fileDown-list li {width:calc(50% - 2px);}
.fileDown-list li:nth-child(1), .fileDown-list li:nth-child(2) {margin-top:0;}
.fileDown-list li a {width:100%;height:100%;display:flex;align-items:center; 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: 50%;margin-top:-10px;}
.fileDown-list li a i.ico:before {content:"";display:inline-block;width:17px;height:15px;background:url(../../images/img_gres/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 i.ico.view:before {width:18px;height:17px;background:url(../../images/img_gres/default/ico-board-view.svg) no-repeat center center;}

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

	@media screen and (max-width:580px)
	{
		.fileDown-list li {width:100%;}
	}

/* 계산식 박스 */
.calcbox {margin:2rem 0;background: #fff;display:flex;align-items:center;padding:2rem 2rem;justify-content:center;gap:3rem;}
.calcbox i {font-style:normal;display:block;text-align:center;padding:1rem;}
.calcbox i + i {border-top:1px solid #222;}

	@media screen and (max-width:850px)
	{
		.calcbox {flex-wrap:wrap;}
		.calcbox span,
		.calcbox div {width:100%;text-align:center;}
	}

/* 가로 스크롤 테이블 */
.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('../../images/img_gres/default/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;}
}

/* 반응형테이블 */
.rspvn_table td .sentence p{line-height:2rem;}
.rspvn_table td .label{display:none;  width: 16rem; font-weight: 600;}
.rspvn_table td .select{width:100%;}
.rspvn_table td .input{width:100%;}
.rspvn_table td .num{ margin: 0 auto;}

	@media screen and (max-width:768px){
		.rspvn_table{ clear: both;border:none !important;}
		.rspvn_table colgroup{display:none;}
		.rspvn_table thead{display:none;}
		.rspvn_table tbody{overflow:hidden;}
		.rspvn_table tbody tr{overflow:hidden;display:block;}
		.rspvn_table tbody th,
		.rspvn_table tbody td {display:block;width:100%;border:1px solid #ddd;border-top:none;display:flex;align-items:center;}
		.rspvn_table tbody td.mb3line {min-height:9rem;}
		.rspvn_table tbody td:first-child {border:1px solid #e2e5ea}
		.rspvn_table tbody tr:first-child { margin-top: 0; border-top: none;}
		.rspvn_table tbody tr + tr{ margin-top: 1rem;}
		.rspvn_table tbody td{position: relative; width: 100%;  min-height: 4.8rem; float: left;  text-align: left; padding: 0.5rem 1rem 0.5rem 12rem;;vertical-align:middle;}
		.rspvn_table td .sentence{display: flex; align-items: center;  justify-content: flex-start;}
		.rspvn_table td .sentence p{line-height: 4.6rem; border-radius: 4px; border: 1px solid #ddd;  background: #fcfcfc;  padding-left: 1.5rem;}
		.rspvn_table td[data-cell-header]:before {content: attr(data-cell-header); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 11rem; height:100%; font-weight: 600;  padding: 0 1rem;background:var(--bg-gray);box-sizing:border-box;display:flex;align-items:center;}
		.rspvn_table td .item{width:calc(100% - 16rem);}
		.rspvn_table td .label{display:block;}
		.rspvn_table td .select{min-height:4.8rem;}
		.rspvn_table td .input{min-height:4.8rem;}
		.rspvn_table td .state{margin: initial;}
		.rspvn_table td.m_num .num{margin: initial;}
		.rspvn_table td.m_num:before,
		.rspvn_table td.m_num:after{display:none;}
		.rspvn_table td .btns{line-height:4.8rem;}
	}
	
/* paging */
.sect_pager_board .pageImg img {display:none;}
.sect_pager_board .pageImg {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;}
.sect_pager_board .pageImg:before {content:"";position:absolute;top:50%;left:50%;display:block;background: url('../../images/img_gres/default/paging.svg') no-repeat;}
.sect_pager_board .pageImg:nth-child(1):before,
.sect_pager_board .pageImg:nth-child(4):before {width:5px;height:10px;margin:-5px 0 0 -2px;}
.sect_pager_board .pageImg:nth-child(2):before,
.sect_pager_board .pageImg:nth-child(5):before {width:11px;height:10px;margin:-5px 0 0 -6px;}
.sect_pager_board .pageImg:nth-child(1):before,
.sect_pager_board .pageImg:nth-child(2):before {transform:rotate(180deg);}
.sect_pager_board .num {padding:0 2rem;}

.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('/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);}