@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250626
updated : Shin 251028
------------------------------------------------------------
*/
/* sub */
html,body{height:100%}
.wrap{display:flex;flex-direction:column;min-height:100%}
.wrap.scroll{height:100%}
.content{flex-grow:1;margin:50px 0 0 0}
.content h2{display:flex;justify-content:center;align-items:center;height:120px;background:url(https://netgameimage.gscdn.com/games/hunters/sub/bg_news.jpg) no-repeat center 0;background-size:cover;font-weight:900;font-size:3rem;color:#fff}
.boardList,.boardView{margin:0 30px;max-width:1200px}
.boardList li{border-bottom:1px solid #e6e6e6}
.boardList a{display:flex;flex-direction:column;gap:6px;padding:17px 0 13px 0}
.boardList .title{font-weight:600;font-size:1.6rem;color:#323232;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.boardList .date{color:#ff753f}
.boardView .title{border-bottom:1px solid #e6e6e6}
.boardView .title>div{margin:20px 0 0 0;padding:0 0 16px 0;border-bottom:1px solid #e6e6e6;font-weight:700;font-size:1.8rem}
.boardView .title ul{display:flex;gap:16px;padding:12px 0;color:#ff753f}
.boardView .title li{display:flex;align-items:center}
.boardView .date:before{display:block;content:'';margin:0 5px 0 0;width:13px;height:13px;background:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_date.png) no-repeat;background-size:cover}
.boardView .count:before{display:block;content:'';margin:0 5px 0 0;width:16px;height:8px;background:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_count.png) no-repeat;background-size:cover}
.boardView .view{margin:20px 0;line-height:2rem}
.boardView .view p{margin:0 0 20px 0}
.prevPost{margin:0 0 45px 0;border:solid #e6e6e6;border-width:1px 0;overflow:hidden}
.prevPost li{padding:5px 0;color:#323232}
.prevPost li,.prevPost a{display:flex;align-items:center;flex-grow:1;font-size:1.2rem}
.prevPost li:first-child{border-bottom:1px solid #e6e6e6}
.prevPost span:first-child{margin:0 15px 0 0;padding:10px 0;border-right:1px solid #e6e6e6;width:90px;font-weight:700}
.prevPost .post{width:calc(100% - 150px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prevPost .date{display:none}
.pagination{display:flex;justify-content:center;margin:35px 0}
.pagination>*{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 3px;min-width:30px;height:30px;color:#969696}
.pagination>strong:not(.direction){border:1px solid #fe0000;font-weight:normal;color:#fe0000}
.pagination .prev{margin-right:5px}
.pagination .next{margin-left:5px}
.pagination img{height:12px}
.button{display:flex;justify-content:center;align-items:center;gap:16px;margin:50px 0 20px 0}
.button>*{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 15px;min-width:82px;height:30px;border:1px solid #414141;background:none;font-weight:800;font-size:1.8rem;cursor:pointer}
.button>*:hover{border-color:#fe0000}
.denied{flex-grow:1;align-content:center;padding:25px 25px 50px 25px;font-size:1.6rem;color:#00ab91;text-align:center}
.denied strong{display:block;font-size:150%;color:#ff6600}
.denied:before{display:block;content:'';margin:0 auto 20px auto;min-width:185px;min-height:185px;max-width:370px;max-height:370px;aspect-ratio:1/1;background:url(https://netgameimage.gscdn.com/games/hunters/sub/img_denied.jpg) no-repeat;background-size:cover}
.guidebook{display:flex;flex-direction:column;flex:1;padding:50px 15px 0 15px;background:#160e0b url(https://netgameimage.gscdn.com/games/hunters/sub/bg_guidebook.jpg) no-repeat center 0 fixed;background-size:720px auto}
.guidebook.scroll{overflow:hidden}
.guidebook.scroll .guideView{display:none}
.guidebook h2{margin:25px 0 21px 0;font-weight:900;font-size:3rem;text-align:center;color:#fff}
.guidebook .section{position:relative;display:flex;flex:1;overflow:hidden}
.search{display:flex}
.search input[type=search]{flex:1;padding:0 11px;min-width:0;height:45px;border:solid #5c402b;border-width:2px 0 2px 2px;border-radius:0;background:none;font-size:1.5rem;color:#fff}
.search input[type=search]::placeholder{color:#a7856b}
.search>*:focus-visible{outline:none}
.btnSearch{flex: 0 0 auto;width:46px;height:45px;border:solid #5c402b;border-width:2px 0;background:rgba(92,64,43,.5)}
.btnSearch img{width:23px;height:23px}
.btnList{flex: 0 0 auto;width:48px;height:45px;background:#5c402b}
.btnList img{width:30px;height:30px}
.snbWrap{display:flex;flex:1;box-sizing:border-box;height:0;width:100%;background:#120c0c;z-index:10;overflow:hidden}
.snbWrap.open{padding:30px 15px 30px 30px;height:100%;border:solid #5c402b;border-width:0 2px 2px 2px}
.snbWrap a{display:block}
.snb{flex:1;padding:0 0 2px 0;overflow:hidden;overflow-y:auto}
.snb>li{margin:30px 0 0 0}
.snb>li:first-child{margin-top:0}
.snb>li>a{background:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_snb.png) no-repeat right center;background-size:30px 30px;font-weight:700;font-size:3.1rem;color:#fff}
.snb>li.on>a{background-image:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_snb_on.png)}
.snb>li.on a{color:#ffe8a8}
.snb>li>ul{display:none;margin:10px 0 0 24px}
.snb>li>ul>li>a{padding:7px 0;font-weight:700;font-size:2.6rem}
.snb>li>ul>li>ul{display:none;margin:0 0 11px 0}
.snb>li>ul>li>ul a{margin:0 0 0 23px;font-size:2.2rem}
.snb>li>ul>li>ul>li{padding:4px 0}
.snb>li .on>a{color:#ff4022}
.mCustomScrollBox{flex:1}
.mCSB_scrollTools{width:14px !important}
.mCSB_dragger{min-height:30px !important}
.mCSB_dragger_bar{width:12px !important;height:30px !important;border-radius:0 !important;background:#754e2c !important}
.mCSB_draggerRail{background:#5c3e24 !important}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:30px !important}
.btnLink{position:absolute;top:15px;right:15px;width:26px;height:26px;background:none}
.btnLink img{width:100%}
.guideView{position:relative;margin:30px 0 0 0;padding:15px;width:100%;background:#ffffff}
.guideView h3{font-weight:700;font-size:2.4rem;color:#ff4022}
.guideView .path{padding:0 0 5px 0;border-bottom:1px solid #ff4022;font-weight:300;font-size:1.5rem;color:#ff4022}
.guideView .view{margin:20px 0}
.results{font-weight:700;font-size:1.8rem;color:#ff4022}
.results strong,.resultsList strong{font-weight:500;color:#1a87ed}
.resultsList{margin:10px 0;border-top:2px solid #ff4022}
.resultsList li{border-bottom:1px solid #f2e8cc;background:#fffaeb}
.resultsList a{display:block;padding:13px 10px;font-size:1.2rem}
.resultsList a:hover{background:#feeebe}
.resultsList .none{padding:13px 10px;background:none;font-size:1.5rem;color:#61320e}
/* Tablet */
@media all and (min-width:768px) {
.denied{font-size:2.4rem}
}
/* Desktop */
@media all and (min-width:1024px) {
.content{margin:0 0 65px 0}
.content h2{box-sizing:border-box;padding:20px 0 0 0;height:400px;background-image:url(https://netgameimage.gscdn.com/games/hunters/sub/bg_news_wide.jpg);font-size:6rem}
.boardList,.boardView{margin-top:52px}
.boardList:before,.boardView:before{display:block;content:'News';padding:0 0 12px 0;border-bottom:1px solid #414141;font-weight:700;font-size:3.4rem}
.boardList li:last-child{border-color:#414141}
.boardList a{flex-direction:row;justify-content:space-between;padding:17px 10px}
.boardList a:hover{background:#fdfae8}
.boardList .date{font-size:1.5rem}
.boardView .title>div{margin:0;padding:26px 30px;border-bottom:1px solid #e6e6e6;background:#fdfae8;font-weight:700;font-size:2.4rem}
.boardView .title ul{gap:28px;padding:16px 30px;font-size:1.6rem}
.boardView .date:before{width:25px;height:25px}
.boardView .count:before{width:31px;height:16px}
.boardView .view{margin:50px 30px;font-size:1.8rem;line-height:2.8rem}
.boardView .view p{margin-bottom:0px}
.prevPost{margin-bottom:35px}
.prevPost li{padding:12px 0}
.prevPost li,.prevPost a{font-size:1.6rem}
.prevPost span:first-child{display:flex;align-items:center;gap:10px;margin-right:20px;padding:5px 0;width:170px;font-weight:500}
.prevPost span:first-child:before{display:block;content:'';margin:0 0 0 22px;width:13px;height:8px;background:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_post.png) no-repeat}
.prevPost li:last-child span:first-child:before{rotate:180deg}
.prevPost .post{width:calc(100% - 320px)}
.prevPost .date{display:flex;align-items:center;gap:4px;font-size:1.5rem;color:#969696}
.prevPost .date:before{width:16px;height:16px;background-image:url(https://netgameimage.gscdn.com/games/hunters/sub/bu_date_post.png)}
.pagination>*{min-width:38px;height:38px;font-size:1.6rem}
.pagination img{height:15px}
.button{justify-content:flex-start;margin:0 0 60px 0;padding:20px 0 0 0;border-top:1px solid #414141}
.button>*{width:110px;height:40px;font-size:1.4rem}
.guidebook{display:block;padding:90px 0 60px 0;background:#160e0b url(https://netgameimage.gscdn.com/games/hunters/sub/bg_guidebook_wide.jpg) no-repeat center 0;background-size:auto}
.guidebook h2{margin:63px 0 15px 0;font-size:6rem}
.guidebook .section{gap:20px;margin:0 auto;padding:0 40px;max-width:1200px;overflow:visible}
.search{justify-content:flex-end;margin:0 auto;padding:0 40px;max-width:1200px}
.search input[type=search]{flex:none;width:290px;height:40px}
.btnSearch{height:40px;background:rgba(92,64,43)}
.btnSearch img{width:26px;height:26px}
.btnList{display:none}
.btnLink{top:33px;right:40px;width:51px;height:51px}
.snbWrap{display:block;flex:none;box-sizing:border-box;margin:10px 0 0 0;padding:29px 14px 29px 29px;width:300px;height:600px;border:1px solid #4c3523;background:rgba(18,12,12,.75)}
.snb>li>a{background-size:27px 27px;font-weight:700;font-size:2.8rem}
.snb>li>ul>li>a{font-size:2.4rem}
.snb>li>ul>li>ul a{font-size:2rem}
.snb>li>ul>li .on a:before{margin-left:-16px;width:11px;height:11px}
.guideView{flex:1;margin:10px 0 0 0;padding:32px 40px}
.guideView h3{font-size:3.6rem}
.guideView .path{border-width:0 0 2px 0;font-weight:400;font-size:1.6rem}
.guideView .view{font-size:1.6rem;line-height:2.4rem}
.results{font-size:3.6rem}
.resultsList a,.resultsList .none{padding:25px 20px;font-size:1.8rem}
.resultsList a:hover{background:#feeebe}
}
/* Desktop - wide */
@media all and (min-width:1260px) {
.boardList,.boardView{margin-left:auto;margin-right:auto}
}