@charset "utf-8";

html, body {overflow-x:hidden;}

/* SECTION 01 */
.section {position: relative;overflow: hidden;}
.section img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/* SWIPER */
.section .swiper-slide {position: relative;width: 100%;background-size: cover;background-position: center;}
.section .slide-content {position: absolute;left:50%;top:50%;max-width:960px;transform:translate(-50%, -50%);padding-bottom:60px;color: #fff;z-index: 10;}
.section .custom-swiper-controls {position: absolute;z-index:2;display: flex;justify-content:flex-start; align-items: center;top:calc(50% + 105px);left:50%;transform:translate(-50%, -50%);max-width:960px;}
.section .slide-content h2 {font-size: clamp(30px, 6vw, 70px);display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-shadow: 2px 2px 4px rgba(0, 0, 0, .7);font-family:'Noto Sans CJK',sans-serif;font-weight:700;line-height:1.2;letter-spacing:-1.5px;}
.section .slide-content p {font-size: clamp(18px, 2.6vw, 26px);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0, 0, 0, .7);font-family:'Noto Sans CJK',sans-serif;}
.section .arrow {display: flex; gap: 0 1rem; justify-content: space-between;}
.section .custom-button-prev {width: 40px;height: 40px;z-index: 20;border: 2px solid #fff; border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.section .custom-button-prev:hover {border: none; background: url(/hpg/type_C/images/common/btn_left_hover.png);background-size: cover;z-index: 22;}
.section .custom-button-prev::after {content: ''; width: 16px; height: 14px; background: url('/hpg/type_C/images/common/ico_arr_left2.png') no-repeat center center; background-size: cover; z-index: 9}
.section .custom-button-prev:hover::after {content: '';background: none;}
.section .custom-button-next {width: 40px;height: 40px;z-index: 20;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.section .custom-button-next:hover {border: none;background: url(/hpg/type_C/images/common/btn_right_hover.png); background-size: cover; z-index: 31;}
.section .custom-button-next::after {content: ''; width: 16px; height: 14px; background: url('/hpg/type_C/images/common/ico_arr_right2.png') no-repeat center center; background-size: cover; z-index: 9;}
.section .custom-button-next:hover::after {content: '';background: none;}
.section .swiper-pagination {display:flex;align-items:center;gap:0 1rem;position:relative;bottom: 0 !important;padding:0 .5rem 0 1.5rem;}
.section .swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin:0 !important;background: #ffffff !important;opacity: 1 !important;}
.section .swiper-pagination-bullet-active {background: #00713b !important;}
/* 정지/재생 버튼  */
.section .swiper-control.pause-btn {flex:none;width:20px;height:20px;z-index: 20;cursor: pointer;background:url('/hpg/type_C/images/common/btn_pause.png') no-repeat center;background-size:14px auto;}
.section .swiper-control.pause-btn.play {background: url('/hpg/type_C/images/common/btn_play.png') no-repeat center;background-size:14px auto;}
	@media screen and (max-width:1024px) {
		.section .slide-content {padding:0 3.3% 60px;max-width:100%;}
	}
	@media screen and (max-width:780px) {
		.section {height: 585px;}
		.section .slide-content {left:9%;transform:translate(0, -50%);padding:0 0 50px;width:82%;}
		.section .slide-content h2 {margin-top:0}
		
		.section .custom-swiper-controls {top:calc(50% + 65px);left:9.6%;transform:none;z-index: 21;}
		.section .swiper-pagination {gap:0 .5rem;padding:0 0 0 1rem;}
		.section .custom-button-prev,.section .custom-button-next {width:30px;height:30px;border-width:1px;}
	}
	@media screen and (max-width:390px) {
		.section .pause-btn {width:20px;height:20px;}
	}

/* main */
.main-Visual{position: relative;}
.main-container {position: relative;overflow:hidden;height: 770px;}
.main-ct{flex: none; width: 100%;}
.main-slide{width: 100%;height:770px;}
.main-slide img{width: 100%; height: 100%; object-fit: cover;}

.phrase-box {position:absolute;left:50%;top:50%;width:60%;max-width:1160px;transform:translate(-50%, -50%);color: #fff;z-index: 10;font-family:'Noto Sans CJK',sans-serif;line-height:1.2;}
.phrase-box .phrase-tit {display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size: clamp(30px, 6vw, 68px);text-shadow: 2px 2px 4px rgba(0, 0, 0, .7);font-weight:700;letter-spacing:-1.5px;}
.phrase-box .phrase-txt {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(18px, 2.6vw, 26px);text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);}

/* 컨트롤러 */
.phrase-General{position: absolute;left:50%;bottom:1rem;/*top:calc(50% + 14rem);*/width:60%;max-width:1160px;transform:translateX(-50%);color: #fff;z-index: 10;display:flex;justify-content:flex-start;align-items:center;gap:1rem;}
.target-dots-box>ul.target-dots{display: flex;align-items:center; gap:0 7px;line-height:0;}
.target-dots-box>ul>li button {width: 10px; height:10px;border-radius: 100%; background:#fff;transition: all 0.3s ease;font-size:0;}
.target-dots-box>ul>li.slick-active button {background:#00713b !important;}

.slick-prev, .slick-next {width:20px; height: 20px; background-size: contain; background-repeat: no-repeat; text-indent: -9999em;}
.target-arrows {display:flex;justify-content:space-between;gap:1rem;}
.target-arrows button.slick-arrow {width: 40px;height: 40px;z-index: 20;border: 2px solid rgba(0,0,0,.1); border-radius: 50%;}
.target-arrows button.slick-prev, 
.phrase-General button.slick-next{content: '';}
.target-arrows button.slick-prev.slick-arrow.slick-disabled{background: url('/hpg/type_C/images/common/ico_arr_left2.png') no-repeat center center;background-size: 16px auto;opacity:.3}
.target-arrows button.slick-next.slick-arrow.slick-disabled{background: url('/hpg/type_C/images/common/ico_arr_right2.png') no-repeat center center;background-size: 16px auto;opacity:.3}
.target-arrows button.slick-prev {background: url('/hpg/type_C/images/common/ico_arr_left2.png') no-repeat center center;background-size: 16px auto;}
.target-arrows button.slick-next {background: url('/hpg/type_C/images/common/ico_arr_right2.png') no-repeat center center;background-size: 16px auto;}

button[type="button"].target-play{flex:none;width:20px;height:20px;z-index: 20;background:url('/hpg/type_C/images/common/btn_pause.png') no-repeat center;background-size:14px auto;}
button[type="button"].target-play.pause{background: url('/hpg/type_C/images/common/btn_play.png') no-repeat center;background-size:14px auto;}
	@media screen and (max-width:1024px){
		.main-container {height:650px;}
		.main-slide {height:650px;}
		.phrase-box{padding-bottom:6rem;}
		.phrase-box .phrase-tit {display:-webkit-box;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
		.phrase-General {bottom:7rem}
		/*.goto-box{top: auto; bottom: 1rem; left: 2rem; right: auto;}*/
	}
	@media screen and (max-width:780px){
		.main-container {height:585px;}
		.main-slide {height:585px;}
		.main-slide img {object-position:center}
		.phrase-box {left:2.6%;transform:translateY(-50%);width:84.4%;padding-bottom:6rem;}
		.phrase-General{left:2.6%;transform:none;gap:.5rem;}
		.target-dots-box>ul.target-dots {gap:.5rem;}

		.target-arrows {gap:.5rem;}
		.target-arrows button.slick-arrow {width:30px;height:30px;border-width:1px;}	
	}
	@media screen and (max-width:390px){
		.phrase-box {padding-bottom:4rem;}
		.phrase-General {top:calc(50% + 4rem);}
	}
	@media screen and (min-width:1025px){
		/*.goto-box {top: auto; bottom: 1rem;}*/
		.target-arrows button.slick-prev:hover {background:#fff url('/hpg/type_C/images/common/btn_left_hover.png') no-repeat center center;background-size: 40px auto;}
		.target-arrows button.slick-next:hover{background:#fff url('/hpg/type_C/images/common/btn_right_hover.png') no-repeat center center;background-size: 40px auto;}
	}

/* SNS LINKS */
.section .social-links {position: absolute;bottom: 0%;right: 10%;z-index: 10;}
.section .social-links>ul {display:flex;background-color:#19633d;position: relative;}
.section .social-links>ul>li {flex:1;min-width:250px;position: relative;}
.section .social-links>ul>li + li::after {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:30px;background-color:rgba(255,255,255,.3)}
.section .social-link {display:block;width:100%;padding:1.1rem 2.5rem 1.1rem 5%;color: #fff;background: url('/hpg/type/images/common/ico_arr_w.png') no-repeat calc(100% - 10px) 50%;background-size:auto 18px;line-height:1.1}
.section .social-link>dl {display:flex;align-items:center;gap:0 1rem;}
.section .social-link>dl>dt {flex:none;width:32px;aspect-ratio:1/1;border: 1px solid #fff; border-radius: 6px;display:flex;justify-content:center;align-items:center;}
.section .social-link>dl>dt>img {position:relative;width:16px;height:16px;object-fit:contain;}
.section .social-link>dl>dd {flex:none;width:calc(100% - 40px);font-size:clamp(12px,0.933vw,14px);}
.section .social-link>dl>dd>strong {display:block;font-weight:600;}
	@media screen and (max-width:1024px) {
		.section .social-links {right:unset;left:50%;transform:translateX(-50%);width:60%}
	}
	@media screen and (max-width:780px) {
		.section .social-links {left:0;width:100%;transform:translateX(0);}
		.section .social-links>ul {max-width:100%;}
		.section .social-links>ul::after {width:1px;}
		.section .social-links>ul>li {min-width:auto;}
	}


/* SECTION 02 */
.section2 {overflow:hidden;position: relative;padding:10rem 0 5rem;display: flex;gap:0 4.7%;background-color:#fff;}
.section2 .left {flex:none;width:23.4%;display: flex;justify-content:flex-end;}
.section2 .right {flex:none;width:calc(71.9% - 60px);position: relative;}
.section2 .btn-more {position:absolute;right:2rem;bottom:0;font-size:clamp(14px, 1.5vw, 18px);text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 8px;color: #a1a1a1;}

/* 메뉴 리스트 */
.section2 .menu-container {flex:none;width:100%;max-width:240px;position:relative;}
.section2 .menu-list {display:flex;flex-direction:column;}
.section2 .menu-list>li {flex:none;width:100%;}
.section2 .menu-item {display:flex;align-items:center;position:relative;padding-left:min(20px,1.33vw);padding-right:min(30px,2vw);height:clamp(40px,4vw,60px);border-bottom:1px solid #ccc;font-size:clamp(14px,1.33vw,20px);}
.section2 .menu-item>span {flex:none;width:100%;line-height:1.2;}
.section2 .menu-item::after {content: '';position: absolute; right:10px;top:50%;transform:translateY(-50%);display:block;width:clamp(10px,1.22vw,18px);aspect-ratio:1/1;background: url('/hpg/type_C/images/common/ico_plus_grey.png') no-repeat 0 0; background-size:100% auto;}
.section2 .menu-item.active {background-color: #005228; color: #fff;}
.section2 .menu-item.active::after {background: url('/hpg/type_C/images/common/ico_plus_white.png') no-repeat 0 0;background-size:100% auto;}

/* 슬릭 슬라이더 */
.slick-sliders .slide-content {display:flex;flex-direction:column;width:100%;aspect-ratio:4/2.6;padding:0 6.3%;position:relative;color:#111;border: 1px solid #ccc;background: #fff;line-height:1.5;}
.slick-sliders .slide-content .tit {margin-top:min(25px, 1.3vw);max-height:60px;height:60px;font-size:20px;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.slick-sliders .slide-content .desc {margin-top:min(25px, 1.3vw);max-height:48px;height:48px;font-size:16px;font-weight:300;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.slick-sliders .slide-content .date {flex:none;width:100%;margin-top:auto;margin-bottom:min(25px, 1.5vw);color:#767676;font-size:14px;}
.slick-wrapper {position: relative;margin-bottom:5rem;}
.slick-wrapper .slick-list {margin:0;}
.slick-wrapper .slick-slide {margin:0 20px;}
.slick-wrapper .slick-current .slide-content {background-color:#0b2e75;border-color:#0b2e75;}
.slick-wrapper .slick-current .tit,
.slick-wrapper .slick-current .desc,
.slick-wrapper .slick-current .date {color:#fff}

/* 슬릭 버튼 */
.slick-sliders .custom-slick-controls {position: absolute;z-index: 20;display:block;top:calc(50% - 60px);width:calc(100% - 160px)}
.slick-sliders .custom-slick-controls .custom-button {position: absolute;width:80px;height:80px;}
.slick-sliders .custom-slick-controls .custom-button img {width:100%;}
.slick-sliders .custom-slick-controls .custom-button-prev2 {left:-20px;}
.slick-sliders .custom-slick-controls .custom-button-next2 {right:0;}
	@media screen and (max-width:1024px) {
		.section2 {padding:7rem 3.3%;}
		.section2 .right {width:71.9%;}

		.section2 .menu-item {padding:0 1rem;}
		.section2 .menu-item::after {right:10px;}
		
		.slick-wrapper .slick-list {margin:0 -10px;}
		.slick-wrapper .slick-slide {margin:0 10px;}
		.slick-sliders .custom-slick-controls {width:100%;}
		.slick-sliders .custom-slick-controls .custom-button-next2 {right:-20px;}
	}
	@media screen and (max-width:780px) {
		.section2 {padding:5rem 2.6%;flex-direction: column; justify-content: flex-start;}
		.section2 .left {flex:none;width:100%;justify-content: flex-start;}
		.section2 .menu-container {max-width:100%;}
		.section2 .menu-list {flex-direction:row;flex-wrap:wrap;}
		.section2 .menu-list>li {flex:none;width:auto;position:relative;}
		.section2 .menu-list>li::after {content:'';position:absolute;right:0;top:calc(50% - 8px);width:1px;height:16px;background-color:#005228;}
		.section2 .menu-item {padding-left:1.5rem;padding-right:3rem;border-bottom: 0; }
		.section2 .menu-item::after {right:10px;background-size:100% auto}
		.section2 .menu-item.active::after {width:10px;height:10px;background-size:100% auto}
		.section2 .btn-more {right:2rem;text-decoration-thickness:1px;text-underline-offset:4px;}
		.section2 .slick-sliders {margin:0 auto;width:100%;padding:3rem 0 0}
		
		.slick-sliders .slide-content {aspect-ratio:auto;padding-bottom:2.5rem;}
		.slick-sliders .slide-content .tit {margin-top:2.5rem;font-size:16px;max-height:48px;height:48px;}
		.slick-sliders .slide-content .desc {font-size:14px;max-height:42px;height:42px;}
		.slick-sliders .slide-content .date {font-size:12px;margin-top:3rem;margin-bottom:0}
		
		.slick-wrapper {margin-bottom:3rem;}
		.slick-sliders .custom-slick-controls {top:calc(50% - 30px);}
		.slick-sliders .custom-slick-controls .custom-button {width:40px;height:40px;}
		.slick-sliders .custom-slick-controls .custom-button-prev2 {left:0;}
		.slick-sliders .custom-slick-controls .custom-button-next2 {right:0;}
	}
	@media screen and (max-width:390px) {
		.slick-wrapper .slick-list {padding:0 20px !important}
	}
	@media screen and (min-width:1025px) {
		.section2 .menu-item:hover {background-color: #005228; color: #fff}
		.section2 .menu-item:hover::after {background: url('/hpg/type_C/images/common/ico_plus_white.png') no-repeat 0 0;background-size:100% auto;}
		
		.slick-sliders .slide-content {max-width:400px;}
	}

/* SECTION 03 */
.section3 {position: relative;background-color:#fff;}
.section3::before {content: '';position: absolute;left: 0; top: 0;width:55%; height: 80%; background:#005228}
.section3 .activity {overflow:hidden;position: relative;padding:10rem 0 5rem;display: flex;gap:0 4.7%}
.section3 .info-panel {flex:none;width:23.4%;display: flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;color:#fff;}
.section3 .info-panel .category {flex:none;width:100%;max-width:240px;font-size: clamp(14px, 1.2vw, 18px);font-weight:600;}
.section3 .info-panel .title{flex:none;width:100%;max-width:240px;margin-top:2rem;font-size: clamp(22px, 1.733vw, 26px);font-weight:400;display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.section3 .info-panel .date{flex:none;width:100%;max-width:240px;color: #87a191;font-size:clamp(15px, 1.33vw, 20px)}
.section3 .info-panel .btn-more {flex:none;width:100%;max-width:240px;margin-top:3.33vw;font-size:clamp(14px, 1.5vw, 18px);text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 8px;}

.section3 .slick-slider2 {flex:none;position: relative;width:71.9% }
.section3 .slider-wrapper2 {position: relative;}
.section3 .slider-wrapper2 li {aspect-ratio:4/3;}
.section3 .slider-wrapper2 .slick-list {margin:0;}
.section3 .slick-slider2 .slick-slide {position: relative;margin:0 20px;transition: 0.3s ease;}
.section3 .slick-slider2 .slick-slide img {width:100%;height:100%;object-fit:cover;object-position:center;}
.section3 .slick-slider2 .slick-slide:not(.slick-current) img {filter: brightness(50%);}

.section3 .custom-slicks-controls {position: absolute;z-index: 20;display:block;top:calc(50% - 40px);width:calc(100% - 160px)}
.section3 .custom-slicks-controls .custom-button {position: absolute;width:80px;height:80px;}
.section3 .custom-slicks-controls .custom-button img {width:100%;}
.section3 .custom-slicks-controls .custom-button-prev3 {left:-20px;}
.section3 .custom-slicks-controls .custom-button-next3 {right:0;}
	@media screen and (max-width: 1024px) {
		.section3::before {width:100%;}
		.section3 .activity {padding:5rem 2.6%;flex-direction: column; justify-content: flex-start;gap:3rem 0;}
		.section3 .info-panel {width:100%;}
		.section3 .info-panel .category,
		.section3 .info-panel .title,
		.section3 .info-panel .date,
		.section3 .info-panel .btn-more {max-width:100%;}
		.section3 .info-panel .btn-more {margin-top:0}
		
		.section3 .slick-slider2 {margin:0 auto;width:100%;}
		.section3 .slick-slider2 .slick-slide {margin:0 10px;}
		.section3 .custom-slicks-controls {width:100%;}
		.section3 .custom-slicks-controls .custom-button-prev3 {left:0;}
		.section3 .custom-slicks-controls .custom-button-next3 {right:0;}
	}
	@media screen and (max-width: 780px) {
		.section3 .info-panel .btn-more {text-decoration-thickness:1px;text-underline-offset:4px;}
		.section3 .slider-wrapper2 .slick-list {margin:0 40px; }
		.section3 .custom-slicks-controls {top:calc(50% - 20px);}
		.section3 .custom-slicks-controls .custom-button {width:40px;height:40px;filter:invert(90%)}
	}
	@media screen and (max-width: 390px) {
		.section3 .slider-wrapper2 .slick-list {margin:0 10px;}
		.section3 .custom-slicks-controls .custom-button {filter:invert(0)}
	}

/* SECTION 04 */
.section4 {justify-content: space-between;width: 100%;max-width:1600px;padding: 20px 5rem;background-color: #fff;margin: 0 auto;}
.section4 .calendar {display: flex;justify-content: space-between}
.section4 .acCalendar-info {flex:none;width:24%;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;color: #000;}
.section4 .acCalendar-tit {display: flex;align-items: center;width: 100%;}
.section4 .acCalendar-tit h3 {font-size: clamp(24px, 2.133vw, 32px);font-weight:600;margin-right: 28px;}
.section4 .btn-more2 {font-size: clamp(14px, 1.5vw, 18px);display: inline-block;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 8px;color: #a1a1a1;}

.section4 .acCalendar-month .month-num {font-size: clamp(30px, 2.66vw, 40px);font-weight:600;display: block;}
.section4 .acCalendar-month .month-desc {display: flex;color:#111;font-size: clamp(20px, 1.733vw, 26px);font-weight:400;}
.section4 .acCalendar-month .month-desc span {margin-right: 10px;}
.section4 .acCalendar-month .month-desc .month-name {text-transform:capitalize}
.section4 .acCalendar-content {flex:none;width:75.3%;position: relative;display: flex;flex-direction: column;}
.section4 .acCalendar-body {flex:none;width: 100%;display: flex;align-items: center;justify-content: center;}

.section4 .calendar-slider {width: 100%;overflow: hidden;position: relative;}
.section4 .calendar-wrapper {padding: 10px 40px;}

.section4 .calendar-date {position:relative;max-width:60px;aspect-ratio:1/1;display:flex !important;flex-direction:column;justify-content:center;cursor: pointer;font-size:clamp(14px,1.2vw,18px);text-align: center;line-height:1;}
.section4 .calendar-date span {display:inline-block;vertical-align:middle;width:100%}
.section4 .calendar-date.active {color: white;}
.section4 .calendar-date.active::before {content: "";position: absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background: #0b2e75;z-index: -1;}
.section4 .custom-slick-controls {position: absolute;top:calc(50% - 10px);width:100%;}
.section4 .custom-slick-controls button {position: absolute;width: 20px;height: 20px;font-size:0;}
.section4 .custom-slick-controls .prev-month {left: 0;background: url(/hpg/type_C/images/common/ico_arr_left_bl.png) no-repeat 0 0;background-size:auto 20px;}
.section4 .custom-slick-controls .next-month {right: 0;background: url(/hpg/type_C/images/common/ico_arr_right_bl.png) no-repeat 100% 0;background-size:auto 20px;}

.section4 .event-list {display: flex;margin-top: 10px;padding: 15px;background: #fff;border-top: 2px solid #ddd;justify-content: space-between;}
.section4 .selected-date {width: 30%;margin-bottom: 10px;color:#111;font-size: clamp(18px, 1.733vw, 26px);font-weight:500;}
.section4 .events {width: 100%;display: flex;justify-content: space-between;padding: 0;color:#111;font-size: clamp(18px, 1.733vw, 26px);font-weight:500;letter-spacing:-0.5px;}
.red {color: red;}
	@media (max-width: 1024px) {
		.section4 {padding:0 3.3%}
		.section4 .calendar {flex-direction: column;align-items: center;}
		.section4 .acCalendar-info {width: 100%;}
		.section4 .acCalendar-content {width: 100%;}
	}
	@media (max-width: 780px) {
		.section4 {padding:0 2.6%}
		.section4 .calendar-wrapper {padding: 10px 20px;}
		.section4 .event-list {flex-direction: column;border-top-width:1px;margin-top:0;}
		.section4 .selected-date {width: 100%;}
		.section4 .btn-more2 {text-decoration-thickness:1px;text-underline-offset:4px;}
	}
	@media (max-width: 390px) {
		.section4 {position: relative;}
		.section4 .calendar-date {max-width:35px;}
		.section4 .event-list {padding: 15px 0;}
	}

/* SECTION 05 */
.section5 {width: 100%;background: #002F6C;}
.quick-menu {display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;max-width: 1600px;padding:0 5rem;margin: 0 auto;color: white;}
.quick-tit {flex:none;}
.quick-tit h1 {padding-right:2.66vw;color:#fff;font-size:clamp(24px,2.133vw,32px);font-weight:500;}
.quick-item-wrap {flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:2rem 2.3%;}
.quick-item {flex:1;max-width:140px;min-width:128px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:.5rem 0;aspect-ratio: 1 / 1;transition: all 0.3s ease;}
.quick-item img {flex:none;width:50%;margin:0 auto;display:block;}
.quick-item span {display: block;font-size: clamp(12px, 1.2vw, 16px);letter-spacing:-0.5px;}
.quick-item.active {background: white;color: #005228;}
.quick-item.active img{filter: invert(22%) sepia(12%) saturate(4690%) hue-rotate(110deg) brightness(50%) contrast(100%)}
	@media (max-width: 1024px) {
		.quick-menu {padding:7rem 3.3%;gap:3rem 0;align-items:flex-start;}
		.quick-tit h1 {padding:0;width:100%;}
		.quick-item-wrap {flex:none;width:100%;justify-content: flex-start;gap:2rem;}
		.quick-item {flex:none;width:calc(20% - 20px)}
	}
	@media (max-width: 780px) {
		.quick-menu {padding:5rem 5%;gap: 10px;height: auto;max-width: 100%;}
		.quick-item-wrap {padding:0 3%;}
		.quick-item {min-width:100px;}
	}
	@media screen and (max-width:390px){
		.quick-item-wrap {padding:0;gap:1rem}
		.quick-item {width:calc(33% - 10px);}
	}
	@media screen and (max-width:360px){
		.quick-item {width:calc(50% - 10px);}
	}
	@media (min-width:1025px) {
		.quick-item:hover {background: white;color: #005228;}
		.quick-item:hover img{filter: invert(22%) sepia(12%) saturate(4690%) hue-rotate(110deg) brightness(50%) contrast(100%)}
	}
	@media screen and (min-width: 1500px){
		.quick-item-wrap {min-width:1120px;gap:2rem 2.3%;flex-wrap:nowrap;justify-content:flex-end;}
	}