#wowDb { padding: 5px 0px; } /* 필터 : 직업 */ #wowDb .filter_job {position: relative; overflow: hidden; padding: 5px; border: 1px solid #6d6c73;} #wowDb .filter_job::before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #404040;} #wowDb .filter_job ul {position: relative; width: 640px; table-layout: fixed; z-index: 10; border: 1px solid #d5d2d6; background-color: #f4f0f5; padding: 19px 28px 8px;} #wowDb .filter_job li {margin-right: 20px;} #wowDb .filter_job li:nth-child(6n+0) {margin-right: 0;} #wowDb .filter_job li:nth-child(1n+7) {margin-top: 9px;} #wowDb .filter_job li a {display: block; width: 90px; height: 123px; text-align: center; color: #000;cursor:pointer;} #wowDb .filter_job li a.selected, #wowDb .filter_job li a:hover {color: #ff2f00;} #wowDb .filter_job li a .img_job {display: inline-block; width: 90px; height: 90px; background-image: url('//static.inven.co.kr/image_2011/wow/dataninfo8/sp_skill_tab3.png'); background-repeat: no-repeat;} #wowDb .filter_job li a.selected .img_job, #wowDb .filter_job li a:hover .img_job {background-image: url('//static.inven.co.kr/image_2011/wow/dataninfo8/sp_skill_tab4.png?v=0925'); background-repeat: no-repeat;} #wowDb .filter_job li.job1 .img_job { background-position: 0 0; } #wowDb .filter_job li.job2 .img_job { background-position: -110px 0; } #wowDb .filter_job li.job3 .img_job { background-position: -220px 0; } #wowDb .filter_job li.job4 .img_job { background-position: -330px 0; } #wowDb .filter_job li.job5 .img_job { background-position: -440px 0; } #wowDb .filter_job li.job6 .img_job { background-position: -550px 0; } #wowDb .filter_job li.job7 .img_job { background-position: 0 -132px; } #wowDb .filter_job li.job8 .img_job { background-position: -110px -132px; } #wowDb .filter_job li.job9 .img_job { background-position: -220px -132px; } #wowDb .filter_job li.job10 .img_job { background-position: -330px -132px; } #wowDb .filter_job li.job11 .img_job { background-position: -440px -132px; } #wowDb .filter_job li.job12 .img_job { background-position: -550px -132px; } #wowDb .filter_job li .tlt {display: inline-block; height:33px; line-height:33px;} /* 메세지 */ #wowDb .message {height: 70px; line-height: 67px; text-align: center; background-color: #fff;width:100%; } #wowDb .message .desc {color: #000;} #wowDb .message .bttnCopy {float:none;display:inline-block;width: 92px;height:32px;line-height:32px;margin-left: 15px;background-color: #262626;color:#fff;font-weight:bold;border-radius: 5px;vertical-align: middle;} #wowDb .message .bttn {display: none; cursor:pointer;} /* 특성 */ #wowDb .filter_talent {position: relative; overflow: hidden;} #wowDb .filter_talent .tab {display:none;background-color: #f4f0f5; border: 1px solid #9d9ca6; } #wowDb .filter_talent .tab .grid {margin: 9px;} #wowDb .filter_talent .tab .grid-2 {position: relative; width: 50%;} #wowDb .filter_talent .tab .grid-3 {position: relative; width: 33.3333%;} #wowDb .filter_talent .tab .grid-4 {position: relative; width: 25%;} #wowDb .filter_talent .tab .grid .link {display:block; overflow: hidden; min-height: 122px; margin: 5px; padding: 10px; border: 1px solid #adaaad; background-color: #e0dce0;cursor:pointer;} #wowDb .filter_talent .tab .grid .link.selected, #wowDb .filter_talent .tab .grid .link:hover {border: 1px solid #ff471e; background-color: #fff;} #wowDb .filter_talent .tab .grid .link .talent-head {} #wowDb .filter_talent .tab .grid .link .talent-head .list {display: table; position: relative} #wowDb .filter_talent .tab .grid .link .talent-head .list .icon {display: table-cell; float:none; height: 100%; vertical-align: middle;} #wowDb .filter_talent .tab .grid .link .talent-head .list .icon img { width: 30px; height: 30px; border: 1px solid #504137;} #wowDb .filter_talent .tab .grid .link .talent-head .list .name {display: table-cell; float:none; height: 100%; vertical-align: middle; color: #080808; padding: 0 10px;} #wowDb .filter_talent .tab .grid .link .talent-body {padding: 10px 0;} #wowDb .filter_talent .tab .grid .link .talent-body .talent-desc {color: #000000;} #wowDb .talent {display:none;overflow: hidden; margin-bottom: 30px; margin-top: -1px; } #wowDb .talent .leftWrap {width: 560px; border: 1px solid #9d9ca6; border-right: 0; border-top: 3px solid #737373; background-color: #e0dce0;box-sizing: border-box;} #wowDb .talent .rightWrap {position:relative; width: 150px; border: 1px solid #9d9ca6; border-left: 0; border-top: 3px solid #ec5c28;box-sizing: border-box;} #wowDb .talent .tlt {width: 100%; height: 37px; line-height: 37px; text-align: center;} #wowDb .talent .leftWrap .tlt {background-color: #404040; color: #fff;} #wowDb .talent .rightWrap .tlt {background-color: #b9452c; color: #fff;} #wowDb .talent .leftWrap .lists {width: 549px; padding: 10px 5px; } #wowDb .talent .leftWrap .lists .lists-item {margin-bottom: 10px;} #wowDb .talent .leftWrap .lists .lists-item .lv {width: 40px; height: 40px; line-height: 40px; margin: 5px; text-align: center; } #wowDb .talent .leftWrap .lists .lists-item .lv span {color: #000; font-weight: bold;} #wowDb .talent .leftWrap .lists .lists-item .grid {} #wowDb .talent .leftWrap .lists .lists-item .grid-3 {position: relative; width: 166px;} #wowDb .talent .leftWrap .lists .lists-item .grid .link {display:block; overflow: hidden; margin: 5px; padding: 3px;cursor:pointer;height:42px;box-sizing: border-box;} #wowDb .talent .leftWrap .lists .lists-item .grid .link {border: 2px solid #fff; background-color: #fff;} #wowDb .talent .leftWrap .lists .lists-item .grid .link:hover, #wowDb .talent .leftWrap .lists .lists-item .grid .link.selected {border: 2px solid #ff471e; background-color: #fff;} #wowDb .talent .leftWrap .lists .lists-item .grid .link.unselected, #wowDb .talent .leftWrap .lists .lists-item .grid .link.unselected:hover {border: 2px solid #b3afb3; background-color: #b3afb3; color: #555555;} #wowDb .talent .leftWrap .lists .lists-item .grid .link .talent-head {} #wowDb .talent .leftWrap .lists .lists-item .grid .link .talent-head .list {display: table; position: relative} #wowDb .talent .leftWrap .lists .lists-item .grid .link .talent-head .list .icon {display: table-cell; float:none; height: 100%; vertical-align: middle;} #wowDb .talent .leftWrap .lists .lists-item .grid .link .talent-head .list .icon img { width: 30px; height: 30px; border: 1px solid #504137;} #wowDb .talent .leftWrap .lists .lists-item .grid .link.unselected .talent-head .list .icon img {-webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid #444444;} #wowDb .talent .leftWrap .lists .lists-item .grid .link .talent-head .list .name {display: table-cell; float:none; height: 100%; vertical-align: middle; color: #000; padding: 0 10px;} #wowDb .talent .leftWrap .lists .lists-covenant {} #wowDb .talent .leftWrap .lists .lists-covenant .grid { width: 125px; cursor:pointer; border: 2px solid #fff; margin: 0 4px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.selected {border: 2px solid #ff471e;} #wowDb .talent .leftWrap .lists .lists-covenant .grid-2 { width: 40px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.c11 {background: #fff url('//static.inven.co.kr/image_2011/wow/dataninfo8/sigil_kyrian.jpg') no-repeat 4px 3px; background-size: 32px 32px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.c12 {background: #fff url('//static.inven.co.kr/image_2011/wow/dataninfo8/sigil_venthyr.jpg') no-repeat 4px 3px; background-size: 32px 32px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.c13 {background: #fff url('//static.inven.co.kr/image_2011/wow/dataninfo8/sigil_nightfae.jpg') no-repeat 4px 3px; background-size: 32px 32px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.c14 {background: #fff url('//static.inven.co.kr/image_2011/wow/dataninfo8/sigil_necrolord.jpg') no-repeat 4px 3px; background-size: 32px 32px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid .covenantTitle { float: left; width: 42px; height: 38px; text-indent: -10000px; } #wowDb .talent .leftWrap .lists .lists-covenant .grid .link { float: left; overflow: hidden; width: 32px; height: 32px; padding: 3px;cursor:pointer; } #wowDb .talent .leftWrap .lists .lists-covenant .grid .link .icon img { width: 30px; height: 30px; border: 1px solid #504137; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.unselected { border: 2px solid #b3afb3; background-color: #b3afb3; } #wowDb .talent .leftWrap .lists .lists-covenant .grid.unselected .link .icon img { -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid #444444; } #wowDb .talent .rightWrap .lists {width: 150px;height: 496px; background-color: #ede9ee;} #wowDb .talent .rightWrap .lists .list-pvp {float: none; display: block; margin: 24px auto;font-size: 15px;} #wowDb .talent .rightWrap .lists .icon-plus {position: relative; border: 1px solid #d37e6b;height: 2.5em;width: 2.5em;cursor:pointer;} #wowDb .talent .rightWrap .lists .icon-plus:after, #wowDb .talent .rightWrap .lists .icon-plus:before {content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #d37e6b;} #wowDb .talent .rightWrap .lists .icon-plus:before {height: 1em;width: 0.2em;} #wowDb .talent .rightWrap .lists .icon-plus:after {height: 0.2em;width: 1em;} #wowDb .talent .rightWrap .lists .icon-plus:hover {border: 1px solid #ff471e;} #wowDb .talent .rightWrap .lists .icon-plus:hover:after, #wowDb .talent .rightWrap .lists .icon-plus:hover:before {background-color: #ff471e;} #wowDb .talent .rightWrap .lists .list-pvp img {position: absolute; top: 0; left: 0; width:37.5px; height: 37.5px;z-index: 9;} #wowDb .talent .rightWrap .popup {display:none;position:absolute;top:37px; left:-179px;width: 172px; height: 496px; border: 1px solid #797879; background-color: rgba(26, 26, 26, 0.95);} #wowDb .talent .rightWrap .popup .grid {overflow: auto; height:449px;} #wowDb .talent .rightWrap .popup .grid-1 {position: relative; width: 100%;} #wowDb .talent .rightWrap .popup .grid-1.selected {display: none !important;} #wowDb .talent .rightWrap .popup .grid .link {display:block; overflow: hidden; margin: 5px; padding: 5px; border: 1px solid #737373; cursor:pointer;} #wowDb .talent .rightWrap .popup .grid .link:hover { padding: 4px; border: 2px solid #ff471e; } #wowDb .talent .rightWrap .popup .grid .link .talent-head {} #wowDb .talent .rightWrap .popup .grid .link .talent-head .list {display: table; position: relative} #wowDb .talent .rightWrap .popup .grid .link .talent-head .list .icon {display: table-cell; float:none; height: 100%; vertical-align: middle;} #wowDb .talent .rightWrap .popup .grid .link .talent-head .list .icon img { width: 30px; height: 30px; border: 1px solid #504137;} #wowDb .talent .rightWrap .popup .grid .link .talent-head .list .name {display: table-cell; float:none; height: 100%; vertical-align: middle; color: #fff; padding: 0 10px;} #wowDb .talent .rightWrap .popup .bttnClose {float:right; width: 40px; height: 30px; line-height: 30px; margin: 10px; text-align: center; font-weight: bold; color: #fff; cursor:pointer;} /* 리스트 */ #wowDb .board {display:none;} #wowDb .board .list_board { margin-bottom: 20px; } #wowDb .board .list_board .size01 {width: 217px;} #wowDb .board .list_board .size02 {width: 207px;} #wowDb .board .list_board .size03 {width: 286px;} #wowDb .board .list_board .name a {display: table; font-weight: bold;} #wowDb .board .list_board .name img {width:40px;height:40px;border:1px solid #504137;vertical-align: middle;margin-right: 5px;} #wowDb .board .list_board .name span {display: table-cell;vertical-align: middle;} #wowDb .board .list_board .name span span {font-weight: normal;} /* 툴팁 */ .skill_tooltip {width: 345px; padding: 12px 15px; border: 1px solid #666; background-color: #333; color: #fff; box-sizing: border-box;} .skill_tooltip .wrap {width:100%; margin-bottom: 10px;overflow: hidden;} .skill_tooltip .name .desc {padding: 8px 0px 9px 0;} .skill_tooltip .name .desc h1 {font-size: 14px; font-weight: bold; color: #f08435;} .skill_tooltip .wrap1 .l {float:left; width: 50%;} .skill_tooltip .wrap1 .r {float:right; width: 50%;} .skill_tooltip .wrap1 .r p {text-align: right;} .skill_tooltip .yellow {color: #f8b700;} .skill_tooltip .mb5 {margin-bottom:5px;}