/*
서귀포시 2017 메인
*/

@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
   font-family: 'SCoreDream';
	padding-bottom:195px; 
	background:url(../images2022/visual_01.jpg) no-repeat center bottom ; 

  }
  .main a {color: #222;}



.main-section01 { position:relative; z-index:10;  }
/* 메인상단 - 롤링배너 */
.main-section01 .main-rolling {float:left; position:relative; width:730px; height:420px;padding-top:1px; }
.main-section01 .main-rolling ul li {width:100%; height:419px; padding-bottom:20px; padding-right:20px;  }
.main-section01 .main-rolling ul li img {width:100%; height:399px;  border-radius:30px;  box-shadow:5px 5px 10px rgba(0,0,0,0.06);  }
.main-section01 .main-rolling ul li a {display:block; }
.main-section01 .main-rolling .main-rolling-btn {position:absolute; bottom:30px; right:30px;  display:inline-block; height:30px; background:#fff; padding:4px 5px 4px 10px;  border-radius:15px; text-align:center;}
.main-section01 .main-rolling .main-rolling-btn div { display:inline-block;  }
.main-section01 .main-rolling .main-rolling-btn * {  vertical-align:middle; }
.main-section01 .main-rolling .banner-pager { margin-top:-4px;  }
.main-section01 .main-rolling .banner-pager  a { text-indent:-99999px; width:8px; height:8px; border-radius:4px; display:inline-block; background:#BCBCBC; margin:0 5px;  }
.main-section01 .main-rolling .banner-pager  a.active {width:25px; background:#333; }
.main-section01 .main-rolling .rolling-btn-play  img  {width:22px;  }
.main-section01 .main-rolling .d-btn  {  }
.main-section01 .main-rolling .d-btn a { position:absolute; top:50%; margin-top:-24px; border-radius:24px; padding-top:13px;  display:inline-block; width:48px; height:48px; background:#fff; border:1px solid  #EAEAEA;  box-shadow: 5px 9px 15px rgba(0,0,0,0.14);text-align:center; }
.main-section01 .main-rolling .d-btn a img { width:7px; }
.main-section01 .main-rolling .banner-rolling-btn-prev a {left:-24px; }
.main-section01 .main-rolling .banner-rolling-btn-next a {right:-04px; }



/* 메인상단 - 열린시장실 */
.main-section01 .main-mayor {float:right; position:relative; width:420px; padding-top:10px; z-index:1;  }
.main-section01 .main-mayor .si-slogan {text-align:right; }
.main-section01 .main-mayor .openmayor {position:relative; width:100%;  margin-bottom:15px; }
.main-section01 .main-mayor  .mayor-quick-link {text-align:center;}
.main-section01 .main-mayor  .mayor-quick-link p {display:block; width:33.333%; float:left; letter-spacing:-0.5px; text-decoration:none; position:relative; }
.main-section01 .main-mayor  .mayor-quick-link p a {display:inline-block;   padding-bottom:7px;   font-size:16px; color:#333; }
.main-section01 .main-mayor  .mayor-quick-link2 p { width:50%;  }
.main-section01 .main-mayor  .mayor-quick-link4 p { width:25%;  }
.main-section01 .main-mayor  .mayor-quick-link5 p { width:20%;  }
.main-section01 .main-mayor  .mayor-quick-link p + p::before {content:'';  display:inline-block; position:absolute; top:3px; left:0px; width:1px; height:15px; background:#C2DCD8; }
.main-section01 .main-mayor  .mayor-quick-link p a:hover { border-bottom:2px solid #069D95; color:#069D95; text-decoration:none;  padding-bottom:5px;   }


.main-section02 { background:#EAF8F6; margin-top:-85px; position:relative;  padding-top:120px;  } 
/*시정뉴스*/
.main-section02 h3 { font-size:24px; font-weight:600; color:#333; margin-bottom:15px;  }
.main-section02 h3 a { font-size:24px; font-weight:600; color:#333;  }
.main-section02 .si-news  { float:left; width:665px; height:330px; position:relative;  margin-right:45px;   margin-bottom:50px;  }
.main-section02 .si-news .first-news {  margin-bottom:30px;  }
.main-section02 .si-news .first-news a {  display:block; }
.main-section02 .si-news .first-news a:after {clear:both; display:table; content:''; }
.main-section02 .si-news .first-news a .img { float:left;  width:240px; height:158px; margin-right:30px; }
.main-section02 .si-news .first-news a .img img  {width:240px; height:158px; border-radius:10px; }
.main-section02 .si-news .first-news a .text-wrap  {float:left; width:calc(100% - 270px); padding-top:10px;   }
.main-section02 .si-news .first-news a .text-wrap .title { font-weight:600; color:#333; font-sizE:20px; margin-bottom:15px; }
.main-section02 .si-news .first-news a .text-wrap .text { font-size:16px; color:#666; }
.main-section02 .si-news ul { border-bottom:1px solid #D6E7E5;  }
.main-section02 .si-news ul:after { clear:both; display:table; content:'';  }
.main-section02 .si-news ul li { float:left; width:100%; margin-bottom:18px; }
.main-section02 .si-news ul li a { float:left; width:70%;  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 .si-news ul li span  {float:right;  font-size:15px; color:#666;  font-weight:400; }
.main-section02 .si-news .more   { position:absolute; top:-2px; right:0px; }
.main-section02 .hot-alime { float:left; width:490px;  position:relative; height:330px;   margin-bottom:50px;  }
.main-section02 .hot-alime li img {  border-radius:10px;  }
.main-section02 .hot-alime .main-hot-btn { position:absolute; top:0px; right:0px;  }
.main-section02 .hot-alime .main-hot-btn div { display:inline-block; vertical-align:top; color:#222;font-size:16px; font-weight:600;  }
.main-section02 .hot-alime .main-hot-btn div a { display:inline-block;  margin-left:5px; }
.main-section02 .hot-alime .main-hot-btn div.banner-pager { margin-right:5px;  }
.main-section02 .hot-alime .main-hot-btn div.d-btn a { display:inline-block;   width:20px; height:20px; border-radius:100%; background:#06A59D; text-align:center; }
.main-section02 .hot-alime .main-hot-btn div.d-btn a img { width:8px; display: inline-block;    margin-top: -4px; }
.main-section02 .hot-alime .main-hot-btn div.hot-btn-play a img { width:8px; display: inline-block;    margin-top: -4px; }
.main-section02 .sns-link-wrap { margin-bottom:80px;  }
.main-section02 .sns-link-wrap:after { clear:both; display:table; content:'';  }
.main-section02 .sns-link-wrap .sns {float:left; width:320px; }
.main-section02 .sns-link-wrap .sns  h3 {font-size:24px; font-weight:normal; margin-bottom:8px;  }
.main-section02 .sns-link-wrap .sns  h3 strong {font-weight:600;  }
.main-section02 .sns-link-wrap .sns  p  {font-size:14px; color:#666;  margin-bottom:25px;  letter-spacing:-0.5px;  }
.main-section02 .sns-link-wrap .sns .sns-list {}
.main-section02 .sns-link-wrap .sns .sns-list:after  { clear:both; display:table; content:'';  }
.main-section02 .sns-link-wrap .sns .sns-list a {   margin-right:15px; display:block; float:left; }
.main-section02 .sns-link-wrap .sns .sns-list a img { width:36px;  }
.main-section02 .sns-link-wrap .link { float:left; width:calc(100% - 320px);  }
.main-section02 .sns-link-wrap .link ul {}
.main-section02 .sns-link-wrap .link ul li { float:left; width:16.6666%; text-align:center;   }
.main-section02 .sns-link-wrap .link ul li a { display:block;  font-size:16px; color:#555;   }
.main-section02 .sns-link-wrap .link ul li a .img {width:90px; padding-top:20px;  height:90px; background:#fff; border-radius:30px; display:block; margin:0 auto 15px; box-shadow: 5px 9px 20px rgba(0,0,0,0.12); }
.main-section02 .sns-link-wrap .link ul li a:hover .img {background:#54C9BD; }
.main-section02 .sns-link-wrap .link ul li a .img img {width:50px; }


.main-section03 {  padding-top:75px; }
.main-section03 .notice-wrap { position:relative;  height:430px; margin-bottom:65px;    }
.main-section03 .notice-wrap:after { clear:both; display:table; content:'';  }
.main-section03 .notice-wrap h3  {  font-size:30px; color:#333; font-weight:400; float:left;   }
.main-section03 .notice-wrap .notice { float:left;  }
.main-section03 .notice-wrap .notice01  { padding-left:470px;  }
.main-section03 .notice-wrap h3  strong { font-weight:600;  }
.main-section03 .notice-wrap h4 { float:left; padding:0 30px; position:relative; }
.main-section03 .notice-wrap h4:after {content:''; display:inline-block; width:1px; height:15px; background:#ddd;  position:absolute; left:0px; top:5px; }
.main-section03 .notice-wrap .notice01 h4:after {display:none;  }
.main-section03 .notice-wrap h4 a { color:#666; font-size:22px;  font-weight:400;  }
.main-section03 .notice-wrap h4 a.active { color:#0F9E9E; font-weight:600;  }
.main-section03 .notice-wrap .list {display:none;   position:absolute; top:70px; left:0px;width:100%;  height:350px;    }
.main-section03 .notice-wrap .notice01 .list { display:block;  }
.main-section03 .notice-wrap .notice .list ul { margin:0 -7.5px;    }
.main-section03 .notice-wrap .notice .list li { float:left; width:33.333%; padding:7.5px;  }
.main-section03 .notice-wrap .notice .list li.pull { width:100%;}
.main-section03 .notice-wrap .notice .list li a {display:block; width:100%; height:160px;  border: 1px solid #E3E3E3; box-shadow: 0px 6px 10px rgba(0,0,0,0.1); padding: 30px 35px; }
.main-section03 .notice-wrap .notice .list li a:hover { border:1px solid #0F9E9E;  text-decoration:none; }
.main-section03 .notice-wrap .notice .list li a b {font-size:11px; color:#fff; text-align:center; display:inline-block; font-weight:400; margin-right:8px;  border-radius:9px; }
.main-section03 .notice-wrap .notice .list li a b.n-label01  {background:#333333;     padding:2px 6.5px 0; height:19px; }
.main-section03 .notice-wrap .notice .list li a b.n-label02  {background:#0F9E9E;  font-size:10px; width:17px; height:17px; border-radius:100%; line-height:17px; padding-top:1px;   margin-top:-2px;     }
.main-section03 .notice-wrap .notice .list li a .date { font-weight:600;  color:#333; font-size:15px;  }
.main-section03 .notice-wrap .notice .list li a .text {display:block; padding-top:10px; color:#666; font-size:20px; word-break:break-all;  font-weight:400; }
.main-section03 .notice-wrap .notice .list li a .text  strong { color:#333; font-weight:600;   }
.main-section03 .notice-wrap .notice .list li:nth-of-type(n+7) { display:none;  }
.main-section03 .notice-wrap .notice-more { display:none;  position:absolute; top:-5px; right:0px; font-size:16px;  }
.main-section03 .notice-wrap .notice-more a { font-size:18px; color:#222;  font-weight:600;    }
.main-section03 .notice-wrap .notice01 .notice-more  {display:block;   }

.main-section03 .news-wrap { position:relative;width:100%;   height:400px !important;  margin-bottom:65px;   }
.main-section03 .news-wrap:after { clear:both; display:table; content:'';  }
.main-section03 .news-wrap .news-tab { float:left;  }
.main-section03 .news-wrap h3  { font-weight:600;  float:left; padding:0 30px; position:relative; }
.main-section03 .news-wrap h3:after {content:''; display:inline-block; width:1px; height:15px; background:#ddd;  position:absolute; left:0px; top:5px; }
.main-section03 .news-wrap .news-tab01 h3{ padding-left:0px;  }
.main-section03 .news-wrap .news-tab01 h3:after {display:none;  }
.main-section03 .news-wrap h3 a { letter-spacing:-1.6px;  display:inline-block;  font-size:22px ; color:#666;  font-weight:400; }
.main-section03 .news-wrap h3 a:hover, .main-section03 .news-wrap h3 a.active { text-decoration:none;  color:#333;  font-weight:600;    }
.main-section03 .news-wrap .news {display:none;   position:absolute; top:60px; left:0px; ; height:335px; width:100%;    }
.main-section03 .news-wrap .news01 { display:block;  }
.main-section03 .news-wrap .news ul { margin: 0 -13.5px;  }
.main-section03 .news-wrap .news ul:after {clear:both; display:table; content:'';}
.main-section03 .news-wrap .news li { float:left;  position:relative; width:25%; padding:0 13.5px; }

.main-section03 .news-wrap .news-btn-more { position:absolute; top:-60px; right:0px;  }
.main-section03 .news ul li .icon-play-circled{position:absolute;font-size:60px; color:#fff; line-height:230px;  top:0px; left:0px; width:100%; text-align:center; } 
.main-section03 .news ul li p.img  {height:200px; width:100%;  position:relative;  margin-bottom:20px;   }
.main-section03 .news ul li p.img img {height:200px; width:100%;  border-radius:15px;  }
.main-section03 .news ul li p.img .play { position:absolute; bottom:10px; left:10px; width:38px; height:38px; background:#000;  border-radius:100%;  box-shadow: 3px 5px 10px rgba(0,0,0,0.3); text-align:center; padding-top:8px;  padding-left:3px; }
.main-section03 .news ul li p.img .play img { width:12px; height:auto !important;  border-radius:0px;  } 
.main-section03 .news ul li .text {  position:relative;  height:110px; border-bottom:1px solid #ddd;   }
.main-section03 .news ul li .text .title {color:#333; font-size:18px; }
.main-section03 .news ul li .text .date  {color:#666; position:absolute; bottom:20px; left:0px;  font-size:15px;  }

.main-section03 .part-wrap {  }
.main-section03 .part-wrap ul { margin:0 -36px;   }
.main-section03 .part-wrap ul:after { clear:both; display:table; content:'';  }
.main-section03 .part-wrap ul li { float:left; text-align:center;   width:14.2857%;  padding:0 36px 20px; }
.main-section03 .part-wrap ul li a .img {display:block;  padding-top:25px; margin:0 auto 10px; width:110px; height:110px; border-radius:100%; text-align:center; background:#fff; box-shadow: 0px 8px 20px rgba(0,0,0,0.1); }
.main-section03 .part-wrap ul li a img { width:60px; height:60px; }
.main-section03 .part-wrap ul li a:hover .img { background:#E4F6F4}
.main-section03 .part-wrap ul li a {color:#666;   font-size:17px;  }

}



@media (min-width: 992px) and (max-width: 1199px) {
	/* 메인상단 - 롤링배너 */
	.main-section01 .main-rolling {width:580px; height:350px; }
	.main-section01 .main-rolling ul li {height:345px; }
	.main-section01 .main-rolling ul li img { height:325px; }

	/* 메인상단 - 열린시장실 */
	.main-section01 .main-mayor {width:350px; }
	.main-section01 .main-mayor .openmayor {  }
	.main-section01 .main-mayor .openmayor .mayor-quick-link a {font-size:14px;}

	.main-section02 .hot-alime {width:240px; }
	.main-section03 .notice-wrap .notice01 {    padding-left: 230px;}

	.main-section03 .news ul li p.img  {height:165px;   }
	.main-section03 .news ul li p.img img {height:165px; }

}


@media (max-width: 991px) {

	.main {
    z-index: 1;
    word-break: keep-all;
    font-family: 'SCoreDream';
	padding-bottom:55px; 
	background:url(../images2022/visual_01.jpg) no-repeat 10% bottom ; 
		background-size:120% auto ; 
  }
  .main a {color: #222;}



.main-section01 { position:relative; z-index:10; padding:0px 15px;  }
/* 메인상단 - 롤링배너 */

.main-section01 .main-rolling { position:relative;  margin-bottom:20px; }
.main-section01 .main-rolling ul li {width:100%; }
.main-section01 .main-rolling ul li img { width:100%; border-radius:15px;}
.main-section01 .main-rolling ul li a {display:block; }
.main-section01 .main-rolling .main-rolling-btn {position:absolute; bottom:10px; right:10px;  display:inline-block; height:24px; background:#fff; padding:0px 5px;  border-radius:15px; text-align:center;}
.main-section01 .main-rolling .main-rolling-btn div { display:inline-block;  }
.main-section01 .main-rolling .main-rolling-btn * {  vertical-align:middle; }
.main-section01 .main-rolling .banner-pager { }
.main-section01 .main-rolling .banner-pager  a { text-indent:-99999px; width:6px; height:6px; border-radius:4px; display:inline-block; background:#BCBCBC; margin:0 5px;  }
.main-section01 .main-rolling .banner-pager  a.active {width:20px; background:#333; }
.main-section01 .main-rolling .rolling-btn-play  img  {width:18px;  }
.main-section01 .main-rolling .d-btn  {display:none;   }


/* 메인상단 - 열린시장실 */
.main-section01 .main-mayor { position:relative; width:100%; z-index:1;  }
.main-section01 .main-mayor .si-slogan {text-align:right;}
.main-section01 .main-mayor .si-slogan img  {width:242px; }
.main-section01 .main-mayor .openmayor {position:relative; width:100%;text-align:center;   margin-bottom:15px; }
.main-section01 .main-mayor  .mayor-quick-link {text-align:center;}
.main-section01 .main-mayor  .mayor-quick-link p {display:block; width:33.333%; float:left; letter-spacing:-0.5px; text-decoration:none; position:relative; }
.main-section01 .main-mayor  .mayor-quick-link p a {display:inline-block; padding-bottom:5px;      font-size:14px; color:#333; }
.main-section01 .main-mayor  .mayor-quick-link2 p { width:50%;  }
.main-section01 .main-mayor  .mayor-quick-link4 p { width:25%;  }
.main-section01 .main-mayor  .mayor-quick-link5 p { width:20%;  }
/*.main-section01 .main-mayor  .mayor-quick-link p + p::before {content:'';  display:inline-block; position:absolute; top:5px; left:0px; width:1px; height:10px; background:#ddd; }*/
.main-section01 .main-mayor  .mayor-quick-link p a:hover { border-bottom:2px solid #069D95; color:#069D95; text-decoration:none;    }


.main-section02 { background:#EAF8F6; margin-top:-55px; position:relative;  padding-top:90px; padding-left:15px; padding-right:15px; padding-bottom:15px;    } 
/*시정뉴스*/
.main-section02 h3 { font-size:18px; font-weight:900; margin-bottom:15px;  }
.main-section02 h3 a {  font-weight:600;  color:#333;  }
.main-section02 .si-news  { width:100%;    margin-bottom:35px;  position:relative; }
.main-section02 .si-news .first-news {  margin-bottom:30px;  }
.main-section02 .si-news .first-news a {  display:block; }
.main-section02 .si-news .first-news a:after {clear:both; display:table; content:''; }
.main-section02 .si-news .first-news a .img { float:left;  width:130px; height:85.58px; margin-right:15px; }
.main-section02 .si-news .first-news a .img img  {width:130px; height:85.58px;  border-radius:10px; }
.main-section02 .si-news .first-news a .text-wrap  {float:left; width:calc(100% - 145px); padding-top:10px;   }
.main-section02 .si-news .first-news a .text-wrap .title { font-weight:500;  color:#333; font-size:15px; }
.main-section02 .si-news .first-news a .text-wrap .text {display:none;  font-size:13px; color:#666; }
.main-section02 .si-news ul { border-bottom:1px solid #D6E7E5;  }
.main-section02 .si-news ul:after { clear:both; display:table; content:'';  }
.main-section02 .si-news ul li { float:left; width:100%; margin-bottom:15px; }
.main-section02 .si-news ul li a { float:left; width:70%;  font-size:14px; color:#333;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  }
.main-section02 .si-news ul li span  {float:right;  font-size:12px; color:#666; }
.main-section02 .si-news .more   { position:absolute; top:0px; right:0px; }
.main-section02 .si-news .more img  {width:28px; }

.main-section02 .hot-alime {  position:relative;  margin-bottom:35px;  }
.main-section02 .hot-alime li img {  border-radius:10px;  }
.main-section02 .hot-alime .main-hot-btn { position:absolute; top:0px; right:0px;  }
.main-section02 .hot-alime .main-hot-btn div { display:inline-block; vertical-align:top; color:#222;font-size:16px; font-weight:600;  }
.main-section02 .hot-alime .main-hot-btn div a { display:inline-block;  margin-left:5px; }
.main-section02 .hot-alime .main-hot-btn div.banner-pager { margin-right:5px;  }
.main-section02 .hot-alime .main-hot-btn div.d-btn a { display:inline-block;   width:20px; height:20px; border-radius:100%; background:#06A59D; text-align:center; }
.main-section02 .hot-alime .main-hot-btn div.d-btn a img { width:8px; display: inline-block;    margin-top: -4px; }
.main-section02 .hot-alime .main-hot-btn div.hot-btn-play a img { width:8px; display: inline-block;    margin-top: -4px; }
.main-section02 .sns-link-wrap {  }
.main-section02 .sns-link-wrap .sns { position:relative; margin-bottom:20px; }
.main-section02 .sns-link-wrap .sns  h3 {font-size:20px; font-weight:normal; }
.main-section02 .sns-link-wrap .sns  h3 strong {font-weight:600;  }
.main-section02 .sns-link-wrap .sns  p  {display:none;   }
.main-section02 .sns-link-wrap .sns .sns-list {position:absolute; top:-3px; right:0px; }
.main-section02 .sns-link-wrap .sns .sns-list:after  { clear:both; display:table; content:'';  }
.main-section02 .sns-link-wrap .sns .sns-list a {   margin-left:10px; display:block; float:left; }
.main-section02 .sns-link-wrap .sns .sns-list a img { width:28px;  }
.main-section02 .sns-link-wrap .link {  }
.main-section02 .sns-link-wrap .link ul {}
.main-section02 .sns-link-wrap .link ul li { float:left; width:33.333%; text-align:center; padding:10px;    }
.main-section02 .sns-link-wrap .link ul li a { display:block;  font-size:14px; color:#555;   }
.main-section02 .sns-link-wrap .link ul li a .img {width:80px; padding-top:19px;  height:80px; background:#fff; border-radius:30px; display:block; margin:0 auto 15px; box-shadow: 5px 9px 20px rgba(0,0,0,0.12); }
.main-section02 .sns-link-wrap .link ul li a:hover .img {background:#54C9BD; }
.main-section02 .sns-link-wrap .link ul li a .img img {width:42px; }


.main-section03 {  padding-top:30px;  padding-left:15px; padding-right:15px; }
.main-section03 .notice-wrap { position:relative;  height:500px; margin-bottom:25px;    }
.main-section03 .notice-wrap:after { clear:both; display:table; content:'';  }
.main-section03 .notice-wrap h3  {  font-size:30px; color:#333; font-weight:400; float:left;  position:absolute; top:-30000px ;left:-300000px;   }
.main-section03 .notice-wrap .notice { float:left;  }
.main-section03 .notice-wrap .notice01  {   }
.main-section03 .notice-wrap h4 { float:left; padding:0 10px; position:relative; }
.main-section03 .notice-wrap h4:after {content:''; display:inline-block; width:1px; height:10px; background:#ddd;  position:absolute; left:0px; top:3px; }
.main-section03 .notice-wrap .notice01 h4:after {display:none;  }
.main-section03 .notice-wrap .notice01 h4 {padding-left:0px;  }
.main-section03 .notice-wrap h4 a { color:#666; font-size:15px;  font-weight:400;  }
.main-section03 .notice-wrap h4 a.active { color:#0F9E9E; font-weight:600;  }
.main-section03 .notice-wrap .list {display:none;   position:absolute; top:30px; left:0px;width:100%;  height:350px;    }
.main-section03 .notice-wrap .notice01 .list { display:block;  }
.main-section03 .notice-wrap .notice .list ul {    }
.main-section03 .notice-wrap .notice .list li { width:100%; padding:5.5px 0;  }
.main-section03 .notice-wrap .notice .list li.pull { width:100%;}
.main-section03 .notice-wrap .notice .list li a {display:block; width:100%; height:105px;  border: 1px solid #E3E3E3; box-shadow: 0px 3px 5px rgba(0,0,0,0.03); padding: 14px 15px; }
.main-section03 .notice-wrap .notice .list li a b {font-size:11px; color:#fff; text-align:center; display:inline-block; font-weight:400; margin-right:5px;  border-radius:9px; }
.main-section03 .notice-wrap .notice .list li a b.n-label01  {background:#333333;     padding:3px 6.5px 0; height:19px; }
.main-section03 .notice-wrap .notice .list li a b.n-label02  {background:#0F9E9E;  font-size:10px; width:17px; height:17px; border-radius:100%; line-height:17px; padding-top:1px;   margin-top:-2px;     }
.main-section03 .notice-wrap .notice .list li a .date { font-weight:600;  color:#333; font-size:13px;  }
.main-section03 .notice-wrap .notice .list li a .text {display:block; padding-top:8px; color:#666; font-size:15px; word-break:break-all; }
.main-section03 .notice-wrap .notice .list li a .text  strong { color:#333; font-weight:600;   }
.main-section03 .notice-wrap .notice .list li:nth-of-type(n+5) { display:none;  }
.main-section03 .notice-wrap .notice-more { display:none;  position:absolute; top:-5px; right:0px; font-size:16px;  }
.main-section03 .notice-wrap .notice-more  img { width:24px; }
.main-section03 .notice-wrap .notice01 .notice-more  {display:block;   }

.main-section03 .news-wrap { position:relative;width:100%;     margin-bottom:25px;   }
.main-section03 .news-wrap:after { clear:both; display:table; content:'';  }
.main-section03 .news-wrap .news-tab { float:left;  }
.main-section03 .news-wrap h3  { font-weight:600;  float:left; padding:0 10px; position:relative; }
.main-section03 .news-wrap h3:after {content:''; display:inline-block; width:1px; height:10px; background:#ddd;  position:absolute; left:0px; top:3px; }
.main-section03 .news-wrap .news-tab01 h3{ padding-left:0px;  }
.main-section03 .news-wrap .news-tab01 h3:after {display:none;  }
.main-section03 .news-wrap h3 a { letter-spacing:-1.6px;  display:inline-block;  font-size:15px ; color:#666;  font-weight:400; }
.main-section03 .news-wrap h3 a:hover, .main-section03 .news-wrap h3 a.active { text-decoration:none;  color:#333;  font-weight:600;    }
.main-section03 .news-wrap .news {display:none;   position:absolute; top:50px; left:0px; ;  width:100%;    }
.main-section03 .news-wrap .news01 { display:block;  }
.main-section03 .news-wrap .news ul { margin: 0 -5px;  }
.main-section03 .news-wrap .news ul:after {clear:both; display:table; content:'';}
.main-section03 .news-wrap .news li { float:left;  position:relative; width:50%; padding:10px 5px; }

.main-section03 .news-wrap .news-btn-more { position:absolute; top:-53px; right:0px;  }
.main-section03 .news-wrap .news-btn-more img { width:24px;   }
.main-section03 .news ul li .icon-play-circled{position:absolute;font-size:60px; color:#fff; line-height:230px;  top:0px; left:0px; width:100%; text-align:center; } 
.main-section03 .news ul li p.img  {padding-top:65%;  width:100%;  position:relative;  margin-bottom:20px;   }
.main-section03 .news ul li p.img img { position:absolute; top:0px; left:0px;height:100%; width:100%;  border-radius:15px;  }
.main-section03 .news ul li p.img .play { position:absolute; bottom:10px; left:10px; width:30px; height:30px; background:#000;  border-radius:100%;  box-shadow: 3px 5px 10px rgba(0,0,0,0.3); text-align:center; padding-top:5px; }
.main-section03 .news ul li p.img .play img { width:12px; height:auto !important; position:relative;  border-radius:0px; } 
.main-section03 .news ul li .text {  position:relative;  height:85px; border-bottom:1px solid #ddd;   }
.main-section03 .news ul li .text .title {color:#333; font-size:14px; }
.main-section03 .news ul li .text .date  {color:#666; position:absolute; bottom:20px; left:0px;  font-size:12px;  }

.main-section03 .part-wrap {  }
.main-section03 .part-wrap ul { margin:0 -4px;   }
.main-section03 .part-wrap ul:after { clear:both; display:table; content:'';  }
.main-section03 .part-wrap ul li { float:left; text-align:center;   width:20%;  padding:0 4px 15px; }
.main-section03 .part-wrap ul li a .img {display:block;  padding-top:12px; margin:0 auto 10px; width:60px; height:60px; border-radius:100%; text-align:center; background:#fff; box-shadow: 0px 8px 20px rgba(0,0,0,0.1); }
.main-section03 .part-wrap ul li a img { width:36px; height:36px; }
.main-section03 .part-wrap ul li a:hover .img { background:#E4F6F4}
.main-section03 .part-wrap ul li a {color:#666;   font-size:13px;  }





}

@media (max-width: 750px) {

}

@media (max-width: 550px) {
	
}


@media (max-width: 450px) {



}