* {margin:0;padding:0;-moz-appearance:none;-webkit-appearance:none;font-family:'Noto Sans KR', sans-serif;}
a {text-decoration:none;color:#000;}
a, img {border:0;outline:0;}
ul,li {list-style:none;}
input {outline:0;border:0;}

.container {background-color:#f3f3f3;}
.header {padding:2em 12px;text-align:center;color:#777;font-size:20px;}
.search-wrap {padding:0 12px;}
.search-wrap .search {width:100%;background-color:#fff;display:table;}
.search-wrap .search .search-inset {display:table-cell;vertical-align:middle;padding:0 13px;}
.search-wrap .search .search-inset input[type=text] {font-size:15px;padding:15px 0;width:100%;}
.favorite {padding:25px;}
.favorite ul {overflow:auto;}
.favorite li {float:left;height:80px;min-height:80px;overflow:hidden;width:25%;text-align:center;}
.favorite li > a {display:block;}
.favorite li .icon {display:block;width:45px;height:45px;margin:0 auto;background-size:cover;border-radius:50%;}
.favorite li .name {font-size:12px;color:#757575;display:block;margin-top:5px;min-width:66px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 5px;}

/* grid style */
.news-wrap {max-width:296px;margin:0 auto;}
.grid-sizer, .grid-item {width:141px;}
.grid-item {float:left;border:.5px solid #e8e8e8;background-color:#fff;;margin-bottom:12px;}
.grid-item > a {display:block;}
.grid-item img {display:block;max-width:100%;}
.grid-item .item-desc {padding:7px;height:92px;position:relative;}
.grid-item .item-desc span {display:block;}
.grid-item .item-desc .category {font-size:10px;height:15px;}
.grid-item .item-desc .title {font-size:14px;letter-spacing:-1px;line-height:19px;height:57px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical}
.grid-item .item-desc .provider {position:absolute;bottom:7px;left:7px;font-size:9px;color:#757575;}
.grid-item .item-desc .provider i.press-brand {display:inline-block;width:8px;height:8px;background-size:cover;margin-right:5px;vertical-align:middle;}

/* grid type 2 (large width) */
.grid-width2 {width:295px;}
.grid-width2 .item-thumbnail {height:170px;background-size:cover;background-position:center center;background-repeat: no-repeat;}
.grid-width2 .item-bg {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.79) 99%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 99%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 99%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.grid-width2 .item-title {position:absolute;bottom:1.7em;color:#fff;z-index:1;font-weight:400;font-size:17px;margin:0 7px;text-shadow: 0 1px 2px #000;}
.grid-width2 .provider {font-size:9px;color:#fff;position:absolute;z-index:1;left:10px;bottom:7px;}
.grid-width2 .provider i.press-brand {display:inline-block;width:8px;height:8px;background-size:cover;margin-right:5px;vertical-align: middle;}

/* grid type 3 (large height) */
.grid-height2 {width:141px;}
.grid-height2 .item-thumbnail {height:309px;background-size:cover;background-position: center center;background-repeat: no-repeat;}
.grid-height2 .item-desc {padding:7px;height:92px;position:relative;}
.grid-height2 .item-desc span {display:block;}
.grid-height2 .item-desc .category {font-size:10px}
.grid-height2 .item-desc .title {font-size:14px;letter-spacing:-1px;line-height:19px;height:57px;max-height:57px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical}
.grid-height2 .item-desc .provider {position:absolute;bottom:7px;left:7px;font-size:9px;color:#757575;}
.grid-height2 .item-desc .provider i.press-brand {display:inline-block;width:8px;height:8px;background-size:cover;margin-right:5px;vertical-align:middle;}

/* press brand icon */
.ytn {background:url('../icon-press/ytn.ico') no-repeat;}
.segye, .sportsworldi {background:url('../icon-press/segye.ico') no-repeat;}
.wowtv {background:url('../icon-press/wowtv.ico') no-repeat;}
.news {background:url('../icon-press/tf.ico') no-repeat;}
.newstomato {background:url('../icon-press/newstomato.ico') no-repeat;}
.youtube {background:url('../icon-press/youtube.ico') no-repeat;}
.mgoon {background:url('../icon-press/mgoon.ico') no-repeat;}
.ftimes {background:url('../icon-press/ftimes.ico') no-repeat;}
.gamemeca {background:url('../icon-press/gamemeca.ico') no-repeat;}
.one-gram {background:url('../icon-press/1gram.ico') no-repeat;}
.searchnclick {background:url('../icon-press/searchnclick.ico') no-repeat;}

/* masonry loader animation */
.page-load-status {display: none;padding: 20px 0;text-align: center;color: #777;}
.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555; /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes slide {
    to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

/* Smartphone responsive layout @mo3352 */
/* Galaxy S5 */
@media (min-width:360px) and (orientation:portrait) {
    .news-wrap {max-width:336px;}
    .grid-sizer,.grid-item {width:161px;}
}
/* iPhone 6/7/8/X */
@media (min-width:375px) and (orientation:portrait) {
    .news-wrap {max-width:351px;}
    .grid-sizer,.grid-item {width:168.5px;}
}
/* Pixel2 */
@media (min-width:411px) and (orientation:portrait) {
    .news-wrap {max-width:387px;}
    .grid-sizer,.grid-item {width:186.5px;}
}
/* iPhone 6/7/8 plus */
@media (min-width:414px) and (orientation:portrait) {
    .news-wrap {max-width:390px;}
    .grid-sizer,.grid-item {width:188px;}
}
/* landscape mode */
@media (max-width:736px) and (orientation:landscape) {
    .news-wrap {max-width:591px;}
    .grid-sizer,.grid-item {width:188px;}
}
/* iPad */
@media (min-width:768px) {
    .news-wrap {max-width:744px;}
    .grid-sizer,.grid-item {width:239px;}
}
/* iPad Pro */
@media (min-width:1024px) {
    .news-wrap {max-width:1000px;}
    .grid-sizer,.grid-item {width:240px;}
}
/* desktop */
@media (min-width:1920px) {
    .news-wrap {max-width:1881px;}
    .grid-sizer,.grid-item {width:302.5px;}
}