/*
서귀포시 2017 메인
*/

@media (min-width: 992px) {
	.main {    z-index: 1;    word-break: keep-all;  }
	.main a {}


	.main-section {}
	.main-section01 { width:100%; background:url(../images/main/main_bg.jpg) no-repeat center top;  }
	.main-section01 .main-news,
	.main-section01 .main-live { width:100%; position : relative; height:750px;   }
	.main-news-img { width:100%; position : relative; height:675px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
	.live-video { width:100%;  height:675px; background:#000; }
	.main-news-img a { width:100%; height:100%; display:block; background:url(../images/common/play.png) no-repeat center center; }
	.main-section01 .main-new { position:relative;  }
	.main-section01 .main-new-btn span i {  position:absolute; top:45%; z-index:80;  margin-top:-50px; color:#fff; font-size:55px;   }
	.main-section01 .main-new-btn span.main-new-btn-prev i { left:-80px;    }
	.main-section01 .main-new-btn span.main-new-btn-next i { right:-80px;   }
	.main-news-text { position:relative; height:75px; padding-top:25px;  }
	.main-news-text h3 { float:left;font-size:26px;  font-family: 'NanumSquare'; }
	.main-news-text h3 span { display:block; margin-top:-5px; float:left;margin-right:20px; font-size:18px;  background:#004164; border-radius:5px; text-align:center;font-weight:normal;  width:80px; height:36px; color:#fff; line-height:36px;  }
	.main-news-text h3 a { color:#000;  }
	.main-news-text .link-wrap {  position:absolute; top:25px; right:25px; }
	.main-news-text .link-wrap a {  float:left; margin-left:25px;  }

	.main-section02 {border-top:1px solid #d5d5d5; background:#f5f5f5;  padding-top:40px; padding-bottom:20px; }
	.main-section02 .news { position:relative;  }
	.main-section02 .news h3 {font-size:26px; font-family: 'NanumSquare'; color:#000; margin-bottom:20px;   }
	.main-section02 .news02 h3 { float:left; margin-right:20px;  }
	.main-section02 .news02 p.sort-btn { float:left;   margin-top:5px; }
	.main-section02 .news02 p.sort-btn a {   font-size:18px; color:#474747; font-weight:bold;  }
	.main-section02 .news02 p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 2px 0 0px;   }
	.main-section02 .news02 p.sort-btn a:first-child:before { content:''; padding:0;   }
	.main-section02 .news02 p.sort-btn a:hover, .main-section02 .news02 p.sort-btn a.active   {color:#007558; text-decoration:none;  }
	.main-section02 .news ul  {  margin-left:-15px; margin-right:-15px; margin-bottom:40px;  }
	.main-section02 .news02 ul#recommend-movie { display:none;  }
	.main-section02 .news li  { float:left; width:33.333%; padding-left:15px; padding-right:15px;   }
	/*.main-section02 .news li a { display:block; width:100%;   }*/
	.main-section02 .news li a .img { margin-bottom:20px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:65%; position:relative;   }
	.main-section02 .news li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%;  display:block; background:url(../images/common/play.png) no-repeat center center;  background-size:2rem auto;   }
	.main-section02 .news li a .text { font-size:18px; color:#555;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section02 .news .more { position:absolute; top:0px; right:0px; border:1px solid #dadada; padding:5px; background:#fff;   }

}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-section01 { background:url(../images/main/main_bg.jpg) no-repeat center top;  background-size:auto 475px;  }
	.main-section01 .main-news {height:550px;   }
	.main-section01 .main-new-btn span.main-new-btn-prev i { left:-40px;    }
	.main-section01 .main-new-btn span.main-new-btn-next i { right:-40px;   }
	.main-news-img {height:475px; }
	.live-video {  height:475px;  }



}




@media (max-width: 991px) {

	.main-section {}
	.main-section01 { width:100%; padding-left:20px; padding-right:20px; padding-top:20px; background:url(../images/main/m_main_top_bg.jpg) no-repeat center top; background-size:auto 475px;  }
	.main-section01 .main-news { width:100%; position : relative; height:550px;   }
	.main-section01 .main-new { position:relative;  }
	.main-section01 .main-new-btn span i {  position:absolute; top:45%; z-index:80;  margin-top:-1.5rem; color:#fff; font-size:1.8rem;   }
	.main-section01 .main-new-btn span.main-new-btn-prev i { left:-10px;    }
	.main-section01 .main-new-btn span.main-new-btn-next i { right:-10px;   }
	.main-news-img { width:100%;position : relative;  height:475px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
	.live-video { width:100%;  height:475px; background:#000; }
	.main-news-img a { width:100%; height:100%; display:block; background:url(../images/common/play.png) no-repeat center center; background-size:2rem auto; }
	.main-news-text { position:relative; padding-bottom:0.8rem; padding-top:0.8rem;  }
	.main-news-text h3 { float:left;font-size:0.65rem;  width:90%;  font-family: 'NanumSquare'; }
	.main-news-text h3 b { float:left; width:60%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;   }
	.main-news-text h3 span { display:block;margin-top:-0.17rem; float:left;margin-right:0.2rem; font-size:0.5rem;  background:#004164; border-radius:0.3rem; text-align:center;font-weight:normal;  padding:0.2rem 0.5rem; color:#fff; line-height:0.6rem;  }
	.main-news-text h3 a { color:#000;  }
	.main-news-text .link-wrap {  position:absolute; top:0.7rem; right:0px; }
	.main-news-text .link-wrap a {  float:left; margin-left:0.3rem;  }
	.main-news-text .link-wrap a img { width:0.9rem;  }


	.main-section02 {border-top:1px solid #d5d5d5; padding-left:15px; padding-right:15px; background:#f5f5f5;  padding-top:0.8rem; }
	.main-section02 .news { position:relative;  }
	.main-section02 .news h3 {font-size:0.7rem; font-family: 'NanumSquare'; color:#000; margin-bottom:20px;   }
	.main-section02 .news02 h3 { float:left; margin-right:0.65rem;  }
	.main-section02 .news02 p.sort-btn { float:left;  }
	.main-section02 .news02 p.sort-btn a {   font-size:0.6rem;  font-weight:bold;  color:#474747;  }
	.main-section02 .news02 p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 2px 0 0px;   }
	.main-section02 .news02 p.sort-btn a:first-child:before { content:''; padding:0;   }
	.main-section02 .news02 p.sort-btn a:hover, .main-section02 .news02 p.sort-btn a.active   {color:#007558; text-decoration:none;  }

	.main-section02 .news ul  {  margin-left:-0.4rem;  margin-bottom:0.8rem;  }
	.main-section02 .news02 ul#recommend-movie { display:none;  }
	.main-section02 .news li  { float:left; width:50%; padding-left:0.4rem;  margin-bottom:0.6rem;  }
	.main-section02 .news li:first-child { width:100%;  }
	/*.main-section02 .news li a { display:block; width:100%;   }*/
	.main-section02 .news li a .img { margin-bottom:0.2rem; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:65%; position:relative;   }
	.main-section02 .news li a .img span {position:absolute; top:0px; left:0px; width:100%; height:100%;  display:block; background:url(../images/common/play.png) no-repeat center center;  background-size:1rem auto;   }
	.main-section02 .news li:first-child a .img span {  background-size:2rem auto;   }
	.main-section02 .news li a .text { font-size:0.65rem; color:#555;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section02 .news .more { position:absolute; top:0px; right:0px; border:1px solid #dadada; padding:5px; background:#fff;   }
	.main-section02 .news .more img { width:0.5rem;  }


}



@media (max-width: 640px) {
	.main-section01 {  background-size:auto 280px;  }
	.main-section01 .main-news {  height:355px;   }
.main-news-img {  height:280px;   }


}
/*@media (max-width: 583px) {
	.main-section01 .main-news {  height:330px;   }
	.main-news-img {  height:280px;   }
	.live-video {  height:280px; }
 }
*/