@charset "UTF-8";
/*
 * 텐아시아 다국어
 * Contents css
 */

/* contents */
.bg-dark {background-color:#2A1E27; box-sizing:border-box}
.bg-dark .cont-tit, .bg-dark .news-tit, .bg-dark a {color:#fff}
.bg-dark .tit-wrap::after {background-color:#fff}
.bg-dark .txt-date {color:#888}

.headline-news-row + .thumb-news-list {margin-top:15px}
.thumb-news-col3 .txt-cont {padding:0}
.music-area {padding-bottom:14px}
.music-area .tit-wrap {padding-top:0}
.movie-area .news-list-area {padding-bottom:0}
.tv-area {padding-bottom:14px}
/* list */
.list .footer {padding-top:30px}
.list .tit-wrap, .tit-wrap.sub-type {padding-top:0; flex-direction:column; align-items:flex-start}
.list .cont-tit, .tit-wrap.sub-type .cont-tit {margin-right:0; margin-bottom:15px}
.list .news-item + .news-item {padding-top:15px; border-top:1px solid #eee}
/* paging */
.paging-wrap {display:flex; justify-content:center; align-items:center; margin:30px 0}
.btn-page button, .page-select {display:flex; align-items:center; justify-content:center;}
.btn-page button {width:40px; height:40px; border:1px solid #ddd; box-sizing:border-box}
.btn-page button span {display:none}
.btn-page .btn-prev::before, .btn-page .btn-next::after {content:''; display:inline-block; width:8px; height:8px; transform:rotate(45deg)}
.btn-page .btn-prev::before {margin-left:5px; border-bottom:1px solid #121212; border-left:1px solid #121212}
.btn-page .btn-next::after {margin-right:5px; border-top:1px solid #121212; border-right:1px solid #121212}
.page-select {margin:0 15px}
.page-select > span {color:#555; font-size:13px}
.page-select .total-num {margin-left:12px}
.select-box {position:relative; margin:0 10px; border:1px solid #ddd; box-sizing:border-box}
.select-box::after {content:''; display:inline-block; position:absolute; right:20px; top:46%; width:8px; height:8px; border-bottom:1px solid #121212; border-right:1px solid #121212; transform:translateY(-50%) rotate(45deg); pointer-events:none}
.select-box select {padding:11px 43px 11px 18px; font-size:13px; box-sizing:border-box}
/* search */
.search-contents.contents {padding-top:25px}
.search-area + .tit-wrap, form + .tit-wrap {margin-top:23px}
.search-result {display:flex; align-items:center; margin-bottom:15px; font-size:15px}
.search-result .search-keyword {font-weight:700}
.search-keyword {color:#e30f61}
.search-nodata {display:flex; justify-content:center; align-items:center; margin-top:30px; padding:70px 0; border-top:2px solid #121212; text-align:center; box-sizing:border-box}
.search-nodata p {line-height:28px; font-size:17px}
/* error */
.error-wrap {padding:60px 0 110px; text-align:center; box-sizing:border-box}
.error-wrap p {line-height:min(max(36px, 4.68vw), 52px); font-size:min(max(24px, 3.12vw), 32px)}
.error-wrap .btn-area {margin-top:30px}
.error-wrap .btn-default {display:inline-block; padding:15px 20px; border:1px solid #ddd; border-radius:10px; font-weight:700; font-size:13px; box-sizing:border-box}
/* sitemap */
.page-tit {display:block; margin:25px 0; font-size:min(max(16px, 4.44vw), 22px)}
.archive-list {margin:30px -15px 120px; overflow:hidden}
.archive-list:after {content:''; display:block; clear:both}
.archive-list li {float:left}
.archive-list a {display:block; padding:10px 14px; font-size:18px; letter-spacing:0; box-sizing:border-box}
.archive-month-area {margin-top:40px}
.archive-month-area:last-child {padding-bottom:85px}
.archive-month-area + .archive-month-area {margin-top:35px}
.archive-month-area .month-tit {display:block; margin-bottom:5px; font-weight:700; font-size:22px}
.archive-month-list {position:relative; display:flex; flex-wrap:wrap}
.archive-month-list::after {content:'';display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#fff}
.archive-month-list li {flex:0 0 auto; min-width:33.33%; border-bottom:1px solid #eee}
.archive-month-list li a {display:block; padding:16px 0; font-size:15px; text-align:center; box-sizing:border-box}
.archive-news-list {margin-top:-15px; padding-bottom:55px}
.archive-news-list li {padding:20px 0 15px; box-sizing:border-box;}
.archive-news-list li + li {border-top:1px solid #eee}
.archive-news-list .news-tit a {font-size:15px}
.sitemap .cont-tit {display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:4px}
.sitemap .cont-tit .etc {font-size:min(max(17px, 2.5vw), 26px)}
/* rss */
.rss-list {padding-top:10px; font-size:15px; word-break:break-all}
.rss-list > li {display:flex; flex-direction:column; gap:12px; padding:15px 0}
.rss-list > li + li {border-top:1px solid #ddd}
.rss-list .rss-link {color:#747777}

@media (max-width:359px){
    .main .cont-tit {font-size:8.88vw}
}
@media (min-width:500px){
    .archive-month-list li {min-width:65px}
}

/* tablet */
@media (min-width:768px){
    /* 큰 썸네일 옆으로 타이틀인 기사1 */
    .headline-news-row.news-item {align-items:center; gap:20px}
    .headline-news-row .thumb {width:300px; height:187px}
    .headline-news-row .txt-cont {padding:0; text-align:center}
    .headline-news-row .news-tit {line-height:36px; font-style:italic; font-weight:700; font-size:30px}
    .headline-news-row .txt-date {margin-top:20px; font-size:14px}
    .headline-news-row + .thumb-news-list {margin-top:25px; padding-top:30px; border-top:1px solid #eee; box-sizing:border-box}
    .headline-news-row + .thumb-news-list .txt-cont {padding:0}
    /* 작은 썸네일 옆으로 타이틀인 기사 리스트 */
    .thumb-news-list {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .thumb-news-list .news-item {width:calc(50% - 10px); margin-bottom:20px}
    /* 썸네일 밑으로 타이틀인 기사 3개 리스트 */
    .thumb-news-col3 {display:flex}
    .thumb-news-col3 .news-item {flex-direction:column-reverse; width:33%}
    .thumb-news-col3 .news-item + .news-item {margin-left:20px}
    .thumb-news-col3 .news-tit {line-height:26px; font-size:22px}
    .thumb-news-col3 .txt-cont {width:100%}
    .thumb-news-col3 .thumb {position:relative; width:auto; height:0; padding-bottom:62.5%; overflow:hidden}
    .thumb-news-col3 .thumb > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%}
    .thumb-news-col3 .txt-dete {margin-top:10px}
    .music-area {padding-bottom:0}
    .music-area .news-list-area {padding:20px 0 15px}
    .tv-area {padding-bottom:25px}
    /* list */
    .list .cont-tit, .tit-wrap.sub-type .cont-tit {margin-bottom:25px; font-size:40px}
    .list .thumb {width:230px; height:143px}
    .list .news-tit {line-height:30px; font-size:22px}
    .list .news-item {gap:20px}
    .list .news-item + .news-item {margin-top:30px; padding-top:30px}
    .list .txt-cont {width:calc(100% - 250px)}
    .list .txt-date {margin-top:14px}
    /* paging */
    .news-list-area + .paging-wrap {margin:0 0 50px}
    .btn-page button span {display:inline-block; font-size:15px}
    .btn-page button {width:auto; height:50px; padding:19px 20px}
    .page-select {margin:0 20px}
    .page-select > span, .select-box select {font-size:15px}
    .select-box {margin:0 15px}
    .select-box select {padding:17px 43px 16px 18px}
    .btn-page .btn-prev::before {margin-right:5px; margin-left:0}
    .btn-page .btn-next::after {margin-left:5px; margin-right:0}
    /* search */
    .search-contents.contents {padding-top:40px}
    .search-contents .search-area {width:600px; height:60px; border-radius:40px}
    .search-contents .search-area .inp-txt {font-size:20px}
    .search-area + .tit-wrap, form + .tit-wrap {margin-top:40px}
    .search-result {margin-bottom:20px; font-size:18px}
    .search-nodata {margin-top:60px; padding:90px 0}
    .search-nodata p {line-height:34px; font-size:22px}
    /* error */
    .error-wrap {padding:40px 0 183px}
    .error-wrap .btn-default {padding:17px 30px; font-size:16px}
    .error-wrap .btn-area {margin-top:50px}
    /* sitemap */
    .page-tit {margin:30px 0 30px}
    .archive-news-list {margin-top:-10px}
    .archive-month-list li a, .archive-news-list .news-tit a {font-size:16px}
    .archive-month-area {margin-top:50px}
    .archive-month-list li a {padding:20px 0}
    .archive-news-list li {padding:30px 0}
    .archive-list {margin-top:40px}
    /* rss */
    .rss-list {padding-top:0; font-size:18px}
    .rss-list > li {flex-direction:row; gap:0; padding:30px 0}
    .rss-list .rss-tit {flex:0 0 auto; white-space:nowrap; width:200px}
    .rss-list .rss-cont {flex:1 1 auto}
}
/* pc */
@media (min-width:1040px){
    .news-list-area + .paging-wrap {margin:30px 0 50px}

    .thumb-news-list .news-item {width:calc(50% - 20px); margin-bottom:30px}

    .headline-news-row .thumb {width:400px; height:250px}
    .headline-news-row .news-tit {line-height:50px; font-size:40px}
    .headline-news-row + .thumb-news-list {margin-top:30px; padding-top:40px}
    .headline-news-row + .thumb-news-list .news-item {margin-bottom:20px}

    .thumb-news-col3 .thumb {width:330px; height:185px; padding:0}

    .music-area .news-list-area {padding:26px 0 56px}
    .movie-area .news-list-area {padding-bottom:40px}
    .tv-area {padding-bottom:53px}

    .list .cont-tit, .tit-wrap.sub-type .cont-tit {margin-bottom:20px; font-size:50px}
    .list .thumb {width:330px; height:206px}
    .list .news-tit {line-height:34px; font-size:26px}
    .list .news-item {gap:30px}
    .list .txt-cont {width:calc(100% - 360px)}

    .search-contents.contents {padding-top:50px}
    .search-contents .search-area {height:70px}
    .search-contents .search-area .inp-txt {font-size:22px}
    .search-result {font-size:20px}
    .search-nodata {margin-top:80px; padding:150px 0 220px}
    .search-nodata p {line-height:36px; font-size:24px}

    .error-wrap {padding:100px 0 230px}
    .error-wrap .btn-area {margin-top:55px}

    .page-tit {margin:30px 0 40px}
    .archive-month-area:last-child {padding-bottom:70px}
    .archive-month-list li a {font-size:17px}
    .archive-month-area + .archive-month-area {margin-top:40px}
    .archive-news-list .news-tit a {font-size:18px}
    .archive-list {margin-top:50px}

    .rss-list {font-size:20px}
    .rss-list > li {padding:40px 0}
    .rss-list .rss-tit {width:290px}
}