@charset "utf-8";

.blind {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow:hidden;}

/*.news .contain-content {padding: 30px 0 0 0;}*/
/*.location-page {display: none;}*/
/*.adv-area {margin-bottom: 30px;}*/

.news-aside {color: #666;}

/* util-icons */
.box-util-links {position: relative; display: flex; align-items: center; gap: 8px;}

.util-icon {width: 38px; height: 38px; border: 1px solid #ccc; border-radius: 50%;}

.util-icon.left:nth-of-type(1) {width: auto; border-radius: 2em;}
.util-icon.left:nth-of-type(2) {margin-right: 22px;}

/* util button backgroud img */
.btn-util {width:100%; height:100%;}
.btn-close-tooltip {position:absolute; top: 16px; right:16px; width: 24px; height: 24px; background: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/close_24px.png") right center no-repeat;}
#icon-subs {width: auto; margin-left: 7px; padding: 0 14px 0 27px; background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/add_24px_2.png") left center no-repeat;}
#icon-subs > span {font-size: 17px; font-weight:bold; color: #000; line-height: 38px;}
#icon-share {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/share.png") center center no-repeat; } 
#icon-tts {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/speaker.png") center center no-repeat; }
#icon-size {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/size.png") center center no-repeat; }
#icon-print {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/print.png") center center no-repeat; }
#icon-trans {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/trans.png") center center no-repeat; }

#icon-share:hover {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/share_hover.png") center center no-repeat; } 
#icon-tts:hover {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/speaker_hover.png") center center no-repeat; }
#icon-size:hover {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/size_hover.png") center center no-repeat; }
#icon-print:hover {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/print_hover.png") center center no-repeat; }
#icon-trans:hover {background:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/trans_hover.png") center center no-repeat; }


/* tooltip */
.util-tooltip {display: none;}
.util-tooltip::before {width: 0; height: 0; position: absolute; top: 33px; margin-left: 9px; border: 10px solid transparent; border-bottom: 10px solid #e6e6e6; content: ''; z-index: 7;}
.util-tooltip::after {width: 0; height: 0; position: absolute; top: 34px; margin-left: 9px; border: 10px solid transparent; border-bottom: 10px solid #fff; content: ''; z-index: 8;}

.tooltip-content {
    width: 320px;
    position: absolute;
    top: 51.7px;
    right: 0;
    z-index: 6;
    padding: 18.3px 30px 24px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
    text-align: left;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
}

.tooltip-content > p {color: #222; font-size: 18px; font-weight: 500;}
.tooltip-content > p:nth-of-type(2) {margin-top: -15px;}

.tooltip-content > div, .tooltip-content > ul {margin-top: 20px;}

.tooltip-content li {font-size: 15px; color: #000; cursor: pointer;}
.tooltip-content li:not(:last-child) {padding-bottom: 9.4px; margin-bottom: 9.8px; border-bottom: 1px solid #e6e6e6; }

.tooltip-content li a, .tooltip-content li button {color: #000;}

/*** 각 기능버튼별 tooltip style ***/

.icons {display: inline-block; width: 38px; height: 38px; margin: 0 10px 0 11px; line-height:38px; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 50%; background-position: center center; background-repeat: no-repeat;} /* 구독, SNS 아이콘 */

/* 구독 */
.tooltip-content.subscribe > p:nth-of-type(3) {line-height: 1.38; font-size: 13px; color: #888;}

.icons.hktv-pin {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/pin.png");}
.icons.youtube {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/youtube.png");}
.icons.naver {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/naver.png");}
.icons.daum {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/daum.png");}
.icons.kakaoplus, .icons.kakaostory {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/kakao.png");}

.tooltip-content.subscribe > ul > li > button > span {display: inline-block; width: 242px; text-align:left; line-height: 20px; font-size:15px; vertical-align: middle;}
.tooltip-content.subscribe > ul > li > button > span > span {color: #666; line-height: 20px;}

/* SNS 보내기*/
.tooltip-content.share li:last-child {margin-bottom: 18px;}

.icons.url {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/link.png");}
.icons.facebook {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/facebook.png");}
.icons.blog {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/blog.png");}
.icons.email {background-image:url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_email.png");}

/* 뉴스 듣기(TTS) 버튼 */
/* 뉴스 듣기 - radio 버튼 디자인 */
.radio-area {margin-bottom: 8px;}
.speak_option {margin-right: 8px;}
.speak_option input[type="radio"] {display: none;}
.speak_option input[type="radio"] + span {display: inline-block; padding:0 12px; line-height: 33px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 6px; text-align: center; color: #000; font-size: 15px; cursor: pointer;}
.speak_option input[type="radio"]:checked + span {background: #f5f5f5; border: 1px solid #ccc;}


#tts-button {width: 100%; height: 36px; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 6px; margin-bottom: 10px; font-size: 15px;}
#tts-button > i {display: inline-block; width: 20px; height: 20px; background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png"); background-position: center center; background-repeat: no-repeat; vertical-align: middle; margin-left: 10px;}

.blinkAudioText {
    -webkit-animation: blinkAudioText 0.8s ease-in-out infinite alternate;
    -moz-animation: blinkAudioText 0.8s ease-in-out infinite alternate;
    animation: blinkAudioText 0.8s ease-in-out infinite alternate;
}

.blinkAudioIcon {
    -webkit-animation: blinkAudioIcon 0.8s ease-in-out infinite alternate;
    -moz-animation: blinkAudioIcon 0.8s ease-in-out infinite alternate;
    animation: blinkAudioIcon 0.8s ease-in-out infinite alternate;
}

@-webkit-keyframes blinkAudioText {
    0% {
        opacity: 1;
        color: #ccc;
    }

    50% {
        opacity: 1;
        color: #bbb;
    }

    100% {
        opacity: 1;
        color: #aaa;
    }
}

@-moz-keyframes blinkAudioText {
    0% {
        opacity: 1;
        color: #ccc;
    }

    50% {
        opacity: 1;
        color: #bbb;
    }

    100% {
        opacity: 1;
        color: #aaa;
    }
}

@keyframes blinkAudioText {
    0% {
        opacity: 1;
        color: #ccc;
    }

    50% {
        opacity: 1;
        color: #bbb;
    }

    100% {
        opacity: 1;
        color: #aaa;
    }
}

@-webkit-keyframes blinkAudioIcon {
    0% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/speaker.png");
    }

    /*50% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }

    70% {
        opacity: 0.7;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }*/

    100% {
        opacity: 1;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }
}

@-moz-keyframes blinkAudioIcon {
    0% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/speaker.png");
    }

    /*50% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }

    70% {
        opacity: 0.7;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }*/

    100% {
        opacity: 1;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }
}

@keyframes blinkAudioIcon {
    0% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/speaker.png");
    }

    /*50% {
        opacity: 0.5;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }

    70% {
        opacity: 0.7;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }*/

    100% {
        opacity: 1;
        background-image: url("https://img.wowtv.co.kr/PcStyle/images/news/utilbar/icon_speaker_b.png");
    }
}

.tooltip-content.tts > div > p {padding: 11px 14px; border-radius: 10px; background-color: #f5f5f5; font-size: 15px; line-height: 1.33;} /* 기사 제목 */

#major-article {margin-top: 10px;}
#major-article p{font-weight: bold; font-size: 16px; margin-top: 20px;}
#major-article li {width: 100%; padding: 5px 0; margin-bottom:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 글자 크기 버튼 */
.tooltip-content.size > div {height: 63px; border: 1px solid #ccc; margin: 18px 0 143.7px;}
.tooltip-content.size > div > button {width: 49%; height: inherit; vertical-align: middle; color: #000; font-size: 20px; font-weight: 500;}
.tooltip-content.size > div > button:first-child {border-right: 1px solid #ccc; font-size: 36px;}

/* 프린트 */

/* 번역 */
#google_translate_element {display: none !important;}

.tooltip-content.trans > p:last-of-type {margin: 12.3px 0 10px; color: #000; font-weight: bold; font-size: 16px;}
.tooltip-content.trans li:first-child {padding-bottom: 5.1px; font-weight: bold;}