@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Shin 250410
updated : 250516
------------------------------------------------------------
*/
input::placeholder {color: #bdbdbd;}
/*  new, count */
.new_count {vertical-align: top; display: inline-flex; white-space: nowrap; justify-content: space-between; align-items: flex-start; margin-left: 5px; height: 15px;}
.new_count .in_count {font-size: 12px !important; color: #dc6b07 !important; font-weight: 300; letter-spacing: .5px; margin-right: 3px; line-height: 14px;}
.new_count .new_img img {margin: 2px 0 0 0px; vertical-align: top; width: 13px !important; height: 13px !important;}

/* header */
.navi .gnb h1{margin: 5px 0 0 33px;}
.navi .nav_box {margin: 12px 0 11px 38px;}
.navi .gnb{width: 100%; flex-grow: 1; justify-content: space-between;}
.navi .gnb>div>ul {min-width: 768px; max-width: 1004px; display: flex; justify-content: space-between; padding-right: 20px;}
.start_box {right: 0px; z-index: 100; display: flex; justify-content: flex-end;}
.start_box .download a {width: 90px; height: 90px; background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/download_on.jpg) no-repeat; display: inline-block;}
.start_box .download.off a {display: none;}
.start_box .download a img {transition: .1s;}
.start_box .download a:hover img {opacity: 0; transition: .3s;}
.start_box .game_start a {z-index: 305; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_1.gif) no-repeat; display: inline-block;}
.start_box .game_start a img {width:300px; height: 90px;}
.start_box .game_start a:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_1_on.gif) no-repeat;}

.start_box .game_start.on a {z-index: 305; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_2.gif) no-repeat; display: inline-block;}
.start_box .game_start.on a img {width:240px; height: 90px;}
.start_box .game_start.on a:hover {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/gamestart_2_on.gif) no-repeat;}

/*visual*/
.wrap, .content, .visual, .info, .footer{position:relative; min-width: 1280px;} 
.visual li {height:460px; background-repeat: no-repeat; background-position: center 0;}  
.controller {position:relative; width: 1280px; margin: 0 auto;}
.controller section {position:absolute; z-index: 1;}
.controller .con_bg {height: 33px; width: 200px; background: #212121; border-radius: 15px; margin: -46px 0 0 1280px; display: none;}
.movebtn {position: absolute; z-index: 3; left: 1080px; top: -43px; width: 200px; display: none;}
.movebtn .swiper-prev, .movebtn .swiper-stop,.movebtn .swiper-next {width: 27px;height: 27px;position: absolute !important; display: flex; justify-content: center; align-items: center; border-radius: 15px; background-color:#535353; cursor: pointer; transition: .2s;}
.movebtn .swiper-prev:hover, .movebtn .swiper-stop:hover, .movebtn .swiper-next:hover {background-color:#8d8d8d; transition: .2s;}
.movebtn .swiper-prev {top: 0px; left: 0px;}
.movebtn .swiper-stop {top: 0px; margin-left: 32px;}
.movebtn .swiper-next {position: absolute; z-index: 11; top: 0px; left: 63px;}
.movebtn .swiper-prev:after, .movebtn .swiper-next:after {content:'';}
.movebtn .swiper-prev, .movebtn .swiper-next {cursor: pointer; transition: .1s; position: absolute; opacity: 1;}
.movebtn .swiper-prev:hover {opacity: 1; transition: .2s;}
.movebtn .swiper-next:hover {opacity: 1; transition: .2s;}
.movebtn .swiper-pagination {text-align: left;}
.movebtn .swiper-pagination-bullets.swiper-pagination-horizontal {z-index: 10; width: auto; left: 70px; top: 5px; height:20px; width: 200px;}
.movebtn .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {margin-left: 0;}
.movebtn .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}
.movebtn .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px;}
.swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 0px;
    background: #626262;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #b22323;
}

