@charset "utf-8";


.mainBgBx{
    display: block;
    width: 100%;
    height: 1452px;
    position: absolute;
    background: url(/humanframe/theme/reserve/assets/img/new/main/mainSectioBg.png);
}
.section01{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    position: relative;
    padding: 50px 0 59px;
}
.searchBx{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom:43px;
}
.searchBx fieldset{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 15px 38px 15px 44px;
    border: 4px solid var(--color-dpp);
    border-radius: 40px;
    gap: 0 26px;
    width:100%;
    max-width: 671px;
}
#searchGubun{
    border: 0;
    padding-right: 30px;
    background-image: url(/humanframe/theme/reserve/assets/img/new/common/iconSelect.png);
    background-position: right 25px center;
    border-right: 1px solid #ccc;
    font-size: 1.8rem;
}
#searchText{
    font-size: 2rem;
    border: none;
    flex: 1 1 0;
}
.btnSearch{
    display: block;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    background-image: url(/humanframe/theme/reserve/assets/img/new/common/iconSearch.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
/*Section01*/
.filterArea{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    border-radius: 50px 50px 0 0;
    overflow: hidden;
    box-shadow: 1px -21px 21px rgba(0, 0, 0, 0.03);
    background: url(/humanframe/theme/reserve/assets/img/new/main/mainSectionInnerBg.png) no-repeat top left / auto;
}
.filterLocationBx{
    display: block;
    width: 732px;
    padding: 52px;
}
.filterOrgBx > .titleArea,
.filterLocationBx > .titleArea{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom:26px;
}
.filterOrgBx > .titleArea > .filterTitle,
.filterLocationBx > .titleArea > .filterTitle{
    font-size: 2.7rem;
    font-weight: 800;
    line-height: 1em;
}
.filterOrgBx > .titleArea > .filterBx > form,
.filterLocationBx > .titleArea > .filterBx > form{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 9px 4px;
    border-radius:40px;
    background:rgba(255,255,255,0.42);
    box-shadow:1px 1px 16px rgba(0,0,0,0.2);
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio],
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio]{
	display:none;
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label,
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio] + label{
	font-size:1.5rem;
	font-weight:700;
	line-height:1em;
	padding:10px 19px;
	border-radius:40px;
	border-radius:40px;
    transition: 0.2s;
    position:relative;
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label::after,
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio] + label::after{
	display:block;
	content:'';
	width:1px;
	height:10px;
	background:#bfbfbf;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label:last-child::after,
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio] + label:last-child::after{
	display:none;
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio]:checked + label,
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio]:checked + label{
	background:#e7539f;
	color:#fff;
    transition: 0.2s;
}
.filterOrgBx > .titleArea > .filterBx > form > input[type=radio]:checked + label::after,
.filterLocationBx > .titleArea > .filterBx > form > input[type=radio]:checked + label::after{
	display:none;
	
}
.checkAll{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	gap:12px;
}
.checkAll > input[type=checkbox]{
	border:1px solid #cfcfcf;
	border-radius:0;
	width:20px;
	height:20px;
	margin:0;
}
.checkAll > input[type=checkbox] + label{
	font-size:1.5rem;
	line-height:1em;
	font-weight:800;
}
.mapArea{
	position:relative;
}
.mapArea.pc{
	display:block;
}
.mapArea.mobile{
	display:none;
}
.label{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap:5px 0;
}
.label > .local{
	font-size:1.4rem;
	line-height:1em;
	color:#000;
	font-weight:800;
	position:relative;
}
.overlayLabel > .label{
	opacity:0;
}
.overlayLabel > .label.hover,
.overlayLabel > .label.active{
	opacity:1;
}
.overlayLabel .label.hover > .local,
.overlayLabel .label.active > .local{
	color:#fff;
    text-shadow: -1px -2px 4px black;
}
.overlayLabel .label.hover > .local::after,
.overlayLabel .label.active > .local::after{
	display:block;
	content:'';
	width:16px;
	height:25px;
	background:url(/humanframe/theme/reserve/assets/img/new/common/iconMapOn.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	left:50%;
	top:-7px;
	transform:translate(-50%, -100%);
}
.label > .count{
	color:#444;
	font-weight:800;
	font-size:1.4rem;
	line-height:1em;
	padding:5px 9px 3px 9px;
	background:#dedede;
	border-radius:20px;
}
.overlayLabel .label.hover > .count,
.overlayLabel .label.active > .count{
	color:var(--color-pp);
	background:#fff;
}
.filterOrgBx{
    display: block;
    width: calc(100% - 732px);
    padding: 53px 50px 56px;
    background: rgba(248, 248, 248, 0.62);
    height:736px;
}
.orgList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 19px 24px;
    margin-top:23px;
}
.orgList > li{
	width:calc(33.3333% - 16px);
	border:1px solid #dbdbdb;
	border-radius:5px;
	overflow:hidden;
}
.localList > li > input[type=checkbox],
.orgList > li > input[type=checkbox]{
	display:none;
}
.localList > li > input[type=checkbox] + label, 
.orgList > li > input[type=checkbox] + label{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	padding:15px 4px 15px 15px;
	background:#fff;
	gap:0 5px;
    text-align: center;
	
}
.localList > li > input[type=checkbox] + label > .orgName,
.orgList > li > input[type=checkbox] + label > .orgName{
	font-size:1.6rem;
	font-weight:700;
	line-height:1em;
    letter-spacing: -0.15em;
    word-break:break-all;
}
.localList > li > input[type=checkbox] + label > .orgNum,
.orgList > li > input[type=checkbox] + label > .orgNum{
	padding:3px 8px 4px;
	background:#dedede;
	color:#444444;
	font-size:1.4rem;
	line-height:1em;
	font-weight:800;
	text-align:center;
	border-radius:20px;
}
.localList > li > input[type=checkbox]:checked + label,
.orgList > li > input[type=checkbox]:checked + label{
	background:var(--color-dpp);
	color:#fff;
}
.localList > li > input[type=checkbox]:checked + label > .orgNum,
.orgList > li > input[type=checkbox]:checked + label > .orgNum{
	background:#fff;
	color:var(--color-dpp);
}


