@charset "utf-8";

/*───────────────────────────────────────────────────────────
	서브 공통
───────────────────────────────────────────────────────────*/
	/*title*/
		.sub_title{text-align: center;font-size:var(--title-20);margin-bottom:54px;}
		.sub_title span{font-size:100%;color:var(--point-color01);font-weight: 700;font-family:var(--font-type02);}
		.sub_title h2{font-size:220%;color:var(--black-color02);font-weight:700;margin-top:16px;letter-spacing:-0.03em;}
            .sub_title h2 + p{margin-top: 19px;}
        .sub_title p{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.74;letter-spacing: -0.03em;}

		.sub_link{display: flex;flex-wrap: wrap;justify-content: center;text-align: center;font-size: var(--title-20);width: fit-content;background: var(--gray-bg03);padding: 12px;border-radius: 40px;box-sizing: border-box;margin: -10px auto 60px;}
		.sub_link > li{position: relative;font-size: 90%;font-weight: 400;color: var(--black-color10);line-height: 1.2; transition: all 0.4s;}
			.sub_link > li.on{color: var(--point-white);background: var(--point-color02);border-radius: inherit;}
		.sub_link > li > a{display:flex;align-items: center;justify-content: center;min-width: 160px;padding: 14px 20px 13px;box-sizing: border-box;}

            body:has(#header .gnb > li:nth-child(4).on) .sub_link > li.on{background: var(--point-color04);}
            :is(.sub_mypage, .sub_member) .sub_link > li.on{background: var(--point-color01);}
            :is(.sub_regist, .sub_notice) .sub_link > li.on{background: var(--point-color03);}


			@media (hover:hover) and (pointer:fine){
				.sub_link > li:not(.on):hover{color: var(--point-color02); }
                body:has(#header .gnb > li:nth-child(4).on) .sub_link >  li:not(.on):hover{color: var(--point-color04);}
                :is(.sub_mypage, .sub_member) .sub_link > li:not(.on):hover{color: var(--point-color01);}
                :is(.sub_regist, .sub_notice) .sub_link > li:not(.on):hover{color: var(--point-color03);}
			}
	
	@media (max-width:1023px){
		/*title*/
		.sub_title{margin-bottom: clamp(30px, 5vw, 54px);}
        .sub_link{margin-block: clamp(-10px, -1vw, 0px) clamp(30px, 6vw, 60px);border-radius: clamp(20px, 4vw, 40px);}
        .sub_link > li > a{min-width: clamp(100px, 16vw, 160px);padding-block: clamp(12px, 1.4vw, 14px) clamp(11px, 1.3vw, 13px);}
	}
	@media (max-width:479px){
		/*title*/
		.sub_title h2{margin-top:10px;}

	}
	
/*───────────────────────────────────────────────────────────
	신청하기
───────────────────────────────────────────────────────────*/
	.sub_regist .regist_process{box-sizing:border-box;background:var(--gray-bg03);border-radius:15px;padding:41px 97px;}
	.sub_regist .regist_process ol{display: flex;flex-wrap:wrap;gap:9px;}
	.sub_regist .regist_process ol li{width: calc(100% / 6 - 8px);text-align: center;position: relative;}
	.sub_regist .regist_process ol li + li:before{width:9px;height:9px;content:"";border:2px solid var(--black-color08);border-width:2px 2px 0 0;position: absolute;left:-13px;top:23%;transform:rotate(45deg);}
	.sub_regist .regist_process ol li .icon{width:100px;display: flex;align-items: center;justify-content: center;aspect-ratio:1;box-sizing:border-box;border-radius:100%;background:var(--point-white);margin:0 auto;position: relative;}
	.sub_regist .regist_process ol li .icon img{max-width:55%;max-height:50%;}
	.sub_regist .regist_process ol li dl{margin-top:15px;}
	.sub_regist .regist_process ol li dl dt{font-size:var(--title-15);color:var(--point-color01);font-weight:700;font-family:var(--font-type02);}
	.sub_regist .regist_process ol li dl dd{font-size:var(--title-18);color:var(--black-color03);font-weight:400;line-height:1.44;margin-top:12px;letter-spacing:-0.03em;}
	.sub_regist .regist_process ol li dl dd span{font-size:var(--title-16);color:var(--black-color06);font-weight:400;display: block;margin-top:1px;}
	
	.sub_regist .regist_box{display: flex;flex-wrap:wrap;margin-top:39px;gap:30px;align-items: flex-start;}
	.sub_regist .regist_box > div{box-sizing:border-box;border-radius:15px;border:1px solid var(--border-color01);}
	.sub_regist .regist_box .title{display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);box-sizing:border-box;border-bottom:1px dashed var(--border-color01);padding-bottom:26px;}
	.sub_regist .regist_box .title strong{font-size:125%;color:var(--black-color03);font-weight:700;letter-spacing:-0.03em;}
	
	.sub_regist .calendar_box{padding:36px 40px;width:480px;}
	.sub_regist .calendar_box .title .date{display: flex;align-items:baseline;gap:20px;}
	.sub_regist .calendar_box .title .date p{display: flex;align-items: center;gap:10px;font-size:var(--title-16);color:var(--black-color03);font-weight:400;line-height:1;}
	.sub_regist .calendar_box .title .date p:before{width:12px;height:12px;content:"";box-sizing:border-box;border-radius:100%;display: inline-block;}
	.sub_regist .calendar_box .title .date p.today:before{background:var(--point-color07);}
	.sub_regist .calendar_box .title .date p.choice:before{background:var(--point-color01);}
	.sub_regist .calendar_box .table_box{margin-top:20px;}
	.sub_regist .calendar_box table tr{display: flex;align-items: center;justify-content: space-around;gap:20px;}
	.sub_regist .calendar_box table tr th, .sub_regist .calendar_box table tr td{display: block;}
	.sub_regist .calendar_box table thead tr th{font-size:var(--title-17);color:var(--black-color05);font-weight:400;box-sizing:border-box;padding:9px 0;width:40px;}
	.sub_regist .calendar_box table tbody tr{margin-top:7px;}
	.sub_regist .calendar_box table tbody tr td span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:100%;width:40px;aspect-ratio:1;font-size:var(--title-17);color:var(--black-color01);font-weight:400;font-family:var(--font-type02);cursor:pointer;}
	.sub_regist .calendar_box table tbody tr td.end span{pointer-events:none;color:var(--black-color10);}
	.sub_regist .calendar_box table tbody tr td.today span{background:var(--point-color07);color:var(--point-white);}
	.sub_regist .calendar_box table tbody tr td.on span{background:var(--point-color01);color:var(--point-white);}
	
	.sub_regist .regist_box .class_box{width:calc(100% - 510px);padding:36px 40px 0;}
	.sub_regist .class_box .list_box{box-sizing:border-box;margin-top:30px;padding-bottom:30px;padding-right:30px;overflow:hidden; overflow-y: auto; position: relative; touch-action:auto;}
	.sub_regist .class_box .list_box ul{display: flex;flex-direction: column;height:283px;}
	.sub_regist .class_box .list_box ul li{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;width:100%;padding:20px 30px;border-radius:6px;border:1px solid var(--border-color01);height:auto;}
	.sub_regist .class_box .list_box ul li .info{display: flex;width:calc(100% - 85px);box-sizing:border-box;align-items: center;gap:30px;}
	.sub_regist .class_box .list_box ul li .info strong{font-size:var(--title-17);color:var(--black-color03);font-weight:700;}
	.sub_regist .class_box .list_box ul li .info p{font-size:var(--title-16);color:var(--black-color05);font-weight:400;}
	.sub_regist .class_box .list_box ul li .regist_btn{}
	.sub_regist .class_box .list_box ul li .regist_btn a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:85px;height:34px;border-radius:4px;background:var(--point-color01);font-size:var(--title-15);color:var(--point-white);font-weight:400;}
        .sub_regist .class_box .list_box ul li.class_list .regist_btn a{background: var(--point-color04);}
	.sub_regist .class_box .list_box ul li.done .info{opacity:0.4;}
	.sub_regist .class_box .list_box ul li.done .regist_btn a{pointer-events:none;background:var(--border-color03);color:var(--black-color08);}
	
	.sub_regist .class_box .swiper-scrollbar{opacity:1 !important;width:3px;background:var(--border-color01);height:calc(100% - 30px)}
	.sub_regist .class_box .swiper-scrollbar .swiper-scrollbar-drag{background:var(--black-color01);}
	
	/*팝업*/
		.pop_layer{width:100%;height:100%;position: fixed;top:0;left:0;background:rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;z-index:101;opacity: 0;pointer-events: none;transition: all 0.4s;}
		.pop_layer.on{opacity: 1;pointer-events: all;}
		body:has(.pop_layer.on){overflow:hidden;touch-action: none;}
		.pop_layer .layer_cont{box-sizing:border-box;background:var(--point-white);border-radius:15px;box-shadow: 10px 10px 15.9px 0px rgba(0, 0, 0, 0.10);padding:40px 40px 50px;max-width:800px;border:1px solid var(--black-color01);max-height:83vh;overflow-y:auto;width:calc(100% - 60px);}
		.pop_layer .layer_cont::-webkit-scrollbar{width:3px;background:var(border-color01);}
		.pop_layer .layer_cont::-webkit-scrollbar-thumb{width:3px;background:var(black-color01);}
		.pop_layer .title{text-align: center;position: relative;box-sizing:border-box;font-size:var(--title-20);}
		.pop_layer .title h3{font-size:170%;color:var(--black-color01);font-weight:700;}
		.pop_layer .title p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.55;margin-top:20px;}
		.pop_layer .title p strong{font-size:inherit;color:var(--point-color01);font-weight:700;}
		.pop_layer .title .btn_close{width:30px;height:30px;position: absolute;top:0;right:0;}
		.pop_layer .title .btn_close a{display: block;width:100%;height:100%;position: relative;}
		.pop_layer .title .btn_close span{display: inline-block;width:100%;height:1px;background:var(--black-color08);position: absolute;top:50%;left:0;}
		.pop_layer .title .btn_close span:nth-child(1){transform:rotate(45deg);}
		.pop_layer .title .btn_close span:nth-child(2){transform:rotate(-45deg);}
		
		.pop_layer .cont_box{box-sizing:border-box;border-top:1px solid var(--black-color01);border-bottom:1px solid var(--border-color01);margin-top:30px;padding:25px 20px;}
		.pop_layer .regist_table{display: flex;flex-direction: column;gap:20px;}
		.pop_layer .regist_table dl{display: flex;flex-wrap:wrap;align-items: baseline;}
        .pop_layer .regist_table dl :where(dt, dd){font-size:var(--title-17); font-weight:400;}
		.pop_layer .regist_table dl dt{width:22.2%;color:var(--black-color03);padding-right: 10px;box-sizing: border-box;}
		.pop_layer .regist_table dl dt em{font-weight: inherit; color: var(--point-color01);}
		.pop_layer .regist_table dl dt small{font-size: max(12px, 80%);font-weight: inherit;color: var(--point-color04);}
		.pop_layer .regist_table dl dd{width:77.8%; color: var(--black-color06);}
		.pop_layer .regist_table dl dd .chk_list li{width:calc(50% - 15px);}
		.pop_layer .regist_table dl dd input[type="text"]{width:100%;box-sizing:border-box;border-radius:6px;border:1px solid var(--border-color01);padding-inline:20px;}
		.pop_layer .regist_table dl dd input[type="text"]::placeholder{color:var(--black-color10);}
		.pop_layer .regist_table dl dd input[type="file"]{display: none;}
		
		.pop_layer .regist_table dl .file_box{box-sizing:border-box;display: flex;flex-wrap:wrap;gap:10px;}
		.pop_layer .regist_table dl .file_box .file_txt{width:calc(100% - 150px);}
		.pop_layer .regist_table dl .file_box .btn_file{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:140px;height:52px;border-radius:6px;border:1px solid var(--black-color01);font-size:var(--title-16);color:var(--black-color01);font-weight:400;cursor:pointer;line-height:1;}

            .pop_layer .regist_table.bk{gap: 30px;}
            .pop_layer .regist_table.bk dl{gap: 12px;}
            .pop_layer .regist_table.bk dl :is(dt, dd){width: 100%;}
            .pop_layer .regist_table.bk dl dt{line-height:1.55;}
            .pop_layer .regist_table.bk dl dd{margin:0;}
            .pop_layer .regist_table.bk dl dd .chk_list li{width: auto;}

            .pop_layer .regist_table.satisfac {counter-reset: satisfac;}
            .pop_layer .regist_table.satisfac dl dt{display: flex;gap: 4px;}
            .pop_layer .regist_table.satisfac dl dt:before{content: 'Q' counter(satisfac) '.'; counter-increment: satisfac; flex-shrink: 0;}

        .pop_layer .my_info{border-radius: var(--radius-06);margin-block: 27px 0;}
        .pop_layer .my_info .desc{width: 100%;gap: 8px 30px;align-items: baseline;}
        .pop_layer .my_info .desc > dt{font-size: 85%;font-weight: 700;color: var(--black-color03);}
        .pop_layer .my_info .desc > dt:before{display: none;}
        .pop_layer .my_info .desc > dd{font-size: 80%;color: var(--black-color05);}

        .pop_layer .comment_cont{position: relative;background: var(--gray-bg03);border-radius: var(--radius-06);padding: 30px 30px 27px;box-sizing: border-box;margin-top: 30px;}
        .pop_layer .teacher_desc{font-size: var(--title-20);}
        .pop_layer .teacher_desc > dt{font-size: 90%; font-weight: 700; color: var(--point-color06);}
            .pop_layer .teacher_desc > dt + dd{margin-top: 14px;}
        .pop_layer .teacher_desc > dd{font-size: 85%; font-weight: 400; color: var(--black-color06); line-height: 1.53;}
        .pop_layer .file_desc{display: flex;align-items: baseline;font-size: var(--title-20);margin-top: 20px;padding-top: 17px;border-top: 1px dashed var(--border-color01);}
        .pop_layer .file_desc > :where(dt, dd){font-size: max(13px, 80%); font-weight: 400;}
        .pop_layer .file_desc > dt{display: inline-flex;align-items: baseline;color: var(--black-color03);flex-shrink: 0;}
        .pop_layer .file_desc > dt:has(+ dd):after{display: inline-flex;content:'';width: 1px;height: 12px;background: var(--border-color01);margin-inline: 20px;}
        .pop_layer .file_desc > dd{color: var(--black-color05);}
		.pop_layer .file_desc > dd a{word-break:break-all;}

		.pop_layer .btn_box{text-align: center;margin-top:30px;}
		.pop_layer .btn_box p{font-size:var(--title-16);color:var(--black-color08);font-weight:400;line-height:1.62;}
		.pop_layer .btn_wrap{padding:30px 0 0 0;}
		#wrap .pop_layer .btn{min-width:180px;height:60px;}
		
	
		/* hover */
        @media (hover:hover) and (pointer:fine){
			.sub_regist .calendar_box table tbody tr td.end:hover span{pointer-events:none;color:var(--black-color10);background:none;}
			.sub_regist .calendar_box table tbody tr td:hover span{background:var(--point-color01);color:var(--point-white);}
		}
	
	@media (max-width:1400px){
		.sub_regist .regist_process{padding:40px 30px;}
		.sub_regist .regist_process ol li + li:before{top:18%;}
		.sub_regist .regist_process ol li .icon{width:80px;;}
		
		.sub_regist .calendar_box,
		.sub_regist .regist_box .class_box{width:100%;}
	}
	@media (max-width:1023px){
		.sub_regist .regist_process ol{gap:30px 9px;}
		.sub_regist .regist_process ol li{width:calc(100% / 3 - 6px);}
		.sub_regist .regist_process ol li .icon{width:60%;;}
		.sub_regist .regist_process ol li:nth-child(4):before{display: none;}
		.sub_regist .regist_process ol li + li:before{top:27%;}
		
		/*pop*/
		.pop_layer .regist_table dl .file_box .btn_file{height:clamp(44px, 6vw, 52px);}
		#wrap .pop_layer .btn{min-width:clamp(110px, 20vw, 180px);height:clamp(46px, 7vw, 60px);}

            .pop_layer .regist_table.bk{gap: clamp(15px, 3vw, 30px);}
            .pop_layer .regist_table.bk dl{gap: clamp(10px, 1.5vw, 12px);}

        .pop_layer .my_info{margin-top: clamp(15px, 2.7vw, 27px);}
        .pop_layer .my_info .desc{column-gap:clamp(20px, 3vw, 30px);}

        .pop_layer .comment_cont{margin-top: clamp(20px, 3vw, 30px); padding: clamp(20px, 3vw, 30px); padding-bottom: clamp(17px, 2.7vw, 27px);}
        .pop_layer .teacher_desc > dt + dd{margin-top: clamp(10px, 1.4vw, 14px);}
        .pop_layer .file_desc{margin-top: clamp(18px, 2vw, 20px);padding-top: clamp(15px, 1.7vw, 17px);}
        .pop_layer .file_desc > dt:has(+ dd):after{height: clamp(10px, 1.5vw, 12px);}
	}
	@media (max-width:860px){
		.sub_regist .regist_box .title{padding-bottom:10px;}
		
		.sub_regist .calendar_box{padding:25px 20px;}
		.sub_regist .regist_box .class_box{padding:25px 20px 0;}
		.sub_regist .class_box .list_box ul li{padding:15px 20px;}
		.sub_regist .class_box .list_box ul li .info{gap:15px;width:calc(100% - 64px);}
		.sub_regist .class_box .list_box ul li .regist_btn a{width:64px;}
		
		/*pop*/
		.pop_layer .layer_cont{padding:30px 30px 40px;}
		.pop_layer .cont_box{padding:15px 10px;}
	}
	@media (max-width:640px){
		.sub_regist .regist_process{padding:30px 15px;}
		.sub_regist .regist_process ol li .icon{width:75%;}
		
		.sub_regist .calendar_box table thead tr th, .sub_regist .calendar_box table tr td{width:calc(100% / 7);}
		.sub_regist .calendar_box table tbody tr td span{width:100%;}
		
		.sub_regist .class_box .list_box ul li .info{flex-direction: column;align-items: flex-start;gap:5px;}
		
		/*pop*/
		.pop_layer .layer_cont{padding:25px 20px 30px;width:calc(100% - 30px);}
		.pop_layer .cont_box{margin-top:15px;}
		.pop_layer .regist_table dl dt{width:100%;padding-right: 0;}
		.pop_layer .regist_table dl dd{width:100%;margin-top:10px;}
		.pop_layer .regist_table dl .file_box .file_txt{width:calc(100% - 100px);}
		.pop_layer .regist_table dl .file_box .btn_file{width:90px;}
	}
	@media (max-width:479px){
		.sub_regist .regist_process{padding:20px 15px;border-radius:10px;}
		.sub_regist .regist_process ol{flex-direction: column;}
		.sub_regist .regist_process ol li{width:100%;display: flex;flex-wrap:wrap;align-items: center;}
		.sub_regist .regist_process ol li + li:before{top:-27%;left:50%;transform:rotate(135deg) translate(-50%);}
		.sub_regist .regist_process ol li:nth-child(4):before{display: block;}
		.sub_regist .regist_process ol li .icon{width:80px;}
		.sub_regist .regist_process ol li dl{width:calc(100% - 80px);box-sizing:border-box;padding-left:15px;text-align:left;margin-top:0;}
		.sub_regist .regist_process ol li dl dt{font-size:var(--title-20);}
		
		.sub_regist .regist_process ol li dl dd br{display: none;}
		
		.sub_regist .regist_box{margin-top:25px;gap:20px;}
		.sub_regist .regist_box > div{border-radius:5px;}
		.sub_regist .calendar_box{padding:20px 15px;}
		.sub_regist .regist_box .title{flex-direction: column;align-items: flex-start;gap:5px;}
		.sub_regist .calendar_box .title .date{gap:10px;}
		.sub_regist .calendar_box .title .date p{gap:5px;}
		.sub_regist .calendar_box .title .date p:before{width:8px;height:8px;}
		.sub_regist .calendar_box .table_box{margin-top:10px;}
		.sub_regist .calendar_box table tr{gap:5px;} 
		
		.sub_regist .regist_box .class_box{padding:20px 15px 0;}
		.sub_regist .class_box .list_box{margin-top:15px;padding-right:20px;padding-bottom:15px;}
		.sub_regist .class_box .list_box ul li{border-radius:3px;padding:15px 10px;}
		.sub_regist .class_box .list_box ul li .regist_btn a{width:54px;height:28px;}
		
		/*pop*/
		.pop_layer .title p{margin-top:10px;}
		.pop_layer .title .btn_close{width:20px;height:20px;}
		
		.pop_layer .regist_table dl dd .chk_list li{width:100%;}
		.pop_layer .regist_table dl .file_box .file_txt{width:calc(100% - 80px)}
		.pop_layer .regist_table dl .file_box .btn_file{width:70px;}
		.pop_layer .btn_box{margin-top:20px;}
		.pop_layer .btn_wrap{padding-top:20px;}
	}

