@charset "utf-8";


/* 공통 */
.mpage-intro{padding:0;}
.mpage-intro > h2{font-size:15px;color:var(--type-weak);font-weight:700;margin:0 0 6px;}
.mpage-intro > p{font-size:13px;color:var(--type-weak);line-height:1.7;margin:0 0 16px;}

/* 공지사항 분석 */
.lbtab-wrap{display:flex;gap:8px;margin-bottom:8px;}
.lbtab-box{flex:1;min-width:0;background:var(--background-color-gray);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;}
.lbtab-nav{display:flex;border-bottom:1px solid var(--border-color);}
.lbtab-nav button{flex:1;background:none;border:none;padding:9px 0;font-size:12px;font-weight:700;color:var(--type-weak);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;}
.lbtab-nav button.on{color:var(--green-color);border-bottom-color:var(--green-color);}
.lbtab-pane{display:none;padding:4px 0 2px;}
.lbtab-pane.on{display:block;}

@media(max-width:640px){.lbtab-wrap{flex-direction:column;}}

/* 펼침형 카드 */
.mpage-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;}
.mpage-card{background:var(--background-color-gray);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;padding:14px 16px;}
.mpage-card h3{font-size:15px;font-weight:700;color:var(--type-normal);margin:0 0 10px;padding-left:10px;border-left:3px solid var(--green-color);line-height:1.4;}
.mpage-card p{font-size:12px;color:var(--type-weak);line-height:1.8;margin:0 0 8px;}
.mpage-card ul{margin:0;padding-left:0px;}
.mpage-card ul li{font-size:12px;color:var(--type-weak);line-height:1.8;margin-bottom:3px;}


/* 펼침형 카드 타임라인용 */

.mpage-card2{background:var(--background-color-gray);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;padding:14px 16px;}
.mpage-card2 h3{font-size:15px;font-weight:700;color:var(--type-normal);margin:0 0 10px;padding-left:10px;border-left:3px solid var(--green-color);line-height:1.4;}
.mpage-card2 p{font-size:12px;color:var(--type-weak);line-height:1.8;margin:0 0 8px;}
.mpage-card2 ul{margin:0;padding-left:18px;}
.mpage-card2 ul li{font-size:12px;color:var(--type-weak);line-height:1.8;margin-bottom:3px;}


/* 아코디언 */
.mpage-accordion{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;}
.mpage-accordion details{background:var(--background-color-gray);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;}
.mpage-accordion details summary{padding:12px 16px;font-size:13px;font-weight:700;color:var(--type-weak);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;}
.mpage-accordion details summary::-webkit-details-marker{display:none;}
.mpage-accordion details summary::before{content:'▶';font-size:10px;color:var(--blue-color);transition:transform .2s;}
.mpage-accordion details[open] summary::before{transform:rotate(90deg);}
.mpage-accordion details summary span.mpage-num{color:var(--blue-color);}
.mpage-accordion .mpage-body{padding:4px 16px 14px;font-size:12px;color:var(--type-weak);line-height:1.8;}
.mpage-accordion .mpage-body p{margin:0 0 8px;}
.mpage-accordion .mpage-body ul{margin:4px 0 8px;padding-left:16px;}
.mpage-accordion .mpage-body ul li{margin-bottom:4px;}

/* 스타일1 - chip 태그형 */
.mpage-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}
.mpage-chips li{display:flex;align-items:center;gap:5px;background:var(--background-color-gray2);border:1px solid var(--border-color);border-radius:20px;padding:4px 12px 4px 10px;font-size:11px;color:var(--type-weak);}
.mpage-chips li strong{color:var(--green-color);font-size:11px;white-space:nowrap;font-weight:700;}

/* 스타일2 - 세로 아이템 박스형 */
.mpage-item-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;}
.mpage-item-list li{background:var(--background-color-gray2);border:1px solid var(--border-color);border-left:2px solid var(--blue-color);border-radius:4px;padding:8px 12px;}
.mpage-item-list li strong{display:block;font-size:12px;color:var(--type-normal);margin-bottom:2px;font-weight:700;}
.mpage-item-list li span{font-size:11px;color:var(--type-weak);line-height:1.7;}

/* 스타일A - 2열 그리드 미니카드 */
.mpage-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;}
.mpage-grid li{background:var(--background-color-gray2);border:1px solid var(--border-color);border-top:2px solid var(--yellow-color);border-radius:4px;padding:10px 12px;}
.mpage-grid li strong{display:block;font-size:12px;color:var(--type-normal);font-weight:700;margin-bottom:4px;}
.mpage-grid li span{font-size:11px;color:var(--type-weak);line-height:1.7;}

/* 스타일B - 타임라인형 */
.mpage-timeline{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;position:relative;padding-left:22px;}
.mpage-timeline::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:1px;border-left:2px dotted var(--border-color);}
.mpage-timeline ul{padding-left:16px;}
.mpage-timeline li{position:relative;margin-bottom:10px;padding-left:10px;}
.mpage-timeline li::before{content:'';position:absolute;left:-16px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--red-color);border:2px solid var(--background-color-gray);}
.mpage-timeline li strong{display:block;font-size:12px;color:var(--type-normal);font-weight:700;margin-bottom:2px;}
.mpage-timeline li span{font-size:11px;color:var(--type-weak);line-height:1.7;}

