/**
* OLYM Cascading Style Sheets
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2019.12.30
* Update : 2019.12.30
* Copyright(c) 2019 OLYM Communications. All Rights Reserved.
*/
#text {position: absolute; left: 5%; top: 24%; }
#text h2 {font-family: 'Black Ops One',cursive;font-size: 69px;color: #b2b2b2;line-height: 70px}
.pc_mode { display:block;}
.mo_mode { display:none;}

/* contents */
.slide { position:fixed; top:300px; right:20px; z-index:100000;}
.slide li {padding-bottom:20px;}

/* slide1 상단 슬라이드 */
.slide1 { position:relative;}
.slide1 .bg_box { z-index:99; width:82.5%; margin: 0 0 0 auto;}
.slide1 .bg_box img { width:100%;}

.slide1 .icon_box { position:absolute; top:36%;left: 2%;z-index:200;}
.slide1 .slide_text li {display: table;font-family: 'Black Ops One',cursive;font-size: 90px;color: #b2b2b2;line-height: 100px;border-bottom: 4px solid transparent;transition: all .5s ease;}
.slide1 .slide_text li {color: #b2b2b2}
.slide1 .slide_text li.on {color: #00a53c;}

.slide1 .slides li { display:inline-block; line-height:1em; margin:4px;}
.slide1 .slides li a { width:12px; height:12px; display:block; background:#ddd; text-indent:-9999px; border-radius:100%;}
.slide1 .slides li:hover a, .slide1 .slides li.on a { background:#00a53c;}

.slide1 #carousel .slides { width:100% !important;  -webkit-transform:translate3d(0px, 0px, 0px) !important; -moz-transform:translate3d(0px, 0px, 0px) !important; -ms-transform:translate3d(0px, 0px, 0px) !important; -o-transform:translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; }
.slide1 .flex-direction-nav { display:none;}

/* 공지사항 ~ 대관문의 */
.commInfo { border-bottom: 5px solid #000; position:relative;}
.comm {z-index: 999; margin-left:17.5%;}
.comm div {float: left;}

.comm .comm1 {position: relative; width: calc(40% - 101px); margin: 40px 25px;padding-right: 50px; border-right: 1px solid #ddd}
.comm .comm2 {position: relative; width: calc(30% - 101px); margin: 40px 25px;padding-right: 50px; border-right: 1px solid #ddd}
.comm .comm3 {position: relative; width: calc(30% - 100px); margin: 40px 25px;padding-right: 50px;}

.comm h2 {font-size: 19px; margin-bottom:20px; font-family:"S-CoreDream-7ExtraBold"; }
.comm .comm1 ul li {line-height: 30px}
.comm .comm1 ul li a {color: #666666}
.comm .comm1 ul li a:hover {color: #000}
.comm .comm1 ul li a p {max-width: 270px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: inline-block;}
.comm .comm1 ul li a span {position: relative;float: right;top: -5px}

.comm .comm2 ul li {line-height: 30px;color: #666666}
.comm .comm2 span {position: absolute;top: 60%;right: 15%;transform: translate(0%, -50%);}

.comm .comm3 ul li {line-height: 30px;color: #666666}
.comm .comm3 span {position: absolute;top: 75%;right: 15%;transform: translate(0%, -50%);}

.insect { position:absolute; bottom:0; left:10%;
  animation-name: mo_insect;
  animation-duration: 10s;
  animation-iteration-count: 1;}

/* The animation code */
@keyframes mo_insect {
  0% {left:0px;}
  10%   {left:1%;}
  20%   {left:2%;}
  30%   {left:2.5%;}
  40%   {left:4%;}
  50%   {left:5.5%;}
  60%   {left:6%;}
  70%   {left:7.5%;}
  80%   {left:8%;}
  90%   {left:9.5%;}
  100%   {left:10%;}
}

/* slide2 프로그램 & 대관 일정 */
.slide2 {position:relative; padding:30px 0; }
.slide2 .box_text .title { color: #000; font-size: 52px; line-height: 0px; text-align:center; writing-mode:tb-rl;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform: rotate(0deg); white-space:nowrap; position: absolute; top: -100px; right: -50px; background: #fff; z-index: 999; padding:0 70px;}
.slide2 .box_special {width: calc(100% - 90px)}
.slide2 .box_special .calendar {width: calc(50% - 40px);margin: 0 20px;float: left;}

.slide2 .box_special .calendar .title {position: relative; padding:20px;}
.slide2 .box_special .calendar .date {display: inline-block;}
.slide2 .box_special .calendar .date p {display: inline-block;color: #232323;font-size: 28px;letter-spacing: -0.64px;font-weight: bold;margin: 0 30px}
.slide2 .box_special .calendar .date label {color: #232323;font-size: 28px;letter-spacing: -0.64px;cursor: pointer;}

.slide2 .box_special .calendar .info {float: right;position: relative;top: 10px}
.slide2 .box_special .calendar .info p {display: inline-block;font-size: 15px; font-weight: 700;}
.slide2 .box_special .calendar .info p + p { margin-left: 20px;}
.slide2 .box_special .calendar .info span {margin-right: 5px}
.slide2 .box_special .calendar .info p.bg1 span {color: #4e89c6;}
.slide2 .box_special .calendar .info p.bg2 span {color: #ff763b}
.slide2 .box_special .calendar .info p.bg3 span {color: #42b23f}
.slide2 .box_special .calendar .info p.bg0 span {color: lightgray;}

.slide2 .box_special .calendar table {width: 100%;border: 1px solid #ddd;border-collapse:collapse;height: 465px}
.slide2 .box_special .calendar table th {border:1px solid #ddd;border-top: 2px solid #000;padding:5px 20px}
.slide2 .box_special .calendar table td {position: relative; padding: 0px 0px 40px 10px;border:1px solid #ddd;}
.slide2 .box_special .calendar table td a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; ;}
.slide2 .box_special .calendar table td span.totay {position: absolute;color: #fff;background: #ef1140; border-radius: 0 0 0 10px; top:-1px;right: -1px;font-size: 11px;padding: 2px 5px}
.slide2 .box_special .calendar table td span.program {position: absolute;color: #fff;background: #ff763b;bottom:10px;left: 25px;font-size: 13px;padding: 5px;}
.slide2 .box_special .calendar table td span.other {position: absolute;color: #fff;background: #4e89c6;bottom:10px;left: 10px;font-size: 13px;padding: 5px}
.slide2 .box_special .calendar table td span.event {position: absolute;color: #fff;background: #42b23f;bottom:10px;left: 10px;font-size: 13px;padding: 5px}
.slide2 .box_special .calendar table td.bg0 { background-color:lightgray;}

@media all and (max-width: 800px) { 
  .slide2 .box_special .calendar table td span.program { left: 18px; padding: 4px;}
  .slide2 .box_special .calendar table td span.event { left: 5px; padding: 4px}

}

.calendar_wrapper font.red {color: #ef1140; }
.calendar_wrapper font.blue {color: #4e89c6; }
.calendar_wrapper font.c_program_wrapper { color: #333; }

.slide2 .box_special .calendar table th.sun {color: #ef1140}
.slide2 .box_special .calendar table th.sat {color: #4e89c6}

/* 우측 리스트 */
.slide2 .box_special .calinfo {width: calc(50% - 40px);margin: 0 20px;float: left;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-top: 0}
.slide2 .box_special .calinfo .title {position: relative;padding: 20px 0;border-bottom: 1px solid #ddd;text-align: right;}
.slide2 .box_special .calinfo .title #today {display: inline-block;color: #232323;font-size: 28px;letter-spacing: -0.64px;font-weight: bold;margin: 0 30px}

.slide2 .box_special .calinfo .side_wrapper { height: 155px; box-sizing: border-box; padding: 10px 10px 10px 20px; display: flex; gap: 30px; align-items: center;}
.slide2 .box_special .calinfo .side_wrapper + .side_wrapper { border-top: 1px solid #ddd;}
.slide2 .box_special .calinfo .side_wrapper2 { height: 232px; box-sizing: border-box; padding: 10px 10px 10px 20px; display: flex; gap: 30px; align-items: center;}
.slide2 .box_special .calinfo .side_wrapper2 > .contents > .title { height: 124px; align-content: center;}
.slide2 .box_special .calinfo .side_wrapper2 + .side_wrapper2 { border-top: 1px solid #ddd;}

.slide2 .box_special .calinfo .contents .title {font-weight: bold;font-size: 21px;letter-spacing: -0.32px;color: #fff;padding: 30px 40px; display: inline-block;border: 0; text-align:center; border-radius:10px;}
.slide2 .box_special .calinfo .con1 .contents .title {background: #ff763b;}
.slide2 .box_special .calinfo .con2 .contents .title {background: #4e89c6;}
.slide2 .box_special .calinfo .con3 .contents .title {background: #42b23f;}

.slide2 .box_special .calinfo .contents1 { width:100%; height: 100%; box-sizing: border-box; padding-right: 30px;}
.slide2 .box_special .calinfo .contents1 ul li {padding: 10px; padding-left: 0; position: relative;}
.slide2 .box_special .calinfo .contents1 ul li + li { border-top: 1px dashed #ddd}
.slide2 .box_special .calinfo .contents1 ul li a {color: #333;letter-spacing: -0.02em; font-size: 16px; font-weight: 700; display: block;}
.slide2 .box_special .calinfo .contents1 ul li span {color:#666; font-size: 14px; font-weight: 500;}
.slide2 .box_special .calinfo .contents1 ul li img {position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.slide2 .box_special .calinfo .contents1 ul li p {width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.slide2 .box_special .calinfo .contents1 ul li .cate { color: #ff763b;}
.slide2 .box_special .calinfo .con3 .contents1 ul li .cate { color: #42b23f;}

.slide2 .box_special .calinfo .contents1 ul li span.dong34 {color: #26c0b0 }
.slide2 .box_special .calinfo .contents1 ul li span.dong35 {color: #00a53c}
.slide2 .box_special .calinfo .contents1 ul li span.dong36 {color: #ff763b}
.slide2 .box_special .calinfo .contents1 ul li span.dong37 {color: #ff64dc}
.slide2 .box_special .calinfo .contents1 ul li span.dong38 {color: #7332cb}
.slide2 .box_special .calinfo .contents1 ul li span.dong6 {color: #3285cb}
.slide2 .box_special .calinfo .contents1 ul li span.dong8 {color: #b570f5}


/* slide3 인스타그램, 유튜브 */
.slide3 {position:relative; background:#f4f4f4; padding:40px 0;}
.slide3 .insta {position: relative;float: left;margin: 0 20px;width: calc(50% - 40px)}
.slide3 .insta P {font-size: 17px;letter-spacing: -0.32px; padding:10px 0; color:#666;}
.slide3 .insta h2 {font-size: 43px; line-height:1em; letter-spacing: -0.32px;font-family: 'Black Ops One',cursive;}

.slide3 .insta .img {margin-top: 21px;}
.slide3 .insta .img ul li {position: relative; width: 32%; float: left; margin: 0 2%;}
.slide3 .insta .img ul li span {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 9;font-weight: bold;width: 100%;text-align: center;}
.slide3 .insta .img ul li a::after {opacity: 0;position: absolute;top: 0;content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.35);transition: all .5s ease;}
.slide3 .insta .img ul li:hover span {display: block;}
.slide3 .insta .img ul li:hover a:after {opacity: 1; box-shadow: 5px 5px 10px 0px rgba(101,101,101,0.75)}
.slide3 .insta .img ul li img {max-width: 100%; height: 243px; width: 100%; }
.slide3 .insta .img ul li span img {width: auto;height: auto; margin-right: 10px;}
.slide3 .insta .img ul li:first-child {margin: 0}
.slide3 .insta .img ul li:last-child {margin: 0}

.slide3 .video {position: relative;float: left;margin: 0 20px;width: calc(50% - 40px);height: 350px}

/* slide4 */
.slide4  { padding:40px 0;}
.slide4 h2 {font-size: 19px; margin-bottom:20px; font-family:"S-CoreDream-7ExtraBold"; }
.slide4 .dong_box { width:75%; float:left; box-sizing:border-box; padding:0 20px;}
.slide4 .dong_box img { width:100%;}

.slide4 .news_box { width:25%; float:left; box-sizing:border-box; padding:0 20px 0 5%; position:relative;}
.slide4 .news_box .page_box { position:absolute; right:20px; top:-5px; width:102px; border:1px solid #ddd; height:34px;}
.slide4 .news_box .page_box .swiper-button-prev { width:34px; height:34px; left:0; top:0; margin-top:0; background:url('/project/design/main/btn_news_prev.png') no-repeat center;}
.slide4 .news_box .page_box .swiper-button-next {width:34px; height:34px; left:34px; top:0; margin-top:0; background:url('/project/design/main/btn_news_next.png') no-repeat center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.slide4 .news_box .page_box .btn_more { position:absolute; top:0; right:0;}
.slide4 .news_box .page_box .btn_more a { display:inline-block; width:34px; height:34px; background:url('/project/design/main/btn_news_more.png') no-repeat center; text-indent:-9999px;}

.slide4 .news_box .swiper-container1 { width:100%; height:350px; overflow:hidden;}
.slide4 .news_box .swiper-slide img { width:100%;}
.slide4 .news_box .swiper-slide span { position: absolute; top: 0; right: 0; display: inline-block; background-color: #fded58; color: #000;font-family: 'S-CoreDream-7ExtraBold'; font-size: 13px; padding: 5px 20px;}

@media all and (max-width:1440px) {
  .slide1 .icon_box { top:30%;}
  .slide1 .slide_text li {font-size: 70px;line-height: 80px;}

  .insect { left:7%; }
  .insect img { width:150px;}

  /* The animation code */
  @keyframes mo_insect {
    0% {left:0px;}
    10%   {left:1%;}
    20%   {left:2%;}
    30%   {left:2.5%;}
    40%   {left:4%;}
    50%  {left:5%;}
    60%  {left:5%;}
    70%  {left:5%;}
    80%  {left:6%;}
    90%  {left:6%;}
    100%   {left:7%;}
  }

.comm .comm1 {width: calc(40% - 56px);padding-right: 25px;margin: 30px 15px;}
.comm .comm2,.comm .comm3 {width: calc(30%  - 56px);padding-right: 25px;margin: 30px 15px;}
.comm .comm2 span,.comm .comm3 span {top: 20%; right:10%;}
.comm .comm2 span img,.comm .comm3 span img { width:50px;}
.comm .comm1 ul li a p {max-width: 230px}
.comm .comm1 ul li a span {font-size: 13px}

.slide2 .box_special .calendar .title { padding: 20px 0;}
.slide2 .box_special .calendar .date p {font-size: 22px; margin: 0 20px;}
.slide2 .box_special .calendar .date label {font-size: 22px;}
.slide2 .box_special .calendar .info p { font-size: 13px;}
.slide2 .box_special .calendar .info p + p { margin-left: 10px;}

.slide2 .box_special .calendar table {height: 399px}
.slide2 .box_special .calendar table td span.totay {font-size: 11px}

.slide2 .box_special .calinfo .title #today {font-size: 22px;}


.slide2 .box_special .calinfo .side_wrapper { height: 133px;}
.slide2 .box_special .calinfo .side_wrapper2 { height: 133px;}
.slide2 .box_special .calinfo .contents .title {font-size: 18px; padding: 20px 30px;}


.slide3 .video {height: 320px}
.slide3 .insta .img ul li img {height: 170px; }


.slide4 .dong_box > ul > li.li2 { padding-top:20px;}
.slide4 .dong_box > ul > li > a { width:136px; height:136px; font-size:20px;}
.slide4 .dong_box > ul > li > a > i { padding:25px 0 10px 0;}

.slide4 .dong_box > ul > li > a.bg7 { font-size:14px;}
.slide4 .dong_box > ul > li > a.bg8 { font-size:14px;}

.slide4 .news_box .swiper-container1 { height:290px;}
}

@media all and (max-width:1280px) {
.slide2 .box_text .title {font-size: 45px;padding: 0 50px;right: -30px}
.slide2 .box_special .calendar table td span.totay {padding: 1px 3px;font-size: 10px}

.slide2 .box_special .calendar {width: calc(50% - 20px);margin: 0;margin-left: 20px}
.slide2 .box_special .calinfo {width: calc(50% - 40px);margin: 0;margin-left: 40px}
.slide2 .box_special .calinfo .contents1 ul li p { width: 90%;}
}

@media all and (max-width:1100px) {
.pc_mode { display:none;}

.slide1 .icon_box {left: 0;}
.slide1 .slide_text li {font-size: 55px;line-height: 65px}

.slide2 .box_special { width: calc(100% - 50px);}
.slide2 .box_special .calendar {width: calc(100% - 40px);margin-left: 0;margin: 0 20px 0 20px}
.slide2 .box_special .calinfo {width: calc(100% - 40px);margin-left: 0;margin: 0 20px 0 20px}
.slide2 .box_special .calinfo .contents { width: 140px;}
.slide2 .box_special .calinfo .contents1 { width: calc(100% - 170px);}

.slide3 .video {margin: 0 20px;height: 400px}
.slide3 .insta,.slide3 .video {width: calc(100% - 40px)}
.slide3 .insta .img {margin: 30px 0}

.comm .comm1,.comm .comm2,.comm .comm3 {padding-bottom: 0}
.comm .comm1 {width: calc(100% - 56px);border-right: 0}
.comm .comm1 ul li a p {max-width: 350px;}
.comm .comm2,.comm .comm3 {width: calc(50% - 56px)}


.slide4 .dong_box > ul > li.li2 { padding-top:10px;}
.slide4 .dong_box > ul > li > a { width:100px; height:100px; font-size:18px;}
.slide4 .dong_box > ul > li > a > i { padding:15px 0 10px 0;}
.slide4 .dong_box > ul > li > a > i img { width:30px;}

.slide4 .dong_box > ul > li > a.bg7 { font-size:13px;}
.slide4 .dong_box > ul > li > a.bg8 { font-size:13px;}

.slide4 .news_box {padding:0 20px 0 2%;}
.slide4 .news_box .swiper-container1 { height:250px;}
}

@media all and (max-width:820px) {
.slide1 .bg_box {width:100%;}
.slide1 .icon_box {position:relative; top:auto; left:auto; text-align:center; width:100%;}
.slide1 .slide_text { display:table; margin:0 auto;}
.slide1 .slide_text li {display: table-cell;padding:20px 10px 10px 10px; font-size: 35px;line-height:1em}
.commInfo { padding-bottom:50px;}
.comm {width: 100%;margin: auto;}
.comm .comm1,.comm .comm2,.comm .comm3 {margin: 20px 15px;}
.comm h2 {font-size: 16px; margin-bottom:10px;}

.insect { left:5%; }
.insect img { width:100px;}

/* The animation code */
@keyframes mo_insect {
  0% {left:0px;}
  10%   {left:1%;}
  20%   {left:2%;}
  30%   {left:2.5%;}
  40%   {left:4%;}
  50%  {left:5%;}
  60%  {left:5%;}
  70%  {left:5%;}
  80%  {left:5%;}
  90%  {left:5%;}
  100%   {left:5%;}
}

.slide2 .box_text .title {position: relative;text-align: center;writing-mode: unset;transform: unset;-webkit-transform: unset; right: auto; top: auto; white-space: unset; line-height: normal; padding: 0; font-size: 26px; float: none}
.slide2 .box_special {width: 100%}
.slide2 .box_special .calinfo {margin: 0 ;width: 100%}

.slide3 .insta p { padding:5px 0;}
.slide3 .insta h2 {font-size: 30px;}

.slide3 .video {height: 250px}

.slide4 h2 {font-size: 16px; margin-bottom:10px;}
.slide4 .dong_box { width:68%;}
.slide4 .dong_box > ul > li { padding-top:20px; text-align:center;}
.slide4 .dong_box > ul > li.li2 { padding-top:20px; text-align:center;}

.slide4 .news_box { width:32%;}
.slide4 .news_box .page_box {top:-2px; width:72px; height:24px;}
.slide4 .news_box .page_box .swiper-button-prev { width:24px; height:24px; background-size:10px;}
.slide4 .news_box .page_box .swiper-button-next {width:24px; height:24px; left:24px; background-size:10px;}
.slide4 .news_box .page_box .btn_more a { width:24px; height:24px; background-size:10px;}

}

@media all and (max-width:590px) {

.commInfo { padding:10px 0 50px 0;}
.comm .comm1 ul li a p {max-width: 190px;}
.comm .comm1,.comm .comm2,.comm .comm3 {width:100%; margin:0; padding:20px; box-sizing:border-box;}
.comm .comm2 span, .comm .comm3 span {right: 30px; top: 60px;}
.comm .comm2 {border: 1px solid #ddd; border-right: 0; border-left: 0;}

.slide1 .slide_text li {font-size: 20px;}

.slide2 .box_special .calendar {float: none;width: 100%;margin: 0}
.slide2 .box_special .calendar .info {float: none; text-align: right;}
.slide2 .box_special .calendar .title {text-align: center;}
.slide2 .box_special .calendar .date p,.slide2 .box_special .calendar .date label {font-size: 19px;}
.slide2 .box_special .calendar table {height: 350px;font-size: 12px}
.slide2 .box_special .calendar table td span.totay { font-size:9px; padding:2px; line-height:1em;}
.slide2 .box_special .calendar table th {padding:0 5px}
.slide2 .box_special .calendar table td {padding: 5px 0px 20px 5px}
/* .slide2 .box_special .calendar table td span.program {bottom:5px;left: 5px;} */

.slide2 .box_special .calinfo .title #today {margin: 0;font-size: 19px;text-align: center;display: block;}

.slide2 .box_special .calinfo .side_wrapper { flex-direction: column; height: auto; padding: 20px 0 0 0; gap: 10px;}
.slide2 .box_special .calinfo .side_wrapper2 { flex-direction: column; height: auto; padding: 20px 0 0 0; gap: 10px;}
.slide2 .box_special .calinfo .contents { width: 100%;}
.slide2 .box_special .calinfo .contents .title {display:block; padding: 10px 0;font-size: 18px}
.slide2 .box_special .calinfo .contents1 { width: 100%; padding: 0 10px; max-height: 160px;}
.slide2 .box_special .calinfo .contents1 ul li { padding: 10px 0;}
.slide2 .box_special .calinfo .contents1 ul li a { font-size: 15px;}
.slide2 .box_special .calinfo .contents1 ul li span { font-size: 13px;}


/* .slide2 .box_special .calinfo .con1,.slide2 .box_special .calinfo .con2 {padding: 0;margin: 20px 0;height: auto;}
.slide2 .box_special .calinfo .con1 .contents, .slide2 .box_special .calinfo .con2 .contents {width: 100%;text-align: center;}
.slide2 .box_special .calinfo .con1 .contents .title, .slide2 .box_special .calinfo .con2 .contents .title {display:block; padding: 10px 0;font-size: 18px}
.slide2 .box_special .calinfo .con1 .contents1,.slide2 .box_special .calinfo .con2 .contents1 {width: 100%; box-sizing:border-box; padding:0 5%;}
.slide2 .box_special .calinfo .con1 .contents1 ul li, .slide2 .box_special .calinfo .con2 .contents1 ul li {padding: 20px 0}
.slide2 .box_special .calinfo .con1 .contents1 ul li span {font-size: 13px;}
.slide2 .box_special .calinfo .con1 .contents1 ul li a,.slide2 .box_special .calinfo .con2 .contents1 ul li a {font-size: 14px}
.slide2 .box_special .calinfo .con1 .contents1 ul li img,.slide2 .box_special .calinfo .con2 .contents1 ul li img {top:20px} */

.slide3 .insta .img ul li img {height: 110px; }
.slide3 .insta, .slide3 .video {width: 100%;margin: 0}
.slide3 .insta h2 {font-size: 30px}

.slide4 .dong_box { width:100%; margin-bottom:40px;}
.slide4 .dong_box > ul > li { padding-top:0;}
.slide4 .dong_box > ul > li.li2 { padding-top:0;}
.slide4 .dong_box > ul > li > a { width:auto; display:block; font-size:13px; border-radius:0;}

.slide4 .dong_box > ul > li > a.bg7 { font-size:13px;}
.slide4 .dong_box > ul > li > a.bg8 { font-size:13px;}

.slide4 .news_box { width:100%; padding:0 20px;}
.slide4 .news_box .swiper-container1 { height:300px;}
}