@charset 'utf-8';

/* 카카오맵 */
.map-box .root_daum_roughmap{width:100% !important;}
.root_daum_roughmap .cont{display:none;}

.address-box{display:flex;justify-content:space-between;align-items:center;padding:5rem 5.5rem;border:1px solid var(--border-color04);border-radius:0 0 3px 3px;}
.contact-box{display:grid;gap:2rem;}
.contact-box li{position:relative;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.6rem;color:var(--text-color06);}
.contact-box li:before{content:'';display:inline-block;margin:0 2rem 0 0;vertical-align:middle;}
.contact-address:before{width:3.1rem;height:3.1rem;background:url(/_res/sejong/convention/img/common/ico-public-location-type02@2x.png) no-repeat center center / 100%;}
.contact-tel:before{width:3.1rem;height:3.1rem;background:url(/_res/sejong/convention/img/common/ico-public-phone-type02@2x.png) no-repeat center center / 100%;}
.contact-mail:before{width:3.1rem;height:3.1rem;background:url(/_res/sejong/convention/img/common/ico-public-mail-type02@2x.png) no-repeat center center / 100%;}
.procedure-tit01{padding:0 0 2.5rem;font-weight:var(--font-weight-bold);font-size:2.8rem;line-height:3.8rem;color:var(--text-color02);}

.content-box.facil{position:relative;}

/* 시설소개 슬라이드 */
.facil-swiper .swiper-slide{position:relative;}
.facil-swiper .swiper-slide .img-box{aspect-ratio: 413 / 276;}
.facil-swiper .swiper-slide .label-box{position:absolute;right:0;bottom:0;padding:8px 2rem;background:var(--color86);}
.facil-swiper .swiper-slide .label-box > span{display:block;font-weight:var(--font-weight-bold);font-size:1.8rem;line-height:2.52rem;color:var(--white100);text-align:center;}

.control-wrap{display:flex;gap:6px;position:absolute;top:2.2rem;right:0;width:10rem;}
.control-wrap .facil-swiper-btn{width:4.7rem;height:4.7rem;border:1px solid var(--black02);background:var(--white100);border-radius:50%;box-sizing:border-box;}
.control-wrap .facil-swiper-btn:hover{background:var(--color01);border:1px solid var(--color01);transition:all 0.2s;}
.control-wrap .facil-swiper-btn::after{content:"";width:5px;height:1rem;}
.control-wrap .facil-swiper-btn.swiper-button-prev{left:0;}
.control-wrap .facil-swiper-btn.swiper-button-prev:hover::after{background:url(../img/facil/ico-facil-prev-w.png)  no-repeat center center / 100%;;}
.control-wrap .facil-swiper-btn.swiper-button-prev::after{background:url(../img/facil/ico-facil-prev.png) no-repeat center center / 100%;}
.control-wrap .facil-swiper-btn.swiper-button-next{right:0;}
.control-wrap .facil-swiper-btn.swiper-button-next::after{background:url(../img/facil/ico-facil-next.png) no-repeat center center / 100%;}
.control-wrap .facil-swiper-btn.swiper-button-next:hover::after{background:url(../img/facil/ico-facil-next-w.png)  no-repeat center center / 100%;;}

.way-tit01{position:relative;padding:0 0 3rem;font-weight:var(--font-weight-bold);font-size:2.4rem;line-height:3.4rem;color:var(--text-color02);}
.way-tit01:before{content:'';display:inline-block;margin:0 1.3rem 0 0;width:2.9rem;height:2.7rem;vertical-align:middle;}
.way-tit01:before{background-repeat:no-repeat;background-position:center;background-size:100%;}
.way-tit01.subway::before{background-image:url(../img/center/ico-public-subway01@2x.png);}
.way-tit01.car::before{background-image:url(../img/facil/ico-public-subway02.png);}

.way-subway, .way-car{padding:4rem;border-bottom:1px solid var(--border-color05);}
.way-list{display:flex;align-items:center;}
.way-list li:first-child{position:relative;font-weight:var(--font-weight-bold);font-size:1.8rem;line-height:2.6rem;color:var(--color57);}
.way-list.t-map li:first-child{color:var(--black01);}
.way-list li:first-child span.subway{display:inline-block;margin:0 1rem 0 0;padding:2px 0 0;width:3rem;height:3rem;border-radius:50%;background:var(--color57);color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}
.way-list li:first-child span.t-map{display:inline-block;position:relative;padding:0 0 0 4rem;width:3rem;height:3rem;color:var(--black01);box-sizing:border-box;}
.way-list li:first-child span.t-map::before{content:'';position:absolute;top:50%;left:0;width:3rem;height:3rem;background:url(../img/facil/ico-tmap@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.way-list li:nth-child(2){padding:0 1.2rem 0 5rem;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.6rem;color:var(--text-color02);}

@media screen and (max-width:1024.98px){
	.procedure-tit01{padding:0 0 1.5rem;font-size:2.2rem;line-height:3rem;}

	.control-wrap{width:6.6rem;}
	.control-wrap .facil-swiper-btn{width:3rem;height:3rem;}
	
	.address-box{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2.5rem;}
	.contact-box li{font-size:1.4rem;line-height:2rem;}
	.contact-box li:before{margin:0 1rem 0 0;}
	.contact-address:before{width:1.6rem;height:1.9rem;}
	.contact-tel:before{width:1.5rem;height:1.5rem;}
	.contact-mail:before{width:1.5rem;height:1.5rem;}
	
	/* 시설소개 슬라이드 */
	.facil-swiper .swiper-slide .label-box{padding:8px 1.5rem;}
	.facil-swiper .swiper-slide .label-box > span{font-size:1.4rem;line-height:2.12rem;color:var(--white100);text-align:center;}
	
	.way-tit01{padding:0 0 1.5rem;font-size:1.8rem;line-height:2.6rem;}
	.way-subway, .way-car{padding:2.5rem 2rem;}
	.way-list{flex-wrap:wrap;gap:1rem;word-break:keep-all;}
	.way-list li:first-child{font-size:1.6rem;line-height:2.2rem;}
	.way-list li:first-child span{margin:-2px 7px 0 0;padding:0;width:2.3rem;height:2.3rem;}
	.way-list li:nth-child(2){padding:0;font-size:1.5rem;line-height:2.1rem;}
	.way-bus{padding:2.5rem;}
	.way-bus-inner{gap:1.5rem;padding:2rem;}
	.way-bus-row{flex-wrap:wrap;}
	.way-bus-row h5{font-size:1.6rem;line-height:2rem;}
	.way-bus-line{width:100%;}
	.way-bus-line li{font-size:1.4rem;line-height:2rem;}
}