@charset "UTF-8";
@import url(board-list.css);
@import url(board-view.css);
@import url(board-write.css);

/* common */
button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand{display:none;}
pre{font-family:inherit;}
button{border:none;}
.b-hide{width:0;height:0;font-size:0;}
.b-mark-p01{position:relative;margin:0.5rem 0;padding:0 0 0 1.5rem;font-size:1.6rem;line-height:2.4rem;}
.b-mark-p01:before{content:'*';display:block;position:absolute;top:0.3rem;left:0;width:1.4rem;height:1.4rem;}
.b-mark-p02{position:relative;margin:0.5rem 0;padding:0 0 0 1.8rem;font-size:1.6rem;line-height:2.4rem;}
.b-mark-p02:before{content:'※';display:block;position:absolute;top:0;left:0;width:1.4rem;height:1.4rem;}
.b-mark-p03{position:relative;margin:0.5rem 0;padding:0 0 0 2.5rem;font-size:1.6rem;line-height:2.4rem;}
.b-mark-p03:before{content:'';display:block;position:absolute;top:0.5rem;left:0;width:1.8rem;height:1.4rem;background:url(../img/board/ico-chk.png) no-repeat center center/100%;}
.b-mark-p04{position:relative;margin:0.5rem 0;padding:0 0 0 2.5rem;font-size:1.6rem;line-height:2.4rem;}
.b-mark-p04:before{content:'';display:block;position:absolute;top:0.3rem;left:0;width:1.6rem;height:1.6rem;background:url(../img/board/ico-info.png) no-repeat center center/100%;}

.fr-view table td, 
.fr-view table th{border:none;}

/***** 게시판 공통 *****/

