@charset "utf-8";
.gate ul,.gate li{list-style: none;margin: 0;padding: 0;}
@media screen and (max-width:1470px) {
.top-padding.gate{overflow-x: hidden;}
}
.mainTle{font-size: 32px;}
.swiper-button-next{right: 0;}
.swiper-button-prev {left:  0;}
.swiper-button-next,.swiper-button-prev {background:#fff;width: 41px;height: 41px;text-indent: -999em;font-size: 0;transition:background-color .25s ease-out !important;top: 50%;margin-top: -21px;bottom: auto;border-radius:50% ;box-shadow: 1px 1px 12px 0 rgba(0,0,0,0.23);}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}
.swiper-button-next::before,.swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#333;border-width:1px 0 0 1px;padding:4px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -5px;margin-left: -3px;transition:all .25s ease-out;opacity:.95;right: auto;}
.swiper-button-next::before{border-width:0 1px 1px 0;margin-left: -6px;}
.swiper-button-next:hover,.swiper-button-prev:hover {background:#f05150;}
.swiper-button-next:hover::before, .swiper-button-prev:hover::before{opacity: 1;border-color: #fff;}
/**/
.main_visual{position: relative;}
#visualSlider {height: 600px;background-color: #ccc;position: relative;}
#visualSlider .swiper-slide .wrapper{max-width: 1320px;height: 100%;padding-top: 76px;box-sizing: border-box;}
#visualSlider .swiper-slide{position: relative;}
#visualSlider ._back{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: 140px 0}
#visualSlider ._txt{z-index: 2;color: #fff;position: absolute;top: 95px;width: 48%;padding-top: 45px;}
#visualSlider ._txt::before{display: block;content: '';width: 40px;height: 6px;background-color: #fff;position: absolute;top: 0;left: 0;}
#visualSlider ._txt .titUp{font-size: 28px;font-weight: 400;opacity: .75;}
#visualSlider ._txt .tit{font-size: 60px;margin-bottom:36px;letter-spacing: -2.5px;font-weight: 700;position: relative;padding-top: 23px;line-height: 1.1}
#visualSlider ._txt .desc{font-size: 28px;line-height: 1.1;}
#visualSlider ._txt .desc .m_place{display: none;}
#visualSlider .txt_no ._txt{display: none;}
#visualSlider ._poster {float: right;width: 50%;}
#visualSlider ._poster .frame{margin: 0 auto;width: 320px;height: 452px;position: relative;}
#visualSlider ._poster img{width: 320px;height: 452px;box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.5);}
#visualSlider .control{width: 120px;height: 30px;position: absolute;bottom: 110px;left: calc(50% - 660px);z-index: 9;}
#visualSlider .swiper-pagination-fraction{bottom: auto;top: auto;font-size: 16px;color: rgba(255,255,255,.6);letter-spacing: 0;line-height: 27px;width: auto;text-align: center;overflow: hidden;position: relative;font-family: 'Roboto';padding-top: 0;}
#visualSlider .swiper-pagination-fraction span{vertical-align: middle;padding-top: 0;display: inline-block;}
#visualSlider .swiper-pagination-fraction .swiper-pagination-current{padding-right: 3px;font-weight: 500;color: #fff;font-size: 20px;margin-bottom: 0;}
#visualSlider .swiper-pagination-fraction .swiper-pagination-total{padding-left: 3px;font-size: 16px;}
#visualSlider .swiper-button-next,#visualSlider .swiper-button-prev {background:none;width: 30px;height: 30px;text-indent: -999em;font-size: 0;transition:background-color .25s ease-out !important;top: 50%;margin-top: -15px;bottom: auto;border-radius:0 ;box-shadow:none;}
#visualSlider .swiper-button-next::after,#visualSlider .swiper-button-prev::after {display: none;}
#visualSlider .swiper-button-next::before,#visualSlider .swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#fff;border-width:1px 0 0 1px;padding:5px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -6px;margin-left: -6px;transition:all .25s ease-out;opacity:.5;right: auto;}
#visualSlider .swiper-button-next::before{border-width:0 1px 1px 0;margin-left: -6px;}
#visualSlider .swiper-button-next:hover,#visualSlider .swiper-button-prev:hover {background:none;}
#visualSlider .swiper-button-next:hover::before, #visualSlider .swiper-button-prev:hover::before{opacity: 1;border-color: #fff;}
/*
.swiper-button-next.half,
.swiper-button-prev.half {border-radius:0 ;box-shadow: none;width: 70px;height: 70px;margin-top: -35px;background: rgba(0,0,0,0.3);}
.swiper-button-prev.half{left:calc(50% - 730px)}
.swiper-button-next.half{right:calc(50% - 730px)}
.swiper-button-next.half::after,
.swiper-button-prev.half::after{display: block;content: '';width: 24px;height: 1px;position: absolute;background-color: #fff;top: 50%;left: 50%;margin-left:-12px;margin-top: -1px;}
.swiper-button-next.half::before,
.swiper-button-prev.half::before{display: block;content: '';border-style: solid; border-color: #fff;border-width: 0 0 0 1px; padding: 5px;transform: rotate(135deg);position: absolute;top: 50%;transition: .25s ease-out;margin-left:0;margin-top: -5px;}
.swiper-button-prev.half::before{transform: rotate(45deg);margin-left: -10px;}

#visualSlider .control{width: 100px;height: 30px;position: absolute;bottom: 50px;left: calc(50% - 660px);z-index: 9}
#visualSlider .swiper-pagination-fraction{bottom: auto;top: auto;font-size: 15px;color: #fff;letter-spacing: 0;line-height: 30px;width: auto;text-align: left;overflow: hidden;position: relative;}
#visualSlider .swiper-pagination-fraction span{vertical-align: top;padding-top: 0;display: inline-block;}
#visualSlider .swiper-pagination-fraction .swiper-pagination-current{padding-right: 3px;font-weight: 500;color: #fff;font-size: 18px;}
#visualSlider .swiper-pagination-fraction .swiper-pagination-total{padding-left: 3px;font-size: 16px;}

#visualSlider .control .swiper-button-next,#visualSlider .control .swiper-button-prev {background:none;width: 30px;height: 30px;text-indent: -999em;font-size: 0;transition:background-color .25s ease-out !important;top: 50%;margin-top: -15px;bottom: auto;border-radius:0 ;box-shadow:none}
#visualSlider .control .swiper-button-prev{left: auto;right: 30px;}
#visualSlider .control .swiper-button-next::after,#visualSlider .control .swiper-button-prev::after {display: none;}
#visualSlider .control .swiper-button-next::before,#visualSlider .control .swiper-button-prev::before {content:'';display:block;position:absolute;border:none;padding:0;transform:none;top:50%;left:auto;right: 0;margin-top: -9px;margin-left: 0;width: 17px;height: 18px;background: url(../img/main/aro1.png) right 0 no-repeat;opacity: .5;}
#visualSlider .control .swiper-button-next::before{border-width:0;background-image: url(../img/main/aro2.png);}
#visualSlider .control .swiper-button-next:hover,#visualSlider .control .swiper-button-prev:hover {background:none;}
#visualSlider .control .swiper-button-next:hover::before, #visualSlider .swiper-button-prev:hover::before{opacity: 1;}
 */

@media screen and (max-width:1600px) {
.gate .snsLstBox{display: none;}
#visualSlider ._back,
#visualSlider .swiper-slide{background-position: 0 0;}

}
@media screen and (max-width:1376px) {
#visualSlider .control{left: 2.5%;bottom: 60px;}
#visualSlider .swiper-slide{background-position: 30% 0;}
#visualSlider ._txt .titUp{font-size: 25px;}
#visualSlider ._txt .tit{font-size: 55px;margin-bottom:40px;}
#visualSlider ._txt .desc{font-size: 24px;}
}
@media screen and (max-width:1200px) {
 .mainTle{font-size: 29px;}
/* #visualSlider,#visualSlider .swiper-slide .wrapper{}*/
#visualSlider {height: 736px;}

#visualSlider ._back{background-position: 80% 0;background-size:cover;  filter: blur(7px);margin: -15px;}



#visualSlider ._txt {position: relative;text-align: center;width: auto;padding: 0;top: auto;left: auto;}
#visualSlider ._txt::before{display: none;}
#visualSlider .swiper-slide .wrapper{padding-top: 40px;}
#visualSlider .txt_no ._txt{display: block;}
#visualSlider .wrapper:not(.poster_no) ._txt .titUp{display: none;}
#visualSlider .wrapper.poster_no::before,
#visualSlider .wrapper.txt_no::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: -5%;right: -5%;background:rgba(0,0,0,0.6);}
#visualSlider .wrapper.poster_no ._txt{top: 50%;transform:translateY(-50%);padding-bottom: 30px;}

#visualSlider ._txt .tit{font-size: 44px;margin-bottom:15px;padding-top: 35px;}
#visualSlider ._txt .desc{font-size: 18px;}
#visualSlider ._txt .desc .m_place{display: inline-block;position: relative;margin-left: 10px;padding-left: 9px;}
#visualSlider ._txt .desc .m_place::before{display: block;width: 2px;height:16px;background-color: #ccc;content: '';opacity: .5;position: absolute;top: 50%;left: 0;margin-top: -8px;}
#visualSlider ._poster {float: none;width: auto;}
#visualSlider .control{right: 0;left: 0;bottom: 27px;text-align: center;width: auto;}
#visualSlider .control button{display: none;}
#visualSlider .swiper-pagination.swiper-pagination-bullets{position: relative;}
#visualSlider .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border: 2px solid #fff;background: none;margin:0  5px;}
}

@media screen and (max-width:1024px) {
#visualSlider {height:73vh ;}
#visualSlider ._txt .tit{font-size: 40px;margin-bottom:10px;padding-top: 30px;}
#visualSlider ._txt .desc{font-size: 16px;}

#visualSlider ._poster{text-align: center;}
#visualSlider ._poster .frame{width: auto;height:0;padding-bottom: 38vh;position: relative;margin: 0 auto;}
#visualSlider ._poster img{width: auto;height: 100%;position: absolute;top: 0;left: 50%;transform:translateX(-50%)}
#visualSlider .control{bottom: 4%}
}

@media screen and (max-width:600px) {
#visualSlider {height:67vh;}
#visualSlider ._poster .frame{padding-bottom: 33vh;}
#visualSlider ._txt .tit{font-size: 38px;margin-bottom:10px;padding-top: 20px;}
#visualSlider ._txt .desc{font-size: 15px;}
#visualSlider ._txt .desc .m_place{display: block;position: relative;margin-left: auto;padding-left: 0;font-size: 14px;padding-top: 5px;}
#visualSlider ._txt .desc .m_place::before{display: none;}
#visualSlider .control{bottom: 3%}
}
@media screen and (max-width:500px) {
#visualSlider .swiper-slide .wrapper{padding-top: 4.5%;}
#visualSlider {height:105vw;}
#visualSlider ._poster .frame{padding-bottom: 52vw;}
#visualSlider ._txt {font-size:6.5vw}
#visualSlider ._txt .tit{font-size: 1em;letter-spacing: -2px;letter-spacing: -1.5px;}
#visualSlider ._txt .desc{font-size: 0.65em;}
#visualSlider ._txt .desc .m_place{font-size: 0.75em;}

}
/* @media screen and (max-width:1024px) {
#visualSlider {height: 75vh;}
#visualSlider ._poster{text-align: center;}
#visualSlider ._poster .frame{width: auto;height:0;padding-bottom: 60%;position: relative;margin: 0 auto;}
#visualSlider ._poster img{width: auto;height: 100%;position: absolute;top: 0;left: 50%;transform:translateX(-50%)}
} */

/*********
kko
**********/
.kko{position:absolute;top: 640px; right:30px;z-index: 9;}
.kko.fixed{position: fixed;top: 110px;}
.kko a{display: block; width: 50px;height: 50px;overflow: hidden;position: relative;transition: all 0.35s ease-out;}
.kko a::before{display: block;content: '';transition: all 0.35s ease-out;border-radius: 20px;background-color: #ffe500;position: absolute;top: 0;left: 0;right: 0;height: 50px;}
.kko a em{display: block;font-style: normal;text-indent: -999em;width: 22px;height: 24px;position: absolute;left: 50%;top: 13px;margin-left: -11px;transition: all 0.35s ease-out}
.kko a em::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/kko.gif) center no-repeat;}
.kko a b,.kko a span{display: block;font-size: 13px;opacity: 0;}
.kko a b{width: 110px;height: 24px;line-height: 24px;background-color: #fff;font-weight: 400;position: relative;box-sizing: border-box;padding-left:9px;border-radius: 2.5em;top: 13px;margin-left: 45px;transition: all 0.35s ease-out;}
.kko a b::before{display: block;content: '';position: absolute;top: 0;bottom: 0;right: 6px;width: 15px;height:100%;background: url(../img/main/kko_plus.gif) right center no-repeat;}
.kko a span{position: absolute;top: 100px;padding-top: 10px;overflow: hidden;width: 170px;right: 0;transition: all 0.35s ease-out;text-align: center;font-weight: 400;letter-spacing: -1px;color: #f00;}

@media screen and (min-width: 1025px) {
.kko a:hover,.kko a:focus{width: 170px;height: 85px;}
.kko a:hover::before,.kko a:focus::before{border-radius: 25px;}
.kko a:hover em,.kko a:focus em{margin-left: 0;left: 15px;}
.kko a:hover b,.kko a:focus b,
.kko a:hover span,.kko a:focus span{opacity: 1;}
.kko a:hover span,.kko a:focus span{top: 50px;color: #666;}
.kko a:hover span:hover{color: #f05150;transition: none;font-weight: 500;}
}
@media screen and (min-width:1921px) {
.kko.fixed{right:calc(50% - 930px);}
}
@media screen and (max-width: 1024px) {
/* .kko,.kko.fixed{position:fixed;top: auto; left:4%;bottom: 2.5%;right: auto;} */
.kko a{width: 39px;height: 37px;}
.kko a::before{height: 37px;border-radius:0}
.kko a em{width: 39px;height: 37px;left: 50%;top: 0;margin-left: -19px;}
.kko,.kko.fixed{position:fixed;top: auto; right:45px;bottom: 5px;}

}

/*********
mainTownStory
**********/
.mainTownStory{padding: 68px 0 110px 0;position: relative;}
.mainTownStory::before{position: absolute;display: block;content: '';background: url(../img/main/pat1.png) center 40px no-repeat;top: 0;left: 0;right: 0;bottom: 0;}
.mainTownStory .wrapper{max-width: 1320px;}
.thmLstTab .mainTle{position: absolute;top: 12px;left: 0;}
.thmLstTab{position:relative;margin: 0;padding-top: 83px;}
.thmLstTab h3{position: absolute;top: 0;font-weight: 400;letter-spacing: -1px;}
.thmLstTab h3 a{font-size: 18px;color: #666;display: inline-block;position: relative;height: 22px;padding: 26px 22px 1px;}
.thmLstTab h3.on a{color: #000;}
.thmLstTab h3.on a::after{display: block;content: '';background-color: #f05150;left: 20px;height: 2px;bottom:0;right: 20px;position: absolute;}
.thmLstTab h3 a.plus{position: absolute;opacity: .0;top: 10px;left: 22px;right: 22px;font-size: 0;text-indent: -999em;padding: 0;border: 0;line-height: 0;height: 19px;transition:.25s ease-out;}
.thmLstTab h3 a.plus::before{  position: absolute;  content: ''; display: block;top:0;left: 0;right: 0;bottom: 0;background: url(../img/main/news_plus.png) center no-repeat;}
.thmLstTab h3.on a.plus{top: 0;opacity: 1;}
.thmLstTab h3.on a.plus::after{display: none;}
.thmLstTab h3:nth-last-of-type(1) a.plus,
.thmLstTab h3:nth-last-of-type(1) {right: 0;}
.thmLstTab h3:nth-last-of-type(1) a{padding-right: 0;}
.thmLstTab h3:nth-last-of-type(1).on a::after{right: 0;}
.thmLstTab h3:nth-last-of-type(2) {right: 50px;}
.thmLstTab h3:nth-last-of-type(3) {right: 158px;}
.thmLstTab h3:nth-last-of-type(4) {right: 270px;}
.thmLstTabCont{display: none;position: relative;}
.thmLstTabCont.on{display: block;}
.thmLstTabCont .nothing{text-align: center;background: #fff url(../img/main/thm_no.png) center 40% no-repeat;position: relative;height: 0;padding-bottom:39.54%;}
.thmLstTabCont .nothing::before{display: block;content: '';position: absolute;border: 10px solid #eee;top: 0;bottom: 0;left: 0;right: 0;}
.thmLstTabCont .nothing p{position: absolute;top: 55%;left: 0;right: 0;}
.ovh{overflow: hidden;}
.thmLst{overflow: hidden !important;margin-left: -50px;margin-left: -1.4925%;position: relative;}
.thmLst ul{list-style-type: none;display: flex;margin: 0;padding: 0;}
.thmLst ul::after{display: block;content: '';clear: both;}
.thmLst li{margin: 0;padding: 0;list-style-type: none;width: 315px;float: left;margin-left: 20px;width: 23.507% !important;margin-left: 1.4925% !important;font-size: 0;}
.thmLst li a{display: block;}
.thmLst li a .imgDiv{text-indent: -999em;display: block;background-color: #fff;background-position: center;background-repeat: no-repeat;background-size:cover ;position: relative;height: 0;padding-bottom: 142.857%;overflow: hidden;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2)}
.thmLst li a .imgDiv.noImg{background: #fff url(../img/main/thm_no.png) center no-repeat;background-size:auto}
.thmLst li a .imgDiv.noImg::before{display: block;content: '';position: absolute;border: 1px solid :;top: 0;bottom: 0;left: 0;right: 0;}
.thmLst li a img{width: 100%;height: 100%;font-size: 0;display: block;position: absolute;top: 0;left: 0;}
.thmLst li a span.txtDiv{display: block;position: relative; margin-top: 25px;font-size: 0;}

/* .thmLst li a span.txtDiv b{display: block;font-weight: 500;font-size: 20px; line-height: 1.25; letter-spacing: -1px;height: 2.5em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 5%;margin-top: 10px;} */
.thmLst li a span.txtDiv b{display: block;font-weight: 500;font-size: 20px; line-height: 1.25; letter-spacing: -1px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;margin-bottom: 5px;margin-top: 10px;}
.thmLst li a span.txtDiv .date_fee{display: block;font-size: 16px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;opacity: .8;line-height: 1.1;}
.thmLst li a span.txtDiv .date_fee span{display: inline-block;color: #ccc;margin: 0 5px;}
/* .thmLst li a.noimg::after{display: block;content: '';position: absolute;top: 5%;left: 5.4%;right: 5.4%;height: 50.4%;background-color: #f3f3f3; }
.thmLst li a.noimg::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 1px solid #ddd;}
.thmLst li a.noimg span.txtDiv{color: #000;}
.thmLst li a.noimg span.txtDiv::before{display: none;} */

.swiper_nav{height: 0;text-align: center;padding-top: 0;position: absolute;top: calc(50% - 60px);right: -25px;left: -25px;}
.swiper_nav button,
.swiper_nav .swiper-button-prev,.swiper_nav .swiper-button-next{border:0;width: 50px;height: 50px;font-size: 0;top:0;margin: 0;transition:.2s ease-out;display: block;width: 50px;height: 50px;border-radius:50% ;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.13);}
.swiper_nav .swiper-button-prev::before,
.swiper_nav .swiper-button-next::before{padding: 6px ;margin-top: -7px;margin-left: -4px;}
.swiper_nav .swiper-button-next::before{margin-left: -8px;}
.swiper_nav .swiper-button-prev{left: 0;right: auto;}
.swiper_nav .swiper-button-next{left: auto;right: 0;}

@media screen and (max-width:1200px) {

.thmLst li a span.txtDiv b{font-size: 17px;}
.thmLst li a span.txtDiv .date_fee{font-size: 14px;}
}
@media screen and (max-width:820px) {
.mainTownStory{padding: 48px 0 50px 0;}
.mainTownStory::before{display: none;}
.thmLstTab {padding-top: 130px;}
.thmLstTab .mainTle{text-align: center;right: 0;top: 0;font-size: 29px;}

.thmLstTab h3{position: absolute;top: 55px;font-weight: 400;letter-spacing: -1px;width: 25%;text-align: center;}
.thmLstTab h3 a{font-size: 15px;color: #333;display: block;height: 55px;line-height: 55px;padding: 0;border: 1px solid #ddd;border-left: 0;}
.thmLstTab h3.on a{color: #000;color: #FFF;background-color: #f05150;border-color: #f05150;}
.thmLstTab h3.on a::after,
.thmLstTab h3 a.plus,
.thmLstTab h3 a.plus::after{display: none;}
.thmLstTab h3:first-of-type a{border-left: 1px solid #ddd;}
.thmLstTab h3:nth-last-of-type(1) {right: 0;}
.thmLstTab h3:nth-last-of-type(2) {right: 25%;}
.thmLstTab h3:nth-last-of-type(3) {right: 50%;}
.thmLstTab h3:nth-last-of-type(4) {right: 75%;}
.thmLst {margin-left: -2.777vw;}
.thmLst li{width:41.666vw !important ;margin-left: 2.777vw !important;}
.thmLst li a span.txtDiv b{font-size: 17px;}
.thmLst li a span.txtDiv .date_fee{font-size: 14px;}
.swiper_nav{display: none;}
}
/*********
mainNews
**********/

.mainNews{position: relative;padding: 97px 0 105px;background-color: #f8f8fa;}
.mainNews .mainTle{position: absolute;top: 12px;left: 0;}
.mainNews .wrapper{max-width: 1320px;}
.mainAlim{float: left;width: 400px;position: relative;padding-top: 73px;}
#alimSlider{background: #eee url(../img/common/thm_blank.png) center no-repeat;position: relative;height: 0;padding-bottom:100%;}
.mainAlim .swiper-wrapper{position: absolute;top: 0;left: 0;width: 100%;bottom: 0}
.mainAlim .swiper-slide{background-repeat: no-repeat;background-position: center; background-size:cover ;text-indent: -999em;}
.mainAlim .swiper-slide a{display: block;overflow: hidden;text-indent: -999em;height:100%;}
.mainAlim .swiper-slide a img{position: relative;transform:translateX(-50%);left: 50%;display: none;}
.mainAlim .control{position: absolute;top: 5px;right: 0;width: 80px;padding-right: 40px;}
/*2023-12-12*/
.swiper-pagination-fraction{bottom: auto;top: auto;font-size: 15px;color: #666;letter-spacing: 0;line-height: 20px;width: auto;text-align: right;overflow: hidden;position: relative;}
.swiper-pagination-fraction span{vertical-align: bottom;padding-top: 15px;display: inline-block;}
.swiper-pagination-fraction .swiper-pagination-current{padding-right: 3px;font-weight: 500;color: #000;font-size: 20px;}
.swiper-pagination-fraction .swiper-pagination-total{padding-left: 3px;font-size: 16px;}


.swiper-button-stop,.swiper-button-play{width: 30px;background-color: #fff;border-radius:50% ;overflow: hidden;display: block;height: 30px;text-indent: -999em;position: absolute;right: 0;top: 10px;}
.swiper-button-play{display: none;}
.swiper-button-stop::before,.swiper-button-play::before{position: absolute;display: block;top: 7px;left: 0;right: 0;font-family:'xeicon' !important;font-size: 16px;color: #000;text-indent: 0;}
.swiper-button-stop::before{content:'\ea3b' ;}
.swiper-button-play::before{content:'\ea3e' ;font-size: 18px;top: 5px;left: 3px;color: #f05150;}

.mainAlim .swiper-button-next{right: -20px;top: calc(50% + 35px);}
.mainAlim .swiper-button-prev {left:  -20px;top: calc(50% + 35px);}
/* 여기까지 */

.mainTabLst{position:relative;float:right;margin: 0;width:calc(100% - 480px);padding-top: 70px;}
.mainTabLst h3{position: absolute;top: 0;font-weight: 400;letter-spacing: -1px;}
.mainTabLst h3 a{font-size: 18px;color: #666;display: inline-block;position: relative;height: 22px;padding: 26px 22px 1px;}
.mainTabLst h3.on a{color: #000;}
.mainTabLst h3.on a::after{display: block;content: '';background-color: #f05150;left: 20px;height: 2px;bottom:0;right: 20px;position: absolute;}
.mainTabLst h3 a.plus{position: absolute;opacity: .0;top: 10px;left: 22px;right: 22px;font-size: 0;text-indent: -999em;padding: 0;border: 0;line-height: 0;height: 19px;transition:.25s ease-out;}
.mainTabLst h3 a.plus::before{  position: absolute;  content: ''; display: block;top:0;left: 0;right: 0;bottom: 0;background: url(../img/main/news_plus.png) center no-repeat;}
.mainTabLst h3.on a.plus{top: 0;opacity: 1;}
.mainTabLst h3.on a.plus::after{display: none;}
.mainTabLst h3:nth-last-of-type(1) a.plus,
.mainTabLst h3:nth-last-of-type(1) {right: 0;}
.mainTabLst h3:nth-last-of-type(1) a{padding-right: 0;}
.mainTabLst h3:nth-last-of-type(1).on a::after{right: 0;}
.mainTabLst h3:nth-last-of-type(2) {right: 100px;}
/*
.mainTabLst h3:nth-last-of-type(3) {right: 207px;}
.mainTabLst h3:nth-last-of-type(4) {right: 323px;}
*/
.mainTabLst h3:nth-last-of-type(3) {right: 230px;}
.mainTabLst h3:nth-last-of-type(4) {right: 330px;}
.mainTabLst h3:nth-last-of-type(5) {right: 437px;}

.mainTabLst .mainLst{display: none;position: relative;height: 398px;border-top: 2px solid #000;border-bottom: 1px solid #000;}
.mainTabLst .mainLst.on{display: block;}

.mainLst ul{list-style-type: none;padding: 0;margin: 0;/* display: table; */height: 100%;width: 100%;}
.mainLst ul li{list-style-type: none;padding: 0;margin: 0;position:relative;/* display: table-row-group; */}
.mainLst ul li a{display:block;height: 100%;overflow:hidden;transition:.25s ease-out;color: #999;padding-right: 10px;padding-left: 10px;font-size: 15px;font-weight: 400;border-bottom: 1px solid #ddd;line-height: calc(394px/5);position: relative;}
.mainLst ul li:last-child a{border-bottom:none;}
.mainLst ul li a span{display: block;width: 90px;float: left;}
.mainLst ul li a span i.no{font-style: normal;display: inline-block;position: relative;padding-left: 10px;margin-left: 12px;}
.mainLst ul li a span i.no::before{display: block;content: '';position: absolute;width: 1px;background-color: #000;opacity: .3;height: 13px;left: 0;top: 50%;margin-top: -6px;}
.mainLst ul li a b{display:block;float:left;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;width:calc(100% - 220px);overflow:hidden;font-size: 19px;font-weight: 400;color: #000;transition:.25s ease-out;}
.mainLst ul li a em{display:block;float:right;font-style:normal;width:80px;text-align: right;font-weight: 300;color: #000;}
.mainLst ul li a:hover{background-color: #f9f9f9;color: #000;}
.mainLst ul li a:hover b{color: #f05150;}
.mainLst li i.new{overflow: hidden;display: inline-block;position: relative;width: 14px;height: 14px;background-color:#f05150;z-index: 20;font-style: normal;color: #fff;vertical-align: middle;top: -1px;margin-right: 3px;margin-left: 0;text-indent: -999em;}
.mainLst li i.new::after{display: block;content: 'N';position: absolute;line-height: 14px;top: 0;left: 0;text-align: center;z-index: 3;font-size: 9px;font-weight: 700;font-family: 'verdana';height: 100%;width: 100%;overflow: hidden;text-indent: 0;}
.mainLst .nothing{text-align: center;background:none;position: relative;height: 0;padding-bottom: 398px;}
.mainLst .nothing p{position: absolute;top: 50%;left: 0;right: 0;transform:translateY(-50%);color: #666;}
.pat2{position: relative;}
.pat2::before{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 0;background:url(../img/main/pat2.png) no-repeat center -5px ;}
@media screen and (max-width:1200px) {
.mainNews{padding-top: 50px;padding-bottom: 50px;}
.mainAlim{float: none;width: auto;margin-bottom: 100px;}
.mainTabLst{float: none;width: auto;}
.mainTabLst {padding-top:130px;}
.mainTabLst .mainTle{text-align: center;right: 0;top: 0;font-size: 29px;}
/*.mainTabLst h3{position: absolute;top: 55px;font-weight: 400;letter-spacing: -1px;width: 25%;text-align: center;}*/
.mainTabLst h3{position: absolute;top: 55px;font-weight: 400;letter-spacing: -1px;width: 20%;text-align: center;}
.mainTabLst h3 a{color: #333;display: block;height: 55px;line-height:55px;padding: 0;border: 1px solid #ddd;border-left: 0;font-size: 15px;}
.mainTabLst h3.on a{color: #000;color: #FFF;background-color: #f05150;border-color: #f05150;}
.mainTabLst h3.on a::after,
.mainTabLst h3 a.plus,
.mainTabLst h3 a.plus::after{display: none;}
.mainTabLst h3:first-of-type a{border-left: 1px solid #ddd;}
.mainTabLst h3:nth-last-of-type(1) {right: 0;}
/*.mainTabLst h3:nth-last-of-type(2) {right: 25%;}
.mainTabLst h3:nth-last-of-type(3) {right: 50%;}
.mainTabLst h3:nth-last-of-type(4) {right: 75%;}
.mainTabLst h3:nth-last-of-type(5) {right: 100%;}
*/
.mainTabLst h3:nth-last-of-type(2) {right: 20%;}
.mainTabLst h3:nth-last-of-type(3) {right: 40%;}
.mainTabLst h3:nth-last-of-type(4) {right: 60%;}
.mainTabLst h3:nth-last-of-type(5) {right: 80%;}
}
@media screen and (min-width:415px) and (max-width:1200px) {
.mainAlim #alimSlider{margin: 0 auto;max-width: 400px;padding-bottom: 400px;}
.mainAlim .swiper-button-next{right: calc(50% - 220px);}
.mainAlim .swiper-button-prev {left: calc(50% - 220px);}
}

@media screen and  (max-width:820px) {
.mainLst .nothing{padding-bottom: 76.6%;}
.mainTabLst .mainLst{height: auto;}
.mainLst ul li a{line-height:normal;padding: 12px 10% 12px 3.3%;}
.mainLst ul li a::after{border-style:solid;border-color:#CCC;border-width:0 0 3px 3px;display:block;padding:6px;transform:rotate(-135deg);position:absolute;top:41%;right:4%;content:'';transition:all .25s ease-out}
.mainLst ul li a span{display: none;}
.mainLst ul li a b{width: auto;float: none;font-size: 17px;}
.mainLst ul li a em{float: none;text-align: left;width: auto;white-space: normal;}
}
@media screen and (max-width:500px) {
.mainTabLst h3:not(#tle_1) a{line-height: 1.1;padding-top: 13px;height: 42px;}
.mainTabLst h3 a span{display: block;text-indent: -999em;font-size: 0;}
}
/*********
mainFest
**********/
.mainFest{position: relative;margin-bottom: 110px;padding-bottom: 106px;padding-top: 110px;}
.mainFest::after{display: block;content: '';position: absolute;bottom: 0;right: 0;height: 1px;background-color: #000;left: calc((100% - 1320px)/2);opacity: .2;}
.mainFest .wrapper{max-width: 1320px;}
.festTabCont{position:relative;letter-spacing: -1px;}
.festTabCont h3{position: absolute;top: 0;font-weight: 400;z-index: 3;}
.festTabCont h3 a{font-size: 18px;color: #777;display: inline-block;line-height: 30px;position: relative;height: 30px;transition: .25s ease-out;}
.festTabCont h3#festTle_1{left:0;}
.festTabCont h3#festTle_2{left:113px;}
.festTabCont._tab3 h3#festTle_2{left:100px;}
.festTabCont._tab3 h3#festTle_3{left:230px;}
.festTabCont._tab4 h3#festTle_2{left:100px;}
.festTabCont._tab4 h3#festTle_3{left:230px;}
.festTabCont._tab5 h3#festTle_4{left:340px;}

.festTabCont h3 a:hover,
.festTabCont h3.on a{color: #000;font-weight: 500}
.festTabCont h3.on a::after{display: block;content: '';background-color: #f05150;left: 0;height: 2px;bottom:0;right: 0;position: absolute;}
.festCont{display: none;position: relative;padding-left: 47.727273%;}
.festCont.on{display: block;}
.festCont::after{display: block;content: '';clear: both;}
.festCont .festTxt{width: 42%;padding-top: 85px;position: absolute;top: 0;left: 0;font-weight: 400;}
.festCont .festTxt dt{font-weight: bold;font-size: 46px;margin-bottom: 15px;}
.festCont .festTxt dd .when{font-size: 28px;padding-bottom: 5px;}
.festCont .festTxt dd .where{font-size: 24px}
.festCont .festTxt dd .desc{font-size: 16px;line-height: 1.3;color: #777;padding-top: 20px;padding-bottom: 40px;text-align: justify;}
.festCont .festTxt a{color: #000;font-size: 18px;display: inline-block;position: relative;line-height: 30px;transition: .25s ease-out;}
.festCont .festTxt a::after{content: '';display: inline-block;width: 17px;height: 17px;background: #000 url(../img/main/fest_aro.png) 0 center no-repeat;border-radius: 100%;border: 1px solid #fff;position: relative;top: 3px;margin-left: 3px; overflow: hidden;transition: .25s ease-out;}
.festCont .festTxt a:hover{color: #f05150;padding-left: 10px;}
.festCont .festTxt a:hover::after{background-color: #f05150;}
.festCont .festImg{/* float: right;width: 52.272727%; */position: relative;box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.25);}
.festCont .festImg img{display: block;font-size: 0;}
.festCont .festImg .festEtc{position: absolute;top: 70px;right: -70px;z-index: 2;}
.festCont#festCont_1 .festImg .festEtc{top: 44px;right: -65px;}

@media screen and (max-width:1200px) {
.mainFest{margin-bottom: 80px;padding-bottom: 76px;padding-top: 80px;}
.festCont .festTxt{padding-top: 55px;}
.festCont .festTxt dt{font-size: 35px;margin-bottom: 10px;}
.festCont .festTxt dd .when{font-size: 24px;}
.festCont .festTxt dd .where{font-size: 18px}
.festCont .festTxt dd .desc{padding-top: 10px;padding-bottom: 20px;font-size: 15px;}
.pat2::before,
.mainTownStory::before{background: #FFF;}
}
@media screen and (max-width:820px) {
.mainFest{margin-bottom: 50px;padding-bottom: 40px;padding-top: 40px;}
.festCont {padding-left: 0;}
.festCont .festTxt{position: relative;width: auto}
.festCont .festTxt{padding-top: 45px;}
.festCont .festTxt dt{font-size: 33px;margin-bottom: 15px;}
.festCont .festTxt dd .when{font-size: 21px;}
.festCont .festTxt dd .where{font-size: 17px}
.festCont .festTxt dd .desc{padding-top: 18px;}
.festCont .festTxt a{color: #fff;background-color: #f05150;display:block;line-height: 60px;text-align: center;}
.festCont .festTxt a::after{display: none;}
.festCont .festImg{float: none;width: auto;box-shadow: 0px 1px 12px 0 rgba(0,0,0,0.25);}
.festCont .festImg .festEtc{top: 100%;right: 0;padding-top: 20px;width: 23%;}
.festCont .festImg img{width: 100%;}
.festCont#festCont_1 .festImg .festEtc{display: none;}
.festTabCont{padding-top: 80px;}
.festTabCont h3{position: absolute;top: 0;letter-spacing: -1px;width: 50%;text-align: center;}
.festTabCont h3 a{color: #333;display: block;height: 55px;line-height:55px;padding: 0;border: 1px solid #ddd;border-left: 0;}
.festTabCont h3.on a{color: #FFF;background-color: #f05150;border-color: #f05150;}
.festTabCont h3.on a::after{display:none}
.festTabCont h3:first-of-type a{border-left: 1px solid #ddd;}
.festTabCont h3#festTle_1{left:0;}
.festTabCont h3#festTle_2{left:50%;}
.festTabCont._tab3 h3{width:33.33%;}
.festTabCont._tab3 h3#festTle_2{left:33.33%;}
.festTabCont._tab3 h3#festTle_3{left:66.66%;}
.festTabCont._tab4 h3{width:25%;}
.festTabCont._tab4 h3#festTle_2{left:25%;}
.festTabCont._tab4 h3#festTle_3{left:50%;}
.festTabCont._tab4 h3#festTle_4{left:75%;}
}
@media screen and (max-width:450px) {
.festTabCont h3 a{font-size: 16px;}
}
@media screen and (max-width:360px) {
.festTabCont h3 a{font-size: 15px;}
}
/********
mainSns
*********/
.mainSns{position: relative;margin-bottom: 110px;}
.mainSns .wrapper{max-width: 1320px;}
.mainSns ._sns{position: absolute;top: 7px;right: -9px;overflow: hidden;font-size: 0;}
._sns a{display: inline-block;font-size: 0;padding: 0 11px;position: relative;height: 30px;vertical-align: middle;}
._sns a.f_blog{width: 13px;}
._sns a.f_ytb{width: 22px;}
._sns a.f_fb{width: 8px;}
._sns a.f_insta{width: 18px;}
._sns a::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;transition: all 0.3s ease-out;opacity: .4;}
._sns a:focus::before,
._sns a:hover::before{opacity: 1;}
._sns a.f_blog::before{background-image: url(../img/main/sns_b.png);}
._sns a.f_fb::before{background-image: url(../img/main/sns_f.png);}
._sns a.f_insta::before{background-image: url(../img/main/sns_i.png);}
._sns a.f_ytb::before{background-image: url(../img/main/sns_y.png);}
._sns a.on::before{opacity: 1;}
._sns a i{display: none;}
.snsThmLst{padding-top: 30px;margin-left: -20px;margin-left: -1.493%;}
.snsThmLst::after{display: block;content: '';clear: both;}
.snsThmLst .snsThm{float: left;/* width: 315px;height: 315px; */position: relative;width: 23.507%;height: 0;padding-bottom:  23.507%;margin-left: 1.493%;margin-bottom: 1.493%;box-shadow:  5px 5px  15px -5px rgba(0, 0, 0, 0.25);background-color: #fff;background-repeat:no-repeat;background-position: center;background-size:cover ;}
.snsThmLst .snsThm a{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-indent: -999em;}

@media screen and (max-width:820px) {
.mainSns{margin-bottom: 55px;}
.mainSns ._sns{position: relative;top: auto;right: auto;padding-top: 30px;}
._sns a{color: #333;height: 55px;line-height:55px;padding: 0;border: 1px solid #ddd;border-left: 0;font-size: 18px;text-align: center;width: 25% !important;
box-sizing: border-box;background-color: #fff;}
._sns a::before{display: none}
._sns a.on{color: #FFF;background-color: #f05150;border-color: #f05150;}
._sns a i{width: 14px;height: 17px;display: inline-block;position: relative;vertical-align: middle;margin-left: 3px;}
._sns a i::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../img/common/ico_win.gif) 0 0 no-repeat;opacity: .5;}
.snsThmLst{margin-left: -1%;}
.snsThmLst .snsThm{margin-left: 1%;margin-bottom: 1%;width: 32.333%;padding-bottom: 32.333%;box-shadow:  0 0  5px 0 rgba(0, 0, 0, 0.25)}
}
@media screen and (max-width:420px) {
._sns a{font-size: 16px;}
}
/********
mainGudok
*********/
.mainGudok {height: 260px;margin-bottom: 110px;position: relative;}
.mainGudok::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;width:calc(100% - 140px);background-color: #ffad01;}
.mainGudok .wrapper{max-width: 1060px;}
.mainGudok p{font-size: 22px;padding-top: 65px;letter-spacing: -1px;float: left;color: #fff;position: relative;z-index: 1;}
.mainGudok p b{display: block;font-size: 36px;padding: 10px 0 40px;}
a.tlnk{font-style: normal;font-size: 18px;position: relative;display: inline-block;padding:10px 0 ;transition:all .25s ease-out;font-weight: 300;color: #fff;}
a.tlnk:hover{padding-left: 15px;}
.haro{display: inline-block;font-style: normal;text-indent: -999em;width: 56px;height: 6px;position: relative;border-bottom: 1px solid #fff;transition:all .25s ease-out;vertical-align: middle;margin-left: 10px;}
.haro::after{display: block;content: '';border-style: solid; border-color: #fff;border-width: 0 0 0 1px; padding: 4px;transform: rotate(135deg);position: absolute;top: 2px;right:2px;transition: .25s ease-out;}

.gudok{position: relative;width: 382px;height: 262px;float: right;margin-top: -17px;}
.gudok::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/main/gudok_icon.png) right 0 no-repeat;}

@media screen and (max-width:1680px) {
.mainGudok::before{max-width: 1400px;width: 100%;left: 50%;margin-left: -700px;}
.mainGudok::after{display: block;content: '';background-color: #ffad01;position: absolute;top: 0;bottom: 0;left: 0;width: calc((100% - 1400px)/2);}
}
@media screen and (max-width:1470px) {
.mainGudok::before{right: 2.5%;width: auto;margin-left: 0;left: 0;}
.mainGudok::after{display: none;}
}
@media screen and (max-width:1200px) {
.mainGudok {height: auto;margin-bottom: 0;padding-bottom: 20px;}
.mainGudok p{float: none;font-size: 18px;padding-top: 35px;}
.mainGudok p b{display: block;font-size: 30px;padding: 5px 0 20px;}
a.tlnk{font-size: 15px;}
.gudok{position: absolute;top: -10px;right: 3%;width: 60%;height: auto;bottom: 0;float: none;margin-top: 0;}
.gudok::before{background-size: auto 100%;}
}
@media screen and (max-width:820px) {
.mainGudok .wrapper{margin-right: 0;width: auto;padding-left: 2.5%;padding-bottom: 0;}
.mainGudok::before,.gudok{right: 0;}
.gudok::before{background-position: 220% 0;}
.haro{width: 40px;}
}
@media screen and (max-width:650px) {
.mainGudok p b span{display: block;}
}
@media screen and (max-width:420px) {
.gudok{width: 100%;right: 0;}
.gudok::before{background-position:200% 0;}
.gudok::before{background-size: 74% auto;}
.mainGudok{padding: 0;}
.mainGudok a.tlnk{margin-bottom: 20px;}

}
/********
mainBtmMenu
*********/
.mainBtmMenu{overflow: hidden;margin-bottom: 110px;}
.mainBtmMenu .wrapper{max-width: 1320px;}
.mainBtmMenu > div > ul{overflow: hidden;margin: 0 auto;}
.mainBtmMenu > div > ul > li{width: 17.857%;margin-left:2.678%;float: left;border-top: 2px solid #000;padding-top: 30px;}
.mainBtmMenu > div > ul > li:first-child{margin-left: 0;}
.mainBtmMenu > div > ul > li > ul > li > a{line-height: 1.5;font-size: 16px;padding: 5px 0;color: #555;font-weight: 400;display: block;}
.mainBtmMenu > div > ul > li > ul > li > a:hover{text-decoration: underline;color: #f30;}
.mainBtmMenu > div > ul > li > h3{font-weight: 500;}
.mainBtmMenu > div > ul > li > h3 > a{font-size: 20px;padding-bottom: 20px;padding-left: 0;line-height: 1.2;display: block;}
.mainBtmMenu a{display: block;}

@media screen and (max-width:1200px) {
.mainBtmMenu{padding: 55px 0 40px;}
.mainBtmMenu > div > ul > li{padding-top: 20px;}
.mainBtmMenu > div > ul > li > h3 > a{font-size: 15px;padding-bottom: 10px;}
}
@media screen and (max-width:650px) {
.mainBtmMenu{padding: 35px 5px;margin-bottom: 0;display: none;}
.mainBtmMenu > div > ul > li{margin-left: 0;width: auto;float: none;padding: 15px 0 5px;border-top: 1px solid #ddd;}
.mainBtmMenu > div > ul > li > ul > li > a{line-height: 1.3;font-size: 13px;padding: 5px 0;}
.mainBtmMenu > div > ul > li > h3 > a{font-size: 14px;padding-bottom: 8px;}
}