.programList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 55px 24px;
    flex-wrap: wrap;
    width:100%;
}
.programList > li{
    display: block;
    width: calc(25% - 18.75px);
}
.programList > li > a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.programList > li > a > .imgBx{
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 342 / 258;
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/noImg-main.png);
    background-position:center center;
    background-size:100% auto;
    background-repeat:no-repeat;
}
.programList > li > a > .imgBx > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.programList > li > a > .infoBx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 15px 20px;
    width:100%;
}
.programList > li > a > .infoBx > .proType{
    font-size: 1.5rem;
    line-height: 1em;
    font-weight: 700;
    color: #666;
    margin-bottom: 5px;
}
.programList > li > a > .infoBx > .title{
    font-size: 1.9rem;
    font-weight: 800;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    position: relative;
    word-break: break-all;
    margin-bottom: 5px;
    height: 2.6em;
    line-height: 1.3em;
}
.programList > li > a > .infoBx > .periodList{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 15px;
}
.programList > li > a > .infoBx > .periodList > dt{
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 1em;
    color: var(--color-dpp);
}
.programList > li > a > .infoBx > .periodList > dd{
    font-size: 1.6rem;
    font-weight: 500;
    color: #666;
    letter-spacing: -0.02em;
}
.programList > li > a > .badge{
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 19px 7px 17px;
    background: #e2571a;
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1em;
}


/*Section01*/


/*Section02*/

