/*모바일css*/
table, table th, table td {
    border-spacing: 0;
    border-collapse: collapse;
}
#lineage2mDb {padding: 10px;}
/*공통 폰트*/
#lineage2mDb * {font-family: "NanumBarunGothic", "sans-serif";}
/*등급*/
.lineage2m *[data-class="1"]{color:#ffffff}
.lineage2m *[data-class="2"]{color:#c3bcb4}
.lineage2m *[data-class="3"]{color:#366f42}
.lineage2m *[data-class="4"]{color:#5076a3}
.lineage2m *[data-class="5"]{color:#8c62a4}
.lineage2m *[data-class="6"]{color:#ceae33}
.lineage2m *[data-collection-grade="1"],
.lineage2m *[data-collection-grade="1"] span{color:#00b050 !important;}
.lineage2m *[data-collection-grade="2"],
.lineage2m *[data-collection-grade="2"] span{color:#006fbf !important;}
.lineage2m *[data-collection-grade="3"],
.lineage2m *[data-collection-grade="3"] span{color:#ff0000 !important;}
.lineage2m *[data-collection-grade="4"],
.lineage2m *[data-collection-grade="4"] span{color:#7030a0 !important;}
.lineage2m *[data-collection-grade="5"],
.lineage2m *[data-collection-grade="5"] span{color:#cc7100 !important;}
.lineage2m *[data-item-grade="1"],
.lineage2m *[data-item-grade="1"] span{color:#00b050 !important;}
.lineage2m *[data-item-grade="2"],
.lineage2m *[data-item-grade="2"] span{color:#006fbf !important;}
.lineage2m *[data-item-grade="3"],
.lineage2m *[data-item-grade="3"] span{color:#ff0000 !important;}
.lineage2m *[data-item-grade="4"],
.lineage2m *[data-item-grade="4"] span{color:#7030a0 !important;}
.lineage2m *[data-item-grade="5"],
.lineage2m *[data-item-grade="5"] span{color:#cc7100 !important;}
.lineage2m *[data-item-grade="6"],
.lineage2m *[data-item-grade="6"] span{color:#efb000 !important;}
.lineage2m.toolContent *[data-item-grade="1"],
.lineage2m.toolContent *[data-item-grade="1"] span{color:#00e668 !important;}
.lineage2m.toolContent *[data-item-grade="2"],
.lineage2m.toolContent *[data-item-grade="2"] span{color:#33a7ff !important;}
.lineage2m.toolContent *[data-item-grade="3"],
.lineage2m.toolContent *[data-item-grade="3"] span{color:#ff6969 !important;}
.lineage2m.toolContent *[data-item-grade="4"],
.lineage2m.toolContent *[data-item-grade="4"] span{color:#bc8ede !important;}
.lineage2m.toolContent *[data-item-grade="5"],
.lineage2m.toolContent *[data-item-grade="5"] span{color:#cc7100 !important;}
.lineage2m.toolContent *[data-item-grade="6"],
.lineage2m.toolContent *[data-item-grade="6"] span{color:#efb000 !important;}
.lineage2m .eq_rank {display: inline-block; width: 37px; height: 23px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/rank_icon_mo.png") no-repeat; text-indent: -9999px; margin: 0 auto;}
.lineage2m .eq_rank.r2 {background-position-y: -26px;}
.lineage2m .eq_rank.r3 {background-position-y: -52px;}
.lineage2m .eq_rank.r4 {background-position-y: -79px;}
.lineage2m .eq_rank.r5 {background-position-y: -107px;}
.lineage2m .eq_rank.r6 {background-position-y: -132px;}
.lineage2m .eq_rank.r7 {background-position-y: -160px;}
.lineage2m .eq_rank.r8 {background-position-y: -187px;}
.lineage2m .eq_rank.r9 {background-position-y: -213px;}
.lineage2m .eq_rank.r10 {background-position-y: -242px;}
.lineage2m .eq_rank.r11 {background-position-y: -270px;}
.lineage2m.toolContent .eq_rank.gr0,
.lineage2m.toolContent .eq_rank.gr1,
.lineage2m.toolContent .eq_rank.gr2,
.lineage2m.toolContent .eq_rank.gr3,
.lineage2m.toolContent .eq_rank.gr4,
.lineage2m.toolContent .eq_rank.gr5,
.lineage2m.toolContent .eq_rank.gr6 {text-indent: 0; display: inline-block; padding: 2px 4px; color: #fff !important; border-radius: 5px; font-size: 11px; font-style: normal; width: inherit; height: inherit; font-weight: 400;}
.lineage2m .eq_rank.gr0 {background: #777; border: 1px solid #444;}
.lineage2m .eq_rank.gr1 {background: #17a64d; border: 1px solid #00782d;}
.lineage2m .eq_rank.gr2 {background: #187dca; border: 1px solid #094a8c;}
.lineage2m .eq_rank.gr3 {background: #b72544; border: 1px solid #7d0922;}
.lineage2m .eq_rank.gr4 {background: #a050c5; border: 1px solid #6a248a;}
.lineage2m .eq_rank.gr5 {background: #cc7100; border: 1px solid #673900;}
.lineage2m .eq_rank.gr6 {background: #efb000; border: 1px solid #bd8b00;}
.lineage2m .list_area .eq_rank.gr0,
.lineage2m .list_area .eq_rank.gr1,
.lineage2m .list_area .eq_rank.gr2,
.lineage2m .list_area .eq_rank.gr3,
.lineage2m .list_area .eq_rank.gr4,
.lineage2m .list_area .eq_rank.gr5,
.lineage2m .list_area .eq_rank.gr6 {text-indent: 0; display: inline-block; padding: 2px 4px; color: #fff; border-radius: 5px; font-size: 11px; font-style: normal; width: inherit; height: inherit;}
.lineage2m .list_area .eq_rank.gr0 {background: #777; border: 1px solid #444;}
.lineage2m .list_area .eq_rank.gr1 {background: #17a64d; border: 1px solid #00782d;}
.lineage2m .list_area .eq_rank.gr2,
.boss_rank i[data-dropitemgrade="2"] {background: #187dca; border: 1px solid #094a8c;}
.lineage2m .list_area .eq_rank.gr3,
.boss_rank i[data-dropitemgrade="3"] {background: #b72544; border: 1px solid #7d0922;}
.lineage2m .list_area .eq_rank.gr4,
.boss_rank i[data-dropitemgrade="4"] {background: #a050c5; border: 1px solid #6a248a;}
.lineage2m .list_area .eq_rank.gr5 {background: #cc7100; border: 1px solid #673900;}
.lineage2m .list_area .eq_rank.gr6,
.boss_rank i[data-dropitemgrade="6"] {background: #efb000; border: 1px solid #bd8b00;}
.lineage2m *[data-skill-grade="1"]{color:#00b050}
.lineage2m *[data-skill-grade="2"]{color:#006fbf}
.lineage2m *[data-skill-grade="3"]{color:#ff0000}
.lineage2m *[data-skill-grade="4"]{color:#7030a0}
.lineage2m *[data-skill-grade="6"]{color:#efb000}
.lineage2m.toolContent *[data-skill-grade="1"]{color:#00e668}
.lineage2m.toolContent *[data-skill-grade="2"]{color:#33a7ff}
.lineage2m.toolContent *[data-skill-grade="3"]{color:#ff6969}
.lineage2m.toolContent *[data-skill-grade="4"]{color:#bc8ede}
.mon_aggr,
.mon_damaged,
.mon_grade,
.mon_norespawn,
.boss_rank i {display: inline-block; margin: 1px 0; padding: 0px 4px; color: #fff; border-radius: 5px; font-size: 11px; background-color: #6a7c7e; border: 1px solid #4e585a; font-style: normal;}
.mon_aggr.aggr_1 {background-color: #e43e0e; border: 1px solid #b82806;}
.mon_damaged {background-color: #5e29bf; border: 1px solid #3f0e9d;}
.mon_grade {background-color: #B93E41;}
.mon_norespawn {background-color: #7a6ef5; border: 1px solid #575cb0;}

/*표_스킬*/
.lineage2m.skill_mo {margin: 0 0 15px 0;}
.lineage2m.skill_mo .choice {border: 1px solid #9c9c9c; box-sizing: border-box; overflow: hidden; margin-top: 5px;}
.lineage2m.skill_mo .choice p {width: 20%; float: left; text-align: center; border-right: 1px solid #9c9c9c; box-sizing: border-box; background: #f0f0f0;}
.lineage2m.skill_mo .choice select {width: 80%; float: left; border: 0;}
.skill_board td.search_no {text-align: center !important;}
.skill_board td:last-child {text-align: left;}
/*검색*/
.search_area {background: #e5eef8; margin: 0 0 15px 0; background: linear-gradient( to right, #f5f7ff, #dde8fe); border: 1px solid #96bfed; position: relative;}
.search_area::after {content: ""; width: 100%; height: 100%; border: 1px solid #fff; display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 0;}
.search_area p, .search_area input, .search_area button {float: left;}
.search_area p {font-size: 12px; font-weight: bold; color: #0056d0; width: 65px; text-align: right; margin-top: 3px; position: relative; z-index: 10;}
.search_area input {width: calc(100% - 140px); height: 24px; margin-left: 10px; border: 1px solid #baceec; position: relative; z-index: 10;}
.search_area button {width: 53px; height: 24px; border: 1px solid !important; box-sizing: border-box; color: #FFF; position: relative; font-size: 12px; position: relative; z-index: 10;}
.search_area button::before {content: ""; width: 100%; height: 100%; display: block; border: 1px solid #093779; position: absolute; top: 0; left: 0; z-index: 15; box-sizing: border-box; border-top-color: #209fff; border-right-color: #0a49a1;  border-left-color: #0a49a1;}
.search_area button::after {content: ""; width: 100%; height: 10px; position: absolute; top: 0; left: 0; z-index: 0;}
.search_area button span {position: relative; z-index: 10;}
.search_area .btn_submit {background: #072f6a !important; border-color: #003a8f !important; margin: 1px 0 0 10px;}
.search_area .btn_submit::after {background: #135ea3;}
.search_area .btn_submit span {position: relative; z-index: 10;}
.search_area .btn_reset {display: none;}
.search_area.monster {margin-bottom: 5px;}

/*제작 데이터*/
.lineage2m ul.craft_data li {margin: 3px 0; clear: both;}
.lineage2m ul.craft_data li span {display: block; float: left;}
.lineage2m ul.craft_data li span.text {position: relative; top: 2px; margin-left: 5px; width: calc(100% - 29px); text-align: left;}
.lineage2m ul.craft_data li.replace span.text {width: calc(100% - 57px);}
.lineage2m ul.craft_data li.replace span.re_icon {display: inline-block; width: 16px; height: 12px; font-size: 0; background: url('//static.inven.co.kr/image_2011/lineage2m/common/craft_substitution.png'); position: relative; top: 6px; margin: 0 8px 0 4px;}
.lineage2m ul.craft_data li img {width: 24px; height: 24px; background: #0F1217;}

/*아이템스킬*/
.lineage2m .itemskill.name {color:#3838ff}
.lineage2m .itemskill.text::before {content: "ㄴ"; padding: 0px 0.5em;}

/*스킬보드*/
.board_basic {margin: 0 0 15px 0;}
.skill_board .size01 {width: 48px;}
.skill_board .size02 {width: calc(50% - 48px);}
.skill_board .size03 {width: 50%;}
.board_basic .list_area {width: 100%;}
.board_basic.weapon .size01 {width: 50%;}
.board_basic.weapon .size02 {width: 20%;}
.board_basic.weapon .size03 {width: 30%;}
.board_basic.weapon .size04 {width: 15%;}
.board_basic.armor .size01 {width: 50%;}
.board_basic.armor .size02 {width: 20%;}
.board_basic.armor .size03 {width: 30%;}
.board_basic.collection .size01 {width: 40%;}
.board_basic.collection .size02 {width: 60%;}
.board_basic.explanation .size01 {width: 50%;}
.board_basic.explanation .size02 {width: 50%;}
.board_basic.craft .size01 {width: 24px;}
.board_basic.craft .size02 {width: calc(45% - 24px);}
.board_basic.craft .size03 {width: 55%;}
.board_basic.monster .size01 {width: 50%;}
.board_basic.monster .size02 {width: 50%;}
.board_basic.monster .boss .size01 {width: 45%;}
.board_basic.monster .boss .size02 {width: 15%;}
.board_basic.monster .boss .size03 {width: 40%;}
.board_basic.monster .item_drop {text-align: left; width: 133px; display: block; margin: 0 auto;}
.board_basic.monster .item_drop a {display: inline-block; width: 24px; height: 24px;}
.board_basic.monster .item_drop a.more_btn {background-color: #2b2b2b; border: 2px solid #eaeaea; box-sizing: border-box;}
.board_basic.monster .item_drop a.more_btn .more_wrap {display: block; position: relative; top: 50%; left: 50%; width: 15px; height: 4px; margin-top: -2px; margin-left: -8px;}
.board_basic.monster .item_drop a.more_btn .more_wrap span {display: block; width: 3px; height: 3px; float: left; margin: 0 1px; border-radius: 50%; background-color: #fff; text-indent: -9999px;}
.board_basic.monster .item_drop img {width: 24px; height: 24px; border: 2px solid #eaeaea; box-sizing: border-box; background: #0F1217;}
.board_basic.monster .item_drop a[data-item-grade="6"] img {border-color: #efb000;}
.board_basic.monster .item_drop a[data-item-grade="5"] img {border-color: #673900;}
.board_basic.monster .item_drop a[data-item-grade="4"] img {border-color: #7030a0;}
.board_basic.monster .item_drop a[data-item-grade="3"] img {border-color: #ff0000;}
.board_basic.monster .item_drop a[data-item-grade="2"] img {border-color: #006fbf;}
.board_basic.monster .item_drop a[data-item-grade="1"] img {border-color: #00b050;}
.board_basic tbody {border-bottom: 2px solid #0f53a5;}
.board_basic th {height: 33px; background: linear-gradient( to bottom, #fcfcfc, #f0f0f0); font-weight: bold; border-top: 2px solid #0f53a5; border-bottom: 1px solid #cbcbcb; position: relative;}
.board_basic th::before {content: ""; width: 100%; height: 1px; background: #fff; position: absolute; top: 0; left: 0;}
.board_basic th::after {content: ""; width: 1px; height: 11px; background: #d9d9d9; float: right; margin-top: 5px;}
.board_basic th:last-child::after {display: none;}
.board_basic th .arrow {padding-right: 11px; background: url(//static.inven.co.kr/image_2011/game/dataninfo/b_arrows2.png) no-repeat right 5px; width: 37px; height: 12px;}
.board_basic th .arrow.down {background: url(//static.inven.co.kr/image_2011/game/dataninfo/b_arrow_down2.png) no-repeat right 1px;}
.board_basic th .arrow.up {background: url('//static.inven.co.kr/image_2011/game/dataninfo/b_arrow_up2.png') no-repeat right 1px;}
.board_basic tr {background: url("//static.inven.co.kr/image_2011/lineage2m/common/skill_dotted.png") repeat-x bottom;}
.board_basic tr:last-child {background: none;}
.board_basic .thumb a {width: 48px; height: 48px; display: block; background: #404040;}
.board_basic td {padding: 6px 10px; text-align: center;}
.board_basic .thumb img {width: 48px; height: 48px;}
.board_basic .thumb.armor_img {display: none;}
.board_basic .name {text-align: left; padding-left: 15px;}
.board_basic .name a {font-weight: bold; line-height: 18px;}
.board_basic .name span {color: #3d85c6; font-size: 11px; font-weight: 400;}
.board_basic .name span.eq_name {font-weight: bold; color: #444444; font-size: 14px;}
.board_basic .name span.drop {display: inline-block; width: 37px; height: 22px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/drop_icon__mo.png") no-repeat; position: relative; bottom: 0px; text-indent: -9999px;}
.board_basic .name span.drop.d2 {background-position-y: -28px;}
.board_basic .name span.drop.d3 {background-position-y: -55px;}
.board_basic .name span.drop.d4 {background-position-y: -81px;}
.board_basic .name span.drop.d5 {background-position-y: -107px;}
.board_basic .con {text-align: left;}
.board_basic .kind span {font-size: 13px; padding: 0px 2px; color: #FFF; border-radius: 5px; font-family: 'NanumBarunGothic', sans-serif; display: inline-block;}
.board_basic .kind .active {background: #f20039; border: 1px solid #d80033;}
.board_basic .kind .passive {background: #00a254; border: 1px solid #00904b;}
.board_basic .kind .toggle {background: #0072f2; border: 1px solid #0066d9;}
.board_basic .w_kind, .board_basic.weapon .thumb {display: none;}
.board_basic .search_no {padding: 15px 0;}
.board_basic tr td .comment {color: #3d85c6;}
.board_basic.monster .thumb {display: none;}
.board_basic.monster td {padding: 10px;}
.board_basic.monster td.name a img {display: block; width: 32px; height: 32px; background: #ccc; margin-bottom: 5px;}
.board_basic.monster td.name .site {font-size: 11px; font-weight: 400; color: #3d85c6; margin-top: 4px;}
.board_basic.explanation .thumb {display: none;}
.board_basic.craft .thumb {display: table-cell;}
.board_basic.craft .thumb a,
.board_basic.craft .thumb a img {width: 24px; height: 24px;}
.board_basic.craft .name {padding-left: 0px;}
.board_basic.collection p {font-weight: bold; padding-left: 0;}
.board_basic.collection .option {font-size: 16px;}
.mon_attr {display: inline-block; width: 37px; height: 23px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/attr_icon_mo.png") no-repeat; background-position: -18px 0px; text-indent: -9999px; margin-bottom: 4px;}
.mon_attr.attr_2 {background-position-y: -26px;}
.mon_attr.attr_3 {background-position-y: -53px;}
.mon_attr.attr_4 {background-position-y: -80px;}
.mon_attr.attr_5 {background-position-y: -106px;}
.mon_attr.attr_6 {background-position-y: -132px;}
.mon_attr.attr_7 {background-position-y: -158px;}
.mon_attr.attr_8 {width: 70px; background-position: 0px -186px;}
.mon_weak {display: inline-block; width: 70px; height: 23px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/weak_icon_mo.png") no-repeat; background-position: 0px 0px; text-indent: -9999px; margin-bottom: 4px;}
.mon_weak.weak_2 {background-position: -17px -26px; width: 36px;}
.mon_weak.weak_3 {background-position: -0px -53px; width: 70px;}
.mon_weak.weak_4 {background-position: -17px -81px; width: 36px;}
.mon_weak.weak_5 {background-position: -17px -107px; width: 36px;}
.mon_weak.weak_6 {background-position: 0px -132px; width: 70px;}

.tool_tip {margin: 0 0 15px 0;}
.toolContent {width: 100%; padding: 15px 10px; background: #22252f; border: 1px solid #000000; box-sizing: border-box;}
.toolContent a {color: #ffffff;}
.toolContent .itemTit {width: 100%; overflow: hidden; padding: 0 0 10px 0;}
.toolContent .itemTit .thumb {float: left; width: 48px; height: 48px; margin-right: 10px; background: #404040; border: 1px solid #000000; box-sizing: border-box;}
.toolContent .border_line {border-top: 1px dotted #4d515c; padding-top: 8px;}
.toolContent .itemTit .thumb img {display: block; width: 48px; height: 48px;}
.toolContent .itemTit .name {float: left; width: calc(100% - 58px); color: #ffffff; vertical-align: middle;}
.toolContent .itemTit .name p {font-size: 14px; font-weight: bold; text-align: left;}
.toolContent .itemTit .name p.main_name {margin-bottom: 4px;}
.toolContent .itemTit .name p.main_name span,
.toolContent .skill_info p span,
.toolContent .eq_info p span {color: #aeaaaa;}
.toolContent .itemTit .name p.skill_kind {color: #FFF;}
.toolContent .eq_info {font-size: 12px; width: 100%; float: left;}
.toolContent .eq_info>.bold {font-weight: bold !important;}
.toolContent .itemTit .name p.main_name span img {width: 13px; height: 13px;     position: relative; top: 2px; left: 5px;}
.toolContent .itemTit .name p.skill_class {color: #af9a74;}
.toolContent .skill_account p,
.toolContent .item_account p {color: #aeaaaa; line-height: 16px; margin: 0 0 8px 0; overflow: hidden; font-weight: bold;}
.toolContent .skill_account p .title,
.toolContent .item_account p .title {width:50px; float: left;}
.toolContent .skill_account p .data,
.toolContent .item_account p .data {width: calc(100% - 50px); float: left;}
.toolContent .skill_info p {color: #aeaaaa; margin-bottom: 4px; overflow: hidden;}
.toolContent .skill_info p.bold {font-weight: bold;}
.toolContent .skill_info p .title {width:50px; float: left;}
.toolContent .skill_info p .data {width: calc(100% - 50px); float: left; color: #FFF;}
.toolContent .eq_info p {font-weight: 400 !important; color: #919194; margin-top: 2px;}
.toolContent .eq_detail p {color: #fff; margin-bottom: 5px;}
.toolContent .eq_detail p img {position: relative; top: 3px; width: 15px; height: 15px;}
.toolContent .eq_detail p.set {color: #919194;}
.toolContent .eq_detail .set_con.replaceable::before {content: "ㄴ"; padding-right: 0.3em;}
.toolContent.monster .name {margin-top: 10px;}
.toolContent.monster .size01 {width: 30%;}
.toolContent.monster .size02 {width: 70%;}
.toolContent.monster table {width: 100%;}
.toolContent.monster tr {border-top: 1px dotted #4d515c;}
.toolContent.monster tr:last-child {border-bottom: 1px dotted #4d515c;}
.toolContent.monster th {background: #b6bccf; padding: 7px;}
.toolContent.monster td {color: #FFF; text-align: center;}
.toolContent.monster td .mon_attr,
.toolContent.monster td .mon_weak {margin-bottom: 0px;}

.detail_tit {width: 137px; height: 28px; box-sizing: border-box; color: #FFF; font-weight: bold; position: relative;border-top: 1px solid #71a8d1;background: linear-gradient(to bottom, #287ab9, #17527c) !important;position: relative; text-align: left; padding: 0 0 0 15px;}

.detail_info {margin: 0 0 15px 0;}
.detail_info table {width: 100%; border: 1px solid #b4c7dc; box-sizing: border-box; margin-bottom: 15px;}
.detail_info table .size01 {width: 30%;}
.detail_info table .size02 {width: 70%;}
.detail_info tr {border-bottom: 1px dotted #9cb0c8;}
.detail_info th {font-weight: bold; background: #e5eef8; padding: 10px;}
.detail_info td {text-align: left; padding-left: 10px;}
.detail_info td img {width: 15px; height: 15px; position: relative; top: 3px;}
.detail_info.wide {display: block;}
.detail_info.wide table {width: 100%;}
.detail_info.wide table .size01 {width: 110px;}
.detail_info.wide table thead tr {border-bottom: 1px solid #b4c7dc;}
.detail_info.wide table th,
.detail_info.wide table td {border-right: 1px solid #b4c7dc;}
.detail_info.wide table tbody th {background: #e5eef8;}
.detail_info.enchant th.bg_white {background: #fff;}
.detail_info.drop_moster td {text-align: left; border-right: 0 !important; padding: 3px 10px; display: block;}
.detail_info.drop_moster ul {border: 1px solid #b4c7dc;}
.detail_info.drop_moster ul>li {width: 100%; border-bottom: 1px solid #9cb0c8;}
.detail_info.drop_moster ul>li:last-child {border: 0;}
.detail_info.drop_moster ul>li.title {width: calc(100% - 20px); border-bottom: 1px solid #dedede; padding: 7px 10px; font-size: 15px; font-weight: bold; color: #254B83;}
.detail_info.drop_moster ul>li.sub {width: 100%;}
.detail_info.drop_moster ul>li.sub>ul {border: 0; width: 100%;}
.detail_info.drop_moster ul>li.sub>ul>li {width: calc(100% - 20px); padding: 10px; border-bottom: 1px dotted #9cb0c8; white-space: nowrap; word-wrap: normal; overflow: hidden; text-overflow:ellipsis;}
.detail_info.drop_moster ul>li.sub>ul>li.last {border: 0;}
.detail_info.drop_moster ul.collection {width: 100%; position: relative;}
.detail_info.drop_moster ul.collection>li {width: 100%; position: relative; border-bottom: 1px dotted #9cb0c8; position: relative; overflow: hidden;}
.detail_info.drop_moster ul.collection>li:last-child {border: 0;}
.detail_info.drop_moster ul.collection>li .craft_data {border: 0;}
.detail_info.drop_moster ul.collection>li .craft_data li {border: 0; position: relative;}
.detail_info.drop_moster ul.collection>li .left_panel {position: absolute; top: 50%; left: 1em; transform: translateY(-50%); width: calc(50% - 2em);}
.detail_info.drop_moster ul.collection>li p {font-weight: bold;}
.detail_info.drop_moster ul.collection>li .option {font-size: 16px;}
.detail_info.drop_moster ul.collection>li .right_panel {width: 50%; float: right;}
.detail_info.drop_item tr {border-bottom: 0px;}
.detail_info.drop_item td {text-align: left; border-right: 0 !important; padding: 5px; width: 100%; float: left;}
.detail_info.drop_item td .thumb_1 {position: relative; top: 5px; width: 20px; height: 20px; background: #0F1217;}
.detail_info.drop_item td .thumb_2 {position: relative; top: 2px; width: 13px; height: 13px; background: #ccc;}
.detail_info.get_item table .size01 {width: 30%;}
.detail_info.get_item table .size02 {width: 70%;}
.detail_info.get_item tr {border-bottom: 1px solid #9cb0c8;}
.detail_info.get_item table td {padding: 5px 10px 10px;}
.detail_info.get_item table td img {position: relative; top: 4px;}
.detail_info.get_item .npc {text-align: left; background: #f5f8fc;}
.detail_info.get_item .npc_place {color: #3d85c6; font-weight: 400; margin-top: 5px;}
.detail_info.get_item td {text-align: left;}
.detail_info.exc table .size01 {width: 99px;}
.detail_info.exc table .size02 {width: 254px;}
.detail_info .mon {padding: 10px 15px; background: #e5eef8; box-sizing: border-box; border: 1px solid #b4c7dc;}
.detail_info .mon .mon_boss {text-align: center;}
.detail_info .mon .mon_boss img {width: 100%;}
.detail_info .mon .mon_norespawn {display: inline-block; margin: 0 0 3px 0;}
.detail_info .craft_data {width: calc(100% - 20px); overflow: hidden; padding: 5px 10px 10px;}
.detail_info .updatedays {float: right; clear: left;}
.detail_info .updatedays dt, dd {float: left; margin: 2px 0; text-align: right; font-size: 13px; color: #777;}
.detail_info .updatedays dt:after {display: block; content: "|"; float: right; margin: 0px 2px; color: #ddd;}

/*장비분류*/
.item_filter {margin-bottom: 10px; border-top: 1px solid #cec0aa; border-bottom: 1px solid #cec0aa;}
.item_filter table {border: 2px solid #cec0aa; padding: 1px 0; border-right: 0; border-left: 0; table-layout: fixed; box-sizing: border-box; width: 100%;}
.item_filter .size01 {width: 20%;}
.item_filter .size02 {width: 80%;}
.item_filter table tr {border-bottom: 1px solid #cec0aa;}
.item_filter table tr.dot_line {border-bottom: 1px dotted #cec0aa;}
.item_filter table tr.dot_line th {border-bottom: 1px solid #cec0aa;}
.item_filter table tr.byArea select {width: 100%; position: relative; top: -3px;}
.item_filter table th {background: #f0e6d8; font-weight: bold; padding: 5px;}
.item_filter table td {padding: 8px 8px 3px;}
.item_filter table td a.selected {background: #94211e; font-weight: bold;}
.item_filter table td a {display: inline-block; position: relative; padding: 0px 15px; margin: 0 0 5px 0; cursor: pointer; background: #bcbcbc; color: #FFF; border-radius: 5px;}
.item_filter table td a.basic {}
.item_filter table td.db_btn_box {padding: 8px 8px 0 8px;}
.item_filter table td a.db_btn {background: #f2f2f2; margin: 0 4px 0 0; width: 60px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; margin-bottom: 8px; text-decoration: none;}
.item_filter table td a.db_btn:hover, .item_filter table td a.db_btn.action {background: #CCC; color: #fff;}
.item_filter table td a.db_btn::before {display: none;}

.item_filter.basic table td {padding: 5px;}
.item_filter.basic table td a.selected {color: #ff0101;}
.item_filter.basic table td a {display: inline-block; position: relative; padding: 0px 8px; background: none; color: #000;}
.item_filter.basic table td a::before {display: block; content: ''; position: absolute; top: 10px; right: -1px; width: 1px; height: 1px; margin-top: -4px; width: 1px; height: 10px; background: #d0bfab;}
.item_filter.basic table td a:last-child::before {display: none;}
.item_filter.basic table td.db_btn_box {padding: 8px 8px 0 8px;}
.item_filter.basic table td a.db_btn {background: #f2f2f2; margin: 0 4px 0 0; width: 60px; height: 25px; line-height: 25px; text-align: center; border-radius: 5px; margin-bottom: 8px; text-decoration: none;}
.item_filter.basic table td a.db_btn:hover, .item_filter table td a.db_btn.action {background: #CCC; color: #fff;}
.item_filter.basic table td a.db_btn::before {display: none;}

.item_filter.item .size02 {width: 20%;}
.item_filter.item .size03 {width: 60%;}
.item_filter.item td.armor {background: #f7f0e8; text-align: center;}
.item_filter.item td.armor a {color: #856431; padding: 0; background: none;}
.item_filter.item td.armor a::before {content: "·"; top: 0; right: -4px; width: auto; height: 1px; margin-top: 0px; border:none;}
.item_filter.item td.armor a.title {font-weight: bold; color: #000;}
.item_filter.item td.armor a.title::before {display: none;}
.item_filter.item td>span {display: inline-block; position: relative; padding: 0 4px 0 8px;}
.item_filter.item td>span input {margin: 0; position: relative; top: 2px;}
.item_filter table td label {display: inline-block; position: relative; padding: 0px 15px; margin: 0 0 5px 0; cursor: pointer; background: #bcbcbc; color: #FFF; border-radius: 5px;}
.item_filter table td label.selected {font-weight: bold;}
.item_filter table td label.selected[for="filter_dropitemgrade_4"] {background: #6a248a;}
.item_filter table td label.selected[for="filter_dropitemgrade_3"] {background: #7d0922;}
.item_filter table td label.selected[for="filter_dropitemgrade_2"] {background: #094a8c;}
.item_filter table td input {display: none;}
.item_filter.area .size02 {width: 10%;}
.item_filter.area .size03 {width: 70%;}
.item_filter.area table td.party {text-align: center; background: #f6f0e8; font-weight: bold;}
.item_filter.area table .tutorial {font-weight: bold;}

.monster_btn {overflow: hidden;}
.monster_btn a {width: 98px; height: 26px; line-height: 26px; font-family: "NanumBarunGothic"; float: left; font-size: 13px; color: #fff; text-align: center;  font-weight: bold; overflow: hidden; border: 1px solid #b5bfc2; background: #cbcfd1 !important; position: relative; display: block; border-radius: 5px 5px 0 0; border-bottom: 0 !important; bottom: -4px; z-index: 10;}
.monster_btn a::before,
.monster_btn a::after {content: ""; display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; z-index: 0;}
.monster_btn a::before {bottom: -12px;  filter: blur(3px); background: #b1b8ba; transform: skewY(172deg);}
.monster_btn a::after {border: 1px solid #dce0e3; top: 0; border-radius: 5px 5px 0 0; border-bottom: 0;}
.monster_btn a.active::before {background: #197186;}
.monster_btn a.active {height: 30px; line-height: 30px; border: 1px solid #094a59; background: #279bb3 !important; bottom: 0;}
.monster_btn a.active::after {border-color: #27aeca;}
.monster_btn a span {position: relative; z-index: 10; text-shadow: 0px 0px 4px #222;}

/*지역 및 가이드*/
.guide_title {font-size: 15px; margin-bottom: 10px;}
.guide_article img {width: 100%;}