@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250624
updated : Shin 251028
------------------------------------------------------------
*/
/* main */
.swiper-pagination-bullet{margin:0 7px !important;background:#fff;opacity:0.5}
.swiper-pagination-bullet-active{background:#f8de2e;opacity:1;transform:scale(1.25)}
.swiper-button-next,.swiper-button-prev{width:97px;height:86px}
.swiper-button-next:after,.swiper-button-prev:after{content:'';width:100%;height:100%;background:url(https://netgameimage.gscdn.com/games/hunters/main/arrow_visual.png) no-repeat;background-size:cover;transition:all 0.3s ease;overflow:hidden}
.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/arrow_visual_on.png)}
.swiper-button-prev{rotate:180deg}
.swiper-button{position:relative;margin:0 auto;width:200px;height:34px;z-index:100}
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:40px;height:34.5px}
.swiper-button .swiper-button-next:after,.swiper-button .swiper-button-prev:after{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/arrow_visual_m.png)}
.swiper-button+.swiper-pagination{margin:0 0 5px 0}
.visual{position:relative;margin:50px 0 0 0;height:320px}
.visual li{background:url(https://netgameimage.gscdn.com/games/hunters/main/visual1.jpg) no-repeat center 0;background-size:cover}
.visual .visual2{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual2.jpg)}
.visual .visual3{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual3.jpg)}
.visual .visual4{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual4.jpg)}
.visual .visual5{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual5.jpg)}
.visual .visual6{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual6.jpg)}
.visual li a{position:absolute;bottom:47px;left:calc(50% - 68px);width:137px}
.visual li a img{width:100%}
.visual .swiper-pagination{margin:0 0 14px 0;transform:scale(1.5)}
.visual .swiper-button-next,.visual .swiper-button-prev{display:none}
.news{position:relative;margin:25px 30px}
.news h2{padding:0 0 9px 0;border-bottom:2px solid #000;font-weight:900;font-size:2rem;text-transform:uppercase;color: #f63121;}
.news li{border-bottom:2px solid #e6e6e6}
.news li a{display:block;padding:16px 0;font-weight:700;font-size:1.6rem}
.news .date{display:none}
.news .more{position:absolute;top:5px;right:0;width:20px}
.news .more img{width:100%}
.store{display:none}
.detail{margin:15px 0 0 0;padding:0 0 20px 0;color:#1d3e5d;overflow:hidden}
.detail h3{font-weight:900;font-size:1.8rem;color:#1d3e5d}
.detail span{display:block;font-size:2.5rem;line-height:2.6rem}
.detail p{margin:15px 0 0 0;font-size:1.6rem}
.features{position:relative;margin:30px}
.features h2{margin:0 0 20px 0;font-weight:900;font-size:3rem;text-transform:uppercase;text-align:center;color: #f63121;}
.features .image img{box-sizing:border-box;width:100%;max-width:500px;border:1px solid #1d3e5d}
.features .swiper-pagination{font-size:1.5rem; font-weight: 600;}
.contents.features .swiper-pagination{color: white; margin-bottom: 24px; font-weight: 500;}
.contents{background:url(https://netgameimage.gscdn.com/games/hunters/main/bg_contents.jpg) no-repeat center 0; background-size: cover; margin: 0; padding: 20px;}
.contents .detail,.contents .detail h3,.contents .image img{border-color:#322723;color:#7dfff1;}
.download{padding:25px 30px;background:#15112e;color:#fff;text-align:center}
.download h2{margin:0 0 10px 0;font-weight:900;font-size:3rem}
.download p{font-size:1.5rem; text-align: left; padding-left: 25px; width: 250px; display: inline-block;}
.download img{width:100%}
.download ul{margin:25px auto 0 auto;width:201px}
.download li:not(:last-child){margin:0 0 10px 0}
.download a:hover img{filter:brightness(110%)}
/* Mobile - Landscape */
@media all and (min-width:576px) {
.news li a{display:flex;justify-content:space-between}
.news .date{display:block;font-weight:400;color:#5d5d5d}
.swiper-button{margin-top:20px;width:300px;font-size:2.4rem}
.detail{padding-bottom:0}
.features .swiper-slide:not(.token .swiper-slide){display:flex;gap:30px}
.features .image{width:calc(50% - 30px);max-width:500px}
.features .image img{border-width:2px}
.features .detail{width:50%;max-width:640px}
.contents .image{order:2}
.contents .detail{order:1}
.download {text-align: center;}
.download p{font-size:1.5rem; text-align: left; width: 250px; margin-left: 0; display: inline-block; padding-left: 28px;}
}
/* Tablet */
@media all and (min-width:768px) {
.visual li{background:url(https://netgameimage.gscdn.com/games/hunters/main/visual1_wide.jpg) no-repeat center 0;background-size:cover}
.visual .visual2{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual2_wide.jpg)}
.visual .visual3{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual3_wide.jpg)}
.visual .visual4{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual4_wide.jpg)}
.visual .visual5{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual5_wide.jpg)}
.visual .visual6{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/visual6_wide.jpg)}
}
/* Desktop */
@media all and (min-width:1024px) {
.swiper-button{position:absolute;bottom:103px;width:calc(100% - 60px);max-width:1200px;height:0}
.swiper-button .swiper-button-next,.swiper-button .swiper-button-prev{width:80px;height:69px}
.swiper-button .swiper-button-next:after,.swiper-button .swiper-button-prev:after{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/arrow_visual1.png)}
.swiper-button .swiper-button-next:hover:after,.swiper-button .swiper-button-prev:hover:after{background-image:url(https://netgameimage.gscdn.com/games/hunters/main/arrow_visual1_on.png)}
.swiper-button+.swiper-pagination{margin-bottom:76px;transform:scale(3)}
.visual{margin:0;height:830px}
.visual li a{bottom:105px;left:calc(50% - 133px);width:273px}
.visual li a:hover{filter:brightness(120%)}
.visual .swiper-pagination{margin-bottom:41px;transform:scale(3)}
.column{box-sizing:border-box;padding:100px 30px 0 30px;height:417px;background:url(https://netgameimage.gscdn.com/games/hunters/main/bg_news.jpg) no-repeat center 0}
.column>div{display:flex;justify-content:space-between;gap:30px;margin:0 auto;max-width:1200px;overflow:hidden}
.news{margin:-3px 0 0 0;width:50%;max-width:560px}
.news h2{font-size:2.4rem;color: #f63121;border-bottom:2px solid #484848;}
.news li{border-bottom:2px solid #2e2e2e;}
.news li a{font-weight:600;font-size:2rem; color:#7f7f7f;} 
.store{position:relative;display:block;width:50%;max-width:560px;min-height:217px}
.store p img{object-fit:cover}
.store ul{display:flex;flex-direction:column;gap:10px;position:absolute;top:30px;right:19px;height:122px}
.detail{margin:0;padding:0}
.detail h3{margin:55px 0 25px 0;font-size:3.6rem}
.detail.tenLine h3{margin:25px 0 15px 0;}
.detail span{font-size:4.5rem;line-height:4.6rem;letter-spacing:-1px}
.detail p{margin:15px 0 0 0;font-size:2.2rem}
.detail.tenLine p{letter-spacing: -.06rem;}
.features{margin:0;padding:0 30px;height:878px;background:url(https://netgameimage.gscdn.com/games/hunters/main/bg_features.jpg) no-repeat center 0}
.features h2{padding:87px 0 46px 0;font-size:6rem;color:#f63121}
.features ul{margin:0 auto;max-width:1200px}
.features .swiper-slide{gap:80px}
.features .detail,.features .detail h3,.features .image img{border-color:#1d3e5d;color:#c2ee93;}
.features .swiper-wrapper{height:500px}
.contents{height:880px;background:url(https://netgameimage.gscdn.com/games/hunters/main/bg_contents_wide.jpg) no-repeat center 0}
.contents .detail,.contents .detail h3,.contents .image img{border-color:#322723;color:#7dfff1}
.contents.features .swiper-pagination{ margin-bottom: 83px;}
.download{padding:0 30px;height:824px;background:url(https://netgameimage.gscdn.com/games/hunters/main/bg_download.jpg) no-repeat center 0;color:#f6e496; text-align: left;}
.download>div{margin:0 auto;box-sizing:border-box;padding:87px 0 0 0;max-width:1200px}
.download h2{margin:0 0 15px 0;font-size:6rem}
.download p{font-size:3rem; width: 800px; padding-left: 0;}
.download ul{margin:97px 0 0 -9px;width:401px;}
.download li:not(:last-child){margin:0 0 18px 0}
}
/* Desktop - wide */
@media all and (min-width:1260px) {
.swiper-button{left:calc(50% - 600px)}
.class .swiper-button{margin:0 auto}
.visual .swiper-button-next,.visual .swiper-button-prev{display:flex}
.detail span{font-size:4.5rem;letter-spacing:0; line-height: 4.6rem;}
.detail p{font-size:2.4rem}
}
@media all and (min-width:1680px) {
.visual .swiper-button-next{right:100px}
.visual .swiper-button-prev{left:100px}
.story,.features{background-position:center 0}
}