@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ****************** 소개 :: 아카이빙 요청 및 문의 ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con{padding-bottom:5rem; margin-bottom:5rem;; border-bottom:1px solid #e6e6e6;}
.bbs-inquiry-agree-inner{margin-top:40px; padding-top:40px; border-top:1px solid #ddd}
.bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:4rem;}
.bbs-inquiry-agree-con .agree-tit{color:#222; font-size:1.8rem; letter-spacing:-0.025em; font-weight:500; padding-bottom:15px;}
.inquiry-agreement-con{border-top:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.inquiry-agreement-con .agreement-item{display: table; width:100%;}
.inquiry-agreement-con .agreement-item dt{display: table-cell; vertical-align:middle; width:22.5rem; height:100%; font-size:1.6rem; letter-spacing:-0.025em; font-weight:300; line-height:1.625; color:#545454; background:#f9f9f9; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; padding:1.5rem 2.5rem; box-sizing:border-box;}
.inquiry-agreement-con .agreement-item dd{display: table-cell; vertical-align:middle; width:calc(100% - 22.5rem); height:100%; font-size:1.6rem; letter-spacing:-0.025em;  font-weight:300; line-height:1.625; color:#545454; background:#fff; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; padding:1.5rem 2.5rem; box-sizing:border-box;}
.bbs-inquiry-agree-con .agree-txt{margin-top:2.5rem; font-size:1.6rem; letter-spacing:-0.025em; color:#888; font-weight:300;}
.bbs-inquiry-agree-con .agree-txt input{display:none;}
.bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:26px; }
.bbs-inquiry-agree-con .agree-txt label i{position:absolute; left:0px; font-size:1.8rem; color:#dcdcdc; top:-2px;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#222;}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:14px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505; margin-right:0.3em}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
.bbs-write-tbl-box{padding-bottom:5rem; border-bottom:1px solid #e6e6e6;}
.bbs-write-tbl{width:100%;}
.bbs-write-tbl th,.bbs-write-tbl td{padding:1.1rem 0;}
.bbs-write-tbl th{color:#222; font-size:1.8rem; font-weight:500; text-align:left;}
.bbs-write-tbl td{font-size:1.6rem;}
.bbs-write-tbl .write-input{max-width:56rem;}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea{
    height:5.6rem;
	width:100%; 
	background-color:#f8f8f8;
	border:1px solid #e2e2e2;
	color:#222;
	font-size:1em; 
	text-indent:1em;
	vertical-align:middle;
	box-sizing:border-box;
	border-radius:1rem;
	font-weight:300;
}
.bbs-write-tbl .write-input::placeholder,
.bbs-write-tbl .write-select::placeholder,
.bbs-write-tbl .write-textarea::placeholder{color:#a9a9a9;}
.bbs-write-tbl .write-input:focus,
.bbs-write-tbl .write-select:focus,
.bbs-write-tbl .write-textarea:focus{
	border:1px solid #333; 
	background-color:#fff; 
	outline:none;
}
.bbs-write-tbl .write-textarea{height:20rem; resize:none; text-indent:0; padding:10px;}
.bbs-write-tbl .write-input[type="file"]{line-height:5.6rem;}

/* 게시판 :: 쓰기,문의폼 :: 기타 */
.bbs-write-tbl .cm-form-fieldset-box{display:flex; align-items:center; justify-content:space-between; max-width:56rem; flex-wrap:wrap;}
.join-form-tbl td .write-sub-txt,
.join-form-tbl td .write-sub-txt2{color:#999; letter-spacing:-0.02em; }
.join-form-tbl td .write-sub-txt{margin-left:10px; }
.join-form-tbl td .write-sub-txt2{display:block; margin-top:10px;}
.bbs-write-tbl .hypen{display:inline-block; vertical-align:middle; /* width:20px; */ text-align:center;}
.bbs-write-tbl .with-sub-btn-input{width:calc(100% - 116px) !important;}
.bbs-write-tbl .bbs-write-sub-btn{float:left; width:110px; padding:0 10px; height:40px; margin-left:5px; border:1px solid #645c54; vertical-align:middle; text-align:center; color:#645c54; font-size:13px; letter-spacing:-0.5px; font-weight:400; }
.bbs-write-tbl .bbs-write-sub-btn:hover{background-color:#645c54; color:#fff;}
.bbs-write-tbl .bbs-write-sub-btn + .write-input{clear:both;}
.phone-fieldset .write-input,
.phone-fieldset .write-select{width:calc(33.33% - 20px) !important;}
.email-fieldset .write-input, 
.email-fieldset .write-select{width:calc(33.33% - 20px) !important;}
.address-fieldset .write-input{display:block; margin-top:6px;  }
.address-fieldset .write-input:first-child{margin-top:0;}

.archive-bottom-txt{text-align:center;}
.archive-bottom-txt .txt{font-size:1.6rem; line-height:1.625; letter-spacing:-0.025em; color:var(--main-color); font-weight:300;}
.editor-table-txt{font-size:1.4rem;  color:#373737; margin:1rem 0;}

@media all and (max-width:800px){
	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.inquiry-agreement-con .agreement-item{display: block;}
	.inquiry-agreement-con .agreement-item dt,
	.inquiry-agreement-con .agreement-item dd{display: block; width:100%; padding:1.5rem;}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
	.bbs-write-tbl tr{display:block; padding:1.5rem 0; border-bottom:1px solid #ddd;}
	.bbs-write-tbl th,.bbs-write-tbl td{display:block; padding:0; height:auto; width:100% !important; border-bottom:0; text-indent:0;}
	.bbs-write-tbl th{font-weight:600;}
	.bbs-write-tbl td{padding-top:1rem;}
	.bbs-write-tbl .write-input{max-width:none; height:4.5rem;}
	.bbs-write-tbl td .write-textarea{height:12rem;}
	.bbs-write-tbl .write-input[type="file"]{line-height:4.5rem;}

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl .cm-form-fieldset-box{max-width:none;}
	.bbs-write-tbl td .write-sub-txt, 
	.bbs-write-tbl td .write-sub-txt2{display:block; margin-left:0; margin-top:10px; font-size:12px; }
	.bbs-write-tbl .hypen{/* width:12px; */}
	.phone-fieldset .write-input,
	.phone-fieldset .write-select{width:calc(33.33% - 20px) !important; height:4.5rem;}
	.email-fieldset .write-input{width:calc(50% - 20px) !important;}
	.email-fieldset .write-select{margin-top:5px; width:100% !important; height:4.5rem;}
}


/* 레이어팝업 */

.sub-modal-content{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - (2 * var(--area-padding))); max-width:600px; margin:2rem auto;}
.sub-modal-inner{position: relative; background:#fff; border-radius:2rem; padding:6rem 5rem;}
.sub-modal-inner .popup-close-btn{position: absolute; font-size:3rem; color:#222; top:5rem; right:4rem; z-index:99;}

/* 아카이빙 요청문의 팝업 */
.archive-pop-con{text-align:center;}
.archive-pop-con i{font-size:4rem; color:var(--main-color);}
.archive-pop-con .txt{font-size:2.2rem; line-height:1.54; letter-spacing:-0.025em; color:#222; font-weight:700; margin-top:2.5rem;}



/* ****************** 검색영역 ********************** */
.sub-page > form{position: relative; z-index:99;}
.cm-search-wrap{position: relative; z-index:1;}
.cm-search-box{position: relative; background:#f5f7fc; padding:5rem 0; z-index:99}
.top-search-box{position: relative; width:100%; border:2px solid var(--main-color); border-radius:1rem; background:#fff; display: flex; align-items:center; height:6rem; overflow:hidden; box-sizing:border-box;}
.top-search-box input{display: block; border:none; background:#fff; padding:0 3rem; width:100%; height:6rem; font-size:1.8rem; line-height:6rem; letter-spacing:-0.025em; color:#222; font-weight:300;}
.top-search-box input::placeholder{color:#a9a9a9}
.top-search-box input:focus{outline:none;}
.top-search-box .search-btn{position: absolute; top:50%; right:14rem; transform:translateY(-50%); font-size:2.4rem; color:var(--main-color);}
.top-search-box .search-detial-btn{position: absolute; top:50%; right:1rem; transform:translateY(-50%); font-size:1.8rem; background:var(--main-color); border-radius:1rem; width:11.2rem; height:4rem; color:#fff;}

/* 검색영역 :: 상세검색 */
.search-detail-box{position: absolute; top:100%; left:0; width:100%; padding:7rem 0 17rem; display: none; z-index:98; }
.search-detail-box:before{position: absolute; content:''; background:#fff; width:100%; height:100%; top:0; left:0; box-shadow: 10px 23px 28px 0px rgba(0, 0, 0, 0.14); transition:all 0.5s;}
.search-detail-box.on:before{height:calc(100% - 3.6rem);}
.search-box-bg{position: fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.35); z-index:-1; opacity:0; transition:all 0.5s;}
.search-detail-box.on .search-box-bg{opacity:1;}

.search-detail-item{position: relative; display: flex; justify-content:space-between; margin-bottom:1rem;}
.search-detail-item:nth-child(2){z-index:1;}
.search-detail-item dt{width:calc(20% - 5px); background:rgba(0,60,166,0.04); border-radius:1rem; padding:2rem; box-sizing:border-box; display: flex; justify-content:space-between; align-items:Center;}
.search-detail-item dt span{font-size:2rem; line-height:1.6; letter-spacing:-0.025em; font-weight:700; color:#222;}
.search-detail-item dt i{font-size:2.4rem; color:#222;}
.search-detail-item dd{width:calc(80% - 5px);}

/* -------- 체크박스 -------- */
.custom-checkbox-item-box{display: flex; justify-content:space-between;}
.custom-checkbox-item-box .custom-checkbox-item{border:1px solid #e2e2e2; border-radius:1rem; box-sizing:border-box; display: flex; justify-content:space-between; align-items:Center; overflow:hidden;}
.custom-checkbox-item input[type="checkbox"]{display:none;}

.custom-checkbox-item label{display:block; position:relative; width:100%; padding:2.6rem 2rem; padding-right:3rem; box-sizing:border-box; color:#929292; font-size:2rem; letter-spacing:-0.025em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.custom-checkbox-item label::before{font-family: 'xeicon'; content: "\e92c"; position:absolute; top:50%; right:2rem; transform:translateY(-50%); font-size:2.4rem; color:#ccc;}
.custom-checkbox-item input[type="checkbox"]:checked + label{background:var(--main-color); color:#fff;}
.custom-checkbox-item input[type="checkbox"]:checked + label::before{color:#fff;}

.list-03.custom-checkbox-item-box .custom-checkbox-item{width:calc(33.33% - 5px);}
.list-04.custom-checkbox-item-box .custom-checkbox-item{width:calc(25% - 5px);}

.list-08.custom-checkbox-item-box .custom-checkbox-item{width:calc(12.5% - 5px);}
.list-08.custom-checkbox-item-box .custom-checkbox-item label{padding:2.6rem 1rem; padding-right:2.5rem; font-size:1.5rem; word-break:break-all;}
.list-08.custom-checkbox-item-box .custom-checkbox-item label:before{right:0.7rem; font-size:1.8rem;}

/* -------- 셀렉트박스 -------- */
.custom-search-item-box{display: flex; justify-content:space-between;}
.custom-search-item-box .search-select-item{position: relative; box-sizing:border-box; width:calc(25% - 5px); transition:all 0.5s;}
.custom-search-item-box .search-select-item .search-select-btn{display: block; width:100%; box-sizing:border-box; color:#929292; font-size:2rem; letter-spacing:-0.025em; transition:all 0.3s; border:none; outline:none;}
.custom-search-item-box .search-select-item .search-select-btn span{display: block; width:100%; padding:2.6rem 2rem; box-sizing:Border-box; cursor:pointer; border:1px solid #e2e2e2; border-radius:1rem;  transition:all 0.3s;}
.custom-search-item-box .search-select-item .search-select-btn span em{word-break: keep-all; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden;}
.custom-search-item-box .search-select-item .custom-option-drop-list{display: none; position: absolute; width:calc(100% - 2px); background:#fff; z-index:9; border-bottom-left-radius:1rem;  border-bottom-right-radius:1rem; transition:background 0.5s; top: calc(100% - 1px); left:1px; background:#fff; max-height:300px; overflow:scroll;}
.custom-search-item-box .search-select-item .custom-option-drop-list li{border-top:1px solid rgba(255,255,255,0.1); font-size:1.8rem; line-height:1.77; letter-spacing:-0.025em; padding:1.8rem 2rem; box-sizing:border-box; cursor:pointer; transition:color 0.3s; word-break: keep-all; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; max-height:8.8rem;}
/* .custom-search-item-box .search-select-item .custom-option-drop-list li:first-child{display: none;} */

.custom-search-item-box .search-select-item .search-select-btn.opened span{border-radius:1rem 1rem 0 0; background:var(--main-color);}
.custom-search-item-box .search-select-item .search-select-btn.opened .custom-option-drop-list{background:var(--main-color);}
.custom-search-item-box .search-select-item .search-select-btn.opened{color:#fff;}

.custom-search-item-box .search-select-item.open .search-select-btn{background:var(--main-color); border-bottom-left-radius:0rem;  border-bottom-right-radius:0rem;}
.custom-search-item-box .search-select-item.open .custom-option-drop-list{background:var(--main-color);}
.custom-search-item-box .search-select-item.open .search-select-btn{color:#fff;}

.search-detail-close{position: absolute; bottom:0; left:50%; transform:translate(-50%, 0%); width:7.4rem; height:7.4rem; background:var(--main-color); color:#fff; font-size:3.2rem; border-radius:50%; transition:all 0.5s; box-shadow: 2px 8px 18px 0px rgba(0, 0, 0, 0.24);}

.custom-search-item-box .search-select-item .search-select-btn option{padding:1rem 0;}


@media all and (max-width:800px){
	.cm-search-box{padding:3rem 0;}
	.search-detail-box{padding:3rem 0 8rem;}
	.search-detail-item{display: block; margin-bottom:1rem;}
	.search-detail-item dt{width:100%; padding:1rem 2rem; margin-bottom:1rem;}
	.search-detail-item dt span{font-size:1.6rem;}
	.search-detail-item dd{width:100%;}
	.custom-checkbox-item label,
	.custom-search-item-box .search-select-item .search-select-btn{font-size:1.4rem; padding:1rem; padding-right:2.5rem;}
	.custom-search-item-box .search-select-item .search-select-JS li{font-size:1.4rem; padding:1rem 1.5rem; line-height:1.3rem;}
	.custom-checkbox-item label{ width:100%}
	.custom-checkbox-item label::before{right:0.5rem; font-size:1.8rem;}
	.search-detail-close{width:5rem; height:5rem; font-size:2rem;}

	.search-detail-box.on:before{height:calc(100% - 2.5rem)}

	.custom-search-item-box .search-select-item .search-select-btn.custom-select{padding:0;}
	.custom-search-item-box .search-select-item .search-select-btn.custom-select span{padding:1rem;}
	.custom-search-item-box .search-select-item .custom-option-drop-list li{padding:0.5rem 1rem; font-size:1.4rem; height:auto;}

	.list-08.custom-checkbox-item-box{flex-wrap:wrap;}
	.list-08.custom-checkbox-item-box .custom-checkbox-item{width:calc(25% - 5px); margin-bottom:5px;}
	.list-08.custom-checkbox-item-box .custom-checkbox-item label{padding:1rem; padding-right:2.5rem;}
	.list-08.custom-checkbox-item-box .custom-checkbox-item label:before{right:0.5rem;}
}
@media all and (max-width:480px){
	.custom-checkbox-item label, .custom-search-item-box .search-select-item .search-select-btn{font-size:1.2rem !important;}
}

/* ****************** 자료광장 :: 경기도 비영리민간단체 현황 ********************** */
.data-org-content{display: flex; align-items: flex-start;}
.data-org-content .org-left-box{position: relative; width:50%;}
.data-org-content .org-left-box iframe{border:none; width:100%; height:75.5rem;}
.data-org-content .org-left-box .map-reset-btn{position: absolute; bottom:-2rem; right:0;}
.data-org-content .org-left-box .map-reset-btn a{display: flex; align-items:center; justify-content:center; width:15.6rem; height:4rem; line-height:4rem; font-size:1.8rem; font-weight:500; letter-spacing:-0.025em; color:var(--main-color); border:1px solid var(--main-color); border-radius:1rem;}
.data-org-content .org-left-box .map-reset-btn a i{font-size:2rem; margin-right:1.7rem;}

.data-org-content .org-right-box{width:50%; padding-left:7.5rem; box-sizing:border-box;}
.org-right-box .org-tit-box{margin-bottom:2rem;}
.org-right-box .org-tit-box .tit{font-size:5rem; line-height:1.2; font-weight:700; color:#222;}
.org-right-box .org-tit-box .tit span{font-size:1.8rem; line-height:3.33; opacity:0.3;}
.org-right-box .org-table-box{width:100%; border-top:2px solid #000; margin-bottom:2.5rem;}
.org-right-box .org-table-box .table-head{display: flex; background:#f5f5f5}
.org-right-box .org-table-box .tbl-num{width:16.5%; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; text-align:center;}
.org-right-box .org-table-box .tbl-name{width:62.5%; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; text-align:center;}
.org-right-box .org-table-box .tbl-location{width:21%; border-bottom:1px solid #e2e2e2; text-align:center;}
.org-right-box .org-table-box .tbl-txt{display: block; font-size:1.6rem; line-height:2; letter-spacing:-0.025em; color:#222; font-weight:300; padding:1rem;}
.org-right-box .org-table-box .table-head .tbl-txt,
.org-right-box .org-table-box .tbl-num .tbl-txt{font-weight:500;}


.org-right-box .org-table-box .table-body .tbl-item a{display: flex;}
.org-right-box .org-table-box .table-body .tbl-item a:hover .tbl-txt{color:var(--main-color); font-weight:700;}

.map-plus-txt{margin-top:-7rem; width:50%;}
.map-plus-txt .txt{font-size:1.6rem; line-height: 1.5; letter-spacing: -0.025em; color: #222;}
.map-plus-txt .txt a{color:initial;}

/* 경기도 비영리민간단체 현황 팝업 */
.org-pop-con{}
.org-pop-con .org-pop-tit{font-size:2.8rem; line-height:1.07; letter-spacing:-0.025em; color:#222; border-bottom:1px solid rgba(0,0,0,0.15); padding-bottom:2.5rem; margin-bottom:3rem;}
.org-pop-con .org-pop-list{}
.org-pop-con .org-pop-list .list-item{display: flex; width:100%; margin-bottom:3.3rem;}
.org-pop-con .org-pop-list .list-item:last-child{margin-bottom:0;}
.org-pop-con .org-pop-list .list-item dt{width:10rem; font-size:1.6rem; letter-spacing:0.025em; color:#3f3f3f; font-weight:500;}
.org-pop-con .org-pop-list .list-item dd{width:calc(100% - 10rem); font-size:1.6rem; letter-spacing:0.025em; color:#585858; font-weight:300;}
.org-pop-con .org-pop-list .list-item dd a{color:var(--main-color);}


@media all and (max-width:800px){
	.data-org-content{display: block;}
	.data-org-content .org-left-box{width:100%; margin-bottom:5rem;}
	.data-org-content .org-left-box .map-box-object{max-width:480px; margin:auto;}
	.data-org-content .org-left-box iframe{height:61.5rem;}
	.data-org-content .org-right-box{width:100%; padding-left:0;}
	.data-org-content .org-right-box .board-search-box .board-search-inner{max-width:none;}

	.map-plus-txt{margin:3rem 0; width:100%;}
}



/* ****************** 공통 :: NO LIST ********************** */
.bbs-no-list{padding:100px 0; text-align:center; color:#777; font-size:15px; border-top:1px solid #333; border-bottom:1px solid #ddd; }
.bbs-list-tbl + .bbs-no-list{margin-top:-1px;}
@media all and (max-width:800px) {
	/* 공통 :: NO LIST */
	.bbs-no-list{padding:60px 0; font-size:14px; font-weight:500;}
}