.section02{
    background: #f4f4f4;
    width: 100%;
}
.section02 > .mainInner{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 59px 0 70px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    gap:43px 0;
}
.mainQuickLinkLeft{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.quickLink-3{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    gap: 32px;
    flex-wrap:wrap;
}
.quickLink-3 > li{
    width: calc(20% - 25.6px);
}
.quickLink-3 > li > a{
    background: #fff;
    display: block;
    width: 100%;
    height:100%;
    padding: 37px 29px 58px 33px;
    border-radius: 10px;
    position:relative;
    border:1px solid #fff;
	transition:0.2s;
}
.quickLink-3 > li > a:hover{
	border:1px solid var(--color-dpp);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
	transition:0.2s;
}
.quickLink-3 > li > a::after{
	display:block;
	content:'';
	width:28px;
	height:28px;
	border-radius:14px;
	background-color:#c0c0c0;
	background-image:url(/humanframe/theme/reserve/assets/img/new/common/iconQuickLink.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto;
	position:absolute;
	bottom:24px;
	right:29px;
	transition:0.2s;
}
.quickLink-3 > li > a:hover::after{
	background-color:var(--color-dpp);
	transition:0.2s;
}
.quickLink-3 > li > a > .title{
    font-size: 2rem;
    line-height: 1.1em;
    font-weight: 800;
    margin-bottom: 23px;
	transition:0.2s;
}
.quickLink-3 > li:nth-child(4) > a > .title{
	margin-bottom:13px;
}
.quickLink-3 > li > a:hover > .title{
	color:var(--color-dpp);
	transition:0.2s;
}
.quickLink-3 > li > a > .txt{
    font-size: 1.6rem;
    line-height: 1.375em;
    color: #666;
    font-weight: 700;
    white-space: pre-line;
}
.mainQuickLinkRight{
	display:block;
	width:100%;
}
.mainQuickLinkRight > ul{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
    flex-wrap: wrap;
    gap: 68px 72px;
}
.mainQuickLinkRight > ul > li{
    width: auto
}
.mainQuickLinkRight > ul > li > a{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 25px 0;
    text-align: center;
}
.mainQuickLinkRight > ul > li > a > .iconBx{
    width: 101px;
    height: 101px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 15px;
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink01.png);
    background-position:center;
    background-size:auto;
    background-repeat:no-repeat;
	transition:0.2s;
}
.mainQuickLinkRight > ul > li:nth-child(2) > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink02.png);
}
.mainQuickLinkRight > ul > li:nth-child(3) > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink03.png);
}
.mainQuickLinkRight > ul > li:nth-child(4) > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink04.png);
}
.mainQuickLinkRight > ul > li:nth-child(5) > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink05.png);
}
.mainQuickLinkRight > ul > li:nth-child(6) > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink06.png);
}
.mainQuickLinkRight > ul > li:hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink01On.png);
    background-color:var(--color-dpp);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.29);
	transition:0.2s;
}
.mainQuickLinkRight > ul > li:nth-child(2):hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink02On.png);
}
.mainQuickLinkRight > ul > li:nth-child(3):hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink03On.png);
}
.mainQuickLinkRight > ul > li:nth-child(4):hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink04On.png);
}
.mainQuickLinkRight > ul > li:nth-child(5):hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink05On.png);
}
.mainQuickLinkRight > ul > li:nth-child(6):hover > a > .iconBx{
    background-image:url(/humanframe/theme/reserve/assets/img/new/main/mainQuickLink06On.png);
}
.mainQuickLinkRight > ul > li > a > .title{
    font-size: 1.7rem;
    line-height: 1.2em;
    white-space: pre-line;
    font-weight: 800;
}



/*Section02*/




/*Map*/
svg{
	position:absolute;
    top:0;
    left:0;
}
.map1{
    z-index: 2;
}
.map1 path{
    stroke: #b5b2b3;
    fill:#fff;
    transition: fill 0.3s ease;
    cursor: pointer;
    
}
.labelLocal{
	z-index:3
}
.map-overlay{
	z-index:4;
}
.overlayLabel{
	position:relative;
	z-index:5;
}
.map-overlay g path{
	fill:rgba(81,40,143,0);
    cursor: pointer;
}
.map-overlay g:hover path,
.map-overlay g path.active{
	fill:rgba(81,40,143,1);
	stroke:transfarent;
  transition: transform 0.2s ease;
}
.map-overlay g{
	transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.2s ease;
}
.map-overlay g:hover{
	transform:scale(1.02);
  transition: transform 0.2s ease;
}
.mapLine{
    z-index: 2;
    top: 0px;
    left: -2px;
}
.mapShadow{
    top:6px;
    left:6px;
    z-index: 1;
}
.mapShadow path{
     fill:#ebe9f7;
 }
.map1 g.hover path, 
.map1 g path.active{
  fill:#51288f; /* active 색 */
  transition: transform 0.2s ease;
}




/*Map*/

@media screen and (max-width: 1560px){
	.section02 > .mainInner,
	.section01{
		max-width:inherit;
		padding:50px 60px;
	}
	.filterLocationBx{
		width:700px;
	}
	.filterOrgBx{
		width:calc(100% - 700px);
    	height: 916px;
	}
}

