@charset "UTF-8";
/*
*--------------------------------------------*
|                   Main                     |
*--------------------------------------------*
*/	
.user-container{ margin-top: 105px;}
.main-inner{ margin: 0 auto; width: 1200px;}
.apply-section{ padding: 70px 0 103px; background: url("/images/main/main_top_bg.png") no-repeat top 0 center / cover; }
.apply-section .main-inner{ display: flex; align-items: flex-start; justify-content: center; gap: 64px;}
.apply-section .apply-desc{ width: calc(100% - 600px);}
.apply-section .apply-desc > h3{ font-size: 20px; font-weight: 800; line-height: 1.6; letter-spacing: 1px; text-align: left; color: #1e2124;}
.apply-section .apply-desc > h2{ margin: 6px 0 28px; font-size: 40px; font-weight: 800; line-height: 1.6; letter-spacing: 1px; text-align: left; color: #149174; }
.apply-section .apply-desc > p{ font-size: 18px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #464c53;}
.apply-section .apply-desc .region-wrap{ margin-top: 60px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 12px 8px; }
.apply-section .apply-desc .region-wrap li{ width: 111.6px; height: 48px; line-height: 48px; border-radius: 1000px; border: 1px solid #cdd1d5; background-color: #fff;}
.apply-section .apply-desc .region-wrap li > a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; font-weight: bold; color: #1e2124; letter-spacing: normal; text-align: center;}
.apply-section .apply-desc .region-wrap li > a > .apply-num{ font-size: 16px; font-weight: normal; letter-spacing: normal; color: #8a949e; }
.apply-section .main-swiper .swiper-container{ height: 100%;}
.apply-section .main-swiper{ position: relative; width: 536px; height: 372px; overflow: hidden;}
.apply-section .main-swiper .swiper-slide{ padding: 44px 40px; width: 100%; height: 302px; border-radius: 20px; overflow: hidden; background-color: #12847f;}
.apply-section .main-swiper .swiper-slide:first-child{ background: #fff url("/images/main/main_slide_img01.png") no-repeat center center / cover;}
.apply-section .main-swiper .swiper-slide span{ font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #fff;}
.apply-section .main-swiper .swiper-slide h4{ margin: 24px 0 46.5px; font-size: 28px; font-weight: bold; line-height: 1.5; letter-spacing: 1px; text-align: left; color: #fff;}
.apply-section .main-swiper .swiper-slide button{ font-size: 18px; font-weight: 800; line-height: 1.5; letter-spacing: normal; text-align: center; color: #f4f5f6;}
.apply-section .main-swiper .swiper-slide button > .icon-arrow{ display: inline-block; width: 24px; height: 24px; margin-left: 8px; background: url("/images/main/main_icon_arrow.png") no-repeat center center / cover; vertical-align: middle;}
.apply-section .main-swiper .slide-button-wrap{ z-index: 1; position: absolute; width: 100%; height: 40px; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 6px;}
.apply-section .main-swiper .slide-button-wrap .swiper-pagination{ display: flex; align-items: center; justify-content: center; position: unset; width: auto; min-width: 80px; padding: 15.5px 0; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 9000px; border: solid 1px #cdd1d5; background: #fff;}
.apply-section .main-swiper .swiper-button-prev, .apply-section .main-swiper .swiper-button-next{ position: unset; margin-top: unset; width: 40px; height: 40px; border: 1px solid #cdd1d5; border-radius: 100%;}
.apply-section .main-swiper .swiper-button-prev{ background: #fff url("/images/main/main_slide_prev.png") no-repeat center center / 16px 16px;}
.apply-section .main-swiper .swiper-button-next{ background: #fff url("/images/main/main_slide_next.png") no-repeat center center / 16px 16px;}
.apply-section .main-swiper .swiper-button-prev::after, .apply-section .main-swiper .swiper-button-next::after{ display: none;}
.apply-section .main-swiper .swiper-pagination-current{ margin-right: 4px; font-size: 14px; font-weight: bold; line-height: 1.5; letter-spacing: normal; color: #1e2124;}
.apply-section .main-swiper .swiper-pagination-total{ margin-left: 4px; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: normal; color: #464c53;}

.list-section{ padding: 49px 0 70px;}
.list-section .list-btn-wrap{ display: flex; justify-content: center; align-items: center; gap: 105px;}
.list-section .list-btn-wrap .btn{ padding-top: 174px; width: 150px; height: 150px; font-size: 20px; font-weight: 800; line-height: 1.5; letter-spacing: normal; text-align: center; color: #1e2124; background-image: url("/images/main/main_listbtn_sprites.png"); background-repeat: no-repeat; background-size: 850px 170px; }
.list-section .list-btn-wrap .btn-admission{ background-position: -10px -10px; }
.list-section .list-btn-wrap .btn-schedule{ background-position: -180px -10px; }
.list-section .list-btn-wrap .btn-apply{ background-position: -350px -10px; }
.list-section .list-btn-wrap .btn-faq{ background-position: -520px -10px; }
.list-section .list-btn-wrap .btn-qna{ background-position: -690px -10px; }

.schedule-section{ padding: 70px 0 75px; background-color: #f5f7fe;}
.schedule-section h3{ font-size: 30px; font-weight: 800; line-height: 1.5; letter-spacing: normal; text-align: center; color: #1e2124;}
.schedule-section h3 > strong{ color: #446fcc; }
.schedule-section .pargraph{ margin: 20px auto 48px; font-size: 18px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #464c53; word-break: keep-all;}
.schedule-section .card-wrap{ display: flex; justify-content: center; align-items: flex-start; gap: 24px;}
.schedule-section .card-wrap li{ width: 282px; height: 248px; padding: 28px 28px 24px; border-radius: 16px; border: 1px solid #cdd1d5; background-color: #fff; overflow: hidden;}
.schedule-section .card-wrap li .sch-badge{ display: inline-block; width: auto; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; border-radius: 4px; color: #fff; word-break: keep-all;}
.schedule-section .card-wrap li .sch-badge.apply{ background-color: #4b92e4;}
.schedule-section .card-wrap li .sch-badge.draw{ background-color: #ffa237;}
.schedule-section .card-wrap li .sch-badge.result{ background-color: #ea4964;}
.schedule-section .card-wrap li .sch-badge.register{ background-color: #149174;}
.schedule-section .card-wrap li .date{ margin: 24px 0 2px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #1e2124; word-break: keep-all;}
.schedule-section .card-wrap li .time{ display: inline-block; margin-bottom: 36px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; word-break: keep-all;}
.schedule-section .card-wrap li .time.apply-time{ color: #4b92e4;}
.schedule-section .card-wrap li .time.draw-time{ color: #ffa237;}
.schedule-section .card-wrap li .time.result-time{ color: #ea4964;}
.schedule-section .card-wrap li .time.register-time{ color: #149174;}
.schedule-section .card-wrap li .btn-default{ padding: 0 16px; width: 100%; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; color: #1e2124; border-radius: 6px; border: 1px solid #cdd1d5; background-color: #fff;}
.schedule-section .card-wrap li .btn-dashed{ cursor: default; padding: 0 16px; width: 100%; height: 48px; line-height: 48px; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; color: #1e2124; border-radius: 1000px; border: 1px dashed #cdd1d5; background-color: #fff;}

.brd-section{ padding: 65px 0 75px;}
.brd-section .main-inner{ display: flex; justify-content: center; align-items: flex-start; gap: 28px;}
.brd-section .brd-wrap{ position: relative; flex: 1; width: calc(50% - 28px); min-height: 412px; padding: 36.5px 32px 28px 32px; border-radius: 16px; border: 1px solid #cdd1d5; background-color: #fff; }
.brd-section .brd-wrap::after{ content: ""; position: absolute; top: 28px; right: 34px; width: 100px; height: 93px; background-image: url("/images/main/main_brd_sprites.png"); background-repeat: no-repeat; background-size: 228px 113px;}
.brd-section .notice-wrap::after{ background-position: -118px -10px;}
.brd-section .faq-wrap::after{ background-position: -10px -10px;;}
.brd-section h3{ font-size: 24px; font-weight: 800; line-height: 1.5; letter-spacing: normal; text-align: left; color: #1e2124;}
.brd-section h3 > strong{ color: #149174;}
.brd-section .paragraph{ margin: 16px 0 24px; padding-bottom: 31.5px; font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #464c53; border-bottom: 1px solid #e6e8ea;}
.brd-section .conts-wrap li{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.brd-section .conts-wrap li a{ display: flex; align-items: center; gap: 10px; justify-content: space-between; padding: 10px 0; flex: 1; min-width: 0;}
.brd-section .conts-wrap li:first-child a{ padding-top: 0;}
.brd-section .conts-wrap li:last-child a{ padding-bottom: 0;}
.brd-section .conts-wrap li a .cont-inner{ display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: calc(100% - 100px);}
.brd-section .conts-wrap li a .cont-inner .cont-box{ display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 100%; overflow: hidden;}
.brd-section .conts-wrap li a .cont-inner .cont-box .cont{ display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: normal; text-align: left; color: #1e2124;}
.brd-section .conts-wrap li a .date{ font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: right; color: #8a949e;}
.icon-file-clip{ flex-shrink: 0; flex: 0 0 auto; width: 24px; height: 24px; background: url("/images/main/main_file_clip.png") no-repeat center center / cover; }
.brd-section .faq-wrap .conts-wrap li a{ display: flex; align-items: center; font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: normal; text-align: left; color: #1e2124; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;}
.brd-section .faq-wrap .conts-wrap .ctgry-txt{ flex-shrink: 0; width: 64px; margin-right: 20px; color: #149174;}

/*
*--------------------------------------------*
|                    Media                   |
*--------------------------------------------*
*/

@media screen and (max-width: 1280px) {
	
}

@media screen and (max-width: 1200px) {
	.user-container{ margin-top: 72px;}
	.main-inner{ padding: 0 20px; width: 100%;}
	.apply-section{ padding: 24px 0;}
	.apply-section .main-inner{ flex-direction: column; align-items: center; gap: 44px;}
	.apply-section .apply-desc{ width: 100%;}
	.apply-section .apply-desc > h3{ font-size: 16px; line-height: 1.6; letter-spacing: 1px;}
	.apply-section .apply-desc > h2{ margin: 4px 0 10px; font-size: 30px; line-height: 1.6; letter-spacing: 1px;}
	.apply-section .apply-desc > p{ font-size: 16px; line-height: 1.5; letter-spacing: normal;}
	.apply-section .apply-desc .region-wrap{ margin-top: 24px; gap: 10px 4px;}
	.apply-section .apply-desc .region-wrap li{ width: 84.5px; height: 40px; line-height: 40px;}
	.apply-section .apply-desc .region-wrap li > a, .apply-section .apply-desc .region-wrap li > a > .apply-num{ font-size: 14px; letter-spacing: normal;}
	.apply-section .main-swiper{ width: 100%; height: 250px;}
	.apply-section .main-swiper .swiper-slide{ padding: 28px 24px; height: 198px; aspect-ratio: 1.78 / 1;}
	.apply-section .main-swiper .swiper-slide span{ font-size: 12px; line-height: 1.5; letter-spacing: normal;}
	.apply-section .main-swiper .swiper-slide h4{ margin: 16px 0 21.5px; font-size: 20px; line-height: 1.5; letter-spacing: normal;}
	.apply-section .main-swiper .swiper-slide button{ font-size: 14px; line-height: 1.5; letter-spacing: normal; }
	.apply-section .main-swiper .swiper-slide button > .icon-arrow{ width: 16px; height: 16px;}
	
	.list-section{ padding: 0 0 48px;}
	.list-section .list-btn-wrap{ flex-wrap: wrap; gap: 62px 37.3px;}
	.list-section .list-btn-wrap .btn{ padding-top: 86px; width: 80px; height: 80px; font-size: 14px; line-height: 1.5; letter-spacing: normal; background-image: url("/images/main/main_listbtn_sprites_mo.png"); background-size: 500px 100px;}
	.list-section .list-btn-wrap .btn-admission{ background-position: -10px -10px; }
	.list-section .list-btn-wrap .btn-schedule{ background-position: -110px -10px; }
	.list-section .list-btn-wrap .btn-apply{ background-position: -210px -10px; }
	.list-section .list-btn-wrap .btn-faq{ background-position: -310px -10px; }
	.list-section .list-btn-wrap .btn-qna{ background-position: -410px -10px; }
	
	.schedule-section{ padding: 32px 0;}
	.schedule-section h3{ font-size: 24px; line-height: 1.5; letter-spacing: normal;}
	.schedule-section h3 > strong{ display: block; width: 100%;}
	.schedule-section .pargraph{ margin: 12px auto 28px; font-size: 16px; line-height: 1.5; letter-spacing: normal;}
	.schedule-section .card-wrap{ flex-direction: column; width: 100%; gap: 16px;}
	.schedule-section .card-wrap li{ width: 100%; height: auto; padding: 24px;}
	.schedule-section .card-wrap li .sch-inner-wrap{ display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px;}
	.schedule-section .card-wrap li .date{ margin-top: 0; }
	.schedule-section .card-wrap li .time{ margin-bottom: 0;}
	
	.brd-section{ padding: 24px 0 40px}
	.brd-section .main-inner{ flex-direction: column; gap: 16px;}
	.brd-section .brd-wrap{ width: 100%; padding: 24px 22px; min-height: auto;}
	.brd-section .brd-wrap::after{ display: none;}
	.brd-section h3{ font-size: 20px; line-height: 1.5; letter-spacing: normal;}
	.brd-section .paragraph{ margin: 10px 0 16px; padding-bottom: 15px; font-size: 14px; line-height: 1.5; letter-spacing: normal;}
	.brd-section .conts-wrap li a{ flex-direction: column; gap: 4px; justify-content: flex-start; padding: 6px 0;}
	.brd-section .conts-wrap li a .cont-inner{ width: 100%;}
	.brd-section .conts-wrap li a .cont-inner .cont-box .cont{ font-size: 16px; line-height: 1.5; letter-spacing: normal;}
	.brd-section .conts-wrap li a .date{ display: inline-block; width: 100%; text-align: left;}
	.icon-file-clip{ width: 20px; height: 20px;}
	.brd-section .faq-wrap .conts-wrap li a{ font-size: 16px; line-height: 1.5; letter-spacing: normal;}
	.brd-section .faq-wrap .conts-wrap .ctgry-txt{ width: 310px; margin-right: 12px; font-size: 16px; line-height: 1.5; letter-spacing: normal;}
}

@media screen and (max-width: 768px) {
}

/* 기본 모바일 - 작은 화면을 가진 모바일 기기 */
@media (max-width: 389px) {
  .apply-section .main-swiper .swiper-slide{ height: 197px;}
}