@charset "utf-8";

input::placeholder, select{font-size: 1rem; color: #676767;  font-family: "NotoSansKR";}
.btn-tbl{padding: 3px; width: 100%;}

/* file upload */
.board-file {
     display: flex;
     flex-wrap: wrap;
     position: relative;
     width: 100%;
     margin-bottom: 0;
 }
 .board-file > li {
     overflow: hidden;
     display: flex;
     align-items: center;
     width: 100%;
     flex-wrap: wrap;
 }
 .board-file > li:not(:last-child) {
     margin-bottom: 10px;
 }
 .board-file-input {
     max-width: 350px !important;
     display: flex;
     align-items: center;
     flex: 1;
     cursor: pointer;
     padding: 0 20px;
     color: #333;
 }
 .board-file input[type="file"] {
     position: absolute;
     width: 0;
     height: 0;
     padding: 0;
     border: 0;
     overflow: hidden;
     opacity: 0;
 }
 .btn-file-add {
     line-height: 1;
     height: 45px;
     min-width: 100px;
     font-size: 14px;
     font-weight: 600;
 }
 .btn-file {
     margin-left: 10px;
     background-color: #1E1E1E;
 }
.btn-file, .btn-delete, input[type="file"] + label::before {
     font-style: normal;
     min-width: 140px;
     white-space: nowrap;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 100%;;
     padding: 0 15px;
     border-radius: 5px;
     font-size: 14px;
     font-weight: 600;
     color: #fff;
     text-align: center;
     line-height: 1;
 }
 .btn-delete {
     background-color: #666;
     color: #fff;
     margin-left: 5px;
 }

/* search */
.listInfo{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:2.500rem;position: relative;}
.listTotal strong{margin: 0 .3em;}
.searchBox{display: flex; position: relative;}
.searchBox select, .data-part select, select#depth3_tab{width: 7.500rem;height: 3.125rem; border-radius: 5px;}
select#depth3_tab{width: 100%;}

.searchBox input[type="text"]{width: 17.688rem; height: 100%; margin: 0 0.625rem; height: 3.125rem; }
.searchBox .sch_btn{background: url('/resources/dobongBokji/img/ico_sch.png') no-repeat center center;width: 3.125rem; display: inline-block;border-radius: 0 5px 5px 0;text-indent: -9999px;background-size: 1.19em auto;background-color: #2b2d33; position: absolute; right: 0; height: 100%;}
.mobileNav .searchBox .sch_btn{position: relative;}

.searchBox_wrap{width: 100%; border-radius: .5em; border: 1px solid #cecece; text-align: center; padding: 2em 1em;}
.searchBox_wrap .searchBox{justify-content:center; margin-bottom: .5em;}
.schResult{color: #333; letter-spacing: -1px; font-weight: 700; font-size: 1.125rem;}
.schResult span{color: #3a6047; font-weight: 600;}
.schResult strong{color: var(--main-color);}
/* .schResult:not(:first-child):before{content: '';display: inline-block;width: 1px;height: 13px;background: #ccc;margin: 0 17px -2px 13px;} */
.schTitle{position: relative; margin: 2rem 0 1em;}
.schTitle >*{display: inline-block;}
select::-ms-expand {display:none}
.listInfo .schTitle{margin: 0;}
.search .searchBox_wrap .schResult:before{display: none;}
.result_box{position: relative;}
.result_box .more{top: 10px; transform: translateY(0);}
.sub-tbl select{position: absolute;right: 0;width: 5em;padding: .2em 1em;top: 50%;transform: translateY(-50%);}

/* search02 */
.searchBox_st02{display: flex; height: 3.75rem; gap: 10px;}
.searchBox_st02 input[type="text"]{padding: 1rem 1rem 1rem 20px; height: 100%; width: calc(100% - 180px); border: 2px solid #333;}
.searchBox_st02 input[type="text"]::placeholder{color: #777;}
.searchBox_st02 .sch_btn{width: 180px; height: 100%; background: #333 url(); color: #fff;}

/* form */
.tableWrap{overflow-x:auto; white-space: nowrap;}
.boardTable{border-top: 2px solid #222; width: 100%; position: relative; text-align: center;}
.boardTable .date{position: inherit;}
.boardTable th{padding: .8em; border-bottom: 1px solid #dedede; word-break: keep-all; background-color: #f7f7f7;}
.boardTable td{padding: .8em; border-bottom: 1px solid #dedede; color: #666; line-height: 1.6; font-size: 1.063em;}
.boardTable a{display: block; text-align: left; }
.boardTable td a:hover{text-decoration: underline;}
.boardTable .division, .boardTable .name{white-space: nowrap;}
.boardTable .no{width: 8.6%;} /* 120px */

.boardTable .institution {width:16%;}
.boardTable .thumbnail {width:16%;}
.boardTable .tit {}

.boardTable .division{width: 10%;}
.boardTable .region{width: 7em;}
.boardTable .theme{width: 8em;}
.boardTable .section{width: 15%; word-break: keep-all;}
.boardTable .img{width: 6.25em; max-width: 100px; min-width: 100px;}
.boardTable .file{width: 8.6%}
.boardTable .date{width: 12%;}
.boardTable .traffic{width: 8.6%; }
.boardTable .state{width: 10%; }
/* .boardTable .ellipsis span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-width: 250px;min-width: 150px;white-space: normal;line-height: 1.4em;max-height: 2.8em;} */
.boardTable .name{width: 8.6%;}
.boardTable .del button{width: 100%; font-size: 1rem; padding: 5px 10px; display: inline-block; border-radius: 5px; text-align: center;}
.boardTable .btn-certi{display: inline-block !important;min-width: auto;}
.boardTable .textover{white-space: pre-wrap; max-width: 10em;}
.boardTable .textover >*{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.boardTable .no-scr{white-space: normal;}
.boardTable .state > span{color: #999; padding: 5px 10px; background-color: #999; border-radius: 5px; min-width: 80px; display: inline-block; color: #fff; border:0;}
.boardTable .state.on > span{background-color: #333; color: #fff;}
.boardTable .state.waiting > span{background-color: transparent; color: #999; border: 1px solid #ddd;}


.space-rsv .boardTable .no-s{width: 4em;}
.space-rsv .boardTable .type{width: 4em;}
.space-rsv .boardTable .name{width: auto;}
.space-rsv .boardTable .name a{max-width: 25em; overflow: hidden; text-overflow: ellipsis;}
.space-rsv .boardTable .add{max-width: 15em; overflow: hidden; text-overflow: ellipsis;}
.space-rsv .boardTable .admin{width: 5em;}
.space-rsv .boardTable .date{width: 8em;}

.boardTable.sty2:after{position: absolute; content: ''; display: block; width: 1px; height: 100%; background: #fff; top: 0; right: 0;}
.boardTable.sty2 thead th{background: #f9f8f8; font-size: 1.125rem; font-weight: 600; border-right: 1px solid #dedede;}
.boardTable.sty2 td{color: #555; border-right: 1px solid #dedede; padding: 0.8em 1.8em;}
.boardTable.sty2 tbody th{background: #fcfcfc; font-size: 1.125rem; font-weight: 600; color: #333; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.privacy .boardTable.sty2 th,
.privacy .boardTable.sty2 td{font-size: 1em;}
.boardTable.small th,
.boardTable.small td{font-size: 0.9em !important; padding: 5px 10px;}

.boardTable.sty3:after{position: absolute; content: ''; display: block; width: 1px; height: 100%; background: #fff; top: 0; right: 0;}
.boardTable.sty3 th{background: #f9f8f8; font-size: 1.125rem; font-weight: bold; border-right: 1px solid #dedede;}
.boardTable.sty3 td{color: #555; border-right: 1px solid #dedede;text-align: left;padding: 1em 5em;line-height: 1.8; font-size: 1.063rem;}

.boardTable.sty4:after{position: absolute; content: ''; display: block; width: 1px; height: 100%; background: #fff; top: 0; right: 0;}
.boardTable.sty4 th{background: #f9f8f8; font-size: 1em; font-weight: bold; border-right: 1px solid #dedede;}
.boardTable.sty4 td{color: #555;  border-right: 1px solid #dedede; padding: 0.5em;}

.boardTable.green{border-top: 2px solid #3a6047;}
.boardTable.green thead th{background: #f2f8f4}

.boardTable.myHouse{font-size: 0.8rem;}
.boardTable.myHouse th{word-break: keep-all;padding: 8px;}
.boardTable.myHouse td{padding: 8px;}
.boardTable.myHouse button,
.boardTable.myHouse span{font-size: 0.8rem;padding: 3px;display: inline-block;border-radius: 5px;text-align: center;width: 4.7em;}

.homeSearch .boardTable{table-layout: fixed;}
.homeSearch .boardTable img{max-height: 50px;object-fit: cover;width: 100%;}

/* 마이페이지 > 주택등록 > 주택관리 - 표준계약서 파일 삭제 버튼 */
.home_view .fileDel{position: relative;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #333;background: #fff;text-indent: -9999px;}
.home_view .fileDel:before,
.home_view .fileDel:after{content: '';position: absolute;top: 50%;left: 50%;width: 70%;height: 1px;background: #333;}
.home_view .fileDel:before{transform: translate(-50%, -50%) rotate(45deg);}
.home_view .fileDel:after{transform: translate(-50%, -50%) rotate(-45deg);}
.home_view .fileDel:after{}

.board_view{}
.board_view .view_info{border-top: 2px solid #222; padding-top: 30px;}
.board_view .subject{padding: 0; margin-bottom: 1.875rem;font-weight: 700;font-size: 1.375rem; padding-bottom: 0 !important; width: 100%;}
.board_view .view_data{padding: 1em 0;display: flex;}
.board_view .view_data li{width: 100%;display: flex;padding: 0 1em;}
.board_view .view_data .title{font-weight: 700; width: 4em;}
.board_view .view_data .file{width: calc(100% - 4em);}
.board_view .view_data .file a{display: block; background: url(/resources/dobongBokji/img/bbs/ico_file.png) no-repeat center left; padding-left: 18px;}
.board_view .view_data .file a:hover{text-decoration: underline;}
.board_cont{padding: 2.5rem;/*  border-top: 1px solid #ddd; */ border-bottom: 1px solid #ddd;}

.intro_box + .board_cont, .board_cont.not_bottom_border{padding: 2.5rem 0;}

.board_cont a:hover{text-decoration: underline;}
.board_list{border-top: 1px solid #dedede; margin-top: 2.5rem}
.board_list a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: relative;}
.board_list a:focus{outline: 0;}
.board_list a:focus:before{position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; border: 1px solid #000; content: ""; display: block;}
.board_list a:hover{text-decoration: underline;}
.board_list li{border-bottom: 1px solid #dedede;background: #f7f7f7;padding: 1em;display: flex;justify-content: space-between;align-items: center;}
.board_list .title{display: flex;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 90%;}
.board_list .title strong{position: relative;}
.board_list .title strong:after{content:'';display: inline-block;width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;}
.board_list .next strong:after{transform: rotate(315deg);margin: 0px 2em 0 1em;}
.board_list .prev strong:after{transform: rotate(135deg);margin: 0 2em 3px 1em;}
.board_lis t .date{}

.board_faq{border-top: 2px solid #3a6047;}
.board_faq li{}
.board_faq .subject{padding: 1rem 5rem;display: block;border-bottom: 1px solid #dedede;position: relative;font-size: 1.125em;line-height: 1.5;}
.board_faq .subject:before{content: 'Q.';display: inline-block;color: #a9a9a9;font-weight: 600;font-size: 1.278em;margin-right: 30px;font-family: "NotoSansKR";transition: 0.2s ease;position: absolute;top: 0.58rem;left: 1.5rem;}
.board_faq .subject.on:before{color: #3a6047;}
/* .board_faq .subject:after{content:''; display: inline-block; width: 10px; height: 10px; background: url('/resources/soHouse/img/main/ico_select.png') no-repeat center; position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%);} */
.board_faq .more{width: 1.556em; height: 1.556em; display: inline-block; position: absolute;top: 1rem; right: 1.5rem; transform: translateY(0); background: #e9e9e9; border-radius: 100%; transition: 0.2s ease;}
.board_faq .more:after {content: '';width: 8px;height: 8px;border-top: 2px solid #999;border-right: 2px solid #999;display: inline-block;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%) rotate(135deg);  transition: 0.2s ease;}
.board_faq .on .more{background: #3a6047;}
.board_faq .on .more:after{border-color: #fff; top: 55%; transform: translate(-50%, -50%) rotate(315deg);}
.board_faq .answer{position: relative; padding: 2rem 5rem;background: #f7f7f7;border-bottom: 1px solid #dedede;font-size: 1.063em;display: none;}
.board_faq .answer:before{content: 'A.';display: inline-block;color: #a9a9a9;font-weight: 600;font-size: 1.438em;margin-right: 10px;font-family: "NotoSansKR";transition: 0.2s ease;position: absolute;left: 1.5rem;top: 1.6rem;}

/* imgTable */
.imgTable{display: flex;align-items: stretch; flex-wrap: wrap; width: 100%;}
.imgTable >*{border: 1px solid #ddd; width: 23.5%; margin-right: 2%; margin-bottom: 2%; display: block; border-radius: 10px; overflow: hidden;}
.imgTable >*:nth-child(4n){margin-right: 0;}
.imgTable .img{display: block;position: relative;padding-bottom: 65%;overflow: hidden;}
.imgTable img{width: 100%;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.imgTable >a:hover .cont-name{text-decoration: underline;}

.imgTable.list{display: block;align-items: center;flex-wrap: wrap;border-top: 2px solid #222;width: 100%;padding-top: 1.875em;}
.imgTable.list >*{border-width: 0 0 1px 0;width: 100%;margin-right: 0;margin-bottom: 0;display: flex;padding: 1.875em;align-items: center;}
.imgTable.list >*:first-child{padding-top: 0;}
.imgTable.list .img{width: 250px;margin-right: 20px;padding-bottom: initial;}
.imgTable.list img{height: auto;width: 100%;position: static;}

.imgTable_sty2{display: flex; flex-wrap: wrap; margin-top: 2em}
.imgTable_sty2 li{width: 23.5%; margin-right: 2%; margin-bottom: 2%;}
.imgTable_sty2 li:nth-child(4n){margin-right: 0;}
.imgTable_sty2 li a{display: block;}
.imgTable_sty2 li a .thum{position: relative; border-radius: 1.5em; overflow: hidden;margin-bottom: 1em; width: 100%; padding-bottom: 110%; border: 1px solid #dedede;}
.imgTable_sty2 .thum:hover img{transform: scale(1.03, 1.03);}
.imgTable_sty2 .thum img{position: absolute;left: 0;top:0;width: 100%; height: 100%; display: block; transition: 0.3s all ease;}
.imgTable_sty2 .thum .icon{position: absolute;top: 0.8em;right: 0.8em;display: flex;}
.imgTable_sty2 .thum .icon span{border-radius: 50%;color: #fff;font-size: 0.875em;display: flex;/* padding: .8em 1.3em; */font-weight: 500;width: 3.571em;height: 3.571em;justify-content: center;align-items: center;}
.imgTable_sty2 .thum .icon span:last-child{margin-left: 5px;}
.imgTable_sty2 .thum .adress{position: absolute;bottom: 1em;left: 15px;color: #fff;padding-left: 1.3em; padding-right: 15px; font-weight: 500; text-shadow: 0 0 5px #000;}
.imgTable_sty2 .thum .adress::before{position: absolute; top: 2px; left: 0; width: 0.813em;height: 1em;background: url('/resources/dobongBokji/img/ico_marker.png') center center / 100% no-repeat;display: inline-block;content: '';}
.imgTable_sty2 .cont{color: #777777;line-height: 1.5;}
.imgTable_sty2 li a:hover .cont h3{text-decoration: underline;}
.imgTable_sty2 .cont h3{font-size: 1.25em; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: .5em;}
.imgTable_sty2 .cont p span{margin-right: 0.5em; font-weight: 600;}

/* ebookTable */
.ebookTable{display: flex;align-items: stretch; flex-wrap: wrap; width: 100%;}
.ebookTable >*{width: 23.5%; margin-right: 2%; margin-bottom: 3%; display: block;}
.ebookTable .img{border: 1px solid #ddd; display: block;position: relative;padding-bottom: 139%;overflow: hidden; border-radius: 10px;}
.ebookTable img{width: 100%;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0; height: 100%}
.ebookTable >a:hover .cont-name{text-decoration: underline;}

.ebookTable.list{display: block;align-items: center;flex-wrap: wrap;border-top: 2px solid #222;width: 100%;padding-top: 1.875em;}
.ebookTable.list >*{border-width: 0 0 1px 0;width: 100%;margin-right: 0;margin-bottom: 0;display: flex;padding: 1.875em;align-items: center;}
.ebookTable.list >*:first-child{padding-top: 0;}
.ebookTable.list .img{width: 250px;margin-right: 20px;padding-bottom: initial;}
.ebookTable.list img{height: auto;width: 100%;position: static;}

.ebookTable .cont-wrap{padding: 0;}
.ebookTable .cont-name .tit{margin: 1.563rem 0 0.938rem;}

.listType_btn{display: flex;align-items: center;margin-left: 20px;}
.listType_btn button{width: 2.7rem;height: 2.5rem;text-indent: -9999px;border-radius: 0;border: 1px solid #dedede;background-color: #fff;background-repeat: no-repeat;background-position: center;}
.listType_btn .type_thumb{background-image: url('/resources/dobongBokji/img/imgList_btn_01.png');}
.listType_btn .type_thumb.on{background-image: url('/resources/dobongBokji/img/imgList_btn_01_on.png'); background-color: #646464;}
.listType_btn .type_list{background-image: url('/resources/dobongBokji/img/imgList_btn_02.png');}
.listType_btn .type_list.on{background-image: url('/resources/dobongBokji/img/imgList_btn_02_on.png'); background-color: #646464;}

.form-sty{border-top: 2px solid #222;width: 100%;position: relative;}
.form-sty .item{display: table; width: 100%; border-bottom: 1px solid #dedede;}
.form-sty .item >*{display: table-cell; vertical-align: middle;}
.form-sty .item .col{text-align: center; padding: 1em; border-right: 1px solid #dedede; background: #f7f7f7; font-weight: 500;}
.form-sty .item .cont{padding: 1em;}
.form-sty .item .cont-type2 >*{padding: 1em;}
.form-sty .item .cont-type2 >*:not(:last-child){border-bottom: 1px solid #dedede;}
.form-sty .item input::placeholder{color: #cecece; font-size: 0.9rem;}
.form-sty .item .mxwid{max-width: 50%;}
.form-sty .item .mxwid300{max-width: 300px;}
.form-sty .item .textarea{min-height: 5em;}
.form-sty .item .textarea2{min-height: 15em;}
.form-sty .item .col{width: 20%;}
.form-sty .item.double .col{width: 20%;}
.form-sty .item.double .cont{width: 30%;}
.form-sty .item .addText{font-size: 0.938rem; color: #666; padding-top: 0.667em;}
.form-sty .item .add_style1 >*:not(:first-child){margin-top: 0.5em;}
.form-sty .item .add_style1 >*{position: relative; padding-right: 7.5rem;}
.form-sty .item .add_style1 button{position: absolute; right: 0; top:0; width:7rem; height: 100%; font-size: .9em;}
.form-sty .item .add_style1.st2 >*{padding-right: 9.5rem;}
.form-sty .item .add_style1.st2 button{width:9rem;}
.form-sty .item .add_style2 {position: relative; padding-right: 4.8rem; display: flex;}
.form-sty .item .add_style2 >*:not(:last-child){margin-right: 5px;}
.form-sty .item .add_style2 button,
.form-sty .item .add_style2 .button{display: inline-block; position: absolute; right: 0; top:0; width: 4.3rem; line-height: 2.5rem; font-size: .9em; text-align: center; border-radius: 5px;}
.form-sty .item .add_style2 .code{width: 25%;}
.form-sty .item .add_style2 .ads{width: 73%;}
.form-sty .item .add_style3 {display: flex; align-items: center;}
.form-sty .item .add_style3.col2 >*{width: 50%;}
.form-sty .item .add_style3 li:not(:last-child){margin-right: 5px;}
.form-sty .item .file {position: relative; padding-right: 6.5rem; display: flex;}
.form-sty .item .file.no_button {padding-right: 1em;}
.form-sty .item .file >*:not(:last-child){margin-right: 5px;}
.form-sty .item .file button{position: absolute; right: 0; top:0; width:6rem; height: 100%; max-height: 2.5em; font-size: .9em;}
.form-sty .item .mail_style{display: flex; justify-content: space-between; align-items: center;}
.form-sty .item .mail_style li{margin: 0;}

.form-sty .item .mail_style li.einput{width: 48%}
.form-sty .item .mail_style li.dash{margin: 0 5px;}
.form-sty .item input::placeholder{color: #cecece; font-size: 0.9rem;}
.form-sty .item .phone-sty{display: flex;justify-content: space-between;align-items: baseline;width: 50%;}
.form-sty .item .phone-sty input{}
.form-sty .item .phone-sty li.dash{margin: 0 5px;}

.form-type1 .item select{width: 100%;padding: 0.2em 0.5em;}

.form-type2{border-top: 1px solid #dedede; width: 100%; letter-spacing: -1px;}
.form-type2 .item{display: table; width: 100%; border-bottom: 1px solid #dedede;}
.form-type2 .item >*{display: table-cell; vertical-align: middle; padding: .8em 1em;}
.form-type2 .item .col{width: 20%;}
.form-type2 .item.long .col{width: 40%;}
.form-type2 .item .cont{color: #666;}

.checkType1{display: flex; flex-wrap: wrap;}
.checkType1 li{display: flex;align-items: center;margin: 7px 0;}
.checkType1 li:not(:last-child){margin-right: 1.3em;}

.form-sty .date-sty1{display: flex;}
.form-sty .date-sty1 li{width: 100%;}
.form-sty .date-sty1 li .datepick,
.form-sty .date-sty1 li select{width: 100%; flex: 1;}
.form-sty .rsv-date{display: flex; align-items: center;}
.form-sty .rsv-date select{width: 15%;padding: 0.3em;margin: 0 5px 0 0;}
.form-sty .rsv-date .datepick{width: 25%;}
.form-sty .rsv-date2{display: flex; align-items: center;}
.datepick{position: relative;}
.datepick input{width: 100% !important;}
.datepick button{position: absolute;right: 0;top:0;width: 30px !important; height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('/resources/soHouse/img/sub/ico_cal.png') center center no-repeat}

img.ui-datepicker-trigger{position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}

.paginate{text-align: center; margin-top: 3.750rem; display: flex; justify-content: center;}
.paginate >*{font-size: 0.94rem; width: 2.250rem !important; height: 2.250rem !important; background-color: #fff; border-radius: .5em !important;display: flex;align-items: center; justify-content: center; margin-right: 0.625rem; font-weight: 600; color: #888;}
.paginate .on{background-color: #333; color: #fff;}
.paginate .prev{margin-right: 0.6em; background-size: 0.44rem; border: 1px solid #ddd;}
.paginate .next{margin-left: 0.3em; background-size: 0.44rem; border: 1px solid #ddd;}

.subpage_content .arrow.prev {background-image: url('/resources/dobongBokji/img/bbs/btn_prev.png');}
.subpage_content .arrow.prevStart {background-image: url('/resources/dobongBokji/img/bbs/btn_prev2.png');}
.subpage_content .arrow.next {background-image: url('/resources/dobongBokji/img/bbs/btn_next.png');}
.subpage_content .arrow.nextEnd {background-image: url('/resources/dobongBokji/img/bbs/btn_next2.png');}

.mypageCont .paginate{margin-bottom: 20px;}
.mypageCont .paginate a{width: 2rem; height: 2rem; font-size: 0.8rem;}

.switch-button{ position: relative; display: inline-block; width: 55px; height: 30px; }
.switch-button input { opacity: 0; width: 0; height: 0; }
.onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #ccc; box-shadow: inset 1px 5px 1px #999; -webkit-transition: .4s; transition: .4s; }
.onoff-switch:before { position: absolute; content: ""; height: 22px; width: 22px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:20px; }
.switch-button input:checked + .onoff-switch { background-color: #3a6047; box-shadow: inset 1px 5px 1px #203426; }
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

.spaceRoomList li{font-size: 1.5em; font-weight: 600; display: flex; align-items: center;}
.spaceRoomList li >input{margin-right: 10px;}

.bbs-ico_w{margin-left: 10px; font-size: 0; display: inline-block; vertical-align: middle;}
.bbs-ico_w > *:first-child{margin-left: 0;}
.bbs-ico{text-align: center;font-size: 11px; font-weight: 600; color:#fff; border-radius:100px; text-align: center; line-height: 21px; height: 20px; width: 40px; display: inline-block; margin-left: 5px; vertical-align: middle; letter-spacing: -0.03rem;}
.bbs-ico.new{background: #0FA2B6}
.bbs-ico.best{background: #EF4BAD}
.bbs-ico.new_g{background: var(--main-color)}

.bbs.label{display: inline-block; font-size: 14px; border-radius: 20px; padding: 2px 7px; font-weight: 600; margin-right: 10px; color: var(--main-color); border: 1px solid var(--main-color); text-align: center;}
/* label */
.tag01{color: #e10b2a !important;}
.tag02{color: #d93d00 !important;}
.tag03{color: #00863c !important;}
.tag04{color: #007162 !important;}
.tag05{color: #01638c !important;}
.tag06{color: #004097 !important;}
.tag07{color: #5e1c91 !important;}
.tag08{color: #cd1176 !important;}

.bbs.label.tag01{border-color: #e10b2a}
.bbs.label.tag02{border-color: #d93d00}
.bbs.label.tag03{border-color: #00863c}
.bbs.label.tag04{border-color: #007162}
.bbs.label.tag05{border-color: #01638c}
.bbs.label.tag06{border-color: #004097}
.bbs.label.tag07{border-color: #5e1c91}
.bbs.label.tag08{border-color: #cd1176}


.cont-icon.bbs.label{background-color: var(--main-color); color: #fff; border-radius: 5px; min-width: 80px; margin-right: 0; margin-bottom: 10px; max-width: 26px;} 
.cont-icon.bbs.label.close{background-color: #777; border: none; color: #fff;}

/* date picker */
.date_picker .date_w, .date_picker .sch_w{display: flex; height: 100%; align-items: center; gap: 0.625rem; margin-right: 0.625rem;}
.date_picker .sch_w{position: relative;}
.date{position: relative; height: 100%;}
.date input[type="text"]{width: 9.375rem; border-radius: 5px; margin: 0;}
.date .ui-datepicker-trigger{position: absolute; right: 1.625rem; top: 50%;transform: translateY(-50%);} 

#ui-datepicker-div{display: block;}
.ui-datepicker .ui-datepicker-header{background: none; border: none;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border: 0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background: none !important; border: none !important; text-align: center;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {color: var(--main-color) !important; text-decoration: underline;font-weight: 700 !important}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{color: var(--main-color) !important;}
.ui-datepicker-today{ background-color: #dedede;}
.ui-state-default{color: #999 !important;}
.ui-datepicker-today .ui-state-default.ui-state-highlight{ font-weight: 700 !important;}

/* preview */
.preview{width: 100%; min-height: 796px;}

.no_border{border:0;}
.not_top_border{border-top: 0}
.not_bottom_border{border-bottom: 0}

/* comment_w */
.comment_w .flexbox{gap: 1.250rem; flex-wrap: nowrap}
.write_c textarea{min-height: 1.125rem;  padding: 1rem 1.250rem;font-size: 1rem;}
.write_c .btn-gray5{max-width: 120px;}
.show_c .comment:frist-child{}
.show_c > li{border-bottom: 1px solid #ddd; padding: 1.875rem 0;}
.show_c .name{font-weight: 700; margin-right: 20px;}
.show_c .date{color: #999; font-size: 14px;}
.show_c .cont{color: #666; margin: 1rem 0;}
.show_c .reply, .show_c .edit{font-size: 0.875rem; color: #666; font-weight: 700;}
.show_c .edit{color: #999;}
.show_c .reply:hover, .show_c .edit:hover{text-decoration: underline;}
.show_c .btn_w > button:not(:last-child){margin-right: 10px; position: relative;}
.show_c .btn_w > button:not(:last-child):after{content:''; display: block; position: absolute; width: 1px; height: 11px; background-color: #ccc; right: -9px; top: 2px;}

.show_c .re-coment{padding: 1.875rem 3.750rem; background-color: #f9f9f9;}
.show_c .re-coment.coment03{padding-left: 5.625rem;}
.show_c .re-coment.coment03 .reply{display: none;}
.comment_w .show_c .re-coment .flexbox{margin-top: 10px;}

/* 공공누리 */
.kogl{padding: 1.250rem; background-color: #f9f9f9; margin-top: 2.500rem; display: flex; gap: 1.250rem;align-items: center; flex-wrap: wrap;}

.btn_down02{background: #222 url(/resources/dobongBokji/img/subpage/btn_down.png) no-repeat center right 10px; padding: 10px; padding-right: 40px; color: #fff; border-radius: 5px; display: inline-block;}
.btn_wrap{display: flex; flex-wrap: wrap; gap: 10px;}