@media screen and (max-width: 1539px){
	.programList > li > a > .infoBx > .periodList > dt > span{
	display:none;
	}
}
@media screen and (max-width: 1490px){
	.orgList{
		gap:8px 16px;
	}
	.orgList > li{
    width: calc(50% - 8px);
	}
}
@media screen and (max-width: 1457px){
	.section02 > .mainInner{
		gap:40px;
	}
}
@media screen and (max-width: 1440px){
	.filterOrgBx > .titleArea{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 17px 0;
	}
}
@media screen and (max-width: 1418px){
	.programList > li > a > .infoBx > .periodList{
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 0;
	    margin-bottom: 4px;
    }
}
@media screen and (max-width: 1340px){
	.filterLocationBx{
		width:620px;
		padding:30px 10px;
	}
	.filterOrgBx{
		width:calc(100% - 620px);
		padding:30px;
		height:960px;
	}
	.filterLocationBx > .titleArea{
		padding:0 20px;
	}
	.filterLocationBx > .checkAll{
		padding:0 20px;
	}
}
@media screen and (max-width: 1284px){
	.section02 > .mainInner,
	.section01{
		padding:32px;
	}
	.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label{
		padding:10px;
        white-space: nowrap;
	}
}
@media screen and (max-width: 1180px){
	.programList > li {
    	width: calc(33.3333% - 16px);
	}
	.programList > li > a > .infoBx > .periodList{
	    flex-direction: row;
	    align-items: center;
	    gap: 4px;
    }
    .section02 > .mainInner{
    	flex-direction:column;
    	justify-content:flex-start;
    	align-items:flex-start;
    	gap:40px 0;
    }
    .mainQuickLinkRight,
    .mainQuickLinkLeft{
    	width:100%;
    }
    .mainQuickLinkRight > ul{
	    gap: 0;
	    justify-content: space-between;
    }
    .mainQuickLinkRight > ul > li {
	    width: 16%;
	}
    	
}
@media screen and (max-width: 1024px){
	.mapArea.pc{
		display:none;
	}
	.mapArea.mobile{
		display:block;
	}
	.localList{
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	    flex-wrap: wrap;
	    gap: 8px 16px;
	    margin-top: 23px;
	}
	.localList > li{
		width:calc(20% - 12.8px);
		border:1px solid #dbdbdb;
		border-radius:5px;
		overflow:hidden;
	}
	.filterArea{
    	flex-direction: column;
	}
	.filterOrgBx,
	.filterLocationBx{
		width:100%;
		padding:30px;
	}
	.filterOrgBx{
		height:auto;
	}
	.filterLocationBx > .titleArea,
	.filterLocationBx > .checkAll{
		padding:0;
	}
	.filterOrgBx > .titleArea{
	    flex-direction: row;
	    justify-content: space-between;
    }
    .filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label{	
    	padding:10px 19px;
    }
    .orgList > li {
        width: calc(33.3333% - 10.7px);
    }
    .quickLink-3 > li {
    	width: calc(50% - 16px);
	}
    .quickLink-3 > li:first-child{
    	width:100%;
    }
    .quickLink-3 > li:first-child > a{
    	padding: 37px 29px 28px 33px;
    }
}
@media screen and (max-width: 900px){
    .programList > li {
        width: calc(50% - 12px);
    }
	
}
@media screen and (max-width: 768px){
	#searchText,
	#searchGubun{
    	font-size: 1.5rem;
	}
	.section02 > .mainInner{
		padding:32px 16px;
	}
	.section01{
		max-width:inherit;
		padding:0;
	}
	.searchBx{
    width: calc(100% - 32px);
    padding-top: 32px;
    margin: 0 auto 32px;
	}
	.searchBx > form{
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	}
	.searchBx fieldset{
    	padding: 12px 25px 12px 24px;
	}
	.filterArea{
		border-radius:20px 20px 0 0;
	}
    .filterOrgBx, .filterLocationBx {
        width: 100%;
        width: 100%;
        padding: 35px 16px 20px;
    }
	.filterOrgBx > .titleArea > .filterTitle,
	.filterLocationBx > .titleArea > .filterTitle{
		font-size:2rem;
	}
	.localList > li > input[type=checkbox] + label,
	.orgList > li > input[type=checkbox] + label{
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    gap: 8px 0;
        padding: 10px 6px 8px;
	}
	.programList{
		padding:10px 16px;
        gap: 24px 16px;
	}
	.programList > li > a > .badge,
	.programList > li > a > .infoBx > .periodList > dd,
	.programList > li > a > .infoBx > .periodList > dt,
	.programList > li > a > .infoBx > .proType{
		font-size:1.4rem;
	}
	.programList > li > a > .infoBx > .title{
		font-size:1.7rem;
	}
	.quickLink-3 > li > a > .title{
		font-size:1.8rem;
	}
	.mainQuickLinkRight > ul > li > a > .title,
	.quickLink-3 > li > a > .txt{
		font-size:1.5rem;
	}
	.programList > li > a > .infoBx{
		padding:13px 13px 19px;
	}
	.programList > li > a > .infoBx > .proType{
		margin-bottom:5px;
	}
	.programList > li > a > .infoBx > .title{
    	-webkit-line-clamp: 2;
		margin-bottom:12px;
		height:2.4em;
		line-height:1.2em;
	}
	.programList > li > a > .infoBx > .periodList > dd{
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 1;
	    position: relative;
	    word-break: break-all;
	}
	.programList > li > a > .badge{
		padding: 8px 14px;
	}
	.quickLink-3{
		gap:18px;
	}
    .quickLink-3 > li {
    	width: 100%;
	}
	.quickLink-3 > li:first-child > a,
    .quickLink-3 > li > a{
    	padding: 25px 53px 25px 20px;
    }
    .quickLink-3 > li > a > .title{
    	margin-bottom:13px;
    }
    .quickLink-3 > li > a > .title,
	.quickLink-3 > li > a > .txt{
		white-space:normal;
	}
	.quickLink-3 > li > a::after{
		right:25px;
		bottom:inherit;
		top:50%;
		margin-top:-14px;
	}
    .mainQuickLinkRight > ul {
        gap: 34px 0;
    }
    .mainQuickLinkRight > ul > li {
        width: 33.3333%;
    }
}
@media screen and (max-width: 580px){
	#searchGubun{
		padding-right:8px;
	}
	.searchBx fieldset{
		padding:12px 20px;
        gap: 0 8px;
    	border: 3px solid var(--color-dpp);
	}
	.btnSearch{
        width: 20px;
		height:20px;
	}
	
	.filterOrgBx, .filterLocationBx{
		position:relative;
	}
	.filterLocationBx > .titleArea,
	.filterOrgBx > .titleArea{
        padding: 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 17px 0;
    }
    .checkAll{
	    position: absolute;
	    top: 35px;
	    right: 16px;
    }
    .orgList,
    .localList{
        gap: 17px 9px;
    	align-items:stretch;
    }
    .localList > li {
        width: calc(33.3333% - 6px);
    }
    .localList > li > input[type=checkbox] + label > .orgName,
    .orgList > li > input[type=checkbox] + label > .orgName{
    	text-align:center;
    }
    .orgList > li{
    	width:calc(50% - 4.5px);
    }
}
@media screen and (max-width: 480px){
	.filterOrgBx, .filterLocationBx{
        padding: 35px 0 20px;
	}
	.filterLocationBx > .titleArea, .filterOrgBx > .titleArea{
        margin-bottom: 8px;
	}
	.filterOrgBx > .titleArea > .filterTitle,
	.filterLocationBx > .titleArea > .filterTitle{
		padding:0 16px;
	}
	.filterBx{
	    display: block;
	    overflow-x: scroll;
	    padding: 17px 16px;
	    width:100%;
	    scrollbar-width: none;
  		-ms-overflow-style: none;
	}
	.filterBx::-webkit-scrollbar {
  		display: none;
	}
	.filterOrgBx > .titleArea > .filterBx > form,
	.filterLocationBx > .titleArea > .filterBx > form{
        justify-content: center;
        flex-wrap:wrap;
        border-radius: 17px;
	}
	.orgList, .localList{
		margin-top:0;
		padding:0 16px;
	}
	.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label, .filterLocationBx > .titleArea > .filterBx > form > input[type=radio] + label{
		width:50%;
		text-align:center;
	}
	.filterOrgBx > .titleArea > .filterBx > form > input[type=radio] + label::after, .filterLocationBx > .titleArea > .filterBx > form > input[type=radio] + label::after{
		display:none;
	}
	#searchText{
	width:100%;
	}
}
@media screen and (max-width: 380px){
    .mainQuickLinkRight > ul {
        gap: 34px 37px;
    }
	.mainQuickLinkRight > ul > li {
		width:calc(33.3333% - 25.6px);
	}
	.mainQuickLinkRight > ul > li > a {
		gap:13px 10px;
        height: 100%;
	}
	.mainQuickLinkRight > ul > li > a > .iconBx{
	    width: 100%;
	    height:auto;
	    aspect-ratio: 1;
	    background-size: 51% auto;
	}
	.mainQuickLinkRight > ul > li > a > .title{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
        flex: 1 1 0;
	}
}




@media screen and (max-width: 1780px){
	.floatingWrap{
		align-items:flex-start;
	}
}
@media screen and (max-width: 1280px){
	.floatingWrap{
		align-items:flex-end;
	}
}