#waMain {background: linear-gradient(0deg,rgba(40, 91, 144, 1) 0%, rgba(48, 52, 61, 1) 100%); position: relative; overflow: hidden;}

header .logo {color: #fff;}
header .login {border-right: 1px solid rgba(255,255,255,0.3);}
header .login i, header .pop_open i {filter: unset;}
header .over .login, header.active .login,
header .over .pop_open i, header.active .pop_open i,
header .over .btn_wrap i, header.active .btn_wrap i{filter: invert(1);}
header .btn_wrap a, header .btn_wrap button {color: #fff;}
header.active .btn_wrap .sitemap i {filter: invert(1);}
header .sitemap i {filter: unset;}

@media (min-width: 1201px) {
    header .login, header .menu .depth1>a {color: #fff;}
}

/* section 공통 */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: unset !important;}
.swiper-slide a:focus, .swiper-slide a:focus-visible {outline-offset: -2px;}
section {position: relative;}
section .main_tit {position: relative; z-index: 1;}
section .main_tit h1 {font-size: 40px; color: #f5f5f5; position: relative; font-family: 'NanumSquare', Sans-serif;}
section .main_tit h1 span {color: var(--color-yellow);}
section .main_tit h1 + p {margin-top: 10px;}
section .main_tit .s_tit {font-size: 21px; color: var(--color-yellow); position: relative; width: fit-content; font-family: 'Montserrat', Sans-serif;}
section .main_tit .s_tit::before {content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--color-yellow); position: absolute; top: 0; right: -15px;}
section .main_tit p {font-size: 18px; color: #fff; line-height: 1.6; word-break: keep-all;}
section .main_tit p span {color: var(--color-yellow);}
section .detail_btn {width: fit-content; height: 55px; padding: 0 30px; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 50px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; font-size: 18px; font-weight: 600; line-height: 1; backdrop-filter: blur(5px);}
section .detail_btn:hover {background: var(--color-yellow); border-color: var(--color-yellow); color: #183150;}
section .detail_btn:hover i {transform: translateX(7px);}
section .detail_btn i {content: ''; width: 12px; height: 12px; background-color: #fff; -webkit-mask: url("../../assets/images/main/icon-arrow_right2.svg") no-repeat; mask: url("../../assets/images/main/icon-arrow_right2.svg") no-repeat center; background-image: none; background-repeat: no-repeat; background-size: contain; transition: transform 0.3s ease;}
section .detail_btn:hover i {background-color: #183150;}
section .btn_wrap {display: flex; align-items: center; justify-content: center; gap: 10px; flex: none;}
section .btn_wrap .swiper-button, section .btn_wrap .btn {width: 44px; height: 44px; border-radius: 999px; position: unset; margin: 0; background: #fff;}
section .btn_wrap .swiper-button::after {content: unset;}
section .btn_wrap .swiper-button:hover, section .btn_wrap .btn:hover {background-color: var(--color-yellow);}
section .btn_wrap .swiper-button-prev::before, section .btn_wrap .swiper-button-next::before {content: ''; width: 12px; height: 12px; mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #183150;}
section .btn_wrap .swiper-button-prev::before {mask-image: url("../../assets/images/ico/ico_prev.svg");}
section .btn_wrap .swiper-button-next::before {mask-image: url("../../assets/images/ico/ico_next.svg");}
section .btn_wrap .swiper-button-next.swiper-button-disabled, section .btn_wrap .swiper-button-prev.swiper-button-disabled {opacity: 1;}
section .btn_wrap button.is-disabled{opacity:.3; pointer-events:none;}
section .btn_wrap .more_btn {background: #fff; display: flex; align-items: center; justify-content: center;}
section .btn_wrap .more_btn::before {content: ''; width: 12px; height: 12px; mask-image: url("../../assets/images/main/btn_more.png"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #183150;}
section .cont {z-index: 1;}
section .swiper-pagination {position: unset; font-size: 21px; color: #fff;}

.main_section {background-repeat: no-repeat; background-size: cover; position: relative; padding-top: 150px;}
.main_section::before {content: ''; width: 100%; height: 50%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.5;}
.main_section::after {content: ''; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(48, 52, 61, 1) 0%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(2px);}

.main_section .main_bg_slider {position: absolute; inset: 0; z-index: 0;}
.main_section .main_bg {position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out;}
.main_section .main_bg.active {opacity: 1;}
.main_section > *:not(.main_bg_slider) {position: relative; z-index: 1;}

.main_section .inner {position: relative; z-index: 1;}
.main_section .main_top {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.main_section .main_top .left {flex: 1; max-width: 720px; color: #fff;}
.main_section .main_top .left .main_top_tit {font-size: 52px; line-height: 1.28; word-break: keep-all;}
.main_section .main_top .left .main_top_txt {font-size: 26px; line-height: 1.5; word-break: keep-all; margin-top: 8px;}
.main_section .main_top .left .search {height: 60px; margin-top: 40px; padding: 7px 7px 7px 15px; border: 1px solid rgba(255,255,255,0.5); border-radius: 20px; background: rgba(255,255,255,0.2); backdrop-filter: blur(4px);}
.main_section .main_top .left .search form {display: flex; align-items: center; height: 100%;}
.main_section .main_top .left .search button {height: 44px; flex: none; padding: 0 15px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.main_section .main_top .left .search input {background: unset; border: 0; color: #fff; width: 100%; border-radius: 10px;}
.main_section .main_top .left .search input::placeholder {color: #F3F3F3;}
.main_section .main_top .right {flex: 1; max-width: 610px; color: #fff;}
.main_section .main_top .right ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.main_section .main_top .right ul > li {border-radius: 8px; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); padding: 16px 30px;}
.main_section .main_top .right ul > li .tit {font-size: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.main_section .main_top .right ul > li .tit .icon {width: 54px; height: 54px; border-radius: 999px; background: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: contain; background-position: center; flex: none;}
.main_section .main_top .right ul > li .tit .icon.img1 {background-image: url("../../assets/images/main/right_img1.png");}
.main_section .main_top .right ul > li .tit .icon.img2 {background-image: url("../../assets/images/main/right_img2.png");}
.main_section .main_top .right ul > li .tit .icon.img3 {background-image: url("../../assets/images/main/right_img3.png");}
.main_section .main_top .right ul > li .tit .icon.img4 {background-image: url("../../assets/images/main/right_img4.png");}
.main_section .main_top .right ul > li .board_list {margin-top: 15px;}
.main_section .main_top .right ul > li .board_list a {display: flex; align-items: center; position: relative; line-height: 1.6; transition: .3s;}
.main_section .main_top .right ul > li:hover {background: #E4FF6C21;}
.main_section .main_top .right ul > li .board_list a:hover {color: var(--color-yellow); transform: translateX(5px);}
.main_section .main_top .right ul > li .board_list a::before {content: ''; width: 16px; height: 8px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: background-color .3s; background-color: #fff; -webkit-mask: url("../../assets/images/main/icon-arrow_right.svg") no-repeat center; mask: url("../../assets/images/main/icon-arrow_right.svg") no-repeat center; background-image: none; background-repeat: no-repeat; background-size: contain;}
.main_section .main_top .right ul > li .board_list a:hover::before{background-color: var(--color-yellow);}

.main_section .board_wrap {max-width: 1500px; margin: 55px auto 0;}
.main_section .board_wrap .board_top {display: flex; align-items: center; gap: 15px;}
.main_section .board_wrap .board_top .btn_box {font-size: 22px; color: #fff; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.2); backdrop-filter: blur(4px); padding: 10px 30px; border-radius: 20px;}
.main_section .board_wrap .board_top .btn_box:hover {background: rgba(255,255,255,0.8); color: #183150;}
.main_section .board_wrap .board_top .progress_bar.scr_bar {margin: 0 20px; flex: 1; height: 2px; background: rgba(255, 255, 255, 0.5); position: relative; overflow: visible; cursor: pointer; border-radius: 4px;}
.main_section .board_wrap .board_top .progress_bar.scr_bar .bar {background: #fff; position: absolute; top: -1px; left: 0; height: 4px; transition: all 0.6s; border-radius: 4px;}

.main_section .board_wrap .board_slide {margin-top: 30px;}
.main_section .board_wrap .board_slide .swiper-wrapper {}
.main_section .board_wrap .board_slide .swiper-slide a {display: flex; align-items: center; gap: 20px;}
.main_section .board_wrap .board_slide .swiper-slide a:hover .cont .subject {text-decoration: underline; text-underline-offset: 4px;}
.main_section .board_wrap .board_slide .swiper-slide .img {display: flex; border-radius: 15px; overflow: hidden; flex: none; max-width: 40%;}
.main_section .board_wrap .board_slide .swiper-slide .img img {aspect-ratio: 170/166;}
.main_section .board_wrap .board_slide .swiper-slide .cont {display: flex; flex-direction: column; flex: 1;}
.main_section .board_wrap .board_slide .swiper-slide .cont .cate {font-size: 13px; color: var(--color-yellow); margin-bottom: 4px;}
.main_section .board_wrap .board_slide .swiper-slide .cont .subject {font-size:20px; color:#fff; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.main_section .board_wrap .board_slide .swiper-slide .cont .txt {font-size:17px; font-family:'PretendardLight', Sans-serif; color:#fff; margin:20px 0; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space: pre-line; min-height: 48px; /*max-width: 260px;*/}
.main_section .board_wrap .board_slide .swiper-slide .cont .date {font-size: 14px; font-family: 'PretendardLight', Sans-serif; color: rgba(255,255,255,0.8);}
.main_section .board_wrap .board_slide .empty {text-align: center; font-size: 1.25rem; color: #fff; padding: 20px 0 40px;}

.section1 {padding: 120px 0 20px; position: relative; /*background-image: url("../../assets/images/main/sect1_bg.png");*/ background-repeat: no-repeat; background-size: cover; overflow: visible; background: linear-gradient(0deg,rgba(40, 91, 144, 1) 0%, rgba(48, 52, 61, 1) 100%); z-index: 1;}
.section1::before {content: ''; width: 800px; aspect-ratio: 8/7.5; border-radius: 50%; background: linear-gradient(180deg, rgba(228, 255, 108, 0.5) 0%, rgba(1, 28, 66, 0) 60%); position: absolute; top: 60px; left: 50%; transform: translateX(-50%); opacity: 0.8; filter: blur(40px);}
.section1 .main_tit h1 {margin: 0 auto 50px;}
.section1 .menu_wrap {display: flex; align-items: center; justify-content: space-between; gap: 60px; position: relative;}
.section1 .menu_wrap::before {content: ''; width: 1px; height: 70%; border-right: 1px dotted rgba(255,255,255,0.5); position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%);}
.section1 .menu_cont{position: relative; flex: 1; max-width: 690px; padding: 50px 30px 30px; backdrop-filter: blur(2px); background-image: none;}
.section1 .menu_cont::before{content: ''; position: absolute; inset: 0; background-image: url("../../assets/images/main/folder_bg.png"); background-size: 100% 100%; background-position: center; transform-origin: center; z-index: 0; pointer-events: none;}
.section1 .menu_cont.right::before{transform: scaleX(-1);}
.section1 .menu_cont > *{position: relative; z-index: 1;}
.section1 .menu_cont.left {}
.section1 .menu_cont.right {}
.section1 .menu_cont .top {color: var(--color-yellow);}
.section1 .menu_cont .top span {color: var(--color-yellow); font-family: 'Montserrat', Sans-serif;}
.section1 .menu_cont .top p {font-size: 27px; color: #fff;}
.section1 .menu_cont.right .top {text-align: right;}
.section1 .menu_cont > ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 40px;}
.section1 .menu_cont > ul > li {}
.section1 .menu_cont > ul > li a {border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); backdrop-filter: blur(4px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; gap: 5px; color: #fff; background-color: rgba(255, 255, 255, 0.3); aspect-ratio: 1/1;}
.section1 .menu_cont > ul > li a:hover {background-color: rgba(228, 255, 108, 0.69);}
.section1 .menu_cont > ul > li a p {font-size: 17px; font-family: 'PretendardLight', Sans-serif; text-align: center; word-break: keep-all;}
.section1 .menu_cont > ul > li a .icon {width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: contain; background-position: center;}
.section1 .menu_cont > ul > li a .icon.business1 {background-image: url("../../assets/images/main/business1.svg");}
.section1 .menu_cont > ul > li a .icon.business2 {background-image: url("../../assets/images/main/business2.svg");}
.section1 .menu_cont > ul > li a .icon.business3 {background-image: url("../../assets/images/main/business3.svg");}
.section1 .menu_cont > ul > li a .icon.business4 {background-image: url("../../assets/images/main/business4.svg");}
.section1 .menu_cont > ul > li a .icon.business5 {background-image: url("../../assets/images/main/business5.svg");}
.section1 .menu_cont > ul > li a .icon.business6 {background-image: url("../../assets/images/main/business6.svg");}
.section1 .menu_cont > ul > li a .icon.business7 {background-image: url("../../assets/images/main/business7.svg");}
.section1 .menu_cont > ul > li a .icon.business8 {background-image: url("../../assets/images/main/business8.svg");}
.section1 .menu_cont > ul > li a .icon.tour1 {background-image: url("../../assets/images/main/tour1.svg");}
.section1 .menu_cont > ul > li a .icon.tour2 {background-image: url("../../assets/images/main/tour2.svg");}
.section1 .menu_cont > ul > li a .icon.tour3 {background-image: url("../../assets/images/main/tour3.svg");}
.section1 .menu_cont > ul > li a .icon.tour4 {background-image: url("../../assets/images/main/tour4.svg");}
.section1 .menu_cont > ul > li a .icon.tour5 {background-image: url("../../assets/images/main/tour5.svg");}
.section1 .menu_cont > ul > li a .icon.tour6 {background-image: url("../../assets/images/main/tour6.svg");}
.section1 .menu_cont > ul > li a .icon.tour7 {background-image: url("../../assets/images/main/tour7.svg");}
.section1 .menu_cont > ul > li a .icon.tour8 {background-image: url("../../assets/images/main/tour8.svg");}

.section2 {padding: 120px 0; display: none;}
.section2::before {content: ''; width: 444px; height: 728px; transform: rotate(20deg); background-image: url("../../assets/images/main/sect2_bg1.png"); background-repeat: no-repeat; background-size: contain; position: absolute; left: -10%; bottom: -10%;}
.section2::after {content: ''; width: 651px; height: 786px; background-image: url("../../assets/images/main/sect2_bg2.png"); background-repeat: no-repeat; background-size: contain; position: absolute; right: -2%; top: 6%;}
.section2 .work_slide_wrap {position: relative;}
.section2 .work_slide_wrap::after {content: 'Ornamental Fish Business'; font-size: 150px; font-weight: 700; color: rgba(244,244,244,0.34); position: absolute; bottom: -130px; left: -5%; width: 100vw; white-space: nowrap;}
.section2 .work_slide {position: relative; color: #fff;}
.section2 .work_slide .swiper-slide .s_tit {font-size: 27px; line-height: 1.3;}
.section2 .work_slide .swiper-slide .tit {font-size: 70px; line-height: 1.5; font-family: 'Montserrat', Sans-serif; font-weight: 700;}
.section2 .work_slide .swiper-slide .txt {font-size: 26px; line-height: 1.3; margin-top: 12px;}
.section2 .work_slide .swiper_welfare_column_box {display: flex; flex-direction: column; flex: 1;}
.section2 .work_slide .swiper_welfare_content {display: flex; align-items: center; justify-content: space-between; gap: 50px;}
.section2 .work_slide .swiper_welfare_row_box {display: flex; align-items: center; gap: 60px;}

.section2 .work_slide .image_box {width: 100%; border-radius: 50px; overflow: hidden;}
.section2 .work_slide .image_box img {width: 100%; height: 100%; object-fit: cover;}
.section2 .work_slide .big_image_box {max-width: 620px; max-height: 420px; aspect-ratio: 43/28;}
.section2 .work_slide .medium_image_box {max-width: 360px; max-height: 360px; aspect-ratio: 1/1;}
.section2 .work_slide .small_image_box {max-width: 300px;max-height: 300px; margin-left: auto; aspect-ratio: 1/1;}
.section2 .work_slide .ani-item {opacity: 0; transform: translateY(60px); transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); visibility: hidden;}
.section2 .work_slide .ani-item.active {opacity: 1;	transform: translateY(0); visibility: visible;}

.section2 .work_slide .swiper-slide-active .big_image_box { transition-delay: 0.1s; }
.section2 .work_slide .swiper-slide-active .sub_tit { transition-delay: 0.2s; }
.section2 .work_slide .swiper-slide-active .tit { transition-delay: 0.3s; }
.section2 .work_slide .swiper-slide-active .txt { transition-delay: 0.4s; }
.section2 .work_slide .swiper-slide-active .small_image_box { transition-delay: 0.5s; }
.section2 .work_slide .swiper-slide-active .medium_image_box { transition-delay: 0.6s; }

.section2 .work_slide_wrap .btn_wrap {display: flex; align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 28px;}
.section2 .work_slide_wrap .btn_wrap .swiper-button {width: 130px; height: 44px; border-radius: 999px; border: 1px solid #FFFFFF2E; background-repeat: no-repeat; background-size: auto; background-position: center; position: relative; margin: 0; left: unset; right: unset; background-color: transparent;}
.section2 .work_slide_wrap .btn_wrap .swiper-button:hover {background-color: var(--color-yellow);}
.section2 .work_slide_wrap .btn_wrap .swiper-button-prev::before {content: ''; mask-image: url("../../assets/images/ico/ico_prev.svg"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #fff; width: 12px; height: 12px;}
.section2 .work_slide_wrap .btn_wrap .swiper-button-next::before {content: ''; mask-image: url("../../assets/images/ico/ico_next.svg"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #fff; width: 12px; height: 12px;}
.section2 .work_slide_wrap .btn_wrap .swiper-button-prev:hover::before, .section2 .work_slide_wrap .btn_wrap .swiper-button-next:hover::before {background-color: #183150;}


.section3 {background-image: url("../../assets/images/main/sect3_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 120px 0 60px; margin-top: -1px;}
.section3::before {content: ''; width: 100%; height: 40%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #285B90 0%, rgba(255, 255, 255, 0) 100%);}
.section3::after {content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, #1e64b4 20%, rgba(255, 255, 255, 0) 100%)}
.section3 .sect3_1 {display: flex; align-items: center; gap: 20px; max-width: 1800px; margin: 0 0 0 auto;}
.section3 .sect3_1 .main_tit::before {content: ''; width: 620px; height: 620px; border-radius: 50%; background: linear-gradient(180deg, rgba(228, 255, 108, 0.5) 0%, rgba(1, 28, 66, 0) 40%); position: absolute; top: calc(50% + 100px); left: calc(50% - 70px); transform: translate(-50%, -50%); opacity: 0.8; filter: blur(40px); z-index: -1;}
.section3 .sect3_1 .inner {flex: 1; max-width: 660px;}
.section3 .fish_btn_wrap {display: flex; align-items: center; justify-content: space-between; margin-top: 35px;}
.section3 .fish_wrap {flex: 1; min-width: 0;}
.section3 .fish_slide {}
.section3 .fish_slide .swiper-wrapper {align-items: stretch;}
.section3 .fish_slide .swiper-slide {border-radius: 56px; border: 1px solid rgba(255, 255, 255, 0.3); background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(16, 25, 50, 0.20) 100%), rgba(0, 40, 91, 0.30); display: block; height: 100%; padding-top: 50px;}
.section3 .fish_slide .img {position: relative; margin: -40px auto 0; display: flex; align-items: center; justify-content: center; height: 100%; max-height: 250px; aspect-ratio: 1.4/1;}
.section3 .fish_slide .img img {object-fit: cover;}
.section3 .fish_slide .info {padding: 16px 30px 40px;}
.section3 .fish_slide .info .en {font-size: 16px; color: var(--color-yellow); line-height: 1.4; font-family: 'Montserrat', Sans-serif;}
.section3 .fish_slide .info .name {font-size: 22px; color: #fff; margin-top: 4px; display: flex; align-items: center; justify-content: space-between;}
.section3 .fish_slide .info .name p {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.section3 .fish_slide .info .detail_btn {width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; transition: all .3s; flex: none; padding: 0;}
.section3 .fish_slide .info .detail_btn::before {content: ''; width: 12px; height: 12px; background-color: #fff; -webkit-mask: url("../../assets/images/main/icon-arrow_right2.svg") no-repeat center; mask: url("../../assets/images/main/icon-arrow_right2.svg") no-repeat center; background-image: none; background-repeat: no-repeat; background-size: contain;}
.section3 .fish_slide .swiper-slide:hover {background: linear-gradient(180deg, rgba(0, 66, 140, 0.20) 0%, #004694 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), rgba(0, 40, 91, 0.40);}
.section3 .fish_slide .swiper-slide:hover .info .detail_btn {background: var(--color-yellow);}
.section3 .fish_slide .swiper-slide:hover .info .detail_btn::before {background-color: #00428C;}

.section3 .sect3_2 {padding-top: 140px; position: relative; z-index: 1;}
.section3 .sect3_2::before {content: ''; width: 487px; height: 784px; background-image: url("../../assets/images/main/sect3_2_bg.png"); background-repeat: no-repeat; background-size: auto; position: absolute; top: 50%; right: -5%; z-index: -1;}
.section3 .sect3_2 .report_wrap {display: flex; align-items: stretch; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.section3 .sect3_2 .report_wrap .box_wrap {display: flex; align-items: stretch; gap: 40px; padding: 60px 40px 60px 0; height: 100%; position: relative;}
.section3 .sect3_2 .report_wrap .box_wrap .img {aspect-ratio: 121/145; max-width: 45%;}
.section3 .sect3_2 .report_wrap .box_wrap .img img {width: 100%; height: 100%; object-fit: cover;}
.section3 .sect3_2 .report_wrap .box_wrap .more_btn {border-radius: 100px; background: #fff; width: 56px; height: 56px; display: flex; flex: none; position: absolute; bottom: 54px; right: 40px;}
.section3 .sect3_2 .report_wrap .box_wrap .more_btn::before {content: ''; mask-image: url("../../assets/images/ico/ico_next.svg"); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #00428C; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section3 .sect3_2 .report_wrap .box_wrap .more_btn:hover {background: var(--color-yellow);}
.section3 .sect3_2 .report_wrap .box {color: #fff; display: flex; flex-direction: column; justify-content: space-between; gap: 70px;}
.section3 .sect3_2 .report_wrap .box .tit_wrap {display: flex; flex-direction: column; gap: 15px;}
.section3 .sect3_2 .report_wrap .box .tit_wrap:hover .tit {text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px;}
.section3 .sect3_2 .report_wrap .box .cate {font-size: 21px; font-weight: 500; color: var(--color-yellow); font-family: 'Montserrat', Sans-serif;}
.section3 .sect3_2 .report_wrap .box .tit {font-size: 40px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.section3 .sect3_2 .report_wrap .box .bot_wrap {display: flex; flex-direction: column; gap: 20px;}
.section3 .sect3_2 .report_wrap .box .tag_wrap {display: flex; flex-wrap: wrap; gap: 10px;}
.section3 .sect3_2 .report_wrap .box .tag_wrap p {font-size: 21px; line-height: 1.6; width: fit-content;}
.section3 .sect3_2 .report_wrap .box .date {font-size: 21px; font-weight: 500; color: #ffffffb0;}
.section3 .sect3_2 .report_wrap .report_left {flex: 1; max-width: 66%;}
.section3 .sect3_2 .report_wrap .report_left .tag_wrap {flex-direction: column;}
.section3 .sect3_2 .report_wrap .report_right {border-left: 1px solid #fff; flex: 1; max-width: 34%;}
.section3 .sect3_2 .report_wrap .report_right .box {padding: 60px 0 60px 30px;}
.section3 .sect3_2 .report_wrap .report_right .box + .box {border-top: 1px solid #fff;}
.section3 .sect3_2 .report_wrap .report_right .box .tit {font-size: 35px;}
.section3 .sect3_2 .report_wrap .box_wrap:has(.empty) {justify-content: center; flex-direction: column;}
.section3 .sect3_2 .report_wrap .box_wrap:has(.empty) .box {align-items: center; gap: 10px; padding: 0;}
.section3 .sect3_2 .report_wrap .empty {font-size: 1.25rem; color: #fff; text-align: center;}

.section4 {padding: 60px 0 20px; background: #1e64b4; position: relative; display: none;}
.section4::before {content: ''; width: 742px; height: 580px; background-image: url("../../assets/images/main/sect4_bg.png"); background-repeat: no-repeat; background-size: contain; position: absolute; left: 10%; top: 10%;}
.section4 .main_tit {width: fit-content; margin: 0 auto; text-align: center;}
.section4 .main_tit .custom_num {margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.section4 .main_tit .custom_num .dash {width: 40px; height: 1px; border-radius: 2px; background: rgba(255,255,255,0.4);}
.section4 .program_wrap {max-width: 1920px; margin: 0 auto;}
.section4 .program_slide {padding: 30px 0; margin-top: 50px;}
.section4 .program_slide .img {position: relative; padding-bottom: 20px;}
.section4 .program_slide .detail_btn {position: absolute; right: 0; bottom: 0; transition: all .3s;}
.section4 .program_slide .info {color: #fff; text-align: center; margin-top: 16px; transition: all .3s; word-break: keep-all;}
.section4 .program_slide .info .tit {font-size: 28px; line-height: 1.5;}
.section4 .program_slide .info .txt {font-size: 17px;}
.section4 .program_slide .swiper-slide img {border-radius: 130px; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 9; transform: scale(0.6) rotate(-10deg) translateY(60px); opacity: 0.8; transition: all .4s ease-in-out;}
.section4 .program_slide .swiper-slide-next img {transform: scale(0.6) rotate(10deg) translateY(60px);}
.section4 .program_slide .swiper-slide-active img {border-radius: 180px; transform: scale(1); opacity: 1;}
.section4 .program_slide .swiper-slide:not(.swiper-slide-active) .detail_btn, .section4 .program_slide .swiper-slide:not(.swiper-slide-active) .info {opacity: 0; pointer-events: none;}
.section4 .program_slide .swiper-button-prev, .section4 .program_slide .swiper-button-next {position: absolute; top: 45%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.section4 .program_slide .swiper-button-prev {left: calc(50% - 46% / 2 - 25px - 20px);}
.section4 .program_slide .swiper-button-next {right: calc(50% - 46% / 2 - 25px - 20px)}
.section4 .program_slide .swiper-button-prev:hover, .section4 .program_slide .swiper-button-next:hover {background: var(--color-yellow);}
.section4 .program_slide .swiper-button-prev::before, .section4 .program_slide .swiper-button-next::before {content: ''; mask-repeat: no-repeat; mask-size: contain; mask-position: center center; background-color: #00428C; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section4 .program_slide .swiper-button-prev::before {mask-image: url("../../assets/images/ico/ico_prev.svg");}
.section4 .program_slide .swiper-button-next::before {mask-image: url("../../assets/images/ico/ico_next.svg");}
.section4 .program_wrap .rotating_text {width: 210px; height: 210px; border-radius: 50%; position: absolute; top: 12%; right: 12%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.section4 .program_wrap .rotating_text::before {content: ''; width: 100%; height: 100%; animation: spin 12s linear infinite; position: relative; background-image: url("../../assets/images/main/rotating.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.section4 .program_wrap .rotating_text .circle {width: 123px; height: 123px; border-radius: 50%; background: #fff; color: #183150; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.section4 .program_wrap .rotating_text .circle:hover {background: var(--color-yellow);}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.section5 {padding: 100px 0 120px; background-image: linear-gradient(180deg,#1e64b4 0%, rgba(255, 255, 255, 0) 20%), url("../../assets/images/main/sect5_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center bottom;}
.section5::before {content: ''; width: 664px; height: 529px; background-image: url("../../assets/images/main/sect4_bg1.png"); background-repeat: no-repeat; background-size: auto; position: absolute; bottom: -30%; left: 0;}
.section5::after {content: ''; width: 675px; height: 862px; background-image: url("../../assets/images/main/sect4_bg2.png"); background-repeat: no-repeat; background-size: auto; position: absolute; top: 0; right: -5%;}
.section5 .inner {display: flex; align-items: stretch; justify-content: space-between; gap: 50px;}
.section5 .cont {width: 50%;}
.section5 .main_tit_wrap {display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 46px;}
.section5 .main_tit h1 {font-family: 'PretendardLight', Sans-serif; font-weight: 400;}
.section5 .main_tit h1::before {content: unset;}
.section5 .main_tit .s_tit::before {content: unset;}
.section5 .news_slide {}
.section5 .news_slide a {border-radius: 20px; color: #fff; padding: 18px; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); backdrop-filter: blur(2px); display: block; transition: all .3s;}
.section5 .news_slide a:hover {border: 1px solid rgba(255,255,255,1);}
.section5 .news_slide a:hover .txt .subject {text-decoration: underline; text-underline-offset: 4px;}
.section5 .news_slide .img {position: relative;}
.section5 .news_slide .img img {aspect-ratio: 2.1/1; object-fit: cover; border-radius: 10px;}
.section5 .news_slide .img .cate {border-radius: 20px 20px 0 0; position: absolute; bottom: 0; left: 12px; font-size: 15px; color: #fff; padding: 6px 15px 3px; background: #2845FF;}
.section5 .news_slide .img .cate.orange {background: #E3782B;}
.section5 .news_slide .txt {margin-top: 14px;}
.section5 .news_slide .txt .subject {font-size: 20px; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 280px; word-break: auto-phrase; min-height: 52px;}
.section5 .news_slide .txt .date {font-size: 16px; color: rgba(255,255,255,0.7); margin-top: 12px;}
.section5 .empty {font-size: 1.25rem; color: #fff; text-align: center; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.05); border-radius: 20px;}
.section5 .cont:has(.empty) .btn_wrap .swiper-button {display: none;}

.section5 .faq_list {display: flex; flex-direction: column; gap: 12px;}
.section5 .faq_list .faq_header {display: flex; align-items: center; gap: 20px; cursor: pointer;}
.section5 .faq_list .q_icon {width: 64px; height: 64px; border-radius: 50%;	background: #fff; color: #0056b3; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; flex-shrink: 0;}
.section5 .faq_list .q_box {flex: 1; height: 64px; border-radius: 40px;	background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); display: flex; align-items: center; padding: 0 30px;	position: relative; transition: background 0.3s;}
.section5 .faq_list .q_box .dot {width: 4px; height: 4px; background: #FFFF78; border-radius: 50%; margin-right: 12px;}
.section5 .faq_list .q_box .question {color: #fff; font-size: 1.075rem; font-weight: 500;}
.section5 .faq_list .q_box:hover .question, .section5 .faq_list .accordion_item.active .q_box .question {color: #FFFF78;}
.section5 .faq_list .arrow_icon {margin-left: auto; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); transition: 0.3s;}
.section5 .faq_list .accordion_item:nth-child(even) .q_icon { background: #0066cc; color: #fff;}
.section5 .faq_list .faq_body {max-height: 0; overflow: hidden;	transition: max-height 0.4s ease; margin-left: 80px;}
.section5 .faq_list .answer {padding: 12px 30px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; font-size: 16px; word-break: keep-all;}
.section5 .faq_list .accordion_item.active .arrow_icon { transform: rotate(135deg);}
.section5 .faq_list .accordion_item.active .q_box { background: rgba(255, 255, 255, 0.15);}

@media (min-width: 1921px) {
    .section3 .sect3_1 {margin: 0 auto;}
    .section4 .program_slide .swiper-button-prev {left: calc(50% - 38% / 2 - 25px - 20px);}
    .section4 .program_slide .swiper-button-next {right: calc(50% - 38% / 2 - 25px - 20px);}
    .section4 .program_wrap .rotating_text {right: calc(50% - 660px); transform: translateX(-50%);}
}

@media (max-width: 1600px) {
    .main_section .main_top .left {max-width: 660px;}
    .main_section .main_top .left .main_top_tit {font-size: 50px;}

    .section1 .menu_wrap {gap: 40px;}
    .section1 .menu_cont > ul {gap: 16px;}
    .section1 .menu_cont > ul > li a {}

    .section2::after {width: 450px; height: 580px;}
    .section2 .work_slide .swiper-slide .s_tit {font-size: 25px;}
    .section2 .work_slide .swiper-slide .tit {font-size: 56px;}
    .section2 .work_slide .swiper-slide .txt {font-size: 22px;}
    .section2 .work_slide .big_image_box {max-width: 500px;}
    .section2 .work_slide .medium_image_box {max-width: 300px; max-height: 300px;}
    .section2 .work_slide .small_image_box {max-width: 240px; max-height: 240px;}
    .section2 .work_slide .swiper_welfare_row_box {gap: 40px;}
    .section2 .work_slide .swiper_welfare_content {gap: 40px;}
    .section2 .work_slide_wrap::after {font-size: 130px;}

    .section3 .sect3_1 .inner {max-width: 40%;}
    .section3 .fish_slide .info {padding: 16px 16px 30px;}
    .section3 .fish_slide .info .detail_btn {width: 36px; height: 36px;}

    .section3 .sect3_2 .report_wrap .box_wrap {padding: 50px 30px 50px 0; gap: 30px;}
    .section3 .sect3_2 .report_wrap .box .tit_wrap {gap: 12px;}
    .section3 .sect3_2 .report_wrap .box .tit {font-size: 34px;}
    .section3 .sect3_2 .report_wrap .box .tag_wrap p, .section3 .sect3_2 .report_wrap .box .date {font-size: 18px;}
    .section3 .sect3_2 .report_wrap .report_right .box {padding: 50px 0 50px 30px; gap: 50px;}
    .section3 .sect3_2 .report_wrap .report_right .box .tit {font-size: 30px;}
    .section3 .sect3_2 .report_wrap .box_wrap .more_btn {width: 50px; height: 50px; bottom: 50px; right: 30px;}

    .section4 .program_wrap .rotating_text {width: 180px; height: 180px;}
    .section4 .program_wrap .rotating_text .circle {width: 100px; height: 100px;}

    .section5 .inner {gap: 40px;}
}

@media (max-width: 1400px) {
    section .main_tit h1 {font-size: 34px;}
    section .detail_btn {padding: 0 20px; gap: 14px;}

    .main_section .main_top .left {max-width: 50%;}
    .main_section .main_top .left .main_top_tit {font-size: 44px;}
    .main_section .main_top .left .main_top_txt {font-size: 22px;}
    .main_section .main_top .right ul > li {padding: 12px 24px;}
    .main_section .main_top .right ul > li .tit {gap: 14px;}
    .main_section .board_wrap {margin-top: 40px;}

    .section1 .menu_cont > ul {margin-top: 30px;}

    .section2 .work_slide .big_image_box {max-width: 50%;}
    .section2 .work_slide .medium_image_box {max-width: 260px; max-height: 260px;}
    .section2 .work_slide .small_image_box {max-width: 220px; max-height: 220px;}
    .section2 .work_slide .swiper_welfare_row_box, .section2 .work_slide .swiper_welfare_content {gap: 30px;}
    .section2 .work_slide .swiper-slide .s_tit {font-size: 22px;}
    .section2 .work_slide .swiper-slide .tit {font-size: 48px;}
    .section2 .work_slide .swiper-slide .txt {font-size: 20px;}
    .section2 .work_slide_wrap::after {font-size: 110px; bottom: -80px;}
    .section2 .work_slide_wrap .btn_wrap .swiper-button {width: 120px; height: 40px;}

    .section3 .sect3_2 .report_wrap .report_left {max-width: 62%}
    .section3 .sect3_2 .report_wrap .report_right {max-width: 38%;}
    .section3 .sect3_2 .report_wrap .box_wrap {padding: 40px 20px 40px 0; gap: 20px;}
    .section3 .sect3_2 .report_wrap .report_right .box {padding: 40px 0 40px 20px; gap: 40px;}
    .section3 .sect3_2 .report_wrap .box {gap: 50px;}
    .section3 .sect3_2 .report_wrap .box .tag_wrap p, .section3 .sect3_2 .report_wrap .box .date {font-size: 17px;}

    .section4 .program_wrap .rotating_text {top: 15%; right: 8%;}

    .section5::after {width: 555px; height: 740px;}
    .section5 .main_tit_wrap {margin-bottom: 36px;}
    .section5 .faq_list .q_box {height: 58px;}
    .section5 .faq_list .q_icon {width: 58px; height: 58px;}
}

@media (max-width: 1200px) {
    section .detail_btn {height: 50px; font-size: 17px; gap: 10px; padding: 0 16px;}

    .main_section {padding-top: 120px;}
    .main_section::before {height: 30%;}
    .main_section .main_top .left .main_top_tit {font-size: 40px;}
    .main_section .main_top .left .main_top_txt {margin-top: 4px;}
    .main_section .main_top .left .search {height: 54px; padding: 4px 0 4px 12px;}
    .main_section .main_top .right ul {gap: 14px;}
    .main_section .main_top .right ul > li {padding: 12px 20px;}
    .main_section .main_top .right ul > li .tit .icon {width: 44px; height: 44px;}
    .main_section .board_wrap .board_top .btn_box {font-size: 20px; padding: 8px 20px;}
    .main_section .board_wrap .board_top .progress_bar.scr_bar {margin: 0 10px;}

    .section1::before {width: 600px; height: 600px;}
    .section1 .menu_cont {padding: 40px 20px 20px;}
    .section1 .menu_cont .top p {font-size: 25px;}
    .section1 .menu_cont > ul {gap: 12px; margin-top: 24px;}
    .section1 .menu_cont > ul > li a .icon {width: 40px; height: 40px;}

    .section2 .work_slide .swiper-slide .tit {font-size: 42px;}
    .section2 .work_slide .swiper-slide .txt {font-size: 18px;}
    .section2 .work_slide .medium_image_box {max-width: 240px; max-height: 240px;}

    .section3 .fish_slide .info .name {font-size: 20px; margin-top: 0;}
    .section3 .sect3_2 {padding-top: 120px;}
    .section3 .sect3_2 .report_wrap .box_wrap {padding: 20px 20px 20px 0;}
    .section3 .sect3_2 .report_wrap .box_wrap .more_btn {right: 20px; bottom: 20px;}
    .section3 .sect3_2 .report_wrap .box .cate {font-size: 19px;}
    .section3 .sect3_2 .report_wrap .box .tit_wrap {gap: 6px;}
    .section3 .sect3_2 .report_wrap .box .tit {font-size: 30px;}
    .section3 .sect3_2 .report_wrap .report_left .tag_wrap {gap: 6px;}
    .section3 .sect3_2 .report_wrap .report_right .box {padding: 20px 0 20px 20px;}
    .section3 .sect3_2 .report_wrap .report_right .box .tit {font-size: 24px;}

    .section4 .program_slide .info {margin-top: 6px;}
    .section4 .program_slide .info .tit {font-size: 24px;}
    .section4 .program_slide .swiper-slide img {transform: scale(0.7) rotate(-10deg) translateY(60px);}
    .section4 .program_slide .swiper-slide-next img {transform: scale(0.7) rotate(10deg) translateY(60px);}
    .section4 .program_slide .swiper-slide-active img {transform: scaleY(1);}
    .section4 .program_slide .swiper-button-prev {left: calc(50% - 55% / 2 - 25px - 20px);}
    .section4 .program_slide .swiper-button-next {right: calc(50% - 55% / 2 - 25px - 20px);}

    .section5 .inner {gap: 30px;}
    .section5 .main_tit_wrap {margin-bottom: 26px;}
    .section5 .faq_list .faq_header {gap: 12px;}
    .section5 .faq_list .q_box {height: 50px;}
    .section5 .faq_list .q_icon {width: 50px; height: 50px;}
    .section5 .news_slide a {padding: 14px;}
}

@media (max-width: 1024px) {
    section .main_tit h1 {font-size: 30px;}
    section .main_tit .s_tit::before {width: 7px; height: 7px; top: 2px; right: -12px;}
    section .detail_btn {height: 46px;}
    section .btn_wrap .swiper-button, section .btn_wrap .btn {width: 40px; height: 40px;}

    .main_section .main_top {flex-direction: column; align-items: flex-start;}
    .main_section .main_top .left, .main_section .main_top .right {width: 100%; max-width: 100%;}
    .main_section .main_top .left .main_top_tit {font-size: 36px;}
    .main_section .main_top .left .search {margin-top: 30px;}
    .main_section .main_top .right ul {grid-template-columns: repeat(4, 1fr);}
    .main_section .main_top .right ul > li {padding: 12px;}
    .main_section .main_top .right ul > li .board_list {margin-top: 10px;}
    .main_section .main_top .right ul > li .tit {font-size: 20px; gap: 6px;}
    .main_section .main_top .right ul > li .tit .icon {width: 36px; height: 36px;}
    .main_section .board_wrap .board_top .btn_box {font-size: 18px; padding: 5px 15px;}

    .section1 {padding-top: 80px;}
    .section1 .main_tit h1 {margin: 0 auto 30px;}
    .section1 .menu_cont .top p {font-size: 21px;}
    .section1 .menu_cont > ul {grid-template-columns: repeat(3, 1fr);}
    .section1 .menu_cont > ul > li a p {font-size: 16px;}

    .section2 {padding: 80px 0;}
    .section2 .work_slide_wrap::after {font-size: 90px;}
    .section2 .work_slide .swiper_welfare_content {flex-direction: column; align-items: flex-end; gap: 0;}
    .section2 .work_slide .image_box {border-radius: 20px;}
    .section2 .work_slide .medium_image_box {max-width: 220px; max-height: 220px; margin-top: -160px; margin-right: 200px;}
    .section2 .work_slide .small_image_box {max-width: 180px; max-height: 180px;}

    .section3 {padding: 60px 0 20px;}
    .section3 .sect3_1 {display: block;}
    .section3 .sect3_1 .inner {max-width: 100%;}
    .section3 .sect3_2 {padding-top: 80px;}
    .section3 .sect3_2::before {width: 380px; height: 660px;}
    .section3 .sect3_2 .report_wrap {flex-direction: column;}
    .section3 .sect3_2 .report_wrap .box_wrap {padding: 15px;}
    .section3 .sect3_2 .report_wrap .box_wrap .img {aspect-ratio: 1.6/1;}
    .section3 .sect3_2 .report_wrap .box_wrap .more_btn {width: 40px; height: 40px;}
    .section3 .sect3_2 .report_wrap .box {gap: 30px;}
    .section3 .sect3_2 .report_wrap .box .tit {font-size: 28px;}
    .section3 .sect3_2 .report_wrap .box .tit_wrap {gap: 4px;}
    .section3 .sect3_2 .report_wrap .box .tag_wrap {gap: 6px;}
    .section3 .sect3_2 .report_wrap .box .bot_wrap {gap: 12px;}
    .section3 .sect3_2 .report_wrap .report_left, .section3 .sect3_2 .report_wrap .report_right {max-width: 100%;}
    .section3 .sect3_2 .report_wrap .report_left .tag_wrap {gap: 2px; flex-direction: unset;}
    .section3 .sect3_2 .report_wrap .report_right {border-left: 0; border-top: 1px solid #fff;}
    .section3 .sect3_2 .report_wrap .report_right .box {padding: 15px; gap: 20px;}
    .section3 .sect3_2 .report_wrap .report_right .box .tit {font-size: 22px;}
    .section3 .fish_btn_wrap {margin-top: 25px;}

    .section4::before {width: 440px; height: 280px; top: 20%; left: 0;}
    .section4 .main_tit .custom_num {font-size: 19px;}
    .section4 .program_slide {margin-top: 30px;}
    .section4 .program_wrap .rotating_text {width: 150px; height: 150px; right: 4%;}
    .section4 .program_wrap .rotating_text .circle {width: 90px; height: 90px;}

    .section5 {padding: 60px 0 100px;}
    .section5::after {width: 400px; height: 500px;}
    .section5 .inner {gap: 20px;}
    .section5 .main_tit_wrap {margin-bottom: 20px;}
    .section5 .news_slide .txt {margin-top: 10px;}
    .section5 .news_slide .txt .subject {min-height: unset;}
    .section5 .news_slide .txt .date {margin-top: 14px;}
    .section5 .faq_list .q_box {padding: 0 16px;}
    .section5 .faq_list .q_box .dot {margin-right: 8px;}
    .section5 .faq_list .q_icon {font-size: 18px;}
    .section5 .faq_list .arrow_icon {width: 8px; height: 8px;}
    .section5 .faq_list .faq_body {margin-left: 60px;}
    .section5 .faq_list .answer {padding: 10px 20px;}
}

@media (max-width: 768px) {
    section .btn_wrap .swiper-button, section .btn_wrap .btn {width: 36px; height: 36px;}
    section .detail_btn {font-size: 16px; height: 40px;}
    section .main_tit h1 {font-size: 26px;}
    section .main_tit .s_tit {font-size: 18px;}
    section .main_tit p {font-size: 16px; line-height: 1.3;}
    section .main_tit p br:first-child {display: none;}

    .main_section {padding-top: 100px;}
    .main_section .main_top {gap: 30px;}
    .main_section .main_top .left .main_top_tit {font-size: 30px;}
    .main_section .main_top .left .main_top_txt {font-size: 18px; line-height: 1.3; margin-top: 8px;}
    .main_section .main_top .left .search {margin-top: 24px; height: 48px; padding: 0; border-radius: 10px;}
    .main_section .main_top .left .search button {width: 40px; height: 40px; padding: 0;}
    .main_section .main_top .left .search input {padding: 10px 4px 10px 10px;}
    .main_section .main_top .right ul {grid-template-columns: 1fr 1fr; gap: 10px;}
    .main_section .main_top .right ul > li .tit {font-size: 18px;}
    .main_section .main_top .right ul > li .tit .icon {width: 32px; height: 32px;}
    .main_section .main_top .right ul > li .board_list {margin-top: 6px;}
    .main_section .board_wrap .board_top .btn_box {font-size: 16px;}
    .main_section .board_wrap .board_top .progress_bar.scr_bar {margin: 0;}
    .main_section .board_wrap .board_slide {margin-top: 20px;}
    .main_section .board_wrap .board_slide .swiper-slide a {gap: 10px;}
    .main_section .board_wrap .board_slide .swiper-slide .cont .txt {font-size: 16px; margin: 14px 0; max-width: 100%;}

    .section1 {padding-top: 50px;}
    .section1::before {width: 50%; height: 20%;}
    .section1 .main_tit h1 {font-size: 24px; margin-bottom: 20px;}
    .section1 .menu_wrap {flex-direction: column; gap: 20px;}
    .section1 .menu_wrap::before {content: unset;}
    .section1 .menu_cont {width: 100%; max-width: 100%; padding: 20px 15px 15px;}
    .section1 .menu_cont.right::before {transform: unset;}
    .section1 .menu_cont.right .top {text-align: left;}
    .section1 .menu_cont .top p {font-size: 18px;}
    .section1 .menu_cont > ul {grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px;}

    .section2 {padding: 60px 0;}
    .section2::before, .section2::after {content: unset;}
    .section2 .work_slide_wrap .btn_wrap {margin-top: 20px; flex-direction: unset; justify-content: flex-start;}
    .section2 .work_slide_wrap .btn_wrap .swiper-button {width: 80px; height: 36px;}
    .section2 .work_slide .swiper_welfare_row_box, .section2 .work_slide .swiper_welfare_content {gap: 16px;}
    .section2 .work_slide .swiper-slide .s_tit {font-size: 18px;}
    .section2 .work_slide .swiper-slide .tit {font-size: 26px;}
    .section2 .work_slide .swiper-slide .txt {font-size: 16px; margin-top: 4px;}
    .section2 .work_slide .medium_image_box, .section2 .work_slide .small_image_box {display: none;}
    .section2 .work_slide_wrap::after {font-size: 60px; left: unset;}

    .section3 .sect3_1 .main_tit::before {width: 400px; height: 400px; top: calc(50% + 60px); left: 10%;}
    .section3 .sect3_2::before {width: 280px;}
    .section3 .sect3_2 .report_wrap .box_wrap {gap: 10px; padding: 10px;}
    .section3 .sect3_2 .report_wrap .box_wrap .more_btn {display: none;}
    .section3 .sect3_2 .report_wrap .box .bot_wrap {gap: 8px;}
    .section3 .sect3_2 .report_wrap .box {gap: 16px;}
    .section3 .sect3_2 .report_wrap .box .cate {font-size: 16px}
    .section3 .sect3_2 .report_wrap .box .tit {font-size: 24px;}
    .section3 .sect3_2 .report_wrap .box .tag_wrap p, .section3 .sect3_2 .report_wrap .box .date {font-size: 15px;}
    .section3 .sect3_2 .report_wrap .report_right .box {padding: 10px;}
    .section3 .sect3_2 .report_wrap .report_right .box {gap: 16px;}
    .section3 .sect3_2 .report_wrap .report_right .box .tit {font-size: 20px;}
    .section3 .fish_wrap {margin-top: 20px; padding-left: 10px;}
    .section3 .fish_slide .swiper-slide {border-radius: 20px;}
    .section3 .fish_slide .img {margin: -24px auto 0; max-width: 90%;}
    .section3 .fish_slide .info {padding: 12px 12px 20px; border-radius: 20px;}
    .section3 .fish_slide .info .en {font-size: 15px;}
    .section3 .fish_slide .info .name {font-size: 17px;}
    .section3 .fish_slide .info .detail_btn {width: 32px; height: 32px;}

    .section4 {padding: 40px 0 20px;}
    .section4::before {top: 10%; left: -50%;}
    .section4 .main_tit .custom_num {font-size: 17px; margin-top: 4px;}
    .section4 .program_wrap .rotating_text {display: none;}
    .section4 .program_slide {margin-top: 0; padding: 20px 0 10px;}
    .section4 .program_slide .swiper-button-prev, .section4 .program_slide .swiper-button-next {width: 40px; height: 40px;}
    .section4 .program_slide .swiper-button-prev {left: calc(50% - 70% / 2 - 25px - 20px);}
    .section4 .program_slide .swiper-button-next {right: calc(50% - 70% / 2 - 25px - 20px);}
    .section4 .program_slide .info .tit {font-size: 22px;}
    .section4 .program_slide .info .txt {font-size: 15px;}

    .section5 {padding: 30px 0 60px;}
    .section5 .inner {flex-direction: column; gap: 20px;}
    .section5 .cont {width: 100%;}
}

@media (max-width: 500px) {
    section .main_tit h1 {font-size: 24px;}
    section .main_tit .s_tit {font-size: 17px;}
    section .main_tit .s_tit::before {width: 5px; height: 5px; right: -10px;}
    section .detail_btn {font-size: 15px; height: 36px;}
    section .btn_wrap .swiper-button-prev::before, section .btn_wrap .swiper-button-next::before, section .btn_wrap .more_btn::before {width: 10px; height: 10px;}

    .main_section {padding-top: 80px;}
    .main_section .main_top .left .main_top_tit {font-size: 26px;}
    .main_section .main_top .left .main_top_txt {font-size: 17px;}

    .section1::before {height: 10%; top: 50px;}
    .section1 .menu_cont {padding: 15px;}
    .section1 .menu_cont::before {background-image: unset; background: rgba(255,255,255,0.12); border-radius: 10px;}
    .section1 .menu_cont > ul {grid-template-columns: repeat(2, 1fr); gap: 8px;}
    .section1 .menu_cont > ul > li a {border-radius: 10px; aspect-ratio: auto; flex-direction: unset;}
    .section1 .menu_cont > ul > li a .icon {width: 32px; height: 32px;}
    .section1 .menu_cont > ul > li a p {font-size: 14px;}

    .section2 .work_slide .swiper_welfare_row_box, .section2 .work_slide .swiper_welfare_content {flex-direction: column; align-items: flex-start;}
    .section2 .work_slide .swiper_welfare_row_box .swiper_welfare_text_box {padding: 0 10px;}
    .section2 .work_slide .big_image_box {max-width: 100%;}
    .section2 .work_slide_wrap::after {font-size: 32px; color: rgba(244, 244, 244, 0.12); bottom: -60px;}
    .section2 .work_slide_wrap .btn_wrap .swiper-button {width: 70px;}

    .section3 {padding: 40px 0 20px;}
    .section3 .sect3_2 {padding-top: 60px;}
    .section3 .sect3_2 .report_wrap .box_wrap {flex-direction: column;}
    .section3 .sect3_2 .report_wrap .box_wrap .img {max-width: 100%; aspect-ratio: 2/1;}
    .section3 .sect3_2 .report_wrap .box_wrap:has(.empty) .box {align-items: flex-start;}

    .section4 .program_slide .info .tit {font-size: 20px;}
    .section4 .program_slide .info .txt {font-size: 14px;}
    .section4 .program_slide .swiper-button-prev {left: calc(50% - 66% / 2 - 25px - 20px);}
    .section4 .program_slide .swiper-button-next {right: calc(50% - 66% / 2 - 25px - 20px);}
    .section4 .program_slide .swiper-button-prev, .section4 .program_slide .swiper-button-next {width: 36px; height: 36px;}
    .section4 .program_slide .swiper-button-prev::before, .section4 .program_slide .swiper-button-next::before {width: 10px; height: 10px;}

    .section5 .main_tit_wrap {margin-bottom: 12px;}
    .section5 .news_slide .txt .subject {font-size: 18px;}
    .section5 .news_slide .txt .date {font-size: 14px;}
    .section5 .faq_list .faq_header, .section5 .faq_list {gap: 8px;}
    .section5 .faq_list .q_icon {width: 44px; height: 44px; font-size: 16px;}
    .section5 .faq_list .q_box {height: 44px; padding: 0 10px;}
    .section5 .faq_list .q_box .question {font-size: 16px;}
    .section5 .faq_list .q_box .dot {margin-right: 6px;}
    .section5 .faq_list .arrow_icon {width: 6px; height: 6px;}
    .section5 .faq_list .faq_body {margin-left: 52px;}
    .section5 .faq_list .answer {padding: 10px; font-size: 15px; line-height: 1.3;}
}