@media (max-width: 1023px) { html { font-size: 9px; } }
/****************************************************** 
main
******************************************************/
/* main wrapper */
#main .container { width: 100%; max-width: calc(120rem + 6rem); margin: 0 auto; padding-left: 3rem; padding-right: 3rem; }

/* common */
.sch-select { display: inline-block; vertical-align: middle; position: relative; width: 100%; }
.sch-select select { display: none; }
.sch-select .select-btn { position: relative; width: 100%; padding: 1.375rem 4.8rem 1.375rem 1.6rem; border-radius: 0.8rem; background-color: #fff; color: #1E2124; font-size: 1.9rem; font-weight: 400; line-height: 2.4rem; text-align: left; }
.sch-select .select-btn i { display: block; position: absolute; top: 50%; right: 1.6rem; width: 2.4rem; height: 2.4rem; transform: translateY(-50%); }
.sch-select .select-list { display: none; position: absolute; top: calc(100% + 0.4rem); left: 50%; width: 100%; max-height: 35rem; border: 1px solid #000; border-radius: 1.2rem; background: #fff; transform: translateX(-50%); overflow-y: auto; overflow-x: hidden; z-index: 2; }
.sch-select .select-list > li { color: #1E2124; font-size: 1.7rem; line-height: 2.4rem; font-weight: 400; }
.sch-select .select-list > li a { display: block; padding: 1.4rem 1.6rem; width: 100%; }
.sch-select .select-list > li a:hover, .sch-select .select-list > li a:focus { background: #F5F6F7; }
.sch-select .select-list > li + li { border-top: 1px solid #ddd; }

/* section1 */
.sec1 { padding: 8rem 0 4rem; }
.sec1 .visual-title { margin-bottom: 0.8rem; color: #000; font-size: 4rem; font-weight: 700; line-height: 1.5; text-align: center; }
.sec1 .visual-title strong { color: #256EF4; font-size: 5rem; }
.sec1 .visual-title::before { content: ''; display: block; width: 23.6rem; max-width: 100%; margin: 0 auto 2.4rem; background: url("/images/2025/main/visual-character.svg") no-repeat 50% 50%/contain; aspect-ratio: 236 / 114; }
.sec1 .desc { color: #58616A; font-size: 1.7rem; line-height: 1.5; font-weight: 700; text-align: center; }
.sec1 .sch-form { width: 100%; }
.sec1 .sch-form .sch-form-area { max-width: 79.2rem; margin: 2.4rem auto; }
.sec1 .sch-form .sch-form-area .sch-input-wrap { display: flex; align-items: center; justify-content: flex-start; border: 2px solid #256EF4; border-radius: 1rem; }
.sec1 .sch-form .sch-form-area .sch-input-wrap:has(.sch-keyword-auto[style*="block"]) { border-radius: 1rem 1rem 0 0; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area { flex: 1; position: relative; border-radius: 1rem; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input { width: 100%; font-size: 2.4rem; line-height: 2.8rem; font-weight: 700; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input input { width: 100%; height: 7.8rem; padding: 2rem 11.6rem 2rem 2.4rem; color: #464C53; border: none; box-shadow: none; background: none; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input input::placeholder { color: #464C53; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input input:focus { outline: unset; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input .sch-keyword-auto { left: -2px; width: calc(100% + 4px); border: 2px solid #256ef4; font-size: 1.9rem; font-weight: 400; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input .sch-keyword-auto-list, .sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-input .sch-keyword-auto-util { padding-left: 2.4rem; padding-right: 2.4rem; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-delect { display: none; position: absolute; right: 7.6rem; top: 50%; width: 3.2rem; height: 3.2rem; transform: translateY(-50%); }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-delect i { width: 100%; height: 100%; background: url("/images/2025/main/ico-delect.svg") no-repeat 50% 50%/auto; }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-btn { position: absolute; right: 2.4rem; top: 50%; width: 4rem; height: 4rem; transform: translateY(-50%); }
.sec1 .sch-form .sch-form-area .sch-input-wrap .sch-input-area .sch-btn i { width: 100%; height: 100%; }
.sec1 .sch-form .sch-keyword-wrap { display: flex; align-items: center; justify-content: center; gap: 1rem 2.4rem; margin-top: 2.4rem; }
.sec1 .sch-form .sch-keyword-wrap .title { display: inline-block; vertical-align: middle; position: relative; color: #1E2124; font-size: 1.7rem; line-height: 1.5; font-weight: 700; white-space: nowrap; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword { height: 2.8rem; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper { counter-reset: number 0; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li { position: relative; padding: 0 5rem 0 2rem; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a { display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 0.4rem; padding: 0 0.4rem; font-size: 1.7rem; line-height: 1.5; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a .num { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); min-width: 4rem; padding-right: 1.4rem; font-size: 1.5rem; line-height: 1.5; text-align: right; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a .num::after { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-left: 0.5rem solid rgba(0, 0, 0, 0); border-right: 0.5rem solid rgba(0, 0, 0, 0); transform: translateY(-50%); }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a .num.up::after { border-bottom: 0.5rem solid #f42525; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a .num.down::after { border-top: 0.5rem solid #1A80E5; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a:hover, .sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li a:focus { color: #0B50D0; }
.sec1 .sch-form .sch-keyword-wrap .popular-keyword .swiper-wrapper > li > i { display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width: 2rem; color: #0B50D0; font-size: 1.7rem; line-height: 1.5; font-weight: 700; }
.sec1 .sch-form .sch-detail-area { display: flex; flex-wrap: wrap; gap: 2.4rem; margin-top: 2.4rem; padding: 4rem; border-radius: 1rem; background: #EEF2F7; }
.sec1 .sch-form .sch-detail-area .title { margin-bottom: 2.4rem; font-size: 1.9rem; line-height: 1.5; font-weight: 700; }
.sec1 .sch-form .sch-detail-area .title i { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 4rem; height: 4rem; margin-right: 0.8rem; border-radius: 50%; background: #256EF4; color: #fff; font-size: 1.6rem; }
.sec1 .sch-form .sch-detail-area .title span { display: inline-block; vertical-align: middle; color: #1E2124; font-size: 1.7rem; line-height: 1.5; font-weight: 700; }
.sec1 .sch-form .sch-detail-area .left-area { width: calc(50% - 1.2rem); }
.sec1 .sch-form .sch-detail-area .left-area .geography { text-align: center; }
.sec1 .sch-form .sch-detail-area .right-area { width: calc(50% - 1.2rem); }
.sec1 .sch-form .sch-detail-area .right-area .subject { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label { display: block; padding: 2.4rem 1.2rem; height: 100%; border-radius: 1.2rem; border: 1px solid #B1B8BE; background: #fff; text-align: center; transition: all 0.3s ease; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i { display: block; width: 3.2rem; height: 3.2rem; margin: 0 auto 1.2rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon1 { background-image: url("/images/2025/main/icon-1.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon2 { background-image: url("/images/2025/main/icon-2.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon3 { background-image: url("/images/2025/main/icon-3.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon4 { background-image: url("/images/2025/main/icon-4.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon5 { background-image: url("/images/2025/main/icon-5.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon6 { background-image: url("/images/2025/main/icon-6.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon7 { background-image: url("/images/2025/main/icon-7.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon8 { background-image: url("/images/2025/main/icon-8.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label i.icon9 { background-image: url("/images/2025/main/icon-9.svg"); }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label span { font-size: 1.5rem; font-weight: 700; line-height: 1.25; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input + label:hover, .sec1 .sch-form .sch-detail-area .right-area .subject > li input + label:focus { border-color: #256EF4; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input:checked + label { background: #ECF2FE; border-color: #256EF4; }
.sec1 .sch-form .sch-detail-area .right-area .subject > li input:checked + label span::before { content: ''; display: inline-block; vertical-align: middle; width: 1.2rem; height: 1.2rem; margin-right: 1rem; background: url("/images/2025/main/ico-check.svg") no-repeat 50% 50%/auto; }
.sec1 .sch-form .sch-detail-area .mobile-select-wrap { display: none; }
.sec1 .sch-form .sch-detail-area .mobile-select-wrap .sch-select { width: 100%; }
.sec1 .sch-form .sch-detail-area .mobile-select-wrap .sch-select .select-btn { border: 1px solid #58616A; }
.sec1 .sch-form .sch-detail-area .btn-area { display: flex; align-items: center; justify-content: center; gap: 1rem; width: 100%; margin-top: 2.4rem; }
.sec1 .sch-form .sch-detail-area .btn-area .sch-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 15rem; height: 4.8rem; padding: 0 1.6rem; border-radius: 0.6rem; border: 1px solid #ddd; padding: 0; font-size: 1.7rem; line-height: 1.5; }
.sec1 .sch-form .sch-detail-area .btn-area .sch-btn.normal { background: #fff; border-color: #58616A; color: #1E2124; }
.sec1 .sch-form .sch-detail-area .btn-area .sch-btn.default { background: #256EF4; border-color: #256EF4; color: #fff; }

/* section2 */
.sec2 { padding: 0 0 8rem; }
.sec2 .top { margin-bottom: 2.4rem; }
.sec2 .top .h2-title { float: left; vertical-align: middle; font-size: 3.2rem; font-weight: 700; line-height: 1.5; }
.sec2 .top .select-wrap { float: right; vertical-align: middle; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.8rem 1.7rem; margin-top: 1rem; }
.sec2 .top .select-wrap > a { font-size: 1.7rem; line-height: 1.5; transition: all .3s; }
.sec2 .top .select-wrap > a i { vertical-align: middle; position: relative; top: -0.3rem; width: 2rem; height: 2rem; margin-right: 0.4rem; }
.sec2 .top .select-wrap > a i.ico-map { background: url("/images/2025/main/ico-map.svg") no-repeat 50% 50%/auto; }
.sec2 .top .select-wrap > a:hover, .sec2 .top .select-wrap > a:focus { text-decoration: underline; text-underline-offset: 0.4rem; }
.sec2 .top::after { content: ""; display: table; clear: both; }
.sec2 .around-search { position: relative; padding: 4rem 25rem 4rem 4rem; border-radius: 1.2rem; background: linear-gradient(92deg, #45B0C1 0.84%, #3C73D0 26.18%, #6F25C8 75.84%, #C75CC4 100.84%); }
.sec2 .around-search > div { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem 0; position: relative; padding-left: 5.2rem; color: #fff; font-size: 1.9rem; line-height: 1.5; font-weight: 700; }
.sec2 .around-search > div .area-name { padding: 0 1.6rem 0 0.8rem; font-size: 2.4rem; text-decoration: underline; text-underline-offset: 0.4rem; }
.sec2 .around-search > div .sch-select { max-width: 24rem; margin: 0 1.6rem; }
.sec2 .around-search > div .sch-select .select-btn { border-color: #256EF4; }
.sec2 .around-search > div::before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 4.4rem; height: 4.4rem; background: url("/images/2025/main/ico-pin.svg") no-repeat 50% 50%/auto; transform: translateY(-50%); }
.sec2 .around-search::after { content: ""; display: block; position: absolute; right: 4rem; bottom: 0; width: 18.9rem; height: 15rem; background: url("/images/2025/main/visual-character2.svg") no-repeat 50% 50%/100% auto; }
.sec2 .krds-tab-area { gap: var(--krds-gap-7); margin-top: 2.4rem; }
.sec2 .krds-tab-area .tab.line { position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; }
.sec2 .krds-tab-area .tab.line .btn-tab { min-width: 5.6rem; height: var(--krds-size-height-6); }
.sec2 .krds-tab-area .tab.line .tab-slide-container .tab-slide-btn { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 50%; width: 3.2rem; height: 3.2rem; background: #fff; border-radius: 50%; border: 1px solid #CDD1D5; z-index: 1; transform: translateY(-50%); }
.sec2 .krds-tab-area .tab.line .tab-slide-container .tab-slide-btn .svg-icon { width: 1.9rem; height: 1.9rem; }
.sec2 .krds-tab-area .tab.line .tab-slide-container .tab-slide-btn > span { display: block; position: absolute; top: 50%; width: 4rem; height: 150%; transform: translateY(-50%); z-index: -1; }
.sec2 .krds-tab-area .tab.line .tab-slide-container .prev { left: 0; }
.sec2 .krds-tab-area .tab.line .tab-slide-container .prev > span { left: -0.5rem; background: linear-gradient(to right, #fff 70%, transparent); }
.sec2 .krds-tab-area .tab.line .tab-slide-container .next { right: 0; }
.sec2 .krds-tab-area .tab.line .tab-slide-container .next > span { right: -0.5rem; background: linear-gradient(to left, #fff 70%, transparent); }
.sec2 .krds-tab-area .tab.line::-webkit-scrollbar { display: none; }
.sec2 .krds-tab-area .tab-conts-wrap { position: relative; }
.sec2 .krds-tab-area .tab-conts-wrap .group { width: 100%; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list:has(>li.nodata:only-child){grid-template-columns:unset;}
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li {}
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li > a{display: flex; padding: 3.2rem; border: 1px solid #B1B8BE; border-radius: 1.2rem;}
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .thumb { display: block; position: relative; width: 20rem; height: 20rem; border-radius: 0.6rem; overflow: hidden; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .thumb img { width: 100%; min-height: 100%; object-fit: cover; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info { display: flex; flex-direction: column; align-items: flex-start; width: calc(100% - 20rem); padding-left: 2.4rem; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .tag { display: inline-block; vertical-align: middle; padding: 0 0.8rem; border-radius: 0.4rem; background: #ECF2FE; color: #0B50D0; font-size: 1.5rem; line-height: 2.4rem; word-break: break-all; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 1.2rem 0; font-size: 1.9rem; font-weight: 700; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 1.6rem; color: #464C53; font-size: 1.7rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .text { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: auto; font-size: 1.7rem; line-height: 2rem; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .text .svg-icon { width: 2rem; height: 2rem; margin: 0; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li.nodata { }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li.nodata .info { padding-left: 2.4rem; padding-right: 2.4rem; width: 100%; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li.nodata .info .title { display: flex; flex-direction: column; align-items: center; row-gap: 1.2rem; margin:0 auto; font-size: 2.4rem; text-align: center; }
.sec2 .krds-tab-area .tab-conts-wrap .group .list > li.nodata .info .title:before { content: ""; width: 3.5rem; aspect-ratio: 1 / 1; background: url(/images/2025/board/nodata.svg) no-repeat 50% 50%/contain; }
.sec2 .krds-tab-area .tab-conts-wrap .group .more { position: absolute; top: -5.6rem; right: 0; font-size: 1.7rem; }
.sec2 .krds-tab-area .tab-conts-wrap .group .more .svg-icon { vertical-align: middle; position: relative; top: -0.1rem; width: 2rem; height: 2rem; transition: all .3s; }
.sec2 .krds-tab-area .tab-conts-wrap .group .more:hover .svg-icon, .sec2 .krds-tab-area .tab-conts-wrap .group .more:focus .svg-icon { transform: rotate(90deg); }

@media (max-width: 1024px) { .sec1 .sch-form .sch-detail-area .left-area .geography { position: relative; text-align: left; }
  .sec1 .sch-form .sch-detail-area .left-area .geography .map-1 { width: 90%; }
  .sec1 .sch-form .sch-detail-area .left-area .geography .map-2 { position: absolute; right: 0; bottom: 0; width: calc(100% / 3.5); max-width: 9.9rem; }
  .sec2 .around-search { padding: 4rem 18rem 4rem 4rem; }
  .sec2 .around-search::after { right: 0; } }
@media (max-width: 840px) { .sec2 .krds-tab-area .tab-conts-wrap .group .list { grid-template-columns: repeat(1, 1fr); } }
@media (max-width: 768px) { .sec2 .around-search { padding: 4rem; }
  .sec2 .around-search > div { justify-content: center; padding: 0; text-align: center; }
  .sec2 .around-search > div::before, .sec2 .around-search::after { display: none; } }
@media (max-width: 640px) { .sec1 .sch-form .sch-detail-area { gap: 1.6rem; padding: 2rem; }
  .sec1 .sch-form .sch-detail-area .left-area, .sec1 .sch-form .sch-detail-area .right-area { width: 100%; }
  .sec1 .sch-form .sch-detail-area .left-area { position: relative; padding-bottom: 1.6rem; }
  .sec1 .sch-form .sch-detail-area .left-area::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #6D7882; }
  .sec1 .sch-form .sch-detail-area .left-area .geography, .sec1 .sch-form .sch-detail-area .right-area .subject { display: none; }
  .sec1 .sch-form .sch-detail-area .mobile-select-wrap { display: block; } }
@media (max-width: 479px) { .sec1 .visual-title:before { display: none; }
  .sec2 .top .select-wrap { float: none; width: 100%; }
  .sec2 .krds-tab-area .tab-conts-wrap { padding-top: 4.8rem; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .more { top: -0.8rem; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li {}
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li >a{position: relative; padding: 3.2rem 3.2rem 7.6rem 3.2rem;}
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li .thumb { width: 13rem; height: 13rem; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info { width: calc(100% - 13rem); }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .title { min-hieght: 0; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .desc { display: none; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li .info .text { position: absolute; left: 3.2rem; bottom: 3.2rem; }
  .sec2 .krds-tab-area .tab-conts-wrap .group .list > li:nth-child(4) ~ li { display: none; } }