@charset "utf-8";

/*
 * File       : jt-news.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.0
 * Guideline  : http://codex.studio-jt.co.kr/?p=114
 *
 * Dependency : css/ commons.css
 *
 * SUMMARY:
 * 1) JT-NEWS
 */


/* **************************************** *
 * JT-NEWS
 * **************************************** */
 /* list */
/*.news_list {display: table;width: 100%;}
.news_list li {transition: background 300ms;}
.news_list > li > div {display: table-cell;vertical-align: middle;height: 180px;border-bottom: 1px solid #dedede;}
.news_list_time {width: 155px;text-align: center;}
.news_list_time time {display: block;border-right: 1px solid #dedede;}
.news_list_time b, .news_list_time span {display: block;font-size: 48px;color: #444;line-height: 48px;font-weight: 600;}
.news_list_time span {margin-top: 5px;font-size: 13px;line-height: 13px;color: #959595;}
.news_list_content {padding: 0 40px;}
.news_list_content h2 {font-size: 18px;margin-bottom: 24px;font-weight: 500;color: #444;}
.news_list_excerpt p {font-size: 14px;color: #888;}
.news_list_more {width: 170px;text-align: center;}
.news_btn {display: block;width: 110px;padding: 12px 0;font-size: 13px;font-weight: 700;line-height: 1;color: #a6a5a5;border: 1px solid #b9b9b9;border-radius: 2px;transition: 300ms;}
.news_list li:hover {background: #fff;cursor: pointer;}
.news_list li:hover .news_btn {color: #db0229;background: #fff;border-color: #db0229;}*/
.main_container.sub.news .news_feed_container .news_title_header {display:none;}
/* list */
.news_list_index {width:100%; border-bottom:1px solid #f0f0f0; color:#bbb;}
.news_list_index:first-child {border-top:1px solid #f0f0f0; margin-top:26px;}
.news_list_index:hover {background:#fafafa;}
.news_list_index a {position:relative; display:block; width:100%; cursor:pointer; padding:16px 0; color:#bbb;}
.news_list_index h3 {font-size:16px; padding:0 0 0 130px; letter-spacing:0; width:80%; font-weight:500; line-height:1.5;overflow: hidden;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;}
.news_list_index .date {position:absolute; top:18px; left:30px; font-size:14px; line-height:1.5; letter-spacing:-0.5px;}
.news_list_index .writer {position:absolute; top:19px; right:30px; font-size:13px; line-height:1.4; letter-spacing:0.5px;}
.news_list_contents {margin-top:40px;}

/* view */
.news_view_index {position:relative; width:100%; border-bottom:2px solid #f0f0f0; padding:5px 0 25px 0; margin-bottom:12px; color:#bbb;}
.news_view_index h1 {font-size:18px; padding:0 0 0 120px; letter-spacing:0; width:80%; font-weight:500;}
.news_view_index .date {position:absolute; top:5px; left:0; font-size:18px; line-height:1.316; letter-spacing:-0.5px;}
.news_view_index .writer {position:absolute; top:7px; right:0; font-size:14px; line-height:1.316; letter-spacing:0.5px;}
.news_view_contents {border-bottom:2px solid #f0f0f0; padding-bottom:90px; margin-bottom:25px; min-height: 500px; padding-top: 30px;}
.news_view_contents img {margin:0 0 28px; max-width: 100%;}
.news_view_contents p {line-height:2.2;}

/* PAGINATION */
.jt_single_pagenation {max-width:960px; margin:0 auto; position:relative; height:150px; text-align:center;}
.jt_single_pagenation a span {display:inline-block;height:40px;vertical-align:top;padding:8px 10px 12px 10px;font-size:14px;font-weight:600;transition: 300ms;}
.jt_single_pagenation a .svg {display:inline-block;}
.jt_single_pagenation a.btn_prev {position:absolute; top:0; left:0;}
.jt_single_pagenation a.btn_prev svg {width:30px; height:35px;}
.jt_single_pagenation a.btn_prev span {color:#bbb;}
.jt_single_pagenation a.btn_prev:hover span {color:#f97290;}
.jt_single_pagenation a.btn_list svg {width:21px; height:37px;}
.jt_single_pagenation a.btn_list svg path { color:#bbb;}
.jt_single_pagenation a.btn_list span {color:#222;}
.jt_single_pagenation a.btn_list:hover span {color:#f97290;}
.jt_single_pagenation a.btn_next {position:absolute; top:0; right:0;}
.jt_single_pagenation a.btn_next svg {width:30px; height:35px;}
.jt_single_pagenation a.btn_next span {color:#bbb;}
.jt_single_pagenation a.btn_next:hover span {color:#f97290;}
.jt_single_pagenation a svg path { transition:300ms}
.jt_single_pagenation a:hover svg path { fill: #f97290;}

/* PAGINATION */
.jt_pagination_news {margin: 50px auto;font-size: 0;line-height: 0;text-align:center;}
.jt_pagination_news a.page-numbers, .jt_pagination_news span.current, .page-numbers.dots {display:inline-block; width:25px; height:31px; margin-right:6px; vertical-align:top; font-size:16px; line-height:31px; text-align:center; color:#222; font-weight:600;}
.jt_pagination_news a:last-child {margin-right:0;}
.jt_pagination_news .svg {display:inline-block; width:25px; height:31px;}
.jt_pagination_news .svg svg {width:25px;}
.jt_pagination_news a{ transition:300ms}
.jt_pagination_news a.page-numbers:hover,
.jt_pagination_news span.current,
.jt_pagination_news a.current  {color:#2c99e4;}
.jt_pagination_news a svg path { transition:300ms}
.jt_pagination_news a:hover svg path { fill: #f97290;}


/* Hide arrow until ajax bug is solved */
.jt_pagination_news a.next,
.jt_pagination_news a.prev{ display:none}

@media (max-width: 1140px) {
.jt_single_pagenation {padding:0 5%;}
.jt_single_pagenation a.btn_prev {left:5%;}
.jt_single_pagenation a.btn_next {right:5%;}
}
@media (max-width: 940px) {
    .news_view_index h1, .news_view_index .date {font-size:16px;}
	.news_view_index h1 {padding-left:100px;}
    
    .news_list_index .date { font-size: 13px;}
    .news_list_index h3 {padding-left:110px;}
    .news_list_index .writer {font-size: 12px;}
}

@media (max-width: 768px) {
    .news_list_time { width: 100px;}
    .news_list_content {padding: 0 5%;}
    .news_list_more {width: 110px;}

    .news_list_index .writer {display: none;}
    .news_list_index h3 { padding: 0; width: 100%; font-size: 13px;}
    .news_list_index .date{ position:static; font-size: 12px; margin-bottom: 4px;display: block;}
    #news_list li{padding:0;min-height: 0;}
    .news_list_index a {padding:10px 0}

    .jt_pagination_news {margin: 7% auto;}	
	.jt_single_pagenation a.btn_list svg {width:16px; height:35px;}
	.jt_single_pagenation a.btn_prev svg {width:20px;}
	.jt_single_pagenation a.btn_next svg {width:20px;}
}


@media (max-width: 767px) {
	.news_view_index {padding:0;}
	.news_view_index h1, .news_view_index .date {text-align:center; padding:15px 0; letter-spacing:0;}
	.news_view_index h1 {display:block; width:100%; font-size:22px; font-weight:700;}
	.news_view_index .date {display:block; position:relative; top:0; border-top:2px solid #eee; font-size:12px; padding-bottom:0;}
	.news_view_index .writer {display:none;}
}
@media (max-width: 680px) {
    .news_list > li > div.news_list_more { display: none;}
}
@media (max-width: 480px) {
    .news_list,
    .news_list li,
    .news_list > li > div { display: block; height: auto; }
    .news_list > li > div { border: none; padding: 0; }
    .news_list_time { float: left; width: 80px; margin-right: 14px; }
    .news_list_time b { font-size: 22px; line-height: 26px; }
    .news_list_time span { font-size: 11px; }
    .news_list li { padding: 20px 0; border-bottom: 1px solid #dedede; min-height:85px }
    .news_list_index:first-child{ border-color: #dedede;}
    .news_list_content h2 {margin-bottom: 0; font-size: 15px;line-height: 1.5;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: auto; }
    .news_list_excerpt { display: none; }
    .news_list > li > div.news_list_more { display: none; }

    .jt_pagination_news {margin: 30px auto 11%;}
}