@charset "utf-8";


.swr-main-visual {position:relative;height:100%;max-height:1000px;overflow:hidden;}
.swr-main-visual .swiper-container{height:100%;}

.swr-main-visual .swiper-slide {overflow:hidden;}

.swr-main-visual .swiper-slide:after {position:absolute;content:"";display:block;left:50%;top:50%;transform: translate(-50%,-50%);width:102%;height:102%;background-repeat:no-repeat;background-position:center center;background-size:cover;}


.swr-main-visual .swiper-slide.s1:after {background-image:url(../images/main/visual-01.jpg?v=1);}
.swr-main-visual .swiper-slide.s2:after {background-image:url(../images/main/visual-02.jpg?v=1);}
.swr-main-visual .swiper-slide.s3:after {background-image:url(../images/main/visual-03.jpg?v=1);}



.swr-main-visual .swiper-slide.on {z-index:99;}
.swr-main-visual .swiper-slide:after {transition:0.5s;width:120%;height:120%;}
.swr-main-visual .swiper-slide.on:after {transition:2s;transition-delay:1s;width:102%;height:102%;}



.swr-main-visual .visual-copy {position:absolute;z-index:99;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;padding:0 160px;max-width:1400px;text-align:center;color:#fff;}

.swr-main-visual .visual-copy .main {display:inline-block;font-family:'S-CoreDream', sans-serif;font-weight:600;letter-spacing:-0.09em;font-size:3rem;font-style:italic;line-height:1.2;word-break:keep-all;}
.swr-main-visual .visual-copy strong.main {color:#ffde00;}


.swr-main-visual .visual-copy .main {transition:0.5s;opacity:0.2;}
/*
.swr-main-visual .visual-copy .main:first-child {margin-left:-40px;}
.swr-main-visual .visual-copy .main:last-child {margin-right:-40px;}
*/
.swr-main-visual .on .visual-copy .main {transition:2s;transition-delay:2s;opacity:1;text-shadow: 6px 3px 5px rgba(0,0,0,0.6);}
.swr-main-visual .on .visual-copy .main:first-child {margin-left:0;}
.swr-main-visual .on .visual-copy .main:last-child {margin-right:0;}


/*
.swr-main-visual .visual-util {position:absolute;z-index:999;left:0;right:0;top:50%;transform: translateY(-50%);margin-top:230px;}
*/
.swr-main-visual .visual-util {position:absolute;z-index:999;left:0;right:0;bottom:200px;;}

.swr-main-visual .visual-util .control {position:relative;display:inline-block;width:68px;height:68px;border:4px solid #fff;border-radius:100%;margin-right:10px;overflow:hidden;}

.swr-main-visual .visual-util .control:before {position:absolute;content:"";display:block;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:65% auto;}

.swr-main-visual .visual-util .control.prev:before {background-image:url(../images/icon-ui/arrow-left.png);}
.swr-main-visual .visual-util .control.next:before {background-image:url(../images/icon-ui/arrow-right.png);}




.swr-main-visual .visual-util .control:before {transition:0.5s;}
.swr-main-visual .visual-util .control.prev:hover:before {margin-left:-8px;}
.swr-main-visual .visual-util .control.next:hover:before {margin-left:8px;}


.swr-main-visual .visual-util .control:after {position:absolute;z-index:-1px;content:"";display:block;top:0;height:100%;width:0;background-color:#fff;opacity:0.5;transition:0.5s;}
.swr-main-visual .visual-util .control.prev:after {right:0;}
.swr-main-visual .visual-util .control.next:after {left:0;}
.swr-main-visual .visual-util .control:hover:after {width:100%;}







.swr-main-links {margin-top:-170px;position:relative;}
.swr-main-links .wrapper {margin:0 100px;padding:0 10px;background-color:#fff;overflow:hidden;}
.swr-main-links .inner {display:flex;align-items:flex-start;}
.swr-main-links .inner .item {width:10%;flex-shrink:0;}


.swr-main-links .swiper-container {margin:0 100px;padding:0 10px;background-color:#fff;overflow:hidden;}

.swr-main-links .control {position:absolute;display:block;width:100px;height:100%;top:0;background-color:#ddd;background-repeat:no-repeat;background-position:center center;background-size:40% auto;transition:0.5s;}
.swr-main-links .control:hover {background-color:#013173;}

.swr-main-links .control.prev {left:0;border-radius:20px 0 0 20px;background-image:url(../images/icon-ui/chevron-left.png);}
.swr-main-links .control.next {right:0;border-radius:0 20px 20px 0;background-image:url(../images/icon-ui/chevron-right.png);}

.swr-main-links .control.prev:hover {background-image:url(../images/icon-ui/chevron-left-w.png);}
.swr-main-links .control.next:hover {background-image:url(../images/icon-ui/chevron-right-w.png);}

.swr-main-links .item {display:block;text-align:center;padding:20px 10px;line-height:1.2;word-break:keep-all;}

.swr-main-links .item:before {display:block;content:"";padding-top:60%;border:1px solid #ddd;border-radius:20px;margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background-size:auto 60%;transition:0.1s;}
.swr-main-links .item:hover:before {background-color:#0072be;border-color:#0072be;}

.swr-main-links .item.it01:before {background-image:url(../images/icon/main-links-01.png);}
.swr-main-links .item.it02:before {background-image:url(../images/icon/main-links-02.png);}
.swr-main-links .item.it03:before {background-image:url(../images/icon/main-links-03.png);}
.swr-main-links .item.it04:before {background-image:url(../images/icon/main-links-04.png);}
.swr-main-links .item.it05:before {background-image:url(../images/icon/main-links-05.png);}
.swr-main-links .item.it06:before {background-image:url(../images/icon/main-links-06.png);}
.swr-main-links .item.it07:before {background-image:url(../images/icon/main-links-07.png);}
.swr-main-links .item.it08:before {background-image:url(../images/icon/main-links-08.png);}
.swr-main-links .item.it09:before {background-image:url(../images/icon/main-links-09.png);}
.swr-main-links .item.it10:before {background-image:url(../images/icon/main-links-10.png);}
.swr-main-links .item.it11:before {background-image:url(../images/icon/main-links-11.png);}
.swr-main-links .item.it12:before {background-image:url(../images/icon/main-links-12.png);}


.swr-main-links .item.it01:hover:before {background-image:url(../images/icon/main-links-01-w.png);}
.swr-main-links .item.it02:hover:before {background-image:url(../images/icon/main-links-02-w.png);}
.swr-main-links .item.it03:hover:before {background-image:url(../images/icon/main-links-03-w.png);}
.swr-main-links .item.it04:hover:before {background-image:url(../images/icon/main-links-04-w.png);}
.swr-main-links .item.it05:hover:before {background-image:url(../images/icon/main-links-05-w.png);}
.swr-main-links .item.it06:hover:before {background-image:url(../images/icon/main-links-06-w.png);}
.swr-main-links .item.it07:hover:before {background-image:url(../images/icon/main-links-07-w.png);}
.swr-main-links .item.it08:hover:before {background-image:url(../images/icon/main-links-08-w.png);}
.swr-main-links .item.it09:hover:before {background-image:url(../images/icon/main-links-09-w.png);}
.swr-main-links .item.it10:hover:before {background-image:url(../images/icon/main-links-10-w.png);}
.swr-main-links .item.it11:hover:before {background-image:url(../images/icon/main-links-11-w.png);}
.swr-main-links .item.it12:hover:before {background-image:url(../images/icon/main-links-12-w.png);}







.swr-main-anchors {position:fixed;z-index:997;right:0;word-break:keep-all;top:50%;transform: translateY(-50%);}
.swr-main-anchors:after {position:absolute;z-index:-1;display:block;content:"";top:0;bottom:0;left:-5px;right:-10px;background-color:#09182c;opacity:0.5;border-radius:20px 0 0 20px;transition:0.5s;}
.swr-main-anchors:hover:after {opacity:1;}
@media all  and (min-height:1080px) { 
.swr-main-anchors {top:400px;transform:none;}
}
@media all  and (min-width:2000px) { 
.swr-main-anchors {right:50%;margin-right:-1000px;}
}


.swr-main-anchors .link {position:relative;display:block;color:#fff;text-align:right;margin:20px 0;padding-right:26px;}
.swr-main-anchors .link:before {position:absolute;display:block;content:"";right:10px;top:50%;transform: translateY(-50%);width:8px;height:8px;border-radius:100%;background-color:#fff;transition:0.5s;}

.swr-main-anchors .link:hover:before {right:0;width:26px;height:26px;margin-top:0;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/icon-ui/water-drop.png);}

.swr-main-anchors .link .txt {display:block;width:60px;line-height:1.2;letter-spacing:-0.05em;font-size:0.9rem;}



@media all  and (max-width:1860px) { 
.swr-main-anchors:after {left:0;}
.swr-main-anchors .link  {margin-right:-5px;}
.swr-main-anchors .link .txt {width:0;height:20px;font-size:0;}
.swr-main-anchors:hover:after {left:-5px;}
.swr-main-anchors:hover .link .txt {width:60px;height:auto;font-size:0.9rem;}
}





.swr-title-main {display:block;font-family:'S-CoreDream', sans-serif;font-size:2.6em;font-weight:500;letter-spacing:-0.08em;line-height:1.2;margin-bottom:10px;}
.swr-title-main .thin {font-weight:300;}



.swr-main-article {position:relative;padding:80px 0;background-color:#fff;word-break:keep-all;overflow:hidden;}
.swr-main-article * {font-family:'S-CoreDream', sans-serif;}
.swr-main-article.bg-lightblue {background-color:#edf2f5;}


.swr-main-article .news-title {display:flex;align-items:center;gap:5%;margin-bottom:20px;line-height:1.2;}
.swr-main-article .news-title .swr-title-main {margin-bottom:0;}
.swr-main-article .news-title > *:nth-last-child(2) {flex-grow:1;}

.swr-main-article .news-title .more {width:44px;height:44px;border:1px solid #000;background-repeat:no-repeat;background-position:center center;background-image:url(../images/icon-ui/more.png);}

.swr-main-article .news-title .tab {font-size:1.6rem;margin-top:10px;line-height:1;position:relative;padding-left:20px;}
.swr-main-article .news-title .tab:before {position:absolute;content:"";left:0;width:2px;top:50%;transform: translateY(-50%);height:20px;background:#000;}


.swr-main-article .news-title .links {display:flex;align-items:center;gap:20px;}
.swr-main-article .news-title .link {display:flex;align-items:center;gap:10px;}
.swr-main-article .news-title .ico {order:9;width:44px;height:44px;border-radius:10px;overflow:hidden;}
.swr-main-article .news-title .ico:before {display:block;width:100%;height:100%;;content:"";background-repeat:no-repeat;background-position:center center;background-size:70% auto;}

.swr-main-article .news-title .ico.instagram {background: #833ab4;background: linear-gradient(to right, #833ab4,#fd1d1d,#fcb045);}
.swr-main-article .news-title .ico.instagram:before {background-image:url(../images/icon-ui/sns-instagram.png);}

.swr-main-article .news-title .ico.youtube {background-color:#fb0202;}
.swr-main-article .news-title .ico.youtube:before {background-image:url(../images/icon-ui/sns-youtube.png);}








.swr-main-news {display:flex;gap:5%;}
.swr-main-news .item {width:50%;overflow:hidden;}

.swr-main-article .news-list .swiper-container {height:100% !important;margin-top:-2px;}
.swr-main-article .news-list .swiper-wrapper {height:100% !important;}
.swr-main-article .news-list .swiper-slide {height:auto !important;border-bottom:1px solid #000;}


.swr-main-article .news-list .wrapper {border:1px solid #000;padding:0 50px;overflow:hidden;height:384px;}
.swr-main-article .news-list .list {position:relative;padding:25px 0;display:flex;align-items:center;gap:5%;}
/*
.swr-main-article .news-list .list:nth-child(n + 2) {border-top:1px solid #000;}
*/
.swr-main-article .list .date {flex-shrink:0;width:72px;text-align:center;display:flex;flex-direction:column;line-height:1.2;}
.swr-main-article .list .date > strong {order:-1;font-size:3rem;font-weight:600;}

.swr-main-article .news-list .list .content {flex-grow:1;overflow:hidden;}
.swr-main-article .news-list .list .content .title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;font-weight:500;}
.swr-main-article .news-list .list .content .detail {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/*
.swr-main-article .news-thumb {overflow:hidden;display:flex;gap:6%;}
.swr-main-article .news-thumb .list {width:calc(50% - 3%);}
*/

.swr-main-article .news-thumb .swiper-container {padding:0 1px;}

.swr-main-article .news-thumb .list {position:relative;border:1px solid #ddd;/*padding:4% 5%;*/padding:29px 10%;background-color:#fff;}

.swr-main-article .news-thumb .list .date > strong {font-size:2.3rem;font-weight:500;}

.swr-main-article .news-thumb .list .cate {float:right;display:inline-block;padding:4px 18px;background-color:#013e69;color:#fff;border-radius:29px;}

.swr-main-article .news-thumb .swr-imgwrap {width:100%;padding-top:50%;margin:10px 0;background-color:#edf1f4;}

.swr-main-article .news-thumb .list .content {overflow:hidden;margin-top:10px;}
.swr-main-article .news-thumb .list .content .title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:500;}
.swr-main-article .news-thumb .list .content .detail {margin-top:10px;color:#565656;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}





.swr-main-article .controls {position:absolute;right:70px;top:12px;display:flex;align:items:center;gap:10px;}
.swr-main-article .control  {flex-shrink:0;display:block;width:26px;height:26px;background-repeat:no-repeat;background-position:center center;background-size:40% auto;border:1px solid #ddd;border-radius:100%;}
.swr-main-article .control.prev  {background-image:url(../images/icon-ui/chevron-left.png);}
.swr-main-article .control.next  {background-image:url(../images/icon-ui/chevron-right.png);}

.swr-main-article .pages  {flex-shrink:0;width:auto;}





.swr-main-media {position:relative;overflow:hidden;}
.swr-main-media .item  {border:1px solid #ddd;border-radius:20px 20px 0 0;overflow:hidden;}
.swr-main-media .item .swr-imgwrap  {display:block;padding-top:50%;background-color:#edf1f4;}

.swr-main-media .item .content {padding:20px 20px;}
.swr-main-media .item .content .title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.05em;font-size:1.2rem;}








.swr-main-article.bg-discharge {background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(../images/main/bg-discharge.png);}

.swr-main-article .live-discharge {text-align:center;color:#fff;}

.swr-main-article .live-date {display:flex;align-items:center;gap:6px;font-size:1.1rem;}
.swr-main-article .live-date:before {display:block;content:"";width:36px;height:36px;background-repeat:no-repeat;background-position:center center;background-size:80% auto;background-image:url(../images/icon-ui/watch.png);}
.swr-main-article .live-date .reload {display:block;width:36px;height:36px;background-repeat:no-repeat;background-position:center center;background-size:80% auto;background-image:url(../images/icon-ui/reload.png);}


.swr-main-article .live-date .reload {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.swr-main-article .live-quality {margin:5% 0 7% 0;}
.swr-main-article .live-quality > ul {display:flex;gap:20px;}
.swr-main-article .live-quality > ul > li {width:calc(16.66% - 20px);flex-grow:1;flex-shrink:0;}

.swr-main-article .live-quality .item {text-align:center;color:#fff;}
.swr-main-article .live-quality .item .front {display:inline-block;width:100%;max-width:200px;border:1px solid #96c9ff;padding:8% 2%;}
.swr-main-article .live-quality .item .front > * {display:block;}
.swr-main-article .live-quality .item .quality-ico {margin:5px 0;}
.swr-main-article .live-quality .item .quality-ico > img {max-width:100%;}

.swr-main-article .live-quality .item .back {margin-top:10px;display:flex;flex-wrap:wrap;gap:0 5px;align-items:flex-end;justify-content:center;}
.swr-main-article .live-quality .item .back > strong {order:9;width:100%;font-weight:400;font-size:1.2rem;}

.swr-main-article .live-quality .item .back .value {font-size:3rem;font-family: 'GongGothicMedium';color:#ffde01;line-height:1;}
.swr-main-article .live-quality .item .back .unit {font-size:0.8rem;}

.swr-main-article .live-discharge .exp {text-align:right;color:#111;}






.swr-main-article .main-intro {display:flex;gap:20px;flex-wrap:wrap;overflow:hidden;}

.swr-main-article .main-intro .intro {position:relative;flex-grow:1;padding:3% 3.9%;overflow:hidden;}
.swr-main-article .main-intro .intro:after {content:"";position:absolute;z-index:-1;left:50%;top:50%;transform: translate(-50%,-50%);display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}

.swr-main-article .main-intro .intro .exp {display:block;line-height:1.4}

.swr-main-article .main-intro .intro .btn {position:relative;display:inline-block;font-weight:600;display:flex;align-items:center;gap:10px;margin-top:20px;}
.swr-main-article .main-intro .intro .btn:before {flex-shrink:0;display:block;content:"";width:4px;height:4px;border-radius:100%;background:#000;}

.swr-main-article .main-intro .intro:nth-child(1) {width:calc(64% - 14px);border-radius:60px 10px 60px 10px;color:#fff;padding-bottom:15%;}
.swr-main-article .main-intro .intro:nth-child(2) {width:calc(36% - 20px);border-radius:10px 60px 60px 10px;}
.swr-main-article .main-intro .intro:nth-child(3) {width:calc(32% - 20px);border-radius:10px 10px 10px 60px;}
.swr-main-article .main-intro .intro:nth-child(4) {width:calc(32% - 20px);border-radius:10px 10px 10px 10px;}
.swr-main-article .main-intro .intro:nth-child(5) {width:calc(36% - 20px);border-radius:10px 60px 60px 10px;}


.swr-main-article .main-intro .intro1:after {background-image:url(../images/main/intro-01.jpg);}
.swr-main-article .main-intro .intro2:after {background-image:url(../images/main/intro-02.jpg);background-position:center top;}
.swr-main-article .main-intro .intro3:after {background-image:url(../images/main/intro-03.jpg);}
.swr-main-article .main-intro .intro4:after {background-image:url(../images/main/intro-04.jpg);}
.swr-main-article .main-intro .intro5:after {background-image:url(../images/main/intro-05.jpg);background-position:center top;}


.swr-main-article .main-intro .intro:nth-child(2) .exp {max-width:220px;}
.swr-main-article .main-intro .intro:nth-child(3) .exp {max-width:220px;}
.swr-main-article .main-intro .intro:nth-child(4) .exp {max-width:280px;}
.swr-main-article .main-intro .intro:nth-child(5) .exp {padding-top:29%;max-width:200px;}







.swr-banners {display:flex;align-items:center;gap:20px;margin-top:-60px;padding:20px 0;}
.swr-banners .swiper-container {flex-grow:1;order:9}

.swr-banners .controls {flex-shrink:0;display:flex;align-items:center;gap:0;}
.swr-banners .control {display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:40% auto;}
.swr-banners .control.prev {background-image:url(../images/icon-ui/chevron-left.png);}
.swr-banners .control.next {background-image:url(../images/icon-ui/chevron-right.png);}
.swr-banners .control.play {background-image:url(../images/icon-ui/play.png);}
.swr-banners .control.pause {background-image:url(../images/icon-ui/pause.png);}