.weapon_filter{position:relative;margin-bottom:20px;padding:6px;}
.weapon_filter::before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#cccecf;}
.weapon_filter .size01{width:100px}
.weapon_filter .size02{width:55px}
.weapon_filter table{position:relative;width:100%;table-layout:fixed}
.weapon_filter th{background:#e7e7e7;border-bottom:1px solid #cccecf;font-size:12px;font-weight:bold; padding: 5px;}
/* .weapon_filter th[rowspan]{border-bottom:0} */
.weapon_filter td{padding:7px 10px;background:#fff;border-bottom:1px solid #cccecf}
.weapon_filter td.sub { background-color:#e7e7e7; color:#e7e7e7;text-align:center;font-weight:bold;}
.weapon_filter tr:last-child td{border-bottom:0}
.weapon_filter input.text { width: 200px; }

.weapon_filter label.checkbox.active {
    color: white;
    background: #1a3574;
    background: linear-gradient(to bottom, #142e6d 0%,#132c67 50%,#1a3574 50%,#1a3574 100%);
}
.weapon_filter label.checkbox {
    border-radius: 3px;
    border: 1px solid #1a3574;
    min-width: 64px;
    height: 30px;
    margin: 2px 0 2px 2px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #f1f5f7 0%,#f1f5f7 50%,#e8edef 50%,#e8edef 100%);
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}
.weapon_filter label.checkbox input { display: none; }
.weapon_filter input.hidden { display: none; }

.weapon_filter td.type label a { display: block; height: 30px; line-height: 29px; font-weight: bold; }
.weapon_filter td.type label a:hover { text-decoration: none; }
.weapon_filter td.type label.checkbox { padding: 0 7px; }
.weapon_filter td.type label.checkbox.active a { color: white; }

.weapon_filter td b { letter-spacing: 0px; }


/* banner */
.mhr.banner { margin-bottom:15px; }
.mhr.banner img { width: 100%; }

.scrollable { cursor: move; }
.weapontree-section { float:none; display: block; padding-top: 118px; width: 800px; overflow-x: auto; }
.weapontree-section ul, .weapontree-section div { display: block; float:none; }
.weapontree-section li { display: list-item; float:none; }
.weapontree-section span, .weapontree-section a { display: inline; float:none; padding:0; font-family: gulim, 굴림, Helvetica; line-height: 15px; }
.weapontree-section .weapontree { float: left; display:none; }
.weapontree:after { clear:both; }
/*.weapontree ul { list-style:none; margin-top:-86px; padding-left: 170px; margin-bottom:101px; }*/
.weapontree ul { list-style:none; padding-left: 200px; padding-bottom: 102px; width: 500px; }
.weapontree-section[data-typecode="6"] .weapontree ul { padding-bottom: 132px;  }
.weapontree > ul { float: left; padding-left: 0; clear:both; }
.weapontree li { position: relative; float:left; font-size:12px; }
.weapontree li .line { content:""; background-color:red; position: absolute; top:12px; width:2px; height: 25px; margin-left: -25px; }
.weapontree li.single > .line { display:none; }
.weapontree li:before { content:""; float: left; width:30px; height:2px; margin-top: 12px; margin-left: -38px; background-color:red; }
.weapontree li:after { display: block; content: ''; position: absolute; top: 9px; width: 0; height: 0; margin-left: -10px; border-width: 4px 8px; border-style: solid; border-color: transparent; border-left-color: red; }
.weapontree li.last:before, .weapontree li.middle:before { width:20px; margin-left: -25px; }
.weapontree > ul > li:before, .weapontree > ul > li:after { display: none; }
.weapontree li .title { display: inline-block; width:150px; border: 1px solid; padding: 4px; border-radius: 6px; text-align:center; color: white; text-decoration: none; }
.weapontree li .title .info { overflow: hidden; display: block; margin-top:4px; padding-top:4px; border-top:1px solid; }
.weapontree li .title .info > .left, .weapontree li .title .info > .right { float: left; width: 50%; text-align: left; }
.weapontree li .title .info > .right { width:calc(50% - 2px); padding-left: 2px; }
.weapontree li .title .info > .center {  float:none; clear:both; display:block; text-align: left; margin-bottom: -6px; }
.weapontree li .title .info span { font-size: 11px; }
.weapontree li.last-child { clear:right; }


/*.mhr span.rare1 { color: #7c7c7c;}
.mhr span.rare2 { color: #bfa80d;}
.mhr span.rare3 { color: #e46799;}
.mhr span.rare4 { color: #008c35;}
.mhr span.rare5 { color: #009cff;}
.mhr span.rare6 { color: #4153ff;}
.mhr span.rare7 { color: #E02248;}
.mhr span.rare8 { color: #e77200;}
.mhr span.rare9 { color: #E02248;}
.mhr span.rare10 { color: #2cd0da;}
.mhr span.rare11 { color: #e5b33b;}
.mhr span.rare12 { color: #88c7d9;}
*/
.weapontree li .title { background-color: #000;}
.weapontree li[data-rare="1"] .title { background-color: #7c7c7c;}
.weapontree li[data-rare="2"] .title { background-color: #bfa80d;}
.weapontree li[data-rare="3"] .title { background-color: #e46799;}
.weapontree li[data-rare="4"] .title { background-color: #008c35;}
.weapontree li[data-rare="5"] .title { background-color: #009cff;}
.weapontree li[data-rare="6"] .title { background-color: #4153ff;}
.weapontree li[data-rare="7"] .title { background-color: #E02248;}
.weapontree li[data-rare="8"] .title {background-color: #2CD0DA;}
.weapontree li[data-rare="9"] .title {background-color: #6C3AF1;}
.weapontree li[data-rare="10"] .title {background-color: #E17E1A;}}
.weapontree li[data-rare="11"] .title { background-color: #e5b33b;}
.weapontree li[data-rare="12"] .title { background-color: #88c7d9;}


/* sharpness */
.weapontree-section .sharpnessWrap {
	display:inline-block;width: 126px;background-color: #555555;border: 1px solid #000;
	-webkit-transform: scale(0.93,0.5) translate(-5px, 0px);
	transform: scale(0.93,0.5) translate(-5px, 0px);
}
.weapontree-section .sharpnessWrap:nth-child(2) {
	-webkit-transform: scale(0.93,0.5) translate(-5px, -12px);
	transform: scale(0.93,0.5) translate(-5px, -12px);
}
.sharpnessWrap:last-child { margin-top: 2px; }
.sharpnessWrap span { display:inline-block; height: 11px; }
.sharpnessWrap span.r0 { background-color: #c21a2c; }
.sharpnessWrap span.o1 { background-color: #f7532d; }
.sharpnessWrap span.y2 { background-color: #ffca3a; }
.sharpnessWrap span.g3 { background-color: #67bf19; }
.sharpnessWrap span.b4 { background-color: #0a3be6; }
.sharpnessWrap span.w5 { background-color: #ffffff; }
.sharpnessWrap span.p6 { background-color: #dc4fef; }
.sharpnessWrap span.b7 { background-color: #555555; }

/* huntinghorn */
.weapontree li .title .info .huntinghornEtc span { font-size: 11px; font-family: 'Noto Sans'; white-space: nowrap;text-overflow: ellipsis; }
.huntinghornEtc span.w { color: white; }
.huntinghornEtc span.r { color: #ff0000; }
.huntinghornEtc span.b { color: #000fff; }
.huntinghornEtc span.p { color: #a66cce; }
.huntinghornEtc span.g { color: #3dc64d; }
.huntinghornEtc span.y { color: #fcff00; }
.huntinghornEtc span.s { color: #00e4ff; }
.huntinghornEtc span.o { color: #ff9000; }


/*layer*/
.mhfDbWeaponTreeLayer { background: white; border: 1px solid black; max-width:210px;}
.mhfDbWeaponTreeLayer .weapon_detail dl dd { width: 100%; }
.mhfDbWeaponTreeLayer .weapon_detail dl dd:before { content: " - "; }
.mhfDbWeaponTreeLayer .weapon_detail dl dd.price { width: auto; }
.mhfDbWeaponTreeLayer .weapon_detail dl dd.price:before { content:""; }

/* mobile */
.mobileWrap .weapontree-section { width:auto; padding: 106px 10px 0 10px; }

#mhrDb .treename {
    width: 100px;
    clear:both;
    float:none;
    margin-bottom:3px;
    font-weight: bold;
}