/* 전체 선택/비선택 체크박스(관리자) */
.article-chk{display:inline-block;position:absolute;top:0;left:0.5rem;z-index:5;line-height:1;}
.adm-chk label{font-size:1.6rem;}
.adm-chk{margin:0 0 1.0rem 0;}
.adm-chk input{display:inline-block;margin:0;width:1.7rem;height:1.7rem;border:0.1rem solid var(--color17);background:#fff;border-radius:0.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.adm-chk input:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}
.article-chk input{display:inline-block;margin:0.4rem;width:1.7rem;height:1.7rem;border:0.1rem solid var(--color17);background:#fff;border-radius:0.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.article-chk input:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}

/* list 게시판 - colgroup 너비 지정 클래스 */
.b-col-auto{width:auto;}
.b-col-num{width:10%;}
.b-col6{width:6%;}
.b-col8{width:8%;}
.b-col10{width:10%;}
.b-col12{width:12%;}
.b-col15{width:15%;}
.b-col20{width:20%;}
.b-col22{width:22%;}
.b-col25{width:25%;}
.b-col30{width:30%;}
.b-col32{width:32%;}
.b-col35{width:35%;}
.b-col40{width:40%;}
.b-col42{width:42%;}
.b-col45{width:45%;}
.b-col50{width:50%;}

/* 색상 지정 */
.b-c-red{color:var(--color03);}
.b-c-blue{color:var(--color01);}
.b-c-green{color:var(--color06);}

/* 총 게시글 수 */
.b-total-wrap{padding:0 2.0rem 0 0;font-size:2.0rem;line-height:2.8rem;}
.b-total-wrap span{color:var(--color01);}

.b-sel-box{display:inline-block;position:relative;margin:0 0.5rem 0 0;min-width:15.0rem;text-align:left;vertical-align:middle;}
.b-sel-box:last-of-type{margin:0;}
.b-select{position:relative;padding:1.5rem 2.2rem;width:100%;max-width:20.0rem;border:0.1rem solid var(--color17);background:#fff url(../img/board/btn-sel-open01.png) no-repeat right 0.9rem center;font-family:inherit;font-size:1.6rem;color:var(--color16);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.b-search-box{display:inline-block;border:0.1rem solid var(--color17);}

/* 검색 영역 */
.bn-search{padding:0 0 3.0rem;}
.bn-search form{display:flex;justify-content:space-between;align-items:center;width:100%;}
.bn-search form.right{justify-content:right;}
.bn-search form.center{justify-content:center;}
.bn-search .b-sel-box{display:inline-block;position:relative;margin:0 0.5rem 0 0;min-width:15.0rem;text-align:left;vertical-align:middle;}
.bn-search .b-sel-box:last-of-type{margin:0;}
.bn-search .b-select{position:relative;padding:1.0rem 2.2rem;width:100%;max-width:20.0rem;border:0.1rem solid var(--color17);background:#fff url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.59381 9.81666L11.146 17.4629C11.2516 17.5861 11.3826 17.685 11.53 17.7528C11.6775 17.8206 11.8378 17.8557 12.0001 17.8557C12.1623 17.8557 12.3227 17.8206 12.4701 17.7528C12.6175 17.685 12.7485 17.5861 12.8541 17.4629L19.4063 9.81666C20.0316 9.08682 19.5132 7.95947 18.5523 7.95947H5.446C4.48506 7.95947 3.96663 9.08682 4.59381 9.81666V9.81666Z' fill='%2337424D' class='svg-elem-1'%3E%3C/path%3E%3C/svg%3E") no-repeat right 0.9rem center/1.5rem;font-family:inherit;font-size:1.6rem;color:var(--color16);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bn-search .b-search-box{display:inline-block;border:0.1rem solid var(--color17);vertical-align:middle;}
.bn-search input{display:inline-block;position:relative;padding:1.0rem 1.3rem 1.1rem 1.6rem;min-width:30.0rem;border:0;min-height:4.3rem;font-size:1.6rem;color:var(--color13);box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bn-search input:focus{outline:0.1rem solid var(--color01);outline-offset:0;}
.bn-search input::placeholder{color:var(--color16);}
.bn-search .b-sel-btn{padding:1.3rem 1.7rem;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDIwLjUgNiBDIDEyLjUwOTYzNCA2IDYgMTIuNTA5NjQgNiAyMC41IEMgNiAyOC40OTAzNiAxMi41MDk2MzQgMzUgMjAuNSAzNSBDIDIzLjk1NjM1OSAzNSAyNy4xMzM3MDkgMzMuNzc5MDQ0IDI5LjYyODkwNiAzMS43NSBMIDM5LjQzOTQ1MyA0MS41NjA1NDcgQSAxLjUwMDE1IDEuNTAwMTUgMCAxIDAgNDEuNTYwNTQ3IDM5LjQzOTQ1MyBMIDMxLjc1IDI5LjYyODkwNiBDIDMzLjc3OTA0NCAyNy4xMzM3MDkgMzUgMjMuOTU2MzU3IDM1IDIwLjUgQyAzNSAxMi41MDk2NCAyOC40OTAzNjYgNiAyMC41IDYgeiBNIDIwLjUgOSBDIDI2Ljg2OTA0NyA5IDMyIDE0LjEzMDk1NyAzMiAyMC41IEMgMzIgMjMuNjAyNjEyIDMwLjc3NjE5OCAyNi40MDU3MTcgMjguNzkxMDE2IDI4LjQ3MDcwMyBBIDEuNTAwMTUgMS41MDAxNSAwIDAgMCAyOC40NzA3MDMgMjguNzkxMDE2IEMgMjYuNDA1NzE3IDMwLjc3NjE5OSAyMy42MDI2MTQgMzIgMjAuNSAzMiBDIDE0LjEzMDk1MyAzMiA5IDI2Ljg2OTA0MyA5IDIwLjUgQyA5IDE0LjEzMDk1NyAxNC4xMzA5NTMgOSAyMC41IDkgeiI+PC9wYXRoPjwvc3ZnPg==') 50% 50% no-repeat;background-size:70%;border:0;box-sizing:border-box;vertical-align:middle;cursor:pointer;text-indent:-999.9rem;}

/* 카테고리 */
.b-category-tab .category-box{padding:0 0 2.3rem;}
.b-category-tab .tab-cate{display:table;width:100%;border-left:0.1rem solid var(--color18);border-top:0.1rem solid var(--color18);table-layout:fixed;}
.b-category-tab .tab-cate > li{display:table-cell;border-bottom:0.1rem solid var(--color18);border-right:0.1rem solid var(--color18);background:#fff;box-sizing:border-box;vertical-align:middle;}
.b-category-tab .tab-cate > li.active{background:var(--color04);}
.b-category-tab .tab-cate > li.active a{color:#fff;}
.b-category-tab .tab-cate > li a{display:block;padding:1.9rem 1.0rem;width:100%;text-align:center;font-size:1.8rem;line-height:2.6rem;vertical-align:middle;}
.b-category-tab .tab-cate[class*='row']{display:flex;flex-wrap:wrap;table-layout:unset;}
.b-category-tab .tab-cate[class*='row'] > li{display:flex;width:20%;justify-content:center;align-items:center;}

/* 통합검색 */
.b-total-search-wrap > div {padding:0 0 6.0rem 0;}
.b-total-search-wrap > div:last-of-type{padding:0;}
.b-total-search-wrap h4{position:relative;padding:0 0 2.0rem 2.0rem;font-weight:var(--font-weight-regular);font-size:2.0rem;color:var(--color01);line-height:3.5rem;}
.b-total-search-wrap h4:before{content:'';position:absolute;top:1.6rem;left:0;width:1.0rem;height:0.3rem;background:var(--color13);}
.b-total-search-wrap h4 span{color:var(--color01);font-weight:var(--font-weight-medium);}
.b-total-search-wrap .b-option-wrap{border-top:0.2rem solid var(--color15);}
.b-total-search-wrap .b-option-box > li{display:table;width:100%;table-layout:fixed;}
.b-total-search-wrap .b-option-box > li > p{display:table-cell;width:17.0rem;font-size:1.7rem;text-align:center;font-weight:var(--font-weight-regular);background-color:var(--color12);border-right:0.1rem solid var(--color17);border-bottom:0.1rem solid var(--color17);vertical-align:middle;}
.b-total-search-wrap .b-option-box > li > div{display:table-cell;width:100%;padding:1.5rem 0 1.5rem 2.5rem;border-bottom:0.1rem solid var(--color17);}
.b-total-search-wrap .b-option-box > li > div.b-term-box{display:block;}
.b-total-search-wrap .b-option-box > li > div.b-term-box > div > div.b-year-month-box{padding-bottom:1.0rem;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap{margin:0;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-label span{display:block;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-999.9rem;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box{display:inline-block;vertical-align:top;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box .b-select{display:block;position:relative;width:100%;height:4.0rem;padding:0 1.0rem;margin:0 0.6rem 0 0;background:#fff url(../img/board/btn-sel-open01.png) no-repeat right 1.2rem center;font-family:inherit;font-weight:var(--font-weight-light);font-size:1.6rem;color:var(--color13);border:0.1rem solid var(--color17);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box .b-select:after{content:"";display:block;position:absolute;top:0;right:0;width:3.4rem;height:3.8rem;border:0.1rem solid var(--color17);border-left:0.1rem solid var(--color17);}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box .b-select:focus{outline:none;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap input{display:inline-block;padding:0.6rem 1.0rem;width:35.0rem;height:4.0rem;border:0.1rem solid var(--color17);font-family:inherit;font-weight:var(--font-weight-light);font-size:1.6rem;color:var(--color13);vertical-align:middle;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-btn{width:9.5rem;padding:0.8rem 1.0rem 0.9rem;margin:0 0 0 0.6rem;height:4.0rem;border:0;-webkit-border-radius:0;background-color:var(--color01);font-size:1.6rem;font-weight:var(--font-weight-regular);color:#fff;box-sizing:border-box;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none;}

.b-total-search-wrap .b-option-list-box > ul > li{display:inline-block;}

.b-total-search-wrap .b-result-box{position:relative;}
.b-total-search-wrap .b-result-box .b-result{padding:1.0rem 0 1.0rem 2.0rem;background-color:var(--color12);border:0.1rem solid var(--color17);}
.b-total-search-wrap .b-result-box .b-result li{position:relative;display:inline-block;padding:0 1.6rem 0 0;margin:0 1.0rem 0 0;font-size:1.7rem;font-weight:var(--font-weight-light);line-height:2.2rem;}
.b-total-search-wrap .b-result-box .b-result li:last-of-type{margin:0;padding:0;}
.b-total-search-wrap .b-result-box .b-result li:after{content:'';position:absolute;top:50%;right:0;width:0.1rem;height:1.5rem;background:var(--color14);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.b-total-search-wrap .b-result-box .b-result li:last-of-type:after{display:none;}
.b-total-search-wrap .b-result-box .b-result li span{padding:0 0 0 0.5rem;font-weight:var(--font-weight-medium);color:var(--color01);}

.b-total-search-wrap .b-result-box .btn-srch-more{position:absolute;right:0;top:0;display:inline-block;padding:1.0rem 2.5rem;border:0.1rem solid var(--color17);font-size:1.6rem;font-weight:var(--font-weight-regular);color:var(--color13);line-height:1;border-radius:0.5rem;}
.b-total-search-wrap .b-result-box .btn-srch-more:hover{background-color:var(--color04);color:#fff;}
.b-total-search-wrap .b-result-box .btn-srch-more:hover:after{background-image:url(../img/board/bg-link-w.png);}

.b-total-search-wrap .b-result-box .b-result-ul{border-top:0.2rem solid var(--color18);}
.b-total-search-wrap .b-result-box .b-result-ul > li{padding:2.0rem 5.0rem 2.0rem 2.5rem;border-bottom:0.1rem solid var(--color19);}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a{display:inline-block;max-width:100%;font-size:1.7rem;line-height:2.5rem;font-weight:var(--font-weight-regular);color:var(--color13);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span{position:relative;padding:0 1.0rem 0 0;margin:0 0.5rem 0 0;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span:last-of-type{padding:0;margin:0;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span:after{content:'';position:absolute;top:50%;right:0;width:0.1rem;height:1.5rem;background:var(--color14);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span:last-of-type:after{display:none;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-desc a{display:block;max-height:4.4rem;margin:0 0 1.0rem;font-size:1.6rem;line-height:2.2rem;font-weight:var(--font-weight-light);white-space:normal;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc{font-size:1.5rem;line-height:2.0rem;color:var(--color13);}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span{position:relative;display:inline-block;padding:0 1.0rem 0 0;margin:0 1.0rem 0 0;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span:last-of-type{padding:0;margin:0;}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span:after{content:'';position:absolute;top:50%;right:0;width:0.1rem;height:1.3rem;background:var(--color17);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span:last-of-type:after{display:none;}

/* 검색 폼 */
.bn-search-filter .b-total-wrap .b-total-current-box{margin:0;}
.bn-search-filter .b-search-filter-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 0 3.0rem;padding:3.0rem;border:0.1rem solid var(--color17);border-radius:0.3rem;background:var(--color12);}
.bn-search-filter .b-search-filter-wrap .b-search-filter-box{display:flex;flex-wrap:wrap;width:calc(100% - 10.0rem);justify-content:space-between;}
.bn-search-filter .b-search-filter-wrap .b-search-filter-box > div{padding:0.5rem;width:49%;box-sizing:border-box;}
.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row{display:flex;flex-wrap:wrap;align-items:center;}
.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row > div:nth-of-type(1){padding:0 1.0rem 0 0;width:8.0rem;font-size:1.6rem;line-height:2.4rem;box-sizing:border-box;}
.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row > div:nth-of-type(2){width:calc(100% - 8.0rem);}
.bn-search-filter .b-search-filter-wrap .b-btn-filter{display:inline-block;width:8.0rem;height:8.0rem;border-radius:50%;background:var(--color01) url(../img/board/ico-search-w.png) no-repeat center center;}

/* b-select */
.b-select{position:relative;padding:0.5rem 3.0rem 0.5rem 1.0rem;width:calc(25% - 0.3rem);height:4.5rem;border:0.1rem solid var(--color17);background:#fff url(../img/board/btn-w-sel-open01.png) no-repeat right 1.0rem center;font-family:inherit;font-size:1.6rem;color:var(--color13);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.b-select[class*='w']{margin:0 0.2rem;}
.b-select.w100{width:100%;}
.b-select.w50{width:calc(50% - 0.5rem);}
.b-select.w30{width:calc(33.33% - 0.5rem);}
.b-select:last-of-type{margin:0;}

/* b-input */
.b-input{padding:0.5rem 1.0rem;width:100%;height:4.5rem;border:0.1rem solid var(--color17);font-family:inherit;font-weight:var(--font-weight-regular);font-size:1.6rem;line-height:2.4rem;color:var(--color13);box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;}
.b-input::-webkit-input-placeholder{color:var(--color16);}
.b-input::-ms-input-placeholder{color:var(--color16);}
.b-input::placeholder{color:var(--color16);}
.b-input:disabled{background:var(--color12);color:var(--color14);}
.b-input:disabled::placeholder{color:var(--color16);}
.b-input[readonly]{background:var(--color12);color:var(--color14);-webkit-text-fill-color:var(--color14);-webkit-opacity:1;}
.b-input[readonly]::placeholder{color:var(--color16);}
.b-input:invalid{border-color:var(--color03);color:var(--color14);}
.b-input:invalid::placeholder{color:var(--color14);}
.b-input:-webkit-autofill,
.b-input:autofill,
.b-input:-webkit-autofill:hover,
.b-input:autofill:hover,
.b-input:-webkit-autofill:focus,
.b-input:autofill:focus,
.b-input:-webkit-autofill:active,
.b-input:autofill:active{font-size:1.6rem !important;font-weight:var(--font-weight-regular) !important;-webkit-text-fill-color:var(--color13);-webkit-box-shadow:0 0 0 100.0rem transparent inset;transition:background-color 5000s ease-in-out 0s;}
.b-input[class*='w']{margin:0 0.2rem;}
.b-input.w50{width:calc(50% - 0.7rem);}
.b-input.w33{width:calc(33.33% - 0.7rem);}
.b-input.w25{width:calc(25% - 0.7rem);}
.b-input.datepicker{background:#fff url(../img/board/ico-datepicker01.gif) no-repeat right 1.0rem top 50%;}

/* checkbox, radio - b-l-chk: 큰 체크박스 */
.b-radio{display:inline-block;margin:0.5rem;border:0.1rem solid var(--color17);border-radius:50%;width:2.0rem;height:2.0rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-radio:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}
.b-radio + label{display:inline-block;padding:0 1.0rem 0 0;font-size:1.6rem;line-height:1;vertical-align:middle;cursor:pointer;}
.b-chk{display:inline-block;margin:0.5rem;border:0.1rem solid var(--color17);border-radius:0.3rem;width:2.0rem;height:2.0rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-chk:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}
.b-chk + label{display:inline-block;padding:0 1.0rem 0 0;font-size:1.6rem;line-height:1;vertical-align:middle;cursor:pointer;}

.b-l-chk .b-radio{display:inline-block;margin:0.5rem;border:0.1rem solid var(--color17);border-radius:50%;width:2.5rem;height:2.5rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-l-chk .b-radio:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}
.b-l-chk .b-radio + label{display:inline-block;padding:0 1.0rem 0 0;font-size:1.6rem;line-height:1;vertical-align:middle;cursor:pointer;}
.b-l-chk .b-chk{display:inline-block;margin:0.5rem;width:2.5rem;height:2.5rem;border:0.1rem solid var(--color17);background:#fff;border-radius:0.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-l-chk .b-chk:checked{border-color:var(--color01);background:var(--color01) url(../img/board/ico-check01.png) no-repeat center center/1.2rem;}
.b-l-chk .b-chk + label{display:inline-block;padding:0 1.0rem 0 0;font-size:1.6rem;line-height:1;vertical-align:middle;cursor:pointer;}

/* 토글버튼  */
.b-toggle{display:inline-flex;align-items:center;}
.b-toggle .text{margin:0 1.0rem 0 0;font-size:1.6rem;line-height:3.2rem;color:var(--color14);}
.b-toggle input{display:block;position:absolute;left:-999.9rem;width:0;height:0;text-indent:-999999.9rem;overflow:hidden;}
.b-toggle .slider{display:block;position:relative;margin:0;border-radius:1.0rem;width:3.6rem;height:2.0rem;background-color:var(--color14);box-sizing:border-box;cursor:pointer;-webkit-transition:.4s;transition:.4s;}
.b-toggle .slider:before{content:'';position:absolute;top:50%;left:0.2rem;border-radius:50%;width:1.6rem;height:1.6rem;background:#fff;-webkit-transition:.4s;transition:.4s;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);}
.b-toggle input:checked + .slider{background-color:var(--color01);}
.b-toggle input:checked + .slider:before{-webkit-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);transform:translate(100%, -50%);}
.b-toggle input:disabled + .slider{background-color:var(--color14);}
.b-toggle input:disabled + .slider:before{-webkit-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);transform:translate(100%, -50%);}
.b-toggle input + .slider + .text{margin:0 0 0 1.0rem;}

/* 개인정보동의 */
.b-privacy-box{margin:3.0rem 0 0 0;}
.b-privacy-box .b-border-box{padding:2.0rem;max-height:40.0rem;border:0.1rem solid var(--color19);overflow:auto;}
.b-privacy-box .b-border-box .b-privacy-title{font-weight:var(--font-weight-medium);}
.b-privacy-box .b-border-box > ol > li{padding:0 0 1.0rem 0;}
.b-privacy-box .b-border-box > ol > li:last-of-type{padding:0;}
.b-privacy-box .b-privacy-chk-box{padding:2.0rem 0 0 0;}

/* 페이징 - b-paging */
.b-paging .b-paging-wrap ul{padding:5.0rem 0 0;text-align:center;}
.b-paging .b-paging-wrap ul li{display:inline-block;margin:0 0.3rem;vertical-align:middle;}
.b-paging .b-paging-wrap ul li a{display:block;position:relative;font-weight:var(--font-weight-light);font-size:1.6rem;color:var(--color14);box-sizing:border-box;}
.b-paging .b-paging-wrap ul li.first a{width:3.8rem;height:3.5rem;background:url(../img/board/btn-first-page.gif) no-repeat center;}
.b-paging .b-paging-wrap ul li.prev a{width:3.3rem;height:3.5rem;background:url(../img/board/btn-prev-page.gif) no-repeat center;}
.b-paging .b-paging-wrap ul li.next a{width:3.3rem;height:3.5rem;background:url(../img/board/btn-next-page.gif) no-repeat center;}
.b-paging .b-paging-wrap ul li.last a{width:3.8rem;height:3.5rem;background:url(../img/board/btn-last-page.gif) no-repeat center;}
.b-paging .b-paging-wrap ul li:not(.pager) a{padding:0.4rem 0 0.5rem;min-width:3.3rem;}
.b-paging .b-paging-wrap ul li a.active{padding:0.5rem 0 0.6rem;border:none;border-radius:0.5rem;background:var(--color14);color:#fff;}

/* 버튼 - b-btn*/
.b-btn-wrap{display:flex;margin:-0.4rem;padding:8.0rem 0 0 0;width:100%;flex-wrap:wrap;overflow:hidden;}
.b-btn-wrap > div{margin:-0.4rem;}
.b-btn-wrap.center{justify-content:center;}
.b-btn-wrap.left-right{justify-content:space-between;}
.b-btn-wrap.left-right{margin:0;}
.b-btn-wrap.right{justify-content:end;}
.b-btn-wrap a, 
.b-btn-wrap button{margin:0.4rem;line-height:1;}
.b-btn{display:inline-block;padding:1.5rem;min-width:10.0rem;border:0.1rem solid var(--color17);background-color:#fff;font-size:1.8rem;line-height:2.4rem;box-sizing:border-box;text-align:center;transition:all .2s;}
.b-btn:hover{border-color:#000;background-color:var(--color15);color:#fff;}

.b-btn.b-btn-c-blue{border-color:var(--color13);background-color:var(--color13);color:#fff;}
.b-btn.b-btn-c-blue:hover{border-color:var(--color13);background-color:#fff;color:var(--color13);}
.b-btn.b-btn-c-gray{border-color:var(--color14);background-color:var(--color14);color:#fff;}
.b-btn.b-btn-c-gray:hover{border-color:var(--color13);background-color:#fff;color:var(--color13)}
.b-btn.b-btn-c-black{background-color:var(--color13);color:#fff;}

.b-btn.blue{border-color:var(--color01);background-color:var(--color01);color:#fff;}
.b-btn.blue:hover{border-color:var(--color01);background-color:#fff;color:var(--color01);}
.b-btn.gray{border-color:var(--color14);background-color:var(--color14);color:#fff;}
.b-btn.gray:hover{border-color:var(--color13);background-color:#fff;color:var(--color13)}
.b-btn.black{background-color:var(--color13);color:#fff;}

.b-btn-common{display:inline-block;margin:0.5rem;padding:1.3rem 1.3rem 1.4rem;min-width:10.0rem;border-radius:0.5rem;background-color:var(--color13);font-size:1.8rem;line-height:2.4rem;box-sizing:border-box;text-align:center;color:#fff;transition:all .2s;}

@media screen and (max-width:1200px){
	/* 검색 영역 */
	.bn-search form{flex-direction:column;align-items:self-end;}
	.b-total-wrap{padding:0 0 2.0rem;width:100%;}
}
@media screen and (max-width:1024.98px){
	/* 검색영역 */
	.bn-search form{display:block;align-items:unset;}
	.bn-search .b-total-wrap{padding:0 0 1.0rem;}
	.bn-search .b-sel-box{margin:0 0 0.5rem;min-width:100%;}
	.bn-search .b-select{padding:1.0rem 2.0rem 1.0rem 1.0rem;width:100%;min-width:100%;height:auto;background-position:right 1.0rem center;}
	.bn-search .b-search-box{display:block;margin:0;}
	.bn-search input{margin:0;padding:1.0rem;width:calc(100% - 4.1rem);min-width:auto;min-height:3.7rem;}
	.bn-search .b-sel-btn{padding:1.0rem;width:3.6rem;}

	/* 카테고리 */
	.b-category-tab .b-category01-m{position:relative;margin:0 0 2.0rem;background:var(--color04);background-size:1.3rem;text-align:center;}
	.b-category-tab .b-category01-m label{display:block;position:relative;padding:1.3rem 0;font-size:1.7rem;color:#fff;font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.b-category-tab .b-category01-m label:after{content:'';position:absolute;top:50%;right:1.5rem;border:0.7rem solid transparent;border-bottom-width:0;border-top-color:#fff;transform:translateY(-50%);}
	.b-category-tab .sel-category{position:absolute;left:0;top:0;width:100%;background:transparent;height:3.9rem;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;}
	.b-category-tab .sel-category option{font-size:1.6rem;color:var(--color14);}

	/* 버튼 */
	.b-btn-common{margin:1.0rem 0 0;padding:1.1rem 1.0rem 1.0rem;width:100%;min-height:auto;font-size:1.6rem;}
}

@media screen and (max-width:768px){
	/***** 게시판 공통 *****/

	/* 전체 선택/비선택 체크박스(관리자) */
	.article-chk{position:absolute;top:0;left:0;z-index:5;}
	.article-chk input{margin:0;width:1.4rem;height:1.4rem;}

	/* colgroup 너비 지정 클래스 */
	.b-col-auto{width:85%;}
	.co-board table colgroup > [class*='b-col']{display:none;width:0;}

	/* 통합검색 */
	.b-total-search-wrap > div{padding:0 0 3.0rem;}
	.b-total-search-wrap h4{padding:0 0 1.5rem 1.5rem;font-size:1.7rem;line-height:2.2rem;}
	.b-total-search-wrap h4:before{top:1.1rem;width:0.8rem;height:0.2rem;}
	.b-total-search-wrap .b-option-box > li > div{padding:1.0rem;}
	.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box{display:block;}
	.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-box .b-select{width:100%;height:3.5rem;font-size:1.4rem;margin:0 0 1.0rem 0;}
	.b-total-search-wrap .b-option-box > li > div .b-search-wrap input{width:calc(100% - 7.0rem);height:3.5rem;font-size:1.4rem;}
	.b-total-search-wrap .b-option-box > li > div .b-search-wrap .b-sel-btn{width:7.0rem;height:3.5rem;margin:0 0 0 -0.4rem;font-size:1.4rem;}
	.b-total-search-wrap .b-option-box > li > p{width:12.0rem;font-size:1.4rem;}
	.b-total-search-wrap .b-result-box .b-result{padding:1.0rem;}
	.b-total-search-wrap .b-result-box .b-result li{padding:0 1.0rem 0 0;margin:0 0.4rem 0 0;font-size:1.4rem;line-height:1.9rem;}
	.b-total-search-wrap .b-result-box .b-result li:after{height:1.2rem;}
	.b-total-search-wrap .b-result-box .btn-srch-more{padding:0.7rem 1.0rem;font-size:1.3rem;}

	.b-total-search-wrap .b-result-box .b-result-ul > li{padding:1.0rem;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a{font-size:1.5rem;line-height:2.0rem;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span{padding:0 0.8rem 0 0;margin:0 0.4rem 0 0;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-title a span:after{height:1.2rem;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-desc a{max-height:4.0rem;margin:0 0 0.5rem;font-size:1.4rem;line-height:2.0rem;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc{font-size:1.3rem;line-height:1.8rem;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span{padding:0 0.7rem 0 0;margin:0 0.5rem 0 0;}
	.b-total-search-wrap .b-result-box .b-result-ul > li .b-etc span:after{height:1.0rem;}

	/* 검색 폼 */
	.bn-search-filter .bn-list-common .b-title-box .b-m-con .b-hit{display:none;}
	.bn-search-filter .b-search-filter-wrap{display:block;flex-wrap:unset;justify-content:unset;align-items:unset;padding:2.0rem;}
	.bn-search-filter .b-search-filter-wrap .b-search-filter-box{display:block;flex-wrap:unset;justify-content:unset;align-items:unset;width:100%;}
	.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row{display:block;flex-wrap:unset;justify-content:unset;align-items:unset;padding:0 0 1.0rem;width:100%;}
	.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row:last-of-type{padding:0;}
	.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row > div:nth-of-type(1){padding:0 0 0.5rem;width:auto;font-size:1.5rem;line-height:2.3rem;}
	.bn-search-filter .b-search-filter-wrap .b-search-filter-box .b-filter-row > div:nth-of-type(2){width:100%;}
	.bn-search-filter .b-search-filter-wrap .b-btn-filter{margin:1.5rem 0 0;width:100%;height:3.5rem;border-radius:0.3rem;background-size:2.0rem;}

	/* b-select */
	.b-select{height:3.5rem;border-radius:0;background-size:1.3rem;}
	
	/* b-input */
	.b-input{height:3.5rem;font-size:1.2rem;}
	.b-input[class*='w']{margin:0.2rem 0;width:100%;}
	.b-input.datepicker{background-size:1.5rem;}
	
	/* checkbox, radio - b-l-chk: 큰 체크박스 */
	.b-chk,
	.b-radio{width:1.8rem;height:1.8rem;}
	.b-chk:checked,
	.b-radio:checked{background-size:0.8rem;}
	.b-chk + label, .type01 .b-chk + label{padding:0.5rem 0;width:calc(100% - 3.5rem);}

	.b-l-chk .b-chk,
	.b-l-chk .b-radio{width:2.0rem;height:2.0rem;}
	.b-l-chk .b-chk:checked,
	.b-l-chk .b-radio:checked{background-size:0.8rem;}
	.b-l-chk .b-chk + label, .type02 .b-raido + label{padding:0.5rem 0;width:calc(100% - 3.5rem);}

	/* 개인정보 동의 */
	.b-privacy-box{margin:2.0rem 0 0 0;}
	.b-privacy-box .b-border-box{padding:1.0rem;max-height:25.0rem;}
	.b-privacy-box .b-border-box > ol > li{padding:0 0 0.5rem 0;}
	.b-privacy-box .b-privacy-chk-box{padding:1.0rem 0 0 0;}

	/* 페이징 - .b-paging */
	.b-paging .b-paging-wrap ul{padding:2.5rem 0 0;}
	.b-paging .b-paging-wrap ul li:not(.pager) a{padding:0.3rem 0 0.4rem;min-width:2.6rem;}
	.b-paging .b-paging-wrap ul li a{font-size:1.4rem;}
	.b-paging .b-paging-wrap ul li{margin:0 0 0.5rem;}
	.b-paging .b-paging-wrap ul li.first a{width:3.0rem;height:2.8rem;}
	.b-paging .b-paging-wrap ul li.prev a{width:2.7rem;height:2.8rem;}
	.b-paging .b-paging-wrap ul li.next a{width:2.7rem;height:2.8rem;}
	.b-paging .b-paging-wrap ul li.last a{width:3.0rem;height:2.8rem;}

	/* 버튼 - .b-btn */	
	.b-btn-wrap{padding:2.0rem 0 0 0;}
	.b-btn-wrap > div{margin:0.6rem 0 0;width:100%;}
	.b-btn-wrap > div:first-of-type{margin:0;}
	.b-btn{padding:1.3rem 1.0rem 1.0rem;min-width:auto;min-height:auto;width:100%;}	
}
@media screen and (max-width:480px){
	/***** 게시판 공통 *****/
	.bn-view-common .b-content-box iframe{height:27.0rem;}

	/* 통합검색 */
	.b-total-search-wrap h4{padding:0 0 1.0rem 1.5rem;}
	.b-total-search-wrap .b-option-box > li > p{display:block;width:auto;padding:0.7rem 1.0rem;border-right:none;}
	.b-total-search-wrap .b-option-box > li > div{display:block;width:auto;}
}