/*
서귀포시 2017 서브
*/

.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

@media (min-width: 992px) {

	.tab-menu-wrap { text-align:center;  width:100%;background:url(../images/sub/sub_tab_bg2.jpg) no-repeat center top;  height:125px; text-align:center; }
	.tab-menu-wrap .container { position:relative;  }
	.tab-menu-wrap .tab-menu {	 }
	.tab-menu-wrap ul {	display:table-cell; width:2000px;  vertical-align:middle; height:125px; }
	.tab-menu-wrap ul li { display:inline-block;  font-family: 'NanumSquare';   background:url(../images/sub/bit_sub_menu.png) no-repeat left center; padding-left:20px; padding-right:15px; padding-top:8px; padding-right:8px;  }
	.tab-menu-wrap ul li:first-child { background:none; padding-left:0px;  }
	.tab-menu-wrap ul li a { color:rgba(255,255,255,0.5);  font-size:20px;  }
	.tab-menu-wrap ul li a.active { color:#fff; }
	.tab-menu-wrap .tab-btn i { font-size:18px; color:#fff; font-weight:bold;   }
	.tab-menu-wrap .tab-btn span {position:absolute;top:50%; margin-top:-9px; }
	.tab-menu-wrap .tab-btn .tab-menu-btn-prev { left:0px;     }
	.tab-menu-wrap .tab-btn .tab-menu-btn-next { right:0px;   }


	.recomend-movie ul  {  margin-left:-1px; margin-right:-1px; margin-bottom:10px;  }
	.recomend-movie li  { position:relative; float:left; width:33.333%; padding-left:1px; padding-right:1px;   }
	.recomend-movie li a.movie { position:relative;   font-family: 'NanumSquare';}
	.recomend-movie li a.movie { display:block; width:100%;    }
	.recomend-movie li a.movie .img {  background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.recomend-movie li a.movie .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;   }
	.recomend-movie li a.movie .text {position:absolute; bottom:0px; left:0px;  font-size:16px; color:#fff; padding: 15px;  width:100%;  }
	.recomend-movie li a.movie .text strong { display:block; font-size:18px;  }
	.recomend-movie li a.movie .text span { display:block; font-size:24px;text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
	.recomend-movie li .util {   position:absolute; top:10px; right:10px;  }
	.recomend-movie li .util a { margin-left:5px;  }


	.sub-contents-wrap { padding:30px 0; background:url(../images/sub/sub_c_bg.png) no-repeat center top ; }
	.sub-contents-wrap h1 {font-size:22px; font-family: 'NanumSquare'; color:#000; margin-bottom:20px;   }  

	.movie-board-list { position:relative;  }
	.movie-board-list p.sort-btn { position:absolute; top:-40px; right:0px;   }
	.movie-board-list p.sort-btn a {   font-size:18px; color:#474747;  }
	.movie-board-list p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 10px 0 8px;   }
	.movie-board-list p.sort-btn a:first-child:before { content:''; padding:0;   }
	.movie-board-list p.sort-btn a:hover, .movie-board-list p.sort-btn a.active   {color:#007558; text-decoration:none;  }
	.movie-board-list ul  {  margin-left:-5px; margin-right:-5px; margin-bottom:20px;  }
	.movie-board-list li  { position:relative; float:left; width:25%; padding-left:5px; padding-right:5px;  margin-bottom:20px;  height:225px;font-family: 'NanumSquare';  }
	/*.movie-board-list li a { display:block; width:100%;   }*/
	.movie-board-list li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.movie-board-list 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:1.5rem auto;   }
	.movie-board-list li a .text {padding:0 5px;  font-size:18px; color:#000;   }
	.movie-board-list li .util {   position:absolute; top:10px; right:10px;     white-space: nowrap; }
	.movie-board-list li .util a img { width:70%;   }
	.movie-board-list li .util a { margin-left:5px; display:block; margin-bottom:8px; }

	.vod-movie { padding-top:30px;padding-bottom:10px;  border-bottom:1px solid #d6d6d6;  }
	.vod-movie ul  {  margin-left:-5px; margin-right:-5px;   }
	.vod-movie ul li.title p { background-repeat: no-repeat; background-position:center center;  background-size:cover; height:225px; padding:30px;  display:table-cell; vertical-align:middle; color:#fff; font-size:20px; }
	.vod-movie li  { position:relative;  float:left; width:25%; font-family: 'NanumSquare'; padding-left:5px; padding-right:5px;  margin-bottom:20px;  height:225px;  }
	/*.vod-movie li a { display:block; width:100%;   }*/
	.vod-movie li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.vod-movie 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:1.5rem auto;   }
	.vod-movie li a .text {padding:0 5px;  font-size:18px; color:#000;  font-weight:bold;  }
	.vod-movie li .util {   position:absolute; top:10px; right:10px;     white-space: nowrap; }
	.vod-movie li .util a img { width:70%;   }
	.vod-movie li .util a { margin-left:5px; display:block; margin-bottom:8px; }



/*영상뉴스-상세*/
	.vod-movie-view {float: left; width: 100%; position: relative;}
	.vod-movie-view .vod-play {float: left; width: 70%; position: relative;}
	.vod-movie-view .vod-play .movie-img {height: 100%; position: relative; height: 580px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #000;}
	.vod-movie-view .vod-play .movie-img span {position:absolute; top:0px; left:0px; width:100%; height:100%;  display:block; background:url(../images/common/play.png) no-repeat center center;  }
	.vod-movie-view .vod-play .movie-txt {float: left; position: relative; width: 100%; padding: 20px; min-height: 180px;}
	.vod-movie-view .vod-play .movie-txt .tit {font-family: 'NanumSquare'; font-size: 28px; font-weight: bold; color: #000; width: 80%; line-height: 130%;}
	.vod-movie-view .vod-play .movie-txt .date {font-family: 'NanumSquare'; font-size: 16px; color: #b8b8b8; padding-top: 10px;}
	.vod-movie-view .vod-play .movie-txt .con {font-size: 18px; color: #474747; padding-top: 30px;  width: 95%;}
	.vod-movie-view .vod-play .movie-txt .icon-group {position: absolute; top: 20px; right: 0; font-size: 16px;}
	.vod-movie-view .vod-play .movie-txt .icon-group a {margin-left: 10px;}
	.vod-movie-view .vod-play .movie-txt .more {position: absolute; right: 0; bottom: 20px; text-align: center;}
	.vod-movie-view .vod-play .movie-txt .more a {display: inline-block; width: 35px; height: 35px;line-height:35px;  border: 1px solid #868686;}

	.vod-movie-view .vod-list {position: relative; float: left; width: 28.4%; height: 80px; margin-left: 1.6%; background: url(../images/sub/sub_tab_bg02.jpg) no-repeat left top;}
	.vod-movie-view .vod-list h3 {float: left; margin: 30px 0 0 10px;}
	.vod-movie-view .vod-list h3 a {color: rgba(0, 0, 0, .5); font-size: 20px;  font-family: 'NanumSquare';}
	.vod-movie-view .vod-list h3 a.active, .vod-movie-view .vod-list h3 a:hover {color: #000; font-size: 24px; text-decoration: none;}
	.vod-movie-view .vod-list .vod-list-con1 h3 {background:url(../images/sub/tab_dot.png) no-repeat right center; padding-right: 15px; padding-left: 20px;}
	.vod-movie-view .vod-list ul {position: absolute; top: 80px; left: 0; width: 100%; height: 682px; overflow-y: scroll; padding: 20px; border: 1px solid #e1e1e1;}
	.vod-movie-view .vod-list .vod-list-con2 ul { display:none; }
	.vod-movie-view .vod-list ul li {float: left; width: 100%; position: relative; margin-bottom: 20px;}
	.vod-movie-view .vod-list ul li:last-child {margin-bottom: 0;}
	.vod-movie-view .vod-list ul li a {color: #474747;}
	.vod-movie-view .vod-list ul li .img {float: left; position: relative; background:url(../images/main/main_sum.jpg) no-repeat center; background-size: cover; width: 50%; height: 90px;}
	.vod-movie-view .vod-list ul li .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: 25%; }
	.vod-movie-view .vod-list ul li .txt {float: left; width: 48%; padding-left: 2%; font-size: 16px; font-weight: bold;}
	.vod-movie-view .vod-list ul li .date {position: absolute; bottom: 0; left: 52%;}

	.vod-movie-view .vod-reply {float: left; width: 100%;}
	.vod-movie-view .vod-reply .reply-box {float: left; width: 100%; border: 1px solid #e1e1e1; background: #f7f7f7; padding: 20px;}
	.vod-movie-view .vod-reply .reply-box p {font-size: 16px; color: #717171; padding-bottom: 5px;}
	.vod-movie-view .vod-reply .reply-box .txt1 {float: left; font-weight: bold;}
	.vod-movie-view .vod-reply .reply-box .txt2 {float: right; margin-right: 11%;}
	.vod-movie-view .vod-reply .reply-box textarea {float: left; background: #fff; border: 1px solid #e1e1e1; width: 89%; height: 100px; padding: 20px; font-size: 16px;}
	.vod-movie-view .vod-reply .reply-box button {float: left; width: 9%; margin-left: 2%; height: 100px; background: #004164; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; border: none;}

	.vod-movie-view .vod-reply .reply-list {float: left; width: 100%;}
	.vod-movie-view .vod-reply .reply-list .tit {float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 30px 20px 15px 5px;}
	.vod-movie-view .vod-reply .reply-list .tit a {font-size: 18px; color: #999;font-weight: bold; padding: 0 15px;}
	.vod-movie-view .vod-reply .reply-list .tit a:first-child {background: url(../images/sub/bit_list.png) no-repeat right center;}
	.vod-movie-view .vod-reply .reply-list .tit a.active, .vod-movie-view .vod-reply .reply-list .tit a:hover {color: #007558;}
	.vod-movie-view .vod-reply .reply-list .reply-con {float: left; position: relative; width: 100%; border-bottom: 1px solid #e1e1e1; font-size: 16px; color: #717171;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-id {font-weight: bold; padding: 20px 20px 10px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-txt {padding: 0 20px 20px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like {position: absolute; top: 15px; right: 20px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like a {font-size: 14px; padding-left: 10px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like img {padding-right: 5px;}
	.vod-movie-view .vod-reply .reply-list .comment { padding: 10px 0 20px 20px; }
	.vod-movie-view .vod-reply .reply-list .comment a {font-size: 14px; color: #717171; font-weight: bold; background: url(../images/sub/arrow_open.png) no-repeat right center; padding-right: 20px;}
	.vod-movie-view .vod-reply .reply-list .comment.active a {background: url(../images/sub/arrow_close.png) no-repeat right center;}
	.vod-movie-view .vod-reply .reply-list .comment-list {display: none; width: 100%; padding: 0 20px; background: #f7f7f7; border-top: 1px solid #e1e1e1;}
	.vod-movie-view .vod-reply .reply-list .comment-list li {padding-left: 10px; background: url(../images/sub/reply02.png) no-repeat 10px 20px; border-bottom: 1px solid #e1e1e1; position: relative;}
	.vod-movie-view .vod-reply .reply-list .comment-list li:last-child {border: none;}
	.vod-movie-view .vod-reply .reply-list .comment-list .reply-like {right: 0;}
	.vod-movie-view .vod-reply .reply-list .reply-more {float: left; width: 100%; text-align: center; margin-top: 30px;}
	.vod-movie-view .vod-reply .reply-list .reply-more a {display: inline-block; border: 1px solid #e1e1e1; text-align: center; font-weight: bold; font-size: 16px; color: #717171; padding: 15px 50px 13px;}

	.alert-box {display: none; z-index: 110; position: fixed; top: 50%; left: 50%; border-top: 5px solid #004164;  background: #fff; padding: 20px; width: 520px;}
	.alert-box .share-txt {float: left; width: 100%; padding: 15px 0 0 15px; background: url(../images/sub/bit02.jpg) no-repeat left 35px; font-size: 16px; color: #717171;font-weight: bold;}
	.alert-box .share-txt span {float: left; display: inline-block; width: 10%; padding-top: 12px;}
	.alert-box .share-sns {padding-top: 0; background: url(../images/sub/bit02.jpg) no-repeat left 30px;}
	.alert-box .share-sns span {padding-top: 8px;}
	.alert-box .share-txt img {padding-right: 5px;}
	.alert-box .share-txt input {float: left; width: 80%; border: 1px solid #e1e1e1; background: #fff; padding: 10px;}
	.alert-box .share-txt button {float: left; width: 10%; height: 46px; font-weight: normal; border: none; background: #004164; color: #fff; font-size: 14px;}
	.alert-box .alert-close {position: absolute; top: 20px; right: 20px;}

	.black-bg {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 100;}





}

@media (min-width: 992px) and (max-width: 1199px) {
		

	.sub-contents-wrap {  background:url(../images/sub/sub_c_bg_t.png) no-repeat center top ; }
	.recomend-movie li a.movie .text strong {  font-size:14px;  }
	.recomend-movie li a.movie .text span { font-size:18px; }

	.vod-movie li a .img span , .movie-board-list li a .img span  { background-size:1rem auto;   }
	.vod-movie li a .text, .movie-board-list li a .text { font-size:16px;   }
	.vod-movie li .util a img, .movie-board-list li .util a img { width:60%;   }
	.vod-movie li .util a , .movie-board-list li .util a { margin-left:5px;  }
	.vod-movie ul li.title p, .movie-board-list ul li.title p {height:190px;  }
	.vod-movie li, .movie-board-list li  { height:190px;  }






}




#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



@media (max-width: 991px) {


	.tab-menu-wrap {padding-top:0.7rem; text-align:center;  width:100%;background:url(../images/sub/sub_tab_bg.jpg) no-repeat center top; background-size:cover;  height:2rem;  }
	.tab-menu-wrap .container { position:relative;  }
	.tab-menu-wrap .tab-menu {white-space:nowrap;overflow-x:auto; padding:0 15px;  }
	.tab-menu-wrap ul {	 }
	.tab-menu-wrap ul li { display:inline-block;  font-family: 'NanumSquare';    background:url(../images/sub/bit_sub_menu.png) no-repeat left center; padding-left:20px; padding-right:15px; }
	.tab-menu-wrap ul li:first-child { background:none; padding-left:0px;  }
	.tab-menu-wrap ul li a { color:rgba(255,255,255,0.5);  font-size:0.68rem;  }
	.tab-menu-wrap ul li a.active { color:#fff; }
	.tab-menu-wrap .tab-btn i { font-size:0.65rem; color:#fff; font-weight:bold;   }
	.tab-menu-wrap .tab-btn span {position:absolute;top:50%; margin-top:-0.3rem; }
	.tab-menu-wrap .tab-btn .tab-menu-btn-prev { left:15px;     }
	.tab-menu-wrap .tab-btn .tab-menu-btn-next { right:15px;   }


	.recomend-movie ul  { padding:0 15px;  margin-bottom:10px;  }
	.recomend-movie li  { position:relative; float:left; width:100%;margin-bottom:0.4rem; }
	.recomend-movie li a.movie { position:relative;   font-family: 'NanumSquare';}
	/*.recomend-movie li a.movie { display:block; width:100%;    }*/
	.recomend-movie li a.movie .img {  background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.recomend-movie li a.movie .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;   }
	.recomend-movie li a.movie .text {position:absolute; bottom:0px; left:0px;  font-size:0.6rem; color:#fff; padding: 15px;  width:100%;  }
	.recomend-movie li a.movie .text strong { display:block; font-size:0.65rem;  }
	.recomend-movie li a.movie .text span { display:block; font-size:0.72rem; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
	.recomend-movie li .util {   position:absolute; top:10px; right:10px;  }
	.recomend-movie li .util a { margin-left:5px;  }


	.sub-contents-wrap { padding:0.6rem 15px;  }
	.sub-contents-wrap h1 {font-size:0.7rem; font-family: 'NanumSquare'; color:#000; margin-bottom:0.5rem;   }  

	.movie-board-list { position:relative;  }
	.movie-board-list p.sort-btn { position:absolute; top:-40px; right:0px;   }
	.movie-board-list p.sort-btn a {   font-size:18px; color:#474747;  }
	.movie-board-list p.sort-btn a:before { content:'ㆍ'; color:#007558; padding:0 10px 0 8px;   }
	.movie-board-list p.sort-btn a:first-child:before { content:''; padding:0;   }
	.movie-board-list p.sort-btn a:hover, .movie-board-list p.sort-btn a.active   {color:#007558; text-decoration:none;  }
	.movie-board-list ul  {  margin-left:-5px; margin-right:-5px; margin-bottom:0.4rem;  }
	.movie-board-list li  { position:relative; float:left; width:50%; padding-left:5px; padding-right:5px;  margin-bottom:0.6rem;  font-family: 'NanumSquare'; }
	/*.movie-board-list li a { display:block; width:100%;   }*/
	.movie-board-list li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.movie-board-list 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;   }
	.movie-board-list li a .text {padding:0 5px;  font-size:0.65rem; color:#000; text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;    }
	.movie-board-list li .util {  display:none;  position:absolute; top:10px; right:10px;     white-space: nowrap; }
	.movie-board-list li .util a img { width:50%;   }
	.movie-board-list li .util a { margin-left:5px; display:block; margin-bottom:8px; }

	.vod-movie { padding-top:0.7rem;padding-bottom:0.2rem;  border-bottom:1px solid #d6d6d6;  }
	.vod-movie ul  {  margin-left:-5px; margin-right:-5px;   }
	.vod-movie ul li.title p { background-repeat: no-repeat; background-position:center center;  background-size:cover; height:7rem; padding:0.5rem;  display:table-cell; vertical-align:middle; color:#fff; font-size:0.63rem; }
	.vod-movie li  { position:relative;  float:left; width:50%; font-family: 'NanumSquare'; padding-left:5px; padding-right:5px;  margin-bottom:0.5rem;  height:9rem;  }
	/*.vod-movie li a { display:block; width:100%;   }*/
	.vod-movie li a .img { margin-bottom:10px; background-size:cover; background-repeat:no-repeat; background-position:center center; padding-top:55%; position:relative;   }
	.vod-movie 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:1.5rem auto;   }
	.vod-movie li a .text {padding:0 5px; font-size:0.65rem;  color:#000;  font-weight:bold;  }
	.vod-movie li .util {   position:absolute; top:10px; right:10px;     white-space: nowrap; }
	.vod-movie li .util a img { width:50%;   }
	.vod-movie li .util a { margin-left:5px; display:block; margin-bottom:8px; }



	
	/*영상뉴스-상세*/
	.vod-movie-view {float: left; width: 100%;}
	.vod-movie-view .vod-play {float: left; width: 100%; position: relative;}
	.vod-movie-view .vod-play .movie-img {height: 100%; position: relative; height: 220px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-color: #000;}
	.vod-movie-view .vod-play .movie-img span {position:absolute; top:0px; left:0px; width:100%; height:100%;  display:block; background:url(../images/common/play.png) no-repeat center center;  }
	.vod-movie-view .vod-play .movie-txt {float: left; position: relative; width: 100%; padding: 15px 0;}
	.vod-movie-view .vod-play .movie-txt .tit {font-family: 'NanumSquare'; font-size: 18px; color: #000; font-weight: bold; width: 80%; line-height: 130%;}
	.vod-movie-view .vod-play .movie-txt .date {font-family: 'NanumSquare'; font-size: 12px; color: #b8b8b8; padding-top: 10px;}
	.vod-movie-view .vod-play .movie-txt .con {font-size: 14px; color: #474747; padding-top: 20px; width: 90%;}
	.vod-movie-view .vod-play .movie-txt .icon-group {position: absolute; top: 15px; right: 0; font-size: 14px; letter-spacing: -1px;}
	.vod-movie-view .vod-play .movie-txt .icon-group a {margin-left: 5px;}
	.vod-movie-view .vod-play .movie-txt .icon-group img {width: 22px;}
	.vod-movie-view .vod-play .movie-txt .more {position: absolute; right: 0; bottom: 20px; text-align: center;}
	.vod-movie-view .vod-play .movie-txt .more a {display: inline-block; width: 30px; height: 30px; line-height:30px;  border: 1px solid #868686;}
	
	.vod-movie-view .vod-list {position: relative; float: left; width: 100%;  background: url(../images/sub/sub_tab_bg02.jpg) no-repeat left top; background-size: 100% auto;}
	.vod-movie-view .vod-list h3 {float: left; margin: 20px 0 15px 10px;}
	.vod-movie-view .vod-list h3 a {color: rgba(0, 0, 0, .5); font-size: 16px;  font-family: 'NanumSquare';}
	.vod-movie-view .vod-list h3 a.active, .vod-movie-view .vod-list h3 a:hover {color: #000; font-size: 18px; text-decoration: none;}
	.vod-movie-view .vod-list .vod-list-con1 h3 {background:url(../images/sub/tab_dot.png) no-repeat right center; padding-right: 15px; padding-left: 10px;}
	.vod-movie-view .vod-list ul {white-space: nowrap; overflow-x: scroll; position: absolute; top: 54px; left: 0; width: 100%; height: 170px; padding: 15px 15px 0 15px; border: 1px solid #e1e1e1;}
	.vod-movie-view .vod-list .vod-list-con2 ul { display:none; }
	.vod-movie-view .vod-list ul li {display: inline-block; position: relative; width: 130px; margin-right: 15px; padding-bottom: 15px;}
	.vod-movie-view .vod-list ul li:last-child {margin-bottom: 0;}
	.vod-movie-view .vod-list ul li a {color: #474747;}
	.vod-movie-view .vod-list ul li .img {position: relative; background:url(../images/main/main_sum.jpg) no-repeat center; background-size: cover; width: 100%; height: 80px;}
	.vod-movie-view .vod-list ul li .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: 25%; }
	.vod-movie-view .vod-list ul li .txt {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  padding-left: 2%; font-size: 14px; margin-top: 5px; font-weight: bold;}
	.vod-movie-view .vod-list ul li .date {font-size: 12px; margin-top: 10px;}

	.vod-movie-view .vod-reply {float: left; width: 100%; margin-top: 180px;}
	.vod-movie-view .vod-reply .reply-box {float: left; width: 100%; border: 1px solid #e1e1e1; background: #f7f7f7; padding: 10px;}
	.vod-movie-view .vod-reply .reply-box p {font-size: 12px; color: #717171; padding-bottom: 5px;}
	.vod-movie-view .vod-reply .reply-box .txt1 {float: left; font-weight: bold;}
	.vod-movie-view .vod-reply .reply-box .txt2 {float: right;}
	.vod-movie-view .vod-reply .reply-box textarea {clear: both; float: left; background: #fff; border: 1px solid #e1e1e1; width: 79%; height: 60px; padding: 10px; font-size: 14px;}
	.vod-movie-view .vod-reply .reply-box button {float: left; width: 19%; margin-left: 2%; height: 60px; background: #004164; text-align: center; color: #fff; font-size: 14px; border-radius: 5px; border: none;}

	.vod-movie-view .vod-reply .reply-list {float: left; width: 100%;}
	.vod-movie-view .vod-reply .reply-list .tit {float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding: 20px 10px 10px 0px;}
	.vod-movie-view .vod-reply .reply-list .tit a {font-size: 16px; color: #999;font-weight: bold; padding: 0 10px;}
	.vod-movie-view .vod-reply .reply-list .tit a.like {padding-left: 5px;}
	.vod-movie-view .vod-reply .reply-list .tit a:first-child {background: url(../images/sub/bit_list.png) no-repeat right center;}
	.vod-movie-view .vod-reply .reply-list .tit a.active, .vod-movie-view .vod-reply .reply-list .tit a:hover {color: #007558;}
	.vod-movie-view .vod-reply .reply-list .reply-con {float: left; position: relative; width: 100%; border-bottom: 1px solid #e1e1e1; font-size: 14px; color: #717171;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-id {font-weight: bold; padding: 15px 5px 10px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-txt {padding: 0 5px 10px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like {position: absolute; top: 15px; right: 5px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like a {font-size: 12px; padding-left: 10px;}
	.vod-movie-view .vod-reply .reply-list .reply-con .reply-like img {padding-right: 5px; width: 22px;}
	.vod-movie-view .vod-reply .reply-list .comment { padding: 10px 0 10px 5px; }
	.vod-movie-view .vod-reply .reply-list .comment a {font-size: 14px; color: #717171; font-weight: bold; background: url(../images/sub/arrow_open.png) no-repeat right center; padding-right: 20px;}
	.vod-movie-view .vod-reply .reply-list .comment.active a {background: url(../images/sub/arrow_close.png) no-repeat right center;}
	.vod-movie-view .vod-reply .reply-list .comment-list {display: none; width: 100%; padding: 0 15px; background: #f7f7f7; border-top: 1px solid #e1e1e1;}
	.vod-movie-view .vod-reply .reply-list .comment-list li {padding-left: 10px; background: url(../images/sub/reply02.png) no-repeat 0px 20px; border-bottom: 1px solid #e1e1e1; position: relative;}
	.vod-movie-view .vod-reply .reply-list .comment-list li:last-child {border: none;}
	.vod-movie-view .vod-reply .reply-list .comment-list .reply-like {right: -10px;}
	.vod-movie-view .vod-reply .reply-list .reply-more {float: left; width: 100%; text-align: center; margin-top: 30px;}
	.vod-movie-view .vod-reply .reply-list .reply-more a {display: inline-block; border: 1px solid #e1e1e1; text-align: center; font-weight: bold; font-size: 14px; color: #717171; padding: 10px 20px 8px;}
	
	.alert-box {display: none; z-index: 110; position: fixed; top: 0; left: 0; border-top: 5px solid #004164;  background: #fff; padding: 20px; width: 90%;}
	.alert-box .share-txt {float: left; width: 100%; padding: 15px 0 0 15px; background: url(../images/sub/bit02.jpg) no-repeat left 35px; font-size: 16px; color: #717171;font-weight: bold;}
	.alert-box .share-txt span {float: left; display: inline-block; width: 15%; padding-top: 12px;}
	.alert-box .share-sns {padding-top: 0; background: url(../images/sub/bit02.jpg) no-repeat left 30px;}
	.alert-box .share-sns span {padding-top: 8px;}
	.alert-box .share-txt img {padding-right: 5px;}
	.alert-box .share-txt input {float: left; width: 70%; border: 1px solid #e1e1e1; background: #fff; padding: 10px;}
	.alert-box .share-txt button {float: left; width: 15%; height: 46px; font-weight: normal; border: none; background: #004164; color: #fff; font-size: 14px;}
	.alert-box .alert-close {position: absolute; top: 20px; right: 20px;}

	.black-bg {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 100;}



}

@media (max-width: 660px) {
.vod-movie li { height:8rem; }

}
@media (max-width: 530px) {
.vod-movie li { height:7rem; }

}

@media (max-width: 991px) and (orientation: landscape) {

	.vod-movie-view .vod-play .movie-img {height: 400px;}


}