@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");


/* 전체 정리 ctrl+A, ctrl+I */
* { margin: 0; padding: 0; font-size: 10px; font-family: 'Pretendard', 'paperlogy'} /* 앞에 있는 폰트가 우선순위 높음. */
html { overflow-x: hidden;}
/* html {overflow-x: hidden; font-family: 'Pretendard-Regular'; } */
ul li { list-style: none; }
a { color: #75797B; text-decoration: none; }

/* @charset="UTF-8" */
/* css 리셋파일 안에 들어가는 내용임 */



/* 배경색 FAFAFA */
/* 1440px */
.wrap {background: #fff;}



/* subpage02 */
/* 시험신청 절차 페이지 스타일 */
.procedure_list { position: relative; }
.procedure_list::before { content: ''; position: absolute; left: 125px; /* (step 너비 150 / 2) + padding-left 50 */ top: 0; bottom: 0; width: 2px; background-color: #EAEAEA; z-index: -1; }
.procedure_item { display: flex; align-items: center; margin-bottom: 40px; }
.procedure_step { width: 160px; height: 100px; border-radius: 20px 50px 20px 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; margin-right: 40px; text-align: center; }
.step_num { font-size: 3em; font-weight: 700; line-height: 3.4rem;}
.step_title { font-size: 2rem; font-weight: 700; line-height: 2.4rem; }
.procedure_desc { flex-grow: 1; height: 100px; padding: 20px 35px; box-sizing: border-box; border: 2px solid; border-radius: 50px; background-color: #fff; display: flex; align-items: center; }
.procedure_desc p { font-size: 1.6rem; line-height: 150%; color: #2C2C2C; }

/* 각 단계별 색상 */
.color_01 .procedure_step { background-color: #FF7C7C; }
.color_01 .procedure_desc { border-color: #FF7C7C; }
.color_02 .procedure_step { background-color: #FFAE82; }
.color_02 .procedure_desc { border-color: #FFAE82; }
.color_03 .procedure_step { background-color: #FFD079; }
.color_03 .procedure_desc { border-color: #FFD079; }
.color_04 .procedure_step { background-color: #92C262; }
.color_04 .procedure_desc { border-color: #92C262; }
.color_05 .procedure_step { background-color: #4EAA74; }
.color_05 .procedure_desc { border-color: #4EAA74; }
.color_06 .procedure_step { background-color: #42D3D3; }
.color_06 .procedure_desc { border-color: #42D3D3; }
.color_07 .procedure_step { background-color: #659BFF; }
.color_07 .procedure_desc { border-color: #659BFF; }
.color_08 .procedure_step { background-color: #B377F3; }
.color_08 .procedure_desc { border-color: #B377F3; }

/* 첫 번째 설명 박스 특별 스타일 */
/* .color_01 .procedure_desc { border-style: dotted; border-width: 3px; background-color: #F3FAFF; } */

/* 신청 안내 및 문의 */
.contact_section { margin-top: 100px; }
.contact_box { width: 1090px; height: 130px; box-sizing: border-box; display: flex; align-items: center; gap: 80px; padding: 20px 70px; background-color: #F7F9FC; border-radius: 30px; }
.contact_icon img { width: 80px; }
.contact_table { width: 100%; border-collapse: collapse; }

.contact_table th, .contact_table td { font-size: 1.6rem; line-height: 125%; text-align: left; vertical-align: middle; }
.contact_table th { font-weight: 700; color: #111; }
.contact_table td { color: #2C2C2C; }