/*
제주넷 2017 메인
*/

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

  }


	.main-rolling {position: relative; width:100%; height: 500px; overflow: hidden; }
	.main-rolling .main-rolling-img {width:100%; height: 500px; }
	.main-rolling .main-rolling-img li {width:100%; height: 500px;  background-repeat:no-repeat; background-position:center top; }
	.main-rolling .bx-pager { 	position:absolute; bottom: 40px; left: 15%; z-index:100; margin-right:-600px;   }
	.main-rolling .bx-pager.bx-default-pager .bx-pager-item {display:inline-block; }
	.main-rolling .bx-pager.bx-default-pager a {display: inline-block; width: 46px; height: 6px; background: rgba(255, 255, 255, .5); 	text-indent: -9999px; 	display: inline-block; margin: 0 3px; }
	.main-rolling .bx-pager.bx-default-pager a.active {background: rgba(255, 255, 255, 1); }
	.main-rolling .start2 {position: absolute; bottom: 49px; left: 13%;}
	.main-rolling .start2 i { font-size: 12px; color: #fff;}
	.main-rolling .main-rolling-contents {position: absolute; top: 0; left: 0; width: 100%;}
	.main-rolling .main-rolling-contents .container {height: 500px;}
	.main-rolling .main-rolling-contents p {padding-top: 100px;}
	.main-rolling .main-rolling-btn {width: auto; height: auto; position: absolute; bottom: 0; right: 0;}
	.main-rolling .main-rolling-btn li {width: 200px; height: 135px; background: rgba(0, 0, 0, .4);}
	.main-rolling .main-rolling-btn li a {border: 1px solid rgba(255, 255, 255, .3); display: block; width: 100%; height: 100%; padding-top: 30px; text-align: center; font-size: 18px; color: #fff;}
	.main-rolling .main-rolling-btn li a span {display: block; padding-top: 10px; font-size: 24px; font-weight: bold; color: #ff9601;}
	.main-rolling .main-rolling-btn li a:hover {text-decoration: none;}
	.main-rolling .main-rolling-btn .img01 {float: left;}
	.main-rolling .main-rolling-btn .img02 {clear: both; float: left;}
	.main-rolling .main-rolling-btn .img03 {float: left;}
	.main-rolling .main-rolling-btn .img04 {clear: both; margin-left: -199px;}

	.main-contents-bg {background: #f0f0f0; padding: 60px 0;}
	.main-contents { z-index:10; position:relative;   }
	.main-contents h3 {font-size: 22px; font-weight: bold; margin-bottom: 20px;}
	.main-contents .contents-box1 {float: left; width: 345px; margin-right: 55px; background: url(../images/main/c_icon.png) no-repeat left 50px;}
	.main-contents .contents-box1 ul {padding-left: 115px;}
	.main-contents .contents-box1 ul li {font-size: 16px; color: #000; padding-bottom: 10px;}
	.main-contents .contents-box1 p {font-size: 16px; color: #000;}
	.main-contents .contents-box1 .txt {letter-spacing: -1px; padding: 15px 0; margin-top: 21px; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8;}
	.main-contents .contents-box1 .btn {width: 100%; padding: 0; margin-top: 10px;}
	.main-contents .contents-box1 .btn a {display: inline-block; float: left; border-bottom: 1px solid #000; width: 46%;  color: #000;padding: 15px 15px 15px 25px; text-align: left;}
	.main-contents .contents-box1 .btn a i {float: right; padding-top: 5px;}
	.main-contents .contents-box1 .btn a:first-child {margin-right: 25px;}

	.main-contents .contents-box2 {float: left; width: 365px; margin-right: 55px; position: relative;}
	.main-contents .contents-box2 ul li { background: url(../images/main/b_dot.png) no-repeat left 9px; padding: 0 0 20px 10px; letter-spacing: -1px;}
	.main-contents .contents-box2 ul li a {font-size: 14px; color: #000; display: inline-block; padding-bottom: 5px;}
	.main-contents .contents-box2 ul li span {color: #666;}
	.main-contents .contents-box2 ul li:last-child {padding-bottom: 0;}
	.main-contents .more-btn {position: absolute; top: 5px; right: 0;}
	.main-contents .more-btn a {font-size: 14px; color: #666;}

	.main-contents .contents-box3 {float: left; position: relative; width: 380px;}
	.main-contents .contents-box3 ul li {position: absolute; top: 0; right: 0; width: 380px; height: 240px;}
	.main-contents .contents-box3 ul li a {display: block; width: 100%; height: 100%;}
	.main-contents .contents-box3 ul li a img {width: 100%; height: 100%;}
	.main-contents .contents-box3 .hot-btn { position:absolute; top:5px; right:0px;  }
	.main-contents .contents-box3 .hot-btn p { float:left; margin-left:1px; }
	.main-contents .contents-box3 .hot-btn p i {display: inline-block; text-align: center; font-size: 20px; color: #666; }
	.main-contents .contents-box3 .hot-btn .startHot i {font-size: 20px;}

	.main-contents .contents-box4 {clear: both; float: left; position: relative; width: 380px; margin: 60px 55px 0 0;}
	.main-contents .contents-box4 .movie {background: url(../images/main/mov_thum.jpg) no-repeat left top; width: 100%; height: 240px; background-size: cover; text-align: center;}
	.main-contents .contents-box4 .movie a {display: inline-block; width: 70px; height: 70px; padding-top: 17px; margin-top: 85px; background: rgba(0, 0, 0, .5); font-size: 24px; text-align: center; color: #ff9601; border-radius: 35px;}
 
	.main-contents .contents-box5 {float: left; position: relative; width: 765px; margin-top: 60px;}
	.main-contents .contents-box5 ul {margin-top: 5px;}
	.main-contents .contents-box5 ul li {float: left; margin-right: 15px; width: 245px; height: 240px; background: #fff;}
	.main-contents .contents-box5 ul li a {display: block; width: 100%; height: 100%; text-align: center; color: #000;}
	.main-contents .contents-box5 ul li a span {display: block; width: 100%; height: 190px; background-size: cover; margin-bottom: 15px;}
	.main-contents .contents-box5 ul li:last-child {margin: 0;}

	
}

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

	.main-contents .contents-box1 {width: 47%; margin: 0;}
	.main-contents .contents-box2 {width: 47%; float: right; margin: 0;}
	.main-contents .contents-box3 {clear: both; width: 47%; margin: 55px 0 0 0;}
	.main-contents .contents-box4 {clear: none; width: 47%; float: right; margin: 55px 0 0 0;}
	.main-contents .contents-box5 {width: 100%;}
	.main-contents .contents-box5 ul li {width: 32%; height: 290px;}
	.main-contents .contents-box5 ul li a span {height: 240px;}
}