@charset "utf-8"; 


/* *************컨텐츠************* */
#mainwrap {width: 100%;}
/* maincont1 */
.maincont1 {width:100%; /*margin-top: 25px*/}
.maincont1 div.maincont1inner { margin: 0 auto;}
.maincont1 div.maincont1inner > div {display:inline-block;zoom:1;*display:inline;_display:inline;vertical-align: top;}
.maincont1 div.maincont1inner .maincont1inner1 { width:100%}
.maincont1 div.maincont1inner .maincont1inner1 p.maincont1inner1tt {height: 32px;line-height: 32px;font-size: 21px;padding-left: 35px;
	     font-weight: bold;background: url("/images/mobile/renew_usr/main/maincont1ttbg.gif") left top no-repeat;
	     background-size: 28px 32px;}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone {background-color: #eaeaea;position: relative;width: 100%;height: 250px; 
	                                                        -moz-border-radius: 10px;overflow: hidden;text-align: center;}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone .vdozoneset{position: absolute;width: 100%;height: 250px;top: 0;left: 0;}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone p.plybtn {position: absolute;top: 50px;cursor: pointer;width:100%; z-index: 10;}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone p.plybtn img{ width:80px; height:80px}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone div.plyinfo {width: 100%;position: absolute;bottom:0px;line-height: 22px;
																		background-color: rgba( 34, 34, 34, 0.8 );
																		color: #fff;padding: 10px 15px;z-index: 10;
																		box-sizing:border-box;
																		-moz-box-sizing:border-box;
																		-ms-box-sizing:border-box;
																		-o-box-sizing:border-box;
																		-webkit-box-sizing: 
																		border-box;font-size: 13px;
																		line-height: 20px;text-align: left;}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone div.plyinfo p:nth-child(1){height: 40px; overflow: hidden; word-wrap:break-word}
.maincont1 div.maincont1inner .maincont1inner1 .vdozone div.plyinfo img{ margin:-1px 2px 0 0}
.maincont1 div.maincont1inner .maincont1inner2 {width:100%;height: 270px;background-color: #f8f8f8;
												   background: url("/images/mobile/renew_usr/main/maincont1ttbg2.gif") left top repeat;
												   -moz-border-radius: 8px;padding: 25px 10px 20px 10px;
												   box-sizing:border-box;
												   -moz-box-sizing:border-box;
												   -ms-box-sizing:border-box;
												   -o-box-sizing:border-box;
												   -webkit-box-sizing:border-box;
												   float: right;}




