@charset "utf-8";

.onair_box { position:relative; width:900px; height:506px; background: url(../img/off_air.png) no-repeat; }
.onair_box iframe { width:100%; height:506px; }
.onair_box .badge_onair { position:absolute; left:10px; top:10px; display:block; width:100px; height:32px; background: url(../img/badge_onair.png) no-repeat; z-index:1; }
.onair_box.offair iframe { display: none; }
.onair_box.offair .badge_onair { display: none; }

.today_program { position:relative; width:350px; height:506px; background: url(../img/bg_today_program.png) no-repeat; }
.today_program .h_title { box-sizing:border-box; padding:26px 30px 0; display:flex; justify-content: space-between; align-items: flex-end; }
.today_program .h_title strong { font-size:22px; color:#fff; letter-spacing: 0; }
.today_program .h_title span { font-size:13px; color:#8c96ff; font-weight:400; }
.today_program .tp_swiper { width:290px; height:370px; margin:43px 0 0 30px; }
.today_program .tp_swiper li { width:100%; height:85px; }
.today_program .tp_swiper li .pbox { position:relative; width:100%; height:85px; background-color:#fff; border-radius:10px; overflow:hidden; }
.today_program .tp_swiper li .pbox .time { height:35px; line-height:35px; font-size:14px; color:#fff; font-weight:300; background-color:#868dd4; padding:0 15px; box-sizing:border-box; }
.today_program .tp_swiper li .pbox .tit { height:50px; line-height:50px; font-size:17px; padding:0 15px; box-sizing:border-box; letter-spacing: -0.5px; -webkit-line-clamp: 1; }
.today_program .tp_swiper li .pbox .tit .p_home { float:right; width:35px; height:35px; background: url(../img/btn_p_home.png) no-repeat; margin-top:10px; }
.today_program .tp_swiper li.onair .pbox .time { background:#ff0033 url(../img/icon_onair.png) 15px 8px no-repeat; text-align:right; }
.today_program .tp_swiper li.onair .pbox .tit { line-height:53px; padding:0 13px; box-sizing: border-box; border: 2px solid #ff0033; border-top: 0; border-radius: 0 0 10px 10px; }
.today_program .swiper-button-next { background: url(../img/tp_swiper_btn_next.png) center no-repeat; bottom:7px; }
.today_program .swiper-button-next svg { display:none; }
.today_program .swiper-button-prev { background: url(../img/tp_swiper_btn_next.png) center no-repeat; transform: rotate(180deg); top:50px; }
.today_program .swiper-button-prev svg { display:none; }

.major_news { display:flex; justify-content: space-between; }
.major_news .news_lst { width:900px; }
.major_news .news_lst h3,
.major_news .news_lst h3 a { font-size:25px; font-weight: 700; }
.major_news .news_lst .news_box { display:flex; justify-content: space-between; flex-direction: row-reverse; margin-top:20px; }
.major_news .news_lst .news_box .news_01 { width:510px; }
.major_news .news_lst .news_box .news_01 li + li { border-top:1px solid #eee; }
.major_news .news_lst .news_box .news_01 li:nth-child(1) .thumb { width:100%; height:305px; }
.major_news .news_lst .news_box .news_01 li:nth-child(1) .tit { font-size:25px; line-height: 35px; font-weight:700; margin:9px 0 14px; letter-spacing: -1.2px; }
.major_news .news_lst .news_box .news_01 li:nth-child(2) { padding:15px 0; }
.major_news .news_lst .news_box .news_01 li:nth-child(3) { padding:15px 0 0; }
.major_news .news_lst .news_box .news_01 li:nth-child(2) a,
.major_news .news_lst .news_box .news_01 li:nth-child(3) a { display:block; font-size:18px; line-height: 26px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.major_news .news_lst .news_box .news_02 { width:349px; padding-right:20px; border-right:1px solid #dfdfdf; }
.major_news .news_lst .news_box .news_02 li + li { margin-top:23px; }
.major_news .news_lst .news_box .news_02 li a { display: flex; align-items: center; }
.major_news .news_lst .news_box .news_02 li a .thumb { width:120px; height:80px; margin-right:14px; }
.major_news .news_lst .news_box .news_02 li a .tit { width:calc(100% - 134px); font-size:18px; line-height: 25px; letter-spacing: -0.5px; }

.major_news .koiners { width:320px; }
.major_news .koiners h3,
.major_news .koiners h3 a { font-size:25px; font-weight: 700; }
.major_news .koiners .upbit { width: 100%; margin-top: 20px; }

.upbit .coin_lst li { width: 100%; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; }
.upbit .coin_lst li + li { margin-top:15px; }
.upbit .coin_lst li .name { position: relative; display: flex; width: 44%; align-items: center; }
.upbit .coin_lst li .name i { width: 40px; height: 40px; margin-right: 8px; flex-shrink: 0; }
.upbit .coin_lst li .name strong { font-size: 16px; text-align:left; }
.upbit .coin_lst li .name strong em { display: block; font-size: 14px; color: #999; font-weight:400; margin-top: 2px; }
.upbit .coin_lst li .num { position: relative; display: flex; flex-direction: column; text-align: right; width: 56%; }
.upbit .coin_lst li .num.red { color: #f94040; }
.upbit .coin_lst li .num.blue { color: #1079ff; }
.upbit .coin_lst li .num.gray { color: #333; }
.upbit .coin_lst li .num strong { font-size: 18px; font-weight:600; }
.upbit .coin_lst li .num span { font-size: 14px; margin-top: 4px; }
.upbit .coin_lst li .num span em { margin-left: 10px; font-weight:500; }
.upbit .coin_lst li .num.red i { content: ''; display: inline-block; width: 10px; height: 6px; background: url(../img/ico_up.png) no-repeat center / 100%; margin:0 3px 1px 0; }
.upbit .coin_lst li .num.blue i { content: ''; display: inline-block; width: 10px; height: 6px; background: url(../img/ico_down.png) no-repeat center / 100%; margin:0 3px 1px 0; }
.upbit .coin_lst li.btc .name i { background: url(../img/ico_coin_btc.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .coin_lst li.eth .name i { background: url(../img/ico_coin_eth.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .coin_lst li.usdt .name i { background: url(../img/ico_coin_usdt.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .coin_lst li.ada .name i { background: url(../img/ico_coin_ada.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .coin_lst li.trx .name i { background: url(../img/ico_coin_trx.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .coin_lst li.bch .name i { background: url(../img/ico_coin_bch.png) 0 0 no-repeat; background-size: 100% auto; }
.upbit .source { display:block; width:90px; height:14px; background: url(../img/koiners_source.png) 0 0 no-repeat; margin-top:25px; margin-left:auto; }

.program_tab { margin-top: 65px; padding-top:78px; border-top: 4px double #333; }
.program_tab .tab_menu { display: flex; }
.program_tab .tab_menu li + li { margin-left: 20px; }
.program_tab .tab_menu li:nth-child(2)::before { content: ''; float:left; width:1px; height:27px; background-color:#dfdfdf; margin:2px 20px 0 0; }
.program_tab .tab_menu button { font-size:30px; font-weight: 600; color: #ccc; letter-spacing: -0.5px; }
.program_tab .tab_menu button.active { color: #111; }
.program_tab .tab_box { position: relative; margin-top: 11px; }
.program_tab .tab_box .info { font-size: 17px; line-height: 30px; font-weight:400; }
.program_tab .tab_box .info a { display: inline-block; width: 100px; height: 30px; line-height: 30px; font-size: 13px; color: #fff; text-align: center; background-color: #212a87; border-radius: 15px; margin-left: 10px; }
.program_tab .tab_box .swiper { margin-top: 21px; }
.program_tab .tab_box .swiper .swiper-slide { width:400px; border-radius:15px; overflow:hidden; }
.program_tab .tab_box .swiper .swiper-slide a img { width:400px; height:225px; }
.program_tab .tab_box .swiper-button-next { width:40px; height:40px; background:#fff url(../img/swiper_next.png) center no-repeat; border-radius:50%; top:168px; right:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.program_tab .tab_box .swiper-button-next svg { display:none; }
.program_tab .tab_box .swiper-button-next.swiper-button-disabled { display:none; }
.program_tab .tab_box .swiper-button-prev { width:40px; height:40px; background:#fff url(../img/swiper_prev.png) center no-repeat; border-radius:50%; top:168px; left:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.program_tab .tab_box .swiper-button-prev svg { display:none; }
.program_tab .tab_box .swiper-button-prev.swiper-button-disabled { display:none; }

.abc_shorts { position: relative; margin-top: 115px; }
.abc_shorts .shorts_swiper { margin-top: 18px; }
.abc_shorts .shorts_swiper .swiper-slide { width:230px; border-radius:15px; overflow:hidden; }
.abc_shorts .shorts_swiper .swiper-slide a { position:relative; }
.abc_shorts .shorts_swiper .swiper-slide a .thumb { width:230px; height:409px; }
.abc_shorts .shorts_swiper .swiper-slide a .thumb img { width:100%; height:409px; }
.abc_shorts .shorts_swiper .swiper-slide a .txt_area { display:flex; flex-wrap:wrap; align-items: flex-end; position:absolute; left:0; bottom:0; width:100%; height:140px; background: linear-gradient(to top, rgba(0, 0, 147, 0.8) 0%, rgba(0, 0, 147, 0.6) 50%, rgba(0, 0, 0, 0) 70%); box-sizing:border-box; padding:10px 20px 40px; }
.abc_shorts .shorts_swiper .swiper-slide a .txt_area .tit { font-size:18px; line-height:25px; color:#fff; }
.abc_shorts .shorts_swiper .swiper-slide a .txt_area .time { position:absolute; right:15px; bottom:15px; border:1px solid #8080bb; width:50px; height:24px; line-height:22px; font-size:12px; color:#fff; text-align:center; box-sizing:border-box; }
.abc_shorts .swiper-button-next { width:40px; height:40px; background:#fff url(../img/swiper_next.png) center no-repeat; border-radius:50%; top:254px; right:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.abc_shorts .swiper-button-next svg { display:none; }
.abc_shorts .swiper-button-next.swiper-button-disabled { display:none; }
.abc_shorts .swiper-button-prev { width:40px; height:40px; background:#fff url(../img/swiper_prev.png) center no-repeat; border-radius:50%; top:254px; left:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.abc_shorts .swiper-button-prev svg { display:none; }
.abc_shorts .swiper-button-prev.swiper-button-disabled { display:none; }

.popular_vod { position: relative; margin-top: 120px; }
.popular_vod ol { display: flex; flex-wrap: wrap; margin-top: 10px; gap:25px; }
.popular_vod ol li { flex: 1 1 30%; }
.popular_vod ol li .thumb { width:100%; height:225px; border-radius:15px; }
.popular_vod ol li .txt_area { position: relative; box-sizing:border-box; padding-left:45px; margin-top:8px; }
.popular_vod ol li em { position: absolute; left: 0; top: 0; font-family:'Century Gothic'; font-size:50px; color:#212a87; font-style: italic; }
.popular_vod ol li .tit { font-size:18px; line-height:25px; letter-spacing: -0.5px; padding-top:3px; }
.popular_vod ol li span { display:block; font-size:14px; color:#888; font-weight:400; margin-top:8px; }

.secw_program .spg_swiper { margin-top:19px; }
.secw_program .spg_swiper .thumb { width: 400px; height:200px; }
.secw_program .spg_swiper .txt_area { background-color:#fff; box-sizing:border-box; border:1px solid #eee; border-top:0; padding:19px 19px 30px; }
.secw_program .spg_swiper .ctg { display:block; font-size:25px; letter-spacing: -0.5px; overflow:hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.secw_program .spg_swiper .time { display:inline-block; height:32px; line-height:32px; background-color:#212a87; font-size:14px; color:#fff; font-weight:400; padding:0 10px; margin-top:8px; }
.secw_program .spg_swiper .tit { font-size:16px; line-height:25px; font-weight:400; letter-spacing: -0.5px; margin-top:15px; }
.secw_program .swiper-button-next { width:40px; height:40px; background:#fff url(../img/swiper_next.png) center no-repeat; border-radius:50%; top:308px; right:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.secw_program .swiper-button-next svg { display:none; }
.secw_program .swiper-button-next.swiper-button-disabled { display:none; }
.secw_program .swiper-button-prev { width:40px; height:40px; background:#fff url(../img/swiper_prev.png) center no-repeat; border-radius:50%; top:308px; left:-20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.secw_program .swiper-button-prev svg { display:none; }
.secw_program .swiper-button-prev.swiper-button-disabled { display:none; }

.secw_notice { padding:68px 0 150px; display:flex; display:none; }
.secw_notice h3 { width:164px; }
.secw_notice .notice_lst { width:920px; }
.secw_notice .notice_lst li { display:flex; align-items: center; border-bottom:1px solid #eee; padding:18px 0 16px; }
.secw_notice .notice_lst li:nth-child(1) { padding-top:0; }
.secw_notice .notice_lst li .date { width:72px; margin-right:30px; text-align:center; }
.secw_notice .notice_lst li .date span { display:block; font-size:14px; color:#666; font-weight:400; }
.secw_notice .notice_lst li .date strong { display:block; font-size:30px; margin-top:1px; }
.secw_notice .notice_lst li a { width:calc(100% - 102px); font-size:17px; font-weight:400; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }