/* header */
header .header-gnb {transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; z-index:1000; padding:0 60px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-gnb .gnb-logo {flex:1; min-width:0;}
header .header-gnb .gnb-logo h1 a img {width:161px;}
header .header-gnb .gnb-right {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0; gap:20px;}
header .header-gnb .gnb-right .login {display:block; width:33px; height:33px; background:url('../images/icon_login.png') no-repeat center / cover; font-size:0;}
header .header-gnb .gnb-right .login.is-logout {background-image:url('../images/icon_logout.png');}
header .header-gnb .gnb-right .sitemap {display:block; width:34px; height:23px; background:url('../images/icon_menu.png') no-repeat center / cover; font-size:0;}
header .header-gnb .gnb-cate > ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;}
header .header-gnb .gnb-cate > ul > li {position:relative;}
header .header-gnb .gnb-cate > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:24px; color:#333; font-weight:500; width:220px; height:150px; font-family:'SchoolSafetyAquariumDecor';}
header .header-gnb .gnb-cate > ul > li:hover > a {color:#00cb9e;}
header .header-gnb .gnb-cate > ul > li.active > a {color:#00cb9e;}
header .header-gnb .gnb-cate > ul > li > ul {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:calc(100% - 50px); width:100%; background:#fff; border:1px dashed #777; border-radius:20px; padding:10px 20px;}
header .header-gnb .gnb-cate > ul > li > ul > li {border-bottom:1px dashed #777;}
header .header-gnb .gnb-cate > ul > li > ul > li:last-of-type {border:0;}
header .header-gnb .gnb-cate > ul > li > ul > li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1.3; height:45px; font-size:17px; font-weight:500; color:#222;}
header .header-gnb .gnb-cate > ul > li > ul > li a:hover {color:#00cb9e;}
header .header-gnb .gnb-cate > ul > li > ul > li.active a {color:#00cb9e;}
header .header-gnb .gnb-cate > ul > li:hover > ul {pointer-events:inherit; opacity:1; top:calc(100% - 30px);}
header .header-sitemap {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden; background:#fff; z-index:9999;}
header .header-sitemap .list-head {width:100%; background:var(--color-brand-green);}
header .header-sitemap .list-head .container {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:170px;}
header .header-sitemap .list-head img {width:161px;}
header .header-sitemap .list-head .close {width:60px; height:60px; font-size:0; background:url('../images/icon_close.png') no-repeat center / cover;}
header .header-sitemap .list-body {width:100%; height:100%; overflow-y:auto; padding:60px 0;} 
header .header-sitemap .list-body .container > ul {display:flex; flex-wrap:wrap; gap:40px;}
header .header-sitemap .list-body .container > ul > li {flex:1; min-width:0;}
header .header-sitemap .list-body .container > ul > li button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; pointer-events:none; width:100%; margin:0 0 20px;}
header .header-sitemap .list-body .container > ul > li button span {flex:1; min-width:0; text-align:center; font-size:30px; font-weight:500; color:var(--color-brand-green); font-family:'SchoolSafetyAquariumDecor';}
header .header-sitemap .list-body .container > ul > li > ul {width:100%; background:#fff; border:1px dashed #777; border-radius:20px; padding:10px 20px;}
header .header-sitemap .list-body .container > ul > li > ul > li {border-bottom:1px dashed #777;}
header .header-sitemap .list-body .container > ul > li > ul > li:last-of-type {border:0;}
header .header-sitemap .list-body .container > ul > li > ul > li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1.3; height:45px; font-size:17px; font-weight:500; color:#222;}
header .header-sitemap .list-body .container > ul > li > ul > li a:hover {color:#00cb9e;}
header .header-sitemap .list-body .container > ul > li > ul > li.active a {color:#00cb9e;}
header .header-sitemap .list-body .container .image {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:50px 0 0;}
header .header-sitemap .list-body .container .image img {width:30%;}
header.fixed .header-sitemap {pointer-events:inherit; opacity:1;}
header.scroll .header-gnb {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
@media (max-width:1550px){
header .header-gnb {padding:0 15px; gap:40px;}
header .header-gnb .gnb-logo {flex:none;}
header .header-gnb .gnb-logo h1 a img {width:120px;}
header .header-gnb .gnb-right {flex:none;}
header .header-gnb .gnb-right .login {width:28px; height:28px;}
header .header-gnb .gnb-right .sitemap {width:28px; height:20px;}
header .header-gnb .gnb-cate {flex:1; min-width:0;}
header .header-gnb .gnb-cate > ul > li > a {width:100%; height:120px; font-size:20px; padding:0 20px;}
header .header-gnb .gnb-cate > ul > li > ul {min-width:150px; left:50%; transform:translateX(-50%);}
header .header-sitemap .list-head .container {height:auto; padding:10px 15px;}
header .header-sitemap .list-head img {width:120px;}
header .header-sitemap .list-head .close {width:45px; height:45px;}
}
@media (max-width:1430px){
header .header-sitemap .list-body .container > ul {gap:15px;}
header .header-sitemap .list-body .container > ul > li button span {font-size:25px;}
}
@media (max-width:1120px){
header .header-gnb .gnb-logo h1 a img {width:100px;}
header .header-gnb .gnb-right {gap:10px;}
header .header-gnb .gnb-cate > ul > li > a {padding:0 15px; font-size:18px; height:100px;}
header .header-gnb .gnb-cate > ul > li > ul {border-radius:15px; padding:10px;}
header .header-gnb .gnb-cate > ul > li > ul > li a {height:40px; font-size:15px;}
header .header-gnb .gnb-right .login {width:24px; height:24px;}
header .header-gnb .gnb-right .sitemap {width:24px; height:18px;}
header .header-sitemap .list-head img {width:100px;}
header .header-sitemap .list-head .close {width:40px; height:40px;}
header .header-sitemap .list-body {padding:20px 0;}
header .header-sitemap .list-body .container > ul > li button {margin:0 0 10px;}
header .header-sitemap .list-body .container > ul > li button span {font-size:20px;}
header .header-sitemap .list-body .container > ul > li ul {border-radius:15px; padding:10px;}
header .header-sitemap .list-body .container > ul > li ul > li a {height:40px; font-size:15px;}
}
@media (max-width:991px){
header .header-gnb {justify-content:space-between; padding:10px 15px;}
header .header-gnb .gnb-logo h1 a img {width:80px;}
header .header-gnb .gnb-right {gap:15px;}
header .header-gnb .gnb-cate {display:none;}
header .header-sitemap .list-head img {width:80px;}
header .header-sitemap .list-head .close {width:30px; height:30px;}
header .header-sitemap .list-body .container > ul > li {flex:none; width:100%;}
header .header-sitemap .list-body .container > ul > li button {pointer-events:inherit; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-sitemap .list-body .container > ul > li button span {flex:1; min-width:0; text-align:left;}
header .header-sitemap .list-body .container > ul > li button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; filter:invert(79%) sepia(12%) saturate(1267%) hue-rotate(101deg) brightness(89%) contrast(92%);}
header .header-sitemap .list-body .container > ul > li ul {display:none; background:#fff; padding:0 10px; border-radius:10px; position:relative; z-index:5;}
header .header-sitemap .list-body .container > ul > li ul > li a {text-align:left; justify-content:flex-start; font-size:15px;}
header .header-sitemap .list-body .container > ul > li.active button:after {transform:rotate(180deg);}
header .header-sitemap .list-body .container > ul > li.active ul {display:block;}
header .header-sitemap .list-body .container .image {position:absolute; left:0; bottom:0; width:100%; padding:15px;}
header .header-sitemap .list-body .container .image img {width:40%;}
}

/* footer */
footer {background:#2e2e2e; margin-top:80px;}
body.is-index footer {margin-top:0;}
footer .footer-top {padding:22px 0; border-bottom:1px solid #434343;}
footer .footer-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-top .top-left ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .top-left ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .top-left ul li:after {display:inline-block; content:""; width:1px; height:13px; margin:0 15px; border-right:1px dashed #fff;}
footer .footer-top .top-left ul li:last-of-type:after {display:none;}
footer .footer-top .top-left ul li a {font-size:16px; font-weight:500; color:#fff;}
footer .footer-top .top-left ul li a:hover {text-decoration:underline;}
footer .footer-top .top-right ul {display:flex; flex-wrap:wrap; align-items:center; gap:16px;}
footer .footer-top .top-right ul li a {display:block; font-size:0; width:34px; height:34px; background-size:cover; background-position:center;}
footer .footer-top .top-right ul li a.blog {background-image:url('../images/icon_social_blog.png');}
footer .footer-top .top-right ul li a.youtube {background-image:url('../images/icon_social_youtube.png');}
footer .footer-top .top-right ul li a.instagram {background-image:url('../images/icon_social_instagram.png');}
footer .footer-bottom {padding:55px 0;}
footer .footer-bottom p {font-size:16px; font-weight:500; color:rgba(255,255,255,0.7); line-height:1.8;}
footer .footer-bottom .footer-admin-link {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; padding:4px 0; color:rgba(255,255,255,0.5); font-size:14px; line-height:1; transition:color 0.15s;}
footer .footer-bottom .footer-admin-link i {line-height:1; vertical-align:middle; color:rgba(255,255,255,0.5);}
footer .footer-bottom .footer-admin-link:hover {color:#fff;}
footer .footer-fixed {position:fixed; z-index:100; bottom:55px; right: calc((100vw - 1500px) / 2);}
footer .footer-fixed button {display:block; font-size:0; width:68px; height:68px; background:url('../images/icon_footer_top.png') no-repeat center / cover;}
@media (max-width:1530px){
footer .footer-fixed {right:15px;}
}
@media (max-width:991px){
footer {margin-top:40px;}
footer .footer-top {padding:10px 0;}
footer .footer-top .container {gap:5px;}
footer .footer-top .top-left ul li:after {margin:0 10px; height:10px;}
footer .footer-top .top-left ul li a {font-size:12px;}
footer .footer-top .top-right ul {gap:5px;}
footer .footer-top .top-right ul li a {width:26px; height:26px;}
footer .footer-bottom {padding:30px 0;}
footer .footer-bottom p {font-size:13px; line-height:1.5;}
footer .footer-bottom p * {font-size:inherit; color:rgba(255,255,255,0.7);}
footer .footer-fixed {bottom:30px;}
footer .footer-fixed button {width:40px; height:40px;}
}

/* 1. 깜빡임 */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* 2. 반짝 + 확대 + 회전 */
@keyframes starTwinkle {
    0%, 100% { opacity: 1; transform: scale(1) rotate(0deg); }
    50% { opacity: 0.2; transform: scale(1.4) rotate(15deg); }
}

/* 3. 살짝 회전만 */
@keyframes gentleRotate {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(10deg); }
}

/* 4. 회전 */
@keyframes gentleRotate360 {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); }
}

/* 5. 계속 회전 */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 6. 확대 */
@keyframes scaler {
    0% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-12px); }
    50% { transform: translateY(0); }
    65% { transform: translateY(-6px); }
    80% { transform: translateY(0); }
}

/* main-link */
.main-box .main-link {background:#eff18b; padding:60px 0; position:relative; overflow:hidden;}
.main-box .main-link ul {display:flex; flex-wrap:wrap;}
.main-box .main-link ul li {flex:1; min-width:0; position:relative;}
.main-box .main-link ul li:after {position:absolute; right:0; top:0; width:1px; height:100%; border-right:1px dashed #000; content:"";}
.main-box .main-link ul li:last-of-type:after {display:none;}
.main-box .main-link ul li .inner {display:block; padding:0 20px;}
.main-box .main-link ul li .inner b {display:block; text-align:center; font-size:25px; word-break:keep-all; font-weight:500;}
.main-box .main-link ul li .inner strong {display:block; text-align:center; font-size:40px; font-weight:500; line-height:1; margin:10px 0 0;}
.main-box .main-link ul li .inner p {font-size:15px; text-align:center; color:#222; word-break:keep-all; margin:25px 0 0;}
.main-box .main-link ul li .inner:after {display:block; content:""; margin:30px auto 0; width:44px; height:44px; background:url('../images/icon_main_link.png') no-repeat center / cover;}
.main-box .main-link ul li:nth-of-type(1) .inner strong {color:#ec4c5e;}
.main-box .main-link ul li:nth-of-type(2) .inner strong {color:#0f9d00;}
.main-box .main-link .link-image-01 {position:absolute; width:199px; left:70px; bottom:60px;}
.main-box .main-link .link-image-01 img.main {width:100%;}
.main-box .main-link .link-image-01 img.line {position:absolute; left:0; top:0; width:100%; height:100%; animation:blink 1.5s ease-in-out infinite;}
.main-box .main-link .link-image-02 {position:absolute; width:199px; right:70px; bottom:-15px;}
.main-box .main-link .link-image-02 img.main {width:100%;}
.main-box .main-link .link-image-02 img.line {position:absolute; right:-10px; top:-70px; width:78px; animation:blink 1.5s ease-in-out infinite; animation-delay:0.75s;}
@media (max-width:991px){
.main-box .main-link {padding:0;}
.main-box .main-link ul li {flex:none; width:100%; border-bottom:1px dashed #000; padding:60px 0;}
.main-box .main-link ul li:last-of-type {border:0;}
.main-box .main-link ul li:after {display:none;}
.main-box .main-link ul li .inner {padding:0;}
.main-box .main-link ul li .inner b {font-size:20px;}
.main-box .main-link ul li .inner strong {font-size:40px;}
.main-box .main-link ul li .inner p {font-size:14px;}
.main-box .main-link ul li .inner:after {margin:20px auto 0; width:35px; height:35px;}
.main-box .main-link .link-image-01 {width:130px; left:15px; bottom:auto; top:240px;}
.main-box .main-link .link-image-02 {width:130px; right:15px;}
.main-box .main-link .link-image-02 img.line {width:48px; top:-30px;}
}

/* main-news */
.main-box .main-news {background:#00cb9e; padding:115px 0;}
.main-box .main-news h2 {margin:0 0 70px; line-height:1; font-size:50px; font-weight:500; color:#fff; text-align:center;}
.main-box .main-news h2 b {font-size:50px; font-weight:500; line-height:1; color:#fcff67;}
.main-box .main-news ul {border:1px solid rgba(255,255,255,0.5); border-width:1px 0 0; display:flex; flex-wrap:wrap;}
.main-box .main-news ul li {width:50%; border-bottom:1px solid rgba(255,255,255,0.5); position:relative;}
.main-box .main-news ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:17px; background:#fff; content:"";}
.main-box .main-news ul li:nth-of-type(even):after {display:none;}
.main-box .main-news ul li a {gap:15px; display:flex; flex-wrap:wrap; align-items:center; padding:0 30px 0 15px; height:60px;}
.main-box .main-news ul li:nth-of-type(even) a {padding:0 15px 0 30px;}
.main-box .main-news ul li a p {flex:1; min-width:0; font-size:18px; color:#fff; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-news ul li a time {font-size:16px; font-weight:500; color:#fff;}
.main-box .main-news ul li a:hover p {text-decoration:underline;}
@media (max-width:991px){
.main-box .main-news {padding:60px 0;}
.main-box .main-news h2 {margin:0 0 30px; font-size:40px;}
.main-box .main-news h2 b {font-size:40px;}
.main-box .main-news ul li {width:100%;}
.main-box .main-news ul li:after {display:none;}
.main-box .main-news ul li a {padding:0 15px !important; height:50px;}
.main-box .main-news ul li a p {font-size:16px;}
.main-box .main-news ul li a time {font-size:14px;}
}

/* main-fact 시설안내 있는 것
.main-box .main-fact {position:relative; padding:90px 0 0; overflow:hidden;}
.main-box .main-fact h2 {margin:0 0 70px; line-height:1; font-size:50px; font-weight:500; text-align:center;}
.main-box .main-fact h2 b {font-size:50px; line-height:1; color:#ef5454;}
.main-box .main-fact ul {display:flex; flex-wrap:wrap; gap:55px;}
.main-box .main-fact ul li {flex:1; min-width:0; position:relative;}
.main-box .main-fact ul li .inner {display:block;}
.main-box .main-fact ul li .inner img {width:100%;}
.main-box .main-fact ul li .inner b {display:block; text-align:center; margin:20px 0 0; font-size:22px; font-weight:600;}
.main-box .main-fact ul li .inner p {font-size:14px; font-weight:500; color:#525252; text-align:center; word-break:keep-all; margin:5px 0 0;}
.main-box .main-fact ul li:nth-of-type(even) {margin:45px 0 0;}
.main-box .main-fact ul li:nth-of-type(1):before {position:absolute; content:""; width:39px; height:42px; left:-5px; top:-5px; background:url('../images/icon_fact_01.png') no-repeat center / cover; animation:blink 1.5s ease-in-out infinite;}
.main-box .main-fact ul li:nth-of-type(2):before {position:absolute; content:""; width:39px; height:42px; left:50px; top:-15px; background:url('../images/icon_fact_02.png') no-repeat center / cover; animation:starTwinkle 1.5s ease-in-out infinite;}
.main-box .main-fact ul li:nth-of-type(4):before {position:absolute; content:""; width:32px; height:35px; right:0; top:15px; background:url('../images/icon_fact_03.png') no-repeat center / cover; animation:blink 1.5s ease-in-out infinite;}
.main-box .main-fact .text {margin:135px 0 -5px; position:relative;}
.main-box .main-fact .text:before {position:absolute; content:""; width:58px; height:62px; right:-10px; top:-45px; background:url('../images/icon_fact_04.png') no-repeat center / cover; animation:gentleRotate 1.5s ease-in-out infinite;}
.main-box .main-fact .text img {max-width:1418px; width:100%; display:block; margin:0 auto;}
.main-box .main-fact .text img:last-of-type {display:none;}
.main-box .main-fact .sun {position:absolute; left:27%; bottom:15%; width:60px; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-fact .sun img {width:36px;}
.main-box .main-fact .sun:before {display:block; content:""; width:100%; height:100%; background:url('../images/icon_fact_06_line.png') no-repeat center / cover; position:absolute; left:0; top:-2px; animation:gentleRotate360 5.5s ease-in-out infinite;}
.main-box .main-fact:before {z-index:10; position:absolute; content:""; width:50px; height:50px; left:70px; top:60%; background:url('../images/icon_fact_05.png') no-repeat center / cover; animation:scaler 1.5s linear infinite; transform-origin:center center;}
*/
/* main-fact */
.main-box .main-fact {position:relative; padding:0; overflow:hidden; background: #fdf9cc;}
.main-box .main-fact h2 {margin:0 0 70px; line-height:1; font-size:50px; font-weight:500; text-align:center;}
.main-box .main-fact h2 b {font-size:50px; line-height:1; color:#ef5454;}
.main-box .main-fact ul {display:flex; flex-wrap:wrap; gap:55px;}
.main-box .main-fact ul li {flex:1; min-width:0; position:relative;}
.main-box .main-fact ul li .inner {display:block;}
.main-box .main-fact ul li .inner img {width:100%;}
.main-box .main-fact ul li .inner b {display:block; text-align:center; margin:20px 0 0; font-size:22px; font-weight:600;}
.main-box .main-fact ul li .inner p {font-size:14px; font-weight:500; color:#525252; text-align:center; word-break:keep-all; margin:5px 0 0;}
.main-box .main-fact ul li:nth-of-type(even) {margin:45px 0 0;}
.main-box .main-fact ul li:nth-of-type(1):before {position:absolute; content:""; width:39px; height:42px; left:-5px; top:-5px; background:url('../images/icon_fact_01.png') no-repeat center / cover; animation:blink 1.5s ease-in-out infinite;}
.main-box .main-fact ul li:nth-of-type(2):before {position:absolute; content:""; width:39px; height:42px; left:50px; top:-15px; background:url('../images/icon_fact_02.png') no-repeat center / cover; animation:starTwinkle 1.5s ease-in-out infinite;}
.main-box .main-fact ul li:nth-of-type(4):before {position:absolute; content:""; width:32px; height:35px; right:0; top:15px; background:url('../images/icon_fact_03.png') no-repeat center / cover; animation:blink 1.5s ease-in-out infinite;}
.main-box .main-fact .text {margin:135px 0 -5px; position:relative;}
.main-box .main-fact .text:before {position:absolute; content:""; width:58px; height:62px; right:-10px; top:-45px; background:url('../images/icon_fact_04.png') no-repeat center / cover; animation:gentleRotate 1.5s ease-in-out infinite;}
.main-box .main-fact .text img {max-width:1418px; width:100%; display:block; margin:0 auto;}
.main-box .main-fact .text img:last-of-type {display:none;}
.main-box .main-fact .sun {position:absolute; left:20%; bottom:40%; width:60px; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-fact .sun img {width:36px;}
.main-box .main-fact .sun:before {display:block; content:""; width:100%; height:100%; background:url('../images/icon_fact_06_line.png') no-repeat center / cover; position:absolute; left:0; top:-2px; animation:gentleRotate360 5.5s ease-in-out infinite;}
/*.main-box .main-fact:before {z-index:10; position:absolute; content:""; width:50px; height:50px; left:70px; top:60%; background:url('../images/icon_fact_05.png') no-repeat center / cover; animation:scaler 1.5s linear infinite; transform-origin:center center;}*/
@media (max-width:991px){
/* main-fact 시설안내 있는 것
.main-box .main-fact {padding:50px 0 0;}
.main-box .main-fact h2 {margin:0 0 40px; font-size:40px;}
.main-box .main-fact h2 b {font-size:40px;}
.main-box .main-fact ul {gap:0; margin:0 -15px -30px;}
.main-box .main-fact ul li {flex:none; width:calc(50% - 30px); margin:0 15px 30px;}
.main-box .main-fact ul li .inner b {margin:15px 0 0; font-size:16px;}
.main-box .main-fact ul li .inner p {font-size:13px;}
.main-box .main-fact ul li:nth-of-type(even) {margin:30px 0 0;}
.main-box .main-fact ul li:nth-of-type(1):before {width:28px; height:31px;}
.main-box .main-fact ul li:nth-of-type(2):before {width:28px; height:31px; top:-30px;}
.main-box .main-fact ul li:nth-of-type(4):before {width:25px; height:28px; top:-5px;}
.main-box .main-fact .text img {width:1018px;}
.main-box .main-fact .text .text-flow {display:flex; width:max-content;}
.main-box .main-fact .text .text-flow {animation: flowLeft 20s linear infinite;}
.main-box .main-fact .text:before {width:35px; height:38px; top:-35px; right:0;}
.main-box .main-fact .sun {bottom:10%; width:40px; height:40px; left:45%;}
.main-box .main-fact .sun img {width:30px;}
.main-box .main-fact .sun:before {top:0;}
.main-box .main-fact:before {width:30px; height:30px; left:30px; top:80%;}
 */   
    
.main-box .main-fact {padding:0;}
.main-box .main-fact h2 {margin:0 0 40px; font-size:40px;}
.main-box .main-fact h2 b {font-size:40px;}
.main-box .main-fact ul {gap:0; margin:0 -15px -30px;}
.main-box .main-fact ul li {flex:none; width:calc(50% - 30px); margin:0 15px 30px;}
.main-box .main-fact ul li .inner b {margin:15px 0 0; font-size:16px;}
.main-box .main-fact ul li .inner p {font-size:13px;}
.main-box .main-fact ul li:nth-of-type(even) {margin:30px 0 0;}
.main-box .main-fact ul li:nth-of-type(1):before {width:28px; height:31px;}
.main-box .main-fact ul li:nth-of-type(2):before {width:28px; height:31px; top:-30px;}
.main-box .main-fact ul li:nth-of-type(4):before {width:25px; height:28px; top:-5px;}
.main-box .main-fact .text {margin-top:60px;}
.main-box .main-fact .text img {width:1018px;}
.main-box .main-fact .text .text-flow {display:flex; width:max-content;}
.main-box .main-fact .text .text-flow {animation: flowLeft 20s linear infinite;}
.main-box .main-fact .text:before {width:35px; height:38px; top:-35px; right:0;}
.main-box .main-fact .sun {bottom:50%; width:40px; height:40px; left:5%;}
.main-box .main-fact .sun img {width:30px;}
.main-box .main-fact .sun:before {top:0;}
.main-box .main-fact:before {width:30px; height:30px; left:30px; top:80%;}
}
@media (max-width:500px){
/* main-fact 시설안내 있는 것
.main-box .main-fact ul {margin:0;}
.main-box .main-fact ul li {width:100%; margin:0 0 30px;}
.main-box .main-fact ul li:nth-of-type(even) {margin:0 0 30px;}
.main-box .main-fact .text { margin-top: 40px;}
.main-box .main-fact .sun { left: 10%;}
.main-box .main-fact h2 { font-size: 35px;}
 */    
.main-box .main-fact ul {margin:0;}
.main-box .main-fact ul li {width:100%; margin:0 0 30px;}
.main-box .main-fact ul li:nth-of-type(even) {margin:0 0 30px;}
.main-box .main-fact .text { margin-top: 40px;}
.main-box .main-fact .sun { left: 10%;}
.main-box .main-fact h2 { font-size: 35px;}
.main-box .main-news h2 { font-size: 35px;}
.main-box .main-link ul li .inner strong { font-size: 30px;}
.main-box .main-link ul li:nth-of-type(1) .inner strong { font-size: 30px;}
    
.main-box .main-link .link-image-01 {width:100px; left:15px; bottom:auto; top:300px;}
}
@keyframes flowLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* main-apply */
.main-apply {background:#fdf9cc; padding: 45px 0 0; /*padding:45px 0 100px; */ }
.main-apply ul {display:flex; flex-wrap:wrap; gap:45px;}
.main-apply ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px dashed #777; border-radius:20px; padding:40px 80px;}
.main-apply ul li:before {display:block; content:""; width:210px; height:117px; background-position:left center; background-size:auto 100%; background-repeat:no-repeat;}
.main-apply ul li .list-content {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.main-apply ul li .list-content b {width:100%; font-size:28px; font-weight:500; line-height:1.3;}
.main-apply ul li .list-content b strong {font-size:28px; font-weight:500; line-height:1.3; color:#ef5454;}
.main-apply ul li .list-content p {width:100%; font-size:16px; font-weight:500; color:#525252; margin:20px 0 0; word-break:keep-all;}
.main-apply ul li .list-content a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:20px 0 0; border-radius:50px; width:175px; height:35px; background:var(--color-brand-green); color:#fff; font-size:16px; font-weight:700; color:#fff;}
.main-apply ul li .list-content a:hover {background:var(--color-brand-red);}
.main-apply ul li:nth-of-type(1):before {background-image:url('../images/icon_main_apply_01.png');}
.main-apply ul li:nth-of-type(2):before {background-image:url('../images/icon_main_apply_02.png');}
@media (max-width:1500px){
.main-apply ul li {padding:40px;}
.main-apply ul li:before {width:150px; height:90px;}
}
@Media (max-width:991px){
.main-apply {padding:20px 0 45px;}
.main-apply ul {gap:20px;}
.main-apply ul li {border-radius:15px; padding:20px; flex:none; width:100%; position:relative;}
.main-apply ul li:before {width:100px; height:50px; position:absolute; right:20px; bottom:20px; background-position:right center;}
.main-apply ul li .list-content {flex:none; width:100%;}
.main-apply ul li .list-content b {font-size:20px;}
.main-apply ul li .list-content b strong {font-size:20px;}
.main-apply ul li .list-content p {font-size:14px; margin:10px 0 0;}
.main-apply ul li .list-content a {width:130px; font-size:14px; margin:15px 0 0;}
}

/* main-reserve */
.main-box .main-reserve {position:relative; z-index:10; padding:50px 0 0; background:#fdf9cc;}
.main-box .main-reserve > .char {position:absolute; max-width:1500px; width:100%; left:50%; top:-15%; transform:translate(-50%,-30%); padding:0 0 0 30px;}
.main-box .main-reserve > .char img {width:197px; animation:bounce 2s ease-in-out infinite;}
.main-box .main-reserve > .bg {height:240px; object-fit:cover; pointer-events:none; position:relative; z-index:-1; display:none;}
.main-box .main-reserve > .inner {background:#fdf9cc;}
.main-box .main-reserve > .inner .inner-bg {background:#fff; border:1px dashed #777; border-radius:20px; padding:30px 80px; display:flex; flex-wrap:wrap; align-items:center; gap:40px;}
.main-box .main-reserve > .inner .inner-bg .list-left {width:160px;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:var(--color-brand-red); height:44px; padding:0 15px;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-title strong {font-size:17px; font-weight:700; color:#fff; text-align:center; flex:1; min-width:0; line-height:1;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-title .prev {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_arrow_left.svg') no-repeat center / cover; filter:var(--filter-white); font-size:0;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-title .next {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_arrow_right.svg') no-repeat center / cover; filter:var(--filter-white); font-size:0;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content {background:#e4e4e4; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; border-radius:10px; padding:30px 15px;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content time {width:100%; line-height:1; font-size:16px; font-weight:700; color:#222; text-align:center;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content strong {width:100%; line-height:1; font-size:30px; font-weight:800; color:#e35050; text-align:center; margin:10px 0 0;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-line {max-width:100px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:2px 0;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-line:before {display:inline-block; content:""; width:2px; height:13px; border-left:2px dashed #b1b1b1;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-line:after {display:inline-block; content:""; width:2px; height:13px; border-left:2px dashed #b1b1b1;}
.main-box .main-reserve > .inner .inner-bg .list-right {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:0 40px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-prev {position:static; width:41px; height:41px; font-size:0; margin:0; background:url('../images/icon_swiper_prev.png') no-repeat center / cover;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-prev:after {display:none;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-next {position:static; width:41px; height:41px; font-size:0; margin:0; background:url('../images/icon_swiper_next.png') no-repeat center / cover;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-next:after {display:none;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper {flex:1; min-width:0;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-container {border-left:1px dashed #777;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide {display:flex; flex-wrap:wrap; width:25%;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide:after {display:inline-block; content:""; width:1px; border-right:1px dashed #777;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner {flex:1; min-width:0; padding:0 40px; min-height:240px; display:flex; flex-direction:column;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:5px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-head > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:25px; padding:0 15px; font-size:14px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-head > *.orange {background:var(--color-brand-red); color:#fff;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-head > *.green {background:var(--color-brand-green); color:#fff;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-head > *.black {background:#fff; border:1px solid #000;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body {padding:20px 0 15px; flex:1; display:flex; flex-direction:column; justify-content:center;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body time {display:block; text-align:center; line-height:1; font-size:22px; font-weight:700;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul {margin:15px 0 0;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul li {text-align:center;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul li b {font-size:14px; font-weight:700; display:inline-block; margin:0 10px 0 0;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul li p {display:inline-block; font-size:14px; font-weight:300; color:#6f6f6f;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul li p strong {font-size:14px; font-weight:700; color:#6f6f6f;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-foot a {font-size:16px; font-weight:700; background:#626262; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:100%; max-width:175px; height:35px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-foot a.active {background:var(--color-brand-green);}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-foot a.active:hover {background:var(--color-brand-red);}
@media (max-width:1500px){
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide {width:33.33%;}
}
@media (max-width:1250px){
.main-box .main-reserve > .inner .inner-bg {padding:30px 60px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide {width:50%;}
}
@media (max-width:991px){
.main-box .main-reserve > .bg {height:150px;}
.main-box .main-reserve > .char {top:4%; padding:0 0 0 10px;}
.main-box .main-reserve > .char img {width:140px;}
.main-box .main-reserve > .inner {padding:30px 0 0;}
.main-box .main-reserve > .inner .inner-bg {padding:20px; border-radius:15px; gap:20px;}
.main-box .main-reserve > .inner .inner-bg .list-left {width:100%;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content {padding:20px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content time {width:auto;}
.main-box .main-reserve > .inner .inner-bg .list-left .left-content strong {width:auto; margin:0; font-size:25px;}
.main-box .main-reserve > .inner .inner-bg .list-right {gap:15px; flex:none; width:100%;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-prev {width:30px; height:30px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper-button-next {width:30px; height:30px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide {width:100%;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide:not(:last-child):after {display:none;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner {padding:0 15px; min-height:200px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body {padding:10px 0;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body time {font-size:20px;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-body ul {margin:10px 0 0;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide .inner .slide-foot a {width:130px; font-size:14px;} 
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-container {border-left:none;}
.main-box .main-reserve > .inner .inner-bg .list-right .swiper .swiper-slide:after { border-right:none;}
}
@media (max-width:600px){
.main-box .main-reserve > .bg {height:100px;}
.main-box .main-reserve > .char {top:5%; padding:0 0 0 10px;}
}

@keyframes cloudFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* main-swiper */
@keyframes sway {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(10px); }
}
.main-box .main-swiper {position:relative;}
.main-box .main-swiper .bg {margin:-200px 0 0; position:absolute; left:0; bottom:0;}
.main-box .main-swiper .line {position:absolute; z-index:10; right:0; top:15%; width:15%;}
.main-box .main-swiper .cloud1 {position:absolute; z-index:10; left:3%; top:35%; width:97px; animation:cloudFloat 3s ease-in-out infinite;}
.main-box .main-swiper .cloud2 {position:absolute; z-index:10; left:38%; top:27%; width:115px; animation:cloudFloat 3s ease-in-out infinite; animation-delay:1s;}
.main-box .main-swiper .cloud3 {position:absolute; z-index:10; left:32%; top:70%; width:94px; animation:cloudFloat 3s ease-in-out infinite; animation-delay:2s;}
.main-box .main-swiper .swiper-container {overflow:hidden; position:relative;}
.main-box .main-swiper .swiper-wrapper {position:static;}
.main-box .main-swiper .swiper-slide {padding:12% 0 3%; min-height:700px; align-items:stretch;}
.main-box .main-swiper .swiper-slide .container {display:flex; flex-wrap:wrap; gap:15px; position:relative; z-index:11;}
.main-box .main-swiper .swiper-slide .list-content {flex:1; min-width:0;}
.main-box .main-swiper .swiper-slide .list-content b {font-size:35px; font-weight:500; display:block; word-break:keep-all;}
.main-box .main-swiper .swiper-slide .list-content strong {font-size:60px; font-weight:500; line-height:1.3; word-break:keep-all;}
.main-box .main-swiper .swiper-slide .list-content p {font-size:20px; font-weight:500; color:#222; word-break:keep-all; margin:50px 0 0;}
.main-box .main-swiper .swiper-slide .list-image {width:55%; position:relative; z-index:15;}
.main-box .main-swiper .swiper-slide .list-image img:not(.char) {width:auto;}
.main-box .main-swiper .swiper-slide .list-image .char {position:absolute; animation:sway 3s ease-in-out infinite;}
.main-box .main-swiper .swiper-slide .list-image .char1 {width:18%; left:10%; top:8.8%;}
.main-box .main-swiper .swiper-slide .list-image .char2 {width:20%; left:68%; top:6.7%;}
.main-box .main-swiper .swiper-slide .list-image .char3 {width:20%; left:70%; top:2.7%;}
.main-box .main-swiper .swiper-control {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:7px; padding:0 15px; position:absolute; z-index:20; left:50%; top:65%; transform:translateX(-50%); width:100%; max-width:1500px;}
.main-box .main-swiper .swiper-control > * {position:static; margin:0;}
.main-box .main-swiper .swiper-control .swiper-button-prev {width:41px; height:41px; background:url('../images/icon_main_swiper_prev.png') no-repeat center / cover;}
.main-box .main-swiper .swiper-control .swiper-button-prev:after {display:none;}
.main-box .main-swiper .swiper-control .swiper-button-next {width:41px; height:41px; background:url('../images/icon_main_swiper_next.png') no-repeat center / cover;}
.main-box .main-swiper .swiper-control .swiper-button-next:after {display:none;}
.main-box .main-swiper .swiper-control .toggle {width:41px; height:41px; background:url('../images/icon_main_swiper_pause.png') no-repeat center / cover; font-size:0;}
.main-box .main-swiper .swiper-control .toggle.is-paused {background-image:url('../images/icon_main_swiper_play.png');}
@media (max-width:1850px){
.main-box .main-swiper .cloud1 {top:18%;}
}
@media (max-width:1200px){
.main-box .main-swiper .bg {margin:-100px 0 0;}
.main-box .main-swiper .swiper-slide .list-image {width:50%;}
.main-box .main-swiper .swiper-slide .list-image img:not(.char) {width:100%;}
}
@media (max-width:991px){
/* 슬라이드마다 텍스트 줄 수가 달라 컨트롤 버튼 위치가 흔들리는 문제 방지 — 최소 높이 고정 */
.main-box .main-swiper .swiper-slide {padding:100px 0 130px; min-height:90vh;}
.main-box .main-swiper .swiper-slide .list-content {flex:none; width:100%; margin:15px 0 0;order:2;}
.main-box .main-swiper .swiper-slide .list-content b {font-size:25px; text-align:center;}
.main-box .main-swiper .swiper-slide .list-content strong {font-size:40px; text-align:center; display:block;}
.main-box .main-swiper .swiper-slide .list-content p {font-size:15px; margin:10px 0 0; text-align:center;}
.main-box .main-swiper .swiper-slide .list-image {width:100%; order:1;}
.main-box .main-swiper .swiper-control {margin:0; gap:5px; position:absolute; top:auto; bottom:100px; justify-content:center;}
.main-box .main-swiper .swiper-control > * {width:30px !important; height:30px !important;}
.main-box .main-swiper .cloud1 {top:49%; width:77px;}
.main-box .main-swiper .cloud2 {top:60%; left:80%; width:87px;}
.main-box .main-swiper .cloud3 {top:80%; left:70%; width:77px;}
}
@media (max-width:600px){
.main-box .main-swiper .swiper-slide {padding:80px 0 130px;}
.main-box .main-swiper .swiper-slide .list-content p {font-size:14px; letter-spacing: -1px;margin:15px 0 30px 0;}

}

/* sub-top-box */
.sub-top-box {position:relative; margin:0 0 90px;}
.sub-top-box .top-banner {position:relative; height:400px; overflow:hidden; background-color:var(--banner-bg, transparent); background-image:var(--banner-pc); background-size:cover; background-position:center; background-repeat:no-repeat;}
.sub-top-box .top-category ul {display:flex; flex-wrap:wrap; border-radius:50px; overflow:hidden; background:#fff; border:1px dashed #777; position:relative; margin:-45px 0 0;}
.sub-top-box .top-category ul li {flex:1; min-width:0; position:relative;}
.sub-top-box .top-category ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:calc(100% - 30px); border-right:1px dashed #777; content:"";}
.sub-top-box .top-category ul li:last-of-type:after {display:none;}
.sub-top-box .top-category ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; height:70px; font-size:18px; font-weight:700; color:#222;}
.sub-top-box .top-category ul li.active a {background:#f76161; color:#fff;}
/* 홀수 개수 보정용 빈 칸 — 데스크톱에서는 숨김 */
.sub-top-box .top-category ul li.top-category__empty {display:none;}

@media (max-width:991px){
.sub-top-box {margin:0 0 30px;}
.sub-top-box .top-banner {height:200px;}
.sub-top-box .top-category ul {border-radius:10px; margin:-30px 0 0;}
.sub-top-box .top-category ul li {flex:none; width:50%; border-bottom:1px dashed #777;}
.sub-top-box .top-category ul li:nth-last-child(-n+2) {border-bottom:0;}
.sub-top-box .top-category ul li:nth-of-type(even):after {display:none;}
.sub-top-box .top-category ul li a {height:45px; font-size:15px; border-radius:10px;}
/* 홀수 개수일 때 마지막 행 오른쪽 빈 칸에도 border 유지 */
.sub-top-box .top-category ul li.top-category__empty {display:flex; pointer-events:none;}
.sub-top-box .top-category ul li.top-category__empty a {visibility:hidden;}
}

@media (max-width:600px){
.sub-top-box .top-banner {height:220px; background-image:var(--banner-m); background-size:contain; background-position:center bottom;}
}

/* sub-content-box */
.sub-content-box .content-title {margin:0 0 50px;}
.sub-content-box .content-title h2 {font-size:40px; font-weight:600; color:#222; text-align:center;}
@media (max-width:991px){
.sub-content-box .content-title {margin:0 0 25px;}
.sub-content-box .content-title h2 {font-size:25px;}
}

/* animation-box */
.scroll_on {opacity:0; transition: all ease-in-out 0.5s; display:block;}
.scroll_on.type_top {transform: translate(0, -80px);}
.scroll_on.type_bottom {transform: translate(0, 80px);}
.scroll_on.type_left {transform: translate(-80px, 0);}
.scroll_on.type_right {transform: translate(80px, 0);}
.scroll_on.on {opacity: 1; transform: translate(0, 0);}

.delay01 {transition-delay:0.1s !important;}
.delay02 {transition-delay:0.2s !important;}
.delay03 {transition-delay:0.3s !important;}
.delay04 {transition-delay:0.4s !important;}
.delay05 {transition-delay:0.5s !important;}
.delay06 {transition-delay:0.6s !important;}
.delay07 {transition-delay:0.7s !important;}
.delay08 {transition-delay:0.8s !important;}
.delay09 {transition-delay:0.9s !important;}
.delay10 {transition-delay:1s !important;}
.delay15 {transition-delay:1.5s !important;}
.delay20 {transition-delay:2s !important;}
.delay25 {transition-delay:2.5s !important;}
.delay30 {transition-delay:3s !important;}
.delay35 {transition-delay:3.5s !important;}
.delay40 {transition-delay:4s !important;}

/* 사이트맵: 하위 메뉴 없는 1차 메뉴는 버튼 대신 링크로 (페이지 이동 가능) */
header .header-sitemap .list-body .container > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; margin:0 0 20px;}
header .header-sitemap .list-body .container > ul > li > a span {flex:1; min-width:0; text-align:center; font-size:30px; font-weight:500; color:var(--color-brand-green); font-family:'SchoolSafetyAquariumDecor';}
header .header-sitemap .list-body .container > ul > li > a:hover span {color:#00cb9e;}
@media (max-width:1550px){
header .header-sitemap .list-body .container > ul > li > a span {font-size:25px;}
}
@media (max-width:1120px){
header .header-sitemap .list-body .container > ul > li > a {margin:0 0 10px;}
header .header-sitemap .list-body .container > ul > li > a span {font-size:20px;}
}
@media (max-width:991px){
header .header-sitemap .list-body .container > ul > li > a {justify-content:flex-start;}
header .header-sitemap .list-body .container > ul > li > a span {text-align:left;}
}