@charset "utf-8";

/* main */
/* .main{width: 100%; overflow:hidden; margin: 0 auto;} */

.mainSlide{position:relative; width:100%; overflow:hidden; margin-top:10px;}
.mainSlide > ul {
    margin: 0;
    padding: 0;
}
.mainSlide > ul > li{position:relative; width:1280px; border-radius:20px; overflow:hidden;}
.mainSlide > ul > li.kmarathon {border:1px solid #cdcdcd;}
.mainSlide > ul > li > img{width:100%;}

.mainSlide > ul > li > .tit{
    position:absolute;
}

.mainSlide .marathon-slide .tit{bottom: 15%; left:80px;}
.mainSlide .marathon-slide .date-badge{display:inline-block;padding:10px 20px;background:rgba(255,255,255,.95);border-radius:50px;font-size:25px;font-weight:900;color:#e11d48;letter-spacing:.5px;box-shadow:0 8px 25px rgba(0,0,0,.12);}
.mainSlide .marathon-slide h2{margin:22px 0 0;font-size:50px;font-weight:900;line-height:1.1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.35);}
.mainSlide .marathon-slide h2 span{display:block;margin-top:14px;font-size:24px;font-weight:500;color:rgba(255,255,255,.92);letter-spacing:.5px;}
.mainSlide .marathon-slide p{margin-top:28px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.95);}
.mainSlide .marathon-slide p span{display:block;margin-top:8px;font-size:20px;font-weight:700;color:#ffe082;}

.mainSlide .slide02 .tit{bottom: 20%;  left:80px;}
.mainSlide .slide02 h2{font-size:58px;font-weight:800;line-height:1.2;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.25);}
.mainSlide .slide02 h2 span{display:block;margin-top:14px;font-size:22px;font-weight:500;color:#dcfce7;letter-spacing:.5px;}
.mainSlide .slide02 p{margin-top:24px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.95);}
.mainSlide .slide02 p span{display:block;margin-top:8px;font-size:19px;font-weight:600;color:#bbf7d0;}

/* icon */
.main > .rest-icon {display: flex; width: 1280px; margin: 100px auto; justify-content: space-between; align-items: center; gap: 50px; box-sizing: border-box; padding: 0 50px;}
.main > .rest-icon > .title-area {flex: 1;}
.main > .rest-icon > .title-area > h1 {font-size: 38px; font-weight: 700; line-height: 1.4; color: #111111;}
.main > .rest-icon > .title-area h1 .highlight {color: #00a854;  font-weight: 700; font-weight: 900;}

.main > .rest-icon > .menu-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 30px;}
.main > .rest-icon > .menu-grid > .menu-item {display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #333333; width: 110px;}
.main > .rest-icon > .menu-grid > .menu-item > .icon-circle {width: 100px;  height: 100px; border-radius: 50%; background-color: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); display: flex; justify-content: center; align-items: center; margin-bottom: 12px; transition: transform 0.2s ease;}
.main > .rest-icon > .menu-grid > .menu-item > .icon-circle > img {width: 50%; height: 50%; object-fit: contain; display: block;}

.main > .rest-icon > .menu-grid > .menu-item > .menu-label {font-size: 14px; font-weight: 500; text-align: center; white-space: nowrap;}
.main > .rest-icon > .menu-grid > .menu-item:hover > .icon-circle {transform: translateY(-3px);}

/* notice */
.main > .notice { display:flex; width:1280px; margin:120px auto; gap:100px; align-items:center; }

.main > .notice > .video-box { flex:0.9; position:relative; border-radius:24px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,0.07); background:#000; aspect-ratio:16/9; max-height:300px; }

.main > .notice > .video-box iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

.main > .notice > .board-tab-container { flex:1.2; display:flex; flex-direction:column; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,0.04); border:1px solid #f0f0f5; height:340px; }

.main > .notice > .board-tab-container > .tab-header { display:flex; background:#f8fafc; border-bottom:1px solid #f0f0f5; padding:0 10px; align-items:center; flex-shrink:0; }

.main > .notice > .board-tab-container > .tab-header > .tab-btn { border:none; height:60px; padding:0 24px; background:transparent; font-size:16px; font-weight:500; color:#64748b; cursor:pointer; position:relative; transition:all .25s ease; }

.main > .notice > .board-tab-container > .tab-header > .tab-btn.active { color:#00a854; font-weight:700; }

.main > .notice > .board-tab-container > .tab-header > .tab-btn.active::after { content:""; position:absolute; bottom:-1px; left:20px; right:20px; height:3px; background:#00a854; border-radius:3px; }

.main > .notice > .board-tab-container > .tab-header > .more-btn { margin-left:auto; width:40px; height:40px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#94a3b8; text-decoration:none; border-radius:50%; transition:background .2s; }

.main > .notice > .board-tab-container > .tab-header > .more-btn:hover { background:#e2e8f0; color:#334155; }

.main > .notice > .board-tab-container > .tab-body { padding:20px 24px; flex:1; display:flex; flex-direction:column; overflow:hidden; }

.main > .notice > .board-tab-container > .tab-body > .tab-content { display:none; width:100%; height:100%; }

.main > .notice > .board-tab-container > .tab-body > .tab-content.active { display:flex; flex-direction:column; height:100%; }

.main > .notice > .board-tab-container > .tab-body .top-notice { display:flex; gap:20px; padding:14px 18px; background:#f0fdf4; border-radius:16px; margin-bottom:14px; align-items:center; flex-shrink:0; }

.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box { width:48px; height:48px; border-radius:50%; background:#bbf7d0; display:flex; justify-content:center; align-items:center; flex-shrink:0; }

.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box i { font-size:18px; color:#16a34a; }

.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text h3 { font-size:15px; font-weight:700; margin-bottom:4px; color:#1e293b; }

.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text p { font-size:13px; color:#64748b; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.main > .notice > .board-tab-container > .tab-body .notice-list { list-style:none; padding:0; margin:0; flex:1; display:flex; flex-direction:column; justify-content: center;}

.main > .notice > .board-tab-container > .tab-body .notice-list li { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 6px; border-bottom:1px dashed #f1f5f9; border-radius:8px; }

.main > .notice > .board-tab-container > .tab-body .notice-list li a { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#334155; text-decoration:none; position:relative; padding-left:12px; }

.main > .notice > .board-tab-container > .tab-body .notice-list li a::before { content:""; position:absolute; left:2px; top:50%; width:4px; height:4px; background:#cbd5e1; border-radius:50%; transform:translateY(-50%); }

.main > .notice > .board-tab-container > .tab-body .notice-list li:hover a { color:#00a854; font-weight:500; }

.main > .notice > .board-tab-container > .tab-body .notice-list li:hover a::before { background:#00a854; }

.main > .notice > .board-tab-container > .tab-body .notice-list li .date { flex-shrink:0; font-size:13px; color:#94a3b8; }


/* youtube */
.main > .festival-youtube {
    width: 1280px;
    margin: 120px auto;
    box-sizing: border-box;
}

.main > .festival-youtube > .youtube-header {
    text-align: center;
    margin-bottom: 40px;
}
.main > .festival-youtube > .youtube-header > .sub-title {
    font-size: 14px;
    color: #94a3b8;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}
.main > .festival-youtube > .youtube-header > .main-title {
    font-size: 32px;
    font-weight: 800;
    color: #1e293b;
}
.main > .festival-youtube > .youtube-header > .main-title > span {color: #00a854; font-weight: 900;}
.main > .festival-youtube > .youtube-header > .main-title > i {
    color: #ff0000; 
    margin-left: 4px;
    font-size: 28px;
    vertical-align: middle;
}

.main > .festival-youtube > .youtube-body {
    display: flex;
    gap: 30px;
    align-items: stretch;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f0f5;
    padding: 24px;
    height: 480px; 
}

.main > .festival-youtube > .youtube-body > .main-video-box {
    flex: 1.8; 
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}
.main > .festival-youtube > .youtube-body > .main-video-box iframe{
    position:absolute;
    top:0;
    left:50%;
    width:100%;
    height:100%;
    transform:translateX(-50%) scaleX(1.01);
    border:0;
}

.main > .festival-youtube > .youtube-body > .video-playlist {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.main > .festival-youtube > .youtube-body > .video-playlist > .playlist-inner {
    flex: 1;
    overflow-y: auto; 
    padding-right: 8px;
}

.main > .festival-youtube > .youtube-body > .video-playlist > .playlist-inner::-webkit-scrollbar {
    width: 4px;
}
.main > .festival-youtube > .youtube-body > .video-playlist > .playlist-inner::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}
.main > .festival-youtube > .youtube-body > .video-playlist > .playlist-inner::-webkit-scrollbar-thumb {
    background: #ef4444; 
    border-radius: 10px;
}

.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item {
    display: flex;
    gap: 16px;
    padding: 15px;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all 0.25s ease;
    border: 1px solid transparent;
    background: #f8fafc;
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item:hover {
    background: #f1f5f9;
    transform: translateY(-1px);
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item.active {
    background: #fef2f2;
    border-color: #fca5a5;
}

.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item .thumb-box {
    width: 120px;
    height: 68px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    background: #000;
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item .thumb-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item .thumb-box .time-tag {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 500;
}

.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item .video-info {
    flex: 1;
    display: flex;
    align-items: center;
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item .video-info h4 {
    font-size: 13.5px;
    font-weight: 500;
    color: #334155;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}
.main > .festival-youtube > .youtube-body > .video-playlist .playlist-item.active .video-info h4 {
    color: #ef4444;
    font-weight: 700;
}


/* media */
.baenagol-media {
    width: 100%;
    background-image: url('/images/main/mediaBg01.png'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px;
    box-sizing: border-box;
}

.baenagol-media > .media-container {
    width: 1280px;
    margin: 0 auto;
}

.baenagol-media .media-header {
    text-align: center;
    margin-bottom: 50px;
}
.baenagol-media .media-header .media-title {
    font-size: 34px;
    font-weight: 800;
    color: #16a34a;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
}
.baenagol-media .media-header .media-title span {
    color: #1e293b; 
}
.baenagol-media .media-header .media-desc {
    font-size: 16px;
    color: #475569;
    font-weight: 500;
    letter-spacing: -0.3px;
}

.baenagol-media .media-grid {
    display: flex;
    gap: 30px;
    justify-content: center;
	padding:0 50px;
}

.baenagol-media .media-grid .media-card {
    flex: 1;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(0, 0, 0, 0.02);
}

.baenagol-media .media-grid .media-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(22, 163, 74, 0.08); 
    border-color: rgba(22, 163, 74, 0.2);
}

.baenagol-media .media-grid .media-card .card-info h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0;
    position: relative;
    padding-bottom: 2px;
}

.baenagol-media .media-grid .media-card .card-img-box {
    width: 100%;
    height: 220px; 
    border-radius: 12px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
}
.baenagol-media .media-grid .media-card .card-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.4s ease;
}

.baenagol-media .media-grid .media-card:hover .card-img-box img {
    transform: scale(1.05);
}


/* gallery */
.main > .baenagol-gallery { width: 100%; margin: 120px auto; background: #ffffff; box-sizing: border-box; overflow: hidden; }
.main > .baenagol-gallery > .gallery-container { width: 1280px; margin: 0 auto; position: relative; }
.main > .baenagol-gallery .gallery-header { text-align: center; margin-bottom: 60px; }
.main > .baenagol-gallery .gallery-header .gallery-title { font-size: 34px; font-weight: 800; color: #16a34a; letter-spacing: -0.5px; margin-bottom: 16px; }
.main > .baenagol-gallery .gallery-header .gallery-title span { color: #1e293b; }
.main > .baenagol-gallery .gallery-header .gallery-desc { font-size: 16px; color: #64748b; font-weight: 500; }
.main > .baenagol-gallery .gallery-slider-wrapper { display: flex; align-items: center; position: relative; padding: 0; }
.main > .baenagol-gallery .gallery-slider-wrapper .gallerySwiper { width: 100%; padding: 15px 5px; }
.main > .baenagol-gallery .gallerySwiper .swiper-slide .img-box { width: 100%; aspect-ratio: 1 / 1; border-radius: 28px; overflow: hidden; background: #f1f5f9; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0,0,0,0.03); }
.main > .baenagol-gallery .gallerySwiper .swiper-slide .img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
.main > .baenagol-gallery .gallerySwiper .swiper-slide:hover .img-box img { transform: scale(1.04); }
.main > .baenagol-gallery .gallery-slider-wrapper .slide-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: transparent; padding: 0; cursor: pointer; z-index: 10; transition: transform 0.2s ease, opacity 0.2s; }
.main > .baenagol-gallery .gallery-slider-wrapper .slide-nav-btn img { width: 54px; height: auto; display: block; }
.main > .baenagol-gallery .gallery-slider-wrapper .btn-prev { left: -70px; }
.main > .baenagol-gallery .gallery-slider-wrapper .btn-prev:hover { transform: translateY(-50%) translateX(-5px); opacity: 0.9; }
.main > .baenagol-gallery .gallery-slider-wrapper .btn-next { right: -70px; }
.main > .baenagol-gallery .gallery-slider-wrapper .btn-next:hover { transform: translateY(-50%) translateX(5px); opacity: 0.9; }
.main > .baenagol-gallery .gallery-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
.main > .baenagol-gallery .gallery-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #bbf7d0; opacity: 1; margin: 0 !important; transition: all 0.3s ease; border-radius: 50%; }
.main > .baenagol-gallery .gallery-pagination .swiper-pagination-bullet-active { background: #16a34a; width: 24px; border-radius: 5px; }


@media (max-width:1280px){
	
	/* main */
	.mainSlide{margin-top:0;padding:0 15px;box-sizing:border-box;}
	.mainSlide > ul > li{width:calc(100vw - 30px);height:58vw;border-radius:15px;overflow:hidden;}
	.mainSlide > ul > li > img{width:100%;height:100%;object-fit:cover;display:block;}
	.mainSlide .marathon-slide .tit{left:15px;right:15px;bottom:15px;max-width:280px;}
	.mainSlide .marathon-slide .date-badge{display:inline-block;padding:5px 10px;font-size:11px;font-weight:800;border-radius:30px;}
	.mainSlide .marathon-slide h2{margin:8px 0 0;font-size:22px;font-weight:900;line-height:1.25;}
	.mainSlide .marathon-slide h2 span{display:block;margin-top:4px;font-size:13px;font-weight:500;line-height:1.4;}
	.mainSlide .marathon-slide p{margin-top:8px;font-size:12px;line-height:1.5;}
	.mainSlide .marathon-slide p span{display:block;margin-top:2px;font-size:12px;line-height:1.5;}
	.mainSlide .slide02 .tit{left:15px;right:15px;bottom:15px;max-width:280px;}
	.mainSlide .slide02 h2{font-size:22px;font-weight:800;line-height:1.3;}
	.mainSlide .slide02 h2 span{display:block;margin-top:4px;font-size:13px;font-weight:500;line-height:1.4;}
	.mainSlide .slide02 p{margin-top:8px;font-size:12px;line-height:1.5;}
	.mainSlide .slide02 p span{display:block;margin-top:2px;font-size:12px;line-height:1.5;}
	
	/* icon */
	.main > .rest-icon{width:100%;padding:0 20px;margin:40px auto;flex-direction:column;gap:35px;}
	.main > .rest-icon > .title-area{width:100%;text-align:center;}
	.main > .rest-icon > .title-area > h1{font-size:20px;line-height:1.5;}
	.main > .rest-icon > .menu-grid{width:100%;grid-template-columns:repeat(4,1fr);gap:20px 10px;}
	.main > .rest-icon > .menu-grid > .menu-item{width:100%;}
	.main > .rest-icon > .menu-grid > .menu-item > .icon-circle{width:70px;height:70px;margin-bottom:8px;}
	.main > .rest-icon > .menu-grid > .menu-item > .icon-circle > img{width:38px;height:38px;}
	.main > .rest-icon > .menu-grid > .menu-item > .menu-label{font-size:12px;line-height:1.4;}
	
	/* notice */
	.main > .notice{width:100%;padding:0 20px;margin:40px auto;box-sizing:border-box;flex-direction:column;gap:25px;}
	.main > .notice > .video-box{width:100%;flex:none;max-height:none;border-radius:15px;}
	.main > .notice > .board-tab-container{width:100%;flex:none;height:auto;border-radius:15px;}
	.main > .notice > .board-tab-container > .tab-header{padding:0 5px;}
	.main > .notice > .board-tab-container > .tab-header > .tab-btn{height:50px;padding:0 15px;font-size:14px;}
	.main > .notice > .board-tab-container > .tab-header > .more-btn{width:34px;height:34px;font-size:14px;}
	.main > .notice > .board-tab-container > .tab-body{padding:15px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice{padding:12px;gap:12px;border-radius:12px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box{width:40px;height:40px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box i{font-size:15px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text h3{font-size:14px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text p{font-size:12px;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li{padding:8px 0;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li a{font-size:13px;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li .date{font-size:11px;}
	
	.main > .notice{width:100%;padding:0 20px;margin:50px auto;box-sizing:border-box;flex-direction:column;gap:25px;}
	.main > .notice > .video-box{width:100%;flex:none;max-height:none;border-radius:15px;}
	.main > .notice > .board-tab-container{width:100%;flex:none;height:auto;border-radius:15px;}
	.main > .notice > .board-tab-container > .tab-header{padding:0 5px;}
	.main > .notice > .board-tab-container > .tab-header > .tab-btn{height:50px;padding:0 15px;font-size:14px;}
	.main > .notice > .board-tab-container > .tab-header > .more-btn{width:34px;height:34px;font-size:14px;}
	.main > .notice > .board-tab-container > .tab-body{padding:15px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice{padding:12px;gap:12px;border-radius:12px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box{width:40px;height:40px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-img-box i{font-size:15px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text h3{font-size:14px;}
	.main > .notice > .board-tab-container > .tab-body .top-notice > .notice-text p{font-size:12px;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li{padding:8px 0;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li a{font-size:13px;}
	.main > .notice > .board-tab-container > .tab-body .notice-list li .date{font-size:11px;}
	
	/* youtube */
	.main > .festival-youtube {width: 100%; padding: 0 20px; margin: 60px auto;}
    .main > .festival-youtube > .youtube-body {flex-direction: column; height: auto; gap: 20px; padding: 16px;}
    .main > .festival-youtube > .youtube-body > .main-video-box {flex: none; width: 100%; aspect-ratio: 16 / 9;}
    .main > .festival-youtube > .youtube-body > .main-video-box iframe {left: 0; transform: none;}
    .main > .festival-youtube > .youtube-body > .video-playlist {flex: none; width: 100%; height: 350px;}
    .main > .festival-youtube > .youtube-header > .main-title {font-size: 26px;}
    .main > .festival-youtube > .youtube-header > .main-title > i {font-size: 24px;}
	
	/* media */
	.baenagol-media{display: none;}
	/* .baenagol-media {
	        padding: 50px 20px;
	    }
	    .baenagol-media > .media-container {
	        width: 100%;
	    }
	    .baenagol-media .media-grid {
	        flex-direction: column;
	        padding: 0;
	        gap: 12px;
	    }
	    .baenagol-media .media-grid .media-card {
	        flex-direction: row;
	        align-items: center;
	        padding: 15px;
	        gap: 16px;
	        border-radius: 14px;
	    }
	    .baenagol-media .media-grid .media-card .card-img-box {
	        width: 100px;  
	        height: 70px;  
	        flex-shrink: 0;
	        border-radius: 8px;
	    }
	    .baenagol-media .media-grid .media-card .card-info {
	        flex: 1;
	    }
	    .baenagol-media .media-grid .media-card .card-info h3 {
	        font-size: 16px;
	    }
	    .baenagol-media .media-header {
	        margin-bottom: 30px;
	    }
	    .baenagol-media .media-header .media-title {
	        font-size: 24px;
	    }
	    .baenagol-media .media-header .media-desc {
	        font-size: 13.5px;
	        word-break: keep-all;
	    } */

	/* gallery */
    .main > .baenagol-gallery {
        margin: 60px auto;
    }
    .main > .baenagol-gallery > .gallery-container {
        width: 100%;
        padding: 0 20px; /* 컨테이너 기본 여백 */
    }
    .main > .baenagol-gallery .gallery-header {
        margin-bottom: 35px;
    }
    .main > .baenagol-gallery .gallery-header .gallery-title {
        font-size: 24px;
    }
    .main > .baenagol-gallery .gallery-header .gallery-desc {
        font-size: 13.5px;
        word-break: keep-all;
    }
    
    /* ★ 핵심: wrapper에 좌우 패딩을 주어 swiper 사진 영역을 안쪽으로 밀어냄 */
    .main > .baenagol-gallery .gallery-slider-wrapper {
        padding: 0 50px; 
        position: relative;
    }

    /* 거대했던 1:1 비율을 아담하고 세련된 가로형(16:10) 비율로 축소 */
    .main > .baenagol-gallery .gallerySwiper .swiper-slide .img-box {
        aspect-ratio: 16 / 10; 
        border-radius: 16px;
    }

    /* 화살표를 사진이 밀려나고 남은 좌우 '완전 바깥 공백'에 배치 */
    .main > .baenagol-gallery .gallery-slider-wrapper .btn-prev {
        left: 10px;
    }
    .main > .baenagol-gallery .gallery-slider-wrapper .btn-next {
        right: 10px;
    }
    .main > .baenagol-gallery .gallery-slider-wrapper .slide-nav-btn img {
        width: 32px; /* 화살표 크기도 아담하게 줄여서 공백에 쏙 넣음 */
    }

}