/*
제주넷 2017 메인
*/

@media (min-width: 992px) {
 
.main {}
.main .main-bg { position:absolute; top:0px; left:0px; z-index:0; background:url(../images2020/main/main_img.jpg) no-repeat center top; height:1100px; width:100%;  }
.main-section01 { position:relative;  }
.main-section01 .container { position:relative; height:960px;  }
.main-section01 .main-text  {padding-top:182px; text-align:center; display:inline-block; float:right; line-height:1.2;   }
.main-section01 .main-text .title { font-size:50px; font-weight:bold; color:#fff; margin-bottom:50px;  }
.main-section01 .main-text .text { font-size:24px; color:#fff;  }
.main-section01 .bottom-part { position:absolute; bottom:0px; left:0px; width:100%;  }
.main-section01 .bottom-part .main-link-wrap { height:344px; background:#fff; padding:60px;  float:left; width:50%; }
.main-section01 .bottom-part .main-link-wrap .main-link  {   position:relative;  }
.main-section01 .bottom-part .main-link-wrap .main-link:after { position:absolute; top:38px; content:''; display:block;  left:0px; width:100%; height:1px; border-top:1px solid #ccc;  }
.main-section01 .bottom-part .main-link-wrap .main-link h3 { float:left; width:50%; text-align:center; }
.main-section01 .bottom-part .main-link-wrap .main-link h3 a { display:block; font-size:22px; color:#000; font-weight:normal; padding:0px 20px 15px;   }
.main-section01 .bottom-part .main-link-wrap .main-link.active h3 a { font-weight:bold; border-bottom:2px solid #000;   }
.main-section01 .bottom-part .main-link-wrap .main-link ul { display:none; position:absolute; top:80px; left:0px; margin:0 -15px; width:calc(100% + 30px);  }
.main-section01 .bottom-part .main-link-wrap .main-link.active ul { display:block; }
.main-section01 .bottom-part .main-link-wrap .main-link ul li {  float:left; width:25%; padding:0 15px;  text-align:center;  word-break:keep-all; }
.main-section01 .bottom-part .main-link-wrap .main-link ul li a { display:block; color:#000; font-size:18px;  }
.main-section01 .bottom-part .main-link-wrap .main-link ul li a img {width:90%; display:block; margin:0 auto 10px; }
.main-section01 .bottom-part .hot-alime {float:left; width:50%; position:relative;height:344px; overflow:hidden;  }

.main-section01 .bottom-part .hot-btn-wrap { position:absolute; bottom:20px; right:50px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn { float:left;  }
.main-section01 .bottom-part .hot-btn-wrap .btn-play {margin-left:5px; margin-top:-5px;   }
.main-section01 .bottom-part .hot-btn-wrap .btn-play a {color:#000; font-size:14px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item { float:left;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item a {text-indent:-99999px; display:inline-block; float:left; margin:0 5px;  width: 10px; height:10px; border:2px solid #000; border-radius:5px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item a.active { background:#000;  }


.main-section02 { padding-top:70px; padding-bottom: 70px; margin-top:50px; background:url(../images2020/main/medal_bg.jpg) no-repeat center top; height:630px; }
.main-section02 h3 { text-align:center; font-size:35px; color:#000; margin-bottom:55px;  }
.main-section02 .status-tab  {border-bottom:1px solid #ccc; margin-bottom:30px; }
.main-section02 .status-tab li  { float:left; width:25%;  }
.main-section02 .status-tab li  a {display:block; width:100%; padding-bottom:22px; font-size:22px; color:#000; font-weight:normal;  text-align:center;   }
.main-section02 .status-tab li  a:hover, .main-section02 .status-tab li  a.active {font-weight:bold; border-bottom:2px solid #000;text-decoration:none;  padding-bottom:20px; }
.main-section02 .status { background:#fff; padding:40px; border-radius:20px;  }
.main-section02 .status .status-table { display:none; width:100%;  }
.main-section02 .status .status-table#status-tab01 { display:block;  }
.main-section02 .status table { width:100%; vertical-align:middle;  }
.main-section02 .status table thead th { border-bottom:2px solid #a2a2a2; text-align:center; padding:15px; color:#000; font-weight:bold; font-size:18px;  }
.main-section02 .status table thead th .medal-color { display:inline-block; border-radius:30px; width:46px; height:46px; text-align:center;  padding-top:8px; }
.main-section02 .status table thead th .medal-color1 { background:#ffd34e;  }
.main-section02 .status table thead th .medal-color2 { background:#d0d0d0;  }
.main-section02 .status table thead th .medal-color3 { background:#f3d29d;  }
.main-section02 .status table tbody td { padding:15px; border-bottom:1px solid #ebebeb; text-align:center;font-size:18px; color:#666;   }
.main-section02 .status .more {  font-size:40px; color:#000; position:absolute; top:0px; right:0px;  font-weight:100;  }

.main-section03 { padding:80px 0 ;  }
.main-section03 h3 { text-align:center; font-size:35px; color:#000; margin-bottom:55px;  }
.main-section03 ul li { float:left; padding:0 80px; width:25%; text-align:center;  }
.main-section03 ul li a {font-size:22px; color:#000; }
.main-section03 ul li a img { display:block; margin:0 auto 15px;  }

.main-section04  { padding:70px 0 ; text-align:center;  background:#f5f5f5;   height:390px; }
.main-section04 h3 {display:inline-block; position:relative;   }
.main-section04 h3:first-child { padding-right:31px; margin-right:30px;  }
.main-section04 h3:first-child:after { border-left:1px solid #666; position:absolute; top:10px; right:0px; content:''; width:1px; height:25px;    }
.main-section04 h3 a { font-size:35px; font-weight:normal; color:#666;  }
.main-section04 h3 a.active {color:#000; }
.main-section04 .notice { display:none; position:absolute;  top:90px; lefT:0px; width:100%;  }
.main-section04 .notice.active { display:block; }
.main-section04 .notice li { float:left; width:33.3333%; border-left:1px solid #c4c4c4;  text-align:left; padding:0 30px; }
.main-section04 .notice li:first-child { border-left:0px;  }
.main-section04 .notice li a { display:block; height:160px; position:relative; font-size:16px; color:#666;   }
.main-section04 .notice li a .title{  font-size:22px; color:#000; margin-bottom:15px;   }
.main-section04 .notice li a .text{  }
.main-section04 .notice li a .date{ position:absolute; bottom:0px; left:0px; }
.main-section04 .notice .more { position:absolute; top:-75px; right:0px;  }
.main-section04 .notice .more i { font-size:40px; color:#000; position:absolute; top:10px; right:0px;  font-weight:100;  }

.main-section05 {  padding:70px 0 ;  }
.main-section05 h3 {color:#000;  font-size:35px ;    font-weight:normal;  text-align:center; margin-bottom:40px; }
.main-section05 ul { margin:0 -7px;  }
.main-section05 ul li { float:left; width:25%; padding:0 7px;  }
.main-section05 ul li a { display:block; font-size:16px; color:#666;  }
.main-section05 ul li .img {  margin-bottom:18px; overflow:hidden; text-align:center; max-width:100%; height:200px;  }
.main-section05 ul li img {  max-width:100%; height:200px; }
.main-section05 ul li a:hover img {  transform: scale(1.1); transition : all 0.5s ease ;}
.main-section05 ul li .title {font-size:20px; color:#000; margin-bottom:5px; }
.main-section05 .more { position:absolute; top:13px; right:0px;  }
.main-section05 .more i { font-size:40px; color:#000; position:absolute; top:10px; right:0px;  font-weight:100;  }


.foot-banner-wrap { width:100%; border-top:1px solid #cdcdcd; height:70px; padding:8px 0 0;  } 
.foot-banner-wrap .foot-banner { position:relative; padding-right:120px;  }
.foot-banner-wrap .foot-banner ul {}
.foot-banner-wrap .foot-banner ul li { float:left;  }
.foot-banner-wrap .foot-banner .banner-btn-wrap { position:absolute; top:15px; right:0px;  background:url(../images2020/main/bot_line_1x18.png) no-repeat center 1px;  }
.foot-banner-wrap .foot-banner .banner-btn-wrap span {float:left; margin:0 3px; }
.foot-banner-wrap .foot-banner .banner-btn-wrap span.banner-btn a {display:inline-block;  width:20px; height:20px; text-indent:-99999px;  padding:0 15px; }
.foot-banner-wrap .foot-banner .banner-btn-wrap span.banner-btn a.bx-prev {background:url(../images2020/common/chevron-left-light.svg) no-repeat center  center; background-size:20px 20px;  }
.foot-banner-wrap .foot-banner .banner-btn-wrap span.banner-btn a.bx-next {background:url(../images2020/common/chevron-right-light.svg) no-repeat center  center; background-size:20px 20px;  }

}



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

.main .main-bg { height:1000px;  }
.main-section01 .container {  height:900px;  }

.main-section01 .main-text .title { font-size:40px; }
.main-section01 .main-text .text { font-size:20px;  }

.main-section01 .bottom-part .main-link-wrap { height:275px; padding:30px;   }
.main-section01 .bottom-part .hot-alime {height:275px;  }
.main-section01 .bottom-part .hot-btn-wrap {  right:40px;  }

.main-section03 ul li {padding:0 50px; }

.main-section04  {  height:420px; }
.main-section04 .notice li a {  height:190px;    }


.main-section05 ul li .img { height:180px;  }
.main-section05 ul li img {   height:180px; }



}

@media (max-width: 991px) {

   .more img { width:18px;  }
	.main {    word-break: keep-all;    }
	.main-bg { position:absolute; top:0px; left:0px; width:100%;  height:510px; z-index:-1;background-image:url(../images2020/main/main_img.jpg) ;   background-position:center center; background-repeat:no-repeat; background-size:cover; }

	.main-section01 {  padding-top:100px; position:relative;  }
	.main-section01 .main-text {height:340px;  padding:0 15px; text-align:center; color:#fff;  font-size:15px; line-height:1.2;  }
	.main-section01 .main-text .title { margin-bottom:20px; font-size:28px;   }

.main-section01 .bottom-part { padding:0 15px;  }
.main-section01 .bottom-part .main-link-wrap { height:270px; background:#fff; padding:30px 0;  }
.main-section01 .bottom-part .main-link-wrap .main-link  {   position:relative;  }
.main-section01 .bottom-part .main-link-wrap .main-link:after { position:absolute; top:38px; content:''; display:block;  left:0px; width:100%; height:1px; border-top:1px solid #ccc;  }
.main-section01 .bottom-part .main-link-wrap .main-link h3 { float:left; width:50%;text-align:center;  }
.main-section01 .bottom-part .main-link-wrap .main-link h3 a { display:block; font-size:20px; color:#000; font-weight:normal; padding:0px 20px 15px;   }
.main-section01 .bottom-part .main-link-wrap .main-link.active h3 a { font-weight:bold; border-bottom:2px solid #000;   }
.main-section01 .bottom-part .main-link-wrap .main-link ul { display:none; position:absolute; top:80px; left:0px; margin:0 -15px; width:calc(100% + 30px);  }
.main-section01 .bottom-part .main-link-wrap .main-link.active ul { display:block; }
.main-section01 .bottom-part .main-link-wrap .main-link ul li {  float:left; width:25%; padding:0 15px;  text-align:center;  word-break:keep-all; }
.main-section01 .bottom-part .main-link-wrap .main-link ul li a { display:block; color:#000; font-size:16px;  }
.main-section01 .bottom-part .main-link-wrap .main-link ul li a img {width:78px;  display:block; margin:0 auto 10px; }
.main-section01 .bottom-part .hot-alime { position:relative; overflow:hidden;  }
.main-section01 .bottom-part .hot-alime li img { width:100%;  }
.main-section01 .bottom-part .hot-btn-wrap { position:absolute; bottom:10px; right:40px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn { float:left;  }
.main-section01 .bottom-part .hot-btn-wrap .btn-play {margin-left:5px; margin-top:-2px;   }
.main-section01 .bottom-part .hot-btn-wrap .btn-play a {color:#000; font-size:14px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item { float:left;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item a {text-indent:-99999px; display:inline-block; float:left; margin:0 5px;  width: 10px; height:10px; border:2px solid #000; border-radius:5px;  }
.main-section01 .bottom-part .hot-btn-wrap .hot-btn .bx-pager-item a.active { background:#000;  }




.main-section02 {padding:30px 15px; margin-top:30px; background:url(../images2020/main/medal_bg.jpg) no-repeat center top; height:350px;  overflow:hidden; }
.main-section02 h3 { text-align:center; font-size:20px; color:#000; margin-bottom:25px;  }
.main-section02 .status-tab  { overflow-x:auto;  font-size:0px;   white-space:nowrap;  border-bottom:1px solid #ccc; margin-bottom:30px; }
.main-section02 .status-tab li  {display:inline-block; }
.main-section02 .status-tab li  a {display:block; width:100%;padding:0 15px 22px;  font-size:16px; color:#000; font-weight:normal;  text-align:center;   }
.main-section02 .status-tab li  a:hover, .main-section02 .status-tab li  a.active {font-weight:bold; border-bottom:2px solid #000;text-decoration:none;  padding-bottom:20px; }
.main-section02 .status { background:#fff; padding:20px 15px; border-radius:15px; }
.main-section02 .status .status-table { display:none; width:100%;   border:0px;  margin-bottom:0px;  }
.main-section02 .status .status-table#status-tab01 { display:block;  }
.main-section02 .status table { width:100%; vertical-align:middle;  border-collapse:collapse; border:0px; }
.main-section02 .status table thead th { border-bottom:2px solid #a2a2a2; text-align:center; padding:5px; color:#000; font-weight:bold; font-size:12px;  }
.main-section02 .status table thead th .medal-color { display:inline-block; border-radius:30px; width:26px; height:26px; text-align:center;  padding-top:3px; }
.main-section02 .status table thead th .medal-color1 { background:#ffd34e;  }
.main-section02 .status table thead th .medal-color2 { background:#d0d0d0;  }
.main-section02 .status table thead th .medal-color3 { background:#f3d29d;  }
.main-section02 .status table tbody td { padding:5px; border-bottom:1px solid #ebebeb; text-align:center;font-size:12px; color:#666;   }
.main-section02 .status .more {  font-size:30px; color:#000; position:absolute; top:-12px; right:0px;  font-weight:100;  }

.main-section03 { padding:30px 0 ;  }
.main-section03 h3  { text-align:center; font-size:20px; color:#000; margin-bottom:25px;  }
.main-section03 ul li { float:left; padding:0 10px; width:25%; text-align:center;  }
.main-section03 ul li a {font-size:16px; color:#000; }
.main-section03 ul li a img { display:block; margin:0 auto 15px; width:72px;   }


.main-section04  { padding:30px 15px ; text-align:center;  background:#f5f5f5;   height:250px; }
.main-section04 h3 {display:inline-block; position:relative;   }
.main-section04 h3:first-child { padding-right:21px; margin-right:20px;  }
.main-section04 h3:first-child:after { border-left:1px solid #666; position:absolute; top:5px; right:0px; content:''; width:1px; height:15px;    }
.main-section04 h3 a { font-size:20px; font-weight:normal; color:#666;  }
.main-section04 h3 a.active {color:#000; }
.main-section04 .notice { display:none; position:absolute;  top:60px; lefT:0px; width:100%;  }
.main-section04 .notice.active { display:block; }
.main-section04 .notice li { display:none;  border-left:1px solid #c4c4c4;  text-align:left; }
.main-section04 .notice li:first-child { display:block;   border-left:0px;  }
.main-section04 .notice li a { display:block; height:130px; position:relative; font-size:14px; color:#666;   }
.main-section04 .notice li a .title{  font-size:17px; color:#000; margin-bottom:10px;   }
.main-section04 .notice li a .text{  }
.main-section04 .notice li a .date{ position:absolute; bottom:0px; left:0px; }
.main-section04 .notice .more { position:absolute; top:-60px; right:0px;  }
.main-section04 .notice .more i { font-size:30px; color:#000; position:absolute; top:37px; right:0px;  font-weight:100;  }


.main-section05 {  padding:30px 15px ;  }
.main-section05 h3 {color:#000;  font-size:20px ;    font-weight:normal;  text-align:center; margin-bottom:30px; }
.main-section05 ul { margin:0 -7px;  }
.main-section05 ul li { float:left; width:50%; padding:0 7px;  }
.main-section05 ul li:nth-of-type(3) ,.main-section05 ul li:nth-of-type(4)  { display:none;  }
.main-section05 ul li a { display:block; font-size:14px; color:#666;  }
.main-section05 ul li .img {  margin-bottom:18px; overflow:hidden; text-align:center; position:relative;   padding-top:65%; width:100%; }
.main-section05 ul li img {   height:200px; position:absolute; top:0px; left:0px; width:100%; height:100%;  }
.main-section05 ul li a:hover img {  transform: scale(1.1); transition : all 0.5s ease ;}
.main-section05 ul li .title {font-size:16px; color:#000; margin-bottom:5px; }
.main-section05 .more { position:absolute; top:0px; right:0px;  }
.main-section05 .more i { font-size:30px; color:#000; position:absolute; top:0px; right:0px;  font-weight:100;  }


.foot-banner-wrap { width:100%; border-top:1px solid #d8d8d8;  padding:8px 15px 8px;  } 
.foot-banner-wrap .foot-banner { position:relative;   }
.foot-banner-wrap .foot-banner ul {}
.foot-banner-wrap .foot-banner ul li { float:left;  }
.foot-banner-wrap .foot-banner ul li img {width:auto !important;  max-width:auto !important; }
.foot-banner-wrap .foot-banner .banner-btn-wrap { display:none; }



}