@charset "UTF-8";

@media all and (max-width:480px){

    .main-header{padding: 9px 0 0 0}
    .main-content{padding: 20px 0 0 0}

    .main-header > div{width: 92%}
    .main-content .content-area{width: 95%}
    .main-content .content-wrap{width: 95%}
    .view-header .view-header-area{width: 95%}
    .view-header .view-header-area .headline{display: none}
    .view-header .view-header-area .headline-category{display: none}

    .main-content .content-area .content-left{width: 100%}

    .main-header .headline{
        font-size: 29px;
        margin: 10px 0 10px 0;
        line-height: 37px;
    }

    .view-taboola ul li{float: left;width: 100%}

    .view-bottom .view-reporter .view-reporter-info{}
    .view-bottom .view-reporter .view-image{width: 80px;height: 80px;overflow: hidden;margin-bottom: 0 !important}
    .view-bottom .view-reporter .view-text{width: 100%;margin: 0 0 10px 0}

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 70%;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:-20px}
    
    .view-subtitle p{border-left: 2px solid #222;padding: 0 0 0 8px;text-align: justify}
    .view-subtitle p span{
        margin: 0 0 0 0;
        font-size: 18px;
        letter-spacing: -.085em;
        line-height: 28px;
        display: block;
    }
    
    .main-header .view-option .view-reporter .view-date p{
        max-height: 40px;
        height: 40px;
        line-height: 40px;
    }

    .main-header .view-option .view-reporter .view-date p:after{
        content: "";
        border-right: 1px solid #ccc;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 16px 2px 5px 2px;
    }
    .main-header .view-option .view-reporter .view-date p span{
        font-size: 13px;
    }

    .main-header .view-option .view-reporter .view-info{padding: 0 0 0 0}

    .main-header .category span:after{
        content: "";
        border-right: 1px solid #999;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 0 5px;
    }
}
@media all and (min-width:481px) and (max-width:767px){

    .main-header{padding: 9px 0 0 0}
    .main-content{padding: 20px 0 0 0}

    .main-header > div,.main-content .content-area{width: 480px}
    .main-content .content-wrap{width: 480px}
    .view-header .view-header-area{width: 98%}
    .view-header .view-header-area .headline{display: none}
    .view-header .view-header-area .headline-category{display: none}

    .main-content .content-area .content-left{width: 100%}

    .main-header .headline{
        font-size: 34px;
        margin: 10px 0 10px 0;
        line-height: 42px;
    }

    .view-taboola ul li{float: left;width: 50%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 80px;height: 80px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 300px;margin: 0 0 0 20px}

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 375px;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
    .view-subtitle p{border-left: 2px solid #222;padding: 0 0 0 8px;text-align: justify}
    .view-subtitle p span{
        margin: 0 0 0 0;
        font-size: 18px;
        letter-spacing: -.085em;
        line-height: 28px;
        display: block;
    }

    .main-header .view-option .view-reporter .view-date p{
        max-height: 40px;
        height: 40px;
        line-height: 40px;
    }
    
    .main-header .view-option .view-reporter .view-date p:after{
        content: "";
        border-right: 1px solid #ccc;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 16px 2px 5px 3px;
    }

    .main-header .view-option .view-reporter .view-info{padding: 0 0 0 0}

    .main-header .category span:after{
        content: "";
        border-right: 1px solid #999;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 0 5px;
    }
}
@media all and (min-width:768px) and (max-width:1024px){

    .main-header{padding: 20px 0 0 0}
    .main-content{padding: 30px 0 0 0}

    .main-header > div,.main-content .content-area{width: 767px}
    .main-content .content-wrap{width: 767px}
    .view-header .view-header-area{width: 98%}
    .view-header .view-header-area .headline-category{display: none}

    .main-content .content-area .content-left{width: 100%}

    .main-header .headline{
        font-size: 40px;
        margin: 10px 0 10px 0;
        line-height: 48px;
    }

    .view-taboola ul li{float: left;width: 50%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 600px;margin: 0 0 0 25px;}
    
    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}

    .view-subtitle p{border-left: 2px solid #222;padding: 0 0 0 15px;text-align: justify}
    .view-subtitle p span{
        margin: 0 0 0 0;
        font-size: 22px;
        letter-spacing: -.085em;
        line-height: 32px;
        display: block;
    }

    .main-header .view-option .view-reporter .view-date p{
        max-height: 40px;
        height: 40px;
        line-height: 40px;
    }
    .main-header .view-option .view-reporter .view-date p:after{
        content: "";
        border-right: 1px solid #ccc;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 16px 5px 5px 5px;
    }
    .main-header .view-option .view-reporter .view-info{padding: 0 0 10px 0}
    .main-header .view-option .view-reporter .view-date{padding: 0 0 0 0}

    .main-header .category span:after{
        content: "";
        border-right: 1px solid #999;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 0 8px;
    }
}
@media all and (min-width:1025px) and (max-width:1199px){

    .main-header{padding: 20px 0 0 0}
    .main-content{padding: 40px 0 0 0}

    .main-header > div,.main-content .content-area{width: 800px}
    .view-header .view-header-area{width: 1000px}
    .view-header .view-header-area .headline-category{display: none}

    .main-content .content-wrap{width: 1000px}

    .main-content .content-area .content-left{float: left;width: 70%}

    .main-header .headline{
        font-size: 45px;
        margin: 12px 0 12px 0;
        line-height: 53px;
    }
    .view-area{float: right;width: 100%}

    .view-taboola ul li{float: left;width: 33.3%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 390px;margin: 0 0 0 25px;}

    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 460px;
    }

    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
    .view-subtitle p{border-left: 2px solid #222;padding: 0 0 0 15px;text-align: justify}
    .view-subtitle p span{
        margin: 0 0 0 0;
        font-size: 22px;
        letter-spacing: -.085em;
        line-height: 32px;
        display: block;
    }

    .main-header .view-option .view-reporter .view-date p{
        max-height: 50px;
        height: 50px;
        line-height: 50px;
    }
    .main-header .view-option .view-reporter .view-date p:after{
        content: "";
        border-right: 1px solid #ccc;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 21px 5px 5px 5px;
    }
    .main-header .view-option .view-reporter .view-info{padding: 0 0 10px 0}
    .main-header .view-option .view-reporter .view-date{padding: 0 0 0 0}

    .content-right .content-right-life .news-image figure{overflow: hidden;max-height: 96.56px !important}

    .main-header .category span:after{
        content: "";
        border-right: 1px solid #999;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 0 8px;
    }
}
@media all and (min-width:1200px){

    .main-header{padding: 25px 0 0 0}
    .main-content{padding: 40px 0 0 0}

    .main-header > div,.main-content .content-area{width: 900px}
    .view-header .view-header-area{width: 1180px}
    .main-content .content-wrap{width: 1000px}

    .main-content .content-area .content-left{float: left;width: 70%}

    .main-header .headline{
        font-size: 45px;
        margin: 12px 0 12px 0;
        line-height: 55px;
    }
    .view-area{float: right;width: 100%}

    .view-taboola ul li{float: left;width: 33.3%}

    .view-bottom .view-reporter .view-reporter-info{overflow: hidden}
    .view-bottom .view-reporter .view-image{float: left;width: 90px;height: 90px;overflow: hidden}
    .view-bottom .view-reporter .view-text{float: left;width: 470px;margin: 0 0 0 25px;}
    
    .view-related ul li .headline{
        float: left;
        font-size: 18px;
        margin: 5px 0 10px 0;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden;
        letter-spacing: -.065em;
        display: -webkit-box;
        white-space: normal;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 500px;
    }
    
    .view-bottom .view-reporter .view-text .reporter-btn{top:20px}
    
    .view-subtitle p{border-left: 2px solid #222;padding: 0 0 0 15px;text-align: justify}
    .view-subtitle p span{
        margin: 0 0 0 0;
        font-size: 22px;
        letter-spacing: -.085em;
        line-height: 32px;
        display: block;
    }

    .main-header .view-option .view-reporter .view-date p{
        max-height: 50px;
        height: 50px;
        line-height: 50px;
    }
    .main-header .view-option .view-reporter .view-date p:after{
        content: "";
        border-right: 1px solid #ccc;
        display: inline-block;
        height: 10px;
        line-height: 50px;
        width: 1px;
        margin: 21px 5px 5px 6px;
    }

    .main-header .view-option .view-reporter .view-info{padding: 0 0 10px 0}
    .main-header .view-option .view-reporter .view-date{padding: 0 0 0 0}

    .content-right .content-right-life .news-image figure{overflow: hidden;max-height: 112px !important}

    .main-header .category span:after{
        content: "";
        border-right: 1px solid #999;
        display: inline-block;
        height: 10px;
        width: 1px;
        margin: 0 8px;
    }
}

/*기존 CSS*/
.box-01{
    max-width: 100%;
    margin: 20px 0;
    padding:10px;
    position: relative;
    border: 1px solid #d5d5d5;
    background: #EFF9FF;
    font-size: 15px;
    line-height: 1.6;
}
.view-link-color{
    color: #0066cc !important;
}

/*기존 CSS*/

/*관련기사 더보기*/
.view-related-top{overflow: hidden}
.view-related-top .title{
    float: left;
}

.view-related-top .view-related-btn{
    border:1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    float: right;
}
.view-related-top .view-related-btn:hover{cursor: pointer}
.view-related-top .view-related-btn span{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -.065em;
    padding: 2px 8px 2px 8px;
    display: inline-block;
}

/*관련기사 더보기*/

.main-header > div{margin: 0 auto}

.main-header .category span{font-size: 17px;letter-spacing: -.065em}

.main-header .category span:last-child:after{border: none}
.main-header .category span:first-child{color: #004a87;font-weight: 600}

.main-header .headline{
    font-weight: 500;
    display: -webkit-box;
    overflow: hidden;
    letter-spacing: -.065em;
}

.main-header .view-option{position: relative}
.main-header .view-option .view-reporter{overflow: hidden}

.main-header .view-option .view-reporter .view-image{float: left}
.main-header .view-option .view-reporter .view-image figure{width: 90px;border-radius: 38px;height: 90px;border:1px solid #ccc;background: #d4d4d4;margin: 0 20px 0 0}

.main-header .view-option .view-reporter .view-date{
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 0 3px;
}
.main-header .view-option .view-reporter .view-date p{display: inline-block;color: #777}

.main-header .view-option .view-reporter .view-date p:last-child:after{content: none}
.main-header .view-option .view-reporter .view-date p span{letter-spacing: -.065em;font-size: 14px}

.view-date-mobile:before{
    content: "";
    border-right: 1px solid #777;
    display: inline-block;
    height: 15px;
    width: 1px;
    margin: 5px;
}

.view-date-mobile{display: inline-block;color: #777}
.view-date-mobile span{letter-spacing: -.065em;font-size: 16px}

.main-header .view-option .view-reporter .view-info{
    border-bottom: 2px solid #004a87;
    padding: 10px 0 10px 3px;
}
.main-header .view-option .view-reporter .view-info p{display: inline-block;margin: 0 0 3px 0}
.main-header .view-option .view-reporter .view-info p span{font-size: 15px;letter-spacing: -.045em;font-weight: 500}

.main-header .view-option .view-reporter .view-icons{float: right;margin: 20px 0 0 0}
.main-header .view-option .view-reporter .view-icons ul{overflow: hidden}
.main-header .view-option .view-reporter .view-icons ul li{float: left;margin: 0 0 0 2px}
.main-header .view-option .view-reporter .view-icons ul li i{width: 40px;height: 40px;display: inline-block;border-radius: 2px}

.main-header .section-nav ul li .select{color: #F08300}

.main-content .content-wrap{margin: 0 auto;position: relative}
.main-content .content-area{margin: 0 auto;overflow: hidden}

.main-content .content-area .content-left{overflow: hidden;position: relative;}
.main-content .content-area .content-left .view-area{}

.main-content .content-area .content-left .view-image{margin: 0 0 30px 0;text-align: center;}
.main-content .content-area .content-left .view-image figure{width: 90%;margin: 0 auto;display: inline-block}
.main-content .content-area .content-left .view-image figure figcaption{
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    margin: 10px 0 0 0;
}
.main-content .content-area .content-left .view-text{
    font-size: 18px;
    text-align: justify;
    letter-spacing: -.065em;
    line-height: 1.72;
}
.main-content .content-area .content-left .view-text span{display: block}

.view-subtitle{margin: 0 0 25px 0}

.view-editor-note dl{margin: 35px 0}
.view-editor-note dl dt{border-left: 5px solid #ccc;margin: 0 0 10px 0}
.view-editor-note dl dt span{margin: 0 0 10px 0;margin: 0 7px}
.view-editor-note dl dd{color: #999;letter-spacing: -.065em}

.view-bottom{margin: 30px 0 0 0}
.view-bottom .view-reporter{border-top:1px solid #222;border-bottom: 1px solid #222;padding: 20px 20px;background: #f9f9f9}

.view-bottom .view-reporter .view-reporter-info{overflow: hidden}
.view-bottom .view-reporter .view-image{border-radius: 100%;border:1px solid #ccc;overflow: hidden;background: #d4d4d4}
.view-bottom .view-reporter .view-image figure{background: #d4d4d4;width: 100%;height: 100%}

.view-bottom .view-reporter .view-text{position: relative;padding: 15px 0 0 0}
.view-bottom .view-reporter .view-text p{margin: 0 10px 2px 0;overflow: hidden}
.view-bottom .view-reporter .view-text p span{font-size: 18px;letter-spacing: -.065em;font-weight: 500; float: left;margin: 0 5px 0 0}
.view-bottom .view-reporter .view-text p .name{color: #004a87;font-weight: 500}
.view-bottom .view-reporter .view-text p .email{color: #777;font-size: 16px}

.view-bottom .view-reporter .view-text .reporter-btn{position: absolute;right: 0}
.view-bottom .view-reporter .view-text .reporter-btn p{
    border:1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    float: right;
}
.view-bottom .view-reporter .view-text .reporter-btn p:hover{cursor: pointer}
.view-bottom .view-reporter .view-text .reporter-btn p span{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -.065em;
    padding: 2px 8px 2px 8px;
    display: inline-block;
}

.view-bottom .view-reporter .view-text .view-date p{display: inline-block;margin: 0 15px 0 0}

.view-bottom .view-reporter .view-reporter-news{border-top:1px dashed #ccc;width: 100%;padding: 20px 0 0 0}
.view-bottom .view-reporter .view-reporter-news .title{font-weight: 600;letter-spacing: -.065em;font-size: 18px;margin: 0 0 10px 0}
.view-bottom .view-reporter .view-reporter-news .headline{
    font-weight: 400;
    padding: 5px 0;
    font-size: 18px;
    letter-spacing: -.025em;
    line-height: 24px;
    max-height: 22px;
    height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.view-related{margin: 30px 0 20px 0;border-top:2px solid #222;padding: 20px 0 0 0}
.view-related .title span{font-weight: 500;font-size: 22px;letter-spacing: -.065em}
.view-related ul{margin: 10px 0 0 0}
.view-related ul li{overflow: hidden;width: 99%}
.view-related ul li span{float: left}
.view-related ul li span:last-child{float: right;margin: 0 0.5px 0 0}
.view-related ul li span i{width: 10px;display: inline-block;margin: 0 5px 0 0;height: 40px}
.view-related ul li span i img{width: 100%;text-align: center;height: 80%}

.view-related ul li span time{
    float: right;
    font-size: 16px;
    letter-spacing: -.065em;
    line-height: 24px;
    color: #999;
}
.view-tag{margin: 60px 0 0 0}
.view-tag .title span{
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -.065em;
}
.view-tag ul{overflow: hidden;margin: 10px 0 0 0}
.view-tag ul li{float: left;margin: 0;text-align: center;}
.view-tag ul li span{
    font-weight: 600;
    color: #222;
    margin: 0 10px 5px 0;
    font-size: 14px;
    letter-spacing: -0.2px;
    border-radius: 20px;
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    background: #f1f1f1;
}
.view-tag ul li span:hover{
    cursor: pointer;
    opacity: 0.7;
}
.view-copyright{
    padding: 20px 0;
    background: #f8f8f8;
    margin: 10px auto;
}
.view-copyright p{text-align: center}
.view-copyright p span{
    font-weight: 500;
    letter-spacing: -.065em;
    font-size: 14px;
}

.view-taboola{border-top:2px solid #222;margin: 0 auto 40px auto;}
.view-taboola .title{
    overflow: hidden;
    padding: 20px 0 0 0;
}
.view-taboola .title span:nth-child(1){
    float: left;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 30px;
    max-height: 30px;
    letter-spacing: -.065em;
}
.view-taboola .title span:nth-child(2){
    float: right;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 18px;
    max-height: 18px;
    letter-spacing: -.065em;
}
.view-taboola ul{overflow: hidden;margin: 10px auto 0 auto;}
.view-taboola ul li{margin: 0 0 2% 0}

.view-taboola ul li .news-image{
    width: 95%;
    margin: 0 auto;
    height: 168px;
}
.view-taboola ul li .news-image img{object-fit: cover;height: 100%}
.view-taboola ul li .news-text{
    width: 95%;
    margin: 0 auto;
}
.view-taboola ul li .news-text .headline{
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 24px;
    max-height: 50px;
    height: 50px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.view-ad{height: 200px;border:1px solid #e9e9e9}

.view-comment{border-top:1px solid #222;margin: 30px 0 30px 0}
.view-comment .title{overflow: hidden;padding: 20px 0 0 0}
.view-comment .title span{
    float: left;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -.025em;
    margin: 5px 0 10px 0;
    line-height: 30px;
    max-height: 30px;
    letter-spacing: -.065em;
}

.middle-title{padding: 18px 0;border-top:2px solid #0048aa;border-bottom: 1px solid #ccc;font-size: 20px;font-weight: 600;letter-spacing: -.065em}

.progress-container-nav{
    left:-20px;
    width: 100%;
    height: 0.2em;
    margin-bottom: 0px;
    position: fixed;
    top: 60px !important;
    overflow: hidden;
    content: "";
    display: table;
    table-layout: fixed;
    z-index: 101;
    background: none;
}
.progress-bar-nav{
    width: 0%;
    float: left;
    height: 100%;
    z-index:99;
    max-width: 100%;
    background-color:#3a98db !important;
    -webkit-transition: width .4s ease;
    -o-transition: width .4s ease;
    transition: width .4s ease;
}

.view-header .view-header-area{position: relative;margin: 0 auto}
.view-header .view-header-area .view-header-logo {width: 100px;position: absolute;top:0;left: 20px}
.view-header .view-header-area .view-header-logo a{ width:100%; height:60px; line-height:60px; display:inline-block; background-image:url("../image/logo/newsway_logo.svg"); background-repeat:no-repeat; background-size:100% 33px; background-position:center center; }

.view-header .view-header-area .headline .headline-category{font-weight: 600}
.view-header .view-header-area .headline .headline-category:first-child:after{
    content: "";
    width: 3px;
    height: 15px;
    border-right: 1px solid #e9e9e9;
    display: inline-block;
    margin: 0 10px;
}
.view-header .view-header-area .headline span:last-child{font-weight: 500}
.view-ad-label{
    background: #b7b7b7;
    padding: 2px 5px;
    display: inline-block;
    margin: 12px 0 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    letter-spacing: -.045em;
}

.view-image .img-center{text-align: center; padding:0 2.5% 0 2.5%;}
.view-image .img-center .img-caption{
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    margin: 10px 0 0 0;
    text-align: left;
    margin: 10px auto;
    min-width: 250px;
}
.view-image .img-center img{max-width: 100%}

.view-image-horizontal{text-align: left; margin: 0 0 30px 0; padding:0 5% 0 5%;}
.view-image-horizontal .img-center{width: 100%;position: relative}
.view-image-horizontal span{width: 60%; text-align:right;}
.view-image-horizontal span img{width:100%;}
.view-image-horizontal .img-caption{
    position: absolute;
    left: 60%;
    bottom: 0;
    width:38%;
    color: #999;
    font-size: 14px;
    letter-spacing: -.065em;
    text-align:justify;
    padding-left:10px;
}

.view-image-horizontal2 {margin: 0 0 30px 0;}
.view-image-horizontal2 span{width: 100%; text-align:center;}
.view-image-horizontal2 span img{width:60%;}

.video-show-box{
    max-width: 100%;
    display: block;
    padding-top:20px;
    padding-bottom: 20px;
    position: relative;
    margin: 0 auto;
    height: 400px;
}

.mov-box iframe{
    width: 100%;
    max-width: 100%;
    height: 400px;
}

.video-show-box2{
    max-width: 100%;
    display: block;
    padding-top:20px;
    padding-bottom: 20px;
    position: relative;
    
}

.mov-box2{
    text-align: center;
}
.video-show-box .mov-box iframe, .video-container object, .video-container embed {width: 100%;
 height: 100%; position: absolute; top: 0; left: 0;}

.video-show-box2 {width:281px; display:block; padding-top:20px; padding-bottom:20px; position:relative; margin:0 auto;}
.video-show-box2 .mov-box2 iframe {width:281px; height:500px; padding-top:10px; content:""; display:block; clear:both;}
.video-show-box2 p.mov-cation {max-width:281px; margin-top:5px; line-height:18px; text-align:left; font-size:12px; color:#7c7c7c; overflow:hidden;}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.content-right-blockstreet{margin: 25px auto 0 auto;border:1px solid #ccc;border-top:1px solid #124982;padding-bottom: 0 !important}
.content-right-blockstreet .title-view{padding: 0 20px;border-bottom: 1px solid #ccc;margin: 0 !important}
.content-right-blockstreet .title-view span{display: block;text-align: center}
.content-right-blockstreet .title-view span img{width: 130px}
.content-right-blockstreet .title-view span:first-child{
    margin: 25px auto 5px auto;
}
.content-right-blockstreet .title-view span:last-child{
    font-size: 11px !important;
    letter-spacing: -.065em;
    border:1px solid #ccc;
    border-radius: 20px;
    padding: 5px 10px;
    margin: 10px auto 15px auto !important;
    width: 70px;
}
.content-right-blockstreet .title-view span:last-child a{display: inline-block;width: 100%;height: 100%}
.content-right-blockstreet .title-view span:last-child:hover{cursor: pointer;background: #222;color: #fff;transition: 1s}

.content-right-blockstreet ul li{border-bottom: 1px dashed #ccc !important;padding: 10px 0}
.content-right-blockstreet ul li:last-child{border-bottom: none !important}
.content-right-blockstreet ul li:hover{cursor: pointer;background: #f1f1f1}
.content-right-blockstreet ul li article{}
.content-right-blockstreet ul li article p span{
    font-size: 16px;
    letter-spacing: -.065em;
    line-height: 22px;
    height: 44px;
    margin: 0 0 2px 0;

    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-right-blockstreet ul li article .news-text{
    padding: 0 !important;
    
}
.content-right-blockstreet ul li article .news-text .headline{
    margin: 0 !important;
    width: 100% !important;
}