@charset "UTF-8";

.procedure-step-wrap-in{display:flex;justify-content:space-between;padding:0 0 5.5rem;}
.procedure-step-box{display:grid;align-content:space-between;position:relative;padding:3.2rem 0;width:13.359375%;border-radius:50%;background:var(--color36);text-align:center;box-sizing:border-box;aspect-ratio:1;}
.procedure-step-box:before{content:'';position:absolute;top:50%;right:-22%;width:2.3rem;height:1.5rem;background:url(/_res/sejong/convention/img/center/img-procedure-step-arrow@2x.png) no-repeat center center / 100%;transform:translateY(-50%);}
.procedure-step-box:last-of-type:before{display:none;}
.procedure-step-box .step-number{font-weight:var(--font-weight-bold);font-size:1.2rem;line-height:2.3rem;color:var(--text-color12);}
.procedure-step-box .step-tit{display:grid;justify-items:center;gap:9px;position:relative;font-weight:var(--font-weight-bold);font-size:1.4rem;line-height:2rem;color:var(--text-color02);}
.procedure-step-box .step-tit:before{content:'';display:inline-block;height:2.4rem;}
.procedure-step-box:first-of-type .step-tit:before{width:2.5rem;background:url(/_res/sejong/convention/img/center/img-procedure-step01@2x.png) no-repeat center center / 100%;}
.procedure-step-box:nth-of-type(2) .step-tit:before{width:2.7rem;background:url(/_res/sejong/convention/img/center/img-procedure-step02@2x.png) no-repeat center center / 100%;}
.procedure-step-box:nth-of-type(3) .step-tit:before{width:2.8rem;background:url(/_res/sejong/convention/img/center/img-procedure-step03@2x.png) no-repeat center center / 100%;}
.procedure-step-box:nth-of-type(4) .step-tit:before{width:2.3rem;background:url(/_res/sejong/convention/img/center/img-procedure-step04@2x.png) no-repeat center center / 100%;}
.procedure-step-box:nth-of-type(5) .step-tit:before{width:2.7rem;background:url(/_res/sejong/convention/img/center/img-procedure-step05@2x.png) no-repeat center center / 100%;}
.procedure-step-box:last-of-type .step-tit:before{width:2rem;background:url(/_res/sejong/convention/img/center/img-procedure-step06@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);}
.procedure-guide-row{display:flex;align-items:center;gap:2rem;padding:3.5rem 4rem;border-bottom:1px solid var(--border-color05);}
.procedure-guide-row:last-of-type{border:0;}
.procedure-guide-left{width:28.6rem;}
.procedure-guide-left p{padding:0 0 8px;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.3rem;color:var(--text-color12);}
.procedure-guide-left h5{font-weight:var(--font-weight-bold);font-size:2rem;line-height:2.6rem;color:var(--text-color02);}
.procedure-guide-left span{display:block;padding:5px 0 0;font-weight:var(--font-weight-semibold);font-size:1.5rem;line-height:2.1rem;color:var(--text-color07);}
.procedure-guide-right{width:calc(100% - 30.6rem);}
.row01 .procedure-guide-right .row01-tit{padding:0 0 1rem;font-weight:var(--font-weight-bold);font-size:1.8rem;line-height:3.2rem;color:var(--text-color02);}
.row01 .procedure-guide-right .row01-inner ul{display:flex;gap:3rem;}
.row01 .procedure-guide-right .row01-inner li{display:flex;gap:2rem;position:relative;}
.row01 .procedure-guide-right .row01-inner li:before{content:'';position:absolute;top:5px;right:-1.5rem;width:1px;height:1rem;background:var(--color55);}
.row01 .procedure-guide-right .row01-inner li:last-child:before{display:none;}
.row01 .procedure-guide-right .row01-inner li span{font-weight:var(--font-weight-bold);font-size:1.5rem;line-height:2.1rem;color:var(--color03);}
.row01 .procedure-guide-right .row01-inner li a{font-weight:var(--font-weight-semibold);font-size:1.5rem;line-height:2.1rem;color:var(--text-color06);}


@media screen and (max-width:1180px) {
	.procedure-step-box{padding:1.5rem 0;}
}

@media screen and (max-width:1024.98px) {
	.procedure-step-box{align-content:center;gap:3px;width:16%;}
	.procedure-step-box:before{opacity:0;}
	.procedure-step-box .step-tit{gap:2px;}
	
	.procedure-tit01{padding:0 0 1.5rem;font-size:2.2rem;line-height:3rem;}
	.procedure-guide-row{padding:3rem 2rem;}
	.procedure-guide-left{width:18.7rem;}
	.procedure-guide-left p{padding:0;font-size:1.4rem;line-height:2rem;}
	.procedure-guide-left h5{font-size:1.7rem;}
	.procedure-guide-left span{padding:0;font-size:1.4rem;line-height:2rem;}
	.row01 .procedure-guide-right .row01-tit{padding:0 0 2px;font-size:1.6rem;line-height:2.2rem;}
	.procedure-guide-right{width:calc(100% - 20.7rem);}
	.row01 .procedure-guide-right .row01-inner ul{gap:2rem;}
	.row01 .procedure-guide-right .row01-inner li{gap:7px;}
	.row01 .procedure-guide-right .row01-inner li:before{right:-1rem;}
	.row01 .procedure-guide-right .row01-inner li span{font-size:1.4rem;line-height:2rem;}
	.row01 .procedure-guide-right .row01-inner li a{font-size:1.4rem;line-height:2rem;}
}

@media screen and (max-width:768px) {
	.procedure-step-wrap-in{flex-wrap:wrap;justify-content:unset;gap:1.5rem 0;}
	.procedure-step-box{align-content:stretch;gap:5%;margin:0 6.3% 0 0;width:27%;}
	.procedure-step-box:nth-of-type(4){margin-left:6.3%;}
	.procedure-step-box:last-of-type{margin-right:0;}
	.procedure-step-box:before{right:-17%;width:1.8rem;opacity:1;}
	.procedure-step-box .step-tit{gap:10%;}
	
	.procedure-guide-row{flex-wrap:wrap;gap:9px;padding:2rem;}
	.procedure-guide-left{width:100%;}
	.procedure-guide-right{width:100%;}
	.row01 .procedure-guide-right .row01-tit{padding:0 0 5px;}
	.row01 .procedure-guide-right .row01-inner ul{flex-wrap:wrap;gap:2px;}
	.row01 .procedure-guide-right .row01-inner li{width:100%;}
	.row01 .procedure-guide-right .row01-inner li:before{display:none;}
}

@media screen and (max-width:480px) {
	.procedure-step-wrap-in{justify-content:center;gap:3rem;}
	.procedure-step-box{margin:0;padding:1.5rem 0 2rem;width:100%;border-radius:1rem;aspect-ratio:unset;}
	.procedure-step-box:nth-of-type(4){margin:0;}
	.procedure-step-box:before{top:unset;right:unset;left:50%;bottom:-2.3rem;transform:translateX(-50%) rotate(90deg);}
	.procedure-step-box .step-tit{gap:5%;}
	.procedure-step-box .step-tit br{display:none;}
}