@charset "euc-kr";
.timetable {justify-content: flex-end; gap: 5px;}
.timetable a {font-size: 14px; color: #fff; background: #333; padding: 5px 23px;}
.timetable a.upload_btn {color: #333; background: #fff; border: 1px solid #333;}

/* »óÇ°ÅÇ */
.series_tab {position: relative;display: flex;gap: 2px;margin: 10px auto 40px;}
.series_tab::before {content: ''; position: absolute; bottom: 0; left: -500%; width: 1000%; height: 2px; background: var(--color-point);}
.series_tab li {flex: 1;}
.series_tab li a {display: block;font-size: 28px;color: #b9b9b9;background: #ebebeb;padding: 25px 0;}
.series_tab li.on a {font-weight: 900;background: var(--color-point);color: #000;}
.series_panel .item {display: flex;height: 210px;border: 1px solid #222;border-radius: 16px;overflow: hidden;flex-direction: row;align-items: center;margin-top: 20px;}
.series_panel .item .info_box {flex-grow: 1;display: flex;justify-content: space-between;flex-wrap: wrap; padding: 0 50px 0 50px;flex-direction: row;align-items: center;}
.series_panel .item .info_box .item_name {text-align: left; line-height: 1.2;}
.series_panel .item .info_box .item_name strong {display: block; font-weight: 900; font-size: 28px;}
.series_panel .item .info_box .item_name span {font-size: 22px;}
.series_panel .item .info_box .item_price {position: relative;align-self: flex-end;display: flex;flex-direction: column;align-items: flex-end;gap: 4px;}
.series_panel .item .info_box .item_price.asC {align-self: center;}
.series_panel .item .info_box .item_price .badge {font-size: 16px;color: #fff;background: var(--color-point);padding: 5px 25px;border-radius: 16px;display: inline-flex;margin: 0 0 5px;flex-direction: column;}
.series_panel .item .info_box .item_price .price{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.series_panel .item .info_box .item_price .price .list_price {font-weight: 400; font-size: 22px; text-decoration: line-through; color: #d0d0d0; margin-right: 10px;}
.series_panel .item .info_box .item_price .list_tp{display: inline-flex;background: #d9d9d9;padding: 3px 15px 6px;line-height: 1;margin: 0 8px 0 0;border-radius: 20px;font-weight: bold;}
.series_panel .item .info_box .item_price .price .discount {font-weight: 900;font-size: 40px;}
.series_panel .item .info_box .hashtag {flex-basis: 100%; color: var(--color-point); text-align: left; margin-top: 15px;}
.series_panel .item .button_box {flex-shrink: 0;flex-basis: 200px;height: 100%;}
.series_panel .item .button_box a {display: flex; height: 100%; justify-content: center; align-items: center; font-weight: 700; font-size: 22px; color: #fff; background: #000;}
.series_panel .item .price .button_box {flex: none;height: auto;margin: 0 0 0 13px;}
.series_panel .item .price .button_box a {height: 50px;width: 160px;border-radius: 3px;display: flex;justify-content: center;align-items: center;line-height: 1;padding: 0 0 2px;}

.info_table {margin-top: 50px;}
.info_table .tbl .list_wrap li {position: relative; padding-left: 9px;}
.info_table .tbl .list_wrap li::before {content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #333; border-radius: 50%;}
.info_table tbody tr th {font-size: 16px;}
.info_table tbody tr td {font-size: 15px; color: #222; text-align: left; padding: 20px 60px;}

/* °ú¸ñÅÇ */
.tiny_tab {display: flex;align-items: center;justify-content: center;margin: 0 0 35px;}
.tiny_tab li {position:relative;padding: 0 25px;}
.tiny_tab li + li::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 18px;background: #777;margin: -8px 0 0;}
.tiny_tab li a {display: block;font-size: 26px;color: #555;padding: 4px 0px;font-weight: bold;line-height: 1;}
.tiny_tab li.on a {color: var(--color-point);border-bottom: 3px solid var(--color-point);}


@media screen and (max-width: 1200px){
    
    .series_tab {margin: 2% auto 6%;}
    .series_tab li {flex: 1;}
    .series_tab li a {font-size: clamp(18px, 3vmin, 28px);padding: clamp(12px, 3vmin, 25px) 0;}
    .series_panel .item + .item {margin-top: 3%;}
    .series_panel .item{flex-direction: column;height: auto;}
    .series_panel .item .info_box {padding: 4% 4% 4% 4%;width: 100%;flex-direction: column;gap: 15px;align-items: stretch;}
    .series_panel .item .info_box .item_name strong {font-size: clamp(18px, 3vmin, 28px);}
    .series_panel .item .info_box .item_name span {font-size: clamp(14px, 2.4vmin, 22px);}
    .series_panel .item .info_box .item_price .price .list_price {font-size: clamp(14px, 2.4vmin, 22px);}
    .series_panel .item .info_box .item_price .price .discount {font-size: clamp(24px, 4.6vmin, 42px);}
    .series_panel .item .info_box .hashtag {margin-top: 0;}
    .series_panel .item .button_box {flex-basis: initial;width: 100%;}
    .series_panel .item .button_box a {font-size: clamp(16px, 2.4vmin, 20px);height: 60px;padding: 0;}
    .series_panel .item .price .button_box{width:auto}
    .info_table {margin-top: 5%;}
    .info_table tbody tr th {padding: 10px 5px;}
    .info_table tbody tr td {padding: 10px 20px;}
    
    .tiny_tab li a {font-size: clamp(15px, 2.5vmin, 20px);}

}
@media screen and (max-width: 992px){

    .series_panel .item {flex-direction: column; height: auto;}
    .series_panel .item .info_box .item_price .badge {position: static; transform: none; width: fit-content; margin-left: auto;}
    .series_panel .item .button_box {flex-basis: auto;width: 100%;}
    .series_panel .item .button_box a {height: 45px;}
    .series_panel .item .price .button_box{width: auto;margin: 0 0 0 9px;}
    .series_panel .item .price .button_box a{width: 120px;height: 40px;}
    .series_panel .item .info_box .item_name br{display: none;}

}
@media screen and (max-width: 768px){

    .series_panel .item .info_box .item_price .badge {font-size: 13px; padding: 2px 20px;margin: 0;}
    .info_table tbody tr th {font-size: 14px;}
    .info_table tbody tr td {font-size: 13px;}

}
@media screen and (max-width: 576px){

    .timetable a {font-size: 12px; padding: 3px 15px;}
    .series_panel .item {border-radius: 5px;}
    .series_panel .item .info_box .item_name {align-self: flex-start;}
    .series_panel .item .info_box .item_name strong {display: inline-block;}

    .series_panel .item .info_box .item_price.asC {align-self: flex-end;}
    .series_panel .item .info_box .item_price .list_tp{padding: 5px 8px;}
    .series_panel .item .button_box a{height: 40px;font-size: 14px;}
    .series_panel .item .price .button_box a{width: 130px;margin: 5px 0 0;height: 35px;}
        
    .tiny_tab{margin: 0 0 20px;}
    .tiny_tab li {padding: 0 20px;}

}