@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Shin 250410
updated : 250516
------------------------------------------------------------
*/
.info.wallpaper {margin-top: 30px;}

    /* wallpaper */
.info.wallpaper .info_box>div:first-child {padding-bottom: 30px; border-bottom: 2px solid #383838; display: flex; flex-wrap: wrap;column-gap: 5px;}
.w_paper {width: 416px; position: relative;}
.w_paper:nth-child(-n+3) {margin-bottom: 30px;}
.paper {margin-bottom: 10px;}
.paper>a div {width: 416px; height: 310px; background: rgba(0,0,0,.7); top: 0; position: absolute; text-align: center; opacity: 0; transition: opacity .3s;}
.paper>a:hover div {opacity: 1;}
.paper>a div img {margin-top: 130px; opacity: 1;}
.w_btn {display: flex; flex-wrap: wrap; column-gap: 0px;}
.w_btn a>div {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/data/btn01_off.png) no-repeat; width: 138px; height: 43px; margin-bottom: 1px; text-align: center; font-size: 16px; color: #82745f; line-height: 40px;}
.w_btn a>div:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/data/btn01_on.png) no-repeat; color: #c2b9aa;}
.w_btn a:nth-child(3n-1)>div {margin: 0 1px;}

    /* popup_wall */
.popup_wall{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center; z-index: 1000;}
.popup_wall>.detail {position:relative; min-width: 1297px; height: 732px;margin-top: 50px; text-align: center;}  
.popup_wall>.detail .art_box{position:relative; background: black; width: 910px; margin-left: 188px;}
.popup_wall .art_box .pop_art_close {position: absolute; top: 0; right: -63px; cursor: pointer;}
.popup_wall .art_box .pop_art_down {position: absolute; top: 62px; right: -63px; cursor: pointer;}
.popup_wall .art_box .art_work {box-sizing: border-box;width:920px; height: 682px;overflow: hidden;position: relative;}
.art_work .down_screen {position: absolute; z-index: 1; top: 0; background: rgba(0,0,0,.4); width: 910px; height: 682px; opacity: 0; transition: opacity .3s; display: flex; justify-content: center; align-items: center;}
.art_work .down_screen:hover {opacity: 1;}
.art_work .d_btn {width: 418px; text-align: center; display: flex; flex-wrap: wrap; column-gap: 0px;}
.art_work .d_btn a>div {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/data/btn02_off.png) no-repeat; width: 138px; height: 43px; margin-bottom: 1px; text-align: center; font-size: 16px; color: #dfdfdf; line-height: 40px;}
.art_work .d_btn a>div:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/data/btn02_on.png) no-repeat;}
.art_work .d_btn a:nth-child(3n-1)>div {margin: 0 1px;}
.popup_wall .swiper-button-prev:after, .popup_wall .swiper-button-next:after {display: none;}
.popup_wall .swiper-button-prev {left: 30px;}
.popup_wall .swiper-button-next {right: 30px;}
.popup_wall .custom-fraction {width: 100%; text-align: center; color: white; font-weight: 100; font-size: 30px; bottom: 0; margin-top: 20px;}
.popup_wall .custom-fraction .current {color: #ffcc00; width: 200px; display: inline-block; text-align: right;}
.popup_wall .custom-fraction .all {width: 200px; display: inline-block; text-align: left;}

    /* concept  */
.info.concept_art .info_box>div:first-child {padding-bottom: 20px; border-bottom: 2px solid #383838; column-gap: 20px; width: 1280px;}
.info.concept_art .w_paper {width: 305px; position: relative;}
.info.concept_art .paper>a div {width: 305px; height: 410px; background: rgba(0,0,0,.7); top: 0; position: absolute; text-align: center; opacity: 0; transition: opacity .3s;}
.info.concept_art .paper>a div img {margin-top: 175px; opacity: 1;}
.info.concept_art .paper>a:hover div {opacity: 1;}

    /* concept_art */
.con_art>.detail {min-width: 876px; height: 732px;} 
.con_art>.detail .art_box{background: #242424; width: 552px; height: 682px; margin: 0 auto;}
.con_art .art_box .work_in {width:552px; height: 682px;}
.con_art .art_box .art_work {width:402px; height: 543px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}