/*───────────────────────────────────────────────────────────
	신청완료
───────────────────────────────────────────────────────────*/
    .end_msg{position: relative;font-size: var(--title-20);border:2px solid var(--border-color01);border-radius: var(--radius-15);box-sizing: border-box;padding:40px;padding-bottom: 38px;display: flex;flex-direction: column;gap: 5px;align-items: center;text-align: center;}
    .end_msg .icon{display: flex;align-items: center;justify-content: center;width: 140px;height: 140px;background: var(--gray-bg03);padding: 25px;box-sizing: border-box;border-radius: 100%;margin-bottom: 20px;}
    .end_msg h4{font-size: 150%;font-weight: 700;color: var(--black-color03);line-height: 1.25;letter-spacing: -0.03em;}
    .end_msg p{font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.55;letter-spacing: -0.03em;}
        .end_msg p + p{margin-top: 18px;}
    .end_msg p strong{font-weight: 600;color: var(--black-color08);font-family: var(--font-type02);}
    .end_msg p em{font-weight: 700; color: var(--point-color01);}
    .end_info{margin-top: 80px;counter-reset: endStep;}
    .end_info > li{position: relative;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 30px 0;padding-bottom: 60px;box-sizing: border-box;}
    .end_info > li:not(:first-child){padding-top: 60px; border-top: 1px solid var(--border-color01);}
    .end_info .title_box{position: relative;font-size: var(--title-20);width: 27.7%;padding-right: 30px;box-sizing: border-box;}
    .end_info .title_box h4{font-size: 140%;font-weight: 700;color: var(--black-color03);display: flex;align-items: baseline;gap: 16px;letter-spacing: -0.04em;}
    .end_info .title_box h4:before{content: counter(endStep);counter-increment: endStep;display: inline-flex;align-items: center;justify-content: center;text-align: center;min-width: 34px;height: 34px;border-radius: 100%;background: var(--black-color01);font-size: max(13px, 53%);font-weight: 600;color: var(--point-white);font-family: var(--font-type02);flex-shrink: 0;translate: 0 -3px;padding-inline: 5px;box-sizing: border-box;}
    .end_info .exp_box{width: 72.3%; box-sizing: border-box;}
    .end_info .icon_list{display: flex;flex-wrap: wrap;gap: 30px 0;}
    .end_info .icon_list > li{width: calc(100% / 4);text-align: center;box-sizing: border-box;display: flex;flex-direction: column;gap: 15px;padding-inline: 15px;}
    .end_info .icon_list .icon{display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;border-radius: 100%;border: 1px solid var(--border-color01);box-sizing: border-box;margin-inline: auto;padding: 18px;}
    .end_info .icon_list .desc{position: relative; font-size: var(--title-20);}
    .end_info .icon_list .desc :where(dt, dd){font-weight: 400;line-height: 1.44;letter-spacing: -0.03em;}
    .end_info .icon_list .desc dt{font-size: 90%; color: var(--black-color04);}
		.end_info .icon_list .desc dt + dd{margin-top: 1px;}
    .end_info .icon_list .desc dd{font-size: 80%; color: var(--black-color07);}
    .end_info .chk_item{display: flex; flex-wrap: wrap; gap:24px;}
    .end_info .chk_item > li{position: relative;width: calc(100% / 4 - 18px);box-sizing: border-box;border: 1px solid var(--border-color01);border-radius: var(--radius-10);text-align: center;display: flex;flex-direction: column;justify-content: center;gap: 15px;padding: 34px 15px;}
    .end_info .chk_item > li:before{display: block;content: '';width: 17px;height: 13px;background: url('../images/sub/chk_icon.svg') no-repeat center / 100% auto;margin-inline: auto;}
    .end_info .chk_item .desc{position: relative; font-size: var(--title-20);}
    .end_info .chk_item .desc :where(dt, dd){font-weight: 400;line-height: 1.44;letter-spacing: -0.03em;}
    .end_info .chk_item .desc dt{font-size: 90%; color: var(--black-color04);}
        .end_info .chk_item .desc dt + dd{margin-top: 1px;}
    .end_info .chk_item .desc dd{font-size: 80%; color: var(--black-color07);}
    .end_info .step_item{display: flex; flex-direction: column; gap: 20px; counter-reset: stepItem;}
    .end_info .step_item > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-10);padding: 24px 30px;box-sizing: border-box;font-size: var(--title-20);display: flex;align-items: baseline;gap: 12px;}
        .end_info .step_item > li:before{content: counter(stepItem) '.';counter-increment: stepItem;font-size: 90%;font-weight: 700;color: var(--point-color01);line-height: 1.44;font-family: var(--font-type02);flex-shrink: 0;}
        .end_info .step_item > li:has(.btn){padding-right: 220px;}
    .end_info .step_item .desc{font-size: var(--title-20);display: flex;flex-wrap: wrap;gap: 4px;}
    .end_info .step_item .desc :where(dt, dd){font-weight: 400; letter-spacing: -0.03em;}
    .end_info .step_item .desc dt{font-size: 95%; color: var(--black-color04); line-height: 1.37;}
    .end_info .step_item .desc dd{font-size: 85%; color: var(--black-color07); line-height: 1.53;}
    #wrap .end_info .step_item .btn{position: absolute;top:50%;right: 30px;translate: 0 -50%;padding-block: 7px;}

    @media (max-width:1200px){
        .end_info .title_box{width: 100%;padding-right: 0;}
        .end_info .exp_box{width: 100%;}
        .end_info .icon_list > li{gap: clamp(12px, 1.5vw, 15px);}
        .end_info .chk_item{gap: 20px;}
        .end_info .chk_item > li{width: calc(100% / 4 - 15px);}
    }
    @media (max-width:1023px){
        .end_msg{padding: clamp(30px, 4vw, 40px);padding-bottom: clamp(30px, 3.8vw, 38px);}
        .end_msg .icon{width: clamp(90px, 14vw, 140px);height: clamp(90px, 14vw, 140px);margin-bottom: clamp(12px, 2vw, 20px);}
        .end_msg p + p{margin-top: clamp(10px, 1.8vw, 18px);}
        .end_info{margin-top: clamp(50px, 8vw, 80px);}
        .end_info > li{padding-bottom: clamp(40px, 6vw, 60px);}
            .end_info > li:not(:first-child){padding-top: clamp(40px, 6vw, 60px);}
        .end_info .title_box h4{gap:clamp(12px, 1.6vw, 16px);}
        .end_info .title_box h4:before{min-width: clamp(28px, 3.9vw, 34px);height: clamp(28px, 3.9vw, 34px);translate: 0 clamp(-3px, -0.3vw, -1px);}
        .end_info .icon_list .icon{width: clamp(70px, 10vw, 100px); height: clamp(70px, 10vw, 100px);;}
        .end_info .chk_item{gap: 15px;}
        .end_info .chk_item > li{width: calc(100% / 4 - 11.25px);padding-block: clamp(25px, 3.4vw, 34px); gap: clamp(10px, 1.5vw, 15px);}
        .end_info .chk_item > li:before{width: clamp(14px, 1.7vw, 17px); height: clamp(10px, 1.3vw, 13px);}
        .end_info .step_item{gap: 15px;}
        .end_info .step_item > li{padding: clamp(20px, 2.4vw, 24px) clamp(20px, 3vw, 30px);}
    }
    @media (max-width:640px){
        .end_info .icon_list > li{width: calc(100% / 2);}
        .end_info .chk_item > li{width: calc(100% / 2 - 7.5px);}
        .end_info .step_item > li:has(.btn){padding-right: clamp(20px, 3vw, 30px);}
        #wrap .end_info .step_item .btn{position: relative;inset: auto;translate: 0;}
    }
    @media (max-width:479px){
        .end_msg h4{font-size: 140%;}
        .end_info .title_box h4{font-size: 130%;}
        .end_info .step_item .desc dt{font-size: 90%;}
    }
    @media (max-width:360px){
        .end_info .icon_list > li{width: 100%;}
        .end_info .chk_item > li{width: 100%;}
    }