@charset "utf-8";

/* font */
html {font-size:62.5%;}
body,
body *:not(font):not(font *) {font-family:-apple-system, BlinkMacSystemFont,"NanumGothic",sans-serif;letter-spacing:-0.03em;font-size:1.6rem;color:#333;-webkit-font-smoothing: antialiased;word-wrap:break-word;word-break:keep-all;}
body,
body *:not(font):not(font *):not(b):not(strong) {font-weight:400;}
b, strong {font-weight:700;}
font * {color: inherit;}

/* font color */
.fcBlue {color:#1089ec !important}
.fcGreen {color:#00c46f !important}


/* 스킵네비게이션 */
#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;}


/* ----------- input ----------- */
select {padding:10px;padding-right:35px !important;background:url(/share/img/default/sel_drop.svg) no-repeat right 15px center;border:1px solid #ececec;border-radius:3px;}

input:not([type=checkbox]):not([type=radio]):disabled,
input:not([type=checkbox]):not([type=radio]):read-only {background:#f4f4f4;}

input:not([type=checkbox]):not([type=radio]) {padding:10px;border:1px solid #ececec;border-radius:3px;}
.datepicker {width:170px;padding-left:45px !important;background:url(/share/img/default/datepicker.svg) no-repeat 15px center #fff;}
.deteBox {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.deteBox .mdline {width:25px;flex:0 0 25px;text-align:center;}
.deteBox .datepicker {flex:1;min-width:0;}

textarea {width:100%;min-height:120px;border:1px solid #ececec;border-radius:3px;padding:20px;}

/* checkbox */
.chkBox {display:inline-block;min-height:17px;padding-left:17px;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: 18px; height: 18px; cursor: pointer; background: url('/share/img/default/checkbox.svg') no-repeat left center;font-size:0;}
.chkBox .labelTxt {font-size:1.4rem;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:-19px center;}
.chkBox input:disabled ~ .box {background-position:-57px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-38px center;}
.chkBox input:focus:checked ~ .box {background-position:-19px center;}


/* radio */
.radioBox {display:inline-block;min-height:17px;padding-left:17px;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: 18px; height: 18px; cursor: pointer; background: url('/share/img/default/radio.svg') no-repeat left center;font-size:0;}
.radioBox .labelTxt {font-size:1.4rem;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:-19px center;}
.radioBox input:disabled ~ .box {background-position:-57px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-38px center;}
.radioBox input:focus:checked ~ .box {background-position:-19px center;}


/* datepicker custom */
#ui-datepicker-div {box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border:none; padding:0px; border-radius:5px; width:auto;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(/share/img/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(/share/img/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(/share/img/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;}


/* table */
.tbl01 {width:100%;table-layout:fixed;border-collapse: separate;}
.tbl01 th {padding:20px;background:#f4f4f4;border:1px solid #ececec;border-right:none;line-height:160%;font-weight:600;}
.tbl01 thead tr:first-child th:first-child {border-radius:3px 0 0 0;}
.tbl01 thead tr:first-child th:last-child {border-radius:0 3px 0 0;}
.tbl01 td {padding:20px;border:1px solid #ececec;line-height:160%;border-bottom:none;}
.tbl01 td + td {border-left:none;}
.tbl01 tr:last-child td,
.tbl01 tr:last-child th {border-bottom:1px solid #ececec;}
.tbl01 thead tr:last-child th {border-bottom:none;}
.tbl01 tbody tr:last-child td:first-child {border-radius:0 0 0 3px;}
.tbl01 tbody tr:last-child td:last-child {border-radius:0 0 3px 0;}

.noLline {border-left:none !important;}
.rowbLline {border-bottom:1px solid #ececec !important;border-radius:0 0 3px 0;}

.tbl-radius {border-collapse: separate;border-radius:3px;border:1px solid #ececec;}
.tbl-radius th,
.tbl-radius td {border-left:none;border-bottom:none;}
.tbl-radius th:last-child,
.tbl-radius td:last-child {border-right:none;}
.tbl-radius tr:first-child th,
.tbl-radius tr:first-child td {border-top:none;}

.tblscr {max-height:calc(100vh - 200px);overflow-x:auto;}
.tblscr table {min-width:800px;}

.evenBg tbody tr:nth-child(even) td {background:#f7f7f7;}
.evenBg .evenTd td {background:#f7f7f7 !important;}
.evenBg .oddTd td {background:#fff !important;}

.oddBg tbody tr:nth-child(odd) td {background:#f7f7f7;}
.oddBg .oddTd td {background:#f7f7f7 !important;}
.oddBg .evenTd td {background:#fff !important;}


/* title */
.u-tit02 {margin-bottom:2rem;font-weight:600;font-size:2rem;font-family: 'GmarketSans', sans-serif;line-height:160%;}


/* list */
.dotList li {text-indent:-7px;padding-left:7px;line-height:160%;}
.dotList li + li {margin-top:1rem;}
.dotList li * {text-indent:0;}
.dotList li:before {content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background:#222;vertical-align:middle;}

.dasList li {text-indent:-10px;padding-left:10px;line-height:160%;}
.dasList li + li {margin-top:1rem;}
.dasList li * {text-indent:0;}
.dasList li:before {content:"";display:inline-block;width:4px;height:1px;margin-right:6px;background:#222;vertical-align:middle;}


.num-txt-list > li {counter-increment: item; padding-left:20px; position:relative; color:#303030;line-height:160%;}
.num-txt-list > li + li {margin-top:0.5rem;}
.num-txt-list > li:before {position:absolute; top:0; left:0; display: inline-block; width: 2em; text-align: right; content: counter(item) ")"; text-align:left;}
.num-txt-list > li:nth-child(n+10){padding-left:30px;}
.num-txt-list > li:nth-child(n+10):before {width:2em}


/* info-ex */
.info-ex {text-indent:-20px;padding-left:20px;}
.info-ex:before {content:url(/share/img/default/info-ex.svg);display:inline-block;margin-right:6px;vertical-align:middle;text-indent:0;}
.info-ex .txt {vertical-align:middle;font-size:1.6rem;line-height:140%;color:#222;}
.info-ex .txt i {font-style:normal;font-size:1.6rem;}


/* ----------- 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;}
.btn span {display:inline-block;position:relative;transition:color .3s;font-weight:600;max-width:100%;line-height:140%;}
.btn.noclick {cursor:default;}


	/* 버튼 크기 */
.btn.sizeB {min-height:60px;padding:1rem 2rem;}
.btn.sizeM {min-height:52px;padding:1rem 2rem;}
.btn.sizeS {min-height:35px;padding:0.6rem 2rem;}


	/* 버튼 색상*/
.btn.black {background:#222;border:1px solid #222;}
.btn.black span {color:#fff;}
.btn.blue {background:#1089ec;border:1px solid #1089ec;}
.btn.blue span {color:#fff;}
.btn.rblue {background:#1089ec;border:1px solid #1089ec;}
.btn.rblue span {color:#fff;}
.btn.green {background:#00c46f;border:1px solid #00c46f;}
.btn.green span {color:#fff;}
.btn.grayL {background:#f4f4f4;border:1px solid #ececec;}
.btn.disable {background:#c5c5c5;border:1px solid #c5c5c5;}
.btn.disable span {color:#fff;}



	/* 버튼 아이콘 */
.btn span {position:relative;}
.btn span:before {display:none;content:"";position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;}
.btn.download span {padding-left:30px;}
.btn.download span:before {display:block;background-image:url(/share/img/default/btn_download.svg)}
.btn.write span {padding-left:30px;}
.btn.write span:before {display:block;background-image:url(/share/img/default/btn_write.svg)}
.btn.ebook span {padding-left:30px;}
.btn.ebook span:before {display:block;background-image:url(/share/img/default/btn_ebook.svg)}

.icoBtn {width:45px;height:45px;background:#f4f4f4;border:1px solid #ececec;position:relative;border-radius:3px;}
.icoBtn.add:after {content:"";position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background:#222;}
.icoBtn.add:before {content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;width:2px;height:12px;background:#222;}
.icoBtn.del:before {content:"";position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background:#222;} 
.icoBtn.none {opacity:0;}

/* ----------- tab ----------- */
.tab01 {display:flex;align-items:stretch;flex-wrap:wrap;margin:1px 0 5rem 1px;}
.tab01 li {width:14.28%;border:1px solid #ececec;background:#f4f4f4;margin:-1px 0 0 -1px;}
.tab01 li:first-child {border-radius:3px 0 0 0;}
.tab01 li:last-child {border-radius:0 3px 0 0;}
.tab01 li.over {background:#1089ec;border-color:#1089ec;}
.tab01 li.over span {color:#fff;}
.tab01 li a {min-height:60px;padding:1rem;display:flex;align-items:center;justify-content:center;}
.tab01 li a span {font-size:1.8rem;transition:all .3s;}

/* 한줄에 다 들어가는 탭 */
.tab01.liFlex li {width:auto;flex:1;min-width:0;text-align:center;}
.tab01.liFlex li a {width:100%;height:100%;
display: -ms-flexbox;
display: flex;	
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.tab01.liFlex li span {line-height:140%;}
.tab01.liFlex li:first-child {border-radius:3px 0 0 0;}
.tab01.liFlex li:last-child {border-radius:0 3px 0 0;}

.tabCont {display:none;}

/* ----------- board ----------- */
.board-search {width:100%;display: flex;align-items: center;flex-wrap: wrap;}
.board-search-l {margin-bottom:4rem;display:flex;gap:5px;flex-wrap:wrap;}
.board-search-r {margin-bottom:4rem;margin-left:auto;}
.board-search .bscr-sel {height:60px;min-width:170px;padding-left:20px;border:1px solid #ececec;border-radius:3px;vertical-align:top;}
.board-search .bscr-input {flex:1;min-width:0;height:60px;width:580px;padding:0 20px !important;border:1px solid #ececec;border-radius:3px;vertical-align:top;}
.board-search .bscr-input::placeholder {color:#d0d0d0;}
.board-search .btn {width:150px;}
.board-search .bscr-btn {width:150px;height:60px;line-height:60px;text-align:center;background:#222;border-radius:3px;vertical-align:top;}
.board-search .bscr-btn span {color:#fff;font-size:1.8rem;padding-left:23px;position:relative;}
.board-search .bscr-btn span:before {content:"";position:absolute;top:50%;left:0;margin-top:-7px;display:block;width:15px;height:16px;background:url(/share/img/default/btn_searchBtn.svg) no-repeat center center;}
.bsrcTotal {font-size:1.8rem;line-height:140%;position:relative;padding-left:20px;align-self:flex-end;}
.bsrcTotal * {font-size:1.8rem;}
.bsrcTotal .tit {font-weight:600;}
.bsrcTotal:before {content:"";display:block;position:absolute;top:3px;left:0;width:14px;height:16px;background:url(/share/img/default/board_total.svg) no-repeat center center;}
.bsrcTotal .point {color:#00c46f;}
.board-search input[text] {height:60px;}
.board-search .datepicker {height:60px;}
.srcTbox {max-width:100%;flex:1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.board-search select {height:60px;max-width:100%;}
.srcTbox input {min-width:0;flex:1;max-width:none;}
.srcTbox .btn,
.srcTbox .bscr-btn {flex:0 0 150px;margin-left:5px;}

/* 일반 게시판 목록 */
.boardLst {border-top:2px solid #222;}
.boardLst > li {border-bottom:1px solid #ececec;padding:50px 0;display: flex;}
.boardLst > li .num {padding:0 25px;line-height:160%;}
.boardLst > li .title {flex:1;padding:0 25px;min-width:0;}
.boardLst > li .title .btxt {display:block;font-size:1.8rem;margin-bottom:1rem;font-weight:600;transition:all .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;max-height: 3.2em;min-width:0;}
.boardLst > li .title .stxt {display:inline-block;color:#999;padding-right:12px;margin-right:12px;position:relative;line-height:160%;}
.boardLst > li .title .stxt:before {content:"";position:absolute;top:50%;right:0;margin-top:-7px;display:block;width:1px;height:14px;background:#ececec;}
.boardLst > li .title .stxt:last-child:before {display:none;}
.boardLst > li .title .ctxt {margin-bottom:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;max-height: 3.2em;}
.boardLst > li .title .mtxt {margin-bottom:4rem;}
.boardLst > li .file {width:33px;height:36px;margin:0 25px;background:url(/share/img/default/boardList_file.svg) no-repeat center center;align-self:center;flex-shrink:0}
.boardLst > li .rock {width:17px;flex:0 0 17px;margin:0 5px 0 10px;line-height:160%;}
.boardLock {display:inline-block;width:17px;height:20px;background:url(/share/img/default/boardList_lock.svg) no-repeat center center;}
.boardLst .thumbnail figure {width:120px;height:120px;position:relative;overflow:hidden;}
.boardLst .thumbnail figure img {position:absolute;width:100%;height:100%;object-fit: cover;object-position: center top;transition:all .3s;}


/* 공고게시판 목록 */
.boardLst > li .process {width:70px;height:70px;margin:0 20px;border-radius:50%;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-width:0;}
.boardLst > li .process.ing {background:#1089ec}
.boardLst > li .process.end {background:#222;}
.boardLst > li .process span {display:block;max-width:100%;color:#fff;padding:5px;line-height:120%;font-size:1.5rem;}


/* 키워드게시판 목록 */
.boardLst > li .keywordBox {margin-top:2rem;}


/* 썸네일게시판 목록 */
.boardLst.thum > li {padding:0;display:block;}
.boardLst.thum > li .boardLst-item {padding:50px 0;display: flex;flex-wrap:wrap;}
.boardLst.thum > li .thumbnail figure {width:200px;height:200px;position:relative;overflow:hidden;}
.boardLst.thum > li .thumbnail figure img {position:absolute;width:100%;height:100%;object-fit: cover;object-position: center top;transition:all .3s;}
.boardLst.thum > li .title {width:calc(100% - 200px);}
.boardLst.thum > li .title .btxt {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:block;}
.boardLst.thum > li .title .ctxt {height:3.2em;}


/* 포토갤러리 목록 */
.boardImgLst {border-top:2px solid #222;padding-top:5rem;margin-bottom:6rem;display: flex;flex-wrap: wrap;align-items: stretch;gap: 50px 30px;}
.boardImgLst > li {width:calc(25% - 22.5px);}
.boardImgLst > li .img {position:relative;margin-bottom:3rem;overflow:hidden;}
.boardImgLst > li .img:after {content:"";display:block;width:100%;height:0;padding-bottom:63%;}
.boardImgLst > li .img img {position:absolute;width:100%;height:100%;object-fit: cover;object-position: center top;transition:all .3s;}
.boardImgLst > li .title {font-size:1.8rem;font-weight:600;margin-bottom:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;height: 3.2em;}
.boardImgLst > li .date {color:#999;margin-bottom:2rem;}


/* 기술문서 목록 */
.boardLst .download:not(.boardInbtn) {position:relative;flex:0 0 50px;margin:0 20px;}
.boardLst .download .share-pop {width:240px;left:-240px;}
.boardLst .download .share-pop .link a {display:block;position:relative;padding-right:25px;}
.boardLst .download .share-pop .link a:before {content:"";position:absolute;top:50%;right:0;margin-top:-7px;width:14px;height:14px;background:url(/share/img/default/small_download.svg) no-repeat center center;}
.boardLst .boardInbtn {display:block;width:50px;height:50px;border-radius:50%;background:url(/share/img/default/icobtn_download.svg) no-repeat center center #222;}
.boardInbtn.download {transition:all .3s;}
.boardInbtn.download.act {background-color:#1089ec}


/* 게시판 키워드 */
.keywordBox {display:flex;flex-wrap:wrap;gap:8px;}
.keywordItem {display:block;padding:5px 18px;border-radius:30px;background:#ececec;font-size:1.4rem;line-height:160%;transition:all .3s;}

	@media screen and (min-width:1200px){
	
		a.keywordItem:hover,
		a.keywordItem:focus {background:#1089ec;color:#fff;}
	}


/* 일반 게시판 상세 */
.boardView > li {padding:2rem 0 ;border-top:1px solid #ececec;}
.boardView >  li:first-child {border-top:none;}
.boardView .title {padding-top:0;}
.boardView .title:after {content:"";display:block;clear:both;}
.boardView .title .txt {margin:1rem 0;float:left;font-size:2.2rem;font-weight:600;line-height:160%;padding-top:0;}
.boardView .info .info-item {display:inline-block;margin:1rem 20px 1rem 0;padding-right:20px;position:relative;}
.boardView .info .info-item span {display:inline-block;color:#999;line-height:160%;}
.boardView .info .info-item:before {content:"";position:absolute;top:50%;right:0;margin-top:-7px;display:block;width:1px;height:14px;background:#ececec;}
.boardView .info .info-item:last-child:before {display:none;}
.boardView .file-item {float:left;clear:both;position:relative;padding-left:135px;min-height:30px;}
.boardView .file {padding:2.5rem 0;}
.boardView .file:after {content:"";display:block;clear:both;}
.boardView .file .tit {color:#999;position:absolute;top:0;left:0;}
.boardView .file .tit:before {content:url(/share/img/default/boardView_file.svg);width:30px;height:30px;line-height:30px;margin-right:5px;background:#f4f4f4;border-radius:3px;vertical-align:middle;text-align:center;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.boardView .file a {display:block;margin-bottom:10px;color:#999;line-height:160%;}
.boardView .file a:last-child {margin-bottom:0;}
.boardView .cont:not(.editorCont) {min-height:300px;border-top:2px solid #222222;border-bottom:1px solid #ececec;padding:4rem 0;}
.boardView .cont:not(.editorCont) {line-height:160%;}
.boardView .cont table,
.boardView .cont img {max-width:100%;}
.boardBt-btn {padding:3rem 0;}
.boardBt-btn:after {content:"";display:block;clear:both;}
.boardBt-btn .btn {min-width:150px;}
.boardBt-btn.request {border-top:1px solid #ececec;margin-top:6em;}
.boardBt-btn .fl {margin-bottom:2rem;}

.board-share {float:right;font-size:0;margin:1rem 0 0 30px;}
.shareInbox {display:inline-block;position:relative;}
.board-sharebtn,
.board-printbtn {display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#222;background-repeat:no-repeat;background-position:center center;}
.board-sharebtn {background-image:url(/share/img/default/icobtn_share.svg);}
.board-printbtn {margin-left:10px;background-image:url(/share/img/default/icobtn_print.svg);}
.share-pop {display:none;position:absolute;top:0;left:-160px;width:150px;border:1px solid #ececec;border-radius:10px 0 10px 10px;overflow:hidden;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);z-index:10;text-align:left;}
.share-pop .tit {padding:25px;background:#1089ec;color:#fff;font-weight:600;}
.share-pop .link {padding:25px;background:#fff;}
.share-pop .link li {padding:0;}
.share-pop .link li + li {margin-top:2rem;}
.share-pop .link li a span {transition:all .3s;line-height:160%;}
.share-pop .close {position:absolute;top:22px;right:20px;z-index:1;}
.share-pop .close .icon {display:block;width:20px;height:20px;position:relative;}
.share-pop .close .icon:before,
.share-pop .close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -10px;width:20px;height:1px;background:#fff;}
.share-pop .close .icon:before {transform:rotate(-45deg);}
.share-pop .close .icon:after {transform:rotate(45deg);}

/* 이전글, 다음글 */
.boardView-prevnext {border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.boardView-prevnext .item {width:100%;padding:3rem 0;line-height:160%;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.boardView-prevnext .item + .item {border-top:1px solid #ececec;}
.boardView-prevnext .item .tit {flex:0 0 80px;font-weight:600;margin-right:30px;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.boardView-prevnext .item .tit .icon {width:24px;height:24px;margin-right:10px;background:#222;border-radius:50%;
display: -ms-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.boardView-prevnext .item .tit .icon:before {content:"";display:inline-block;width:9px;height:6px;background:url(/share/img/default/shortArrow.svg) no-repeat center center;}
.boardView-prevnext .item.prev .tit .icon:before {transform:rotate(180deg);}
.boardView-prevnext .item .date {flex:0 0 100px;margin-left:auto;padding-left:20px;color:#888;font-size:1.4rem;letter-spacing:0;text-align:right;}
.boardView-prevnext .item .link {min-width:0;}
.boardView-prevnext .item a {transition:color .3s;}


	/* 답변글 */
.boardView.repley {margin-top:6rem;}
.boardView.repley .title .txt {margin:0;font-weight:600;font-family:'GmarketSans', sans-serif}
.boardView.repley .cont {padding-left:2rem;padding-right:2rem;margin-bottom:2rem;background:#f4f4f4;border-bottom:none;}
	
	@media screen and (min-width:1200px){
	
		.share-pop .link li a:hover span,
		.share-pop .link li a:focus span {color:#1089ec;border-bottom:1px solid #1089ec;}
		
		
		/* 이전글, 다음글 */
		.boardView-prevnext .item a:hover,
		.boardView-prevnext .item a:focus {color:#1089ec;}
	}
	
	@media screen and (max-width:600px){ 
	
		.boardView-prevnext .item .tit {margin-right:20px;}
		.boardView-prevnext .item .date {display:none;}
	}
	

/* 키워드 게시판 상세 */
.boardView li.keywordBox {border-top:1px solid #fff;margin-top:-1px;border-bottom:1px solid #ececec;padding-bottom:3rem;}


/* board page */
.board_num2  {text-align:center;line-height:110%;display:block;position:relative;height:auto;min-height:48px;padding:50px 0 0px 0;}
.board_num2 li {display:inline-block;}
.board_num2 a {display:inline-block;height:48px;min-width:48px;line-height:48px;padding:0 5px;margin:0 1px 5px;border:1px solid #ececec;background:#fff;text-align:center;overflow:hidden;border-radius:3px;font-size:1.5rem;font-weight:500;position:relative;} 
.board_num2 .over a {background:#222222; border-color:#222222; color:#fff;}
.board_num2 .first_page a,
.board_num2 .prev_page a,
.board_num2 .next_page a,
.board_num2 .last_page a {background:#f4f4f4;}
.board_num2 .first_page a:before,
.board_num2 .prev_page a:before,
.board_num2 .next_page a:before,
.board_num2 .last_page a:before {position:absolute;top:50%;left:50%;display:block;height:10px;background:url(/share/img/default/paging.svg)no-repeat;}
.board_num2 .first_page a:before {content:"";width:10px;margin:-5px 0 0 -5px;background-position:left center;}
.board_num2 .prev_page a:before {content:"";width:6px;margin:-5px 0 0 -2px;background-position:-12px center;}
.board_num2 .next_page a:before {content:"";width:6px;margin:-5px 0 0 -2px;background-position:-18px center;}
.board_num2 .last_page a:before {content:"";width:10px;margin:-5px 0 0 -5px;background-position:right center;}


/* ----------- 검색결과 ----------- */
.srcR-top {display:flex;align-items:center;flex-wrap:wrap;}
.srcR-top .bsrcTotal {margin-bottom:2.5rem;}
.srcR-top .srcR-more {margin-bottom:2.5rem;margin-left:auto;}
.searchResult-wrap  .board-search-l {margin-bottom:3rem;}
.searchResult-wrap .board-search .bscr-input {width:580px;max-width:calc(100% - 155px);}
.srcR-num {font-size:1.8rem;font-weight:700;margin-bottom:6rem;}
.srcR-num span {font-size:1.8rem;font-weight:700}

.srcR-cont + .srcR-cont {margin-top:12rem;}

.srcRlst {border-top:2px solid #222;}
.srcRlst li {border-bottom:1px solid #ececec;}
.srcRlst li a {display:block;padding:35px 25px;}
.srcRlst li .btxt {font-weight:600;font-size:1.8rem;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;transition:all .3s;}
.srcRlst li .stxt {margin-top:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.6em;max-height: 3.2em;}
.srcRlst li.nodata {padding:35px 25px;text-align:center;line-height:160%;}
.srcRlst li.nodata .bt,
.srcRlst li.nodata .bt * {font-weight:600;font-size:1.8rem;margin-bottom:2rem;line-height:160%;}

/* layerpop */
.layerpop-wrap {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;background:rgba(0, 0, 0, 0.7);}
.layerpop-inwrap {width:100%;height:100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.layerpop {width:550px;max-width:calc(100% - 40px);max-height:calc(100% - 60px);box-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.layerpop-title {height:60px;flex:0 0 60px;background:#1089ec;padding:0 20px;border-radius:10px 10px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.layerpop-title .title {color:#fff;flex:1;line-height:140%;margin-right:20px;font-weight:600;}
.layerpop-title .layerpop-close {margin-left:auto;}
.layerpop-title .layerpop-close .icon {display:block;position:relative;width:20px;height:20px;}
.layerpop-title .layerpop-close .icon:before {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -10px;display:block;width:20px;height:2px;transform:rotate(45deg);background:#fff;}
.layerpop-title .layerpop-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:0 0 0 -10px;display:block;width:20px;height:2px;transform:rotate(-45deg);background:#fff;}
.layerpop-scr {overflow-y:auto;max-height:calc(100% - 60px);border:1px solid #ececec;border-top:none;border-radius:0 0 10px 10px;background:#fff;}
.layerpop-cont {padding:20px;}

.layerpop-wrap.alert .layerpop-inwrap {background:rgba(255, 255, 255, 0.5);}
.layerpop-wrap.alert .layerpop-title {border:1px solid #ececec;border-bottom:none;}
.layerpop-wrap.alert .layerpop-scr {border-radius:10px;border:1px solid #ececec;border-top:none;}

.alert-inwrap {padding:30px;}
.alert-txt {line-height:160%;margin-bottom:2rem;text-align:center;}
.alert-inputT {height:60px;width:100%;}
.alert-btns {margin-top:1rem;
display: -ms-flexbox;
display: flex;
gap:10px;
}
.alert-btns .btn {width:calc(50% - 5px);}
#layerpop-boardlock .layerpop {width:340px;}


.layerpop-scr .scroll-element,
.layerpop-scr .scroll-element div {border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.layerpop-scr .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.layerpop-scr .scroll-element.scroll-x {bottom: 2px;height: 8px;left: 0;width: 100%;}
.layerpop-scr .scroll-element.scroll-y {height: 100%;right: 0px;top: 0;width: 12px;}
.layerpop-scr .scroll-element .scroll-element_outer {overflow: hidden;}
.layerpop-scr .scroll-element .scroll-element_track { background-color: #f3f3f3;border-radius:0px;}
.layerpop-scr .scroll-element .scroll-bar { background-color: #cfcfcf;border-radius:0px;}
.layerpop-scr .scroll-element:hover .scroll-bar { background-color: #cfcfcf; }
.layerpop-scr .scroll-element.scroll-draggable .scroll-bar { background-color: #cfcfcf; }
.layerpop-scr .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.layerpop-scr .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.layerpop-scr .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.layerpop-scr .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

	/* hover */
	@media screen and (min-width:1200px){
		
		/* btn */
		.btn:hover,
		.btn:focus {box-shadow:0 10px 30px rgba(0, 0, 0, 0.07);}	
		

		/* tab */
		.tab01 li:not(.over) a:hover span,
		.tab01 li:not(.over) a:focus span {color:#1089ec;}


		/* board page */
		.board_num2 a:hover,
		.board_num2 a:focus {border-color:#222;}
		.board_num2 a:hover.first_page,
		.board_num2 a:focus.first_page,
		.board_num2 a:hover.prev_page,
		.board_num2 a:focus.prev_page,
		.board_num2 a:hover.next_page,
		.board_num2 a:focus.next_page,
		.board_num2 a:hover.last_page,
		.board_num2 a:focus.last_page {border-color:#222;}


		/* 일반 게시판 목록 */
		.boardLst li:hover .btxt,
		.boardLst li:focus .btxt {color:#1089ec}


		/* 포토갤러리 목록 */
		.boardImgLst li a:hover .img img,
		.boardImgLst li a:focus .img img {transform:scale(1.3)}

		
		/* 썸네일게시판 목록 */
		.boardLst.thum li:hover .thumbnail figure img,
		.boardLst.thum li:focus .thumbnail figure img {transform:scale(1.1)}

		
		/* ----------- 검색결과 ----------- */
		.srcRlst li a:hover .btxt,
		.srcRlst li a:focus .btxt{color:#1089ec;}
	}

	/* mobile */
	@media screen and (max-width:1400px){
	
		/* ----------- board ----------- */
		.board-search-l {width:100%;}
		.board-search-r {width:100%;}
	}

	@media screen and (max-width:1200px){
	
		/* ----------- tab ----------- */
		.tab01 li {width:20%;border-radius:0 !important;}
		.tab01 li a {min-height:50px;}
		.tab01 li a span {font-size:1.6rem;}


		/* ----------- board ----------- */
		.board-search .bscr-sel {height:50px;}
		.board-search .bscr-input {height:50px;}
		.board-search .bscr-btn {width:120px;height:50px;line-height:50px;}
		.board-search .btn {min-height:50px;}
		.board-search .bscr-btn span,
		.board-search .btn span {font-size:1.6rem;}
		.board-search .datepicker {height:50px;font-size:1.3rem;padding-right:0 !important;}
		
		.srcTbox .btn, 
		.srcTbox .bscr-btn {flex:0 0 120px;}
		
		.bsrcTotal,
		.bsrcTotal * {font-size:1.6rem;}
		
		.srcTbox {width:100%;flex:auto;}

		/* 일반 게시판 목록 */
		.boardLst li {padding:30px 0;}
		.boardLst li .num {display:none;}
		.boardLst li .title {padding:0 15px;}
		.boardLst li .file {width:25px;height:28px;margin:0 15px;background-size:100%;}
		.boardLst > li .process {width:60px;height:60px;}

		
		/* 썸네일게시판 목록 */
		.boardLst.thum li .boardLst-item {padding:30px 0;}


		/* 포토갤러리 목록 */
		.boardImgLst {margin-bottom:3rem;}
		.boardImgLst li {width:calc(33.33% - 20px);}


		/* 일반 게시판 상세 */
		.boardView .title {font-size:1.8rem;}
		.boardBt-btn .btn {min-width:120px;min-height:45px;}


		/* board page */
		.board_num2 a {min-width:35px;height:35px;line-height:35px;}


		/* ----------- 검색결과 ----------- */
		.srcRlst li a {padding:25px 15px;}
		.srcRlst li .stxt {margin-top:1rem;}		
		.srcR-num {margin-bottom:4rem}
		.srcR-cont + .srcR-cont {margin-top:8rem}
	}

	@media screen and (max-width:800px){
		
		/* ----------- tab ----------- */
		.tab01 li {width:33.33%;border-radius:0 !important;}


		/* 포토갤러리 목록 */
		.boardImgLst {gap:50px 20px}
		.boardImgLst li {width:calc(50% - 10px);}


		/* 썸네일게시판 목록 */
		.boardLst.thum li .thumbnail figure {width:120px;height:120px;}
		.boardLst.thum li .title {width:calc(100% - 120px);}
	}

	@media screen and (max-width:650px){
	
		/* ----------- board ----------- */
		.board-search .bscr-sel {width:100%;}
		.board-search .bscr-input,
		.searchResult-wrap .board-search .bscr-input {width:100%;max-width:none;margin-top:0.5rem;}
		.board-search .bscr-btn {width:100%;margin-top:0.5rem;}
		.board-search .btn {width:100%;margin-top:0.5rem;}
		.deteBox {width:100%;}
		.srcTbox {width:100%;}
		.srcTbox input {width:100%;flex:auto;}
		.srcTbox .bscr-btn,
		.srcTbox .btn {width:calc(50% - 3px);flex:auto;margin-left:0;}
		.srcTbox .bscr-btn {margin-right:6px;}
	}

	@media screen and (max-width:500px){
		
		/* ----------- board ----------- */
		
		.boardLst li {-ms-flex-wrap: wrap;flex-wrap: wrap;}
		.boardLst li .process {margin-right:0;}
		.boardLst .download:not(.boardInbtn)  {margin-right:0;}
		.boardLst .thumbnail {flex:none;padding:0 15px;margin-bottom:1.5rem;width:100%;}

		/* 일반 게시판 상세 */
		.boardView .file .tit {position:static;display:block;margin-bottom:1rem;}
		.boardView .file-item {padding-left:0;}
		.boardView .file a {margin-left:35px;}


		/* 포토갤러리 목록 */
		.boardImgLst {gap:50px 0px}
		.boardImgLst li {width:100%}
		.boardImgLst li .title {height:auto;max-height:3.2em;}


		/* 썸네일게시판 목록 */
		.boardLst.thum li .title {flex:auto;margin-top:2rem;padding:0 15px;}
		.boardLst.thum li .title .ctxt {height:auto;max-height:3.2em}
		.boardLst.thum li .file {align-self:flex-start;margin-top:2rem;}
	}


/* ---------- 프린트 ---------- */
@media print {
		
	.board-share {display:none;}
	.boardView {max-width:100%;}
	.boardView * {font-size:10pt;}
	.boardView .title .txt {font-size:12pt;}
	.boardView > li {padding:8pt 0;}
}


/* 에러페이지 수정 */
.error-inner {max-width: 1408px;padding: 0 22px;margin: 0 auto;box-sizing: border-box;-webkit-box-sizing: border-box;text-align:center;}
.error-wrap {margin-top:15%;display:inline-block;text-align:left;}
.error-wrap * {font-family:"nanumsquare", sans-serif;letter-spacing:-0.03em;color:#232323;line-height:140%;word-wrap:break-word;word-break:keep-all;}
.error-wrap:before {content:"";display:block;width:178px;height:99px;margin-bottom:60px;background:url(/share/img/default/error_icon.png) no-repeat center center;background-size:178px auto;}
.error-pageTitle {margin-bottom:25px;font-size:17px;}
.error-title {margin-bottom:25px;font-size:40px;letter-spacing:-0.05em;font-weight:bold;}
.error-cont {margin-bottom:60px;font-size:17px;}
.error-bnt {display:inline-block;height:60px;line-height:60px;width:160px;text-align:center;border:1px solid #232323;font-size:17px;}

	@media screen and (max-width:800px) {
		
		.error-wrap {margin-top:25%;}
		.error-wrap:before {width:130px;height:72px;margin-bottom:40px;background-size:130px auto;}
		.error-title {font-size:25px;margin-bottom:20px;}
		.error-pageTitle {font-size:15px;margin-bottom:20px;}
		.error-cont {font-size:15px;margin-bottom:40px;}
		.error-bnt {width:120px;height:45px;line-height:45px;font-size:15px;}
	}
	
/*페이지준비중*/
.service-ready{text-align:center; padding:4rem 0 10rem;}
.service-ready .ready-img{width:12rem; display:inline-block;}
.service-ready .ready-img img{max-width:100%; height:auto;}
.service-ready .ready-title{font-size:2.4rem; font-weight:700; color:#222; margin:1.2em 0 1em; letter-spacing:-0.04em;}
.service-ready .ready-desc{font-size:1.8rem; font-weight:500; color:#888; letter-spacing:-0.05em; line-height:1.6}


/* 첨부파일 */
#egovComFileList {margin-top:2rem;}
#egovComFileList > div {}
#egovComFileList > div + div {margin-top:1.5rem;}
#egovComFileList input[type="button"] {height:30px;line-height:30px;margin:5px 0 5px 10px;vertical-align:middel;}


/* 툴팁 */
.tippy-box[data-theme~='pk'] {background-color: #fff;border: 1px solid #333;border-radius: 3px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1);border:1px solid #eee;}
.tippy-box[data-theme~='pk'] .tippy-content {text-indent:0;color: #222 !important;line-height:160%;word-wrap:break-word;word-break:keep-all}
.tippy-box[data-theme~='pk'][data-placement^='top'] > .tippy-arrow::before {border-top-color:#fff;}
.tippy-box[data-theme~='pk'][data-placement^='left'] > .tippy-arrow::before {border-left-color:#fff;}
.tippy-box[data-theme~='pk'][data-placement^='right'] > .tippy-arrow::before {border-right-color:#fff;}
.tippy-box[data-theme~='pk'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color:#fff;}



/* 모바일 이미지 확대 */
.mbimgCloseup-wrap {position:relative;}
.mbimgCloseup-wrap .mbimgCloseup {position:absolute;top:0;right:0;display:none;z-index:1;}
.mbimgCloseup-wrap .mbimgCloseup .icon {display:block;position:relative;width:40px;height:40px;background:url(/share/img/default/mbimgCloseup.svg) no-repeat center center #222;}

	@media screen and (max-width:1200px){
	
		.mbimgCloseup-wrap .mbimgCloseup {display:block;}
	}