@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Shin 250410
updated : 250508
------------------------------------------------------------
*/
.war_live .bottom .war_now {display: flex; justify-content: space-between;}
.war_live .bottom .war_now>div:first-child {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/livewar_back.jpg) no-repeat; width: 1280px; height: 370px;}
    /* ÀüÀï ½ÇȲ */
.war_live .bottom .text_eff {position: absolute; top: 143px; width: 100px; height: 60px; text-align: center; overflow: hidden;}
.war_live .bottom .text_eff:first-child {left: 253px;}
.war_live .bottom .text_eff:last-child {left: 927px;}
.war_live .bottom .text_eff:first-child img {margin-top: -576px;} /*[-n*72]*/
.war_live .bottom .text_eff:last-child img {margin-top: -504px;}

    /* ÀüÀï ±ÔÄ¢ */
.war_rule .bottom .war_info>div {width: 100%; display: flex;}
.war_rule .bottom .war_info>div:first-child {background: #37332d; color: #dcc8a9; margin-top: 30px;}
.war_rule .bottom .war_info>div:last-child {background: #151515; color: white; margin-top: 8px;}
.war_rule .bottom .war_info>div div {width: 25%; text-align: center; font-size: 16px; padding: 12px 0;}
.war_rule .text {font-size: 16px; color: #82745f; font-weight: 500; padding: 18px 0 20px; border-bottom: none;}
    /* ÇÏ´Ü ¼³¸í */
.war_present .info_box {display: flex; flex: 1; justify-content: space-around; margin-bottom: 77px;}
.war_present .info_box>div {padding: 30px; background: #3a3021;}
.war_present .info_box>div>div {font-size: 16px; color: #82745f; line-height: 24px; letter-spacing: -.1px;}
.war_present .info_box>div>div p {font-size: 20px; color: #dac5a5; margin: 24px 0 7px;}
.war_present .info_box>div>div:first-child {padding: 11px 143px; justify-self: center; background: #281b08;}
.war_present .info_box>div>div:last-child {margin-bottom: 30px;}

    /* ÀüÀ￵¿õ */
.mid_menu.sub .menu a:nth-child(2) {display: flex; justify-content: center; align-items: flex-start;}
.mid_menu.sub .menu a:nth-child(2) img {margin: 2px 0 0 5px;}
.info.war_live .info_box>div:first-child>div:first-child {border-bottom: 2px solid #515151; padding-bottom: 17px;}
.info.exclamation .top {position: relative;}
.info.exclamation .top a:first-child {background: #5e5e5e; width: 16px; height: 16px; font-size: 11px; line-height: 18px; color: #c3c3c3; cursor: pointer;}
.info.exclamation .top a:first-child:hover {background: #972525;}
.info.exclamation .top a:first-child:hover .hero_txt {display: block;}
.info.exclamation .top .hero_txt {background: #483d32; position:absolute; z-index: 1; top: 35px; right: 11px; border-radius: 14px; display: none;}
.hero_txt div:first-child {font-size: 13px; font-weight: 300; color: #fff; padding: 15px 15px; letter-spacing: .3px; cursor: default;}
.hero_txt .top_arrow {width: 25px;height: 17px;overflow: hidden;position: absolute; top: -17px;z-index: 0; left: 52px;}
.hero_txt .top_arrow::after {content: '';width: 100px;height: 100px;background: #483d32;transform: rotate(-45deg);position: absolute;top: 25px;left: -40px;z-index: -1;}
.info.hero_rank {margin-top: 40px;}
.info.hero_rank:last-child {margin-bottom: 150px;}
.info.hero_rank .top {font-size: 20px; color: #f7e8d2;}
.info.hero_rank .table table {width: 1280px; display : inline-block; box-sizing: border-box;}
.info.hero_rank th {color: #dcc8a9; height: 50px; font-size: 16px; font-weight: 400;}
.info.hero_rank tr {text-align: center; border-bottom: 4px solid #211e19; height: 73px; background: #3a3a3a;} 
.info.hero_rank tr:nth-child(1) {height: 53px; background: #613826;} 
.info.hero_rank td {text-align: center; font-size: 16px; color: white; white-space: nowrap; padding: 0 10px;}

    /* ½ºÅ丮 */
.info.trait {margin-bottom: 150px;}
.info.trait .info_box>div {font-size: 16px; color: #d9cfc5; padding: 32px 0 0 35px; line-height: 27px;}
.info.trait .info_box>div span {color: #ffbb7e;}
.info.trait .info_box>div span:first-child {font-size: 24px;}
.trait_top {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/story_bg.jpg) no-repeat; width: 1280px; height: 967px; margin: -53px 0 22px;}

    /* °³Ã´Áö´ë */
.info.pioneer .text {font-size: 16px; color: #82745f; line-height: 26px;}
.info.pioneer .under {display: flex; column-gap: 19px;}
.info.pioneer .bottom {display: flex; justify-content: space-between; margin: 25px 0 150px;}
.info.pioneer .bottom>div {width: 630px; height: 258px; border: 1px solid #464646; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 235px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/pioneer1_5.png) no-repeat 40px bottom; color: #ffe2b7; font-size: 22px; line-height: 52px;}
.info.pioneer .bottom>div>div {color: #a0998f; font-size: 16px; line-height: 26px;}
.info.pioneer .bottom>div:first-child {padding-left: 250px; background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/pioneer1_4.png) no-repeat 27px bottom;}

    /* ·ç³ªÀüÀï */
.info.luna .bottom {display: flex; column-gap: 19px; row-gap:40px; flex-wrap: wrap; margin-bottom: 150px;}
.info.luna .bottom>div {width: 414px; position: relative;}
.info.luna .bottom>div>a {width: 414px; height: 300px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0); transition: .1s; position: absolute; top: 0px;}
.info.luna .bottom>div>a div {width: 170px; height: 40px; border: 2px solid white; display: flex; color: white; font-size: 18px; justify-content: center; align-items: center; opacity: 0; transition: .1s;}
.info.luna .bottom>div>a div img {margin-left: 10px;}
.info.luna .bottom>div>a:hover {background: rgba(0,0,0,0.5); transition: .3s;}
.info.luna .bottom>div>a:hover div {opacity: 1; transition: .3s;}
.info.luna .bottom>div:nth-child(1) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_1.jpg) no-repeat 0 0;}
.info.luna .bottom>div:nth-child(2) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_2.jpg) no-repeat 0 0;}
.info.luna .bottom>div:nth-child(3) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_3.jpg) no-repeat 0 0;}
.info.luna .bottom>div:nth-child(4) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_4.jpg) no-repeat 0 0;}
.info.luna .bottom>div:nth-child(5) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_5.jpg) no-repeat 0 0;}
.info.luna .bottom>div:nth-child(6) {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/luna1_6.jpg) no-repeat 0 0;}
.info.luna .bottom .luna_title {width:414px; height: 50px; background: rgba(0,0,0,.6); font-size: 22px; color: white; text-align: center; line-height: 50px; margin-top: 250px; pointer-events: none;}
.info.luna .bottom>div>div {font-size: 14px; color: #a0998f; line-height: 24px;}
.info.luna .bottom>div p {font-size: 18px; color: #ffe2b7; margin: 21px 0 10px;}
.info.luna .bottom>div span {font-size: 16px; color: #ffe2b7; margin: 11px 0 10px; display: inline-block;}
.info.luna .bottom .wood_icon {display: flex; align-items: center; margin: 20px 0;}
.info.luna .bottom .wood_icon>div p {margin: 0 0 -1px;}
.info.luna .bottom .wood_icon>div:last-child {padding-left: 15px;}
    /* popup_big */
.popup_big{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_big>.detail {position:relative; padding: 20px; background: white; font-size: 28px; color: #433f39; font-weight: 500;}  
.popup_big>.detail>div>div:first-child {margin-bottom: 10px;}  
.popup_big>.detail>div>div:last-child {border: 3px solid #cabb9a; box-sizing: border-box;}  
.popup_big>.detail>div:last-child {position: absolute; top: 0px; right: 0px; cursor: pointer;}

    /* ±¹°æ¼öºñÀüÅõ */
.info.defense .bottom {color: #a0998f; font-size: 16px; line-height: 26px;}
.info.defense .bottom>div p {color: #ffe2b7; font-size: 20px; margin-top: 30px;}
.info.defense .bottom>div p:first-child {margin-top: 0px;}
.info.defense .table {margin: 10px 0;}
.info.defense .table tr {border-bottom: 1px solid #404040;}
.info.defense .table td {color: white;}
.info.defense .table tr:last-child {border-bottom: none;}
.info.defense .table th, .info.defense .table td {padding: 7px; text-align: center; background: #2a2a2a; font-weight: 300;}
.info.defense .table th:first-child, .info.defense .table td:first-child {border-right: 1px solid #404040;}
.info.defense .table:last-child th:nth-child(2), .info.defense .table:last-child td:nth-child(2) {border-right: 1px solid #404040;}
.info.defense .table th {background: #37332d; color: #dcc8a9;}
.info.defense .bottom span {color: #ac4416;}
.info.defense .bottom .ucc_area {margin: 80px auto 150px; width: 1101px; height: 608px;}

    /* °ø¼ºÀü ¼Ò°³ */
.info.present .bottom .ucc_area {margin: 20px 0px 70px; padding: 50px 90px; background: black;}
.story_top #event1 {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/present_bg_1.jpg) no-repeat; text-align: center;}
.story_top #event2 {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/present_bg_2.jpg) no-repeat;}
.story_top #event3 {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/present_bg_3.jpg) no-repeat;}
.story_top #event4 {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/present_bg_4.jpg) no-repeat;}
.story_top #event5 {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/present_bg_5.jpg) no-repeat;}
.story_top .event{position:relative; height:480px; width: 1280px; left: 0px; top: 30px; padding: 10px 30px; font-size: 16px; color: #cabeac; line-height: 26px; overflow: hidden;}
.story_top .event>div{height:460px; width: 1240px; padding: 0 20px 0 0; overflow-y: auto; overflow-x: hidden; font-size: 16px; color: #cabeac; line-height: 26px;}
.story_top .event>div::-webkit-scrollbar {width: 7px;height: 50px;background-clip: padding-box;}
.story_top .event>div::-webkit-scrollbar-track {background: transparent;}
.story_top .event>div::-webkit-scrollbar-thumb {background-color: #8b8b8b; border-radius: 4px;}
.story_top h3 {font-size: 18px; font-weight: 400; margin: 35px 0 17px; color: white; text-align: center;}
.story_top #event1 h3 {margin: 125px 0 17px;}
.story_top h5 {color: #cabeac; font-size: 30px; font-weight: 400; margin-top: 0px; text-align: center;}
.stoty_txt_color {color: #db9e42;}
.tabs_story {display: flex; justify-content: space-between; margin: 67px 0 150px;}
.tabs_story li a {display: inline-flex; justify-content: center; align-items: center; width: 240px; height: 60px; font-size: 18px; color: #82745f; background: linear-gradient(to bottom, #4c3e34, #352920); border: 1px solid #1b1915; border-top-color: #836b5a; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);}
.tabs_story li.on a, .tabs_story li a:hover {color: #fff; background: linear-gradient(to bottom, #55290c, #36291f); border: 1px solid #1b1915; border-top-color: #924715;}

    /* ±â»ç´Ü */
.info.knight .table {margin: 10px 0; font-size: 16px;}
.info.knight .table tr {border-bottom: 4px solid #211e19;}
.info.knight .table td {color: white;}
.info.knight .table td:first-child {background: url(https://mgameimage.gscdn.com/mgamezzang/games/knight_v3/war/level_bg.png) no-repeat center center #3a3a3a;}
.info.knight .table tr:last-child {border-bottom: none;}
.info.knight .table th, .info.knight .table td {padding: 26px; text-align: center; background: #3a3a3a; font-weight: 300;}
.info.knight .table th {padding: 16px;}
.info.knight .table th {background: #613826; color: #dcc8a9;}
.info.knight .table .clan_1st {color: #edcc7b;}

.info.knight .bottom {font-size: 16px; color: #cabeac; line-height: 26px; margin-bottom: 150px;}
.info.knight .bottom div {margin: 12px 0 40px;}
.info.knight .bottom p {font-size: 20px; color: #db9e42; margin: 25px 0 10px;}
.info.knight .bottom p:first-child {font-size: 24px; color: #fff; margin: 58px 0 10px;}

    /* °ø¼º¹«±â */
.info.weapon .table {margin: 10px 0; font-size: 16px;}
.info.weapon .table tr {border-bottom: 1px solid #383838;}
.info.weapon .table tr:first-child {border-top: 2px solid #515151;}
.info.weapon .table th, .info.weapon .table td {font-size: 16px; color:#eaeaea; font-weight: 300;}
.info.weapon .table th {background: #2d2d2d; padding: 21px 0; border-right: 1px solid #383838;}
.info.weapon .table th:last-child, .info.weapon .table td:last-child {border-right: none;}
.info.weapon .table td {padding: 9px 0 9px 70px; text-align: left; border-right: 1px solid #383838;}
.info.weapon .table img {margin-right: 20px;}
.info.weapon .table .txt_center {padding: 9px 0;}
.info.weapon .bottom {color: #cabeac; font-size: 16px; margin: 50px 0 150px;}
.info.weapon .bottom p {color: #db9e42; font-size: 20px; margin-bottom: 3px;}
.info.weapon .bottom>div {display: flex; justify-content: space-between;}
.info.weapon .bottom>div:first-child {margin-bottom: 30px;}
.info.weapon .bottom .weapon_img {display: flex; column-gap: 5px; margin-top: 15px;}
.info.weapon .bottom .weapon_img>div {background: #2d2d2d; padding: 27px 29px;}

    /* °ø¼ºÀü ±ÔÄ¢ */
.info.rules .tabs_rules {display: flex; width: 1112px; height: 53px; background: #29333d; border-radius: 14px; margin-top: -25px; align-items: center; padding-left: 30px; font-size: 18px; color: #73797e;}
.info.rules .tabs_rules li {margin-right: 50px;}
.info.rules .tabs_rules a {color: #73797e;}
.info.rules .tabs_rules li.on a, .info.rules .tabs_rules a:hover {text-decoration: underline; text-underline-offset:4px; color: #b5bdc5;}
.info.rules .tabs_rules li:first-child a {color: white; text-decoration: none;}
.info.rules .top_arrow {width: 35px; height: 17px; overflow: hidden; position: absolute; top: -17px; z-index: 0; left: 889px;}
.info.rules .top_arrow::after {content: '';width: 100px;height: 100px;background: #29333d; transform: rotate(-45deg); position: absolute; top: 25px; left: -33px; z-index: -1;}
.info.rules .rules_top {font-size: 16px; line-height: 26px; color: #cabeac; margin-bottom: 250px;}
.info.rules .rules_top h2 {margin: 30px 0 -20px;}
.info.rules .rules_top p {font-size: 20px; color: #db9e42; margin: 40px 0 5px;}
.info.rules .explain_stone {display: flex; align-items: center; column-gap: 15px; margin: 10px 0 40px;}
.info.rules .explain_stone>div:last-child {margin-top: -25px}
.info.rules .rules_top span {color: #e16716;}
.info.rules .table {margin: 17px 0 20px; font-size: 16px;}
.info.rules .table tr {border-bottom: 4px solid #211e19;}
.info.rules .table td {color: white;}
.info.rules .table tr:last-child {border-bottom: none;}
.info.rules .table th, .info.rules .table td {padding: 22px; text-align: center; background: #3a3a3a; font-weight: 300;}
.info.rules .table th {padding: 13px;}
.info.rules .table th {background: #613826; color: #dcc8a9;}

    /* ¼ºÁÖ Ãß÷ */
.info.castellan .bottom {margin: 10px 0 150px; color: #cabeac; font-size: 16px; line-height: 26px;}
.info.castellan .bottom p {color: #db9e42; font-size: 20px; margin: 30px 0 10px;}
.info.castellan .bottom p:first-child {margin: 0px 0 10px;}
.info.castellan .bottom img {margin: 10px 40px 10px 0;}