/* 스타일C - 테이블형 */
.mpage-table{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;}
.mpage-table li{display:flex;align-items:stretch;}
.mpage-table li + li{border-top:1px solid var(--border-color);}
.mpage-table li .mpage-table-key{width:100px;min-width:100px;background:var(--background-color-gray2);display:flex;align-items:center;justify-content:center;padding:8px 10px;font-size:11px;font-weight:700;color:var(--type-normal);text-align:center;border-right:1px solid var(--border-color);}
.mpage-table li .mpage-table-val{flex:1;padding:8px 12px;font-size:11px;color:var(--type-weak);line-height:1.7;background:var(--background-color-gray);display:flex;align-items:center;}

/* 스타일D - 수평 3열 feature 블록 */
.mpage-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;}
.mpage-feature li{background:var(--background-color-gray2);border:1px solid var(--border-color);border-top:3px solid var(--blue-color);border-radius:4px;padding:12px 12px 14px;}
.mpage-feature li:nth-child(2){border-top-color:var(--green-color);}
.mpage-feature li:nth-child(3){border-top-color:var(--yellow-color);}
.mpage-feature li strong{display:block;font-size:12px;font-weight:700;color:var(--type-normal);margin-bottom:6px;}
.mpage-feature li span{font-size:11px;color:var(--type-weak);line-height:1.75;}
@media(max-width:860px){.mpage-feature{grid-template-columns:1fr;}}



/* 고화질 스포츠중계 section */
.sports-featured-section {background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://cdn.ulsanpress.net/news/photo/202502/544317_244113_3642.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 60px 40px;position: relative;min-height: 400px;display: flex;align-items: center;}
.sports-featured-section2 {background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/img/main-page/bgimg-soccer1.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;padding: 60px 40px;position: relative;min-height: 400px;display: flex;align-items: center;}
.sports-featured-content {max-width: 600px;z-index: 2;}
.sports-featured-title {display: flex;align-items: center;gap: 20px;margin-bottom: 30px;}
.sports-featured-title::before {content: '';width: 6px;height: 50px;background-color: #FFA500;display: block;flex-shrink: 0;}
.sports-featured-title h2 {font-size: 32px;font-weight: 700;color: white;margin: 0;line-height: 1.2;}
.sports-featured-desc {font-size: 16px;color: #E0E0E0;line-height: 1.6;word-break: keep-all;}


/* 축구중계 F-3 */
.soccer-accent{display:flex;flex-direction:column;gap:6px;margin:16px 0 0;padding:0;list-style:none;}
.soccer-accent li{background:var(--background-color-gray);border:1px solid var(--border-color);border-radius:6px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;}
.soccer-accent li .sa-num{font-size:22px;font-weight:900;color:var(--green-color);line-height:1;opacity:.35;flex-shrink:0;width:28px;text-align:right;padding-top:1px;}
.soccer-accent li .sa-body{}
.soccer-accent li .sa-body h4{font-size:13px;font-weight:700;color:var(--type-normal);margin:0 0 5px;}
.soccer-accent li .sa-body p{font-size:11px;color:var(--type-weak);line-height:1.8;margin:0;}


/* 스타일E - 수평 스텝 플로우 */
.mpage-steps{display:flex;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;}
.mpage-steps li{flex:1;position:relative;background:var(--background-color-gray2);border:1px solid var(--border-color);border-radius:4px;padding:12px 12px 14px;}
.mpage-steps li+li{margin-left:22px;}
.mpage-steps li+li::before{content:'→';position:absolute;left:-18px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--yellow-color);font-weight:700;}
.mpage-steps li .step-num{display:inline-block;font-size:10px;font-weight:700;color:var(--background-color);background:var(--yellow-color);border-radius:10px;padding:1px 7px;margin-bottom:6px;letter-spacing:.5px;}
.mpage-steps li strong{display:block;font-size:12px;font-weight:700;color:var(--type-normal);margin-bottom:5px;}
.mpage-steps li span{font-size:11px;color:var(--type-weak);line-height:1.75;}


/* 타이틀 이미지 */
.mainpage-title-banner {width:100%;margin-bottom:10px;border-radius:0px;border:1px solid #1d2333;}

/* 방송 배너 */
.onair_banner img {width: 100%;height: auto;}

/* 최근게시물 박스 */
.recent-bbs-box {background-color:#161b28;border:1px solid var(--border-color);border-radius:10px;padding:12px;margin-top:15px;}
.recent-bbs-more {text-align:right;padding:20px 0 10px 0;font-size:12px;}
.recent-bbs-more a {color:var(--type-weak);text-decoration:none;transition:color .2s;}

@media(max-width:860px){
  .mpage-card {padding:4px;}
  .mpage-card2 {padding:4px;}
  .mpage-steps{flex-direction:column;gap:18px;}
  .mpage-steps li+li{margin-left:0;}
  .mpage-steps li+li::before{content:'↓';left:50%;top:-16px;transform:translateX(-50%);}
  .mpage-table li .mpage-table-key{width:80px;min-width:80px;font-size:10px;}
  .mpage-table li .mpage-table-val{font-size:10px;}
  .mpage-timeline li strong{font-size:11px;}
  .mpage-timeline li span{font-size:10px;}
  .mpage-intro{padding:4px 0 4px;}
  .mpage-card h3{font-size:13px;}
  .mpage-card,.mpage-card ul li,.mpage-card p{font-size:11px;}
  .mpage-chips li{font-size:10px;}
  .mpage-item-list li strong{font-size:11px;}
  .mpage-item-list li span{font-size:10px;}
  .mpage-accordion details summary{font-size:12px;padding:10px 12px;}
  .mpage-accordion .mpage-body{padding:4px 12px 12px;font-size:11px;}

  .recent-bbs-box {padding:6px;}
}