@charset "utf-8";
/* CSS Document */

.onair_970_pc {width:970px; min-height:90px; margin:0 auto; padding:20px 0 0 0;}
    .news_view_wrapper {background: #f3f3f3;}
	ul.sns li a, ul.view_font li a {display: inline-block; width:35px; height:35px; border-radius: 37px; overflow: hidden;}
    .base_width_01 {width:1260px; margin:0 auto; font-size: 17px; line-height: 1.4;}
    .base_width_01:after {content: ""; display: block; clear: both;}
    .base_width_left {float:left; width:880px; padding:20px 0; --Typography-fontSize:19px;}
    .base_width_right {float:left;  width:360px; padding:20px 0; --Typography-fontSize:18px; margin-left:20px;}
    .news_title_area {padding:20px 30px; background: #fff;  }
    .news_title_area h1 {display: block;    display:-webkit-box; -webkit-line-clamp:2;	-webkit-box-orient:vertical; font-size:32px; margin:0; padding:0; overflow:hidden; }
    .news_title_area .news_view_day {font-size: var(--Typography-fontSize, inherit); margin-top:20px;}
    .news_artice_area {font-size: var(--Typography-fontSize, inherit); padding:30px; background: #fff; line-height: 1.7; margin-top:20px;}
    .news_artice_bottom {text-align: center; padding:30px 0 0 0; font-size: 16px;}
    .news_artice_bottom .daum_logo {color:#c6ad03;}
    .news_artice_bottom .naver_logo {color:#27a412;}
    .news_artice_bottom span {display: inline-block; padding:0 15px;}
    .news_artice_bottom span.copyright {font-size: 15px;}
    .news_now_area {margin-top:20px; background: #fff; padding:30px;}
    .news_now_area:after {content:""; display: block; clear: both;}
    .now_news_wrap:after {content:""; display: block; clear: both;}
    .now_title {font-size: 21px; display: block; position: relative; margin-bottom: 20px;}
    .now_title:after {dontent:""; display: block; clear: both;}
    .byline_ads {margin-bottom: 20px;}
    .byline_ads:after {content:""; display: block; clear: both;}
    .byline_ads .text_ads {display: inline-block; width:510px; float:left;}
    .byline_ads .right_ads {display: inline-block; width:300px; float:left;}
	
	#img_0caption {font-size: 16px;}
    .news_title_area .news_view_day {display:inline-block; width:49%; margin-top:30px;}
    .news_title_area .share_func {display: inline-block; width:50%; text-align: right; margin-top:30px;}
    .news_title_area .share_func ul.sns {display: inline-block; vertical-align: middle;}
    .news_title_area .share_func ul.sns li {float: left; margin:0 2px;}
    .news_title_area .share_func ul.view_font {display: inline-block; vertical-align: middle;}
    .news_title_area .share_func ul.view_font li {float: left; margin:0 2px;}

    .now_news_article {margin-bottom:30px; padding-right:0px; overflow:hidden;}
    .now_news_article .now_news_box {float:left; width:100%;}
    .now_news_article .now_news_box .container_box {padding-left:390px; overflow:hidden; border-radius: 0;}
    .now_news_article .now_news_box .container_box .thum {float:left; margin-left:-390px; width:390px;}
    .now_news_article .now_news_box .container_box .thum a {display:block; position:relative; position:relative; padding-bottom:49%; padding-top:5px; height:0; overflow:hidden; background:url('') #fff no-repeat center center; background-size:contain; border-radius: 0;}
    .now_news_article .now_news_box .container_box .thum a:after {clear:both; content:''; display:block; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 80%); position:absolute; bottom:0; left:0; z-index:0;}
    .now_news_article .now_news_box .container_box .thum a span.title {display:block; padding:0 30px 10px; width:100%; font-size:20px; line-height:22px; color:#fff; position:absolute; bottom:0; left:0; box-sizing:border-box; z-index:1;}
    .now_news_article .now_news_box .container_box .list {float:left; width:390px; margin-left:30px;}
    .now_news_article .now_news_box .container_box .list ul {padding:0;}
    .now_news_article .now_news_box .container_box .list ul li  {font-size:16px; padding:8px 0; color: #333; border-bottom:solid 1px #d5d5d5; display:block; text-overflow:ellipsis;  white-space:nowrap;  word-wrap:normal;  overflow:hidden;}
    .now_news_article .now_news_box .container_box .list ul li a {text-decoration: none; color:inherit;}

    .majornews_list ul {display:flex; flex-wrap:wrap; margin-left:-3.3%}
    .majornews_list ul li {width:250px; margin-left:28px;}
    .majornews_list ul li a {display:block; text-decoration: none; font-size: 16px; color:inherit;}
    .majornews_list ul li .outline .left .thum {display:block; text-align:center; position:relative; padding-bottom:53%; padding-top:5px; height:0; overflow:hidden; background:url('') no-repeat center center; background-size:cover;}
    .majornews_list ul li .outline .title span {padding:15px 0 0;  line-height:1.4;	height:48px; display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden;	text-overflow:ellipsis;}
    .news_list_side {width:300px; background: #fff; padding:30px;}
	.news_list_side strong {font-size: 20px; display:block; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; margin-bottom: 10px;}
    .news_list_side ul {}
    .news_list_side ul li .outline {display: table; width:100%; padding:10px 0;}
    .news_list_side ul li .outline .thum {display: table-cell; text-align: center; width:130px; vertical-align: middle;}
    .news_list_side ul li .outline .thum span {display: block; position: relative; padding-bottom: 53%; padding-top:5px; height:0; overflow: hidden; background:url('') no-repeat center center; background-size: cover;}
    .news_list_side ul li .outline .title {display: table-cell; padding:10px 0 0 15px; vertical-align: middle; font-size: 16px; font-weight: bold; display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden;}

    /* 우공역 최신뉴스 */
    .news_list_side ul li .new_outline {display:block; width:100%; padding:10px 0; border-bottom: 1px solid #d5d5d5;}
    .news_list_side ul li .new_outline .thum {display: block; width:100%;}
    .news_list_side ul li .new_outline .thum span {display: block; position: relative; padding-bottom: 53%; padding-top:5px; height:0; overflow: hidden; background:url('') no-repeat center center; background-size: cover;}
    .news_list_side ul li .new_outline .title {display: table-cell; padding:10px 0 0 0; vertical-align: middle; font-size: 15px; display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden;}
    .news_list_side ul li .new_outline .title h3 {margin:0; padding:0; font-weight: normal;}
    .news_list_side ul li .new_outline02 {display:block; width:100%; padding:10px 0; border-bottom: 1px solid #d5d5d5; position: relative;}
    .news_list_side ul li .new_outline02 .list_icon {display: inline-block; position: absolute; left:0; top:25px; background: linear-gradient(#1045b7, #7dd7ff); width:7px; height:12px;}
    .news_list_side ul li .new_outline02 .title {display: table-cell; padding:10px 0 0 14px; vertical-align: middle; font-size: 16px; display:-webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient:vertical;	overflow:hidden;}
    /* 우공역 최신뉴스 */

    .list_num_newsview {text-align: center;}
    .list_num_newsview span {display: inline-block; padding:0 10px; text-align: 15px;}
    .news_right_ad01 {background: #fff; padding:30px; margin-top:20px; text-align: center;}
    .news_right_newlist {background: #fff; margin-top:20px;}

    /* 댓글 */
    .reply_wrap {background: #fff; padding:30px; margin-top:20px;}
    .reply_container .top {position: absolute; bottom:0; left:50%; margin-left:165px;  font-weight: normal; font-size: 14px;}
    .reply_container .outline .input_box {padding-right:190px; overflow:hidden;}
    .reply_container .outline .input_box .left {float:left; width:100%; padding-top:0; position:relative;}
    .reply_container .outline .input_box .left .top {position:absolute; top:0; left:0; width:100%; overflow:hidden;}
    .reply_container .outline .top .reply_sum {text-align: right;}
    .reply_container .outline .input_box .left .top .share {float:right;}
    .reply_container .outline .input_box .left .textarea_box textarea { width:100%; height:50px; background-color:#f9f9f9; border:solid 1px #d5d5d5; resize:none;}
    .reply_container .outline .input_box .right {float:right; width:160px; margin-right:-190px; padding-top:0;}
    .reply_container .outline .input_box .right button {width:160px; height:50px; font-size:18px; color:#fff; background-color:#196eff; border-radius:5px;}
    .reply_container .outline .input_box .right button:hover {opacity:0.8;}
    .reply_container .outline .reply_list {padding:0; margin-right:180px;}
    .reply_container .outline .reply_list ul li {padding:20px 0; font-size:16px; border-bottom:solid 1px #d5d5d5;}
    .reply_container .outline .reply_list ul li.blank {padding-bottom:20px; font-size:18px; text-align:center;}
    .reply_container .outline .reply_list ul li .user {position:relative;}
    .reply_container .outline .reply_list ul li .user span.username {margin-left:3px; font-weight:600;}
    .reply_container .outline .reply_list ul li .user span.date {margin-left:10px; color:#999;}
    .reply_container .outline .reply_list ul li .user .func {overflow:hidden; position:absolute; top:5px; right:0;}
    .reply_container .outline .reply_list ul li .user .func a {display:inline-block; float:left; padding:0 7px; font-size:14px; line-height:1;}
    .reply_container .outline .reply_list ul li .user .func a:hover {color:#196eff;}
    .reply_container .outline .reply_list ul li .user .func a:first-child {border-right:solid 1px #ccc;}
    .reply_container .outline .reply_list ul li .txt {padding-top:10px; color:#666;}
	.list_num_newsview {display: block; text-align: center; padding-top:10px;}
    .list_num_newsview span {cursor: pointer;}
	/*  스카이스크래퍼 광고 */
	#ca_leftWing { position: fixed; top: 190px;  left: 50%;  margin-left: -810px; width: 160px; height:600px;   z-index: 9999;  transition: opacity 0.3s ease; }
	.wing_inner { position: relative; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
	.wing_inner img { display: block; width: 100%; }

	/* 화면이 작아지면 기사를 가릴 수 있으므로 숨김 처리 */
	@media screen and (max-width: 1024px) {
		#ca_leftWing {
			display: none;
		}
	}
	/*  스카이스크래퍼 광고 */
	.article_inner_ad {text-align: center; margin-bottom: 30px;}
	.article_inner_ad iframe {vertical-align:bottom;}
	.right_ads img {width:300px;}
	.news_right_ad01 .adpnut_ad_iframe {width:300px; height:250px; }
	
	@media all and (max-width:1024px){ 
	.onair_970_pc {display: block!important; width: 100%; min-height: auto; margin:20px auto 20px;}
	.base_width_01 {width:100%; margin:0 auto; font-size: 17px; line-height: 1.4;}
    .base_width_01:after {content: ""; display: block; clear: both;}
    .base_width_left {float:none; width:100%; padding:30px 0; --Typography-fontSize:18px;}
    .base_width_right {float:none;  width:100%; padding:0 0 30px 0; --Typography-fontSize:18px; margin-left:0%;}
	.majornews_list ul li {width:30%; margin-left:3%;}
	.news_artice_area {padding:5%;}
	.news_list_side {width:90%; padding:5%;}
	.byline_ads .text_ads {display: inline-block; width:60%; float:left;}
	}