.main_com1{width:100%; overflow:hidden;}
.pairing{position:relative; width:100%; background:#373c40;}
.pairing h2{color:#fff; height:56px; line-height:56px; padding-left:20px; font-size:1.5em; font-family:'NanumBarunGothic', sans-serif;}
.pairing > ul{background:#fff;}
.pairing > ul > li{height:60px; line-height:60px; font-size:1.2em; }
.pairing > ul > li:first-child{padding-top:0;}
.pairing > ul > li .time{float:left; color:#999; padding:0 20px;}
.pairing > ul > li .title{float:left; /*padding-left:50px;*/ color:#999; }
.pairing > ul > li .on{color:#333; display:block; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pairing > ul > li.onbg{background:#f6ffe2; position:relative;}
.pairing > ul > li.onbg .air{text-align:right; position:absolute; top:0; right:37px;}
.btn_onair{border-radius:15px; background:#ff6600; font-family:'NanumBarunGothic', sans-serif;
		   display:inline-block; padding:6px 15px 6px; color:#fff !important; font-size:16px;
		   font-weight:bold; line-height:1.2; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px;}
.pairing .txt{position:absolute; top:17px; right:90px; width:60px; color:#ffde00; font-size:1.2em;}
.pairing a.viewall{position:absolute; top:0; right:0; width:63px; height:56px; line-height:56px; font-size:0;
	               background:url(../../../images/mobile/renew_usr/common/btn_viewall.gif) no-repeat 0 0; cursor:pointer;}
.pairing h2 span{color:#ffde00; font-size:14px; margin-right:80px !important;}



/*실시간댓글*/
.main_com2{width:100%; overflow:hidden;}
.comment{clear:both; padding:0 0 30px 0;}
.comment h2{font-size:1.5em; font-family:'NanumBarunGothic', sans-serif; background:#99c835; /*padding:1.2% 1%;*/ 
			color:#fff; position:relative; height:60px; line-height:60px; padding-left:20px;}
.comment .contArea{width:100%;overflow:hidden;}
.comment .contArea .userComment{width:100%;float:left; margin-top:10px;}
.comment .contArea .userComment li {position:relative; display:block; padding:10px 20px 10px; 
	                                border-bottom:1px solid #e2e2e2; overflow: hidden;}
/*.comment .contArea .userComment li:first-child{border-top:1px solid #e2e2e2;}*/
.comment .contArea .userComment li .user{float:left;width:80px;}
.comment .contArea .userComment li .text_comm{position:relative;display:block;width:auto; margin-left:80px; margin-top:10px;}
.comment .contArea .userComment li .text_comm p.title{display:block;font-weight:bold;line-height:150%;white-space:nowrap;width:100%;
		                                              overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;
		                                              font-size:1.3em;}
.comment .contArea .userComment li .text_comm p.title a{font-family:'NanumBarunGothic', sans-serif; color:#333;}
.comment .contArea .userComment li .text_comm .txt{display:block;line-height:25px; font-family:'NanumBarunGothic', sans-serif; 
	                                          color:#999; font-size:1em;}
.comment .contArea .userComment li .date{position:absolute;top:24px; right:22px;width:160px;text-align:center; color:#999; font-size:13px;}
.comment .contArea .comment_more{text-align:center; height:60px; /*line-height:60px; */ padding-top:33px;
								 background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear: both;} 
.comment .contArea .comment_more a{color:#333; font:bold small-caps 1.3em/1 "NanumBarunGothic";}

.comment h2 .right{position:absolute; top:5px; right:37px;}
.comment h2 .left{position:absolute; top:-2px; left:140px; width:90%;}
.comment h2 .left input[type="text"] {width:100%; height:30px;
	 					              margin:0; border:1px solid #ccc; color:#333; font-size:14px; text-indent:5px !important;}
.comment h2 .left a{position:absolute; top:7px; right:-50px;}

.btn_middle{display:inline-block; min-width:100px; height:46px;line-height:46px; padding:0 23px; vertical-align:middle;
	        text-align:center;font-size:16px;color:#fff;background-color:#373c40; border-radius:2px;
	        font-family:'NanumBarunGothic', sans-serif;
	        -webkit-border-radius:2px;
	        -moz-box-sizing:border-box;box-sizing:border-box;}



/*최신 programs*/
.main_com3{width:100%; overflow:hidden;}
.main_com3 .programs{position:relative; padding:20px 20px;}
.main_com3 .programs h2{font-size:1.5em; font-family:'NanumBarunGothic', sans-serif;}
	.programs .mtour_con{position:relative; margin-top:50px;}
	.programs .mtour_con .tour_box{position:relative; width:1000px; margin:0 auto; /*overflow:hidden;*/ overflow:auto;}
	.programs .mtour_con .tour_box > ul {position: absolute; width:99999px; top:0;left:0;}
	.programs .mtour_con .tour_box > ul > li{height:193px;}
	.programs .mtour_con .tour_box > ul > li > a{position:relative;display:block; float:left;}
	.programs .mtour_con .tour_box > ul > li > a:first-child{margin-left:0;}
	.programs .mtour_con .tour_box > ul > li > a .img{}
	.programs .mtour_con .tour_box > ul > li > a .img img{width:230px; height:130px; border:1px solid #ccc;}
	.programs .mtour_con .tour_box > ul > li > a .bg_tit{z-index:1; width:100%; letter-spacing:0.03em;
		                                                 padding:7px 0;background:#fff; font-size:1em; line-height:16px;
		                                                 color:#333; font-family:'NanumBarunGothic', sans-serif; text-align:left;}
	.programs .mtour_con .tour_box > ul > li > a .day{font-size:0.75em; text-align:left; color:#666;}

	.programs .control{position:absolute; top:-100px; right:52px;}
	.programs .mtour_con .belt_prev{position:absolute; z-index:1; left:0; top:20px; border:1px solid #ccc; padding:5px 10px 4px 10px;}
	.programs .mtour_con .belt_prev img{height:20px;}
	.programs .mtour_con .belt_next{position:absolute; z-index:1; right:0; top:20px; border:1px solid #ccc; padding:5px 10px 4px 10px;}
	.programs .mtour_con .belt_next img{height:20px;}


/*시청자게시판*/
.main_com4{width:100%; overflow:hidden;}
.board{background:#f5f5f5; padding:30px 20px; position:relative; border-top:1px solid #ccc;}
.board h2{font-size:1.5em; color:#ff6600; font-family:'NanumBarunGothic', sans-serif;}
.board .more {position:absolute; right:35px; top:20px; width:40px; height:40px; cursor:pointer;
			  background:url(../../../images/mobile/renew_usr/common/btn_more.gif) no-repeat 0 0;}
.board ul {width:100%; line-height:32px; margin-top:15px;}
.board ul li {padding:0 0 0 15px; width:95%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;}
.board ul li:after {content:'';position:absolute;left:0;top:50%; width:3px; height:3px; margin-top:-1.5px;background:#9a9a9a;} 
.board ul li a {color:#7c7c7c; font-size:1.15em;}



/*main_com5*/
.main_com5{width:100%; overflow:hidden;}
.Town_tv {}
.Town_tv:after {content:''; display:block; clear:both;}
.Town_tv li {float:left; width:100%; height:80px; line-height:80px; position:relative;}
.Town_tv li a {font-family:'NanumBarunGothic', sans-serif; color:#fff; font-size:1.2em;}
.Town_tv li.bg4262a1{background:#4262a1;}
.Town_tv li.bg20b1ee{background:#20b1ee;}
.Town_tv li.bgd73e41{background:#d73e41;}
.Town_tv li .like {background:url(../../../images/mobile/renew_usr/common/like.png) no-repeat 98% 13px; 
				  background-size:127px 52px;  padding-left:20px; padding-right:20px;} /*성북마을 TV 페이스북*/
.Town_tv li .youtube{background:url(../../../images/mobile/renew_usr/common/youtube.png) no-repeat 98% 13px; 
				     background-size:94px 60px;  padding-left:20px; padding-right:25px;}
.Town_tv li .ustream{background:url(../../../images/mobile/renew_usr/common/ustream.png) no-repeat 98% 28px; 
				     background-size:114px 22px;  padding-left:20px; padding-right:25px;}