/* search */
.search_title_box {display: flex;width: 382px;height: 40px; margin-top: 26px; background: white;}
.search_title_box .opt {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_down.jpg) no-repeat 75px 15px; cursor: pointer; user-select: none;}
.search_title_box .opt div {width: 93px; height: 40px; text-align: left; line-height: 39px; padding-left: 20px;}    
.search_title_box .opt.over {position: absolute; z-index: 20; height: 1px; overflow: hidden; transition: .1s;}
.search_title_box .opt.over div {height: 30px; width: 75px;}
.search_title_box .opt.over a:first-child div {height: 40px; width: 113px;}
.search_title_box .opt.over a:last-child div {height: 45px;}
.search_title_box .opt.over.on {height: 175px; transition: .2s;}
.search_title_box .opt #title {font-weight: 400; color:#626262;}
.search_title_box .opt.over a div {border-top:none; color:#626262; cursor: pointer; user-select: none; font-weight: 400; background: white;}
.search_title_box .opt.over a:first-child div {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_up.jpg) no-repeat 75px 15px; border-bottom: none;}
.search_title_box .opt.over a:last-child div {border-bottom: none;}
.search_title_box .opt.over a:hover div {text-decoration: underline; text-decoration-color: #626262; text-underline-offset:4px; color:#282828;}
.search_title_box .opt.over .title {background: white;}   
.search_title_box .txt {width: 245px; padding: 10px 10px 10px 10px;}
.search_title_box .txt input {width: 220px; margin-top: -8px; height: 36px;}
.search_title_box .btn {align-self: center; background: #4d4940;}
.search_title_box .btn:hover {background: #dc6b07;}

/* select */
.select_title_box {display: flex;width: 176px;height: 40px; background: white;}
.select_title_box .opt {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_down.jpg) no-repeat 145px 15px; cursor: pointer; user-select: none;}
.select_title_box .opt div {width: 176px; height: 40px; text-align: left; line-height: 39px; padding-left: 20px;}    
.select_title_box .opt.over {position: absolute; z-index: 20; height: 1px; overflow: hidden; transition: .1s;}
.select_title_box.one .opt.over {z-index: 21;}
.select_title_box .opt.over div {height: 30px; width: 176px;}
.select_title_box .opt.over a:first-child div {height: 40px; width: 176px;}
.select_title_box .opt.over a:last-child div {height: 45px;}
.select_title_box .opt.over.on {height: 145px; transition: .2s;}
.select_title_box .opt #title {font-weight: 400; color:#626262;}
.select_title_box .opt.over a div {border-top:none; color:#626262; cursor: pointer; user-select: none; font-weight: 400; background: white; padding-right: 20px;}
.select_title_box .opt.over a:first-child div {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_up.jpg) no-repeat 145px 15px; border-bottom: none;}
.select_title_box .opt.over a:last-child div {border-bottom: none;}
.select_title_box .opt.over a:hover div {text-decoration: underline; text-decoration-color: #626262; text-underline-offset:4px; color:#282828;}
.select_title_box .opt.over .title {background: white;}   

    /* middle menu   :   sub_title \ sub_sub */
.mid_menu {position:relative; max-width: 2560px; min-width: 1280px; margin: 0 auto; background: #1c1108; padding: 30px 0;} 
.mid_menu>div {width: 1280px; margin: 0 auto; position: relative; height: 100%; _background: green; display: flex; justify-content: center; align-items: center;}
.mid_menu>div>.title {position: absolute; left: 0; color: #eb500b; font-weight: bold;}
.mid_menu>div .menu a {font-size: 18px; color: #927c6a; margin: 0 14px;}
.mid_menu>div .menu a:hover, .mid_menu>div .menu a.on {color: #dc6b07;}

    /* middle menu_1   :   sub_title \ sub_sub \ sub_sub_sub */
.mid_menu.sub {margin: 0 auto; background: none; padding: 0;} 
.mid_menu.sub>div {width: 1280px; margin: 0 auto; position: relative; height: 100%; display: block;}
.mid_menu.sub>div>.title {position: relative; left: 0; color: white; margin: 37px 0 21px;}
.mid_menu.sub>div .menu {display: flex; align-items: center; background: #38322a;}
.mid_menu.sub>div .menu a {padding: 20px 0; color: #838383; flex: 1; margin: 0; text-align: center; border: 1px solid #544b3d; border-top: none; border-left: none;}
.mid_menu.sub>div .menu a:last-child {border-right: none;}
.mid_menu.sub>div .menu a:hover, .mid_menu.sub>div .menu a.on {color: white; background: #544b3d;}

.mid_menu.sub .between {width: 1280px; margin: 0 auto; position: relative; height: 87px; display: flex; justify-content: space-between;}
.mid_menu.sub .bot_line {border-bottom: 2px solid #515151;}

    /* middle menu_2 ¿ìÃø ¼­¹ö¹öÆ° 3°³*/
.info {margin: 0 auto; background: none; margin-top: 51px;} 
.info .info_box {width: 1280px; margin: 0 auto; position: relative; height: 100%; display: block;}
.info h2 {font-size: 24px; color: white; font-weight: 500; letter-spacing: -1px;}
.info .top>div {width: 1280px; display: flex; justify-content: space-between; margin-bottom: 16px;}
.info .top div div:last-child {display: inline-block; margin-top: 2px;}
.info .top div div:last-child a {color: #d7c6ac; background: #453d31; width: 73px; height: 24px; display: inline-block; text-align: center; font-size: 14px; line-height: 24px; border-radius: 12px; margin-left: 5px;}
.info .top div div:last-child a:hover, .info .top div div:last-child a.on {color: #fff; background: #b00a0a;}

    /* news notice - list */
.info.notice {margin-top: 0;}
.notice_cont>a {display: flex; text-align: center; color: #eaeaea; font-size: 16px; font-weight: 300; padding: 23px 0;}
.notice_cont>a {border-bottom: 1px solid #383838; background: none;}
.notice_cont>a:last-child {border-bottom: 2px solid #383838; background: none;}
.notice_cont>a:hover {background: #2f291f;}
.notice_cont .head, .notice_cont .head:hover {background: #2d2d2d;}
.notice_cont .head>div {text-align: center;}
.notice_cont .head>div:first-child {text-align: left; _padding-left: 45px; text-align: center;}
.notice_cont .head>div:last-child {text-align: left; padding-left: 30px;}
.notice_cont>a>div {text-align: left;}
.notice_cont>a>div:nth-child(1) {width: 10%; _padding-left: 35px; text-align: center;}
.notice_cont>a>div:nth-child(2) {width: 79%; padding-right: 30px;}
.notice_cont>a>div:nth-child(3) {width: 11%;}
.notice_cont .title_news {display: flex;} /* count, new_img */
.notice_cont .title_news .new_count {margin-top: 0px;}

    /* news notice - view */
.notice_view .title_news {display: flex; font-size: 22px; font-weight: 400; color: #eaeaea; padding: 35px 25px;}  /* count, new_img */
.notice_view .date_news {display: flex; font-size: 15px; font-weight: 400; color: #eaeaea; padding: 16px 30px; border-top: 1px solid #383838;}  /* count, new_img */
.notice_view .date_news .icoDate {margin-right: 40px;}
.notice_view .cont_news {min-height: 570px; padding: 50px 30px; _background: #363636; color: #bebebe; font-size: 16px; border-top: 1px solid #515151; border-bottom: 2px solid #373737;}
.notice_view .index_news {display: flex; justify-content: space-between;}
.notice_view .index_news button {font-size: 18px; color: #eaeaea; padding: 16px 0; border: 1px solid #767676; background: #343230; margin-top: 30px; display: inline-block; width: 140px;}
.notice_view .index_news button:hover {border-color: #dc6b07; transition: .1s;}
.notice_view .index_news>div:last-child button:nth-child(2) {margin: 0 3px;}
.notice_view .move_news {margin: 60px 0 240px;}
.notice_view .move_news>a {display: flex; justify-content: space-between; color: #838383; font-size: 15px; padding: 18px 5px 18px 30px; border-top: 1px solid #383838;}
.notice_view .move_news>a:last-child {border-bottom: 1px solid #383838;}
.notice_view .move_news>a div:first-child::before {
    content: '';
    display: inline-block;
    margin: -4px 9px 0 0;
    width: 12px;
    height: 7px;
    background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_icon_arrow_down.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.notice_view .move_news>a:last-child div:first-child::before {transform: rotate(-180deg);}
.notice_view .move_news>a div {text-align: left; width: 10%;}
.notice_view .move_news>a div:nth-child(2) {width: 85%; color: #eaeaea;}
.notice_view .move_news>a div:nth-child(3) {width: 10%;}
.notice_view .move_news>a:hover div:nth-child(2) {text-decoration: underline; text-underline-offset:3px;}  
.notice_view .move_news .no_cursor:hover div:nth-child(2) {text-decoration: none;}

/* °ÔÀÓ ¹é¼­ view */
.comment{margin:90px 0 100px 0}
.comment h0{display: block; margin:50px 0 30px; width: 100%; height: 2px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/bu_comment_line.gif) repeat-x red;}
.comment h1{margin:0 0 1px 0;height: 48px; font-weight:400;font-size:22px;color:#d88420;padding-left: 10px; line-height: 48px;}
.comment .input textarea{box-sizing:border-box;padding:13px;flex-grow:1;height:76px;border:1px solid #2f2f2f;font-size:17px; background: #2f2f2f; color: #bdbdbd; _outline: none; resize: none;}
.comment .re_txt textarea{height:100px;}
.comment textarea::placeholder{color:#bdbdbd;}
.comment .input{display:flex}
.comment .input button{margin:0 0 0 0px;width:89px;height:76px;background:#8d521d;font-size:15px;color:#fff;transition: .3s; margin-left: 2px;}
.comment .re_txt button{width:100px;height:100px;background:#8d521d;font-size:18px;}
.comment .input button:hover{background:#dc6b07;transition: .2s;}
.comment .re_txt button:hover{background:#dc6b07;transition: .2s;}
.comment .list .input textarea+button{background:#343230; color: #fff; margin-left: 2px;}
.comment .list .input textarea+button:hover{background:#514d4a;}
.comment .list li:first-child {margin-top: 45px;}
.comment .list .user_up{display: flex; justify-content: space-between;}
.comment .list .user_rep{padding: 0 0 0 70px;}
.comment .list .btnComment{width: 75px; height: 21px;box-sizing:border-box;color:#fff;text-align:center;font-size: 13px;font-weight: 400; transition: .3s; padding-left: 15px; margin-left: -2px;}
.comment .list .btnComment.dele{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/reply_close.png) no-repeat 17px 6px #514d4a;}
.comment .list .btnComment.dele:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/reply_close.png) no-repeat 17px 6px #dc6b07; transition: .2s;}
.comment .list .btnComment.repl{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/reply.png) no-repeat 17px 4px #514d4a; margin-left: 2px;}
.comment .list .btnComment.repl:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/reply.png) no-repeat 17px 4px #dc6b07; transition: .2s;}
.comment .list .user_up:before{content:'';display:block;position:absolute;margin:3px 0 0 0px;width:13px;height:14px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/user.png) no-repeat center 0px}
.comment .list .user_rep:before{content:'';display:block;position:absolute;margin:-5px 0 0 -40px;width:24px;height:24px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/reply_arrow.png) no-repeat center 0px}
.comment .list .user_up .user{padding-left: 20px; color: #838383; font-size: 16px; font-weight: 500; letter-spacing: -0.5px;}
.comment .list .user_up .user .date{color: #838383; font-size: 12px; font-weight: 400; margin-left: 20px;}
.comment .list p{font-size: 16px; color: #9c9c9c; font-weight: 400; margin-top: 12px; line-height: 28px;}
.comment .list .input{margin:15px 0 0 0;padding-left:5px;}
.comment .list .user_rou{margin: 0px 10px 0 3px; color: #be620f; font-size: 16px;}




/* board icon */
.icoRead:before {content:'';display:inline-block;margin:-3px 8px 0 0;width:16px;height:12px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/eye.png) no-repeat;vertical-align:middle}
.icoRead {font-weight: 300;}
.icoDate:before {content:'';display:inline-block;margin:-3px 8px 0 0;width:13px;height:13px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/watch.png) no-repeat;vertical-align:middle;}
.icoDate {font-variant-numeric: tabular-nums; letter-spacing: -.5px; font-weight: 300;}
.icoUser:before {content:'';display:inline-block;margin:-3px 10px 0 0;width:13px;height:14px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/user_1.png) no-repeat 0 0px;vertical-align:middle}
.icoLike:before {content:'';display:inline-block;margin:-4px 7px 0 0;width:13px;height:11px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/heart_1.png) no-repeat;vertical-align:middle}
.icoLogo:before {content:'';display:inline-block;margin:0px 47px 0 0;width:116px;height:25px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/community/logo.png) no-repeat;vertical-align:middle}

/* sns btnGroup */
.btnGroup{margin:-9px 0 0 0;height:0px;}
.btnGroup .right{position:absolute;right:20px; width: 36px; overflow: hidden;margin-top: 0px;}
.btnGroup .right:hover{width: 158px;}
.btnGroup>a,.btnGroup button{box-sizing:border-box;margin:0 0px 0 0;min-width:160px;height:60px;background:#5a5a5a;}
.btnGroup>a:hover,.btnGroup button:hover,.btnGroup .share:hover>button{background:#dc6b07;}
.btnGroup .share>button{position:relative;min-width:36px; height: 36px; z-index:10;}
.btnGroup .share>button:before{content:'';display:inline-block;margin:-3px 0 0 -3px;width:36px;height:36px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/bu_share.png) no-repeat;vertical-align:middle}
.btnGroup .share{display:flex;flex-direction:row-reverse;align-items:center;}
.btnGroup .sns{display:flex;margin:-4px -100px 0 0;width:0;opacity:0;}
.btnGroup .sns *{display:block;margin:0 0 0 4px;width:36px;height:40px;background:url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/bu_share.png) no-repeat -4px 0;text-indent:-9999px;}
.btnGroup .sns .facebook{background-position:0px -116px}
.btnGroup .sns .twitter{background-position:0px -76px}
.btnGroup .sns .link{background-position:-4px -36px}
.btnGroup .share:hover .sns{display:flex;margin-right:0px;width:auto;opacity:1; transition: .3s;}

/* page */
.pagination{clear: both; display:flex;justify-content:center;margin:60px 0 135px 0; position: relative;}
.pagination a, .pagination strong{display:inline-flex;justify-content: center;align-items: center; margin-left:-1px;padding:0px;min-width:50px;height:50px;font-size:16px;text-align:center;color:#838383; font-weight: 400;border: 1px solid #211e19; background: #454545;}
.pagination strong, .pagination>a:hover{box-sizing: border-box; color: white;background: #602f1c;}
.pagination a img:hover{box-sizing: border-box;}
.pagination .first{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_first_off.png) no-repeat center center #454545;text-indent:-9999px;overflow:hidden;}
.pagination .first:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_first_off.png) no-repeat center center #602f1c;}
.pagination .last{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_last_off.png) no-repeat center center #454545;text-indent:-9999px;overflow:hidden;}
.pagination .last:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_last_off.png) no-repeat center center #602f1c;}
.pagination .prev{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_prev_off.png) no-repeat center center #454545;text-indent:-9999px;overflow:hidden;}
.pagination .prev:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_prev_off.png) no-repeat center center #602f1c;}
.pagination .next{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_next_off.png) no-repeat center center #454545;text-indent:-9999px;overflow:hidden;}
.pagination .next:hover{background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/common/btn_pagination_next_off.png) no-repeat center center #602f1c;}