/* 리셋 */
button.btn{padding:0;background:transparent;border:0;font-family:gulim, 굴림, Helvetica;font-size:12px;outline:0;cursor:pointer}
.table{width:100%;table-layout:fixed}
.table,
.table th,
.table td{border-spacing:0;border-collapse:collapse}
a:hover{text-decoration:none}

/* 공통 아이디 */
#lineage2mDb {width:710px;margin:0 auto}
#lineage2mDb.mobile{ width: auto; }

/*공통 폰트*/
#lineage2mDb * {font-family: "NanumBarunGothic", "sans-serif";}

/* 공통 클래스 */
.lineage2m{display:block;float:none}
.clearfix::after{display:block;content:'';clear:both}
.lineage2m p{margin:0}
/* 등급 */
.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: 25px; height: 15px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/rank_icon.png") no-repeat; text-indent: -9999px; position: relative; bottom: 1px;}
.lineage2m .eq_rank.r2 {background-position-y: -18px;}
.lineage2m .eq_rank.r3 {background-position-y: -36px;}
.lineage2m .eq_rank.r4 {background-position-y: -55px;}
.lineage2m .eq_rank.r5 {background-position-y: -74px;}
.lineage2m .eq_rank.r6 {background-position-y: -92px;}
.lineage2m .eq_rank.r7 {background-position-y: -111px;}
.lineage2m .eq_rank.r8 {background-position-y: -130px;}
.lineage2m .eq_rank.r9 {background-position-y: -148px;}
.lineage2m .eq_rank.r10 {background-position-y: -168px;}
.lineage2m .eq_rank.r11 {background-position-y: -188px;}
.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: 3px 4px 2px; color: #fff !important; border-radius: 5px; font-size: 11px; font-style: normal; width: inherit; height: inherit; font-weight: 400; margin-left: 5px; font-family: "NanumBarunGothic", "sans-serif";}
.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_position,
.mon_noposition,
.mon_norespawn,
.boss_rank i {padding: 2px 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_position {background-color: #0a9191; border: 1px solid #006262; cursor: default;}
.mon_noposition {background-color: #009fe0; border: 1px solid #05587a;}
.mon_norespawn {background-color: #7a6ef5; border: 1px solid #575cb0;}

/* 자동완성 */
ul.ui-autocomplete {background-color: white; overflow-y: auto; overflow-x: hidden; border: 1px solid #00151c; }
ul.ui-autocomplete li { height: 1.8em; width: 100%; }
ul.ui-autocomplete li a { display: block; padding: 2px 0; text-indent: 5px; width: 100%; text-decoration: none; line-height: 1.8em }
ul.ui-autocomplete li a:hover { color: white; background-color: #3333f0; }
ul.ui-autocomplete li .ui-state-hover { background-color: #66f; color: #FFF; }

/* 가이드 */
#lineage2mDb .lineage2mDbBoardTop{ width: 706px; border: 1px solid #000; background-color: #f16cef; padding: 1px; margin-bottom: 10px; }
#lineage2mDb .lineage2mDbBoardTop table{ width : 100%; border: 5px solid #2b003f; }
#lineage2mDb .lineage2mDbBoardTop table col.size01{ width: 140px; }
#lineage2mDb .lineage2mDbBoardTop table tbody{ background-color: #fff; border: 1px solid #270409; }
#lineage2mDb .lineage2mDbBoardTop table tbody tr th{ background-color: #510078; color: #e6bb0d; border-bottom: 1px solid #8913ab; font-weight: bold;}
#lineage2mDb .lineage2mDbBoardTop table tbody tr td{ border-bottom: solid 1px #a9a7a7;}
#lineage2mDb .lineage2mDbBoardTop table tbody tr td a{ display: inline-block; padding: 0px 10px; line-height: 25px; background: url(//static.inven.co.kr/image_2011/common/common/line_gray_1x7a.png)  no-repeat right;  }
#lineage2mDb .lineage2mDbBoardTop table tbody tr td a:first-child{ margin-left: 5px; }
#lineage2mDb .lineage2mDbBoardTop table tbody tr td a:last-child{ background: none; }
#lineage2mDb .lineage2mDbBoardTop table tbody tr td a.selected{ color: red; font-weight: bold; }

#lineage2mDb .lineage2mDbBoardImg{ width: 706px; border: 1px solid #000; background-color: #f16cef; padding: 1px; margin-bottom: 10px; }
#lineage2mDb .lineage2mDbBoardImg .w710{ width: calc(100% - 10px); border: 5px solid #2b003f; }
#lineage2mDb .lineage2mDbBoardImg .w710 img{ width: 100%;}

#lineage2mDb.mobile .lineage2mDbBoardTop{ width: calc(100% - 4px); margin-top: 10px;}
#lineage2mDb.mobile {padding: 0;}

#lineage2mDb.mobile .guide_wrap {width: 100%; padding: 4px; border: 1px solid #bbb; background-color: #eee; box-sizing: border-box;}
#lineage2mDb.mobile .guide_view {padding: 10px; background-color: #fff;}
#lineage2mDb.mobile .guide_title {height: 31px; padding: 0 10px; border: 1px solid #000; background: linear-gradient(to bottom, #dfb50d 0%,#907409 51%,#3a2f04 100%); color: #fff; font-size: 15px; font-weight: bold; line-height: 31px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#lineage2mDb.mobile .message {color: #f00; font-weight: bold;}
#lineage2mDb.mobile .guide_content {width: 100%; margin: 12px 0;}
#lineage2mDb.mobile .guide_content .guide_article {width: 100%; font-size: 14px; line-height: 1.6;}
#lineage2mDb.mobile .guide_content .guide_article img {max-width: 100%;}
#lineage2mDb.mobile .guide_content .txc-textbox {width: auto!important;}
#lineage2mDb.mobile .guide_content hr {width: auto!important;}
#lineage2mDb.mobile .modify a {color: #000088; font-weight: bold;}

#lineage2mDb .guide_wrap .guide_title { background: url('//static.inven.co.kr/image_2011/lineage2m/common/title_sub_653x31_brown1.png?v=191206') no-repeat left center; font-size: 14px; line-height: 32px; padding-left: 16px;}

/*평가하기 */
.db_vote{margin-bottom:20px;border:1px solid #000}
.db_vote .vote_title{height:30px;background:#252429;color:#fff;border:1px solid #000;border-top:2px solid #e3aa10;font-size:13px;font-weight:bold;text-align:center;line-height:30px}
.db_vote .vote_wrap{padding:7px 6px 6px;background:#3c3c3c;border-top:1px solid #636363}
.db_vote .vite_box{float:left;width:344px;background:#717e98;border:1px solid #000;box-sizing:border-box}
.db_vote .vite_box p{margin:0}
.db_vote .vite_box .line{padding:1px;border:1px solid #99a3b8}
.db_vote .vite_box .name{height:30px;padding:0 10px;color:#fff;font-size:13px;font-weight:bold;line-height:30px}
.db_vote .vite_box .name p{float:left}
.db_vote .vite_box .name .right{float:right;font-size:11px}
.db_vote .vite_box .name .right span{color:#fff18f}
.db_vote .vite_box .box{padding:6px;background:#dadcdf;border:1px solid #24140f;border-radius:5px}
.db_vote .btn_ara .box{padding:6px 3px}
.db_vote .btn_ara .btn_appraisal{float:left;width:60px;margin:0 3px;border:1px solid #202120;border-radius:2px;box-sizing:border-box;outline:0}
.db_vote .btn_ara .btn_appraisal .btn_name{height:24px;background:#202120;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:24px}
.db_vote .btn_ara .btn_appraisal[data-vote-point="2"]{border:1px solid #3e3f3e}
.db_vote .btn_ara .btn_appraisal[data-vote-point="2"] .btn_name{background:#3e3f3e}
.db_vote .btn_ara .btn_appraisal[data-vote-point="3"]{border:1px solid #073456}
.db_vote .btn_ara .btn_appraisal[data-vote-point="3"] .btn_name{background:#073456}
.db_vote .btn_ara .btn_appraisal[data-vote-point="4"]{border:1px solid #ad520a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="4"] .btn_name{background:#ad520a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="5"]{border:1px solid #9d0a0a}
.db_vote .btn_ara .btn_appraisal[data-vote-point="5"] .btn_name{background:#9d0a0a}
.db_vote .btn_ara .btn_appraisal .btn_value{height:45px;background:#fff;color:#950b0b;font-size:13px;font-weight:bold;text-align:center;line-height:45px}
.db_vote .vite_value{float:right}
.db_vote .vite_value .box{padding:19px 6px}
.db_vote .vite_value .star{float:left;width:231px;padding-top:3px;font-size:0;text-align:center}
.db_vote .vite_value .star .item{display:inline-block;float:none;width:39px;height:41px;margin:0 1px;background:url('//static.inven.co.kr/image_2011/common/dataninfo/img_star_off.png') no-repeat 0 0}
.db_vote .vite_value .star .item.act{background:url('//static.inven.co.kr/image_2011/common/dataninfo/img_star_on.png') no-repeat 0 0}
.db_vote .vite_value .star .item.half{background:url('//static.inven.co.kr/image_2011/common/dataninfo/img_star_half.png') no-repeat 0 0}
.db_vote .vite_value .point{float:right;width:93px;height:45px;background:-moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%);background:linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 );color:#950b0b;border:1px solid #7d7d7d;border-radius:5px;font-size:16px;font-weight:bold;text-align:center;line-height:43px;box-sizing:border-box}

/*자료정리 페이지*/
/* 타이틀 */
.db_title {width: 710px; margin-bottom: 15px; border: 1px solid #02142c; border-top:1px solid #425062 ; background: linear-gradient(to bottom, #184c9e, #07245b) !important; position: relative; box-sizing: border-box;}
.db_title::before {content: ""; width: 100%; height: 1px; display: block; background: #668abf; position: absolute; top: 0; left: 0;}
.db_title p {height: 38px; padding: 0px 23px; color: #fff; font-size: 16px; font-weight: bold; line-height: 38px; margin: 0px; font-family: "NanumBarunGothic"}

/*표_스킬*/
.lineage2m.skill {background: #ffffff; margin: 0 0 15px 0;}
.lineage2m.skill ul {overflow: hidden;}
.lineage2m.skill .step {text-align: center;}
/*.lineage2m.skill .step li {float: none; display: inline-block;}*/
.lineage2m.skill .step li span {font-family: "NanumBarunGothic"; font-size: 12px;}
.lineage2m.skill .step li .text {font-weight: bold; display: block; width: 101px; height: 81px; background: #FFF; box-sizing: border-box; text-align: center; line-height: 24px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/weapon_skill_img.png") no-repeat; text-indent: -9999px;}
.lineage2m.skill .step li.t1 .text {width: 102px;}
.lineage2m.skill .step li.t1.action .text {background-position: 0px -81px;}
.lineage2m.skill .step li.t2 .text {width: 102px; background-position: -105px 0px;}
.lineage2m.skill .step li.t2.action .text {background-position: -105px -81px;}
.lineage2m.skill .step li.t3 .text {width: 102px; background-position: -206px 0px;}
.lineage2m.skill .step li.t3.action .text {background-position: -206px -81px;}
.lineage2m.skill .step li.t4 .text {background-position: -307px 0px;}
.lineage2m.skill .step li.t4.action .text {background-position: -307px -81px;}
.lineage2m.skill .step li.t5 .text {background-position: -408px 0px;}
.lineage2m.skill .step li.t5.action .text {background-position: -408px -81px;}
.lineage2m.skill .step li.t6 .text {background-position: -509px 0px;}
.lineage2m.skill .step li.t6.action .text {background-position: -509px -81px;}
.lineage2m.skill .step li.t7 .text {background-position: -610px 0px;}
.lineage2m.skill .step li.t7.action .text {background-position: -610px -81px;}
.lineage2m.skill .step li.disabled a {cursor: default;}
.lineage2m.skill .step li .cate {background: #14315e; position: relative; overflow: hidden; border-top: 1px solid #388edc; box-sizing: border-box;}
.lineage2m.skill .step li .cate span {position: relative; z-index: 10;}
.lineage2m.skill .step li .cate::before {content: ""; width: 100%; height: 12px; position: absolute; top: 0; left: 0; background: #1f4d93; z-index: 0;}
.skill_board td.search_no {text-align: center !important;}
.skill_board td:last-child {text-align: left;}
.skill_board td a {cursor: default;}

/*검색*/
.search_area {width: 100%; height: 40px; overflow: hidden; background: linear-gradient( to right, #f5f7ff, #dde8fe); border: 1px solid #96bfed; margin: 0 0 15px 0; box-sizing: border-box;}
.search_area::after {content: ""; width: 100%; height: 100%; border: 1px solid #fff; display: block; box-sizing: border-box;}
.search_area p, .search_area input, .search_area button {float: left;}
.search_area p {font-size: 13px; font-weight: bold; color: #0056d0; margin: 12px 0 0 55px !important;}
.search_area input {width: 465px; height: 24px; border: 1px solid #baceec; margin: 8px 0 0 25px !important;}
.search_area button {width: 53px; height: 24px; border: 1px solid !important; box-sizing: border-box; color: #FFF; position: relative; margin: 8px 0 0 10px !important; text-shadow: 0px 1px 1px #979797;}
.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;}
.search_area .btn_submit::after {background: #135ea3;}
.search_area .btn_submit span {position: relative; z-index: 10;}
.search_area .btn_reset {background: #707070 !important; border-color: #636363 !important;}
.search_area .btn_reset::after {background: #878787;}
.search_area.monster {width: 350px; margin-bottom: 10px;}
.search_area.monster.right {float: right;}
.search_area.monster p {margin: 12px 0 0 25px !important;}
.search_area.monster input {width: 169px; margin-left: 15px !important;}

/*제작 데이터*/
.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: 7px; 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: 68px;}
.skill_board .size02 {width: 184px;}
.skill_board .size03 {width: 60px;}
.skill_board .size04 {width: 70px;}
.skill_board .size05 {width: 80px;}
.skill_board .size06 {width: 248px;}
.board_basic.weapon .size01 {width: 68px;}
.board_basic.weapon .size02 {width: 225px;}
.board_basic.weapon .size03 {width: 62px;}
.board_basic.weapon .size04 {width: 95px;}
.board_basic.weapon .size05 {width: 164px;}
.board_basic.armor .size01 {width: 68px;}
.board_basic.armor .size02 {width: 285px;}
.board_basic.armor .size03 {width: 72px;}
.board_basic.armor .size04 {width: 142px;}
.board_basic.armor .size05 {width: 143px;}
.board_basic.collection .size01 {width: 300px;}
.board_basic.collection .size02 {width: 410px;}
.board_basic.explanation .size01 {width: 68px;}
.board_basic.explanation .size02 {width: 255px;}
.board_basic.explanation .size03 {width: 102px;}
.board_basic.explanation .size04 {width: 285px;}
.board_basic.monster .size01 {width: 200px;}
.board_basic.monster .size02 {width: 80px;}
.board_basic.monster .size03 {width: 85px;}
.board_basic.monster .size04 {width: 140px;}
.board_basic.monster .size05 {width: 205px;}
.board_basic.monster .item_drop {text-align: left; width: 185px; 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.monster .boss .item_drop {width: auto; display: inline-block; padding: 10px 29px;}
.board_basic.monster .boss .item_drop a {display: block; float: left; margin: 2px;}
.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: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; top: 0; left: 0;}
.board_basic th::after {content: ""; display: block; width: 1px; height: 11px; background: #d9d9d9; float: right; margin-top: 2px;}
.board_basic th:last-child::after {display: none;}
.board_basic th a {font-weight: bold;}
.board_basic th .arrow {padding-right: 11px; background: url(//static.inven.co.kr/image_2011/game/dataninfo/b_arrows2.png) no-repeat right 1px; 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 td {padding: 10px; text-align: center;}
.board_basic .thumb a {width: 48px; height: 48px; display: block; background: #404040;}
.board_basic .thumb img {width: 48px; height: 48px;}
.board_basic .name {padding-left:0px; text-align: left;}
.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 {display: inline-block; font-weight: bold; color: #444444; font-size: 12px;}
.board_basic .name span.drop_box {display: block;}
.board_basic .name span.drop {display: block; width: 33px; height: 15px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/drop_icon.png") no-repeat;  text-indent: -9999px; float: left; margin: 0 5px 3px 0;}
.board_basic .name span.drop.d2 {background-position-y: -19px;}
.board_basic .name span.drop.d3 {background-position-y: -38px;}
.board_basic .name span.drop.d4 {background-position-y: -56px;}
.board_basic .name span.drop.d5 {background-position-y: -74px;}
.board_basic .con {text-align: left;}
.board_basic .kind span {font-size: 10px;padding: 2px 3px; color: #FFF; border-radius: 5px; font-family: 'NanumBarunGothic', sans-serif;}
.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 .search_no {padding: 15px 0;}
.board_basic tr td .comment {color: #3d85c6;}
.board_basic.monster td.name {padding-left: 20px;}
.board_basic.monster td.name a {display: inline-block;}
.board_basic.monster td.name .site {font-size: 11px; font-weight: 400; color: #3d85c6; margin-top: 4px;}
.board_basic.collection p {font-weight: bold; padding-left: 0;}
.board_basic.collection .option {font-size: 16px;}
.mon_attr {display: inline-block; width: 25px; height: 15px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/attr_icon.png") no-repeat; background-position: -12px 0px; text-indent: -9999px; margin-bottom: 4px;}
.mon_attr.attr_2 {background-position-y: -18px;}
.mon_attr.attr_3 {background-position-y: -37px;}
.mon_attr.attr_4 {background-position-y: -56px;}
.mon_attr.attr_5 {background-position-y: -74px;}
.mon_attr.attr_6 {background-position-y: -92px;}
.mon_attr.attr_7 {background-position-y: -110px;}
.mon_attr.attr_8 {width: 48px; height: 15px; background-position: 0px -129px;}
.mon_weak {display: inline-block; height: 15px; background: url("//static.inven.co.kr/image_2011/lineage2m/common/weak_icon.png") no-repeat; background-position: 0px 0px; width: 48px; text-indent: -9999px; margin-bottom: 4px;}
.mon_weak.weak_2 {background-position:-11px -17px; width: 25px;}
.mon_weak.weak_3 {background-position:-0px -36px; width: 48px;}
.mon_weak.weak_4 {background-position: -11px -55px; width: 25px;}
.mon_weak.weak_5 {background-position: -11px -73px; width: 25px;}
.mon_weak.weak_6 {background-position: 0px -91px; width: 48px;}

/*tool_tip*/
.tool_detail {overflow: hidden;}
.tool_tip {margin: 0 0 15px 0; width: 347px; display: block;}
.toolContent {width: 347px; padding: 15px 10px; background: #22252f; border: 1px solid #000000; box-sizing: border-box; font-family: "NanumBarunGothic";}
.toolContent a {color: #ffffff;}
.toolContent .itemTit {width: 100%; overflow: hidden; padding: 0 0 10px 0;}
.toolContent .itemTit .thumb {display: inline-block; 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 {display: inline-block; width: 260px; color: #ffffff; vertical-align: middle;}
.toolContent .itemTit .name p {font-size: 12px; 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>.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 .item_account p {font-weight: 400;}
.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: 8px; 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: 5px;}
.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: 70px;}
.toolContent.monster .size02 {width: 255px;}
.toolContent.monster table th,
.toolContent.monster table td {font-family: "NanumBarunGothic";}
.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;}
.toolContent.monster.bossmap {width: auto; height: auto; padding: 5px;}
.toolContent.monster.bossmap img {max-width: 300px; max-height: 320px;}

/*디테일 페이지*/
.detail_tit {width: 137px; height: 28px; line-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 {position: relative; float: right; margin: 0 0 15px 0;}
.detail_info table {width: 343px; border: 1px solid #b4c7dc; box-sizing: border-box; margin-bottom: 15px;}
.detail_info table .size01 {width: 137px;}
.detail_info table .size02 {width: 205px;}
.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 {width: 100%;}
.detail_info.drop_moster td {text-align: left; border-right: 0 !important; padding: 10px;}
.detail_info.drop_moster ul {overflow: hidden; border: 1px solid #b4c7dc;}
.detail_info.drop_moster ul>li {float: left; 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(25% - 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: 0 10px 5px;}
.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: #f2f2f2;}
.detail_info.drop_item td .text_event {text-overflow:ellipsis; display: inline-block; white-space:nowrap; word-wrap:normal; max-width:155px; overflow:hidden; position: relative; top: 2px;}
.detail_info.get_item table .size01 {width: 100px;}
.detail_info.get_item table .size02 {width: 610px;}
.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 {width: 344px; padding: 10px 15px 5px; background: #e5eef8; box-sizing: border-box; border: 1px solid #b4c7dc;}
.detail_info .mon p {margin-bottom: 5px;}
.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: 3px 0 0 0;}
.detail_info .craft_data {width: calc(100% - 20px); overflow: hidden; padding: 5px 10px 10px;}
.detail_info .mon_respawnmap_info {position: absolute; top: 10px; right: 0; font-size: 13px; color: #3d85c6;}
.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 {overflow: hidden; margin-bottom: 10px;}
.item_filter table {border: 4px solid #cec0aa; table-layout: fixed; box-sizing: border-box;}
.item_filter .size01 {width: 110px;}
.item_filter .size02 {width: 596px;}
.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 th {background: #f0e6d8; font-weight: bold;}
.item_filter table td {padding: 8px 0px;}
.item_filter table td a.selected {color: #ff0101; font-weight: bold;}
.item_filter table td a {display: inline-block; position: relative; padding: 0px 8px; cursor: pointer;}
.item_filter table td a::before, .item_filter table td.armor a:nth-child(4n)::before {display: block; content: ''; position: absolute; top: 50%; right: -1px; width: 1px; height: 1px; margin-top: -4px; border-top: 3px solid #9ca3bc; border-bottom: 3px solid #9ca3bc;}
.item_filter table td a:last-child::before {display: none;}
.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 table td.armor a {color: #856431; padding: 0 0 0 8px;}
.item_filter table td.armor a::before {content: "·"; top: 0; right: -7px; width: auto; height: 1px; margin-top: 0px; border:none;}
.item_filter table td.armor a:nth-child(4n) {padding-right: 5px;}
.item_filter table td.armor a:nth-child(4n)::before {right: -6px;}
.item_filter table td.armor a:nth-child(5),
.item_filter table td.armor a:nth-child(9) {padding-left: 12px;}
.item_filter table td.armor a.title {font-weight: bold; color: #000; cursor: default;}
.item_filter table td.armor a:last-child::before {display: none;}
.item_filter table td.armor a.title::before {display: none;}
.item_filter table td>span {display: inline-block; position: relative; padding: 0 4px 0 8px;}
.item_filter table td label {padding: 0 0 0 8px;}
.item_filter table td label[for="filter_dropitemgrade_4"] {color: #7030a0;}
.item_filter table td label[for="filter_dropitemgrade_3"] {color: #ff0000;}
.item_filter table td label[for="filter_dropitemgrade_2"] {color: #006fbf;}
.item_filter table td input {margin: 0; position: relative; top: 2px;}
.item_filter.area .size02 {width: 60px;}
.item_filter.area .size03 {width: 540px;}
.item_filter.area table td.party {text-align: center; background: #f6f0e8; font-weight: bold;}
.item_filter.area table .tutorial {font-weight: bold;}
.item_filter .filter_area {display: block; float: none;}
.item_filter .monster td a {margin: 2px 0;}
.item_filter.collection label {cursor: pointer; position: relative; letter-spacing: -0.3px;}
.item_filter.collection label[for="filter_grade_1"] {color:#00b050 !important;}
.item_filter.collection label[for="filter_grade_2"] {color:#006fbf !important;}
.item_filter.collection label.selected {color: #ff0101 !important; font-weight: bold;}
.item_filter.collection label::after {display: block; content: ''; position: absolute; top: 50%; right: -3px; width: 1px; height: 1px; margin-top: -4px; border-top: 3px solid #9ca3bc; border-bottom: 3px solid #9ca3bc;}
.item_filter.collection label:last-child::after {display: none;}
.monster_btn {overflow: hidden;}
.monster_btn a {width: 113px; 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;}