@charset "utf-8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 250626
updated : Shin 250819
------------------------------------------------------------
*/
/* 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/numigo/sub/bg_news.jpg) no-repeat center 0;background-size:cover;font-weight:400;font-size:2.4rem;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:#00b4ff;}
.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:#00b4ff;}
.boardView .title li{display:flex;align-items:center}
.boardView .date:before{display:block;content:'';margin:0 5px 0 0;width:10.5px;height:10.5px;background:url(https://netgameimage.gscdn.com/games/numigo/sub/bu_date.png) no-repeat;background-size:cover}
.boardView .count:before{display:block;content:'';margin:0 5px 0 0;width:13.5px;height:7px;background:url(https://netgameimage.gscdn.com/games/numigo/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}
.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 #00b4ff;font-weight:normal;color:#00b4ff}
.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.4rem;cursor:pointer}
.button>*:hover{border-color:#00b4ff;}

/* Desktop */
@media all and (min-width:1024px) {
    .content{margin:0 0 65px 0}
    .content h2{box-sizing:border-box;_padding:0px 0 20px 0;height:400px;background-image:url(https://netgameimage.gscdn.com/games/numigo/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:#e4f7ff;}
    .boardList .date{font-size:1.5rem}
    .boardView .title>div{margin:0;padding:26px 30px;border-bottom:1px solid #e6e6e6;background:#e4f7ff;font-weight:700;font-size:2.4rem}
    .boardView .title ul{gap:28px;padding:16px 30px;font-size:1.6rem}
    .boardView .date:before{width:21px;height:21px}
    .boardView .count:before{width:27px;height:14px}
    .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/numigo/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/numigo/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}
}