@charset "UTF-8";

.parking-tit01{padding:0 0 3.5rem;font-weight:var(--font-weight-bold);font-size:3.6rem;line-height:4.6rem;color:var(--text-color01);}
.parking-map-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3.5rem;}
.parking-map-right{width:calc(100% - 60.5rem);}
.parking-map-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.3rem 5px;}
.parking-map-list li{display:flex;align-items:center;gap:1.2rem;font-weight:var(--font-weight-bold);font-size:1.4rem;line-height:2rem;color:var(--text-color01);}
.parking-map-list .parking-map-number{display:block;padding:2px 0 0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--color62);font-weight:var(--font-weight-medium);font-size:1rem;line-height:1.6rem;color:#fff;text-align:center;vertical-align:middle;box-sizing:border-box;}

.parking-table-wrap{padding:4rem 0 2rem;}
.parking-table-number{display:inline-block;margin:0 5px 0 0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--color01);font-size:1.2rem;line-height:2.2rem;color:#fff;text-align:center;vertical-align:middle;}
.parking-table-wrap :is(.sj-table, .b-sj-table) td{padding:2.2rem 0;}

.bg-box-wide-wrap.parking-path-wrap{padding:4rem 0;}
.bg-box-wide-wrap.parking-path-wrap:before{top:0;height:100%;}
.bg-box-wide-box.parking-path-box{display:flex;justify-content:space-between;align-items:center;padding:4.6rem 16.40625%;border-radius:5px;background:#fff;}
.parking-path-left h5{padding:0 0 1.9rem;font-weight:var(--font-weight-bold);font-size:3.2rem;line-height:4.2rem;color:var(--text-color02);}
.parking-path-left ul{display:grid;gap:6px;}
.parking-path-left li{display:flex;align-items:center;gap:1.2rem;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.6rem;color:var(--text-color07);}
.parking-path-left li span{display:flex;align-items:center;gap:1rem;position:relative;}
.parking-path-left li span:before{content:'';display:block;width:2.5rem;height:2.4rem;}
.parking-path-left li span:after{content:'';display:block;margin-left:2px;width:1px;height:1rem;background:var(--color09);}
.parking-path-left li:first-child span{color:var(--color64);}
.parking-path-left li:first-child span:before{background:url(/_res/sejong/convention/img/center/img-parking-path-arrow-blue@2x.png) no-repeat center center / 100%;}
.parking-path-left li:last-child span{color:var(--color65);}
.parking-path-left li:last-child span:before{background:url(/_res/sejong/convention/img/center/img-parking-path-arrow-red@2x.png) no-repeat center center / 100%;}

.parking-case-wrap{padding:4rem 0 0;}
.parking-case-box-inner{display:flex;justify-content:space-between;align-items:center;padding:3.5rem 2rem 3.5rem 4rem;}
.parking-case-gwang{border-bottom:1px solid var(--border-color05);}
.parking-case-inner-left{display:grid;gap:1.4rem;}
.parking-case-inner-left h5{font-weight:var(--font-weight-bold);font-size:2.4rem;line-height:2.6rem;color:var(--text-color02);}
.parking-case-inner-left p{position:relative;padding:0 0 0 1.8rem;font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.6rem;color:var(--text-color07);}
.parking-case-inner-left p:before{content:'';position:absolute;left:0;top:7px;width:1rem;height:1rem;border-radius:50%;}
.parking-case-gwang .parking-case-inner-left p:before{background:var(--color64);}
.parking-case-daeyang .parking-case-inner-left p:before{background:var(--color65);}
.parking-case-inner-right{display:flex;gap:1rem;}
.case-right-box{width:33.3rem;height:10.5rem;border-radius:3px;background:var(--color06);box-sizing:border-box;}
.case-right-box a{display:grid;align-content:space-between;padding:2.4rem 3rem;width:100%;height:100%;box-sizing:border-box;}
.case-right-box a p:first-child{font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.2rem;color:var(--text-color20);}
.case-right-box a p:last-child{display:flex;align-items:center;gap:8px;position:relative;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.2rem;color:var(--text-color07);}
.case-right-box a p:last-child:before{content:'';display:block;width:1.5rem;height:1.5rem;background:url(/_res/sejong/convention/img/center/img-parking-case-magnifier@2x.png) no-repeat center center / 100%;}

@media screen and (max-width:1180px) {
	.parking-map-img{width:40%;}
	.parking-map-right{width:calc(60% - 35px);}
	
	.bg-box-wide-box.parking-path-box{padding:4.6rem 5%;}
}

@media screen and (max-width:1024.98px) {
	.parking-map-box{gap:1.5rem;}
	.parking-map-img{width:100%;}
	.parking-map-right{width:100%;}
	
	.bg-box-wide-box.parking-path-box{flex-wrap:wrap;justify-content:center;gap:2rem;padding:2.5rem 2rem;}
	.parking-path-left h5{padding:0 0 1rem;font-size:2.4rem;line-height:3.4rem;}
	.parking-path-left li{gap:7px;font-size:1.4rem;line-height:2rem;}
	.parking-path-left li span{gap:5px;}
	
	.parking-case-box-inner{flex-wrap:wrap;gap:1.5rem;padding:2.5rem 2rem;}
	.parking-case-inner-left{gap:5px;width:100%;}
	.parking-case-inner-left h5{font-size:1.9rem;line-height:2.1rem;}
	.parking-case-inner-left p{font-size:1.5rem;line-height:2.1rem;}
	.parking-case-inner-left p:before{top:5px;}
	.parking-case-inner-right{width:100%;}
	.case-right-box{width:100%;height:auto;}
	.case-right-box a{gap:1rem;padding:2rem;}
	.case-right-box a p:first-child{font-size:1.5rem;line-height:2.1rem;}
	.case-right-box a p:last-child{font-size:1.4rem;line-height:2rem;}
}

@media screen and (max-width:768px) {
	.parking-map-box.border-box{padding:2ren 1.5rem;}
	.parking-map-list{grid-template-columns:1fr 1fr;gap:1rem 5px;}
	.parking-map-list li{align-items:baseline;gap:5px;}
	
	.parking-case-inner-right{flex-wrap:wrap;}
}

@media screen and (max-width:480px) {
}