@charset "utf-8";
@import url('reset.css');

/* -------------- 기사본문 공통 시작 -------------- css */

.sub-wrap { position:relative; float:left; width:830px; }
.sub-wrap::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }

/* 기사본문 헤더 부분 */
.article-top { position: relative; border-bottom: 1px solid #d8d9d9; padding-bottom:7px; margin-bottom:20px; }
.article-top-title{ overflow:hidden; line-height:48px; font-size:37px; color:#000; font-weight:600; margin:-4px 0 24px 0; }
.article-bottom { position: relative; overflow: hidden; }
.article-bottom-left { position: relative; overflow: hidden; float:left; width:70%; margin-top:7px; color:#8b8b8b; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.article-bottom-left li { float:left; }
.article-bottom-right { position: relative; overflow: hidden; float:right; }
.article-bottom-right li { float:left  }
.article-bottom-icon { padding:0 10px; }
.article-bottom-input { padding-right:10px; }
.article-bottom-right li { float:left; width:38px; height:31px; border:1px solid #e0e0e0; }
.article-bottom-right li:nth-child(2) { border-left:0; border-right:0; }
.article-bottom-right li button { display:block; overflow:hidden; position: relative; width:38px; height:31px; }
.article-print { background-position:-308px -44px; text-indent: -200%; outline: none; }
.font-small { background-position:-351px -44px; text-indent: -300%; outline: none;  }
.font-big { background-position:-394px -44px; text-indent: -300%; outline: none;  }

/* 기사 내용 부분 */
.article-news-wrap { position:relative; overflow:hidden; }
.article-news-box { float:right; width:700px; overflow:hidden; margin-right:40px; }
.article-news-title { position:relative; border-left: 3px solid #282828; color:#000; font-size:20px; line-height:25px; font-weight:600; padding:0 0 3px 12px;margin-bottom:30px; }
.article-news-img { position: relative; overflow:hidden; margin-bottom:55px; }
.article-news-img img { width:100%; height:auto; }
.article-news-img p { font-size:14px; color:#858585; margin-top:7px; }
.tag_news {position: relative;overflow: hidden;margin-top: 20px;}
.tag_news li{ float:left; margin-right:8px; font-weight: 600; font-size:13px; }
.tag_news li a{ color:#49a09f; }
.tag_news li a:hover{text-decoration:underline;}
.relevant-news { position: relative; overflow: hidden; margin:50px 0 40px 0; }
.relevant-news p { font-size:18px; color:#737373; margin-bottom:15px; }
.relevant-news ul::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both;  }
.relevant-news ul li { padding-left:15px; font-size:16px; font-weight:600; line-height:25px; margin-bottom:13px; background: url(../images/article-icon.png) no-repeat 0 5px;  }
.relevant-news ul li a { display:block; color:#000; overflow:hidden; height:22px; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
/* 기사본문 sns */
.article-sns { position:absolute; left:0; top:0; width:37px; }
.article-sns-box1 { position:relative; overflow:hidden; width:37px; }
.article-sns-box2 { position:relative; overflow:hidden; width:37px; display:none; }
.sns-f { width:37px; height:37px; background-position:0 -89px; text-indent:-200%; margin-bottom:5px; }
.sns-f a { display:block; width:100%; height:100%; }
.sns-t { width:37px; height:37px; background-position:-57px -89px; text-indent:-200%; margin-bottom:5px; }
.sns-t a { display:block; width:100%; height:100%; }
.sns-k { width:37px; height:37px; background-position:-114px -89px; text-indent:-200%; margin-bottom:5px; }
.sns-k a { display:block; width:100%; height:100%; }
.sns-all { width:37px; height:37px; background-position:-171px -89px; text-indent:-200%; margin-bottom:5px; }
.sns-all a { display:block; width:100%; height:100%; }
.sns-nb { width:37px; height:37px; background-position:-404px -89px; text-indent:-200%; margin-bottom:5px; }
.sns-nb a { display:block; width:100%; height:100%; }
.sns-nbg { width:37px; height:37px; background-position:-455px -89px; text-indent:-200%; margin-bottom:5px; }
.sns-nbg a { display:block; width:100%; height:100%; }
.sns-g { width:37px; height:37px; background-position:-404px -137px; text-indent:-200%; margin-bottom:5px; }
.sns-g a ,.sns-kt a{ display:block; width:100%; height:100%; }
.sns-kt{width:37px; height:37px; background-position:-434px -205px; text-indent:-200%; margin-bottom:5px; }

/* 본문 추천영상&당신이 좋아 할 만한 콘텐츠 */
.article-video {  position: relative;  overflow: hidden;  float: left;  width: 830px;  padding: 20px 0 30px 0;  margin-top: 40px;  margin-bottom: 40px;  border-top: 1px solid #d8d9d9;  border-bottom: 1px solid #d8d9d9;  }
.article-video-title { font-size:15px; color:#231f20; font-weight:600; margin-bottom:30px; }
.article-video ul::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both;  }
.article-video ul li { position:relative; overflow:hidden; float:left; margin-right:21px; width:262px; }
.article-video ul li span { display:block; overflow:hidden; width:263px; height:170px; margin-bottom:13px; }
.article-video ul li span img { width:100%; height:auto; }
.article-video ul li p { position:relative; overflow:hidden; }
.article-video ul li p a { display:block; overflow:hidden; height:45px; color:#2c2c2c; font-size:15px; line-height:20px; }
.article-video ul li:nth-child(3) { margin-right:0; }
.article-video-time { position:absolute;bottom: 64px;right: 6px;background:#000;opacity:0.7;padding: 0 5px; }
.article-video-time p { color:#fff; font-size:12px; }
.article-news-text { font-size:18px; color:#333333; line-height:28px; margin-bottom:90px; }
/* 당신이 좋아 할 만한 콘텐츠 */
.article-video.favorite-news { position:relative; overflow:hidden; width:830px; padding:0; border:0;  margin:40px 0 50px 0; }
.article-video.favorite-news .article-video-title { font-size:15px; color:#231f20; font-weight:600; margin-bottom:30px; }
.article-video.favorite-news ul::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both;  }
.article-video.favorite-news ul li { position:relative; overflow:hidden; float:left; margin:0 16px 30px 0; width:195px; }
.article-video.favorite-news ul li span { display:block; overflow:hidden; width:195px; height:137px; margin-bottom:13px; }
.article-video.favorite-news ul li span img { width:100%; height:auto; }
.article-video.favorite-news ul li p { position:relative; overflow:hidden; }
.article-video.favorite-news ul li p a { display:block; overflow:hidden; height:41px; color:#2c2c2c; font-size:15px; line-height:20px; }
.article-video.favorite-news ul li:nth-child(4), .article-video.favorite-news ul li:nth-child(8), .article-video.favorite-news ul li:nth-child(12) { margin-right:0 !important; }
.article-video.favorite-news .article-video-time { position:absolute; opacity:1; width:15px; height:20px; top:0; left:0;background:#202020;padding: 0 5px; }
.article-video.favorite-news .article-video-time p { color:#fff; font-size:11px; }
/* 기사 본문 구글 광고*/
.article-bottom-ad { position:relative; overflow:hidden; width:830px; height:280px; background:#eee;}

/* 기사 본문 - .article-news-body 전현지 추가 */
.article-news-body { display:block; overflow:hidden; height:auto; color:#222; font-size:18px; line-height:34px; }
.article-news-body p { margin-bottom:7px; }
.article-news-body p a { color:#222; }
.article-news-body img.img_LSize { width:700px !important; }
.article-news-body img.img_MSize { width:340px !important; }
.article-news-body img.img_SSize { width:240px !important; }
.article-news-body table.table_LSize { width:700px !important; }
.article-news-body table.table_MSize { width:340px !important; }
.article-news-body table.table_SSize { width:240px !important; }
.article-news-body table { margin-bottom:20px !important; }
.article-news-body table .photocaption { font-size:14px; color:#858585; padding-top:7px; line-height:22px; word-break:break-all;word-wrap:break-word;}
.article-news-body table.ad-table {float: left; width: 336px;height: 280px;margin: 0px 20px 20px 0px;text-indent: 0;}

/* 본문내 광고 */
#viewBannerAd{overflow:hidden; float:left; width:100%; text-align:center; margin:10px 0 30px 0;}

/* 이미지 원본 확대버튼 추가 */
.org_popup{display:inline-block; position:relative;}
.org_popup .img-expd{width: 42px;height: 42px;display: inline-block;background-position: -369px -200px;position: absolute;bottom: 15px;right: 15px;background-color: rgba(0,0,0,0.5);border-radius: 50px;}

/* 폰트크기 */
.font-size01 { font-size:16px; line-height:26px; }
.font-size02 { font-size:17px; line-height:28px; }
.font-size03 { font-size:18px; line-height:34px; }
.font-size04 { font-size:19px; line-height:34px; }
.font-size05 { font-size:20px; line-height:34px; }

/* 오피니언 본문에만 들어가는 오피니언 최신기사 css  */
.relevant-news.op-article { position: relative; overflow: hidden; margin:50px 0 0 0; }
.relevant-news.op-article p { font-size:18px; color:#737373; margin-bottom:15px; }
.relevant-news.op-article p span{ font-size:18px; color:#c30000; margin-right:5px; }
.relevant-news.op-article ul::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both;  }
.relevant-news.op-article ul li { padding-left:15px; font-size:16px; font-weight:600; line-height:25px; margin-bottom:13px; background: url(../images/op-article-icon.png) no-repeat 0 12px;  }
.relevant-news.op-article ul li a { display:block; color:#000; overflow:hidden; height:22px; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }

/* -------------- 기사본문 공통 끝 -------------- css */


/*-------------- 프린트 뷰 css 시작 --------------*/
.pop-view-print { position: relative; overflow: hidden; width:830px; }
.pop-view-print::after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }
.pop-view-print .pop-print-top { border-top:3px solid #000;padding:15px 20px;border-bottom: 1px solid #eee;margin-bottom: 20px; }
.pop-view-print .pop-print-top a { display:block; width:160px; height:62px; margin:0 auto; background: url(http://cms6.ssc.co.kr/design/yeongnam-hy/images/btn/all-logo.png) no-repeat -10px -9px; }
.pop-view-print .article-top-title { font-size:30px; height: auto; }
.pop-view-print .article-top { padding:0 10px 7px 10px; }
.pop-view-print .article-bottom-right, .pop-view-print .article-sns, .pop-view-print .tag_news, .pop-view-print .relevant-news, .pop-view-print .relevant-news.op-article, .pop-view-print .article-video, .pop-view-print .article-video.favorite-news, .pop-view-print .article-bottom-ad { display:none; }
.print-btn { position: relative; overflow: hidden; width: 790px; height:40px; padding: 50px 0 100px 0; }
.print-btn ul { position: relative; overflow:hidden; width:167px; margin:0 auto; }
.print-btn ul li { float:left; padding:0 9px; }
.print-btn ul li button { border:1px solid #999; padding:10px 15px; color:#000; outline:none; }
/*-------------- 프린트 뷰 css 끝 --------------*/