@charset "utf-8";
html{scroll-behavior: smooth;}

.content-box .desc{display: flex; align-items: center; gap: 3rem;}
.content-box .desc span{position:relative;}
.content-box .desc span:last-child:before{content: ""; display: block; width: 1px; height: 1.2rem; background: var(--line-gray); position: absolute; top: 50%; left: -1.5rem; margin-top: -7px;}
.content-box .desc .call{color: var(--color-red);}
.content-box .move-btn{height: 6rem; padding: 1rem 3rem; border-radius: 5rem; font-family: var(--font-sebang); background: var(--color-red); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 2.5rem;}
.content-box .move-btn:after{content: ""; display: block; width: 1.5rem; height: 1.5rem; background: url(../img/default/diagonal_arrow.svg) no-repeat center / 1.2rem; transition: transform 0.2s ease-in-out}
.content-box .move-btn:hover:after{transform: rotate(45deg); margin-top:-3px;}
.content-box .map_box{margin-top:2rem;}
.content-box .map_box .api_map{width:100%; height:48rem; background:#ddd;}
.content-box .map_box .api_map .root_daum_roughmap {width:100% !important;height:48rem !important;}
.content-box .map_box .api_map .root_daum_roughmap .wrap_map {height:calc(100% - 32px);}
.content-box .map_box .map_addr{width: 100%; background: var(--color-red); border-radius: 0 0 2rem 0; color: #fff;  display: flex; align-items: center; justify-content: space-between; gap: 5rem; padding: 4rem;}
.content-box .map_box .addr-c{width: calc(100% - 19.5rem); display: flex; align-items: center; gap: 2rem 6rem; flex-wrap: wrap;}
.content-box .map_box .addr-c li{display: flex; align-items: center; gap: 1rem 3rem; flex-wrap: wrap;} 
.content-box .map_box .addr-c li span{font-size:1.8rem; line-height:1.3;}
.content-box .map_box .addr-c li .tit{font-family: var(--font-sebang); font-size: 2.2rem; font-weight: 600;}
.content-box .map_box .map-btn{position: relative; display: flex; align-items: center; justify-content: center; width: 14.5rem; height: 5.7rem; background: #fff; color: var(--color-red); border-radius: 3rem; font-family: var(--font-sebang);font-size:1.8rem; transition: all 0.2s;}
.content-box .map_box .map-btn .ico{position: absolute; content: ""; background: var(--color-dark-red); width: 4rem; height: 4rem; top: 50%; transform: translateY(-50%); left: -1.5rem; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 50%; overflow: hidden; transition: transform 0.3s ease;}
.content-box .map_box .map-btn .ico:after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);content: ""; background: url(../img/Contents/icon_map.svg) no-repeat center center;  width: 1.4rem; height: 1.8rem; transition: all 0.3s;}
.content-box .map_box .map_info{margin-top:3rem;}
.content-box .map_box .map_list{display: flex; align-items: center; flex-wrap: wrap; gap:2.5rem 8rem;padding:5rem 2rem;}
.content-box .map_box .map_list + .map_list{border-top:1px dashed var(--line-gray);}
.content-box .map_box .map_list .tit-box{display: flex; align-items: center; gap: 2rem; flex: 0 0 18rem; }
.content-box .map_box .map_list .icon{ width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; border-radius: 1rem;}
.content-box .map_box .map_list .bus{background: #FDE9E9;}
.content-box .map_box .map_list .subway{background: #EBF7F7;}
.content-box .map_box .map_list .car{background: #F9F9F9;}
.content-box .map_box .map_list .tit{font-family: var(--font-sebang); font-size: 2rem; font-weight: 600;}
.content-box .map_box .txt-box{ flex:1;}
.content-box .map_box .txt-box li + li{margin-top:0.5rem;}
.content-box .map_box .txt-box li p{padding-left: 1rem; text-indent: -1rem;font-size:1.8rem; line-height:1.4; position:relative;}
.content-box .map_box .detail{margin-top:2.5rem; padding-left:1rem;}
.content-box .map_box .desc{gap: 1rem 3rem; flex-wrap: wrap;}
.content-box .map_box .desc + .desc{margin-top:1rem;}
.content-box .map_box .desc span{line-height:1.3;}
.content-box .map_box .desc .gray{color: var(--color-light);}
.content-box .btn-box{margin-top: 3rem;}
.content-box .download{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1.5rem;font-weight: 500;color: #fff; transition: all 0.3s;}
.content-box .download i{width: 2rem; height: 2rem;display: block; background: url(../img/default/icon_down.svg) no-repeat left center;}
.content-box .btn.point{background: var(--color-red);}
.content-box .btn.black{background: #000;}
.content-box .btn.green{background: var(--color-dark-green);}


@media screen and (min-width: 1200px) {
	.content-box .map_box .map-btn:hover,
	.content-box .map_box .map-btn:focus {box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.08);}
	.content-box .map_box .map-btn:hover .ico:after,
	.content-box .map_box .map-btn:focus .ico:after{animation: motion2 0.5s linear infinite alternate;;}
	@keyframes motion2 {
		0% {transform:translate(-50%, -50%) translateY(0rem);}
		100% {transform:translate(-50%, -50%) translateY(0.3rem);} 
	  }	  
	
}


@media screen and (max-width: 640px) {
	.content-box .map_box .map_addr{flex-direction: column; align-items: flex-start;}
	.content-box .map_box .addr-c{width:100%;}
	.content-box .map_box .map-btn{margin-left:auto;}
}

@media screen and (max-width: 768px) {
	.content-box .map_box .map_list .tit-box{flex: 0 0 100%;}
}

/* 신고센터 */
.commitem .secbox + .secbox {margin-top: 8rem;}
.commitem .line-titbox{position:relative; width:100%; display:flex; align-items:center; gap:5rem; padding:7rem; margin-bottom:8rem; border-radius:0 10rem 0 0; border:1px solid var(--line-gray); border-top:0; overflow: hidden;}
.commitem .line-titbox:before {content: ""; position: absolute;top: 0;left: 0;width: 100%;height: 50%;border: 2px solid var(--color-red); border-bottom:0;border-top-right-radius: 10rem; pointer-events: none;}
.commitem .line-titbox .c-txt{width:calc(100% - 23rem);}
.commitem .line-titbox .icon{width:18rem;height:18rem;background:#FFF2F2;display:flex;align-items:center;justify-content: center;border-radius: 50%;}
.commitem .line-titbox .icon i{background:url(../img/Contents/icon_warning.svg)no-repeat center center;width: 7rem;height: 10rem;}
.commitem .line-titbox .tit{font-family: var(--font-sebang); font-size: 2.8rem; color: var(--color-red); margin-bottom: 3rem;}
.commitem .line-titbox .tit span{font-family: var(--font-sebang); font-size: 2.8rem; color:#000;}
.commitem .line-titbox p{font-size:1.8rem; line-height:1.8;}
.commitem .line-titbox p span{font-weight:600;}
.commitem .p-list{font-size:1.8rem; font-weight:500;}
.commitem .p-list li + li{margin-top:1rem;}
.commitem .p-list li{ padding-left: 1rem; text-indent: -1rem; line-height:1.3;}
.commitem .p-list .text{line-height:1.3; margin-bottom:1rem;}
.commitem .p-list .stext{font-size: 1.6rem; color: var(--color-light);line-height:1.3;}
.commitem .p-list-sm{font-size: 1.5rem; color: var(--color-dark); margin-top: 1rem;}
.commitem .step-flow-wrap {display: flex;justify-content: space-between;gap: 4rem;}
.commitem .step-item {flex: 1;position: relative;padding: 2.5rem;background: var(--bg-gray02);border: 1px solid var(--bg-gray);display: flex;flex-direction: column;min-height: 28rem;}
.commitem .step-item.final-step { background-color: #000; color: #fff; }
.commitem .step-item.first-step { background-color: #FFF2F2; }
.commitem .step-number {font-size: 1.4rem;font-weight: 600;color: var(--color-dark);margin-bottom: 1.5rem;}
.commitem .final-step .step-number { color: #fff; }
.commitem .step-title {font-size: 1.8rem;font-weight: 700;margin-bottom: 2rem;line-height: 1.4;}
.commitem .step-content {line-height: 1.6;margin-top: auto;font-weight: 500;}
.commitem .step-content span {color: var(--color-red);}
.commitem .final-step .step-content span { color: #fff; }
.commitem .step-arrow {position: absolute;top: 50%;right: -3rem;transform: translateY(-50%);width: 2.4rem;height: 2.4rem;z-index: 10;}
.commitem .final-step .step-arrow { display: none; }
.commitem .step-arrow-img { width: 100%; height: 100%; display: block; }
.commitem .step-flow-wrap.round{margin-top:2rem;}
.commitem .step-flow-wrap.round .step-item{min-height: 25rem; border-radius: 50%; text-align: center; justify-content: center;} 
.commitem .branch-type {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); gap: 3rem 4rem; align-items: center;}
.commitem .branch-type .step-item{min-height:auto;}
.commitem .branch-type .step-item:nth-child(1) {grid-column: 1; grid-row: 1 / span 2;}
.commitem .branch-type .step-title{margin-bottom:0;}
.commitem .branch-type .branch-top { grid-column: 2; grid-row: 1;}
.commitem .branch-type .branch-bottom {grid-column: 2; grid-row: 2;}
.commitem .branch-type .step-item:nth-child(4) { grid-column: 3; grid-row: 2;}
.commitem .branch-type .final-step {grid-column: 4; grid-row: 2;}
.commitem .branch-type .nn_p{display:none!important;}
.commitem .icon-type .step-item{min-height: 24rem;}
.commitem .icon-type .step-item:nth-child(1){background-image:url(../img/default/flow-iconty01.svg);background-repeat: no-repeat;background-position: right 2rem top 3rem;}
.commitem .icon-type .step-item:nth-child(2){background-image:url(../img/default/flow-iconty02.svg);background-repeat: no-repeat;background-position: right 2rem top 2.5rem;}
.commitem .icon-type .step-item:nth-child(3){background-image:url(../img/default/flow-iconty03.svg);background-repeat: no-repeat;background-position: right 2rem top 2rem;}
.commitem .icon-type .step-item:nth-child(4){background-image:url(../img/default/flow-iconty04.svg);background-repeat: no-repeat;background-position: right 2rem top 3rem;}
.commitem .num-list{margin-top: 3rem;}
.commitem .num-list .item{ font-size: 1.8rem;}
.commitem .num-list .item + .item{margin-top:2rem;}
.commitem .num-list .nm-tit{ display: flex; align-items: center; gap: 0.8rem; margin-bottom:1rem;}
.commitem .num-list .nm-tit span{line-height: 1.4;  font-weight:500;}
.commitem .num-list .nm-tit .num{width: 2.3rem; height: 2.3rem; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 50%; color: #fff; font-size: 1.4rem;}
.commitem .num-list .nm-txt{line-height: 1.5; font-size: 1.7rem; padding-left: 4rem; text-indent: -1rem;}
.commitem .comm-table-wrap {overflow-x: auto;}
.commitem .data-table {width: 100%;border-top: 2px solid #000;}
.commitem .data-table th, .commitem .data-table td {padding: 1.5rem 2rem;border-bottom: 1px solid var(--line-gray);line-height: 1.4;vertical-align: middle;}
.commitem .data-table th {background-color: var(--bg-gray02);color: #333;font-weight: 600;text-align: center;border-right: 1px solid var(--line-gray);}
.commitem .data-table .p-list{margin-top: 1rem; font-size: 1.6rem; font-weight: 400;}
.commitem .data-table .p-list li{line-height: 1.4; vertical-align: middle;}
.commitem .data-table .p-list li + li{margin-top:0.8rem;}
.commitem .data-table .br_line{border-right:1px solid var(--line-gray);}
.commitem .data-table .br_line-center{border-right:1px solid var(--line-gray); text-align:center;}
.commitem .data-table .center{text-align:center;}
.commitem .data-table.ty01 th:last-child{border-right:none;} 
.commitem .data-table.ty01 td:first-child,
.commitem .data-table.ty01 td.tcr{border-right: 1px solid var(--line-gray);text-align:center;}
.commitem .data-table.ty01 td:last-child {border-left: 1px solid var(--line-gray);text-align:center;}
.commitem .data-table.ty01 .p-list{margin-top:0;}
.commitem .data-table.ty01 .p-list-sm li{line-height: 1.3; vertical-align: middle;}
.commitem .data-table.ty02 th:last-child{border-right:none;} 
.commitem .data-table.ty02 td{text-align:center; border: 1px solid var(--line-gray);} 
.commitem .data-table.ty02 td:first-child {border-left: none;}
.commitem .data-table.ty02 td:last-child{border-right: none;}
.commitem .data-table.ty03{margin-top:1rem;}
.commitem .data-table.ty03 th{font-size: 1.6rem; padding: 1rem;}
.commitem .data-table.ty03 th:last-child{border-right:none;} 
.commitem .data-table.ty03 td{text-align:left; border: 1px solid var(--line-gray);} 
.commitem .data-table.ty03 td:first-child {border-left: none;}
.commitem .data-table.ty03 td:last-child{border-right: none;}
.commitem .data-table .w_rem18{width:18rem;}

@media screen and (min-width: 1200px) {
	.commitem .btn-box .btn:hover,
	.commitem .btn-box .btn:focus{box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.08); filter: saturate(1.1);}
}

@media screen and (max-width: 768px) {
	.announcement .data-table{min-width: 78rem;}
}

/*컨텐츠 표 사용시 자동으로 에디터에서 붙음*/
figcaption{display:none;}


@media screen and (max-width: 1024px) {
    .commitem .step-flow-wrap { flex-direction: column; gap: 4.0rem; }
    .commitem .step-item { min-height: auto; padding-right: 2.5rem; }
    .commitem .step-arrow {right: auto;bottom: -3.2rem;left: 50%;top: auto;transform: translate(-50%, 0);}
    .commitem .step-arrow-img { transform: rotate(90deg); }
    .commitem .step-item:not(:last-child) .step-arrow { display: block; }    
    .commitem .step-flow-wrap.round .step-item{min-height: auto; border-radius: 0;}
    .commitem .branch-type .step-arrow {right: -3rem; bottom: auto; left: auto; top: 50%; transform: translateY(-50%);}
	.commitem .branch-type .step-arrow-img{transform: none;}
}

@media screen and (max-width: 980px) {
	.commitem .line-titbox{flex-direction: column; padding: 7rem 4rem;}
	.commitem .line-titbox .c-txt{width:100%; text-align:center;}
	.commitem .line-titbox .c-txt .b-n{display:none;}
	.commitem .branch-type {display: flex; flex-direction: column; gap: 4rem;}  
	.commitem .branch-type .nn_p{display:block !important;} 
	.commitem .branch-type .step-item{width:100%;}
	.commitem .branch-type .step-arrow {right: auto; bottom: -3.2rem; left: 50%; top: auto; transform: translate(-50%, 0);}
	.commitem .branch-type .step-arrow-img{transform: rotate(90deg);}
    
}
@media screen and (max-width: 640px) {
	.commitem .line-titbox .tit{font-size:2.4rem;}
	.commitem .line-titbox .tit span{display: block; margin-bottom: 1rem;}
	.commitem .line-titbox p{font-size:1.7rem;}
	.commitem .line-titbox{padding: 5.5rem 3rem;}
	.commitem .p-list{font-size:1.7rem;}
	.commitem .data-table.ty03{width:64rem;}
	.commitem .data-table .w_rem18{width:10rem;}
}

/* 주요사업 */
.biz{}
.biz-item{width: 100%;}
.biz-item + .biz-item{margin-top:10rem;}
.biz-item .l-title{width: 100%;display: flex;align-items: flex-start;gap: 6rem;}
.biz-item .l-title .ttit{background: url(../img/default/tit_bullet.svg) no-repeat left center;font-family: var(--font-sebang);font-size: 2.6rem;line-height:1.4;border-top: 4px solid #000;width: 43rem;padding: 3rem 1rem 3rem 3.5rem;}
.biz-item .l-title .ttit span{font-size:1.7rem; display:block; line-height:1.4;}
.biz-item .l-title .logo-desc{position:relative;flex: 1;}
.biz-item .l-title .logo-desc:after{content:'';display:block;width: calc(100% - 24rem);height:1px;background:var(--line-gray);position:absolute;top:0;left:0;}
.biz-item .l-title .logo-desc:before{content:'';display:block;width:20rem;height:4.6rem;background: url(../img/default/bg_logo.svg) no-repeat center center /100%;position:absolute;top: 50%;right:0;transform: translateY(-65%);}
.biz-item .r-cont{display: flex; gap: 6rem;}
.biz-item .r-cont .img-box{max-width:43rem;}
.biz-item .r-cont .img-box img{max-width: 100%; border-radius: 1rem; border: 1px solid var(--line-gray);}
.biz-item .r-cont .cont-box{flex:1;}
.biz-item .r-cont .c-list{width: 100%;display: flex;flex-wrap: wrap;align-items: baseline;gap: 2rem;}
.biz-item .r-cont .c-list + .c-list{margin-top:3rem;}
.biz-item .r-cont .c-list .suj{font-size: 1.8rem;font-weight: 500;border-radius: 30rem;padding: 1.2rem 2.5rem;border: 1px solid #000;max-width: 11.5rem;}
.biz-item .r-cont .c-list .suj-c{font-size: 1.8rem;flex: 1;}
.biz-item .r-cont .c-list .suj-c li{line-height: 1.5; text-indent: -1rem; padding-left: 1rem;}
.biz-item .r-cont .c-list .suj-c li + li{margin-top:0.5rem;}
.biz-item .r-cont .c-list .suj-c .p-list-sm{font-size:1.6rem;}

@media screen and (max-width: 980px) {
	.biz-item .r-cont{flex-direction: column;}	
}
@media screen and (max-width: 768px) {
	.biz-item .l-title .ttit{width:100%; font-size: 2.3rem;}
	.biz-item .l-title .logo-desc{display:none;}
	.biz-item .r-cont .img-box{max-width:100%}
	.biz-item .r-cont .img-box img{width:100%;}
	.biz-item .r-cont .c-list .suj-c{width:100%; font-size:1.7rem;}
	.biz-item .r-cont .c-list .suj{font-size: 1.6rem; padding: 1rem 2rem;}
}
@media screen and (max-width: 640px) {
	.biz-item .r-cont .c-list{flex-direction: column;}
}


/* 인사말 */
.greeting{position:relative;}
.greeting:after{content:'';display:block;width: 75%;height: 37rem;position: absolute;top: 0;right: 0;background: linear-gradient(180deg, rgba(255,146,150,0.5), transparent);border-radius: 0 15rem 0 0;z-index: -2;}
.greeting:before{content:'';display:block;width: 55rem;height: 12rem;position: absolute;top: 7rem;right: 6rem;background: url(../img/default/bg_logo.svg) no-repeat center center / 55rem;filter: invert(0) brightness(2);opacity: 0.4;z-index: -1;}
.grt-cont{display:flex;gap:8rem;padding: 12rem 6rem;}
.grt-cont .grt-if-txt{width:70%;}
.grt-cont .grt-if-txt .tit{max-width:56rem;}
.grt-cont .grt-if-txt .tit p{font-size: 3.5rem; font-family: var(--font-sebang); line-height:1.4;}
.grt-cont .grt-if-txt .point{color:var(--color-red);}
.grt-cont .grt-if-txt .txt{margin-top:5rem; font-size:1.8rem; line-height:1.8;}
.grt-cont .grt-if-img{width:40%;}
.grt-cont .grt-if-img .photo img{width:100%;}
.grt-cont .grt-if-img .writer{margin-top: 3rem; font-size: 2rem; text-align: center;}

@media screen and (max-width: 980px) {
	.greeting:before{left: 0; top: 30rem; background-size: 100%; width: 100%; height: 20rem;}
	.greeting:after{width: 100%; height: 115rem; border-radius:0;}
	.grt-cont{flex-direction: column;}
	.grt-cont .grt-if-txt{width:100%;}
	.grt-cont .grt-if-txt .tit{max-width:100%;}
	.grt-cont .grt-if-txt .tit p{font-size:3.2rem;}
	.grt-cont .grt-if-img{width:100%;}
	.grt-cont .grt-if-img .photo{max-width:48rem; margin:0 auto;}
}
@media screen and (max-width: 640px) {
	.grt-cont{padding:8rem 4rem;}
	.grt-cont .grt-if-txt .tit p{font-size:2.8rem;}
	.grt-cont .grt-if-txt .txt{font-size:1.7rem;}
}


/* 소개 */
.introduce{position:relative; background: url(../img/default/bg_logo.svg) no-repeat top right / 70rem;}
.intro-info {position: relative;overflow: hidden;margin-bottom: 14rem !important;}
.intro-info .visual-inner { position: sticky;top: 0; width: 100%; height:100vh; overflow: hidden;}
.intro-info .visual-scale { position: absolute; inset: 0; transform: scale(0.7); transform-origin: center center; will-change: transform;}
.intro-info .visual-img, .intro-info .visual-overlay {position: absolute; inset: 0;}
.intro-info .visual-img { background: url("../img/Contents/bscf_introimg.jpg") center/cover no-repeat;}
.intro-info .visual-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0); backdrop-filter: blur(0px); transform: scale(1); transform-origin: center center; will-change: opacity, backdrop-filter, transform;}
.intro-info .visual-txt {width: calc(100% - 4rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1.4;}
.intro-info .visual-txt .tit {font-size: 2.2rem; line-height:1.8;color:#fff; font-weight: 500; opacity: 0; transform: translateY(20px);}
.intro-overview{}
.intro-core{width: 100%; display: flex; align-items: center;justify-content: center; gap: 10rem; margin-bottom:10rem;}
.intro-core .round{position:relative;}
.intro-core .round:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 51rem; height: 51rem; border-radius: 50%; border: 1px dashed transparent;animation: rotateCircle 15s linear infinite; }
.intro-core .vision:after { border-color: var(--color-red); animation: rotateCircle 20s linear infinite reverse;}
.intro-core .mission:after {border-color: var(--color-dark-green); animation: rotateCircle 30s linear infinite; }
@keyframes rotateCircle {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
.intro-core .round:before { content: ''; position: absolute; top: -1.9rem; left: 50%; transform: translateX(-50%); width: 1rem; height: 1rem; background: var(--color-red); border-radius: 50%;}
.intro-core .vision:before { background: var(--color-red); }
.intro-core .mission:before { background: var(--color-dark-green); top: auto; bottom: -1.9rem;}
.intro-core .opcit-box{width: 48rem; height: 48rem; border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.intro-core .inbox{width: 40rem; height: 40rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 5rem;}
.intro-core .inbox .stit{font-size: 2.2rem; color: #fff;}
.intro-core .inbox .tit{font-size: 2.6rem;font-weight: 600; line-height: 1.4; color: #fff; text-align: center;}
.intro-core .vision .opcit-box{ background: #FFEBEC;}
.intro-core .vision .inbox{background: var(--color-red);}
.intro-core .mission .opcit-box{ background: #E8F8EE;}
.intro-core .mission .inbox{background: var(--color-dark-green);}
.intro-core2{}
.intro-sec + .intro-sec{margin-top:2rem;}
.intro-sec .title-box{padding:2rem;color:#ffffff;text-align:center;display:flex;align-items:center;justify-content:center;min-height: 16rem;}
.intro-sec .title-box .h3tit{font-size: 2.2rem;font-weight: 500; line-height:1.4;}
.intro-sec .blue{background-color: #2F5AE9;}
.intro-sec .light-blue{background-color: #2FABE9;}
.intro-sec .dark-blue{background-color:#333366;}
.intro-sec .grid-wrapper{display:grid;gap: 2rem;align-items:stretch;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-areas:"title item1 item2 item3";}
.intro-sec .grid-wrapper .title-box{position:relative; grid-area:title; margin-right:10rem;}
.intro-sec .grid-wrapper .title-box:after{content:'';display:flex;width:100%;height: 1px;background: var(--line-gray);position: absolute;top: 50%;right: -12rem;z-index: -1;}
.intro-sec .grid-wrapper .item:nth-child(2){grid-area:item1;}
.intro-sec .grid-wrapper .item:nth-child(3){grid-area:item2;}
.intro-sec .grid-wrapper .item:nth-child(4){grid-area:item3;}
.intro-sec .item{padding:1.6rem;/* box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1); */background-color: #F2F4FB;text-align:center;display:flex;align-items:center;justify-content:center;}
.intro-sec .item .h4tit{font-size: 2rem;line-height:1.4; font-weight: 500;}
.direction .item{background-color: #F2F4FB;}
.goal .item{background-color: #E9F8FF;}
.task{background:#F2F4FB; padding:2.5rem;}
.task .task-title{min-height:auto; background:#12329A; margin-bottom:3rem; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);}
.task-items{display: grid; gap: 2rem;}
.task-item{position:relative; padding:2rem !important; background: #fff !important; flex-direction: column;}
.task-item .h4tit{width: 100%;margin-top: 2rem;border-bottom: 1px solid var(--line-gray);padding-bottom: 2rem;}
.task-item ul{margin-top: 2rem; text-align: left;}
.task-item li{padding-left: 1rem;text-indent: -1rem;line-height: 1.3;}
.task-item li + li{margin-top:1.5rem;}
.intro-sec .number-circle{display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background-color: #12329a; color: #ffffff; font-size: 1.6rem; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%);}
.intro-sec .task-items{grid-template-columns:repeat(4,1fr);}
.intro-sec .task-item:nth-child(4n){border-right:none;}

@media screen and (max-width: 1280px) {
	.intro-core .opcit-box{width:40rem; height:40rem;}
	.intro-core .inbox{width:34rem; height:34rem;}
	.intro-core .round:after{width: 44rem; height: 44rem;}
	.intro-core .round:before{top:-2.4rem;}
	.intro-core .mission:before{bottom:-2.4rem;}
	
}
@media screen and (max-width: 1200px) {
	.introduce{background-size: 60rem;}	
	.intro-core .inbox .tit{font-size:2.4rem;}
	.intro-sec .title-box .h3tit{font-size:2rem;}
	.intro-sec .grid-wrapper {grid-template-columns: 1fr 1fr 1fr; grid-template-areas: "title item1 item2" "title item3 ."; }
    .intro-sec .grid-wrapper .title-box { grid-area: title; grid-row: 1 / span 2; height: auto; }
    .intro-sec .grid-wrapper .item:nth-child(2) { grid-area: item1; }
    .intro-sec .grid-wrapper .item:nth-child(3) { grid-area: item2; }
    .intro-sec .grid-wrapper .item:nth-child(4) { grid-area: item3; }
    .intro-sec .item .h4tit{ white-space: normal; } 
    .task-items {grid-template-columns: repeat(2, 1fr);}
    .task-item { border-right: 0.1rem solid var(--border-gray); }
    .task-item:nth-child(2n) { border-right: none; }
}
@media screen and (max-width: 1080px) {
	.intro-core{flex-direction: column;}	
	.intro-info .visual-txt .tit {font-size:2rem;}
}
@media screen and (max-width: 980px) {
	.intro-sec .task-items {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
	 .introduce {background-size: 40rem;}
	.intro-sec .task-items {grid-template-columns: repeat(1, 1fr);}
	.intro-sec .item .h4tit{font-size:1.8rem;}
	.intro-sec .grid-wrapper .title-box{margin-right:0;min-height: 8rem;}
	.intro-sec .grid-wrapper .title-box:after{width: 1px; height: 250%; right: auto; left: 50%;}
	.intro-sec .grid-wrapper {gap: 1.5rem;}
    .intro-sec .grid-wrapper > *{ grid-column: 1 / -1 !important; grid-row: auto !important;  width: 100% !important; }
}
@media screen and (max-width: 640px) {
	.intro-core{gap:6rem;}
	.intro-core .inbox .stit{font-size:1.8rem;}
	.intro-core .inbox .tit{font-size:2.2rem;}
	.intro-core .opcit-box{width:36rem; height:36rem;}
	.intro-core .inbox {width: 30rem; height: 30rem; gap:3rem;}
	.intro-core .round:after{width:38rem; height:38rem;}
	.intro-core .round:before {top: -1.4rem;}
	.intro-core .vision:after{animation:none;}
	.intro-core .mission:before{bottom: -1.4rem;}
	.intro-core .mission:after{animation:none;}
}


/* 연혁 */
.history{}
.hist-info{width:100%;background:var(--color-red) url(../img/Contents/bscf_grapic_logo_w.svg) no-repeat bottom -9rem center;color:#fff;padding: 5rem 3rem;text-align: center;}
.hist-info .logo{margin-bottom: 3rem;}
.hist-info .logo img{filter: invert(1) brightness(10);width: 25rem;}
.hist-info .tit{font-size:1.8rem; line-height:1.4;}
.hist-box{position:relative;padding-top: 8rem;display: flex;align-items: flex-start;gap: 20rem;}
.hist-box:after{content:'';display:block;width:2px;height:100%;background:var(--line-gray);position:absolute;top: 8rem;left: 37rem;}
.hist-box .titlst{position: sticky;top: 14rem;width: 30rem;}
.hist-box .titlst .tlst + .tlst{margin-top:2rem;}
.hist-box .titlst .tlst a{font-size:3.2rem;font-weight:800;color: var(--line-gray);display: flex;align-items: center;justify-content: center;}
.hist-box .titlst .tlst.active a{color:var(--color-red);}
.hist-box .contlst{ width: calc(100% - 50rem);}
.hist-box .item + .item{margin-top:8rem;}
.hist-box .item .verti{display:flex;flex-wrap: wrap; gap:4rem;}
.hist-box .item .verti + .verti{margin-top:8rem;}
.hist-box .item .year-tit{width:8rem; font-size:2rem; font-weight:700; line-height:1.4;}
.hist-box .item .lists{width: calc(100% - 12rem);}
.hist-box .item .lists li{display: flex; gap: 1rem 2rem;}
.hist-box .item .lists li + li{margin-top:1.5rem;}
.hist-box .item .lists li > div{font-size:1.8rem; line-height:1.4;}
.hist-box .item .lists .month{color:var(--color-light);width: 5rem;}
.hist-box .item .lists .desc{width: calc(100% - 7rem);}
@media screen and (max-width: 1200px) {
	.hist-box{gap:15rem;}
}
@media screen and (max-width: 980px) {
	.hist-box{gap:10rem;}
	.hist-box .item .lists li > div{font-size:1.7rem;}
	.hist-box:after{left:25rem;}
	.hist-box .titlst{width:20rem;}
	.hist-box .titlst .tlst a{font-size:2.8rem;}
	.hist-box .contlst {width: calc(100% - 30rem);}
}
@media screen and (max-width: 768px) {	
	.hist-info .logo img{width:22rem;}
	.hist-info .tit{font-size:1.7rem;}
	.hist-box{flex-direction: column; padding-top: 0; gap:5rem;}
	.hist-box:after{display:none;}
	.hist-box .titlst{width: 100%; background: #fff; padding:2rem; border-bottom: 1px solid var(--line-gray);  top: 8rem;  display: flex; align-items: center;  gap:2rem 3rem;  flex-wrap: wrap;}
	.hist-box .titlst .tlst{width: calc(100% / 2 - 1.5rem);}
	.hist-box .titlst .tlst + .tlst{margin-top:0;}
	.hist-box .titlst .tlst a{font-size:2rem;}
	.hist-box .contlst{width:100%;}
	.hist-box .item .verti{gap: 2rem; flex-direction: column;}
	.hist-box .item .lists{width:100%;}
}

/* ci소개 */
.ci-con{margin-top:6rem;}
.ci-item + .ci-item{margin-top:8rem;}
.ci-item .btn-box{margin:0; display:flex; align-items:center; gap:1rem;}
.ci-item .btn-box .download{padding: 1.2rem 1rem;}
.ci-item .ci-thumb{width: 100%; border: 1px solid var(--line-gray); background:url(../img/Contents/gridbg.svg); display: flex; align-items: center; gap:5rem; justify-content: space-around; padding: 5rem;}
.ci-item .cbox{width:calc(100% / 2); text-align:center;}
.ci-item .size img{width:22rem;}
.ci-item .box-i{ width:100%; height:10rem;}
.ci-item .box-i.red{background:var(--color-dark-red);}
.ci-item .box-i.black{background:#000;}
.ci-item .box-i.blue{background:#00357F;}
.ci-item .box-i.pink{background:#E50177;}
.ci-item .info{width:100%;display:flex;align-items:center;justify-content: space-between;margin-top: 1rem;font-size: 1.5rem;color: var(--color-dark);}
.ci-item .itxt{font-size:1.8rem; line-height:1.4; margin-top:1.5rem;}
@media screen and (min-width: 1200px) {	
	.ci-item .btn-box .btn:hover{box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.08); filter: saturate(1.1);}
}
@media screen and (max-width: 1200px) {	
	.ci-item .cbox img{width: 40%; min-width: 22rem;}
	.ci-item .itxt{font-size:1.7rem;}
	.ci-item .info{flex-wrap:wrap;}
}
@media screen and (max-width: 768px) {	
	.ci-item .ci-thumb{flex-wrap:wrap;}
	.ci-item .cbox{width:100%;}
}
@media screen and (max-width: 640px) {	
	.ci-item .ctitle{flex-direction: column; align-items: flex-start; gap: 2rem;}
	.ci-item .btn-box{width:100%;}
	.ci-item .btn-box .download{width:100%; max-width:100%;}
}
@media screen and (max-width: 480px) {	
	.ci-item .btn-box{width: 100%; flex-wrap: wrap; gap: 0.5rem;}
}

/* 조직도 */
.organization{}
.org-chart{}
.org-chart .top-row{position:relative; width: 100%; max-width: 128rem; margin: 0 auto;}
.org-chart .top-row:before{content: "";display: block;position: absolute;height: 112%;width: 1px;border: 1px dashed var(--line-gray);transform: translateX(-50%);left: 50%;}
.org-chart .box-item{position:relative; width: 100%; max-width: 20rem; font-size: 2.2rem;font-weight: 500; color: #fff;display: flex; align-items: center; justify-content: center; padding: 1.8rem 2rem;}
.org-chart .chairman{margin: 0 auto;background: var(--color-dark-red);}
.org-chart .verti{display:flex;align-items:center;gap: 12rem;justify-content: center;position: relative;margin: 8rem 0 3rem;}
.org-chart .council{background:var(--color-dark-green);position: absolute;left: 16%;}
.org-chart .ceo{height: 20rem;border-radius: 50%;background: var(--color-red) url(../img/default/bg_logo_op.svg) no-repeat top 2rem center;border: 2rem solid var(--color-light-red);}
.org-chart .ceo:after{content: "";display: block;position: absolute;height: 1px;width: 170%;border: 1px dashed var(--line-gray);left: -100%;z-index: -1;}
.org-chart .tft{background: #12329A; max-width:24rem;}
.org-chart .tft:before{content: "";display: block;position: absolute;height: 1px;width: 30%;border: 1px dashed var(--line-gray);right:-6rem;z-index: -1;}
.org-chart .tft .org-btn{font-size: 2.2rem;font-weight: 500;color: #fff;position: relative;}
.org-chart .policy{background: var(--color-dark); max-width:24rem;}
.org-chart .policy:before{content: "";display: block;position: absolute;height: 1px;width: 30%;border: 1px dashed var(--line-gray);left: -6rem;z-index: -1;}
.org-chart .policy .org-btn{font-size: 2.2rem;font-weight: 500;color: #fff;position: relative;}
.org-chart .btm-row{position:relative; width:100%;display:flex;gap: 5rem;max-width: 128rem;margin: 8rem auto 3rem;}
.org-chart .btm-row:before{content: "";display: block;position: absolute;height:1px;width: 69%;border: 1px dashed var(--line-gray);top: -3rem;transform: translateX(22.5%);}
.org-chart .btm-row .org-group{position:relative; width:calc(100% / 3);}
.org-chart .btm-row .org-group:before{content: "";display: block;position: absolute;height: 90%;width: 1px;border: 1px dashed var(--line-gray); transform: translateX(-50%); top: -3rem; left: 50%;}
.org-chart .btm-row .org-group > div{position: relative;width: 100%;}
.org-chart .btm-row .org-btn{width:100%; padding: 1.8rem 2rem;  display: flex; align-items: center; justify-content: center;}
.org-chart .headquarter{background:var(--color-light);margin-bottom: 1.5rem;}
.org-chart .headquarter .org-btn{font-size:1.8rem; color:#fff;}
.org-chart .team{border:1px solid #000; background:#fff; width: 95% !important;margin: 0 auto 0.5rem;}
.org-chart .team .org-btn{font-size: 1.6rem;}
.org-chart .org-info{width:100%; text-align:center; margin-bottom:5rem;}
.org-team-list{}
.org-team-list .team-listbox{display:none;}
.org-team-list .team-listbox.active{display:block;}
@media screen and (min-width: 1200px) {
	.org-chart .policy .org-btn:hover, .org-chart .policy .org-btn:focus{font-weight:600;}
	.org-chart .btm-row .org-btn:hover, .org-chart .btm-row .org-btn:focus{font-weight:500;}
}
@media screen and (max-width: 1024px) {
	.org-chart .council{left:0;}
	.org-chart .ceo:after{left:-140%;}
}
@media screen and (max-width: 980px) {
	.org-chart .box-item{font-size: 2rem; max-width:16rem; padding: 1.2rem 1.5rem;}
	.org-chart .ceo{max-width:18rem; height:18rem;}
	.org-chart .ceo:after {left: -180%;}
	.org-chart .tft .org-btn{font-size:2rem;}
	.org-chart .tft:before{width: 43%;right: -6rem;}
	.org-chart .policy .org-btn{font-size:2rem;}
	.org-chart .policy:before{width: 43%;left: -6rem;}
	.org-chart .btm-row{flex-wrap:wrap; gap:3.5rem;}
	.org-chart .btm-row:before{display:none;}
	.org-chart .btm-row .org-group{width:100%;}
	.org-chart .btm-row .org-group:before{height:113%;top: -3.2rem;}
	.org-chart .btm-row .org-btn{padding:1.2rem 1.5rem;}
}
@media screen and (max-width: 768px) {
	.commitem .org-team-list .data-table{min-width: 78rem;}
}
@media screen and (max-width: 640px) {
	.org-chart .box-item{font-size:1.9rem; max-width:12rem;}
	.org-chart .verti{margin: 5rem 0 3rem;}
	.org-chart .between{gap:5rem;}
	.org-chart .between .box-item{ width: calc(100% / 2 - 2rem); max-width: 100%;}
	.org-chart .between .box-item .org-btn{ width: 100%;}
	.org-chart .ceo{max-width:15rem; height:15rem;}
	.org-chart .ceo:after {left: -112%; width: 100%;}
	.org-chart .policy {max-width:14rem;}
	.org-chart .policy .org-btn{font-size:1.9rem;}
	.org-chart .tft:before{display:none;}
	.org-chart .tft .org-btn{font-size:1.9rem;}
	.org-chart .btm-row{margin: 7rem auto 3rem;}
}
@media screen and (max-width: 420px) {
	.org-chart .verti{justify-content: flex-end;}
}


/* 공간소개 */
.space-intro{border-top: 1px solid var(--line-gray);}
.space-intro .top-htitle{text-align:center; margin: 6rem 0;}
.space-intro .top-htitle .logo.gamman{background:url(../img/Contents/space-gamman.svg)no-repeat center center; width:15rem; height:7.5rem; margin:0 auto;}
.space-intro .top-htitle .logo.f1963{background:url(../img/Contents/space-f1963.svg)no-repeat center center; width:15rem; height:7.5rem; margin:0 auto;}
.space-intro .top-htitle .logo.tongsinsa{background:url(../img/Contents/space-tongsinsa.svg)no-repeat center center / 100%; width:15rem; height:7.5rem; margin:0 auto;}
.space-intro .top-htitle .logo.cats{background:url(../img/Contents/space-cats.svg)no-repeat center center; width:10rem; height:10rem; margin:0 auto;}
.space-intro .top-htitle .logo.hongti{background:url(../img/Contents/space-hongti.svg)no-repeat center center; width:10rem; height:10rem; margin:0 auto;}
.space-intro .top-htitle .logo.hansung{background:url(../img/Contents/space-hansung.svg)no-repeat center center / 100%; width:15rem; height:7.5rem; margin:0 auto;}
.space-intro .top-htitle .logo.dugu{background:url(../img/Contents/space-dugu.svg)no-repeat center center; width:10rem; height:10rem; margin:0 auto;}
.space-intro .top-htitle .logo.ongru{background:url(../img/Contents/space-ongru.svg)no-repeat center center / 100%; width:15rem; height:7.5rem; margin:0 auto;}
.space-intro .top-htitle .ttxt{margin-top:5rem; line-height: 1.6; font-size: 2.2rem;}
.space-intro .top-htitle .ttxt span{font-weight:700;}
.space-intro .top-info{width:100%; display:flex; position:relative;}
.space-intro .top-info .l-item{width:50%;position: relative;z-index: 1;}
.space-intro .top-info .space-thumb{border-radius:1rem;}
.space-intro .top-info .space-img{display: block; width: 100%; position: relative; border-radius: 2rem; overflow: hidden;}
.space-intro .top-info .space-img:after{content: ""; display: block; padding-bottom: 60%;}
.space-intro .top-info .space-img img{width: 100%; height: 100%; object-fit: cover; position: absolute;  left: 0;  top: 0;}
.space-intro .top-info .controler{position: absolute;bottom: 0;left: 0;padding: 1.2rem 2rem;backdrop-filter: blur(3px);background: rgba(34, 34, 34, 0.5);z-index: 1;display: flex;align-items: center;justify-content: center;gap: 1.5rem;color: #fff;}
.space-intro .top-info .controler button{display:flex;align-items:center;width: 1.6rem;height: 1.6rem;}
.space-intro .top-info .pager{color: #fff;display:flex;align-items:center;gap: 1.5rem;}
.space-intro .top-info .pager .devide{width:0.5rem; height:0.5rem; border-radius:50%; background:var(--bg-gray); margin-top: -0.3rem;}
.space-intro .top-info .pager .total{opacity:0.5;}
.space-intro .top-info .r-item{width: 55%;position: absolute;right: 0;}
.space-intro .top-info .link{display: flex;gap: 1.5rem;align-items: center;justify-content:flex-end;margin-bottom:2rem;}
.space-intro .top-info .link .sns-btn{width: 6rem; height: 6rem;  background: var(--bg-gray01); border-radius: 50%; display: flex; align-items: center; justify-content: center;border: 1px solid transparent;transition: all 0.3s;}
.space-intro .top-info .link .move-btn{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);}
.space-intro .top-info .gl-infobox{width: 100%;border: 5px solid var(--bg-gray);border-radius: 1rem;min-height: 40rem;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding-right:2rem; padding-left: 7.2vw;}
.space-intro .top-info .gl-infobox ul{width:100%;}
.space-intro .top-info .gl-infobox li{display:flex; align-items:baseline; gap:2rem;}
.space-intro .top-info .gl-infobox li + li{margin-top:3rem;}
.space-intro .top-info .gl-infobox .label{font-size:1.8rem;  line-height:1.3; font-weight:500; padding-left:3rem;color:var(--color-dark);flex: 0 0 10rem;}
.space-intro .top-info .gl-infobox .clock{background:url(../img/Contents/red_icon_clock.svg) no-repeat left center / 2.2rem;}
.space-intro .top-info .gl-infobox .map{background:url(../img/Contents/red_icon_map.svg) no-repeat left center / 2.2rem;}
.space-intro .top-info .gl-infobox .phone{background:url(../img/Contents/red_icon_phone.svg) no-repeat left center / 2.2rem;}
.space-intro .top-info .gl-infobox .team{background:url(../img/Contents/red_icon_team.svg) no-repeat left center / 2.2rem;}
.space-intro .top-info .gl-infobox .text{font-size:1.8rem;  line-height:1.3; font-weight:500; flex: 1;}
.space-intro .mid-facilities{margin-top:15rem;}
.space-intro .mid-facilities ul{display: flex;align-items: center;gap: 4rem 2.5rem;flex-wrap: wrap;margin-top: 4rem;}
.space-intro .mid-facilities li{border: 1px solid var(--line-gray);width: calc(100% / 3 - 1.7rem); flex:1 0 calc(33.333% - 1.7rem);padding: 1.5rem; position: relative;}
.space-intro .mid-facilities .num{display: flex;align-items: center;justify-content: center;background: #000;text-align: center;padding: 1rem 1.8rem;color: #fff;min-width: 7rem;position: absolute;top: -1.8rem;left: 2rem;}
.space-intro .mid-facilities .txt{display: flex;align-items: center;justify-content: center;padding: 1rem;font-size: 1.8rem;font-weight: 500;text-align: center;min-height: 9rem;line-height: 1.4;}
.space-intro .mid-facilities .many-txt {align-items: stretch;}
.space-intro .mid-facilities .many-txt .txt{flex-direction: column; justify-content: flex-start; padding: 3rem 1rem;}
.space-intro .mid-facilities .many-txt .txt div{width:100%; text-indent: -1rem; padding-left: 1rem;text-align: left; word-break:break-all; line-height:1.3;}
.space-intro .mid-facilities .many-txt .txt div + div{margin-top:1.5rem;}
.space-intro .btm-traffic{margin-top:10rem;}

@media screen and (min-width: 1200px) {
	.space-intro .top-info .link .sns-btn:hover,
	.space-intro .top-info .link .sns-btn:focus{box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.08); border: 1px solid var(--line-gray);}
}

@media screen and (max-width: 1380px) {
	.space-intro .top-info .gl-infobox{min-height:36rem;}
}
@media screen and (max-width: 1200px) {
	.space-intro .top-info{flex-direction: column; gap: 2rem;}
	.space-intro .top-info .l-item{width:100%;}
	.space-intro .top-info .r-item{width:100%; position: static;}
	.space-intro .top-info .link{position: fixed; bottom: 6rem; right: 2rem; z-index: 2;}
	.space-intro .top-info .link .sns-btn{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);}
	.space-intro .top-info .gl-infobox {min-height: auto; padding: 4rem;}
	.space-intro .mid-facilities li{flex: 1 0 calc(50% - 1.7rem);}
}
@media screen and (max-width: 980px) {
	.space-intro .top-htitle .ttxt{font-size:2rem;}
}
@media screen and (max-width: 768px) {
	.space-intro .mid-facilities .txt{font-size:1.6rem;}
	.space-intro .top-info .gl-infobox .text{font-size:1.7rem;}
	.space-intro .top-info .gl-infobox .label{font-size:1.7rem;}
	.content-box .map_box .addr-c li .tit{font-size:2rem;}
	.content-box .map_box .addr-c li span{font-size:1.7rem;}
	.space-intro .top-info .link{gap:1rem;}
	.space-intro .top-info .link .sns-btn{width: 5rem; height: 5rem;}
	.space-intro .top-info .link .move-btn{height: 5rem; padding: 1rem 2rem;}
	.content-box .map_box .txt-box li p{font-size:1.7rem;}
}
@media screen and (max-width: 640px) {
	.space-intro .top-htitle .ttxt br{display:none;}
	.space-intro .top-info .gl-infobox li{width: 100%; gap:1rem; flex-direction: column;}
	.space-intro .top-info .gl-infobox .label{flex:0 0 auto;}
	.space-intro .top-info .gl-infobox .text{width:100%;}
}
@media screen and (max-width: 480px) {
	.space-intro .mid-facilities li{flex: 1 0 100%;}
	.space-intro .top-htitle .ttxt {font-size: 1.8rem;}
}


/* 공간대관 */
.space-rental{}
.space-rental > li{position: relative; width: 100%; background: var(--color-light-red); padding: 6rem;}
.space-rental > li:after{content: ''; display: block; width: 40rem; height: 9rem; position: absolute; top: 2rem; right: 2rem; background: url(../img/default/bg_logo.svg) no-repeat center center / 40rem; filter: brightness(0) invert(1); opacity: 0.3; z-index:0;}
.space-rental > li + li{margin-top:5rem;}
.space-rental .top{position:relative; display: flex;  align-items: center; gap: 5rem; z-index:1;}
.space-rental .thumb{flex: 0 0 3.1rem;}
.space-rental .info{flex:1;}
.space-rental .list{margin-top:2rem;}
.space-rental .list li{ display: flex; align-items: baseline; gap: 1.5rem;}
.space-rental .list li + li{margin-top:0.5rem;}
.space-rental .list .suj{background: #fff; padding: 0.8rem 1rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-gray); flex: 0 0 9.5rem;}
.space-rental .list .suj_txt{font-size: 1.8rem; flex: 1; line-height:1.3;}
.space-rental .bottom{border-top: 1px solid var(--line-gray); padding-top: 3rem; margin-top: 4rem; display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap;gap: 2rem 5rem;}


@media screen and (max-width: 980px) {
	.space-rental .top{flex-direction: column; align-items: flex-start;}
}
@media screen and (max-width: 640px) {
	.space-rental > li{padding:4rem;}
	.space-rental .thumb img{width:100%; max-width:100%;}
  	.space-rental .list .suj_txt{font-size:1.6rem;}
}
@media screen and (max-width: 480px) {
	.content-box .desc {flex-wrap: wrap; gap: 2rem;}
	.content-box .desc span:last-child:before{left: -1rem;}
}


/* 협약기관 */
.agency-org{}
.agency-box{padding-top:4rem; display: flex; align-items: flex-start; gap: 20rem;}
.agency-box .titlst{width: 8rem; position: sticky; top: 14rem;}
.agency-box .titlst div + div{margin-top:2.5rem;}
.agency-box .titlst a{ display: flex;}
.agency-box .titlst a span{position:relative;font-size: 2rem;color: #bcbcbc;font-weight: 600;padding-left: 1rem;}
.agency-box .titlst .active a span{color:#000;}
.agency-box .titlst .active a span:after{content:'';display:block;position:absolute;top:0;left: 0;width: 0.3rem;height: 100%;background:#000;}
.agency-box .contlst{width: calc(100% - 30rem);}
.agency-box .contlst .item + .item{margin-top:5rem; padding-top: 5rem;}
.agency-box .contlst .list{display:flex; gap:4rem; flex-wrap:wrap; margin-top:2rem;}
.agency-box .contlst .list li{ flex: 0 0 calc(50% - 2rem); border: 4px solid var(--line-gray); border-radius: 1rem; padding: 4rem;}
.agency-box .contlst .list .top{display: flex; align-items: center; gap:2rem; min-height:6.5rem;}
.agency-box .contlst .list .top .logo-w{ flex: 0 0 18rem;align-items: center; justify-content: center;padding:0 1rem; border: 1px solid var(--line-gray);}
.agency-box .contlst .list .top img{ max-width: 100%; margin: 0 auto;}
.agency-box .contlst .list .top .title{flex: 1; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 500;}
.agency-box .contlst .list .bottom{border-top:1px dashed var(--line-gray); margin-top:2rem; padding-top:2rem;}
.agency-box .contlst .list .bottom .par{display:flex; gap:1rem 2rem;}
.agency-box .contlst .list .bottom .par + .par{margin-top:1rem;}
.agency-box .contlst .list .bottom .l-t{flex: 0 0 7rem; color:var(--color-red);}
.agency-box .contlst .list .bottom .r-t{flex:1; line-height:1.3;}
@media screen and (max-width: 1200px) {
	.agency-box{gap: 10rem;}
	.agency-box .contlst{width: calc(100% - 18rem);}
	.agency-box .contlst .list .top .logo-w{flex:0 0 12rem;}
	.agency-box .contlst .list .bottom .par{flex-direction: column;}	
	.agency-box .contlst .list .bottom .l-t{flex:0 0 auto;}
	.agency-box .contlst .list .top .title{line-height:1.2; word-break: break-word;}
}
@media screen and (max-width: 1024px) {
	.agency-box{gap:5rem; flex-direction: column;}
	.agency-box .titlst{top: 8rem; width: 100%; display: flex; align-items: center; gap: 1.5rem; background: #fff; padding: 2rem; border-bottom: 1px solid var(--bg-gray);}
	.agency-box .titlst div + div{margin-top:0;}
	.agency-box .titlst a span{padding-left:0;}
	.agency-box .titlst .active a span:after{top: auto; bottom: -1rem; width: 100%; height: 0.3rem;}
	.agency-box .contlst{width:100%;}
}
@media screen and (max-width: 768px) {
	.agency-box .contlst .list{gap:2rem;}
	.agency-box .contlst .list li{flex:0 0 100%;}
}
@media screen and (max-width: 640px) {
	.agency-box .titlst{max-width:64rem; overflow-x:auto;}
	.agency-box .titlst a{width:7.5rem;}
	.agency-box .titlst a span{font-size:1.8rem;}
}


/* 후원모집 - 내용부분 */
.donation{}
.donation .dnt_info{display: flex;align-items: center; gap:6rem; border-radius: 40rem;background:var(--color-light-red) url(../img/Contents/donation-desc-bg.svg) no-repeat right bottom / 20rem;padding: 4rem;}
.donation .dnt_info .round-tit{width:25rem;height:25rem;border-radius:50%;font-family:var(--font-sebang);font-size:2.8rem;color:#fff;display: flex;align-items: center;justify-content: center;background: linear-gradient(45deg, var(--color-red), var(--color-dark-red));}
.donation .dnt_info .pit-txt li{font-size:1.7rem; font-weight:500; display: flex; align-items: center; gap: 1rem;}
.donation .dnt_info .pit-txt li + li{margin-top:2rem;}
.donation .dnt_info .pit-txt strong{color:var(--color-red); font-size:2.6rem;}
.donation .dnt_flow{width:100%; margin:8rem 0;}
.donation .dnt_flow .info-ex{display:none; filter: invert(0.5);}
.donation .dnt_flow .dnt_imglink{display:block; width:100%;}
.donation .dnt_flow .dnt_imglink img{width:100%; max-width:100%;}
.donation .dnt_greet{font-family:var(--font-sebang); font-size:2rem; line-height:1.4; text-align:center; margin:5rem 0;}
.donation .board-btn .btn{min-width: 19rem; height: 6rem;}
.donation .board-btn .btn span{font-size:1.7rem;}

@media screen and (min-width: 1200px) {
  .donation .dnt_flow .dnt_imglink {pointer-events: none;cursor: default;}
  .donation .dnt_flow .dnt_imglink:after { content: none;}
}
@media screen and (max-width: 1024px) {
	.donation .dnt_info{flex-direction: column; border-radius: 5rem;}
	.donation .dnt_info .pit-txt{width:100%;}
}
@media screen and (max-width: 768px) {
	.donation .dnt_info{background-image: none;}
	.donation .dnt_info .pit-txt li{line-height: 1.2; align-items: baseline;}
	.donation .dnt_flow .info-ex{display:block;}
}

/* 부산문화재단에바란다 - 내용부분 */
.suggest .line-titbox:before{border: 2px solid #000; border-bottom:0;}
.suggest .prv_use{width:100%;}
.suggest .prv_use .tit{color:#000; font-size:2.2rem;}
.suggest .prv_use .p-list li{font-size:1.6rem;}
.suggest .prv_use .p-list li span{color:var(--color-light);}
.suggest .prv_use .p-list-sm{color:#000;}
.suggest .prv_use .p-list-sm span{color:var(--color-light);}
.suggest .prog_prv_use .p-list{line-height: 1.5; font-size: 1.7rem;}
.suggest .agr_txt{width: 100%; margin-top: 1rem; display: flex; align-items: center; justify-content: space-between; gap:3rem; flex-wrap:wrap;}
.suggest .line-titbox .info-ex{font-size: 1.6rem; line-height: 160%;}
.suggest .line-titbox .info-ex span{font-weight: 500;}
.suggest .checkbox-group{margin-top:0;}
.suggest .radio-group{margin-top:0;}
.suggest .agr_txt .radio {display:flex;align-items:center;gap:0.5rem;}

@media screen and (max-width: 640px) {
	.suggest .radio-group{min-height:4rem;}
}
/* 선언문 */
.declaration{}
.decl-graybox{position:relative; width: 100%; background: var(--bg-gray02) url(../img/Contents/bscf_grapic_logo.svg) no-repeat top 1rem center; padding: 8rem 2rem;}
.decl-graybox:after{content:'';display:block;position: absolute;bottom:1rem;left:0;background: url(../img/Contents/bscf_grapic_logo.svg) no-repeat top 1rem center / 100%;width: 100%;height: 17rem;}
.decl-title{ text-align: center; margin: 5rem 0;}
.decl-title .tit{font-size: 3rem; line-height: 1.4; font-family: var(--font-sebang);}
.decl-title .tit span{ color: var(--color-red);}
.decl-title .txt{font-size: 2rem;margin-top: 3rem;line-height:1.4;}
.decl-title .txt span{font-weight: 600;}
.decl-list{ width: 100%; max-width: 123rem; margin: 0 auto;}
.decl-list li{display: flex;align-items: center;gap: 3rem;background: #fff;padding: 3rem;font-size: 1.8rem;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);}
.decl-list li + li{margin-top:1rem;}
.decl-list .num{ color: var(--color-red);  font-weight: 700;}
.decl-list .ctxt{font-size: 1.6rem; font-weight: 500; line-height:1.4;}
.decl-desc{width: 100%;max-width: 123rem;margin: 8rem auto;}
.decl-item{ border-top: 1px solid var(--line-gray); margin-bottom: 6rem;}
.decl-item .htit{ background: var(--color-dark-red); width: 100%; max-width: 25rem; border-radius: 30rem; color: #fff; text-align: center; padding: 1.5rem; font-size: 1.8rem; font-weight: 500; margin: 0 auto; position: relative; top: -2.5rem;}
.decl-item ul{text-align: center;}
.decl-item li{line-height:1.8; font-size:1.7rem; font-weight: 500;}
.decl-ending{ text-align: center; margin: 5rem 0;}
.decl-ending .ftit{font-size: 2rem; line-height: 1.4; font-family: var(--font-sebang);}
.decl-ending .ftit span{color: var(--color-red);}
@media screen and (max-width: 640px) {
	.decl-title .tit{font-size:2.6rem;}
	.decl-title .txt{font-size:1.7rem;}
	.decl-list li{flex-wrap:wrap; gap:2rem;}
}

/* 정보공개 */
.content-box .disclosure .link{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1.5rem 1rem;font-weight: 500;color: #fff;max-width: 22rem;}
.content-box .disclosure .link i{width: 2rem; height: 2rem;display: block; background: url(../img/default/icon_link.svg) no-repeat left center;}

/* 고객만족경영 */
.cs-mgmt{}
.cs-mgmt .cs-mgmt-step{margin-top:4rem;}
.cs-mgmt-step .item{width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 5rem 10rem;}
.cs-mgmt-step .item + .item{margin-top:1rem;}
.cs-mgmt-step .ltit{position:relative; width: 17rem; height: 17rem; background: #fff; border-radius: 50%; border: 1px solid var(--line-gray); display: flex; align-items: center;justify-content: center;}
.cs-mgmt-step .ltit:after{content:'';display:block;position: absolute;top:50%;right: -100%;width:100%;height: 1px;border: 1px dashed var(--line-gray);z-index: -1;}
.cs-mgmt-step .ltit p{font-family: var(--font-sebang);font-size: 2rem;padding: 7rem 0 2rem;}
.cs-mgmt-step .rlist{ flex: 1;}
.cs-mgmt-step .rlist .lst-nm{width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem;}
.cs-mgmt-step .rlist .lst-nm li{flex:1; background:var(--bg-gray01); display: flex;align-items: center;justify-content: center;font-family: var(--font-sebang);font-size: 1.8rem;padding: 3rem 1rem;border-radius: 1rem;}
.cs-mgmt-step .people .ltit p{background: url(../img/Contents/mgmt_part_icon01.svg) no-repeat top center / 4.8rem;}
.cs-mgmt-step .people .lst-nm li:nth-child(1){background:#D8FFE7;}
.cs-mgmt-step .people .lst-nm li:nth-child(2){background:#F2E6FF;}
.cs-mgmt-step .people .lst-nm li:nth-child(3){background:#FFEEE6;}
.cs-mgmt-step .people .lst-nm li:nth-child(4){background:#FFE4F4;}
.cs-mgmt-step .service .ltit p{background: url(../img/Contents/mgmt_part_icon02.svg) no-repeat top center / 6rem;padding: 6rem 0 1rem;}
.cs-mgmt .comm-table-wrap{margin-top:3.5rem;}
.cs-mgmt .data-table th:last-child{border-right:0;}
.cs-mgmt .data-table td:first-child{text-align:center; border-right:1px solid var(--line-gray);}
@media screen and (max-width: 980px) {
	.cs-mgmt-step .item + .item{margin-top:2rem;}
	.cs-mgmt-step .ltit{margin:0 auto;}
	.cs-mgmt-step .rlist{flex:100%;}
	.cs-mgmt-step .ltit:after{ right: 8rem; width: 1px; height: 75%;}	
}
@media screen and (max-width: 768px) {
	.cs-mgmt-step .ltit p{font-size:1.8rem;}
	.cs-mgmt-step .rlist .lst-nm{gap:1rem;}
	.cs-mgmt-step .rlist .lst-nm li{font-size:1.7rem; flex: 0 0 calc(50% - 0.5rem); padding:2.5rem 1rem;}	
}


/* 이메일무단수집거부 */
.email-refusal{width: 100%; border-top: 2px solid #000; border-bottom: 1px solid var(--line-gray); padding: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4rem;}
.email-refusal .icon{width: 14rem; height: 14rem; background: var(--bg-gray02); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.email-refusal .tit{font-family: var(--font-sebang); font-size: 2.2rem; line-height: 1.4; text-align:center;}
.email-refusal .tit span{color:var(--color-red);}
.email-refusal .txt{text-align: center; line-height: 1.6; font-weight:500;font-size: 1.7rem;}
.email-refusal .txt span{color:var(--color-red);}
@media screen and (max-width: 640px) {
	.email-refusal{padding: 4rem 2rem;}
	.email-refusal .tit{font-size:2rem;}	
}


/* 방침 */
.pcy-common{}
.pcy-common .t-graybox{margin-bottom: 5rem; width: 100%; border: 1px solid var(--line-gray); background: var(--bg-gray02);padding: 5rem; border-radius: 2rem;}
.pcy-common .t-graybox .tit{font-family: var(--font-sebang); font-size: 2rem; margin-bottom: 2rem; line-height: 1.4;}
.pcy-common .t-graybox .txt{line-height:1.4; font-weight:500; font-size:1.7rem;}
.pcy-common .t-graybox .txt span{color:var(--color-red);}
.pcy-common .num-list{margin-top:0;}
.pcy-common .num-list .nm-tit{align-items: baseline;}
.pcy-common .num-list .nm-tit span{display:block; font-weight:400;}
.pcy-common .num-list .nm-tit span:last-child{flex:1;}
.pcy-common .num-list .nm-tit div{flex:1;}
.pcy-common .data-table th:last-child,
.pcy-common .data-table td:last-child{border-right:0;}
.pcy-common .data-table td{text-align:center; border-right:1px solid var(--line-gray);}
.pcy-common .data-table .b_rl{border-right:1px solid var(--line-gray)!important;}
.pcy-common .p-list{font-size: 1.6rem; font-weight: 400; margin-left: 3rem}
.pcy-common .p-list + .p_list{margin-top:0.5rem;}
.pcy-common .btn{font-size: 1.6rem; margin-top: 1rem;}
.pcy-common .link{display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1.5rem; font-weight: 500; color: #fff;}
.pcy-common .link i{width: 2rem; height: 2rem; display: block; background: url(../img/default/icon_link.svg) no-repeat left center;}
.pcy-common .hm-tit .ico-p{display:inline-block;width: 3.5rem;}
.pcy-common .hm-tit .ico-p img{width:100%;vertical-align: middle;}
.pcy-common .imgbox{width: 100%; border: 1px solid var(--line-gray); margin-top: 2rem; text-align: center; padding: 4rem 2rem;}
.pcy-common .imgbox img{max-width: 100%; margin: 0 auto;}
.pcy-labelling {position:relative;width:100%;border-top: 1px solid var(--line-gray);border-bottom: 1px solid var(--line-gray);}
.pcy-labellist {display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;position:relative;gap: 2rem 0;}
.pcy-labellist .label_item {position:relative;width:calc(100% / 3);padding: 3rem 2rem;}
.pcy-labellist .label_item .label_ico {display:block; width:7rem; height:7rem; margin:0 auto; background-size:7rem;}
.pcy-labellist .label_item .label_txtbox {margin-top: 2rem;text-align:center;}
.pcy-labellist .label_item .label_txtbox .title {margin-bottom:10px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#444444;}
.pcy-labellist .label_item .label_txtbox .txt {font-weight:500;line-height:1.4;color: var(--color-gray);}
.pcy-labellist .ico01 {background:url(../img/Contents/pcy-label-img01.jpg)center center no-repeat;}
.pcy-labellist .ico02 {background:url(../img/Contents/pcy-label-img02.jpg)center center no-repeat;}
.pcy-labellist .ico03 {background:url(../img/Contents/pcy-label-img03.jpg)center center no-repeat;}
.pcy-labellist .ico04 {background:url(../img/Contents/pcy-label-img04.jpg)center center no-repeat;}
.pcy-labellist .ico05 {background:url(../img/Contents/pcy-label-img05.jpg)center center no-repeat;}
.pcy-labellist .ico06 {background:url(../img/Contents/pcy-label-img06.jpg)center center no-repeat;}
.pcy-guide ol{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
.pcy-guide li a{display: block; padding: 2rem; border-radius:1rem; border: 1px solid transparent; transition: all 0.3s; font-weight: 500; background: var(--color-light-red); line-height: 1.4;}
.pcy-guide-sec + .pcy-guide-sec{margin-top:8rem;}
@media screen and (min-width: 1200px) {
	.pcy-guide li a:hover,
	.pcy-guide li a:focus{border: 1px solid var(--color-red);}
}
@media screen and (max-width: 980px) {
	.pcy-labellist .label_item{width: calc(100% / 2);}	
	.pcy-guide ol{grid-template-columns: 1fr; gap:1rem;}
}
@media screen and (max-width: 480px) {
	.pcy-labellist{gap:0;}
	.pcy-labellist .label_item{width:100%;}	
}



/* 지원예산현황 */
.inquiry{}
.budget-section{}
.budget-title{font-size:2.4rem;font-weight:700;margin-bottom:2.4rem;letter-spacing:-0.02em;}
.budget-title.sub{margin-top:4.8rem;}
.budget-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:2.4rem;}
.budget-card{background:#ffffff;border-radius:2rem;padding: 4rem;box-shadow:0 1rem 2.5rem rgba(15,23,42,0.06);border: 0.1rem solid var(--line-gray);display:flex;flex-direction:column;gap: 1.2rem;}
.budget-card-title{font-size:1.8rem;font-weight:600;margin-bottom: 4rem;}
.budget-amount{font-size:2.4rem;font-weight:700;display:flex;align-items:baseline;gap: 0.5rem;color: var(--color-red);}
.budget-unit{font-size:1.4rem;color:#4b5563;}
.budget-bar{width:100%;height: 1.2rem;border-radius:999rem;background: var(--bg-gray);overflow:hidden;margin-top:0.4rem;}
.budget-bar-fill{width: calc(90 * 1%);height:100%;border-radius:inherit;background: linear-gradient(90deg, #de363c, #6fba2c);transition:width 0.5s ease-out;}
.budget-bar-fill.si{width: calc(20 * 1%);}
.budget-desc{font-size:1.5rem;line-height:1.5;color: var(--color-gray);}
.budget-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:2rem;}
.detail-card{background: var(--color-light-red);border-radius:1.8rem;padding: 4rem;border: 1px solid var(--line-gray);display:flex;flex-direction:column;gap: 4rem;}
.detail-header{display:flex;justify-content:space-between;align-items:baseline;gap:1.2rem;}
.detail-title{font-size: 2rem;font-weight: 500;}
.detail-amount{font-size:1.8rem;font-weight:700;color: var(--color-dark-red);display:flex;align-items:baseline;gap: 0.5rem;}
.detail-desc{line-height:1.6;color: var(--color-gray);}

@media screen and (max-width: 980px) {
	.budget-top{grid-template-columns: 1fr;}
	.budget-detail{grid-template-columns: 1fr;}	
}
@media screen and (max-width: 480px) {
	.budget-card{padding:4rem 3rem;}
	.detail-card{padding:4rem 3rem;}
	.ctitle{flex-wrap:wrap;}
	.ctitle p{margin-left: auto;}
}