.sv { height: auto; padding-bottom: 75px; padding-top: 150px; }
.sv h6 { font-size: 18px; }
.sv h1 { font-size: 42px; margin-top: 75px; }
.sv figure { display: none; }

.bg-container,
.sub-page { padding: 100px 0; }
.bg-container { margin-top: 100px; }

.intro-ceo { flex-direction: column; }
.intro-ceo > div:first-child { width: 100%; display: flex; align-items: center; }
.intro-ceo { gap: 0; }
.intro-ceo__thumb { width: 30%; }
.intro-ceo > div:first-child > div:last-child { flex: 1; margin-left: 40px; }
.intro-ceo > div p { font-size: 20px; }

.sub-stit { font-size: 34px; margin-bottom: 40px; }
.field-list ol { width: 90%; }
.field-list ol > li:nth-child(odd) { margin-right: 10px; }
.step-list { flex-wrap: wrap; gap: 20px; }
.step-list > li { width: calc(50% - 10px); }
.step-list > li h3 { height: 100px; font-size: 22px; }

.vision h6 { font-size: 32px; }
.vision h2 { font-size: 42px; }
.vision-goals { flex-wrap: wrap; }
.vision-goals > li { width: 49%; margin-bottom: 2%; }

.contact-info { flex-direction: column; }
.contact-info > li { width: 100%; padding: 40px 0; }
.contact-info > li:not(:last-child) { border-bottom: 1px solid #cfd2d9; border-right: none; }

.board-top { display: block; }
.board-top__nav { margin-bottom: 30px; justify-content: center; }
.board-top > div { justify-content: flex-end; }
.board-list__inner { padding: 20px; }
.board-list__category { margin-bottom: 16px; }
.board-list > a { height: 380px; }
.board-list__tit { font-size: 20px; margin-bottom: 16px; }
.board-list__category,
.board-list__date,
.board-list__cont { font-size: 16px; }
.board-list__arrow { width: 40px; height: 40px; }

@media all and (max-width: 1024px){
 .vision { background-size: 70%; }
 .vision h6 { font-size: 24px; }
 .vision h2 { font-size: 32px; }
 .vision-circle { width: 400px; height: 400px; margin-top: 75px; }
 .vision-circle p { font-size: 32px; }

 .contact-info h6 { font-size: 18px; }
 .contact-info p,
 .contact-info a { font-size: 24px; }
 .contact-map iframe { height: 50vw; }

 .dr-top h3 { font-size: 32px; margin-bottom: 40px; }
 .dr-top p { font-size: 20px; }
 .dr-top { padding-bottom: 300px; margin-bottom: 120px; }
 .dr-top .inner { max-width: 100%; margin-bottom: 30px; }
 .dr-top__bg { top: auto; bottom: 0; right: 0; left: 3.90625%; width: 100%; padding-left: 0; display: flex; align-items: center; justify-content: center; border-radius: 32px 0px 0px 32px; }

 .field-list h3 { font-size: 22px; margin-bottom: 14px; }
 .field-list figure { width: 60px; height: 60px; }
 .field-list > li { padding: 20px; }

 .type-list { gap: 15px; }
 .type-list__left ul::after { display: none; }
 .type-list > div { width: auto; flex: 1; }
 .type-list__tit { border-radius: 16px; font-size: 20px; margin-bottom: 20px; text-align: center; }
 .type-list__left li { padding: 24px 16px; flex-direction: column; text-align: center; }
 .type-list__right figure,
 .type-list__left figure { margin-right: 0; margin-bottom: 16px; width: 70px; height: 70px; }
 .type-list__right figure img,
 .type-list__left figure img { max-width: 50%; max-height: 60%; }
 .type-list h5 { font-size: 20px; }
 .type-list p { font-size: 16px; }
 .type-list__right { height: var(--tlHeight); }
 .type-list__right ul { height: 100%; }
 .type-list__right li { height: auto; flex: 1; }
 .sub-banner { margin-top: 60px; height: auto; padding: 34px; }
 .sub-banner > p { font-size: 20px; }
 .btn-common { width: 160px; }
 .sub-bottom h2 { font-size: 30px; }
 .sub-bottom h6 { font-size: 20px; }
 .sub-bottom { margin-top: 100px; padding: 100px 0; }
 .sub-bottom .btn-common { width: 193px; }

 .expert-list > li { padding: 30px; }
 .expert-list figure { margin-right: 30px; padding-right: 0; border-right: none; transform: scale(0.8); flex: none; }
 .expert-list p { font-size: 20px; }

 .service-links { display: flex; flex-direction: column; }
 .service-links > a { width: 100%; }
 .service-links > a:not(:last-child) { margin-bottom: 1rem; }
 .service-links h5 { font-size: 20px; }
 .service-links p { font-size: 16px; margin-top: 10px; }

 .modal { max-width: 90%; }
 }

@media all and (max-width: 768px){
 .sv h6 { font-size: 16px; }
 .sv h1 { font-size: 36px; }

 .sub-tit h2 { font-size: 40px; margin-bottom: 25px; }
 .sub-tit h6 { font-size: 18px; }

 .sub-page.symbol02,
 .sub-page.symbol { background-size: 70%; }

 .dr-top { padding-top: 0; margin-bottom: 80px; }
 .dr-top h3 { font-size: 28px; }
 .dr-top p { font-size: 16px; }
 .dr-top p:not(:last-child) { margin-bottom: 14px; }
 .dr-top__bg img { max-height: 45%; }
 .dr-top h3 span { height: 28px; }

 .sub-stit { font-size: 28px; }

 .step-list > li h3 { height: 80px; font-size: 20px; }
 .step-list > li > div p { font-size: 18px; }

 .field-list { grid-template-columns: 1fr; }
 .field-slide .item figure { width: 50px; height: 50px; }
 .field-slide .item { margin: 0 5px; }
 .process-list > li > h3 { height: 60px; font-size: 20px; }
 .process-list > li > div { padding: 14px; font-size: 16px; }
 .process-list > li > h3 > span { font-size: 70px; }

 .sub-bottom figure { width: 120px; }

 .board-top > div { width: 100%; }
 .board-top__search { flex: 1; }
 .board-top__search input { flex: 1; }
 .board-list { grid-template-columns: repeat(2, 1fr); margin-top: 24px; grid-gap: 20px; }
 .list-pager { margin-top: 50px; }
 .board-view__category { margin-bottom: 12px; font-size: 16px; }
 .board-view__date { margin-bottom: 24px; font-size: 16px; }

 .form-container .half { width: 100%; }
 .form-inner { width: 100%; padding: 0 3.90625%; }

 .form-agree { padding: 2rem; }
 .form-agree > div { padding-left: 0; }
 }

@media all and (max-width: 640px){
 .sv { padding-top: 100px; padding-bottom: 50px; }
 .sv h6 { font-size: 16px; }
 .sv h1 { font-size: 32px; margin-top: 17vw; }
 .vision-goals > li { padding: 0 2%; }
 .vision-goals > li p { font-size: 18px; }
 .member-list > li { width: calc((100% - 16px) / 2); }

 .form-wrap { background-size: 40%; }
 .form-tit { margin-top: 40px; }
 .form-tit h3 { font-size: 28px; }
 .form-tit p { font-size: 16px; }
 .form-top h6 { font-size: 18px; }
 .form-step > p { font-size: 16px; margin-right: 12px; }
 .form-step .form-step__track { width: 120px; height: 6px; }
 .checkbox-wrap02 > div { width: 50%; }
 }

@media all and (max-width: 568px){
 .sv { padding-top: 75px; padding-bottom: 30px; }
 .sv h6 { font-size: 3.75vw; }
 .sv h1 { font-size: 6vw; margin-top: 17vw; }
 .sv h1 br { display: none; }

 .bg-container,
 .sub-page { padding: 60px 0; }
 .bg-container { margin-top: 60px; }

 .sub-tit { margin-bottom: 32px; }
 .sub-tit h2 { font-size: 6.5vw; }
 .sub-tit h6 { font-size: 4.25vw; }
 .sub-tit h6 br { display: none; }

 .intro-ceo__thumb { width: 40%; }
 .intro-ceo > div:first-child > div:last-child { margin-left: 16px; }
 .intro-ceo > div ul,
 .intro-ceo > div p { font-size: 3.5vw; }
 .intro-ceo > div p strong { font-size: 4.5vw; }
 .intro-ceo > div ul { margin-top: 12px; }
 .intro-ceo > div:last-child p:not(:last-child) { margin-bottom: 12px; }

 .vision { background-position: center 100px; }
 .vision h6 { font-size: 4.25vw; }
 .vision h2 { font-size: 5.25vw; }
 .vision-circle { width: 80vmin; height: 80vmin; margin-top: 60px; }
 .vision-circle p { font-size: 6vw; }
 .vision-goals { padding-top: 80px; }
 .vision-goals::before { font-size: 8vw; top: 10px; }
 .vision-goals > li { width: 100%; height: 100px; margin-bottom: 12px; border-radius: 8px; }
 .vision-goals > li p { font-size: 3.75vw; }

 .contact-map iframe { height: 60vw; }
 .contact-info { margin-top: 0; }
 .contact-info > li { padding: 25px 0; }
 .contact-info h6 { font-size: 3.75vw; }
 .contact-info h6 img { width: 3.75vw; margin-right: 6px; }
 .contact-info p,
 .contact-info a { font-size: 4.75vw; }

 .sub-stit { font-size: 4.75vw; margin-bottom: 30px; }

 .dr-top { margin-bottom: 60px; }
 .dr-top h3 { font-size: 22px; margin-bottom: 20px; }
 .dr-top h3 span { height: 23px; }
 .dr-top { padding-bottom: 225px; }
 .dr-top__bg { height: 225px; }

 .field-list ol > li { font-size: 4.25vw; }
 .field-list ol > li:nth-child(odd) { margin-right: 0; }
 .field-list ol { grid-template-columns: 1fr; }
 .field-list h3 { font-size: 4.5vw; }

 .step-list > li { width: 100%; }
 .step-list > li h3 { height: auto; padding: 20px 0; font-size: 4.25vw; }
 .step-list > li > div p { font-size: 4.25vw; }
 .step-list > li > div p:not(:last-child) { margin-bottom: 4px; }
 .step-list > li h3 span { font-size: 15px; }

 .field-slide .item h5 { font-size: 18px; }
 .field-slide .item p { font-size: 15px; }
 .field-slide__btn { width: 40px; height: 40px; }
 .field-slide .item { height: 200px; }

 .process-list { gap: 30px; }
 .process-list > li { width: 100%; }
 .process-list > li > h3 { font-size: 4.5vw; }
 .process-list > li > div { font-size: 4vw; }
 .process-list > li::before { top: -15px; -webkit-transform: translate(-50%, -25%); transform: translate(-50%, -25%); left: 50%; border-bottom: 12px solid transparent; border-top: 12px solid skyblue; border-left: 8px solid transparent; border-right: 8px solid transparent; }
 .process-list > li:nth-child(2)::before { border-left-color: transparent; border-top-color: #09b0ca; }
 .process-list > li:nth-child(3)::before { border-left-color: transparent; border-top-color: #01a9d7; }
 .process-list > li:nth-child(4)::before { border-left-color: transparent; border-top-color: #0474ac; }
 .process-list > li:nth-child(5)::before { border-left-color: transparent; border-top-color: #063f82; }
 .process-list > li > h3 > span { bottom: -10px; font-size: 60px; }
 .sub-stit.mt { margin-top: 80px; }

 .type-list__tit { font-size: 4.25vw; }
 .type-list h5 { font-size: 4vw; }
 .type-list p { font-size: 3.5vw; }
 .type-list__right li:not(:last-child),
 .type-list__left li:not(:last-child) { margin-bottom: 10px; }
 .btn-common { width: 149px; height: 44px; font-size: 3.5vw; }
 .sub-banner > p { font-size: 4vw; }
 .btn-common img { width: 16px; }
 .sub-banner { margin-top: 32px; }
 .compliance-list h3::before,
 .compliance-top h3::before { width: 7px; height: 17px; left: -12px; }
 .compliance-list h3::after,
 .compliance-top h3::after { width: 7px; height: 17px; right: -12px; }
 .compliance-top { padding: 20px 16px; }
 .compliance-list h3,
 .compliance-top h3 { font-size: 4.25vw; }
 .compliance-list p,
 .compliance-top p { font-size: 3.5vw; }

 .sub-bottom { margin-top: 60px; padding: 72px 0; }
 .sub-bottom h2 { margin-top: 30px; font-size: 4.5vw; }
 .sub-bottom h6 { font-size: 3.75vw; margin-bottom: 30px; }
 .sub-bottom figure { width: 85px; }
 .expert-list > li { padding: 20px 16px; }
 .expert-list figure { transform: scale(0.6); margin-right: 4px; }
 .expert-list p { font-size: 3.75vw; }

 .member-list > li figure { border-radius: 16px; margin-bottom: 16px; height: 140px; }
 .member-list > li figure img { max-width: 80%; }
 .member-list { gap: 12px; }
 .board-top > div { flex-direction: column; gap: 8px; }
 .board-top select { margin: 0; width: 100%; height: 40px; font-size: 3.75vw; }
 .board-top__search input { height: 40px; font-size: 3.75vw; }
 .board-list { grid-template-columns: 1fr; grid-gap: 16px; }
 .board-list > a { height: auto; }
 .board-list__inner { padding: 20px 16px; }
 .board-list__bottom { margin-top: 16px; }
 .board-list__tit { font-size: 4.5vw; }
 .list-pager > a { width: 40px; height: 40px; }
 .list-pager > a,
 .board-list__category,
 .board-list__date,
 .board-list__cont { font-size: 3.75vw; }
 .list-pager__prev img,
 .list-pager__next img { width: 6px; height: auto; }
 .list-pager__prev { margin-right: 16px; }
 .list-pager__next { margin-left: 16px; }
 .list-pager { margin-top: 32px; }
 .board-view-nav__next,
 .board-view-nav__prev { font-size: 3.75vw; width: 90px; height: 44px; }
 .board-view-nav__list { width: 44px; height: 44px; }
 .board-view-ct { padding: 24px 0; }

 .form-container li .field-tit,
 .form-container li > label { font-size: 4vw; margin-bottom: 0.5rem; }
 .form-container .private,
 .form-container textarea,
 .form-container input[type='text'],
 .form-container input[type='tel'],
 .form-container input[type='email'] { font-size: 3.75vw; padding: 0 0.5rem; height: 11vw; border-radius: 4px; }
 .form-container .private,
 .form-container textarea { height: 140px; padding: 0.5rem; }
 .form-container li:not(:last-child) { margin-bottom: 1rem; }
 .form-container .form-agree { margin-top: 2rem; }
 .form-agree { padding: 1.5rem; }
 .form-agree label { font-size: 3.25vw; }
 .form-agree a { font-size: 3vw; text-underline-offset: 4px; }
 .form-submit { width: 180px; }

 .service-links { margin-top: 45px; }
 .service-links > a:not(:last-child) { margin-bottom: 0.75rem; }
 .service-links > a { padding: 20px; }
 .service-links h5 { font-size: 4.25vw; background-size: 20px; background-position: calc(100%) center; }
 .service-links p { font-size: 3.75vw; margin-top: 0.5rem; }

 .form-banner { padding: 1.25rem; }
 .form-banner a { width: 60px; }

 .form-tit { margin-top: 60px; }
 .form-tit h3 { font-size: 5.75vw; }
 .form-tit p { font-size: 3.75vw; }
 .form-footer { margin-top: 60px; font-size: 3.25vw; }

 .form-btns { margin-top: 32px; }
 .form-btns button,
 .form-btns a { font-size: 3.75vw; height: 40px; width: 90px; border-radius: 4px; }
 .form-btns button img,
 .form-btns a img { width: 4vw; }
 .form-step > p { font-size: 3.25vw; }
 .form-step .form-step__track { height: 4px; width: 90px; }

 .checkbox-wrap03 > div > label,
 .checkbox-tit label { font-size: 4.25vw; }
 .checkbox-wrap { padding: 0.75rem; }
 .radio-wrap label,
 .checkbox-wrap03__sub > div label,
 .checkbox-wrap02 label,
 .checkbox-wrap label { font-size: 3.75vw; margin-left: 6px; }
 .checkbox-wrap > div { width: 100%; margin: 8px 0; }
 .checkbox-wrap02 > div { margin: 8px 0; }
 .radio-wrap > div { margin: 10px 0; }

 input[type='radio'],
 input[type='checkbox'] { width: 14px; }

 .checkbox-wrap03 > div > label,
 .checkbox-tit label { margin-left: 4px; }
 .checkbox-wrap03 > div,
 .checkbox-wrap03__sub,
 .checkbox-wrap03 { padding: 0.75rem; }

 .radio-wrap > div { width: 100%; }
 .letter-count { font-size: 3.25vw; }
 #filename { font-size: 3.75vw; padding: 0 0.5rem; height: 11vw; line-height: 11vw; border-radius: 4px; width: calc(100% - 84px); margin-right: 4px; }
 label[for='file-upload'] { height: 11vw; font-size: 3.75vw; border-radius: 4px; width: 80px; }

 .category-tit { font-size: 5.25vw; padding-bottom: 8px; }
 .modal hgroup { padding: 1rem 0.75rem; }
 .modal hgroup h2 { font-size: 4.25vw; }
 .modal hgroup img { width: 4vw; }
 .modal-contents{font-size: 10px;}
 }