/* ---------- 공통 ---------- */
.main-renew, .main-renew *{box-sizing:border-box;}
.main-renew{background:#fff;font-family:"Pretendard", sans-serif;color:#333;}
.main-renew img{max-width:100%;height:auto;}
.main-renew a{color:inherit;text-decoration:none;}
.main-renew a:hover, .main-renew a:focus{text-decoration:none;}
.main-renew .rn-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 20px !important;}
.main-renew .material-symbols-outlined {color:#218FDD;}

/* ---------- 메인비주얼(Hero) ---------- */
.main-renew .main-visual{width:100%;overflow:hidden;}
.main-renew .main-visual > ul > li{height:583px;overflow:hidden;background:#fff;text-align:center;text-indent:0;}
.main-renew .main-visual > ul > li > img{display:block;width:100%;height:583px;object-fit:cover;object-position:center;}

/* ---------- 관람정보 바 ---------- */
.main-renew .rn-info-section{padding:50px 0;background:#ffffff;}
.main-renew .rn-info-card{display:flex;justify-content: space-between;gap:32px;padding:32px 50px;background:#fff;border:1px solid #d1d5db;border-radius:16px;box-shadow:4px 4px 8.15px rgba(0,0,0,.06);}
.main-renew .rn-info-item{display:flex;align-items:center;gap:16px;}
.main-renew .rn-info-icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#def1ff;}
.main-renew .rn-info-icon svg{display:block;width:26px;height:26px;}
.main-renew .rn-info-body{display:flex;flex-direction:column;gap:7px;}
.main-renew .rn-info-label{margin:0;font-size:13px;font-weight:800;color:#697586;}
.main-renew .rn-info-value{font-size:16px;font-weight:800;color:#333;}
.main-renew .rn-info-time{display:flex;align-items:center;gap:8px;}
.main-renew .rn-badge{background:#ff8770;color:#fff;font-size:12px;font-weight:800;padding:4px 5px;border-radius:5px;}

/* ---------- 서비스 링크 ---------- */
.main-renew .rn-service-section{padding-bottom:50px;background:#ffffff;}
.main-renew .rn-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;background:#d1d5db;border:1px solid #d1d5db;border-radius:16px;box-shadow:4px 4px 16.3px rgba(0,0,0,.06);}
.main-renew .rn-service-card{display:flex;align-items:center;gap:8px;min-height:125px;padding:21px;background:#fff;transition:background .2s;}
.main-renew .rn-service-card:hover{background:#f5fbff;}
.main-renew .rn-service-primary{display:flex;align-items:center;padding:24px;background:#218fdd;}
.main-renew .rn-service-main{display:flex;flex:1;flex-direction:column;gap:8px;}
.main-renew .rn-service-title-row{display:flex;align-items:center;gap:8px;}
.main-renew .rn-service-icon{flex-shrink:0;width:28px;height:28px;object-fit:contain;filter:brightness(0) saturate(100%) invert(45%) sepia(64%) saturate(2200%) hue-rotate(178deg) brightness(92%) contrast(92%);}
.main-renew .rn-service-primary .rn-service-icon{filter:none;}
.main-renew .rn-service-title{margin:0;font-size:16px;font-weight:800;color:#333;}
.main-renew .rn-service-primary .rn-service-title{color:#fff;}
.main-renew .rn-service-primary .rn-service-desc{font-size:14px;color:#fff;font-weight: normal;}
.main-renew .rn-service-title-lg{font-size:22px;color:#fff;}
.main-renew .rn-service-desc{margin:0;font-size:16px;font-weight:700;color:rgba(255,255,255,.78);}
.main-renew .rn-service-arrow{font-size:16px;color:#333;transition:transform .2s;}
.main-renew .rn-service-arrow-muted{color:rgba(255,255,255,.5);}
.main-renew .rn-service-card:hover .rn-service-arrow{transform:translateX(4px);}

/* ---------- 새소식 ---------- */
.main-renew .rn-news-section{position:relative;width:100%;overflow:hidden;background:#e5f4ff;padding:60px 0;}
.main-renew .rn-news-blob{position:absolute;top:-64px;right:-60px;width:260px;height:260px;border-radius:9999px;background:#d4edff;opacity:.7;}
.main-renew .rn-news-drops{position:absolute;bottom:40px;left:36px;display:flex;gap:12px;opacity:.9;mix-blend-mode:multiply;pointer-events:none;}
.main-renew .rn-news-drops svg{display:block;}
.main-renew .rn-news-card{position:relative;display:flex;flex-direction:row;gap:70px;padding:40px;background:#fff;border:1px solid #bfdbfe;border-radius:20px; min-height: 400px;}
.main-renew .rn-news-intro{display:flex;flex-direction:column;width:320px;flex-shrink:0;}
.main-renew .rn-news-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:2.16px;color:#218fdd;}
.main-renew .rn-news-heading{margin:0;padding-top:16px;font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.5px;color:#333;}
.main-renew .rn-accent{color:#218fdd;}
.main-renew .rn-news-more{margin-top:24px;font-size:14px;font-weight:800;color:#333;transition:color .2s;}
.main-renew .rn-news-more:hover, .main-renew .rn-news-more:focus{color:#218fdd;}
.main-renew .rn-news-content{display:flex;flex:1;min-width:0;flex-direction:column;}

/* 탭 (기존 notice-tab 구조 유지 + 신규 디자인) */
.main-renew .notice-tab-list{display:flex;gap:28px;border-bottom:1px solid #d1d5db;margin:0;padding:0;}
.main-renew .notice-tab{position:relative;flex:0 0 auto;padding:3px 2px 18px;font-family:inherit;font-size:16px;font-weight:800;color:#8a98a3;background:none;border:none;cursor:pointer;transition:color .2s;}
.main-renew .notice-tab:hover, .main-renew .notice-tab.active{color:#333;}
/* .main-renew .notice-tab:focus{outline:2px solid #218fdd;outline-offset:2px;} */
.main-renew .notice-tab.active:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#218fdd;}
.main-renew .notice-tab-panel{position:relative;margin-bottom: 10px;}
.main-renew .notice-tab-panel[hidden]{display:none;}
.main-renew .notice-list{list-style:none;margin:0;padding:0;}
.main-renew .notice-list > li{margin:0;}
.main-renew .rn-news-item{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #e5e7eb;transition:background .2s;}
.main-renew .rn-news-item:hover, .main-renew .rn-news-item:focus{background:#f5fbff;}
.main-renew .rn-news-tag{flex-shrink:0;background:#e9f7fb;color:#2e758e;font-size:10px;font-weight:800;padding:5px 8px;border-radius:5px;}
.main-renew .rn-news-title{flex:1;min-width:0;font-size:15px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-renew .rn-news-date{flex-shrink:0;font-size:12px;color:#95a1aa;text-align:right;}
.main-renew .rn-news-empty{margin: auto;text-align:center;font-size:14px;color:#777;}
.main-renew .notice-tab-panel .more{position:absolute;top:-56px;right:0;display:none;}

/* ---------- 팝업존 / 프로그램·영상 ---------- */
.main-renew .rn-promo-section{padding:60px 0;}
.main-renew .rn-promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.main-renew .rn-promo-grid .slider{border:1px solid #d1d5db;border-radius:16px;overflow:hidden;background:#fff;box-shadow:4px 4px 16.3px rgba(0,0,0,.06);}
.main-renew .rn-promo-grid .slider ul{margin:0;padding:0;list-style:none;}
.main-renew .rn-promo-grid .slider li{height:279px;overflow:hidden;}
.main-renew .rn-promo-grid .slider li img{width:100%;height:279px;object-fit:cover;}
.main-renew .rn-promo-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #d1d5db;border-radius:16px;overflow:hidden;box-shadow:4px 4px 16.3px rgba(0,0,0,.06);transition:box-shadow .2s;}
.main-renew .rn-promo-card:hover{box-shadow:4px 8px 24px rgba(0,0,0,.12);}
.main-renew .rn-promo-thumb{position:relative;margin:0;height:160px;overflow:hidden;}
.main-renew .rn-promo-thumb img{width:100%;height:160px;object-fit:cover;}
.main-renew .rn-promo-thumb .more-effect,
.main-renew .rn-promo-thumb .play{position:absolute;left:0;top:0;display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;}
.main-renew .rn-promo-thumb .more-effect:hover,
.main-renew .rn-promo-thumb .more-effect:focus{background:rgba(33,143,221,.45);}
.main-renew .rn-promo-thumb .play:hover,
.main-renew .rn-promo-thumb .play:focus{background:rgba(33,143,221,.45);}
.main-renew .rn-promo-body{padding:24px;}
.main-renew .rn-promo-body h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#333;}
.main-renew .rn-promo-body p{margin:0;}
.main-renew .rn-promo-body p a{display:block;font-size:14px;font-weight:400;line-height:1.6;color:#697586;}
.main-renew .rn-promo-body p a:hover{color:#218fdd;}
.main-renew .rn-promo-card > .more{position:absolute;top:20px;right:20px;}


/* ---------- 반응형 ---------- */
@media (max-width:1013px){
	.main-renew .main-visual > ul > li,
	.main-renew .main-visual > ul > li > img{height:420px;}
	.main-renew .rn-service-grid{grid-template-columns:repeat(2,1fr);}
	.main-renew .rn-news-blob{display:none;}
	.main-renew .rn-news-card{flex-direction:column;gap:40px;}
	.main-renew .rn-news-intro{width:100%;}
	.main-renew .rn-promo-grid{grid-template-columns:1fr;}
    .mobile-hidden {display: none !important;}
}
@media (max-width:767px){
    .main-renew .rn-info-section {padding: 36px 0;}
    .main-renew .rn-info-section .rn-info-card {flex-direction: column;padding:32px 24px;}
    .main-renew .rn-service-section {padding-bottom: 36px;}
    .main-renew .rn-service-section .rn-service-card {min-height: 90px !important;}
    .main-renew .rn-news-section{padding:36px 0;}
	.main-renew .rn-news-section .rn-info-card{flex-direction: column!important; gap:24px !important;padding:24px;}
	.main-renew .rn-news-section .rn-info-card .rn-news-heading{font-size:24px;}
    .main-renew .rn-news-section .rn-news-card {padding: 30px;gap:30px;}
    .main-renew .rn-news-section .rn-news-card .rn-news-more {margin-top: 16px;}
	.main-renew .rn-news-section .rn-news-drops{display:none;}

}
@media (max-width:639px){
	.main-renew .main-visual > ul > li,
	.main-renew .main-visual > ul > li > img{height:280px;}
	.main-renew .rn-service-grid{grid-template-columns:1fr;}
}