@charset "utf-8";

@media all and (max-device-width: 1024px), and (orientation: landscape) { 
	.container_news {
    	min-width: 100vw !important;
	}
	.container_news .sect_title {
		height: 100% !important;
		display: table;
		background: #0091da !important;
	}
	.container_news .sect_title .box_main_title {
		width: 100% !important;
		margin: 0 !important;
		padding: 15px 2vw 0 2vw;
	}
	.container_news .sect_title .box_main_title > ul li.l1 {
		width: 20vw !important;
		margin-right: 3vw;
		display: table-cell;
		font-size: 27px !important;
	}
	.container_news .sect_title .box_main_title > ul li.l2 {
		display: table-cell;
	}
	.container_news .sect_title .box_main_title > ul li.l3, 
	.container_news .sect_title .box_main_title > ul li.l4 {
	   width: 100vw !important;
	}
	.container_news .sect_title .box_main_title > ul li.l3 div, 
	.container_news .sect_title .box_main_title > ul li.l4 div {
	    margin-left: unset !important; 
		text-align: center !important;
		font-size: 15px !important;
		width: 19.5vw !important;
		margin: 0 2vw !important;
	}
	
	/*
	.container_news .sect_main {
		width: 100vw !important;
		display: table;
		margin: 0px auto 16px auto !important;
	}
	.container_news .sect_main .top_news {
		width: 100vw !important;
		height: 31vh !important;
		float: none !important;
	}
	.container_news .sect_main .top_news > a > img {
	    height: 31vh !important;
	}
	.container_news .sect_main .top_news .img_mask {
    	width: 100vw !important;
    	height: 31vh !important;
	}
	.container_news .sect_main .top_news .img_caption > img {
	    left: 45vw !important;
    	top: 12vh !important;
	}
	.container_news .sect_main .top_news_article {
	    width: 96vw !important;
	    height: 37vh !important;
	    display: table;
	    padding-left: 2vw !important;
	    padding-right: 2vw !important;
	    padding-top: 20px !important;
	    padding-bottom: 20px !important;
	}
	.container_news .sect_main .top_news_article .title {
    	font-size: 21px !important;
    	width: 96vw;
	}
	.container_news .sect_main .top_news_article .writer {
	    font-size: 15px !important;
	    padding-bottom: 3vh !important;
	}
	.container_news .sect_main .top_news_article .article {
		font-size: 16px !important;
	}
	*/
	
	
	.container_news .sect_news {
		width: 100vw !important;
		height: 100% !important;
		padding-left: 2% !important;
   	 	padding-right: 2% !important;
	}
	.container_news .sect_news .box_news_vod {
	    height: 52vh !important;
	}
	.container_news .sect_news .box_news_vod .title {
	    font-size: 25px !important;
	    padding-top: 2vh !important;
	    padding-bottom: 2vh !important;
	}
	.container_news .sect_news .box_news_now {
    	width: 96vw !important;
    	float: none !important;
    	margin-right: 0 !important;
	}
	.container_news .sect_news .sect_news_conts .detail_news_img_d img {
	    width: 96vw;
    	min-height: 257px;
	}
	.container_news .sect_news .slider_news_vod {
    	width: 96vw !important;
	}
	.container_news .sect_news .slider_news_vod .box, 
	.container_news .sect_news .slider_news_vod .box .slied_img {
	    width: 96vw;
	    height: 200px;
	}
	.container_news .sect_news .box_news_side {
	    width: 100% !important;
	    float: none !important;
	    display: table;
	}
	.container_news .sect_news .box_news_now > .title,
	.container_news .sect_news .box_news_side .box_view_news .title,
	.container_news .sect_news .box_news_side .box_focus_news .title {
		font-size: 25px !important;
	}
	.container_news .sect_news .box_news_now .block_news {
	    padding-top: 2vh !important;
	    height: 21vh !important;
	}
	.container_news .sect_news .box_news_now .block_news .news_now_img {
	    width: 19vw !important;
	    padding-right: 2vw !important;
	}
	.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.conts_thum {
	    width: 48vw !important;
	}
	.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l1 {
		font-size: 17px !important;
	}
	.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l2 {
	    font-size: 15px !important;
	    padding-bottom: 1vh !important;
	}
	.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l3 {
	    font-size: 14px !important;
	}
	.container_news .sect_news .box_news_now .box_paging {
	    width: 100% !important;
	    float: none !important;
	    margin: 0 auto;
	}
	.container_news .sect_news .box_news_now .btn_up {
	    float: none !important;
	    display: table;
	    text-align: center !important;
	    width: 50% !important;
	    margin: 30px auto 70px auto;
	    background: #0091da;
	    color: #fff;
	}
	.container_news .sect_news .box_news_side {
	    width: 100% !important;
	    float: none !important;
	    display: table;
	}
	.container_news .sect_news .box_news_side .box_view_news ul li {
    	width: 96vw !important;  
	}
	.container_news .sect_news .box_news_side .box_banner {
	    margin: 0 auto 50px auto;
	    display: table;
	}
	.container_news .sect_news .box_news_side .box_report_news {
	    margin: 0px auto 40px auto !important;
	    display: table;
	}
	.layerPopup14 {
		width: 100vw !important;
	}
	.layerPopup14 .sect_report_news_top {
    	background: #0091da !important;
    	padding-left: 20px !important;
	}
	.layerPopup14 .sect_report_news_top .btn_close {
    	padding-left: 80% !important;
	}
	.layerPopup14 .sect_report_news_top .box_title .title {
		font-size: 30px !important;
		padding-top: 55px !important;
	}
	.layerPopup14 .sect_report_news_top .box_title .conts2 {
    	display: none !important;
	}
	.layerPopup14 .sect_report_news_top .box_title .conts3 {
		padding-left: 0px !important;
	}
	.layerPopup14 .conts,
	.layerPopup14 form {
		width: 100vw;
	}
	.layerPopup14 .conts ul {
    	width: 96vw !important;
	}
	.layerPopup14 .conts ul li {
    	width: 100vw !important;
	}
	.layerPopup14 .conts ul li .title {
    	width: 23% !important;
	}
	.layerPopup14 .conts ul li.l1 .conts,
	.layerPopup14 .conts ul li.l2 .conts, 
	.layerPopup14 .conts ul li.l3 .conts, 
	.layerPopup14 .conts ul li.l4 .conts, 
	.layerPopup14 .conts ul li.l5 .conts, 
	.layerPopup14 .conts ul li.l6 .conts, 
	.layerPopup14 .conts ul li.l7 .conts {
	    width: 75% !important;
	}
	.layerPopup14 .conts ul li.l1 input,
	.layerPopup14 .conts ul li.l2 input,
	.layerPopup14 .conts ul li.l3 input,
	.layerPopup14 .conts ul li.l5 input {
    	width: 70vw !important;
	}
	.layerPopup14 .conts ul li.l6 textarea {
    	width: 70vw !important;
	}
	.pagination > li > a, .pagination > li > span {
    	padding: 1vh 3.7vw !important;
	}
}

