/* sub1 main */

.sub1-main {border-top:1px solid #ddd;}
.sub1-main a {color:#555;}

.main-bg1 {clear:both; padding:30px 0; background:#fff;}
.main-bg2 {clear:both; background:url(/pub/site/jejunet/images/sub1_main/movie_bg.jpg) repeat left top; }
.main-bg3 {clear:both; background:#def9f0;}

/*생생뉴스 수정*/
.topSearchWrap { width:100%; background:#eff7fa; border-bottom:1px solid #b6d5e7;  }
.topSearchWrap .topSearchList { position:relative; float:left; width:100%; padding:20px 0;  }
.topSearchWrap .topSearchList h3 { float:left; font-size:30px; font-weight:bold; color:#333; margin-right:15px; }

.news-search {float:left; width:40%; }
.news-search input {float:left; width:calc(100% - 55px); height:40px; padding-left:20px; color:#666; border-top-left-radius:5px; border-bottom-left-radius:5px; border:1px solid #0074b9; border-right:0 none;}
.news-search button {float:left; width:55px; height:40px; font-size:20px; background:#0074b9; color:#FFF; border-top-right-radius:5px; border-bottom-right-radius:5px; border:0;}

.snsList { float:left;  }
.snsList ul { float:left;margin-top:3px;  }
.snsList ul li { float:left; margin-right:5px;  }

.topSearchWrap .topUtil { position:absolute; top:23px; right:0; }

.news-list {height:455px; overflow:hidden;}
.news-list h3 {float:left; height:30px; margin-bottom:25px;}
	/*.news-search {float:right; width:575px; margin-bottom:25px;}
	.news-search input {float:left; width:510px; height:30px; padding-left:20px; color:#666; border-top-left-radius:5px; border-bottom-left-radius:5px; border:1px solid #CCC; border-right:0 none;}
	.news-search button {float:left; width:65px; height:30px; font-size:20px; background:#333; color:#FFF; border-top-right-radius:5px; border-bottom-right-radius:5px; border:0;}*/
.news-list .news {float:left; width:50%; height:455px; margin:0; border:1px solid #1d57bd; background:#FFF;  color:#555; letter-spacing:-0.6px;}
.news-list .news .news_img { height:278px;background-position: center center; display: inline-block; width:100%; background-size: cover;}
/* .news-list .news img { width:100%; height:278px; margin-bottom:10px; } */
.news-list .news strong {display:block; font-size:20px; padding:0 15px;  color:#085C9C;}
.news-list .news em {display:block; font-style:normal; padding:0 15px; margin:2px 0; color:#333; font-size:14px; }
.news-list .news span {display:block; height:100px; overflow:hidden; padding:0 15px; }
.news-list ul {float:right; width:50%; height:455px; background:#eee; }
.news-list ul li {height:65px; border-bottom:1px solid #ccc;}
.news-list ul li a {display:block; height:65px; padding:15px 20px 0 20px;}
.news-list ul li.active a, .news-list ul li a:hover { padding-left:25px; background:url(/pub/site/jejunet/images/sub1_main/icons_03.png) no-repeat 5px center #1d56bd; color:#fff; text-decoration:none; }
.news-list ul li a strong {display:block; color:#333;}
.news-list ul li a:hover strong, .news-list ul li.active a strong, .news-list ul li a:hover em, .news-list ul li.active a em { color:#fff;  }
.news-list ul li a em {display:block; font-style:normal; font-size:12px; color:#555;}

.news-hot div {position:relative; height:455px; border-top:2px solid #06ac6c; border-bottom:1px solid #CCC;}
.news-hot div h3 {height:60px; line-height:60px; padding-left:50px; letter-spacing:-1px; background:url(/pub/site/jejunet/images/sub1_main/icon_best.png) no-repeat 8px 11px; border-bottom:1px solid #CCC; font-size:20px; font-weight:bold;}
.news-hot div ul {padding:10px; }
.news-hot div ul li {padding:9px 0; letter-spacing:-1px;}
.news-hot div ul li a {display:block;}
.news-hot div ul li i {display:inline-block; width:20px; height:20px; background:#05AC6C; color:#FFF; border-radius:20px; text-align:center; font-style:normal; font-weight:bold;}

.sns-link {clear:both;}
.sns-link ul {padding:20px 0 20px 190px;}
.sns-link ul li {float:left; padding-right:20px;}


.video-news {height:215px; position:relative; color:#FFF; padding-top:15px; }
.video-news .text { height:200px; padding-top:10px; background:url(/pub/site/jejunet/images/sub1_main/movie_img.png) no-repeat right bottom; }
.video-news h3 { margin-bottom:10px; font-size:30px; color:#05509c; }
.video-news p.txt { font-size:14px; color:#333; }
.video-news .more {position:absolute; top:15px; left:150px;}
.video-news .more a {display:block; width:25px; height:25px; line-height:25px; background:#04509c; color:#fff; border-radius:20px; text-align:center;}
.video-news ul {}
.video-news ul li {position:relative; float:left; width:32%;}
.video-news ul li:nth-child(2) {margin:0 2%;}
.video-news ul li a {display:block;}
.video-news ul li a img { width:100%; height:185px; }
.video-news ul li a i {position:absolute; top:35px; left:50%; margin-left:-35px; font-size:50px; color:#FFF;}
.video-news ul li a strong {position:absolute; bottom:0; left:0; display:block; width:100%; height:50px; padding:5px 10px; background:#04509c; color:#FFF;}


/*카드뉴스*/
.cardnews {position:relative; float:left; width:100%; padding-bottom:50px; }
.cardnews .text { width:100%; padding-top:25px; padding-bottom:15px; background:url(/pub/site/jejunet/images/sub1_main/news_img.png) no-repeat right 10px; }
.cardnews h3 {font-size:30px; color:#05509c;  margin-bottom:10px;}
.cardnews p.txt {font-size:14px; color:#333; }
.cardnews ul {}
.cardnews ul li {word-break: keep-all; list-style: none; float: left; width: 22%; margin-right: 4%;}
.cardnews ul li:last-child {margin-right: 0;}
.cardnews ul li img {width:100%; height:282px;}
.cardnews ul li strong {display:block; width:100%; height: 75px; padding-top: 15px; background: #fff; border: 1px solid #ccc; color: #1d57bd; font-size: 16px; text-align: center; }
.cardnews .more {position:absolute; top:33px; left:135px;}
.cardnews .more a {display:block; width:25px; height:25px; line-height:25px; background:#04509c; color:#fff; border-radius:20px; text-align:center;}

.suda {position:relative; float:left; width:1000px;padding-bottom:50px; }
.suda .titleText {width:100%; padding-top:25px; padding-bottom:15px; background:url(/pub/site/jejunet/images/sub1_main/news_img.png) no-repeat right 10px;   }
.suda h3 { font-size:30px; color:#04509c;  font-weight:bold; margin:0 0 10px 0;letter-spacing:-0.6px;}
.suda p.txt {font-size:14px; color:#333; letter-spacing:-0.6px;}
.suda .sudaLeft { float:left; width:745px;  }

.suda .suda-list {float:left; width:235px;margin-left:20px;    letter-spacing:-0.6px;}
.suda .suda-list li {padding-bottom:8px; }
.suda .suda-list li a strong {display:block; color:#333;}
.suda .suda-list li a em {font-style:normal; font-size:12px; color:#555;}

.suda-box {width:235px;position:relative; margin-right:20px;  float:left; height:330px; padding:9px; border:1px solid #CCC; background:#FFF; letter-spacing:-0.6px;}
.suda-box h4 {font-size:18px; font-weight:bold; color:#333; margin:0;}
.suda-box p.text {margin:15px 0 0 0; line-height:19px;}
.suda-box p.text img {margin-bottom:10px;}
.suda-box p.text strong {display:block; color:#1D57BD; margin-bottom:5px;}

.suda-box .more {position:absolute; top:7px; right:10px;}
.suda-box .more a {display:block; width:25px; height:25px; line-height:25px; background:#0074B9; color:#FFF; border-radius:20px; text-align:center;}
.suda-box3 { margin-right:0px;  padding:0px; }

.suda-box3 h4 { padding-top:9px; padding-left:9px; padding-bottom:6px;   }
.suda-box3 h4 strong { display:block;  }
.suda-box3 h4 span { font-size:14px; color:#333; font-weight:normal;  }



.festival {margin-top:20px; float:left;  width:745px; height:270px; border:1px solid #CCC;}
.festival .calendar {position:relative; float:left; width:234px;background:#fff; height:268px; border-right:1px solid #CCC;}
.festival .calendar h5 {height:55px; line-height:55px; margin:0;font-size:18px; font-weight:bold; color:#333; text-align:center;}
.festival .calendar table {width:100%; table-layout:fixed;}
.festival .calendar table thead {height:30px; background:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.festival .calendar table thead th {font-weight:normal; text-align:center;}
.festival .calendar table tr th:first-child, .festival .calendar table tr td:first-child  {color:#B12901;}
.festival .calendar table tr th:last-child, .festival .calendar table tr td:last-child  {color:#2057BC;}
.festival .calendar table tbody {}
.festival .calendar table tbody td {height:30px; text-align:center;}
.festival .calendar table tbody td.today {background:#3d92c5;}
.festival .calendar table tbody td.today a {color:#fff; }
.festival .calendar table tbody td.active {background:#05509c; color:#FFF;}
.festival .calendar table tbody td.active a {color:#FFF;}
.festival .calendar .btn1 {position:absolute; top:15px; left:20px; color:#888; font-size:20px;}
.festival .calendar .btn2 {position:absolute; top:15px; right:20px; color:#888; font-size:20px;}
.festival .info {float:right; width:509px;background:#fff;height:268px;  }
.festival .info .info-box {width:509px; height:205px; padding:9px; background:#FFF; border-bottom:1px solid #CCC;}
.festival .info .info-box .img {float:left; padding:0 20px 0 10px;}
.festival .info .info-box h5 {font-size:18px; font-weight:bold; color:#1D57BD; margin:0;}
.festival .info .info-box dl {float:left; width:305px; padding:10px 0; margin:0;}
.festival .info .info-box dl dt {float:left; width:50px;}
.festival .info .info-box dl dd {float:left; width:255px;}
.festival .info ul {padding-top:5px;background:#fff; }
.festival .info ul li {padding:3px 30px; background:url(/pub/site/jejunet/images/sub1_main/icon_03.png) no-repeat 20px center;}
.festival .info ul li a {color:#1D57BD; font-weight:bold;}
.festival .info ul li em {float:right; font-style:normal;}






@media (min-width: 992px) {



}

@media (max-width: 991px) {

.topSearchWrap .topSearchList h3 { float:none; height:44px; font-size:25px; margin: 0; }
.news-search {float:none; width:100%; }
.topSearchWrap .topUtil { top:20px; }

.news-list { display:none; }

.video-news {float:left; height:auto; padding:15px 0; }
.video-news .text { height:auto; padding-top:0; background:none; }
.video-news h3 { margin-bottom:10px; font-size:25px; color:#05509c; }
.video-news p.txt { display:none; }
.video-news ul li {width:100%;}
.video-news ul li:nth-child(2),
.video-news ul li:nth-child(3) {display:none;}
.video-news ul li a {display:block;}
.video-news ul li a img { width:100%; height:185px; }
.video-news .more {position:absolute; top:3px; left:135px;}


.main-bg3 .container {padding:0;}
.cardnews {position:relative; float:left; width:100%; padding:15px 0; }
.cardnews .text { width:100%; padding:0; background:none; }
.cardnews h3 {font-size:25px; color:#05509c;  margin-bottom:10px;}
.cardnews p.txt { display:none; }
.cardnews ul {}
.cardnews ul li {width: 100%; margin-right: 0;}
.cardnews ul li:nth-child(n+2) {display:none;}
.cardnews .more {position:absolute; top:18px; left:120px;}



}

@media (max-width: 991px) {

.topSearchWrap .topSearchList h3 { float:none; height:44px; font-size:25px; margin: 0; }
.news-search {float:none; width:100%; }
.topSearchWrap .topUtil { top:20px; }

.news-list { display:none; }

.video-news {float:left; height:auto; padding:15px 0; }
.video-news .text { height:auto; padding-top:0; background:none; }
.video-news h3 { margin-bottom:10px; font-size:25px; color:#05509c; }
.video-news p.txt { display:none; }
.video-news ul li {width:100%;}
.video-news ul li:nth-child(n+2) {display:none;}
.video-news ul li a {display:block;}
.video-news ul li a img { width:100%; height:185px; }
.video-news .more {position:absolute; top:3px; left:135px;}


.main-bg3 .container {padding:0;}
.cardnews {position:relative; float:left; width:100%; padding:15px 0; }
.cardnews .text { width:100%; padding:0; background:none; }
.cardnews h3 {font-size:25px; color:#05509c;  margin-bottom:10px;}
.cardnews p.txt { display:none; }
.cardnews ul {}
.cardnews ul li {width: 100%; margin-right: 0;}
.cardnews ul li:nth-child(n+2) {display:none;}
.cardnews .more {position:absolute; top:18px; left:120px;}



}

@media (min-width: 768px) and (max-width: 991px) {


.video-news ul li {width:50%;}
.video-news ul li:nth-child(2) {display:block; margin:0;}

.cardnews ul li {width: 50%; margin-right: 0;}
.cardnews ul li:nth-child(2) {display:block;}

}
