@charset "UTF-8";

* {margin: 0; padding: 0; box-sizing: border-box;}

/*251112 대한행정사회 메인페이지 리뉴얼 css
메인슬라이드 배너*/
.container .first_box {width: 100%; height: auto; background: #fff; display: flex; justify-content: flex-start; max-width: 1980px; margin: 0 auto 3.5rem auto; position: relative; gap: 10.5rem;}
.container .first_box::after {content: ""; position: absolute; width: 32rem; height: 32rem; background: url("/vtImage/251112_main_img01_new.png"); bottom: 22px; left: 71%; z-index: 0; background-size: cover;}
.container .first_box .main_slide {width: 65%; height: 36rem; border-radius: 0 31rem 31rem 0; position: relative;}
.container .first_box .main_slide .swiper-container {width: 100%; height: inherit; border-radius: inherit;}
.container .first_box .main_slide .swiper-container .swiper-slide {width: 100%;}
.container .first_box .main_slide .swiper-container .swiper-slide .ss_img_overlay {position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));}
.container .first_box .main_slide .swiper-container .swiper-slide .ss_img {width: 100%; height: inherit;}
.container .first_box .main_slide .swiper-container .swiper-slide .ss_img img {width: 100%; height: inherit; object-fit: cover;}
.container .first_box .main_slide .swiper-container .swiper-slide .txt {position: absolute; top: 8.1rem; left: 15rem; z-index: 1;}
.container .first_box .main_slide .swiper-container .swiper-slide .txt h2 {font-family: 'GmarketSans'; font-size: 4.5rem; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 3rem;}
.container .first_box .main_slide .swiper-container .swiper-slide .txt p {font-family: 'Pretendard'; font-size: 1.8rem; font-weight: 500; color: #fff;}
.container .first_box .main_slide .slide_func {position: absolute; z-index: 2; bottom: 3.3rem; left: 15.4rem; display: flex; align-items: center; justify-content: center; gap: 2.5rem;}
.container .first_box .main_slide .slide_func .current-slide {color: #fff; font-size: 1.6rem; display: flex; justify-content: center; margin-top: 4px;}
.container .first_box .main_slide .slide_func .center {display: flex; align-items: center; justify-content: center; gap: 9px; filter: invert(100%) sepia(2%) saturate(1236%) hue-rotate(281deg) brightness(116%) contrast(100%);}
.container .first_box .main_slide .slide_func .swiper-button-prev {position: static; width: 11px; height: 15px; margin-top: 0; z-index: 10; cursor: pointer; transform: rotate(180deg); background: none;}
.container .first_box .main_slide .slide_func .pause-button {width: 10px; position: unset; position: relative;}
.container .first_box .main_slide .slide_func .pause-button img {width: 8px; margin-bottom: 2px;}
.container .first_box .main_slide .slide_func .swiper-button-next {position: static; width: 11px; height: 15px; margin-top: 0; z-index: 10; cursor: pointer; background: none;}
.container .first_box .main_slide .slide_func .swiper-pagination {position: unset; gap: 4px; display: flex; align-items: center; justify-content: center;}
.swiper-pagination-bullet {width: 4px; height: 4px;}
.container .first_box .main_slide .slide_func .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1; background: #fff;}
.container .first_box .main_slide .slide_func .swiper-pagination .swiper-pagination-bullet {opacity: 0.2; background: #fff;}

/*행정사 회장에게 바란다, 열린 회장실*/
.container .first_box .simple_text {padding: 3.5rem 15rem 3.5rem 0; position: relative; overflow: hidden; z-index: 1; display: flex; flex-direction: column; justify-content: center; gap: 2.5rem}

/*.container .first_box .simple_text h5 {font-size: 1.8rem; text-decoration: underline; text-underline-offset: 4px; font-weight: 300;}*/
.container .first_box .simple_text h5 {font-size: 2rem; font-weight: 400; line-height: 1.6; word-break: keep-all;}
.container .first_box .simple_text h3 {font-size: 3rem; color: #0a276a; font-weight: 600;}
.container .first_box .simple_text h2 {font-size: 5.5rem; color: #0a276a; font-weight: 800; background: linear-gradient(to top, #c6e3f9 50%, transparent 50%); display: inline;}
.container .first_box .simple_text p {font-size: 1.6rem; margin-top: 1rem; font-weight: 400;}
.container .first_box .simple_text p span {font-weight: 700; background: linear-gradient(to top, #c6e3f9 50%, transparent 50%);}
.container .first_box .simple_text .btn_box {display: inline-flex; flex-direction: column; margin-top: 2.3rem; gap: 1rem;}
.container .first_box .simple_text .btn_box a {font-size: 1.4rem; border-radius: 1rem; display: flex; align-items: center; justify-content: space-between; font-weight: 600; padding: 1.2rem 2.2rem; box-sizing: border-box; background: #fff; line-height: 1;}
.container .first_box .simple_text .btn_box a i {margin-left: 2rem; margin-top: -2px;}
.container .first_box .simple_text .btn_box a i img {width: 0.9rem;}
.container .first_box .simple_text .btn_box a:hover {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1), -1px 1px 4px rgba(0, 0, 0, 0.1);}

/*검색바, 중앙교육연수원 바로가기, 회원가입 및 회비납부 안내*/
/*.sec02 {margin-bottom: 3rem;}*/
.sec02 {margin-bottom: 0rem;}
.sec02 .link-box {width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 2.4rem; margin-bottom: 1.1rem;}
.sec02 .link-box .search_box {width: 32%;}
.sec02 .link-box .search_box .search_img {width: 2rem; filter: invert(14%) sepia(47%) saturate(3061%) hue-rotate(202deg) brightness(94%) contrast(97%);}
.sec02 .link-box .search_box .link-search {display: flex; align-items: center; justify-content: space-between; padding: 1.4rem 2.6rem; border-radius: 1rem; border: 1px solid #0a276a; box-sizing: border-box;}
.sec02 .link-box .search_box .link-search input {width: 100%; border: none; font-size: 1.6rem;}
.sec02 .link-box .search_box .link-search input::placeholder {color: #b1b1b1;}
.sec02 .link-box .search_box h6 {display: flex; justify-content: flex-start; align-items: center; gap: 0.8rem; font-size: 1.4rem; font-weight: 400; color: #777; letter-spacing: -0.02em; margin-top: 0.5rem;}
.sec02 .link-box .search_box h6 b {font-weight: 600;}
.sec02 .link-box h6 img {height: 1.3rem;}
.sec02 .link-box .link-list {display: flex; justify-content: center; align-items: center; gap: 2.4rem;}
.sec02 .link-box ul.link-list li a {display: flex; align-items: center; color: #fff; gap: 10rem; padding: 1.2rem 3.1rem; border-radius: 1rem;}
.sec02 .link-box ul.link-list li:nth-child(1) a {background: #0a276a; border: 1px solid #0a276a; transition: 0.2s ease-in-out;}
.sec02 .link-box ul.link-list li:nth-child(1) a:hover {background: none; border: 1px solid #0a276a;}
.sec02 .link-box ul.link-list li:nth-child(1) a:hover p {color: #0a276a;}
.sec02 .link-box ul.link-list li:nth-child(1) a:hover i img {filter: invert(10%) sepia(53%) saturate(4167%) hue-rotate(216deg) brightness(94%) contrast(96%);}
.sec02 .link-box ul.link-list li:nth-child(2) a {background: #fa7720; border: 1px solid #fa7720; transition: 0.2s ease-in-out}
.sec02 .link-box ul.link-list li:nth-child(2) a:hover {background: none; border: 1px solid #fa7720;}
.sec02 .link-box ul.link-list li:nth-child(2) a:hover p {color: #fa7720;}
.sec02 .link-box ul.link-list li:nth-child(2) a:hover i img {filter: invert(57%) sepia(91%) saturate(2466%) hue-rotate(345deg) brightness(98%) contrast(99%);}
.sec02 .link-box ul.link-list li a p {display: flex; align-items: center; gap: 0.9rem; font-size: 1.6rem; font-weight: 400; }
.sec02 .link-box ul.link-list li a p i {display: flex; align-items: center; justify-content: center;}
.sec02 .link-box ul.link-list li a p i img {width: 2.4rem; filter: invert(97%) sepia(0%) saturate(0%) hue-rotate(352deg) brightness(102%) contrast(103%);}
.sec02 .link-box ul.link-list li a i .arrow_icon {width: 1rem; filter: invert(97%) sepia(0%) saturate(0%) hue-rotate(352deg) brightness(102%) contrast(103%);}

/*모아보기, 교육일정*/
.sec03 {margin-bottom: 8rem;}
.sec03 .cont {width: 100%; display: flex; justify-content: center; gap: 3.5rem;}
.sec03 .cont .viewer {width: 48.8%; padding-top: 4.5rem;}
.sec03 .cont h3 {font-size: 2.2rem; color: #000; font-weight: 700; margin-bottom: 2.7rem; line-height:1;}
.sec03 .cont .viewer ul.cont-list {display: none; align-items: center; width: 100%; gap: 2rem; margin-bottom: 5rem;}
.sec03 .cont .viewer ul.cont-list.active {display: flex;}
.sec03 .cont .viewer ul.cont-list li {width: 45%; flex: 1 1 calc(50% - 2rem); transition: box-shadow 0.3s ease; border-radius: 1.5rem;}
.sec03 .cont .viewer ul.cont-list li:hover {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1);}
.sec03 .cont .viewer ul.cont-list li:hover a .tit {border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.sec03 .cont .viewer ul.cont-list li a {border-radius: 1.5rem; box-sizing: border-box;}
.sec03 .cont .viewer ul.cont-list li a .cont {display: flex; align-items: center; justify-content: center; padding: 10rem 0; position: relative; border-radius: 1.5rem 1.5rem 0 0; overflow: hidden;}
.sec03 .cont .viewer ul.cont-list.youtube li a .cont::before {content: ""; display: inline-block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4784313725); width: 100%; height: 100%; border-radius: inherit;}
.sec03 .cont .viewer ul.cont-list.youtube li a .cont i {position: relative; z-index: 1;}
.sec03 .cont .viewer ul.cont-list li a .cont i img {width: 3.2rem; height: 3.2rem;}
.sec03 .cont .viewer ul.cont-list.news li a .cont i {position: relative; z-index: 1; visibility: hidden;}
.sec03 .cont .viewer ul.cont-list li a .tit {width: 100%; background: #fff; border-radius: 0 0 1.5rem 1.5rem; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;}
.sec03 .cont .viewer ul.cont-list li a .tit p {font-size: 1.5rem; color: #444444; padding: 2.5rem 2rem; border-radius: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; box-sizing: border-box;}
.sec03 .cont .viewer .viewer_tabs {display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}
.sec03 .cont .viewer .viewer_tabs .tab {cursor: pointer;}
.sec03 .cont .viewer .viewer_tabs .tab .cont {display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; padding-bottom: 1.2rem;}
.sec03 .cont .viewer .viewer_tabs .tab.tab01 .cont:hover .tit i {background: #ed2123;}
.sec03 .cont .viewer .viewer_tabs .tab.tab01 .cont:hover .tit p {font-weight: 600; color: #000;}
.sec03 .cont .viewer .viewer_tabs .tab.tab02 .cont:hover .tit i {background: #0a276a;}
.sec03 .cont .viewer .viewer_tabs .tab.tab02 .cont:hover .tit p {font-weight: 600; color: #000;}
.sec03 .cont .viewer .viewer_tabs .tab .cont .tit {display: flex; align-items: center; gap: 1.6rem;}
.sec03 .cont .viewer .viewer_tabs .tab .cont .tit i {width: 4rem; height: 4rem; background: #8b8e9b; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.sec03 .cont .viewer .viewer_tabs .tab .cont .tit i img {width: 2rem; filter: invert(100%) sepia(2%) saturate(1236%) hue-rotate(281deg) brightness(116%) contrast(100%);}
.sec03 .cont .viewer .viewer_tabs .tab.tab01 .cont .tit i img {width: 2rem; margin-left: 4px;}
.sec03 .cont .viewer .viewer_tabs .tab.tab02 .cont .tit i img {width: 1.6rem;}
.sec03 .cont .viewer .viewer_tabs .tab .cont .tit p {font-size: 2.2rem; font-weight: 400; color: #444444;}
.sec03 .cont .viewer .viewer_tabs .tab a {visibility: hidden;}
.sec03 .cont .viewer .viewer_tabs .tab a img {width: 22px; transition: 0.5s ease-in-out;}
.sec03 .cont .viewer .viewer_tabs .tab a img:hover {transform: rotate(360deg);}
.sec03 .cont .viewer .viewer_tabs .tab .gauge_box {width: 100%; height: 1px; background: #dddddd;}
.sec03 .cont .viewer .viewer_tabs .tab .gauge_box .gauge {width: 0; height: 1px; background: #000; transition: 0.5s ease-in-out;}

.sec03 .cont .viewer .viewer_tabs .tab.active {opacity: 1;}
.sec03 .cont .viewer .viewer_tabs .tab.active .cont .tit p {font-weight: 600; color: #000;}
.sec03 .cont .viewer .viewer_tabs .tab.tab01.active .cont .tit i {background: #ed2123;}
.sec03 .cont .viewer .viewer_tabs .tab.tab02.active .cont .tit i {background: #0a276a;}
.sec03 .cont .viewer .viewer_tabs .tab.active .gauge_box .gauge {width: 100%;}
.sec03 .cont .viewer .viewer_tabs .tab.active a {visibility: visible;}

/*교육일정*/
.sec03 .cont .edu_plan {width: 49%; padding: 4.5rem 4.5rem 2.5rem; background: #f9f9f9; border-radius: 1.5rem;}
.sec03 .cont .edu_plan h3 {margin-bottom: 1.7rem;}
.sec03 .cont .edu_plan .edu_box {position: relative; margin-bottom: 2.5rem;}
.sec03 .cont .edu_plan .edu_box button {position: absolute; top: 46%; transform: translateY(-50%); color: #000; border: none; border-radius: 50%; cursor: pointer; z-index: 10;}
.sec03 .cont .edu_plan .edu_box button img {width: 2rem; height: 3rem; filter: invert(96%) sepia(0%) saturate(219%) hue-rotate(187deg) brightness(95%) contrast(84%);}
.sec03 .cont .edu_plan .edu_box button:hover img {filter: invert(0%) sepia(35%) saturate(3131%) hue-rotate(134deg) brightness(85%) contrast(101%);}
.sec03 .cont .edu_plan .edu_box .prev { left: -3rem; }
.sec03 .cont .edu_plan .edu_box .next {top: 40%; right: -3rem; transform: rotate(-180deg);}
.sec03 .cont .edu_plan .edu_box .edu_list {position: relative; overflow: hidden; margin-bottom: 1.5rem; padding: 1rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track {display: flex; transition: transform 0.4s ease; cursor: grab; gap: 1.5rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track:active {cursor: grabbing;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list {flex: 0 0 calc((100% - 1.5rem) / 2); box-sizing: border-box; padding: 3rem; border-radius: 2rem; background: #fff; overflow: hidden;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list:hover {box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1);}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .tit {}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .tit h1 {font-size: 2rem; color: #000; font-weight: 700; margin-bottom: 2rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box {margin-bottom: 1.7rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text {display: flex; justify-content: flex-start; align-items: center; gap: 1rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text:first-child {margin-bottom: 1.6rem;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text img {width: 1.6rem; filter: invert(71%) sepia(21%) saturate(3%) hue-rotate(315deg) brightness(82%) contrast(90%);}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text p {font-size: 1.6rem; color: #000; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text:last-child p {margin-bottom: -1px;} 
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .btn {display: inline-block; width: 100%; color: #fff; background: #fa7720; text-align: center; font-size: 1.6rem; font-weight: 500; border-radius: 1rem; padding: 1.3rem; border: 1px solid #fa7720; transition: 0.2s ease-in-out;}
.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .btn:hover {background: none; color: #fa7720;}
.sec03 .cont .edu_plan .edu_box .gauge_box {width: 100%; height: 0.5rem; border-radius: 2rem; background: #e9e9e9;}
.sec03 .cont .edu_plan .edu_box .gauge_box .gauge {width: 10%; height: 0.5rem; border-radius: 2rem; background: #fa7720; transition: 0.3s ease-in-out;}
.sec03 .cont .edu_plan .other_btn {width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 1rem;}
.sec03 .cont .edu_plan .other_btn .item {width: calc(100% / 6); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem;}
.sec03 .cont .edu_plan .other_btn .item div {margin: 0 auto; background: #fff; border-radius: 0.5rem; padding: 2rem 2rem 2rem; transition: 0.3s ease;}
.sec03 .cont .edu_plan .other_btn .item div:hover {background: #0a276a;}
.sec03 .cont .edu_plan .other_btn .item div img {width: 3.2rem; transition: 0.3s ease;}
.sec03 .cont .edu_plan .other_btn .item div:hover img {filter: invert(100%) sepia(5%) saturate(20%) hue-rotate(159deg) brightness(105%) contrast(106%);}
.sec03 .cont .edu_plan .other_btn .item p {font-size: 1.4rem; color: #444444; font-weight: 500; text-align: center; line-height: 1.1;}
.sec03 .cont .edu_plan .other_btn .item p.mt-1r {margin-top: 1rem;}
.sec03 .cont .edu_plan .other_btn .item p span {font-size: 1.2rem;}

.sec04 {margin-bottom: 6rem;}
.sec04 .notice_box {width: 100%; display: flex; justify-content: center;}
.sec04 .notice_box .notice {width: 50%; padding: 4.5rem; border: 1px solid #dddddd; border-radius: 1rem;}
.sec04 .notice_box .notice.first {margin-right: 3.5rem;}
.sec04 .notice_box .notice .tit {display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 4rem;}
.sec04 .notice_box .notice .tit h3 {font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1;}
.sec04 .notice_box .notice .tit a {}
.sec04 .notice_box .notice .tit a img {width: 2.2rem; margin-top: -1rem; transition: 0.5s ease-in-out;}
.sec04 .notice_box .notice .tit a img:hover {transform: rotate(360deg);}
.sec04 .notice_box .notice .cont {display: flex; flex-direction: column; gap: 3rem;}
.sec04 .notice_box .notice .cont a .item {display: flex; justify-content: flex-start; align-items: center;}
.sec04 .notice_box .notice .cont a .item span {background: #f1f9ff; border-radius: 0.5rem; padding: 0.75rem; text-align: center; font-size: 1.5rem; color: #6a6a6a; font-weight: 500; min-width: 10rem; margin-right: 1.4rem; line-height: 1;}
.sec04 .notice_box .notice .cont a .item p {font-size: 1.8rem; color: #000; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sec04 .notice_box .notice .cont a .item p:hover {text-decoration: underline; text-underline-offset: 3px;}

@media(max-width: 1700px) {
	.container .first_box .simple_text {padding: 3.5rem 5rem 3.5rem 0;}
}
@media(max-width: 1600px) {
	.container .first_box .simple_text {padding: 3.5rem 2rem 3.5rem 0;}
	.container .first_box .main_slide .slide_func {bottom: 3rem; left: 3rem;}
}
@media(max-width: 1400px) {
	.container .first_box {gap: 6.5rem;}
}
@media(max-width: 1300px) {
	.container .first_box {gap: 3.5rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt {top: 4rem; left: 4rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt h2 {font-size: 4rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt p {font-size: 1.5rem;}
	.container .first_box .simple_text h5 {font-size: 1.7rem;}
	.container .first_box .simple_text h3 {font-size: 2.4rem;}
	.container .first_box .simple_text h2 {font-size: 5rem;}
	
	.sec03 .cont .edu_plan .other_btn {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem;}
	.sec03 .cont .edu_plan .other_btn .item {width: 100%;}
	.sec03 .cont .edu_plan .other_btn .item div img {width: 4.2rem;}
	.sec03 .cont .edu_plan .edu_box {margin-bottom: 7.5rem;}
	.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list {flex: 0 0 100%; padding: 5rem 3rem;}
	.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .tit h1 {margin-bottom: 4rem;}
	.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box {margin-bottom: 3.7rem;}
	.sec03 .cont .viewer ul.cont-list {flex-direction: column;}
	.sec03 .cont .viewer ul.cont-list li {width: 100%;}
	
}
@media(max-width: 1024px) {
	.container .first_box {height: auto; flex-direction: column; margin-bottom: 0rem;}
	.container .first_box .main_slide {width: 100%;}
	.container .first_box .simple_text {padding: 0 20px 3rem;}
	.container .first_box::after {width: 18rem; height: 18rem; bottom: 25px; left:79%;}
	.sec02 .link-box {flex-direction: column;}
	.sec02 .link-box .search_box {width: 100%;}
	.sec02 .link-box .link-list {width: 100%;}
	.sec02 .link-box .link-list li {width: 50%;}
	.sec02 .link-box ul.link-list li a {justify-content: space-between; gap: 0;}
}
@media(max-width: 768px) {
	.container .first_box::after {bottom: 14px; left:78%;}
	.sec02 {margin-bottom: 6rem;}
	.sec03 {margin-bottom: 6rem;}
	
	.sec03 .cont {flex-direction: column; gap: 6rem;}
	.sec03 .cont .viewer {width: 100%; padding-top: 0;}
	.sec03 .cont .viewer ul.cont-list li a .cont {padding: 20rem 0;}
	.sec03 .cont .viewer .viewer_tabs .tab .cont {flex-direction: row;}
	.sec03 .cont .viewer ul.cont-list li a .tit p {font-size: 2rem;}
	.sec03 .cont .viewer ul.cont-list li a .cont i img {width: 5.2rem; height: 5.2rem;}
	.sec03 .cont .edu_plan {width: 100%;}
	.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list {padding: 3rem;}
	
	.sec04 .notice_box {flex-direction: column;}
	.sec04 .notice_box .notice {width: 100%;}
	.sec04 .notice_box .notice.first {margin-right: 0; margin-bottom: 3.5rem;}
}
@media(max-width: 560px) {
	.container .first_box .main_slide {height: 30rem; border-radius: 0;}
	.container .first_box .simple_text {text-align: center; gap: 2rem;}
	.container .first_box::after {bottom: 22px; left: 50%; transform: translateX(-50%);}
	.container .first_box .simple_text p {margin-top: 1rem;}
	.container .first_box .simple_text .btn_box {width: 100%; margin-top: 2rem; flex-direction: row;}
	.container .first_box .simple_text .btn_box a {width: 100%; font-size: 1.5rem; border-radius: 0.8rem; padding: 1.8rem 2.2rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .ss_img_overlay {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));}
	
	.sec02 {margin-bottom: 3rem;}
	.sec02 .link-box .link-list {flex-direction: column; gap: 1rem;}
	.sec02 .link-box .link-list li {width: 100%;}
	
	.sec03 {margin-bottom: 3rem;}
	.sec03 .cont {gap: 4rem;}
	.sec03 .cont .viewer ul.cont-list {margin-bottom: 3rem;}
	.sec03 .cont .edu_plan {padding: 3rem;}
	.sec03 .cont .viewer ul.cont-list li a .cont {padding: 12rem 0;}
	.sec03 .cont .edu_plan .other_btn {gap: 3rem;}
	.sec03 .cont .edu_plan .edu_box {margin-bottom: 3rem;}
	.sec03 .cont .edu_plan .edu_box .prev {left: -2.5rem;}
	.sec03 .cont .edu_plan .edu_box .next {right: -2.5rem;}
	.sec03 .cont .edu_plan .edu_box .edu_list .edu_track .list .text_box .text img {width: 1.7rem;}
	.sec03 .cont .viewer ul.cont-list li a .tit p {font-size: 1.8rem;}
	
	.sec04 .notice_box {gap: 3rem;}
	.sec04 .notice_box .notice {padding: 3rem;}
}
@media(max-width: 480px) {
	.swiper-pagination-bullet {width: 3px; height: 3px;}
	.container .first_box .main_slide .slide_func .current-slide {font-size: 1.4rem;}
	.container .first_box .main_slide .slide_func {bottom: 2rem; left: 2rem; gap: 2rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt {top: 6rem; left: 2rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt h2 {font-size: 3rem; margin-bottom: 1rem;}
	.container .first_box .main_slide .swiper-container .swiper-slide .txt p {font-size: 1.4rem;}
	
	.sec03 .cont .viewer ul.cont-list li a .cont i img {width: 4.2rem; height: 4.2rem;}
	.sec03 .cont .viewer ul.cont-list li a .cont {padding: 10rem 0;}
	.sec03 .cont .viewer ul.cont-list li a .tit p {padding: 2rem 1.8rem;}
	.sec03 .cont .edu_plan .other_btn .item div {padding: 3rem;}
	.sec03 .cont .edu_plan .other_btn .item div img {width: 3.2rem;}
	.sec03 .cont .viewer .viewer_tabs .tab a img {width: 1.6rem;}
	.sec03 .cont .viewer .viewer_tabs .tab .cont .tit p {font-size: 2rem; line-height: 1;}
	.sec03 .cont .viewer .viewer_tabs .tab .cont .tit i {width: 3.5rem; height: 3.5rem;}
	
	.sec04 .notice_box .notice .cont {gap: 1rem;}
	.sec04 .notice_box .notice .tit {margin-bottom: 2rem;}
	.sec04 .notice_box .notice .cont a .item span {font-size: 1.4rem;}
	.sec04 .notice_box .notice .cont a .item p {font-size: 1.6rem;}
}
@media(max-width: 425px) {
	.sec03 .cont .edu_plan .other_btn {gap: 2rem;}
	.container .first_box .main_slide .slide_func {gap: 2rem;}
	.container .first_box .main_slide .slide_func .current-slide {font-size: 1.5rem;}
}