.container_news {
	position: relative;
	min-width: 1200px;
 	width: 100%;
 	background: #f4f4f4;
}
.container_news .sect_title {
	width: 100%;
 	height: 103px;
    background: url("/kctvjeju/images/news/news_category_bg.png") center top no-repeat; 
}
.container_news .sect_title .box_main_title {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    display: table;
    padding-bottom: 23px;
}
.container_news .sect_title .box_main_title > ul li {
    float: left;
    color: #fff;
    height: 33px;
    vertical-align: bottom;
    line-height: 33px;
}
.container_news .sect_title .box_main_title ul .active a {
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
.container_news .sect_title .box_main_title > ul li div {
	float: left;
}
.container_news .sect_title .box_main_title > ul li.l1 {
	width: 105px;
	font-size: 32px;
	font-weight: bold;
}
.container_news .sect_title .box_main_title > ul li.l2 {
	width: 274px;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
}
.container_news .sect_title .box_main_title > ul li.l3 div,
.container_news .sect_title .box_main_title > ul li.l4 div { 
  	margin-left: 28px;
    font-size: 18px;
    padding-top: 5px;
    text-align: right;
    cursor: pointer;
}
.container_news .sect_title a {
    color: #fff !important;
}
.container_news .sect_news .box_news_now .block_news a {
    color: #2f2f2f !important;
}
.container_news .sect_title .box_main_title > ul li.l3 div:hover,
.container_news .sect_title .box_main_title > ul li.l4 div:hover {
	font-weight: bold;
}
.container_news .sect_title .box_main_title .selected {
    border-bottom: 2px solid;
}


/*
.container_news .sect_main {
	width: 1200px;
	height: 330px;
	margin: 31px auto 16px auto;
}
.container_news .sect_main .top_news {
	width: 626px;
	height: 330px;
	float: left;
	margin-right: 16px;
	position: relative;
}
.container_news .sect_main .top_news a img {
	width: 100%;
	max-height: 330px;
}
.container_news .sect_main .top_news .img_mask {
	position: absolute;
    left: 0;
    top: 0;
    height: 330px;
    width: 626px;
}
.container_news .sect_main .top_news .img_caption > img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 560px;
    top: 253px;
}
.container_news .sect_main .top_news_article {
    width: 557px;
    height: 330px;
    float: left;
    background: #fff;
    padding-top: 62px;
    padding-left: 41px;
    padding-right: 41px;
}
.container_news .sect_main .top_news_article .title {
    font-size: 32px;
    font-weight: bold;
    color: #2f2f2f;
    padding-bottom: 5px;    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.container_news .sect_main .top_news_article .writer {
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 40px;
}
.container_news .sect_main .top_news_article .article {
	font-size: 17px;
    font-weight: 300;
}
*/


.container_news .sect_reporter {
    display: table;
    width: 1200px;
    height: 200px;
    margin: 20px auto 20px;
    background: #fff;
}
.container_news .sect_reporter > div {
   	display: table;
    margin: 22px 55px;
}
.container_news .sect_reporter > div > div {
	float: left;
	height: 150px;
    line-height: 150px;
}
.container_news .sect_reporter .photo {
   	margin: 0 20px 0 0;
}
.container_news .sect_reporter .photo img {
	width: 150px;
    height: 150px;
    border-radius: 100px;
    font-weight: 500;
}
.container_news .sect_reporter .name {
	font-size: 30px;
    font-weight: bold;
    margin: 0 30px 0 50px;
}
.container_news .sect_reporter .email {
	font-size: 20px;
   	font-weight: 300;
}


.container_news .sect_news {
	width: 1200px;
    height: 2134px;
    margin: 0 auto;
    background: #fff;
    padding: 39px 57px 0 57px;
}
.container_news .sect_news .box_news_now > .title {
    font-size: 28px;
    font-weight: bold;
    color: #2f2f2f;
    padding-bottom: 10px;
    border-bottom: 1px solid #2f2f2f;
}
.container_news .sect_news .box_news_now {
    width: 731px;
	float: left;
	margin-right: 34px;
}
.container_news .sect_news .box_news_now .block_news {
	width: 100%;
    height: 164px;
    padding-top: 31px;
    display: table;
    border-bottom: 1px solid #d6d6d6;
}
.container_news .sect_news .box_news_now .block_news .news_now_img {
	width: 198px;
	display: table-cell;
	padding-right: 35px;
	position: relative;
}
.container_news .sect_news .box_news_now .block_news .news_now_img img {
	width: 163px;
	height: 91px;	
}
.container_news .sect_news .box_news_now .block_news .news_now_img .run_time {
	position: absolute;
    top: 71px;
    left: 113px;
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 13px;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts {
	display: table-cell;
	vertical-align: top;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts ul li {
	line-height: 25px;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l1 {
	font-size: 18px;
    font-weight: bold;
    padding-bottom: 4px;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l2 {
	font-size: 17px;
    font-weight: 300;
    padding-bottom: 15px;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.conts_thum {
	width: 533px;
}
.container_news .sect_news .box_news_now .block_news .news_now_conts ul li.l3 {
	font-size: 16px;
    font-weight: 300;
    color: #818181;
}
.container_news .sect_news .box_news_now .box_paging {
    width: 670px;
    float: left;	
}
.pagination {
	margin: 0;
}
.container_news .sect_news .box_news_side {
	width: 321px;
	float: left;
}
.container_news .sect_news .box_news_side .box_view_news {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 35px;
}
.container_news .sect_news .box_news_side .box_view_news .title {
    font-size: 28px;
    font-weight: bold;
    color: #2f2f2f;
    padding-bottom: 10px;
    border-bottom: 1px solid #2f2f2f;
}
.container_news .sect_news .box_news_side .box_view_news ul li {
	width: 321px;
    height: 36px;
    line-height: 36px;
}
.container_news .sect_news .box_news_side .box_view_news ul li.l5 {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 5px;
	display: table;
}
.container_news .sect_news .box_news_side .box_view_news ul li.l6 {
	padding-top: 5px;
	display: table;
}
.container_news .sect_news .box_news_side .box_view_news ul li.l10 {
    padding-bottom: 10px;
	display: table;
}
.container_news .sect_news .box_news_side .box_view_news ul li .num {
	font-size: 16px;
	font-weight: bold;
	width: 38px;
	float: left;
}
.container_news .sect_news .box_news_side .box_view_news ul li .conts {
	font-size: 16px;
	font-weight: 400;
	width: 283px;
	float: left;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container_news .sect_news .box_news_side .box_report_news {
	position: relative;
	margin-bottom: 40px;
}
.container_news .sect_news .box_news_side .box_report_news div.l1 {
    position: absolute;
    top: 31px;
    left: 30px;
}
.container_news .sect_news .box_news_side .box_report_news div.l2 {
    position: absolute;
    top: 103px;
    left: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
.container_news .sect_news .box_news_side .box_report_news div.l2 span {
	color: #ffea00;
}
.container_news .sect_news .box_news_side .box_report_news div.l3 {
    position: absolute;
    top: 160px;
    left: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
}
.container_news .sect_news .box_news_side .box_report_news div.l4 {
	position: absolute;
    top: 220px;
    left: 30px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #2f2f2f;
    width: 130px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
}
.container_news .sect_news .box_news_side .box_focus_news {
	margin-bottom: 28px;
}
.container_news .sect_news .box_news_side .box_focus_news .title {
    font-size: 28px;
    font-weight: bold;
    color: #2f2f2f;
    padding-bottom: 10px;
    border-bottom: 1px solid #2f2f2f;
}
.container_news .sect_news .box_news_side .box_focus_news ul li {
    height: 51px;
    line-height: 51px;
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
}
.btn_up {
	text-align: right;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    width: 60px;
    float: left;
}
.layerPopup14 {
	background: #fff;
	z-index: 101;
	display: none;
    width: 981px;
    height: 1030px;
}
.layerPopup14 .sect_report_news_top {
	position: relative;
	height: 233px;
	color: #fff;
	padding-left: 106px;
	background: url("/kctvjeju/images/news/new_popup_bg.png") center top no-repeat;	
}
.layerPopup14 .sect_report_news_top .btn_close {
    padding-left: 790px;
    padding-top: 40px;
    cursor: pointer;
    position: absolute;
}
.layerPopup14 .sect_report_news_top .box_title .title {
    padding-top: 75px;
    font-size: 43px;
    font-weight: bold;
    letter-spacing: -1px;
}
.layerPopup14 .sect_report_news_top .box_title .conts1 {
	font-size: 16px;
    font-weight: 300;
}
.layerPopup14 .sect_report_news_top .box_title .conts2 {
	padding-left: 750px;
    padding-bottom: 12px;
}
.layerPopup14 .sect_report_news_top .box_title .conts3 {
    font-size: 15px;
    color: #feef01;
    font-weight: 300;
    padding-left: 500px;
}
.layerPopup14 .conts ul {
	width: 745px;
    margin: 26px auto 29px auto;
}
.layerPopup14 .conts ul li {
	width: 745px;
	border-bottom: 1px solid #d6d6d6;
}
.layerPopup14 .conts ul li.l1,
.layerPopup14 .conts ul li.l2,
.layerPopup14 .conts ul li.l3,
.layerPopup14 .conts ul li.l4,
.layerPopup14 .conts ul li.l5,
.layerPopup14 .conts ul li.l7 {
	height: 63px;
	line-height: 63px;
}
.layerPopup14 .conts ul li.l6 {
	height: 218px;
}
.layerPopup14 .conts ul li.l1 .conts,
.layerPopup14 .conts ul li.l2 .conts,
.layerPopup14 .conts ul li.l3 .conts,
.layerPopup14 .conts ul li.l4 .conts,
.layerPopup14 .conts ul li.l5 .conts,
.layerPopup14 .conts ul li.l7 .conts {
    padding-top: 10px;
}
.layerPopup14 .conts ul li.l6 {
	padding-top: 15px;
}
.layerPopup14 .conts ul li.l1 input {
	width: 264px;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
}
.layerPopup14 .conts ul li.l2 input {
	width: 579px;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
}
.layerPopup14 .conts ul li.l3 input {
	width: 579px;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
}
.layerPopup14 .conts ul li.l4 select {
	width: 178px;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
}
.layerPopup14 .conts ul li.l5 input {
	width: 579px;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
}
.layerPopup14 .conts ul li.l6 textarea {
	width: 577px;
    height: 188px;
    padding-left: 10px;
    padding-top: 10px;
}
.layerPopup14 .conts ul li .title {
	width: 166px;
	padding-left: 24px;
}
.layerPopup14 .conts ul li div {
	float: left;
}
.layerPopup14 .sect_btn .btn_report {
    background: #2f2f2f;
    color: #fff;
    width: 223px;
    height: 61px;
    border-radius: 50px;
    text-align: center;
    line-height: 61px;
    font-size: 22px;
    font-weight: 300;
    margin: 0 auto;
    cursor: pointer;
}


.file_lebel {
    border: 1px solid #2f2f2f;
    text-align: center;
    width: 100px;
    height: 40px;
    font-weight: 300;
    line-height: 40px;
    color: #2f2f2f;
    cursor: pointer;
    position: relative;
}

.file_lebel [type=file] {
	display: none;
}

.layerPopup14 .conts .txt_file_nm {
	float: right !important;
    width: 450px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
    
