/* 공통 */ .hidden {display: none !important;} .simulator .warning_message {position: fixed; top: 0; left: 0; width: 100%; background-color: #b70000; color: #fff; font-family: NanumBarunGothic; font-size: 14px; font-weight: bold; text-align: center; box-sizing: border-box; z-index: 20;} .simulator .private {color: #d35656;} .simulator .points {color: #3d85c6;} .simulator .comment {color: #107bef;} /* 리스트 */ .simulator .topic_area {margin-bottom: 10px;} .simulator .topic_area::after {display: block; content: ''; clear: both;} .simulator .topic_area .left {float: left;} .simulator .topic_area .right {float: right;} .simulator .topic_board {width: 395px;} .simulator .topic_board .topic_title {height: 30px; padding-left: 46px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/bg_topic_title_renew.png') no-repeat 0 0; color: #fff; font-weight: bold; line-height: 30px;} .simulator .topic_board .topic_list {padding: 0 2px 2px 2px; border: 1px solid #0d4265; border-top: 0; background-color: #286b96;} .simulator .topic_board .topic_list li {position: relative; padding-left: 16px; background-color: #fff;} .simulator .topic_board .topic_list li:first-of-type {padding-top: 3px;} .simulator .topic_board .topic_list li:last-of-type {padding-bottom: 3px;} .simulator .topic_board .topic_list li::before {display: block; content: ''; position: absolute; left: 7px; top: 50%; width: 2px; height: 2px; margin-top: -1px; background-color: #000;} .simulator .topic_board .topic_list li a {display: block; height: 22px; line-height: 22px;} .simulator .topic_board .ellipsis {display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .simulator .topic_board .comment {color: #ff7800;} .simulator .list_top {margin-bottom: 5px; font-size: 0;} .simulator .list_top::after {display: block; content: ''; clear: both;} #lostarkDb.simulator .btn {display: inline-block; position: relative; height: 23px; margin-left: 8px; border: 1px solid #a3a3a3; border-radius: 1px; background: linear-gradient(to bottom, #fefefe 0%, #eaeaea 100%); color: #000; font-size: 11px; letter-spacing: -1px; text-align: center; box-sizing: border-box;} #lostarkDb.simulator .btn::before {display: block; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #fff;} #lostarkDb.simulator .btn.write {border-color: #d95f16; background: linear-gradient(to bottom, #eb971a 0%, #ed6c10 100%); color: #fff;} #lostarkDb.simulator .btn.write::before {border-color: #f49b61} .simulator .btn_mypost {width: 80px; margin-left: 0;} .simulator .btn_league {width: 90px; margin-left: 0; background: linear-gradient(to bottom, #fefefe 0%, #f1a6a6 100%); } .simulator .btn_private {width: 60px;} .simulator .search_area {float: right; font-size: 0;} .simulator .search_area .select {width: 77px; height: 23px; margin-right: 3px; border: 1px solid #aaa; vertical-align: top;} .simulator .search_area .text {width: 149px; height: 21px; padding: 0 10px; border: 1px solid #aaa; line-height: 23px; vertical-align: top;} .simulator .search_area .btn_search {width: 56px;} .simulator .search_area .btn_write {width: 72px;} .simulator .db_filter table th {padding: 11px 0;} .simulator .db_filter table th .alljob {display: block; margin-top: 10px; color: #ff6d15; cursor: pointer;} .simulator .db_filter table th .alljob.selected {font-weight: bold;} #lostarkDb.simulator .db_board .table {border-bottom: 0;} .simulator .db_board .table tr.delete {background-color: #888 !important;} .simulator .size01 {width: 57px;} .simulator .size02 {width: 118px;} .simulator .size03 {width: auto;} .simulator .size04 {width: 82px;} .simulator .size05 {width: 64px;} #lostarkDb.simulator .table tbody tr {border-bottom: 1px solid #aeaeae; background: none;} #lostarkDb.simulator .table tbody tr:nth-child(2n) {background-color: transparent;} /* 직업 선택 */ .job_select_area {padding: 6px; border: 1px solid #000; background-color: #285f8d;} .job_select_area .job_list {padding: 5px 15px; background-color: #04223e;} .job_select_area .job_list::after {display: block; content: ''; clear: both;} .job_select_area .job_list li {float: left; margin: 10px 14px; padding-bottom: 20px;} .job_select_area .job_list li:nth-child(7n) {margin-right: 0;} .job_select_area .job_list .job {display: block; position: relative; width: 81px; height: 81px; background: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/231222_btn_job_off.png') no-repeat;} .job_select_area .job_list .job.job01 {background-position: 0 0;} .job_select_area .job_list .job.job02 {background-position: -81px 0;} .job_select_area .job_list .job.job03 {background-position: -162px 0;} .job_select_area .job_list .job.job04 {background-position: -243px 0;} .job_select_area .job_list .job.job05 {background-position: -324px 0;} .job_select_area .job_list .job.job06 {background-position: -405px 0;} .job_select_area .job_list .job.job07 {background-position: 0 -81px;} .job_select_area .job_list .job.job08 {background-position: -81px -81px;} .job_select_area .job_list .job.job09 {background-position: -162px -81px;} .job_select_area .job_list .job.job10 {background-position: -324px -81px;} .job_select_area .job_list .job.job11 {background-position: -405px -81px;} .job_select_area .job_list .job.job12 {background-position: -243px -81px;} .job_select_area .job_list .job.job13 {background-position: 0px -162px;} .job_select_area .job_list .job.job14 {background-position: -81px -162px;} .job_select_area .job_list .job.job15 {background-position: -162px -162px;} .job_select_area .job_list .job.job16 {background-position: -244px -162px;} .job_select_area .job_list .job.job17 {background-position: -324px -162px;} .job_select_area .job_list .job.job18 {background-position: -405px -162px;} .job_select_area .job_list .job.job18:hover {background-position: -405px -161px;} .job_select_area .job_list .job.job19 {background-position: 0px -243px;} .job_select_area .job_list .job.job20 {background-position: -81px -243px;} .job_select_area .job_list .job.job21 {background-position: -163px -243px;} .job_select_area .job_list .job.job22 {background-position: -243px -243px;} .job_select_area .job_list .job.job23 {background-position: -324px -243px;} .job_select_area .job_list .job.job24 {background-position: -405px -243px;} .job_select_area .job_list .job.job25 {background-position: 0px -324px;} .job_select_area .job_list .job.job26 {background-position: -81px -324px;} .job_select_area .job_list .job:hover {background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/231222_btn_job_on.png');} .job_select_area .job_list .job.job604 {background-position: left top; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_job604_off.png');} .job_select_area .job_list .job.job604:hover {background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_job604_on.png');} .job_select_area .job_list .job.job113 {background-position: left top; background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_job113_off.png?v=1');} .job_select_area .job_list .job.job113:hover {background-image: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_job113_on.png?v=1');} .job_select_area .job_list .job_name {position: absolute; top: 90px; right: 0; left: 0; color: #6b88a6; font-weight: bold; text-align: center;} .job_select_area .job_list .job:hover .job_name {color: #267ced;} /* 디테일 */ #lostarkDb .simulator_area {margin-bottom: 20px; font-family: doutm;} #lostarkDb .simulator_area .simulator_top {height: 40px; padding: 0 15px; border-top: 2px solid #267ced; background: #1c3b57; font-size: 13px; line-height: 40px;} #lostarkDb .simulator_area .simulator_top::after {display: block; content: ''; clear: both;} #lostarkDb .simulator_area .simulator_top .icon_wrap {float: left; width: 23px; height: 23px; margin: 8px 0 7px; border: 1px solid #2579e7;} #lostarkDb .simulator_area .simulator_top .icon_wrap img {width: 23px; height: 23px;} #lostarkDb .simulator_area .simulator_top .job_name {display: block; float: left; width: 131px; margin-right: 17px; color: #ffd200; font-size: 13px; font-weight: bold; line-height: 40px;} #lostarkDb .simulator_area .simulator_top .lvtit {float: left; width: 33px; color: #fff; font-size: 13px; font-weight: bold; line-height: 40px; letter-spacing: -1px; text-align: left;} #lostarkDb .simulator_area .simulator_top .level {float: left; width: 55px; height: 27px; margin: 7px 0; padding: 0 10px; border: 0; color: #0c5d32; font-size: 13px; font-weight: bold;} .simulator_area .simulator_top .sptit {position: relative; float: left; width: 120px; padding-right: 5px; color: #90e0bc; line-height: 40px; text-align: right;} .simulator_area .simulator_top .sptit::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 9px; margin-top: -4px; background: #547969;} .simulator_area .simulator_top .point {float: left; margin: 0 0 0 11px; color: #fff; font-weight: bold;} .simulator_area .simulator_top .point .use_point {color: #ffc000;} .simulator_area .simulator_top .pointinput {width: 62px; height: 27px; margin: 7px 0 6px; border: 0; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/bg_pointinput.png') no-repeat 0 0; color: #ffc000; font-weight: bold; text-indent: 30px; text-align: left; vertical-align: top;} .simulator_area .simulator_top .btn_input {float: left; width: 62px; height: 27px; margin: 7px 0 6px 10px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_input.jpg') no-repeat 0 0; font-size: 0;} .simulator_area .simulator_top .btn_reset {float: left; width: 82px; height: 27px; margin: 7px 0 6px 20px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_reset.jpg') no-repeat 0 0; font-size: 0;} #lostarkDb .simulator_area .simulator_top .view_title {float: left;} #lostarkDb .simulator_area .simulator_top .view_title .subject {display: inline-block; color: #fff; font-size: 12px; font-weight: bold;} #lostarkDb .simulator_area .simulator_top .view_title .author {display: inline-block; position: relative; margin-left: 5px; padding-left: 7px; color: #9bdffe; font-size: 12px;} #lostarkDb .simulator_area .simulator_top .view_title .author::before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; margin-top: -5px; background: #90e0bc;} #lostarkDb .simulator_area .simulator_top .view_info {float: right;} #lostarkDb .simulator_area .simulator_top .view_info .col {height: 20px; line-height: 20px;} #lostarkDb .simulator_area .simulator_top .view_info span {display: inline-block; position: relative; margin-right: 5px; padding-right: 10px; color: #9bdffe; font-size: 11px;} #lostarkDb .simulator_area .simulator_top .view_info span::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 8px; margin-top: -4px; background: #547969;} #lostarkDb .simulator_area .simulator_top .view_info span:last-child {margin: 0; padding: 0;} #lostarkDb .simulator_area .simulator_top .view_info span:last-child::before {display: none;} #lostarkDb .simulator_area .simulator_top .view_info span.date {display: block; text-align: right;} #lostarkDb .simulator_area .simulator_top.sub {padding: 0 14px; border: 1px solid #278cd1; background: #1a5da2;} #lostarkDb .simulator_area .simulator_top.sub .part {display: inline-block; color: #fff; font-size: 14px; font-weight: bold;} #lostarkDb .simulator_area .simulator_top.sub .part.left {float: left;} #lostarkDb .simulator_area .simulator_top.sub .part.right {float: right;} #lostarkDb .simulator_area .simulator_top.sub .part .value {color: #fff600;} .simulator_area .lostark_skill {position: relative; border: 2px solid #000;} .simulator_area .lostark_skill::after {display: block; content: ''; clear: both;} .simulator_area .lostark_skill::before {position: absolute; right: 10px; bottom: 10px; content: ''; width: 100px; height: 29px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/bg_logo.png') no-repeat 0 0; opacity: 0.3;} #lostarkDb .simulator_area .title_area {height: 33px; border-bottom: 1px solid #000; background: linear-gradient(to bottom, #fff 0%,#dee5eb 51%,#bbc9d7 100%);} #lostarkDb .simulator_area .title_area::after {display: block; content: ''; clear: both;} #lostarkDb .simulator_area .title_area .tit {position: relative; float: left; color: #000; font-size: 12px; font-weight: bold; line-height: 33px; text-align: center;} #lostarkDb .simulator_area .title_area .tit::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; margin-top: -4px; background: #b3b3b3;} #lostarkDb .simulator_area .title_area .tit:last-child::before {display: none;} #lostarkDb .simulator_area .title_area .tit.tit01 {width: 159px;} #lostarkDb .simulator_area .title_area .tit.tit02 {width: 62px} #lostarkDb .simulator_area .title_area .tit.tit03 {width: 52px} #lostarkDb .simulator_area .title_area .tit.tit04 {width: 100px} #lostarkDb .simulator_area .title_area .tit.tit05 {width: 273px; padding-left: 18px;} #lostarkDb .simulator_area .title_area .tit.tit06 {width: 42px;} .simulator_area .lostark_skill .skill_list_wrap {float: left; width: 443px; border-right: 1px solid #b3b3b3;} .simulator_area .lostark_skill .skill_list {height: 1000px; overflow-y: scroll;} .simulator_area .lostark_skill .skill_list li {position: relative; padding: 14px 8px 7px 8px; border-bottom: 1px dotted #155082; text-align: center; cursor: pointer;} .simulator_area .lostark_skill .skill_list li > * {float: left;} .simulator_area .lostark_skill .skill_list li:nth-child(2n) {background-color: #f9f9f9;} .simulator_area .lostark_skill .skill_list li:last-child {border-bottom: 0;} .simulator_area .lostark_skill .skill_list li::after {display: block; content: ''; clear: both;} .simulator_area .lostark_skill .skill_list .skill {width: 151px; position: relative;} .simulator_area .lostark_skill .skill_list .skill::after {display: block; content: ''; clear: both;} .simulator_area .lostark_skill .skill_list .empty_area.view {width: 170px; height:30px; position: relative;} .simulator_area .lostark_skill .skill_list .empty_area.write {width: 212px; height:30px; position: relative;} .simulator_area .lostark_skill .skill_list .skill .icon_wrap {width: 46px; height: 46px; border: 1px solid #225a89; border-radius: 1px; box-sizing: border-box;} .simulator_area .lostark_skill .skill_list .skill .icon_wrap img {width: 100%; height: 100%} .simulator_area .lostark_skill .skill_list .skill b {position: absolute; top: 50%; left: 100px; transform: translate(-50%, -50%); width: calc(100% - 60px); margin: 0; color: #62768b; text-align: left; cursor: pointer;} .simulator_area .lostark_skill .skill_list .skill_level {position: relative; width: 58px; margin: 0 3px; font-size: 0;} .simulator_area .lostark_skill .skill_list .skill_level .value {display: inline-block; width: 41px; padding: 15px 0; font-size: 12px; vertical-align: top;} .simulator_area .lostark_skill .skill_list .btn_minus {position: absolute; top: 14px; left: 0; width: 17px; height: 17px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_minus.jpg') no-repeat 0 0;} .simulator_area .lostark_skill .skill_list .btn_plus {position: absolute; top: 14px; right: 0; width: 17px; height: 17px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_plus.jpg') no-repeat 0 0} .simulator_area .lostark_skill .skill_list .skill_point {width: 44px; margin: 0 4px; line-height: 46px;} .simulator_area .lostark_skill .skill_list .skill_tripod {width: 96px; margin-left: 0px; padding: 10px 0;} .simulator_area .lostark_skill .skill_list .btn_tripod.tripod1 {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/icon_tripod_01.jpg') -2px; } .simulator_area .lostark_skill .skill_list .btn_tripod.tripod2 {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/icon_tripod_02.jpg') -2px; } .simulator_area .lostark_skill .skill_list .btn_tripod.tripod3 {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/icon_tripod_03.jpg') -2px; } .simulator_area .lostark_skill .skill_list .btn_tripod.selected {background:none;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod {float:left; width: 24px; height: 24px; padding: 0; border: 1px solid #165182; margin-right:5px; border-radius: 1px; _background-color: #1b1d18;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod:first-child {margin-left:8px;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod:last-child {margin-right:0;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod img {width: 100%; height: 100%; background-color:#1b1d18;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod .skill_thumb {display: block; width: 100%; height: 100%; background: #ccc;} #lostarkDb .simulator_area .lostark_skill .skill_list .btn_tripod .tripod_level {position: absolute; top: 50px; font-size: 11px; padding: 0 2px;} #lostarkDb .simulator_area .lostark_skill .skill_list .skill_rune {position: relative; width: 45px; height: 46px; padding: 5px 0;} #lostarkDb .simulator_area .lostark_skill .skill_list .skill_rune.selected .rune_img::after {background: none;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_img {overflow: hidden; position: absolute; left: 50%; width: 32px; height: 32px; margin-left: -17px; background-color: #dddddd; border: 1px solid #165182; border-radius: 50%; z-index:2;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_img.on {background: #4c6378;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_img::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -5.5px; width: 11px; height: 16px; _background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/simul_icon.png?v=3') no-repeat; background-size: 36px; background-position: -25px 0; } #lostarkDb .simulator_area .lostark_skill .skill_list .skill_rune .rune_txt {font-weight:bold; font-size: 11px; width: 100%; text-align: center; position: absolute; bottom: 0px;} #lostarkDb /* runegrade background, color */ #lostarkDb *[data-rune-grade="1"] .rune_txt, #lostarkDb *[data-rune-grade="1"] .rune_txt .tit{color:#a5a5a5;} #lostarkDb *[data-rune-grade="2"] .rune_txt, #lostarkDb *[data-rune-grade="2"] .rune_txt .tit{color:#6bbd00;} #lostarkDb *[data-rune-grade="3"] .rune_txt, #lostarkDb *[data-rune-grade="3"] .rune_txt .tit{color:#00b0fa;} #lostarkDb *[data-rune-grade="4"] .rune_txt, #lostarkDb *[data-rune-grade="4"] .rune_txt .tit{color:#ba00f9;} #lostarkDb *[data-rune-grade="5"] .rune_txt, #lostarkDb *[data-rune-grade="5"] .rune_txt .tit{color:#f99200;} #lostarkDb *[data-rune-grade="6"] .rune_txt, #lostarkDb *[data-rune-grade="6"] .rune_txt .tit{color:#fa5d00;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="1"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_01.png') no-repeat;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="2"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_02.png') no-repeat;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="3"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_03.png') no-repeat;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="4"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_04.png') no-repeat;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="5"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_05.png') no-repeat;} .simulator_area .lostark_skill .skill_list .skill_rune.selected[data-rune-grade="6"] .rune_img {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_06.png') no-repeat;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_popup {display: none; width: 100%; height: 350px; margin-top: 5px; background-color: #101b32;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_popup .rune_rank {position: relative; width: 100%; height: 33px; border-bottom: 2px solid #155082;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_popup .rune_rank > select {position: absolute; top: 7px; left: 10px; width: 100px; border: 0;} #lostarkDb .simulator_area .lostark_skill .skill_list .rune_popup .rune_rank > button {position: absolute; top: 7px; right: 10px; width: 58px; height: 20px; font-size: 12px; color: #fff; border: 1px solid #777; box-sizing: border-box; background-color: #333; } #lostarkDb .simulator_area .lostark_skill .skill_list .rune_popup > ul {width: 100%; height: 316px; overflow-y: scroll;} /* .simulator_area .lostark_skill .skill_list .rune_popup > ul {-ms-overflow-style: none; scrollbar-width: none;} .simulator_area .lostark_skill .skill_list .rune_popup > ul::-webkit-scrollbar {display: none;} */ .simulator_area .lostark_skill .skill_list .rune_popup > ul> li {width: calc(100% - 20px); padding: 8px 10px;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li:nth-child(2n) {background-color: #101b32;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li.selected, .simulator_area .lostark_skill .skill_list .rune_popup > ul> li:hover {background-color: #192744;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div {} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_thumb {width:32px; height:32px; background-size: 32px; box-sizing: border-box; border: 1px solid #444;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="1"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_01.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="2"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_02.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="3"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_03.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="4"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_04.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="5"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_05.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li[data-rune-grade="6"] div.rune_thumb {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_06.png') no-repeat;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_thumb img {width:100%;height:100%} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_txt {padding: 0 10px; width: 315px;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_txt > p {text-align: left;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_txt > p.tit {font-weight: bold; line-height: 16px;} .simulator_area .lostark_skill .skill_list .rune_popup > ul> li > div.rune_txt > p.sub {color: #fff;} .simulator_area .lostark_skill .skill_list li.selected .skill b {color: #ff0000;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap {float: left; width: 352px;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list {margin: 4px;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list>li {margin-bottom: 4px; border: 1px solid #000000;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list>li:last-child {margin-bottom: 0;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .tripod_tier {height: 28px; background: #674605; color: #fff; font-size: 12px; font-weight: bold; line-height: 28px; text-align: center;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .tripod_tier {height: 33px; padding: 0 13px; color: #fff; font-weight: bold; line-height: 33px;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .tripod_tier.tier1 {background-color: #4c6378;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .tripod_tier.tier2 {background-color: #264868;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .tripod_tier.tier3 {background-color: #192f44;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list {padding: 10px; border-top: 1px solid #000;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list li {margin-bottom: 15px; opacity: 0.6; cursor: pointer;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list li:last-child {margin-bottom: 0;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list li.active {opacity: 1;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .desc_top {margin-bottom: 10px; font-size: 0;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .icon_wrap {display: inline-block; width: 26px; height: 26px; border: 1px solid #2d628f; background-color: #1b1d18; box-sizing: border-box; vertical-align: middle;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .icon_wrap img {width: 100%; height: 100%;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .name {display: inline-block; margin-left: 11px; color: #008580; font-size: 12px; font-weight: bold; line-height: 26px; vertical-align: middle;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .name > .lv {color: #efaf00;} #lostarkDb .simulator_area .lostark_skill .tripod_list_wrap .tripod_list .list .desc {color: #3f536b; font-size: 11px; line-height: 17px;} #lostarkDb .simulator_editor {padding: 10px; border: 1px solid #9c9c9c; background: #e8e8e8;} #lostarkDb .simulator_editor::after {display: block; content: ''; clear: both;} #lostarkDb .simulator_editor .editor_view {min-height: 300px; padding: 10px; border: 1px solid #aab3c0; border-radius: 1px; background: #fff; color: #5d5d5d; font-size: 12px; line-height: 16px;word-break: break-all;} #lostarkDb .simulator_editor .editor_view * {float: none;} #lostarkDb .simulator_editor .editor_view div {display: block;word-break: break-all;line-height: 1.6;} #lostarkDb .simulator_editor .writePart .categorySubject {margin-bottom: 10px;} #lostarkDb .simulator_editor .writePart .subjectPart::after {display: block; content: ''; clear: both;} #lostarkDb .simulator_editor .writePart .subjectTitle {display: block; float: left; width: 38px; height: 22px; line-height: 22px; color: #5d5d5d; text-align: center;} #lostarkDb .simulator_editor .writePart .subjectInput {float: left; width: 718px; height: 22px; padding: 0 10px; border: 1px solid #707070;} #lostarkDb .simulator_editor .writePart .userText {width: 778px!important;} #lostarkDb .simulator_editor .writePart .signToolbar {width: 778px!important;} #lostarkDb .simulator_editor .writePart .iframeEditCtrl {width: 778px!important;} #lostarkDb .simulator_editor .writePart .sign_editer body {width: 100%!important;} #lostarkDb .simulator_editor .wysiwygEditor .signContent {width: 778px!important;} #lostarkDb.simulator .btn_area {margin-top: 10px; font-size: 0; text-align: right;} #lostarkDb.simulator .btn_area::after {display: block; content: ''; clear: both;} #lostarkDb.simulator .btn_area a {display: inline-block; position: relative; height: 23px; margin-left: 8px; border: 1px solid #a3a3a3; border-radius: 1px; background: linear-gradient(to bottom, #fefefe 0%, #eaeaea 100%); color: #000; font-size: 12px; line-height: 23px; letter-spacing: -1px; text-align: center; box-sizing: border-box;} #lostarkDb.simulator .btn_area a::before {display: block; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #fff;} #lostarkDb.simulator .btn_area .btn_list {width: 56px;} #lostarkDb.simulator .btn_area .btn_list02 {float: left; width: 60px; margin-left: 0;} #lostarkDb.simulator .btn_area .btn_delete {float: left; width: 60px;} #lostarkDb.simulator .btn_area .btn_modify {float: left; width: 60px;} #lostarkDb.simulator .btn_area .btn_restore {float: left; width: 60px;} #lostarkDb.simulator .btn_area .btn_save {width: 56px;} #lostarkDb.simulator .btn_area .btn_save.private {width: 82px;} #lostarkDb.simulator .btn_area .btn_newwirte {width: 162px;} #lostarkDb.simulator .btn_area .btn_recommend {width: 60px;} #lostarkDb.simulator_view .title_area {border-top: 2px solid #000;} #lostarkDb.simulator_view .title_area .tit.tit01 {width: 164px;} #lostarkDb.simulator_view .title_area .tit.tit02 {width: 58px;} #lostarkDb.simulator_view .title_area .tit.tit04 {width: 110px;} #lostarkDb.simulator_view .title_area .tit.tit05 {width: 300px; padding-left: 21px;} #lostarkDb.simulator_view .simulator_area .skill_list_wrap {float: left; width: 402px; border-right: 1px solid #b3b3b3;} #lostarkDb.simulator_view .simulator_area .tripod_list_wrap {float: left; width: 393px;} #lostarkDb.simulator_view .simulator_area .skill_list .skill_level {width: 58px;} #lostarkDb.simulator_view .simulator_area .skill_list .skill_tripod {margin-left: 6px; margin-right: 5px;}#lostarkDb /* 페이징 */ .lostark_paging {padding: 9px 0; border-top: 2px solid #aeaeae; border-bottom: 1px solid #9d9c9c; background: #dcdcdc; font-size: 0; text-align: center;} .lostark_paging .basetext {font-size: 12px;} .lostark_paging .pg {padding: 0 5px; vertical-align: top;} .lostark_paging .pg:hover {font-weight: bold; text-decoration: none;} .lostark_paging .currentpg {font-weight: bold;} .lostark_paging span.prevtext {padding: 1px 10px 0 0;} .lostark_paging span.nexttext {padding: 1px 0 0 10px;} .lostark_paging a.prevtext {display: inline-block; padding-left: 18px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_arrow_left.png') no-repeat 0 0; vertical-align: top;} .lostark_paging a.nexttext {display: inline-block; padding-right: 18px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/simulator/btn_arrow_right.png') no-repeat 29px 0; vertical-align: top;} /*스크롤바 css */ .simulator_area .lostark_skill .skill_list .rune_popup > ul::-webkit-scrollbar { width: 5px; /* 세로축 스크롤바 길이 */ height: 10px; /* 가로축 스크롤바 길이 */ } .simulator_area .lostark_skill .skill_list .rune_popup > ul::-webkit-scrollbar-track-piece { background-color: #171a23; } .simulator_area .lostark_skill .skill_list .rune_popup > ul::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #aaa; } .simulator_area .lostark_skill .skill_list .rune_popup > ul::-webkit-scrollbar-button { background-color: darkblue; width: 0px; height: 0px; }