@CHARSET "UTF-8";
.co-wrapper.gray { background-color: white; margin: 0; padding: 0; padding-top: 1em; }
h3.co-wrapper__title {font-size: 36px;padding-bottom: 2.5em;position: relative;background: url(/TalkTalkKorea/_asset/images/bottom-bar-2.png);background-repeat: no-repeat;background-position: 0px 54px;overflow: visible;border-bottom: 0;}
h3.co-wrapper__title:after {content:'';/* background: url(/TalkTalkKorea/_asset/images/bottom-bar-2.png); */position: absolute;top: 0px;left: 0;}
h3.co-wrapper__title>div {position: absolute;}
h3.co-wrapper__title>div.select-language, h3.co-wrapper__title>div.select-sortby { left: 0; top: 85px; }
h3.co-wrapper__title>div.select-language + div.select-sortby {left: 280px;top: 85px;}
h3.co-wrapper__title>div:before {content:'Language';font-size: 21px;color: rgb(118,118,118);position: relative;top: -2px;}
h3.co-wrapper__title>div.select-sortby:before {content:'Sort By';}
h3.co-wrapper__title select { font-size: 18px;border-radius: 6px;font-weight: bold;color: rgb(118,118,118); }
select[name=langCode] {font-size: 18px;border-radius: 6px;font-weight: bold;color: rgb(118,118,118);}

.ranker-posts h3.co-wrapper__title { padding-bottom: 36px; }
.ranker-posts h3.co-wrapper__title>div.select-sortby {right: 0;top: 51px;left: auto;}
.ranker-posts .slide, .card1 { margin-bottom:2em; }
.ranker-posts .card1 .rank {left: 140px;background: none;color: #333;font-weight: 900;font-size: 1.6em;white-space: nowrap;}
.ranker-posts .card1 .rank:before { content:'RANKING '; }
.ranker-posts .card1 .rank:after { content:''; }
.ranker-posts .ago {display: inline-block;}

.ranking-list-all h3.co-wrapper__title { padding-bottom: 36px; }
.ranking-list-all h3.co-wrapper__title .select-sortby {right: 0;top: 51px;left: auto;}

.co-common--list {width: 32%;float: left;margin-right: 2%;height: 400px;overflow: hidden;}
.co-common--list-view:after {content: '';clear: both;display: block;}
.co-common--list__img { width: 100%; display: block; }
.co-common--list__card {position: inherit;width: 100%;margin: 0;padding: 0.5em 0em;overflow: hidden;}
.co-common--list:nth-child(3n) {/* background-color: red; */margin-right:0;}
p.writer { display: none; }
p.writer + .content { display: none; }
.co-common--list .tag1 .language { background-color: #3F51B5; color: white; padding: 0.2em 0.6em 0.2em 0.6em; margin-right: 0.6em; border-radius: 2.5em; line-height: 0; font-weight: bold; }
.co-common--list .tag1 {margin-top: 1em;}
.co-common--list .tag1 .language.en:before { content:'English'; }
.co-common--list .tag1 .language.zh:after { content:'中国语'; }
.co-common--list .tag1 .language.ko:after { content:'한국어'; }
.co-common--list .tag1 .language.ja:after { content:'日本語'; }
.co-common--list .tag1 .language.ru:after { content:'Русский'; }
.co-common--list .tag1 .language.es:after { content:'Español'; }
.co-common--list .tag1 .language.fr:after { content:'Français'; }
.co-common--list .tag1 .language.vi:after { content:'Tiếng Việt'; }
.co-common--list .tag1 .language.de:after { content:'Deutsch'; }
.co-common--list .tag1 .language.ar:after { content:'العربية'; }

@media (min-width: 768px) {
    .co-common--list {height: 340px;}
}
@media (max-width: 767px) {
    .co-common--list {width:100%; float:none; margin:0; height:auto;}
}
@media (max-width: 500px) {
    h3.co-wrapper__title>div.select-sortby {left: 0;top: 120px;}
    h3.co-wrapper__title { padding-bottom: 3.5em; }
}
@media (min-width: 1200px) {
    .co-common--list {height: 400px;}
}

.load-more {border: 3px solid black;width: 50%;padding: 0.5em 1em;text-align: center;font-size: 1.2em;font-weight: bold;border-radius: 0.3em;margin: 0 auto;margin-bottom: 1.5em; cursor:pointer;}
.load-more:hover { background-color:#023668; color:white; }