* {font-family:'NotoSansCJKkr';}
a:hover, a:visited {text-decoration:none;}

.GNB {position:fixed; top:0; left:0; width:100%; height:70px; border-bottom:1px solid #000; display:flex; align-items:center; z-index:100; background-color:#fff;}
.GNB > div {width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:space-between;}
.GNB > div > div {display:flex; align-items:center; gap:14px;}
.GNB > div > div > a {display:flex; align-items:center; justify-content:center;}
.GNB > div > div > a + a {width:120px; height:40px; border-radius:20px; background-color:#1559f6; color:#fff; font-size:18px; font-weight:bold;}
.GNB > div > div + div {gap:0;}
.GNB > div > div + div > ul {display:flex; gap:65px;}
.GNB > div > div + div > ul li {color:#222; font-size:18px; font-weight:bold;}

.container.body-content {margin-top:71px;}

.contents {width:100%; margin:0 auto; padding-top:85px; max-width:1200px;}
.contents.globalindex {max-width:1340px;}
.contents .wrap-h3 {display:flex; justify-content:center;}
.contents .wrap-h3 .contentTitle {font-size:28px; font-weight:bold; color:#111; text-align:center; position:relative;}
.contents .wrap-h3 .contentTitle:before {content:''; position:absolute; top:1px; bottom:0; left:-30px; width:26px; height:26px; margin:auto 0;}
.contents.globalindex .wrap-h3 .contentTitle:before {background:url('https://img.wowtv.co.kr/Wow_Crypto/icon-1.png'); background-size:cover;}
.contents.virtualcurrency .wrap-h3 .contentTitle:before {background:url('https://img.wowtv.co.kr/Wow_Crypto/icon-2.png'); background-size:cover;}
.contents.virtualnews .wrap-h3 .contentTitle:before {background:url('https://img.wowtv.co.kr/Wow_Crypto/icon-3.png'); background-size:cover;}
.contents.cryptotv .wrap-h3 .contentTitle:before {background:url('https://img.wowtv.co.kr/Wow_Crypto/icon-4.png'); background-size:cover;}

.contents div {position:relative;}
.contents div #Select_SortType {position:absolute; right:0; top:5px; border-radius:20px; padding:2px 15px; width:100px;}

.wrap-player {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; justify-content:center; align-items:baseline; background-color:rgba(0,0,0,0.76);}
.wrap-player .player {width:100%; max-width:960px; max-height:862px; background-color:#0f0f0f; margin-top:15vh; border-radius:20px; overflow:hidden;}
.wrap-player .player #youtubeFrame {width:100%; height:100%; max-width:960px; max-height:540px;}
.wrap-player .player button {color:#fff;}
.wrap-player .player .wrap-info label {font-size:36px; color:#fff; font-weight:bold; margin:25px 36px; display:-webkit-box; -webkit-line-clamp:2; height:90px; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:45px; -webkit-box-orient:vertical;}
.wrap-player .player .wrap-info .wrap-btns {display:flex; justify-content:center; margin-bottom:56px;}
.wrap-player .player .wrap-info .wrap-btns button {width:434px; height:72px; border-radius:36px; background:#f5f5f7; color:#000; font-size:23px;}
.wrap-player .player .wrap-info .wrap-btns button + button {background:#ff3434; color:#fff; margin-left:23px;}
.wrap-player .player .wrap-info .wrap-btns button em {display:inline-block; position:relative; top:3px; right:0px; width:31px; height:31px; background-color:transparent; cursor:pointer; z-index:1; }
.wrap-player .player .wrap-info .wrap-btns button em:before {position:absolute; top:50%; left:50%; width:16px; height:2px; margin:-1px 0 0 -8px; background:#fff; content:''; }
.wrap-player .player .wrap-info .wrap-btns button em:after {position:absolute; top:50%; left:50%; width:2px; height:16px; margin:-8px 0 0 -1px; background:#fff; content:''; }

.data-normal {color:#000;font-family:'roboto', sans-serif;}
.data-up {position:relative;color:#ff3333;font-family:'roboto', sans-serif;}
.data-down {position:relative;color:#3a72e5;font-family:'roboto', sans-serif;}
.data-up.icon::before {display:inline-block;content:'▲';margin-right:3px;padding-bottom:2px;font-size:.8em;vertical-align:middle;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.icon::before {display:inline-block;content:'▼';margin-right:3px;padding-bottom:3px;font-size:.8em;vertical-align:middle;font-family:'Noto Sans CJK TC', sans-serif;}
.data-up.symbol::before {display:inline-block;content:'+';margin-right:3px;margin-top:1px;margin-bottom:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.symbol::before {display:inline-block;content:'-';margin-right:3px;margin-top:-1px;margin-bottom:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}

.data-up.max::before {display:inline-block;content:'↑';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.min::before {display:inline-block;content:'↓';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-equals {position:relative; color:#000; font-family:'roboto', sans-serif;}
.data-equals::before {display:inline-block;content:'=';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-stop {display:block; width:100%; font-weight:500; font-size:36px; color:#000;}

.wrap-ListBox {position:relative; padding-top:30px;}
.wrap-ListBox > label {font-size:15px; font-weight:normal; color:#888; position:absolute; right:0; top:-20px;}
.wrap-ListBox > label > span {color:#505eaf;}
.wrap-ListBox ul {display:flex; gap:10px;}
.wrap-ListBox ul li {width:420px; padding:30px 20px 0 0; border-radius:40px; border:1px solid #dde1e4; }
.wrap-ListBox ul li .obj-view {height:319px;}
.wrap-ListBox ul li > div.jisu {display:flex; justify-content:space-between; padding:0 0 0 25px;}
.wrap-ListBox ul li > div.jisu label {font-size:26px; color:#111; display:flex; align-items:center;}
.wrap-ListBox ul li > div.jisu label + div {display:flex; align-items:center; gap:10px;}
.wrap-ListBox ul li > div.jisu label + div span {font-size:24px;}
.wrap-ListBox ul li > div.jisu label + div span + span {font-size:17px; font-weight:normal;}
.wrap-ListBox ul li > div.jisu + div {border-radius:0 0 40px 40px; overflow:hidden; margin-top:30px;}

.contents.virtualcurrency .wrap-ListBox > label {top:auto; bottom:-30px;}

#VirtualCurrencyTable table {font-size:0;}
#VirtualCurrencyTable table {font-size:18px; font-weight:bold;}
#VirtualCurrencyTable table tr {height:70px;}
#VirtualCurrencyTable table tr:has(th) {border-top:1px solid #333; border-bottom:1px solid #ccc;}
#VirtualCurrencyTable table tr th {background-color:#f3f4f7; font-weight:normal;}
#VirtualCurrencyTable table tr th.on {font-weight:bold;}
#VirtualCurrencyTable table tr:has(td) {border-bottom:1px solid #eee;}
#VirtualCurrencyTable table tr td {text-align:center;}
#VirtualCurrencyTable table tr td:nth-child(3) {text-align:left;}
#VirtualCurrencyTable table tr td:nth-child(4) {text-align:right;}
#VirtualCurrencyTable table tr td:nth-child(4) > span {text-align:left; color:#666; font-size:14px; font-weight:normal; padding-left:10px; padding-right:50px;}
#VirtualCurrencyTable table + div {max-height:0; opacity:0; overflow:hidden; transition:max-height 0.8s ease, opacity 0.3s ease;}
#VirtualCurrencyTable table + div.hidden-row.show {max-height:700px; opacity:1; transition: max-height 0.8s ease, opacity 1s ease 0.1s;}
#VirtualCurrencyTable table tr td[onclick] {cursor:pointer;}
#VirtualCurrencyTable table tr td[onclick].over span {text-decoration:none; border-bottom:1px solid #333;}

.contents.virtualcurrency div.wrap-btn {display:flex; justify-content:center; margin-top:60px;}
.contents.virtualcurrency div.wrap-btn > button {width:136px; height:50px; border:1px solid #cfd2d4; border-radius:25px; background-color:#fafafa;}
.contents.virtualcurrency div.wrap-btn > button span {font-size:18px; color:#111; font-weight:bold; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;}
.contents.virtualcurrency div.wrap-btn > button span:after {content:''; border-top:2px solid #afb8c1; border-right:2px solid #afb8c1; opacity:0.6; display:block; width:6px; height:6px; position:relative; transform:rotate(135deg);}
.contents.virtualcurrency div.wrap-btn > button span.close:after {transform:rotate(315deg); top:4px;}

.contents.mainbanner > div {display:block; max-width:970px; width:100%; margin:0 auto;}

a:hover label {cursor:pointer;}
.contents.virtualnews div.wrap-newslist {display:block; margin-top:30px; border-top:1px solid #333;}
.contents.virtualnews div.wrap-newslist ul {}
.contents.virtualnews div.wrap-newslist ul li {border-bottom:1px solid #e8eaeb; padding:40px 60px 30px;}
.contents.virtualnews div.wrap-newslist ul li a {display:flex; gap:50px; justify-content:space-between;}
.contents.virtualnews div.wrap-newslist ul li a div {display:flex; flex-flow:column; justify-content:space-between;}
.contents.virtualnews div.wrap-newslist ul li a div label {font-size:22px; font-weight:bold; color:#111; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
.contents.virtualnews div.wrap-newslist ul li a div label + label {font-size:18px; font-weight:normal;}
.contents.virtualnews div.wrap-newslist ul li a div label + label + label {font-size:14px; color:#888;}
.contents.virtualnews div.wrap-newslist ul li a div + div {}

.contents.virtualnews .swiper-pagination {margin-top:30px;}
.contents.virtualnews .swiper-pagination-bullet {width:auto; height:auto; background:none; color:#666; font-size:18px; margin:0 6px; opacity:1;}
.contents.virtualnews .swiper-pagination-bullet-active {color:#007aff; font-weight:bold;}

.wrap-yotube {display:block; margin-top:30px; border-top:1px solid #333; border-bottom:1px solid #e8eaeb; padding:40px 60px; margin-bottom:100px;}
.list_youtube {display:flex; gap:10px; flex-wrap:nowrap; width:100%; overflow:hidden;}
.list_youtube li {width:25%; cursor:pointer;}
.list_youtube li a > img {width:100%; border-radius:10px; margin-bottom:15px;}
.list_youtube li a p {text-align:left;}
.list_youtube li a p.title {display:-webkit-box; font-size:20px; font-weight:bold; color:#333; margin-bottom:10px; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; line-height:22px;}
.list_youtube li a p.channeltitle {font-size:16px; color:#666; line-height:20px;}

.contents.newsread {padding-top:50px;}
.contents.newsread .wrap-title {border-top:1px solid #ebe9ea; border-bottom:1px solid #dadada; padding:35px 0 40px;}
.contents.newsread .wrap-title h3 {font-size:40px; font-weight:bold; color:#000;}
.contents.newsread .wrap-title h4 {font-size:14px; color:#888; margin-top:10px; font-weight:400;}

.contents.newsread .readbody {padding-top:80px;}
.contents.newsread .readbody > img.thumbnail {display:block; margin:0 auto 80px;}

.contents.newsread .view_contents  {font-size:22px; font-weight:500; color:#000; padding-bottom:90px; border-bottom:1px solid #1c1c1c;}

.contents.newsread .view_contents + div.wrap-btn {display:flex; justify-content:flex-end; margin:30px 0 80px;}
.contents.newsread .view_contents + div.wrap-btn > button {width:136px; height:50px; border:1px solid #cfd2d4; border-radius:25px; background-color:#fafafa;}
.contents.newsread .view_contents + div.wrap-btn > button span {font-size:18px; color:#111; font-weight:bold; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;}
.contents.newsread .view_contents + div.wrap-btn > button span:before {content:''; border-top:2px solid #afb8c1; border-right:2px solid #afb8c1; opacity:0.6; display:block; width:6px; height:6px; position:relative; transform:rotate(225deg);}
.contents.newsread .view_contents + div.wrap-btn > button span.close:after {transform:rotate(315deg); top:4px;}

/*기사면 하단 연관 기사*/
.wrap-newslist {display:block; border-bottom:1px solid #d8dbe0;}
.wrap-newslist .wrap-relate {display:flex; justify-content:space-between; padding:0 30px; height:70px; gap:30px;}
.wrap-newslist .wrap-relate.list {display:block; height:auto; text-align:left; padding:0; }
.wrap-newslist .wrap-relate.list li {height:56px; border-top:1px solid #d8dbe0; padding:0 30px;}
.wrap-newslist .wrap-relate.title {background-color:#f7f7f7; border-top:1px solid #d8dbe0; height:56px;}
.wrap-newslist .wrap-relate label {font-size:16px; color:#222; line-height:70px;}
.wrap-newslist .wrap-relate.title label {line-height:56px; font-weight:bold;}
.wrap-newslist .wrap-relate > a {display:flex; align-items:center;}
.wrap-newslist .wrap-relate > a > div.wrap-arrow {width:36px; height:36px; background-color:#fff; border:1px solid #dadcdf; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; position:relative;cursor:pointer; vertical-align:middle;} 
.wrap-newslist .wrap-relate > a > div.wrap-arrow > .arrow {width:10px; height:10px; border-left:2px solid #222; border-bottom:2px solid #222; position:absolute;}
.wrap-newslist .wrap-relate > a > div.wrap-arrow > .arrow.left {transform:rotate(45deg); left:14px;}
.wrap-newslist .wrap-relate > a > div.wrap-arrow > .arrow.right {transform:rotate(-135deg); right:14px;}
.wrap-newslist .wrap-relate a.next label {margin-left:19px;}
.wrap-newslist .wrap-relate a.prev label {margin-right:19px;}
.wrap-newslist .wrap-relate .relatenews {width:100%;}
.wrap-newslist .wrap-relate .relatenews > a {display:table; width:100%; height:100%; position:relative;}
.wrap-newslist .wrap-relate .relatenews > a label {/*line-height:1; */position:absolute; top:0; bottom:0; margin:auto; display:inline-table; word-break:break-word;}
.wrap-newslist .wrap-relate .relatenews > a label {-webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:-webkit-inline-box; -webkit-box-orient:vertical; width:100%;}
.wrap-newslist .wrap-relate .relatenews.next {text-align:left;}
.wrap-newslist .wrap-relate .relatenews.prev {text-align:right;}
.wrap-newslist .wrap-relate .relatenews.prev > a label {right:0;}
.wrap-newslist + .wrap-newslist {margin-bottom:100px;}

div.box-scrollIcon {display:none;}

@media screen and (max-width:1200px){
    .GNB {height:min(15vw, 70px); padding-left:min(20px, 5%); padding-right:min(20px, 5%);}
    .GNB > div > div > a img {width:min(106px, 20vw);}
    .GNB > div > div > a + a {font-size:min(5vw, 14px); max-width:100px; width:20vw; height:auto; padding-bottom:min(2vw, 10px); padding-top:min(2vw, 10px);}
    .GNB > div > div + div {display:none;}

    .contents {padding-top:30px; padding-left:min(20px, 5%); padding-right:min(20px, 5%);}
    .contents .wrap-h3 {justify-content:left; margin-bottom:5px;}
    .contents .wrap-h3 .contentTitle {font-size:20px;}
    .contents .wrap-h3 .contentTitle:before {display:inline-block; position:relative; left:0; width:16px; height:16px; margin-right:5px;}

    .jisu label + div:after {content:''; border-top:2px solid #afb8c1; border-right:2px solid #afb8c1; opacity:0.6; display:block; width:6px; height:6px; position:relative; transform:rotate(135deg);}
    .jisu.on label + div:after {transform:rotate(315deg);}

    .wrap-ListBox {padding-top:0; padding-bottom:40px;}
    .wrap-ListBox ul {flex-flow:column;}
    .wrap-ListBox ul li {width:100%; padding-top:10px; border-radius:15px;}
    .wrap-ListBox ul li > div.jisu {padding-left:15px;}
    .wrap-ListBox ul li > div.jisu label {font-size:18px; font-weight:500;}
    .wrap-ListBox ul li > div.jisu label + div span {font-size:16px; font-weight:500;}
    .wrap-ListBox ul li > div.jisu label + div span + span {font-size:14px; margin-bottom:0;}
    .wrap-ListBox ul li > div.jisu + div {margin-top:10px;}
    .wrap-ListBox ul li > div.jisu + div.obj-view {height:300px; max-height:300px;}
    .wrap-ListBox ul li > div.jisu + div.obj-view.init {transition:max-height 0.8s ease;}
    .wrap-ListBox ul li > div.jisu + div.obj-view.hide {max-height:0px;}

    #VirtualCurrencyTable > div {overflow-x:scroll; overflow-y:hidden; padding-top:0; padding-bottom:0px;}
    #VirtualCurrencyTable table {min-width:650px; width:100%;}
    #VirtualCurrencyTable table tr {height:40px;}
    #VirtualCurrencyTable table tr th {text-align:center;}
    #VirtualCurrencyTable table tr td {text-align:center; display:table-cell; font-size:min(14px, 3.5vw); font-weight:500;}
    #VirtualCurrencyTable table tr td[onclick] span {font-size:min(14px, 3.5vw); font-weight:bold;}
    #VirtualCurrencyTable table tr td[onclick] + td[onclick] span {font-weight:500; color:#333;}
    #VirtualCurrencyTable table tr td:nth-child(5) {font-size:16px;}
    #VirtualCurrencyTable table tr td:nth-child(4) > span {font-size:10px;}

    .contents.virtualnews .swiper-pagination {margin-top:15px;}
    .contents.virtualnews .swiper-pagination-bullet {font-size:min(14px, 3.5vw);}

    .contents.virtualcurrency .wrap-ListBox > label,
    .wrap-ListBox > label {top:auto; bottom:10px;}

    .contents div #Select_SortType {width:20vw; padding:0 10px; top:0;}

    .contents.virtualcurrency div.wrap-btn {margin-top:0px;}
    .contents.virtualcurrency div.wrap-btn > button {height:min(40px, 10vw);}
    .contents.virtualcurrency div.wrap-btn > button span {font-size:min(14px, 3.5vw);}

    .contents.mainbanner > div a img {max-width:100%;}

    .contents.virtualnews div.wrap-newslist {margin-top:0;}
    .contents.virtualnews div.wrap-newslist ul li {padding:10px 0;}
    .contents.virtualnews div.wrap-newslist ul li a {gap:10px;}
    .contents.virtualnews div.wrap-newslist ul li a div label {font-size:min(16px, 4vw);}
    .contents.virtualnews div.wrap-newslist ul li a div label + label {font-size:min(14px, 3vw); display:none;}
    .contents.virtualnews div.wrap-newslist ul li a div label + label + label {font-size:min(12px, 2.5vw); display:block;}
    .contents.virtualnews div.wrap-newslist ul li a div + div img {max-width:18vw;}

    .wrap-yotube {padding:10px 0 20px; margin:0 0 30px;}
    .list_youtube {display:flex; gap:10px; flex-wrap:nowrap; overflow:hidden;}
    .list_youtube li {width:25%; margin-right:10px; cursor:pointer;}
    .list_youtube li a > img {width:100%; border-radius:10px; margin-bottom:15px;}
    .list_youtube li a p {text-align:left;}
    .list_youtube li a p.title {display:-webkit-box; font-size:16px; font-weight:bold; color:#333; margin-bottom:10px; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; line-height:22px;}
    .list_youtube li a p.channeltitle {font-size:14px; color:#666; line-height:20px;}

    .slick-arrow {width:50px; height:50px; position:absolute;  content:''; z-index:1; top:0; bottom:0; margin:auto; padding:0; border:none; background:none;}
    .slick-arrow:before {content:''; background:#fff; opacity:0.7; width:100%; height:100%; border-radius:50%; display:block;}
    .slick-arrow:after {content:''; border-top:2px solid #afb8c1; border-right:2px solid #afb8c1; opacity:0.6; display:block; width:20px; height:20px; position:absolute; top:14px;}
    .slick-arrow:hover:before {opacity:0.9;}
    .slick-arrow:hover:after {opacity:1; border-width:3px;}
    .slick-arrow.next:after {transform:rotate(45deg); left:9px;}
    .slick-arrow.prev:after {transform:rotate(225deg); right:9px;}
    .slick-arrow.next {right:3px;}
    .slick-arrow.prev {left:0px;}
    .list_youtube .slick-arrow.next {right:0px;}

    .contents.newsread {padding-top:20px;}
    .contents.newsread .wrap-title {padding:15px 0 10px;}
    .contents.newsread .wrap-title h3 {font-size:min(20px, 5vw); line-height:1.3;}
    .contents.newsread .wrap-title h4 {font-size:min(14px, 3vw); margin:0;}
    .contents.newsread .readbody {padding-top:30px;}
    .contents.newsread .readbody > img.thumbnail {width:100%; margin-bottom:30px;}
    .contents.newsread .view_contents {padding-bottom:40px;}
    .contents.newsread .view_contents h2,
    .contents.newsread .view_contents h3,
    .contents.newsread .view_contents h4 {text-align:left;}
    .contents.newsread .view_contents img {max-width:100%; height:auto;}
    .contents.newsread .view_contents p {font-size:18px; line-height:1.5; font-weight:500;}
    .contents.newsread .view_contents + div.wrap-btn {margin:20px 0 40px;}
    .contents.newsread .view_contents + div.wrap-btn > button {height:min(40px, 10vw);}
    .contents.newsread .view_contents + div.wrap-btn > button span {font-size:min(14px, 3.5vw);}

    .wrap-newslist .wrap-relate.title {padding:0 5px; height:40px;}
    .wrap-newslist .wrap-relate.title label {line-height:40px; font-size:14px;}

    .wrap-newslist .wrap-relate > a > div.wrap-arrow {width:25px; height:25px;}
    .wrap-newslist .wrap-relate > a > div.wrap-arrow > .arrow.left {left:9px;}
    .wrap-newslist .wrap-relate > a > div.wrap-arrow > .arrow.right {right:9px;}
    .wrap-newslist .wrap-relate a.next label {margin-left:10px;}
    .wrap-newslist .wrap-relate a.prev label {margin-right:10px;}
    .wrap-newslist .wrap-relate {padding:0 10px;}
    .wrap-newslist + .wrap-newslist {margin-bottom:50px;}


    /* GNB 푸터 */
    .gnb-footer {border-top:1px solid #dddddd;color:#999999;font-size:13px;padding:15px;box-sizing:border-box}
    .gnb-footer ul {display:table;width:100%;margin-bottom:15px;border:1px solid #dddddd;}
    .gnb-footer ul li:first-child {border-left:0}
    .gnb-footer ul li {display:table-cell;text-align:center;width:33.3%;border-left:1px solid #dddddd}
    .gnb-footer ul li a {display:block;color:#666666;height:35px;line-height:39px;font-size:13px;}
    .gnb-footer ul li a span {display:inline-block;width:13px;height:12px;margin-right:5px;margin-top:-2px;background:url(https://img.wowtv.co.kr/PcStyle/images/common/gnb_footer_icon.png) center 0 no-repeat;background-size:13px 54px;vertical-align:middle}
    .gnb-footer ul li:nth-child(2) a span {background-position:0 -21px;}
    .gnb-footer ul li:nth-child(3) a span {background-position:0 -43px;}
    /* 패밀리 사이트 아이콘 */
    .family-icon-area {display:table;width:100%;padding:5px 15px 5px;}
    .family-icon-area ul.icon-list {display:table-row;}
    .family-icon-area ul.icon-list li {display:table-cell;width:20%;line-height:12px;text-align:center;}
    .family-icon-area ul.icon-list li a {font-size:3.5vw;letter-spacing:-1px;margin:0 auto;display:inline-block;}
    .family-icon-area ul.icon-list li span {display:block;width:15vw;height:15vw;background:url('https://img.wowtv.co.kr/MobileStyle/images/common/2025/wownet.png') center center no-repeat;background-size:15vw 15vw;margin:0 0 3vw 0;border:0;border-radius:0;}            
    .family-icon-area ul.icon-list li:nth-child(2) span {background:url('https://img.wowtv.co.kr/MobileStyle/images/common/2025/wowband.png') center center no-repeat;background-size:15vw 15vw;}
    .family-icon-area ul.icon-list li:nth-child(3) span {background:url('https://img.wowtv.co.kr/MobileStyle/images/common/2025/stockwin.png') center center no-repeat;background-size:15vw 15vw;}
    .family-icon-area ul.icon-list li:nth-child(4) span {background:url('https://img.wowtv.co.kr/MobileStyle/images/common/2025/wowtv.png') center center no-repeat;background-size:15vw 15vw;}

    div.box-scrollIcon {display:block; width:56px; height:56px; border-radius:50%; background-color:#00000033; position:absolute; top:70%; right:0; padding:10px; opacity:1; z-index:1; transition:opacity 1s ease;}
    div.box-scrollIcon > img {width:100%;}
    div.box-scrollIcon.left {left:0;right:auto;}
    div.box-scrollIcon.left > img {content:url('https://img.wowtv.co.kr/Wow_Crypto/swipe-right.png');}
    div.box-scrollIcon.hide {opacity:0;transition:opacity 1s ease;}
}

@media screen and (max-width:640px) and (orientation:portrait){
    .wrap-player .player {width:96%;}
    .wrap-player .player .wrap-info label {font-size:min(4vw, 22px); line-height:min(5vw, 30px); margin:min(4vw, 22px); height:min(10vw, 60px);}
    .wrap-player .player .wrap-info .wrap-btns {margin-bottom:min(10vw, 30px);}
    .wrap-player .player .wrap-info .wrap-btns button em {top:min(1vw, 8px); right:0px; width:min(4vw, 30px); height:min(4vw, 30px);}
    .wrap-player .player .wrap-info .wrap-btns button em:before {width:min(2vw, 15px); height:2px; margin:-1px 0 0 max(-1vw, -7.5px);}
    .wrap-player .player .wrap-info .wrap-btns button em:after {width:2px; height:min(2vw, 15px); margin:max(-1vw, -7.5px) 0 0 -1px;}
    .wrap-player .player .wrap-info .wrap-btns button {width:min(40vw, 300px); height:min(7.5vw, 50px); border-radius:min(4vw, 25px); background:#f5f5f7; color:#000; font-size:min(4vw, 20px);}
    .wrap-player .player .wrap-info .wrap-btns button + button {background:#ff3434; color:#fff; margin-left:23px;}
    .wrap-player .player .wrap-info .wrap-btns button > span {display:none;}
}
@media (max-width:1200px) and (orientation:landscape) {
    .wrap-player .player {margin:10vh auto 10vh 0; width:142vh; height:80vh; position:relative; overflow:visible;}
    .wrap-player .player iframe {border-radius:20px 0 0 20px}
    .wrap-player .player .wrap-info {position:absolute; top:0; right:calc(142vh - 100vw); width:calc(100vw - 142vh); height:80vh; padding:0 3vw; background-color:#0f0f0f; border-radius:0 20px 20px 0;}
    .wrap-player .player .wrap-info label {font-size:min(5vh, 20px); margin:5vh 0; line-height:min(7vh, 25px); height:min(14vh, 50px)}
    .wrap-player .player .wrap-info .wrap-btns {flex-wrap:wrap-reverse; width:100%; height:40vh; position:absolute; left:0; bottom:0;}
    .wrap-player .player .wrap-info .wrap-btns button {width:80%; height:15vh; font-size:min(4vh, 18px);}
    .wrap-player .player .wrap-info .wrap-btns button + button {margin-left:0;}
    .wrap-player .player .wrap-info .wrap-btns button em {display:none;}
}