/*TABS*/
ul.tab-wrapper {position:relative;}
ul.tab-wrapper .tab-nav {position: absolute; top: -26px;}
ul.tab-wrapper > li{display:none;}
ul.tab-wrapper > li.on {display:block;}
ul.tab-wrapper a.tab-button {background: #333;    color: white;    padding: 8px 12px;    margin-right: 8px;    border-radius: 8px 8px 0 0;    font-size: 16px;    font-weight: bold;}
ul.tab-wrapper a.tab-button.on {background: var(--main-color); }
.sound-only {display:none;}

/* SLIDER 폐기
.slider-container {overflow: hidden; position:relative;}
.slider-container ul.slider-wrapper  {    display: flex;    transition: transform 0.5s ease;    padding: 0;    margin: 0;}
.slider-container ul.slider-wrapper li {    min-width: 100%;    box-sizing: border-box;    text-align: center;}
.nav-button {    position: absolute;    top: 50%;    transform: translateY(-50%);    background-color: #f1f1f1;    border: none;    padding: 10px;    cursor: pointer;    font-size: 16px;    z-index: 1;}
.nav-button.prev {    left: 0;}
.nav-button.next {    right: 0;}
*/

/*세로 목록*/
.bullet-wrapper {}
ul.bullet-wrapper > li {margin-bottom: 8px;    background: var(--main-color);    padding: 8px;    border-radius: 8px;}
ul.bullet-wrapper > li > a {color:white; font-weight:bold;  display:inline-block; width:100%;  position:relative; z-index:1;}
ul.bullet-wrapper ul.bullet-wrapper-inner {    height: 0;    opacity: 0;  position: relative; transition:all 0.3s; top:-20px;}
ul.bullet-wrapper ul.bullet-wrapper-inner.on {height:initial; opacity:1;  top:0; transition:all 0.3s;}
ul.bullet-wrapper ul.bullet-wrapper-inner > li{padding: 8px 8px 12px; }

/*가로 목록*/
ul.horizon-bullet-wrapper {}
ul.horizon-bullet-wrapper > li {display:inline-block; background: var(--main-color); padding: 8px 12px;  margin-right:12px;  border-radius: 8px; vertical-align: top;}
ul.horizon-bullet-wrapper > li > a {color:white; font-weight:bold;  display:inline-block; width:100%;  position:relative; z-index:1;}
ul.horizon-bullet-wrapper ul.horizon-bullet-wrapper-inner {    height: 0;    opacity: 0;  position: relative; transition:all 0.3s; top:-20px;}
ul.horizon-bullet-wrapper ul.horizon-bullet-wrapper-inner.on {height:initial; opacity:1;  top:0; transition:all 0.3s;}
ul.horizon-bullet-wrapper ul.horizon-bullet-wrapper-inner > li{padding: 8px 8px 12px; }

/*타임라인*/
ul.timeline-wrapper {position:relative;}
ul.timeline-wrapper:before {content:""; display: block;    width: 0;    height: 100%;    border: 1px solid var(--main-color);    position: absolute;    top: 0;    left: 30px; }
ul.timeline-wrapper > li { margin: 20px 60px 28px; position:relative;}
ul.timeline-wrapper .timeline-round {display: block;    width: 0;    height: 100%;    border: 1px solid var(--main-color);    position: absolute;    top: 0;    left: -30px; }
ul.timeline-wrapper .timeline-round:before {content: ""; position: absolute; background:#fff; border:1px solid var(--main-color);; border-radius:50%; display:block; width:10px; height:10px; left: -6px;}
ul.timeline-wrapper .timeline-title {font-size: 16px;    font-weight: bold;}

/*접은글*/
.folded {display:none;}
.fold-btn{display:block;}
.fold-btn:before {content:'▶';}
.fold-btn.open:before {content:'▼'}

/*메뉴 연동*/
ul.frame-wrapper {}
ul.frame-wrapper > li {display:none;}
ul.frame-wrapper > li:nth-child(1) {display:block;}