@charset "utf-8";
@import url(default.css);
@import url(swiper.min.css);

/****************************************
프로젝트명 : 중도일보 2020 리뉴얼
commnet : common.css
****************************************/

*{padding:0; margin:0; letter-spacing:-1px;}

/* 중도일보 모바일 */
body{background:#e1e1e1;}
#wrap{position:relative;}
header{position:relative;}
#container{position:relative; width:100%; overflow:hidden;}

.ico-img{background:url(../images/m_sprites_img2108.png) no-repeat 0 0; background-size:250px;}
.img_LSize{max-width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.table_WSize,.img_WSize{width:100% !important;}

/* 헤더 */
.header{height:62px; line-height:50px; width:calc(100% - 20px); padding:0 10px; background:#fff; overflow:hidden; border-bottom:1px solid #666;}
.header h1{background: url(../images/m_sprites_logo.png) no-repeat 0 -32px;background-size: 150px;width: 149px;height:43px;text-align:center;margin: 7px auto;}
.header h1.logo_anniv70{background: url(../images/logo70_mobile.png) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 16px auto;}
/*
.header h1.logo_anniv71{background: url(../images/joongdo_logo2023_m.jpg) no-repeat 0 0px;width: 149px;height:43px;text-align:center;margin: 10px auto;}
.header h2.logo_anniv71{background: url(../images/joongdo_logo2023_m.jpg) no-repeat 0 0px;width: 149px;height:43px;text-align:center;margin: 10px auto;}
*/
.header h1.logo_anniv71{background: url(../images/joongdo_logo2024_m.jpg) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 10px auto;}
.header h2.logo_anniv71{background: url(../images/joongdo_logo2024_m.jpg) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 10px auto;}
.header .ico-srh{width:30px;height:30px;background-position:4px 4px;position:absolute;top: 16px;}
.header h1 a{display:block;width: 137px;height: 41px;}
.header h2 a{display:block;width: 137px;height: 41px;}
.ico-allmenu{width:30px;height:30px;background-position:-24px 4px;position:absolute;top: 16px;right:10px;}

/* 푸터 */
footer{background:#3d3f45; text-align:center; overflow:hidden; clear:both; padding-bottom:20px;}
footer address{margin-bottom:10px;}
.footer-text{font-size:16px; color:#fff; margin:22px 0 10px 0;}
.foot-sns{text-align:center; overflow:hidden;}
.jd-sns{display:inline-block; margin-top:10px;}
.jd-sns li{width:40px; height:40px; background:#fff url(../images/m_sprites_img.png) no-repeat 0 0; background-size:250px; border-radius:25px; float:left; margin:0 7px;}
.jd-sns li a{width:40px; height:40px; display:inline-block;}
.jd-sns li:nth-child(1){background-position:3px -25px;}
.jd-sns li:nth-child(2){background-position:-27px -25px;}
.jd-sns li:nth-child(3){background-position:-57px -25px;}
.jd-sns li:nth-child(4){background-position:-87px -25px;}
.jd-sns li:nth-child(5){background-position:-118px -26px;}

.foot-menu{text-align:center; overflow:hidden;}
.foot-menu ul{display:inline-block; color:#fff; margin:20px 0 10px 0;}
.foot-menu ul li{float:left; font-size:14px; padding:0 10px;}
.foot-menu ul li a{color:#fff;}
.foot-menu ul li:last-of-type::before{content:""; display:inline-block; margin-right:15px; width:1px; height:12px; background:#fff;}
footer span.copyright{font-size:12px; color:#cacaca;}

/* 속보 */
.bk-news{/*height:50px;*/}
.bk-news-on{height:50px; background:#052b69; padding:0 0 0 10px; overflow:hidden;}
.bk-news-on ul{width:calc(100% - 35px); float:left;}
.bk-news-on ul li{line-height:50px; overflow:hidden;}
.bk-news-on ul li span.news-time{color:#fff; line-height:50px; float:left; margin-right:10px; width:64px;}
.bk-news-on ul li span.news-time::before{background:url(../images/m_sprites_img.png) no-repeat -56px 13px; margin-right:5px; background-size:250px; content:""; width:14px; height:50px; float:left; display:inline-block;}
.bk-news-on ul li h4{font-size:15px;}
.bk-news-on ul li h4 a{color:#fff; font-weight:300; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; float:left; width:calc(100% - 74px);}
.ico-bkmore{background-position:-93px 13px; width:30px; height:50px; display:inline-block; float:right;}
.ico-bkmore.on{margin-right: 5px;}
/* 속보 펼침 */
.bk-news-list{padding:10px 10px; background:#fff;}
.bk-news-list ul li{line-height:24px; overflow:hidden;}
.bk-news-list ul li span.news-time{color:#999; line-height:30px; float:left; margin-right:10px; width:62px;}
.bk-news-list ul li span.news-time::before{background:url(../images/m_sprites_img.png) no-repeat -77px 3px; background-size:250px; content:""; margin-right:3px; width:14px; height:30px; float:left; display:inline-block;}
.bk-news-list ul li h4{font-size:16px; height:34px; line-height:34px;}
.bk-news-list ul li h4 a{color:#444; font-weight:300; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; float:left; width:calc(100% - 77px);}

/* 헤드라인 */
.headline{margin:15px 0; padding-bottom:15px; background:#fff;}
.headline .news-img{width:100%; height:200px; overflow:hidden; box-sizing:border-box; border:1px solid #ececec;}
.headline .news-img img{width:100%;height: 100%;}
/*.headline .news-title{width:calc(100% - 30px);  background:#fff;word-break: keep-all; padding:15px; font-size:24px; font-weight:500; line-height:32px; color:#000;}*/
.headline .news-title{width:calc(100% - 30px); background:#fff;word-break: keep-all; padding:15px; font-size:30px; font-weight:500; line-height:36px; color:#000;}

/* 헤드라인 관련기사 */
.headline .relnews{padding:0 15px 10px 15px; background:#fff;}
.headline .relnews li::before{background:url(../images/m_sprites_img.png) -175px -4px; background-size:250px; content:""; width:15px; height:15px; display:inline-block; float:left;}
.headline .relnews li a{display:inline-block; color:#333; font-size:1.4em; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:calc(100% - 20px);}


/* 주요뉴스 */
.latest-news{margin-top:15px; background:#fff; padding:10px 15px 15px 15px; overflow:hidden;}
.latest-news-list{border-bottom:1px solid #eee; overflow:hidden; padding:20px 0;}
.latest-news-list article{overflow:hidden;}
.latest-news-list:last-of-type{border-bottom:0 none;}
.latest-news-list .news-img{width:102px; height:66px; overflow:hidden; border:1px solid #ddd; float:left; margin-right:10px;}
.latest-news-list .news-img img{width:102px; height:66px;}
.latest-news-list .news-title{ font-size:21px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; max-height:47px;overflow:hidden; padding:5px 0; text-overflow:ellipsis; color:#000; font-weight:bold;}

/* 주요뉴스 관련기사 */
.latest-news-list .relnews{margin:10px 0 0 0;}
.latest-news-list .relnews li::before{background:url(../images/m_sprites_img.png) -175px -3px; background-size:250px; content:""; width:15px; height:15px; display:inline-block; float:left;}
.latest-news-list .relnews li a{display:inline-block;color:#333;font-size: 1.4em;line-height:30px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:calc(100% - 20px);}

/* 주요뉴스 오피니언 리스트(정사각형) */
.latest-news-box > p{font-size:23px; color:#26355c; font-weight:bold; margin:15px 0; border-bottom:2px solid #eaeaea; height:30px;}
.latest-news-box > p > span{border-bottom:2px solid #26355c; display:inline-block; height:30px;}
.sub-op-news .news-img{width:80px; height:80px; overflow:hidden; border:1px solid #ddd; float:left; margin-right:10px;}
.sub-op-news .news-img img{width:80px; height:80px;}

/* 이슈별뉴스 */
.issue-news{width:100% !important; margin:0 !important; padding-bottom:0 !important;}
.issue-news-list{margin-top:15px;background:#fff;padding: 0 0 25px 0;}
.weekly-issue{padding:10px;}
.issue-keyword{padding: 30px 0 12px 0;}
.issue-keyword li a{color:#256efa; font-size:17px; margin:0 10px 0 15px; font-weight:bold;}
.issue-news-list .news-img{height:220px;}
.issue-news-list .news-img img{width:100%; height:100%; box-sizing: border-box; border: 1px solid #ececec;}
.issue-news-list .news-title{margin:15px;word-break: keep-all; color:#000; line-height:24px; font-weight:bold;}
.issue-news-list .news-title p{font-size:20px; }

/* 이슈별뉴스 관련기사 */
.issue-news .relnews{margin:0 15px;}
.issue-news .relnews li::before{background:url(../images/m_sprites_img.png) no-repeat -175px -3px; background-size:250px; content:""; width:15px; height:15px; display:inline-block; float:left;}
.issue-news .relnews li a{display:inline-block; color:#333; font-size:1.3em; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:calc(100% - 20px);}

/* 오피니언 */
.main-opinion{background:#fff; margin-top:15px; padding:40px 15px 5px 15px;}
/* 사설 */
.editorial{margin-bottom:40px;}
.editorial li{font-size:21px; line-height:28px; padding:15px 0; border-bottom:1px solid #eee;}
.editorial li::before{content:""; background:url(../images/m_sprites_img.png) no-repeat -140px -0px; background-size:250px; width:30px; height:20px; display:inline-block; float:left; overflow:hidden; clear:both; margin-right:10px;}
.editorial li:last-of-type{border-bottom:0 none;}
.editorial li a{color:#000; display:inline-block; width:calc(100% - 40px);  font-weight:bold;}
.main-opinion section h3 a{font-size:23px; color:#26355c; margin-bottom:15px; display:block; font-weight:bold;}

/* 칼럼 */
.column{position:relative;}
.column .swiper-slide{margin-right:11px;}
.swiper-slide li{padding:10px 0; overflow:hidden; padding:20px 5px; border-bottom:1px solid #eee;}
.swiper-slide li:nth-child(4n){border-bottom:0 none;}
.columnist-img{width:43px; height:43px; border-radius:30px; overflow:hidden; float:left; margin-right:15px; border:1px solid #ddd;}
.columnist-img img{width:43px; -webkit-filter: grayscale(100%);}
.column .swiper-slide .news-title{/*float:left;width: calc(100% - 200px);*/}
.column .swiper-slide .news-title a{font-size:21px; line-height:28px; display:block; height:55px; vertical-align:middle; color:#000; font-weight:bold; overflow:hidden;}
.column .swiper-pagination{/*width:64px !important;*/ height:20px !important; position: absolute;top: 0; right:0 !important; text-align:right !important;}
.column .swiper-pagination li{float:left;}
.column .swiper-pagination span{color:transparent; background:transparent; outline: 0;}
.column .swiper-pagination span::before{ outline: 0;content:""; width:12px; height:12px; background:#ccc; transition:0.3s; border-radius:10px; margin-left:5px; display:inline-block;}
.column .swiper-pagination .swiper-pagination-bullet{outline: 0; opacity: 1; width:24px !important;}
.column .swiper-pagination .swiper-pagination-bullet-active::before{ outline: 0;content:""; background:#e61b27; width:25px; height:12px; transition:0.3s; border-radius:10px; margin-left:5px; display:inline-block;}

/* 중도TV/비주얼 */
.jdtv-visual{background:#eff4fa; margin:15px 0; padding:35px 15px; overflow:hidden; height:260px;}
.jdtv-visual h3,.jdtv-visual h3 a{font-size:23px; color:#26355c;}
.jdtv-visual-box{margin-top:20px; width:10000px;}
.jdtv-visual-box article{float:left; width:280px !important; margin-right:20px;}
.jdtv-visual-box article .news-img{width:280px; height:160px; margin-bottom:15px; position:relative;}
.jdtv-visual-box article .news-img img{width:280px; height:100%; border: 1px solid #ececec; box-sizing: border-box;}
.jdtv-visual-box article .news-title{font-size:20px; color:#000; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:26px; height:48px;overflow:hidden; text-overflow:ellipsis; }
.img-overlay{position:absolute; top:0; left:0; width:280px; height:160px; background:rgba(0,0,0,0.2);}
.jdtv-visual-box article .news-img .ico-video{background-position:-222px -35px; width:20px; height:24px; position:absolute; bottom:12px; right:12px;}

/* 부동산&문화 */
.section-news{}
.section-news section{margin-top:15px; background:#fff; padding-bottom:15px;}
.section-news section h3{padding:30px 15px 15px 15px; font-size:23px; color:#26355c;}
.section-news-box{width:100%;}
.section-news-box .news-img{width:100%; height:220px; overflow:hidden; box-sizing: border-box; border: 1px solid #ddd;}
.section-news-box .news-img img{width:100%;height: auto;}
.section-news-box .news-title{margin:0 15px; padding:20px 0; border-bottom:1px solid #eee; font-size:21px; line-height:28px; color:#333; font-weight:500;}
.section-news-box li:first-of-type .news-title{color:#000; font-weight:bold;}
.section-news-box li:last-of-type .news-title{border-bottom:0 none;}

/* 연재 */
.series{margin-top:15px; background:#f4f4f4; overflow:hidden; width:100%;}
.series h3{font-size:23px; color:#26355c; padding:25px 20px 15px 15px; float:left; background:#fff; height: 23px;}
.series .series-list{background:#f4f4f4;width: calc(100% - 81px);float:left;overflow:hidden;}
.series .series-list ul.swiper-wrapper{width: 444px;height:63px;}
.series .series-list li{float:left;height:50px;font-size:17px;width: auto;text-align:center;}
/* .series .series-list li:nth-child(2){width:160px;} */
.series .series-list li a{color:#052c69; display:block; padding:25px 15px 5px 15px; font-weight:bold;}
.series-news-box{background:#fff; padding:15px; overflow:hidden;}
.series-news-box article{overflow:hidden; margin-bottom:15px;}
.series-news-box .news-img{border:1px solid #ddd; width:110px; height:80px; float:left; margin-right:15px;}
.series-news-box .news-img img{width:110px; height:80px;}
.news-box .series-title{display:inline-block; padding:3px 8px; background:#26355c; color:#fff; margin-bottom:8px; font-size:15px;}
.news-box .news-title{font-size:20px; color:#000; line-height:22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; overflow:hidden; text-overflow:ellipsis;}

/* 랭킹뉴스 */
.hotnews{margin:15px 0; background:#fff; padding:40px 15px 30px 15px;}
.hotnews h3{font-size:23px; color:#26355c; float:left; background:#fff; width:100%; margin-bottom:20px;}
.hotnews-list{clear:both;}
.hotnews-list li{font-size:20px; padding:10px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.hotnews-list li a{color:#444;}
.hotnews-list li:nth-child(1) a,.hotnews-list li:nth-child(2) a,.hotnews-list li:nth-child(3) a{color:#000; font-weight:bold;}
.hotnews-list li::before{width:22px; margin-right:20px; height:24px; display:inline-block; font-size:24px; text-align:center; font-style:italic; font-weight:bold; color:#666;}
.hotnews-list li:nth-child(1)::before{content:"1"; color:#000;}
.hotnews-list li:nth-child(2)::before{content:"2"; color:#000;}
.hotnews-list li:nth-child(3)::before{content:"3"; color:#000;}
.hotnews-list li:nth-child(4)::before{content:"4";}
.hotnews-list li:nth-child(5)::before{content:"5";}

.hotnews-list li:nth-child(6)::before{content:"6";}
.hotnews-list li:nth-child(7)::before{content:"7";}
.hotnews-list li:nth-child(8)::before{content:"8";}
.hotnews-list li:nth-child(9)::before{content:"9";}
.hotnews-list li:nth-child(10)::before{content:"10";}

/* 전국뉴스 */
.country{margin-top:15px;}
.country section{margin-top:15px; background:#fff;}
.country section h3{padding:25px 15px 15px 15px; font-size:23px; color:#26355c; width:100px; float:left;}
.country .local-list{background:#f4f4f4; width:calc(100% - 130px); float:left; overflow:hidden;}
.country .local-list ul.swiper-wrapper{width:400px; height:58px;}
.country .local-list li{float:left; height:50px; font-size:17px; width:auto; text-align:center;}
.country .local-list li a{color:#052c69; display:block; padding:25px 15px 5px 15px; font-weight:bold;}
.country-news-box{clear:both; padding:15px;}

.country-news-box ul li{height:40px; line-height:40px; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:20px;}
.country-news-box ul li span{width:64px; margin-right:10px; height:28px; line-height:28px; font-size:14px; text-align:center; background:#d7d7d7; color:#1d2b61; display:inline-block; font-weight:bold;}
.country-news-box ul li a{color:#000; font-weight:bold; line-height:40px; }

/* 주간 이슈 키워드 */
.weekly-issue-keyword{margin:15px 0; background:#fff; overflow:hidden; padding-bottom:20px;}
.weekly-issue-keyword section h3{padding:25px 15px 15px 15px; font-size:23px; color:#26355c;}
.issue-box{width:100%;height: 286px; overflow:hidden;position:relative;}
.issue-box div p{position:absolute; display:table-cell; vertical-align:middle;}
.issue-box div p a{color:#fff; text-align:center;}
.issue-box div p:nth-child(1){background:#fd7675;width: 120px;height: 120px;border-radius:50%;text-align:center;font-size:20px;left: 27%;top: 24%;}
.issue-box div p:nth-child(2){background:#50b5df;width: 100px;height: 100px;border-radius:50%;text-align:center;font-size:16px;left: 5%;top: 64%;}
.issue-box div p:nth-child(3){background:#f3bd34;width: 100px;height: 100px;border-radius:50%; text-align:center;font-size:16px;right: 5%;top:14px;}
.issue-box div p:nth-child(4){background:#0b4c66; width: 80px;height: 80px;border-radius:50%;text-align:center;font-size:14px;left: 5%;top: 5%;}
.issue-box div p:nth-child(5){background:#6c5ba9;width: 80px;height: 80px;border-radius:50%;text-align:center;font-size:14px;right: 32%;top: 72%;}
.issue-box div p:nth-child(6){background:#a5d496;width: 80px;height: 80px;border-radius:50%;text-align:center;font-size:14px;right: 7%;top: 46%;}

.issue-box div p:nth-child(1) a{height:120px; width:120px; text-align:center; display:table-cell; vertical-align:middle; line-height:24px;}
.issue-box div p:nth-child(2) a,.issue-box div p:nth-child(3) a{height:100px; width:100px; text-align:center; display:table-cell; vertical-align:middle; line-height:22px;}
.issue-box div p:nth-child(4) a,.issue-box div p:nth-child(5) a,.issue-box div p:nth-child(6) a{height:80px; width:80px; text-align:center; display:table-cell; vertical-align:middle;}




/* Slider */
.slick-slider{
    /*position: relative;*/

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: absolute;
    left: 0;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
/* .slick-slide.dragging img
{
    pointer-events: none;
} */
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* 전체메뉴 */
.allmenu{position:absolute; top:0; left:0; width:100%; background:#eff4fa;  z-index:999;}
.allmenu-hd{height: 62px;margin-bottom:10px;background:#fff;line-height:50px; display:flex; justify-content:space-between;}
.allmenu-hd h1{background: url(../images/m_sprites_logo.png) no-repeat 0 -34px;background-size: 150px;width: 147px;height: 41px;float:left;margin: 10px 15px;}
.allmenu-hd h1.logo_anniv70{background: url(../images/logo70_mobile.png) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 14px 15px;}
.allmenu-hd h1.logo_anniv71{background: url(../images/joongdo_logo2023_m.jpg) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 10px 15px;}
.allmenu-hd h1 a{display:block; width:101px; height:28px; outline:none;}

.allmenu-hd h2.logo_anniv71{background: url(../images/joongdo_logo2024_m.jpg) no-repeat 0 0px;/* background-size: 150px; */width: 149px;height:43px;text-align:center;margin: 10px 15px;}
.allmenu-hd h2 a{display:block; width:101px; height:28px; outline:none;}

.allmenu-hd-right{float:right; margin:12px 20px 12px 15px;}
.ico-member{width:28px; height:28px; margin-right:5px; background-position:-192px 2px; float:left; display:none;}
.ico-close{width:28px;height:28px;background-position:-222px 2px;float:left;margin-top: 8px;margin-right: -4px;}

.allmenu-cont{margin-top:10px; background:#fff; padding:15px; overflow-y:scroll;}
.allmenu-srh{border-bottom:1px solid #333; width:100%; padding:5px 0; overflow:hidden; margin-bottom:20px;}
.allmenu-srh input{height: 36px;float:left;width: calc(100% - 50px);font-size:18px;border: none !important;padding-left: 10px;}
.allmenu-srh .ico-srh{width:30px; height:30px; background-position:4px 4px; float:right;}

.allmenu-box > ul > li{width:100%; border-bottom:1px solid #666; font-size:20px;}
.allmenu-box > ul > li > p{width:100%;display:inline-block;color:#000;padding: 16px 0;font-weight:bold;}
.allmenu-box > ul > li > p a{color:#000;}
.allmenu-box > ul > li span.ico-more{background:url(../images/m_sprites_img.png) no-repeat -148px -35px; background-size:250px; width:30px; height:20px; display:inline-block; float:right; }
.allmenu-box > ul > li:nth-child(2) > a::after,.allmenu-box > ul > li:nth-child(3) > a::after{display:none;}
.allmenu-box > ul > li > ul{border-top:1px solid #333;}
.allmenu-box > ul > li > ul > li{font-size:18px;}
.allmenu-box > ul > li > ul > li > a{color:#000;}
.allmenu-box > ul  li  ul.dep02 > li{width:100%; border-bottom:1px solid #ccc; }
.allmenu-box > ul  li  ul.dep02 > li > a{padding:10px 0; display:inline-block;}

/*
.allmenu-box > ul  li  ul.dep03{overflow:hidden; border-top:1px solid #ccc;}
.allmenu-box > ul  li  ul.dep03 li{width:calc(50% - 31px); float:left; border-bottom:1px solid #ccc; padding:0 15px; font-size:16px;}
.allmenu-box > ul > li > ul.dep02 > li:last-of-type,.allmenu-box ul.dep02 > li:nth-last-child(2){border-bottom:0 none;}
.allmenu-box > ul  li  ul.dep03 li a{padding:10px 0; display:inline-block; color:#333;}
.allmenu-box > ul  li  ul.dep03 li:nth-child(odd){border-right:1px solid #ccc;}*/

.allmenu-bott{background:#fff; text-align:center; overflow:hidden; height:188px;}
.allmenu-bott p{color:#000; }
.allmenu-bott .jd-sns li{border:1px solid #333; }
.allmenu-bott .btn-pc{margin:20px 0; border:1px solid #333; padding:5px 10px;}

.dep03{border-top: 1px solid #ccc;width:100%;}
.dep03 > li > table{width:100%;}
.dep03 tbody > tr > td{width:50%; border-bottom:1px solid #ccc; padding:0 15px; font-size:16px;}
.dep03 tbody > tr > td > a{padding: 12px 0;display:inline-block;color:#333;}
.dep03 tbody > tr > td:nth-child(odd){border-right:1px solid #ccc;}
.dep03 tbody > tr:nth-last-child(1) > td{border-bottom:none;}


/* 검색 */
.dim.srh-dim{background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; width:100%; z-index:999;}
.search-box{position:absolute; top:0; left:0; width:100%; background:#eff4fa;  z-index:999; overflow:hidden;}
/*.search-box h1{background:url(../images/m_sprites_logo.png) no-repeat 0 1px;background-size:101px;width:100px;height: 27px;float:left;margin: 19px 15px;}
.search-box h1 a{display:block; width:101px; height:28px;}*/

/* yh_common */

/*서브 리스트 메인 헤더*/
.sub-header{overflow:hidden; text-align:center;}
.sub-header h1{position:absolute;background: url(../images/m_sprites_logo.png) no-repeat 0 2px;background-size: 101px;width: 100px;height: 28px;text-align: center;margin-top: 19px;float:left;}
.sub-srh{right: 50px;}
.sub-menu-title{width:105px;height:50px;text-align:center;display:inline-block;font-size:20px;color:#26355c;font-weight:bold;margin-top: 7px;}

/* main_menu 메뉴 */
.sub-menu {width:100%; overflow:hidden; height:45px; background-color:#fff;}
.sub-menu-on a{font-weight:bold !important; color:#052c69 !important; border-bottom:4px solid #052c69;}
.sub-menu ul { padding-left:15px; /*overflow:hidden; display:block; width:260%; height:45px;*/  }
.sub-menu ul li {float:left;  text-align:center; font-size:13px; color:#404040; line-height:32px; -webkit-text-stroke-width:.01em;}
.sub-menu ul li a{ display:inline-block; height:41px; margin-right:30px; line-height:41px;}
.sub-menu ul li{scrollbar-face-color:#fff;}
.sub-menu .swiper-slide a{font-size:16px; color:#3d3d3d; font-weight:500;}
.sub-menu .swiper-slide {margin-top:2px; text-align: center;width: auto;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}

/*전체기사 보기 버튼*/
.all_button{width:100%; margin-top:15px; height:50px; background-color:#ffffff; margin-bottom:15px; text-align:center;}
.all_button a{font-size:18px; color:#434343; font-weight:500; display:inline-block; width:100%; height:38px; padding-top:14px;}
.ico-all-arrow{background-position:-190px -35px; display:inline-block; width:20px; height:18px;}

/*더보기 버튼*/
.more_button{width:100%; height:50px; margin-top:15px; background-color:#ffffff; margin-bottom:15px; text-align:center;}
.more_button a{font-size:18px; color:#434343; font-weight:500; display:inline-block; width:100%; height:38px; padding-top:14px;}
.ico-more-arrow{background-position:-152px -36px; display:inline-block; width:20px; height:18px;}
.now-list{font-size:18px; color:#e16969; margin:0 5px 0 10px;}
.all-list{font-size:18px; color:#434343; margin:0 10px 0 5px;}

/*페이징*/
.blind{display:none;}
.more_button{line-height:50px; font-size:16px;}
.more_button button{border:1px solid #ddd; margin:10px; width:30px; height:30px; display:inline-block;}
.page-prev{float:left; background:#eee url(../images/m_sprites_img.png?123) no-repeat -111px -148px; width:15px; height:20px; display:inline-block; line-height:50px; background-size:250px;}
.page-next{float:right; background:#eee url(../images/m_sprites_img.png?123) no-repeat -130px -148px; width:15px; height:20px; display:inline-block; line-height:50px; background-size:250px;}
.more_button .current{color:#333; font-weight:600;}
.more_button .total{color:#999;}
/*오피니언 사설*/
.ico-op-ed{width:24px; height:17px; display:inline-block; background-position: -149px -4px;}
.sub-op-wrap{background-color:#fff; margin-top:15px;}
.sub-op-ed{overflow:hidden; padding:0 15px 0 15px;}
.sub-op-ed > p{font-size:23px; font-weight:bold; color:#26355c; margin-top:30px; margin-bottom:10px;}
.sub-op-ed-box{font-size:18px; line-height:24px; padding:20px 0 20px 0; border-bottom:1px solid #eaeaea;}
.sub-op-ed-box a{font-size:21px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:40px;overflow:hidden; text-overflow:ellipsis; padding:8px 0; color:#000; font-weight:bold;}

/*오피니언 리스트 (사진 크기 변경)*/
.sub-op-news{margin-top:15px; background:#fff; padding:15px; overflow:hidden; margin-bottom:15px;}
.sub-op-news > p{font-size:23px; color:#26355c; font-weight:bold; margin:15px 0; border-bottom:2px solid #eaeaea; height:30px;}
.sub-op-news > p > span{border-bottom:2px solid #26355c; display:inline-block; height:30px;}
.sub-op-news-list{border-bottom: 1px solid #eee;overflow: hidden; padding: 20px 0;}
.sub-op-news-list article{overflow:hidden;}
.sub-op-news-list:last-of-type{border-bottom:0 none;}
.sub-op-news-list .sub-news-img{width:80px; height:80px; overflow:hidden; border:1px solid #ddd; float:left; margin-right:10px;}
.sub-op-news-list .sub-news-img img{width:80px; height:80px;}
.sub-op-news-list .sub-news-title{font-size: 21px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 28px;max-height: 47px;overflow: hidden;padding: 5px 0;text-overflow: ellipsis;color: #000;font-weight: bold;}

/* hm_common */
/* 중도TV 시작 */
#tv-wrap{width:auto; /* height:100%; */ position:relative;overflow: hidden; padding-top:15px;}
/* .tv-main-wrap{height:100%;} */
.tv-box01{background:white;margin-bottom: 15px;}
.tv-box01 .img-con{position:relative; display:block;}
.tv-box01 .img-con .img {overflow: hidden;display: block;position: relative;width: 100%;height: auto;background-color: #e6e7ec;padding-top: 6.25%;}
.img-con span::before {background:url(../images/m_sprites_img.png) no-repeat -253px -98px;
    content: "";width:60px;height:42px;display: inline-block;position: sticky;background-size: 320px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.img-cover {overflow: hidden;}
.img-cover img {visibility: hidden;opacity: 0;}
.tv-box01 .img-con .img img {/* position: absolute; *//* top: 0; *//* left: 50%; */width: 100%;height: auto;/* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */}
.text-wrap{font-family:noto-sans; font-size:22px; color:#000000; font-weight:bold;display: inline-block;height: 50px;line-height: 50px;height: auto;line-height: 30px;padding: 20px 15px;}

/* 추천영상 시작 */
.tv-box02{margin:15px 0; position: relative; background:#eff4fa;}
.title-con01{ position: relative;padding-left:15px;}
.title-type01{display: inline-block;position: relative;}
.title-type01 .txt{display: inline-block;position: relative;height: 40px;padding:30px 0 1px;font: bold 20px sans-serif;text-decoration: inherit;vertical-align: top; color:#26355c;}

/* 최신영상 시작 */
.tv-box03{background:white; display:block; overflow:hidden;margin-bottom: 15px;}
.list-tv-con{background: #bb9898; height:170px; margin: 0 15px;border-radius:10px;     overflow: hidden;position:relative;}

.list-tv-con span::before {background: url(../images/m_sprites_img.png) no-repeat -283px -40px;
    content: "";width: 26px;height: 35px;display: inline-block; background-size: 320px; position: absolute; right:10px; bottom:10px;}
.list-tv-con img{ width:100%; height:100%;}

.list-text-wrap{font-family:noto-sans; font-size:18px; color:#000000; font-weight:500;display: inline-block;height:50px;line-height:25px;padding:15px 15px 30px;}
.all-view{text-align: center;font-size: 17px;color: #434343;padding:15px 0;background: white;margin-bottom: 15px;font-weight: bold;line-height: 20px;}
.all-view::after {background: url(../images/m_sprites_img.png) no-repeat -252px -45px;content: "";width: 22px;height: 20px;display: inline-block;position: sticky;background-size: 320px;margin-left: 5px;}

/* 기사리스트 시작 */
.jdtv_list .content3{  padding:10px 0 15px 0;}

/* 본문 스티키메뉴 */
.view-sticky{position:fixed; top:0; height:50px; width:100%; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; z-index:1; display:none;}
.view-sticky h1{background:url(../images/m_sprites_logo.png) no-repeat 0 1px; background-size:101px; width:100px; height:28px; float:left; margin:10px 0 10px 10px;}
.view-sticky h1 a{display:block; width:100px; height:28px;}
.view-option{float:right; margin:9px 10px 8px 0;}
.view-option li{width:30px; height:30px; border-radius:20px; border:1px solid #666; float:left; margin-left:5px; background:url(../images/m_sprites_img.png) no-repeat 0 0; background-size:250px; opacity:0.6;}
.view-option li a{color:#333;}
.view-option li:nth-child(1){background-position:-32px -30px;}
.view-option li:nth-child(2){background-position:-62px -30px;}
.view-option li:nth-child(3){background-position:-2px -30px;}
.view-option li:nth-child(4){background-position:-159px -116px;}
.view-option li:nth-child(5){background:none; line-height:30px; color:#333; text-align:center; font-weight:bold;}
.view-option li a{width:30px; height:30px; display:inline-block;}

/*TOP버튼*/
.top-btn{font-weight:bold; width:40px; height:40px; border-radius:30px; border:1px solid #666;  background-color:#fff; right: 30px; bottom:30px; position:fixed; z-index:998;}
.top-btn a{width:42px; height:42px; display:block;}
.btn-top{display:inline-block;width: 35px; margin:0 auto; font-size:15px; color:#000; margin-left:7px;}
.ico-top{display:inline-block;background-position: -201px -112px; width:40px;height: 38px;}

/* 코로나 배너 */
.change{color:#f68b1f !important; text-align:left; margin-top:-4px;}