@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250626
updated :
------------------------------------------------------------
*/
/* sub */
html,body{height:100%}
.wrap{display:flex;flex-direction:column;min-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/ghostmplay/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/ghostmplay/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/ghostmplay/sub/bu_count.png) no-repeat;background-size:cover}
.boardView .view{margin:20px 0;line-height:2rem}
.boardView .view p{margin:0 0 3px 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}
/* 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/ghostmplay/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:2px}
.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/ghostmplay/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/ghostmplay/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}
}
/* Desktop - wide */
@media all and (min-width:1260px) {
.boardList,.boardView{margin-left:auto;margin-right:auto}
}