/* 리셋 */
button {
    padding: 0;
    border: 0;
    background: transparent;
    font-family: gulim, 굴림, Helvetica;
    font-size: 12px;
    outline: 0;
    cursor: pointer;
}
table,table th,table td{
    border-spacing: 0;
    border-collapse: collapse;
}
p {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a {
    vertical-align: middle;
}
a:hover, a:active {
    text-decoration: none;
}

/* 공통 아이디 */
#lostarkDb {padding: 10px;}

/* 공통 클래스 */
.noResult {display: none;}
.db_comment {margin-top: 15px;}
.txt_left {text-align: left;}
.clremoticon {vertical-align: -2px;}
.comment {color: #107bef; font-weight: normal;}

/* 탭 */
.db_tab{overflow: hidden; margin-bottom:10px;}
/*  lostark _ card : tab */
.lostark.db_tab .list {float:none;}
.lostark.db_tab .list::after {content:''; display:table; clear:both;}
.lostark.db_tab .list li {width:calc(99.9% / 2); height:40px; line-height:40px; text-align:center; background:#7896AA url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_bg_tab_off.png') 0 0 no-repeat; background-size:cover; border:1px solid #679FC3; box-sizing: border-box; border-radius: 2px; box-shadow: inset 0 0 1px 1px #9fb6c463; float:left;}
.lostark.db_tab .list li button {width:100%; height:100%; font-size:14px; background: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_text_mounting_effect_off.png') center center no-repeat; text-indent: -9999px;}

.lostark.db_tab .list li:first-of-type button {background-image: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_text_mounting_effect_off.png');}
.lostark.db_tab .list li.selected:first-of-type button {background-image: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_text_mounting_effect_on.png');}
.lostark.db_tab .list li:last-of-type button {background-image: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_text_collection_effectt_off.png?ver=200903ab');}
.lostark.db_tab .list li.selected:last-of-type button {background-image: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_text_collection_effectt_on.png');}
.lostark.db_tab .list .selected {background-image: url('//static.inven.co.kr//image_2011/lostark/dataninfo/lostark_bg_tab_on.png'); background-color:#46A2DA; border-color:#4081B2; box-shadow: inset 0 0 1px 1px #6AB3E0;}

/* 필터 */
.db_filter {position: relative; margin-bottom: 8px; border-top: 1px solid #b2b8c9; border-bottom: 1px solid #6a849e;}
.db_filter table {position: relative; width: 100%; margin: 1px 0; border-top: 2px solid #6a849e; border-bottom: 2px solid #6a849e; table-layout: fixed; z-index: 10;}
.db_filter table .size01 {width: 73px;}
.db_filter table .size02 {width: 45px;}
.db_filter table .size03 {}
.db_filter table tr:last-child th, .db_filter table tr:last-child td {border-bottom: none;}
.db_filter table th {border-bottom: 1px solid #b5d4e7; background: #deecf6; color: #234262; font-size: 12px; font-weight: bold;}
.db_filter table td {padding: 4px 6px; border-bottom: 1px solid #b5d4e7; background: #fff; font-size: 0;}
.db_filter table td.sub {width: 45px; background-color: #f0f6fa; color: #234262; font-size: 12px; font-weight: bold; letter-spacing: -1px; text-align: center;}
.db_filter table td a {display: inline-block; height: 21px; margin: 2px 2px; padding: 0 8px; border-radius: 5px; background-color: #8facc1; color: #fff; font-size: 12px; line-height: 21px; letter-spacing: -1px; text-align: center;}
.db_filter table td a.selected,.db_filter table td a.act{background-color: #416b97; font-weight: bold;}
.db_filter table td a:hover {text-decoration: none;}
.db_filter.box {position: relative; margin-bottom: 9px; padding: 1px 0; border-top: 1px solid #6a849e; border-bottom: 1px solid #6a849e;}
.db_filter.box .btn_box {padding: 3px; border-top: 2px solid #6a849e; border-bottom: 2px solid #6a849e; background-color: #aec7d8;}
.db_filter.box .btn_box::after {display: block; content: ''; clear: both;}
.db_filter.box .btn_box .quest_list {margin: -2px 0;}
.db_filter.box .btn_box .quest_list::after {display: block; content: ''; clear: both;}
.db_filter.box .btn_box .quest_list li {float: left; width: calc(25% - 4px); margin: 2px 2px;}
.db_filter.box .btn_box .quest_list li .link {display: block; width: 100%; height: 26px; border-radius: 5px; background-color: #6a849d; color: #aec7d8; font-size: 11px; font-weight: bold; line-height: 26px; letter-spacing: -1px; text-align: center;}
.db_filter.box .btn_box .quest_list li .link.active {background-color: #112f4e; color: #fff;}
.db_filter.box .btn_box .dungeon_list {margin: -2px 0;}
.db_filter.box .btn_box .dungeon_list::after {display: block; content: ''; clear: both;}
.db_filter.box .btn_box .dungeon_list li {float: left; width: calc(33.3% - 4px); margin: 2px 2px;}
.db_filter.box .btn_box .dungeon_list li .link {display: block; width: 100%; height: 26px; border-radius: 5px; background-color: #6a849d; color: #aec7d8; font-size: 11px; font-weight: bold; line-height: 26px; letter-spacing: -1px; text-align: center;}
.db_filter.box .btn_box .dungeon_list li .link.active {background-color: #112f4e; color: #fff;}

/* lostark _ card : input 및 label */
.lostark.db_filter {margin-bottom:10px;}
.lostark.db_filter .table select {width:100%; font-size:12px; padding:0 0 0 7px; margin-left:7px;}
.lostark.db_filter .table select:first-of-type {margin-left:0;}
.lostark.db_filter .table label {font-size: 12px; position: relative; vertical-align: text-top; display: inline-block; padding: 0 7px 0 16px; cursor: pointer; height: 20px;  line-height: 19px;}
.lostark.db_filter .table label:first-of-type {margin-left:0;}
.lostark.db_filter .table label input[type="checkbox"] {position: absolute; top:1px; left:1px; margin:0; opacity: 0;}
.lostark.db_filter .table label input[type="checkbox"]:checked + .chk {background-image: url('//static.inven.co.kr/image_2011/lostark/dataninfo/input_chk_on.png');}
.lostark.db_filter .table label .chk {width:12px; height:12px; box-sizing: border-box; position: absolute; top:50%; left:0; background:#fff url('//static.inven.co.kr/image_2011/lostark/dataninfo/input_chk_off.png') 0 0 no-repeat; transform: translateY(-50%);}
.lostark.db_filter table.sub_filter col.size-th { width: 90px; }

@media screen and (max-width:530px) {
    .lostark.db_filter .table label {display:block; margin-left:0;}
    .lostark.db_filter.card .table label{display:inline-block; margin-left:0;}
}

/* lostark _ card : 카드 검색 */

.lostark.db_board.mobile .db_list {border: 1px solid transparent; box-sizing: border-box;}
.lostark.db_board .db_list .con {padding: 5px 5px; border: 1px solid #fff; outline: 1px solid #696f81; background-color: #899eb1; margin-top:3px; box-sizing: border-box;}
.lostark.db_board .db_list .con:first-of-type {margin-top:0;}

.lostark.db_board .db_list .con .list_name:first-of-type {margin-top:0;}
.lostark.db_board .db_list .con .list_name, .lostark.db_board .db_list .con .list , .lostark.db_board .db_list .con .desc_list {background:#fff;}

.lostark.db_board .db_list .con .list_name {height:34px; line-height:34px; font-size:12px; color:#343434; font-weight: bold; background:#efefef; padding:0 10px; box-sizing:border-box;}

.lostark.db_board .db_list .con .list {font-size:0; padding:10px 0; position: relative; z-index: 1;}
.lostark.db_board .db_list .con .list::before {content:''; position: absolute; top:0; left:0; right:0; bottom:0; border-top:1px solid #cbcbcb; z-index: -1;}

.lostark.db_board .db_list .con .list::after {content:''; display:table; clear:both;}
.lostark.db_board .db_list .con .list li {width:calc(99.9% / 3); display:inline-block; margin-top:10px; vertical-align: middle;}
.lostark.db_board .db_list .con .list li:nth-of-type(-n + 3) {margin-top:0;}
.lostark.db_board .db_list .con .list li a {display:flex; padding: 0 5px 0 10px; align-items: center; justify-content: space-between; box-sizing: border-box; overflow:hidden;}
.lostark.db_board .db_list .con .list li:nth-child(3n) a {padding-right :10px;}
.lostark.db_board .db_list .con .list li a::after {content:''; display:table; clear:both;}
@media screen and (max-width:480px) {
    .lostark.db_board .db_list .con .list li {width:calc(99.9% / 2);}
    .lostark.db_board .db_list .con .list li:nth-of-type(-n + 3) {margin-top: 10px;}
    .lostark.db_board .db_list .con .list li:nth-of-type(-n + 2) {margin-top: 0;}
    .lostark.db_board .db_list .con .list li:nth-child(2n) a {padding-right : 10px;}
    .lostark.db_board .db_list .con .list li:nth-child(3n) a {padding-right : 5px;}
}

.lostark.db_board .db_list .con .list .img {width:25px; height:35px; font-size:12px;}
.lostark.db_board .db_list .con .list .img img {width: 100%; max-height: 35px; vertical-align: middle;}
.lostark.db_board .db_list .con .list .name {width:calc(100% - 25px); font-size:12px; text-align:left; padding-left :4px; letter-spacing: -0.05em; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word; word-wrap: break-word;}

.lostark.db_board .db_list .con .desc_list {position: relative; z-index: 1;}
.lostark.db_board .db_list .con .desc_list::before {content:''; position: absolute; top:0; left:0; right:0; bottom:0; border-top:1px solid #cbcbcb; z-index: -1;}
.lostark.db_board .db_list .con .desc_list li {font-size:12px; color:#323232; padding:10px; word-break: keep-all;}
.lostark.db_board .db_list ul.desc_list li em {font-weight:bold;}

.lostark.db_board .btn_more {width:100%; height:32px; line-height:32px; font-size:12px; color:#343434; background:#f1f1f1 url('//static.inven.co.kr/image_2011/lostark/dataninfo/lostark_bg_table.png') repeat-x 0 0; box-shadow: inset 0 -1px 0 1px #fff; border:1px solid #a3a3a3; border-radius: 2px; box-sizing: border-box; margin-top:20px;}

.lostark.db_board.db_card .sub_title + .lostark.db_board.mobile {margin-bottom:10px;}
.lostark.db_board.db_card:last-of-type .sub_title + .lostark.db_board.mobile {margin-bottom:0;}

/* lostark _ card : 등록 정보가 없을 때 */
.lostark.db_board .db_list .con .info {font-size:12px; color:#323232; padding: 30px 10px 30px 15px; border:1px solid #899eb1; border-width:6px 5px; box-sizing: border-box;}

.sub_filter {margin-bottom: 10px; border: 1px solid #6a849e;}
.sub_filter p {height: 28px; padding-left: 14px; border-bottom: 1px solid #6a849e; background-color: #112f4e; color: #fff; font-size: 13px; font-weight: bold; line-height: 28px; box-sizing: border-box;}
.sub_filter .filter_box {padding: 5px; border: 1px solid #f6f8fa; background-color: #e7ecf1;}
.sub_filter .filter_box .region {padding: 9px 0; background-color: #fff;}
.sub_filter .filter_box .region::after {display: block; content: ''; clear: both;}
.sub_filter .filter_box .region li {position: relative; float: left; padding: 3px 10px; line-height: 14px;}
.sub_filter .filter_box .region li::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 11px; margin-top: -5px; background-color: #c5cbd2}
.sub_filter .filter_box .region li:last-child::before {display: none;}
.sub_filter .filter_box .region li:last-child {border-right: 0;}
.sub_filter .filter_box .region li a {color: #c5cbd2; font-size: 12px; vertical-align: top;}
.sub_filter .filter_box .region li a:hover,
.sub_filter .filter_box .region li a.selected {color: #6a849e; font-weight: bold;}

.sub_title {position: relative; width: 133px; height: 28px; padding-left: 15px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_sub_04.jpg?v=3') repeat-x 0 0; color: #3a546c; font-size: 13px; font-weight: bold; line-height: 28px; box-sizing: border-box;}
.sub_title::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #555c6f url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_sub_01.jpg') no-repeat 0 0;}
.sub_title::after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #41698c url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_sub_03.jpg') no-repeat 0 0;}
.sub_title.item {width: 100%;}
.sub_title.filter {width: auto; height: auto; margin-bottom: 1px; padding: 0 10px; border-bottom: 1px solid #41698c; color: transparent; font-size: 0;}
.sub_title.filter label {display: inline-block; padding: 0px 3px; color: #3a546c; font-size: 11px; font-weight: bold; line-height: 28px; vertical-align: top; cursor :pointer;}
.sub_title.filter label input {margin: -2px 1px 0 0; vertical-align:middle;}



*[data-item-grade="1"] .name {color: #a5a5a5;}
*[data-item-grade="2"] .name {color: #6bbd00;}
*[data-item-grade="3"] .name {color: #00b0fa;}
*[data-item-grade="4"] .name {color: #ba00f9;}
*[data-item-grade="5"] .name {color: #f99200;}
*[data-item-grade="6"] .name {color: #fa5d00;}
*[data-item-grade="7"] .name {color: #B3956C;}
*[data-item-grade="8"] .name {color: #14C5B9;}
*[data-item-grade="9"] .name {color: #FF33FF;}
*[data-item-grade="10"] .name {color: #00FF00;}

*[data-item-grade="1"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_01.png?v=3') no-repeat 0 0;}
*[data-item-grade="2"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_02.png?v=3') no-repeat 0 0;}
*[data-item-grade="3"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_03.png?v=3') no-repeat 0 0;}
*[data-item-grade="4"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_04.png?v=3') no-repeat 0 0;}
*[data-item-grade="5"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_05.png?v=3') no-repeat 0 0;}
*[data-item-grade="6"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_06.png?v=3') no-repeat 0 0;}
*[data-item-grade="7"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_07.png?v=3') no-repeat 0 0;}
*[data-item-grade="8"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_08.png?v=3') no-repeat 0 0;}
*[data-item-grade="9"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_09.png?v=3') no-repeat 0 0;}
*[data-item-grade="10"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_10.png?v=3') no-repeat 0 0;}

*[data-card-grade="1"] {color: #a5a5a5;}
*[data-card-grade="2"] {color: #6bbd00;}
*[data-card-grade="3"] {color: #00b0fa;}
*[data-card-grade="4"] {color: #ba00f9;}
*[data-card-grade="5"] {color: #f99200;}
*[data-card-grade="6"] {color: #fa5d00;}

/* 검색 */
.db_search {margin-bottom: 10px;}
.db_search::after {display: block; content: ''; clear: both;}
.db_search .search {padding: 8px 17px; background: #ffe4ce; font-size: 0; text-align: center;}
.db_search .search * {display: inline-block; /*height: 30px;*/ line-height: 30px; vertical-align: top;}
.db_search .search div {display: block;}
.db_search .label {min-width: 52px; max-width: 81px; color: #545454; font-size: 13px; font-weight: bold; letter-spacing: -0.5px; text-align: center;}
.db_search .label.label02 {margin: 0 5px;}
.db_search .label.label03 {width: 68px;}
.db_search .wave {color: #545454; font-size: 13px;}
.db_search .input {width: calc(100% - 123px); height: 30px; margin: 0 5px; padding: 0 5px; border: 1px solid #cccccc; font-size: 13px; box-sizing: border-box;}
.db_search .input.input02 {width: calc(100% - 139px);}
.db_search .input.input03 {width: calc(100%/2 - 72px); margin: 0 5px;}
.db_search .input.input04 {width: calc(100% - 66px); margin-left: 0;}
.db_search .input.level {width: calc((100% - 91px)/2);}
.db_search .input.level:last-child {margin-right: 0;}
.db_search .select {width: calc((100% - 90px)/2); height: 30px; margin-left: 5px; padding: 0 5px; border: 1px solid #ccc; font-size: 13px;}
.db_search .select.job {margin-right: 10px;}
.db_search .btn_search {width: 61px; background-color: #155082; color: #fff; font-weight: bold;}
.db_search .job_part {margin: 5px 0;}
.db_search .job_part .label {min-width: 35px;}
.db_search.type02 .search {padding: 0; background: transparent;}
.db_search.type02 .label {width: 52px; letter-spacing: -1px;}
.db_search.type02 .left {width: 100%; height: 46px; padding: 8px 17px; background-color: #ffe4ce; box-sizing: border-box;}
.db_search.type02 .left .input {width: calc(100% - 123px);}
.db_search.type02 .right {width: 100%; height: 46px; margin-top: 2px; padding: 8px 17px; background-color: #cce9e6; box-sizing: border-box;}
.db_search.type02 .right p {color: #545454; font-size: 13px; font-weight: bold;}
.db_search.type02 .right .btn_search {background-color: #066e63;}
.db_search .search .scheck{  width:100%;     text-align: right;  display: block;  cursor: pointer; }
.db_search .search .scheck .checkbox{vertical-align: -3px;}
.db_search .search .scheck .label{max-width: 100%;   line-height: 24px;  }


/* lostark _ card : 필터 검색 */
.lostark.db_search .btn_reset {width:120px; height:22px; line-height:22px; font-weight:normal; color:#fff; background: linear-gradient(90deg, rgb(34, 34, 34), rgb(107, 107, 107)); border:1px solid #000; border-radius: 2px; box-sizing: border-box; margin:0; float:right; margin-top:10px;}

/* lostark _ card : 세트,카드 검색 */
.lostark.db_search.type02 .cardsearch {text-align: left; font-size:0; padding:9px 17px;}
.lostark.db_search.type02 .cardsearch .label {width: auto; min-width:auto; display:inline-block; vertical-align: middle; margin-right:10px;}
.lostark.db_search.type02 .cardsearch .select2 {width:calc(100% - 90px) !important; font-size:12px;}
.lostark.db_search.type02 .cardsearch .btn_search {width: auto; padding: 5px 10px; vertical-align: middle; margin-left:10px;}

/* 리스트 */
.db_list>li {margin-bottom: 1px; border: 1px solid #555c70;}
.db_list li .line {padding: 5px; border: 1px solid #fff; background: #899eb1;}
.db_list li .line .col {display: table; width: 100%; border-bottom: 1px solid #cbcbcb; background: #fff; table-layout: fixed;}
.db_list li .line .col:last-child {border-bottom: 0;}
.db_list li .line .col>.title {display: table-cell; width: 74px; padding: 9px 0; background: #efefef; color: #343434; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle;}
.db_list li .line .data {display: table-cell; padding: 4px 4px 2px; color: #323232; font-size: 12px; vertical-align: middle;}
.db_list li .line .data img {margin-right: 3px; vertical-align: middle;}
.db_list li .line .data img.avatartendency {display:none;}
.db_list li .line .data .mag {margin: -5px 0 0 2px; vertical-align: middle;}
.db_list li .line .data .icon_wrap {display: inline-block; width: 25px; height: 25px; background-color: #1b1d18; vertical-align: middle;}
.db_list li .line .data .icon_wrap img {width: 25px; height: 25px;}
.db_list li .line .data .name {display: inline-block; font-weight: bold; vertical-align: middle;}
.db_list li .line .data .title {display: inline-block; height: 27px; margin-right: 2px; font-size: 12px; line-height: 27px; vertical-align: top;}
.db_list li .line .data .reward_list {margin: -2px;}
.db_list li .line .data .reward_list .item {display: inline-block; margin: 2px;}
.db_list li .line .data .depth .reward_list {display: inline-block; font-size: 0;}

.db_list li.noResult p,
.db_list li.none p {padding: 5px; border: 1px solid #fff; background-color: #899eb1; color: #fff; font-size: 12px; text-align: center;}

.db_list li .line .data .material_list li {margin-bottom: 3px;}
.db_list li .line .data .material_list .name {font-weight: normal; vertical-align: middle;}
.db_list li .line .data .material_list .name .value {color: #000;}
.db_list li .line .data .icon_wrap.silver,
.db_list li .line .data .icon_wrap.gold { margin-right: 4px; }

.db_list .list_table p.layersubtitle:first-child{marin-top:0px;}
.db_list li p.layersubtitle{margin-top:5px; font-weight: bold}

.detail_info {margin-bottom: 10px;}
.detail_info .data_title {height: 30px; padding-left: 14px; background-color: #4e6379; color: #fff; font-size: 13px; font-weight: bold; line-height: 30px; box-sizing: border-box;}
.detail_info .data_box {border: 1px solid #696f81; border-top-width: 2px;}
.detail_info .data_box .line {padding: 5px 5px; border: 1px solid #fff; background-color: #899eb1;}
.detail_info .data_box .tripod_list li {border-bottom: 1px solid #b5d4e7; background-color: #fff; padding: 9px 9px;}
.detail_info .data_box .tripod_list li::after {display: block; content: ''; clear: both;}
.detail_info .data_box .tripod_list li:last-child {border-bottom: 0;}
.detail_info .data_box .tripod_list li .icon_wrap {float: left; width: 25px; height: 25px; background-color: #1b1d18; box-sizing: border-box;}
.detail_info .data_box .tripod_list li .icon_wrap img {width: 100%; height: 100%;}
.detail_info .data_box .tripod_list li .text {float: left; width: calc(100% - 35px); margin-left: 10px;}
.detail_info .data_box .tripod_list li .text .name, .detail_info .data_box .tripod_list li .text .level {color: #1c3b57; font-size: 12px;}
.detail_info .data_box .tripod_list li .text .level {margin-left:8px;color:#ed8000;}
.detail_info .data_box .tripod_list li .text p {color: #323232; font-size: 12px; line-height: 17px;}
.detail_info .data_box .tripod_list li.none {padding: 9px 9px; color: #1c3b57; font-size: 12px; font-weight: bold; text-align: center;}
.detail_info .data_box .table {border: none;}
.detail_info .data_box .enchant td {text-align: center;}
.detail_info.guide .data_title {text-align: center;}
.detail_info.guide .line {background-color: #fff;}

.table {width: 100%; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f; table-layout: fixed;}
.table tr {border-bottom: 1px solid #cbcbcb;}
.table th {height: 28px; border-right: 1px solid #cbcbcb; background-color: #ebebeb; color: #343434; font-size: 12px;}
.table td {padding: 7px 4px; border-right: 1px solid #cbcbcb; background-color: #fff; color: #1e1e1e; font-size: 12px; text-align: left;}
.table td img {vertical-align: middle;}
.table th:last-child, .table td:last-child {border-right: 0;}

.db_quest .size01 {width: 14%;}
.db_quest .size02 {width: 36%;}
.db_quest .size04 {width: 50%;}
.db_quest .tip {color: #ff0000; line-height: 1.5em;}

.db_item .astra{color:#AAAAAA;}

.quest_info {width: 100%; margin-bottom: 10px; padding: 11px 10px; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f; background: #eaeef3; box-sizing: border-box;}
.quest_info h3 {margin-bottom: 15px; color: #3a546c; font-size: 13px; font-weight: bold;}
.quest_info h3.expedition { margin-bottom: 8px; }
.quest_info h3.expedition img { vertical-align: top; margin-left: 4px; }
.quest_info .quest_desc {padding: 12px 10px; background: #fff url('//static.inven.co.kr/image_2011/lostark/dataninfo/line_dotted.png') repeat-x 0 bottom;}
.quest_info .quest_desc p {color: #0d5698; font-size: 12px; line-height: 16px;}
.quest_info .quest_story {margin-top: 10px; border: 1px solid #cad3dc; background: #f1f1f1;}
.quest_info .quest_story .title {height: 25px; padding-left: 11px; border-bottom: 1px solid #cad3dc; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_material_title.jpg') repeat-x top left; color: #454b5a; font-size: 12px; font-weight: bold; line-height: 25px;}
.quest_info .quest_story .story_view {padding: 9px 15px; background-color: #fff;}
.quest_info .quest_story .story_view p {color: #000; font-size: 12px; line-height: 16px;}
.quest_info.dungeon h3 {color: #2787b8; text-align: center;}
.quest_info.dungeon .dungeon_img {width: 100%; margin-bottom: 5px; text-align: center;}
.quest_info.dungeon .dungeon_img img {width: 100%;}
.quest_info.dungeon .quest_desc p {color: #000;}
.quest_info.dungeon .quest_desc p img {vertical-align: middle;}
.quest_reward {width: 100%; margin-bottom: 10px; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f;}
.quest_reward .scroll {height: 319px; overflow-y: scroll;}
.quest_reward .title {height: 28px; padding: 0 11px; border-bottom: 1px solid #cad3dc; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_quest_title.jpg') repeat-x top left; color: #3a546c; font-weight: bold; line-height: 28px;}
.quest_reward .title .value {float: right; font-size: 12px; font-weight: normal;}
.quest_reward .item_list {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.quest_reward .item_list li {padding: 5px 12px; font-size: 0;}
.quest_reward .item_list li:nth-child(2n) {background-color: #f9f9f9;}
.quest_reward .item_list li .icon_wrap {display: inline-block; width: 25px; height: 25px; margin-right: 8px; border: 1px solid #4a4f56; background-color: #1b1d18; vertical-align: middle;}
.quest_reward .item_list li .icon_wrap img {width: 100%; height: 100%;}
.quest_reward .item_list li .name {display: inline-block; font-size: 12px; vertical-align: middle;}
.quest_reward .dungeon {height: 292px;}

.detail_info .info_wrap {padding: 12px 10px; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f;}
.detail_info .info_wrap p {color: #323232; font-size: 12px;}
.detail_info .enchant_table {width: 100%; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f; table-layout: fixed; text-align: center;}
.detail_info .enchant_table .size01 {width: 15%;}
.detail_info .enchant_table .size02 {width: 22%;}
.detail_info .enchant_table .size03 {width: 33%;}
.detail_info .enchant_table .size04 {width: 15%;}
.detail_info .enchant_table .size05 {width: 15%;}
.detail_info .enchant_table tr {border-bottom: 1px solid #cbcbcb;}
.detail_info .enchant_table thead th {height: 27px; border-right: 1px solid #cbcbcb; background-color: #eee; color: #343434; font-size: 12px; font-weight: bold; line-height: 27px; letter-spacing: -1px;}
.detail_info .enchant_table tbody td {padding: 8px 0; border-right: 1px solid #cbcbcb; color: #1e1e1e; font-size: 12px;}
.detail_info .enchant_table thead th:last-child,
.detail_info .enchant_table tbody td:last-child {border-right: none;}

.set_list {border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f;}
.set_list li {border-bottom: 1px solid #555c6f;}
.set_list li:last-child {border-bottom: 0;}
.set_list li .title {height: 28px; padding: 0 10px; border-bottom: 1px solid #555c6f; background: #eee; color: #000; font-size: 12px; font-weight: bold; line-height: 28px;}
.set_list li .text {padding: 5px 10px; font-size: 12px; line-height: 1.6;}
.set_list li .text a:hover {text-decoration: underline;}
.set_list li .text p span.bullet{
    background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/icon_seteffect_bullet.png') no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    margin-top: 4px;
}
.set_list li .text p span.explain {
    display: inline-block;
    width: calc(100% - 15px);
}

#lostarkDb.skill .db_filter table .size01 { width: 96px;}
.skill_info {margin-bottom: 17px;}
.skill_info::after {display: block; content: ''; clear: both;}
.skill_info .title {height: 34px; padding-left: 17px; border-bottom: 1px solid #000000; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_table.jpg') repeat-x 0 0; color: #3a546c; font-weight: bold; line-height: 34px;}
.skill_info .skill_view {width: 355px;}
.skill_info .skill_top {padding: 17px 20px; background: #fafafa;}
.skill_info .skill_top::after {display: block; content: ''; clear: both;}
.skill_info .icon_wrap {float: left; width: 42px; height: 42px; border: 1px solid #4a4f56; border-radius: 1px; box-sizing: border-box;}
.skill_info .icon_wrap img {width: 100%; height: 100%;}
.skill_info .skill_txt {float: left; margin-left: 11px; padding-top: 5px;}
.skill_info .skill_txt .skill_type::after {display: block; content: ''; clear: both;}
.skill_info .skill_txt .skill_type span {color: #ed8000; font-size: 14px; font-weight: bold;}
.skill_info .tag {display: inline-block; height: 24px; padding: 0 10px; background-color: #1c3b57; color: #fff; font-size: 12px; line-height: 24px;}

.skill_table .size01 {width: 20%;}
.skill_table .size02 {width: 80%;}
.skill_table tr {border-bottom: 1px solid #cbcbcb}
.skill_table tr:last-child {border-bottom: none;}
.skill_table th {border-right: 1px solid #cbcbcb; color: #454b5a; font-weight: bold;}
.skill_table td {padding: 6px 8px;}
.skill_table td .value {margin-top: 10px;}
.skill_table td .value span {display: block; color: #0d5698;}

.skill-icon {max-width:48px}

.craft_info {margin-bottom: 20px;}
.craft_info .craft_material {position: relative;}
.craft_info .craft_wrap {padding: 7px; margin-bottom: 5px; border-top: 2px solid #555c6f; border-bottom: 2px solid #555c6f;}
.craft_info .craft_wrap:last-child {margin-bottom: 0;}
.craft_info .craft_wrap .craft_item {position: relative; padding-bottom: 10px;}
.craft_info .craft_wrap .craft_item::after {display: block; content: ''; clear: both;}
.craft_info .craft_wrap .craft_item .icon_wrap {float: left; width: 42px; height: 42px; border: 1px solid #4a4f56; border-radius: 1px; box-sizing: border-box;}
.craft_info .craft_wrap .craft_item .icon_wrap img {display: block; width: 100%; height: 100%;}
.craft_info .craft_wrap .craft_item .craft_item_desc {float: left; margin-left: 9px; padding-top: 6px; color: #0d5698;}
.craft_info .craft_wrap .craft_item .craft_item_desc b {margin-top: 9px;}
.craft_info .craft_wrap .material {margin-bottom: 10px; border: 1px solid #cad3dc; background: #f1f1f1;}
.craft_info .craft_wrap .material .title {position: relative; height: 25px; padding-left: 11px; border-bottom: 1px solid #cad3dc; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_material_title.jpg') repeat-x top left; color: #454b5a; font-weight: bold; line-height: 25px;}
.craft_info .craft_wrap .material .material_list {padding: 5px 10px;}
.craft_info .craft_wrap .material .material_list li::after {display: block; content: ''; clear: both;}
.craft_info .craft_wrap .material .material_list .depth {position: relative; margin-top: 10px; padding-left: 20px; font-size: 0;}
.craft_info .craft_wrap .material .material_list .depth:first-child {margin-top: 0;}
.craft_info .craft_wrap .material .material_list span {display: block; float: left; font-size: 12px; vertical-align: middle;}
.craft_info .craft_wrap .material .material_list .icon_wrap {width: 25px; height: 25px; background-color: #1b1d18;}
.craft_info .craft_wrap .material .material_list .icon_wrap img {width: 100%; height: 100%;}
.craft_info .craft_wrap .material .material_list .name {height: 25px; margin-left: 8px; line-height: 25px;}
.craft_info .craft_wrap .material .material_list .value {margin-left: 0; color: #000;}
.craft_info .craft_wrap .material .material_list .depth02,
.craft_info .craft_wrap .material .material_list .depth03 {padding-left: 17px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bul_arrow.png') no-repeat 0 5px;}
.craft_info .craft_wrap .material .material_list .depth02 {margin-left: 40px;}
.craft_info .craft_wrap .material .material_list .depth03 {margin-left: 76px;}
.craft_info .craft_txt p {color: #000; font-size: 12px; line-height: 17px;}
.craft_info .material_temp {position: absolute; top: 2px; right: 10px; color: #000; font-size: 11px; font-weight: normal; line-height: normal;}
.craft_info .btn_low_material {width: 55px; height: 20px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/btn_item_accordion_01.jpg') no-repeat 0 0; cursor: pointer; vertical-align: middle;}
.craft_info .btn_low_material.active {background-position-y: -20px;}
.craft_info .btn_accordion {position: absolute; top: 5px; left: 0; width: 15px; height: 15px; background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/btn_item_accordion_02.jpg') no-repeat 0 0; cursor: pointer;}
.craft_info .btn_accordion.none {display: none;}
.craft_info .btn_accordion.active {background-position-y: -15px;}
.enchant_info .material_list li {margin-bottom: 5px;}
.enchant_info .craft_wrap {margin-bottom: 0; border-bottom: 0;}
.enchant_info .craft_wrap:last-child {border-bottom: 2px solid #555e6f;}
.evolve_info .material_list li {margin-bottom: 5px;}
.evolve_info .craft_wrap {margin-bottom: 0; border-bottom: 0;}
.evolve_info .craft_wrap:last-child {border-bottom: 2px solid #555e6f;}

.repute_detail .enchant_table .size01 {width: 75%;}
.repute_detail .mag {margin: -5px 0 0 2px; vertical-align: middle;}

/* 툴팁 */
.lostark_tooltip {width: 100%; margin-bottom: 10px; background: #081929; border: 1px solid #496481; box-sizing: border-box;}
*[data-item-grade="1"] {color: #a5a5a5;}
*[data-item-grade="2"] {color: #6bbd00;}
*[data-item-grade="3"] {color: #00b0fa;}
*[data-item-grade="4"] {color: #ba00f9;}
*[data-item-grade="5"] {color: #f99200;}
*[data-item-grade="6"] {color: #fa5d00;}
*[data-item-grade="7"] {color: #B3956C;}
*[data-item-grade="8"] {color: #14C5B9;}
*[data-item-grade="9"] {color: #FF33FF;}
*[data-item-grade="10"] {color: #00FF00;}
.lostark_tooltip *[data-item-grade="1"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_01.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="2"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_02.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="3"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_03.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="4"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_04.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="5"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_05.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="6"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_06.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="7"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_07.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="8"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_08.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="9"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_09.png?v=3') no-repeat 0 0;}
.lostark_tooltip *[data-item-grade="10"] .icon_wrap {background: url('//static.inven.co.kr/image_2011/lostark/dataninfo/bg_grade_10.png?v=3') no-repeat 0 0;}
.lostark_tooltip .tooltip_name {height: 32px; border-bottom: 2px solid #555c6f; font-size: 14px; font-weight: bold; line-height: 32px; text-align: center;}
.lostark_tooltip .tooltip_wrap {padding: 13px 14px;}
.lostark_tooltip .tooltip_top {margin-bottom: 5px;}
.lostark_tooltip .tooltip_top::after {display: block; content: ''; clear: both;}
.lostark_tooltip .tooltip_top .icon_wrap {float: left; width: 50px; height: 50px; border: 1px solid #535865; box-sizing: border-box;}
.lostark_tooltip .tooltip_top .icon_wrap img {width: 100%; height: 100%;}
.lostark_tooltip .tooltip_top .top_text { float: left; width: calc(100% - 63px); margin-left: 13px; font-size: 12px; }
.lostark_tooltip .tooltip_top .top_text p {margin: 2px 0; height:14px}
.lostark_tooltip .tooltip_top .top_text p.type{margin:0 0 4px 0;}
.lostark_tooltip .tooltip_top .top_text p.value {color: #819cb2; height:14px}

.lostark_tooltip .tooltip_top .top_text .enchant {color: #fff;}
.lostark_tooltip .tooltip_top .top_text .enchant span {padding-left: 10px; color: #ffe400;}
.lostark_tooltip .tooltip_top .top_text .type::after {display: block; content: ''; clear: both;}
.lostark_tooltip .tooltip_top .top_text .type span {font-size: 13px; font-weight: bold;}
.lostark_tooltip .tooltip_top .top_text .type .left {float: left;}
.lostark_tooltip .tooltip_top .top_text .type .right {float: right;}
.lostark_tooltip .data_list li {padding: 10px 8px; color: #819cb2; font-size: 12px; line-height: 18px;}
.lostark_tooltip .data_list li:last-child {padding-bottom: 0;}
.lostark_tooltip .data_list li p {color: #819cb2; font-size: 12px; line-height: 16px;}
.lostark_tooltip .data_list li .effect {margin-bottom: 15px;}
.lostark_tooltip .data_list li .effect:last-child {margin-bottom: 0;}
.lostark_tooltip .data_list li .effect b {color: #7bbbf1;}
.lostark_tooltip .data_list li .effect .engraveinfo {color:#fe9a2e; }
.lostark_tooltip .data_list li .layersubtitle:first-child{margin-top:0;}
.lostark_tooltip .data_list li .layersubtitle {color: #7bbbf1; margin: 15px 0 0px; font-weight: bold;}
.lostark_tooltip .data_list li.level {padding: 1px 0;}
.lostark_tooltip .data_list li.level::after {display: block; content: ''; clear: both;}
.lostark_tooltip .data_list li.level p {float: left; height: 30px; line-height: 30px; box-sizing: border-box;}
.lostark_tooltip .data_list li.level .name {width: 85px; margin-top: 1px; background-color: #1c3b57; color: #fff; font-weight: bold; text-align: center;}
.lostark_tooltip .data_list li.level .value {width: calc(100% - 85px); margin-top: 1px; padding: 0 5px; color: #95ccf3; font-size: 12px;}
.lostark_tooltip .data_list li.text_right{text-align: right; padding:0;}
.lostark_tooltip .data_list li span.itemseal{color:#ffe400}
.lostark_tooltip .data_list .request {color: #7bdff1;}
.lostark_tooltip .data_list li .buycondition {color: #bfab00;}
.lostark_tooltip .data_list li .enhanceinfotitle{color:#7bbbf1;}
.lostark_tooltip .data_list li p.red{color:#d01e1e;}
.lostark_tooltip .data_list li p.cardimg {text-align:center;}


.lostark_tooltip .con_box {margin: 1px 0; border: 1px solid #18344e; background: #030f1a;}
.lostark_tooltip .con_box .text {padding: 10px 15px; color: #819cb2; font-size: 12px; line-height: 16px;}
.lostark_tooltip .con_box .text span {color: #ac731a;}
.lostark_tooltip .con_box .text>p{color: #7bebff;}
.lostark_tooltip .tag {display: inline-block; height: 24px; padding: 0 10px; background-color: #1c3b57; color: #fff; font-size: 12px; line-height: 24px;}
.lostark_tooltip .addeffect {color: #ed8000;}
.lostark_tooltip.skill {border-top: 2px solid #25356a; border-bottom: 2px solid #25356a; border-right: none; border-left: none; background: #f9f9f9;}
.lostark_tooltip.skill .tooltip_name {color: #edd36c;}
.lostark_tooltip.skill .tooltip_wrap {padding: 0;}
.lostark_tooltip.skill .tooltip_top {margin: 12px 0; padding: 0 14px;}
.lostark_tooltip.skill .tooltip_top .top_text {color: #04223e; line-height: 17px;}
.lostark_tooltip.skill .tooltip_top .top_text .type::after {display: block; content: ''; clear: both;}
.lostark_tooltip.skill .tooltip_top .top_text .type span {color: #ed8000; font-size: 14px; font-weight: bold;}
.lostark_tooltip.skill .data_list li {padding: 14px 14px; color: #000;}
.lostark_tooltip.skill .data_list li:nth-of-type(1n) {background-color: #fff;}

.lostark_tooltip.tripod {width:308px;border:1px solid #152534;margin:0 auto;padding:10px;background-color:#f9f9f9;font-size:12px;}
.lostark_tooltip.tripod img {width:30px;height:30px;border:1px solid #1b1d18;background-color:#1b1d18;margin-right:6px;vertical-align:top;}
.lostark_tooltip.tripod .tripod-icon-name {line-height:32px;color:#008580;}
.lostark_tooltip.tripod ul {margin-top:10px;line-height:1.4;}
.lostark_tooltip.tripod li {clear:left;margin-bottom:15px;}
.lostark_tooltip.tripod li:last-child {margin-bottom:0;}
.lostark_tooltip.tripod li b {display:block;margin-bottom:2px;color:#a16601;}

.lostark_tooltip.skillrune {width:308px; margin:0 auto;}

.tripod-alert {margin-bottom:5px;color:red;font-size:13px;}

.tripod-popup {display:none; position:fixed; background-color:rgba(0,0,0,0.7); top:0; right:0; bottom:0; left:0; z-index:1;}
.tripod-popup:target {display:block;}
.tripod-popup-close {position:absolute;top:10px; right:10px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;font-size:25px;}
.tripod-popup .inner {position:absolute;top:50px;left:0;right:0;bottom:55px;overflow:auto;}
.tripod-popup-spinner {
    position: absolute;
    top:0; right:0; bottom:0; left:0;
    width: 50px;
    height: 50px;
    margin: auto;
    background-color: #fff;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

.skillrune-popup {display:none; position:fixed; background-color:rgba(0,0,0,0.7); top:0; right:0; bottom:0; left:0; z-index:1;}
.skillrune-popup:target {display:block;}
.skillrune-popup-close {position:absolute;top:10px; right:10px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;font-size:25px;}
.skillrune-popup .inner {position:absolute;top:50px;left:0;right:0;bottom:55px;overflow:auto;}
.skillrune-popup-spinner {
    position: absolute;
    top:0; right:0; bottom:0; left:0;
    width: 50px;
    height: 50px;
    margin: auto;
    background-color: #fff;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}

/* 가이드 */
#lostarkDbGuideView {padding: 4px; border: 1px solid #555c70; background-color: #fff;}
#lostarkDbGuideView .guide_view {padding: 10px;}
#lostarkDbGuideView .guide_view .guide_title {height: 31px; padding: 0 10px; border: 1px solid #182f3f; background: linear-gradient(to bottom, #4e3934 0%,#200c0b 51%,#1d0b0b 100%); color: #fff; font-size: 15px; font-weight: bold; line-height: 31px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#lostarkDbGuideView .guide_content {width: 100%; margin: 12px 0;}
#lostarkDbGuideView .guide_content figure img {width: 100%; max-width: 600px;}
#lostarkDbGuideView .guide_wrap iframe {width: 100%;}

.lostark.data_list .engraveeffect{ color: #7bbbf1;}
p.engraveeffect_option{ padding-bottom: 10px;}

/* 아바타 */
.lostark.avatar .is-blind {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
}

.lostark.avatar .avatar_list {
    display: flex;
    flex-flow: row wrap;
}

.lostark.avatar .avatar_list::after {
    content:'';
    flex:1 0 auto;
}

.lostark.avatar .avatar_list li {
    width: calc((99.9% - 12px) / 4);
    color: #aec7d8;
    margin-top: 4px;
    margin-right: 4px;
    background-color:#6a849d;
    border-radius:5px;
}

.lostark.avatar .avatar_list li:hover,
.lostark.avatar .avatar_list li.selected {
    color:#fff;
    background-color:#112f4e;
}

.lostark.avatar .avatar_list li a {
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    letter-spacing: -0.05em;
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
}

.lostark.avatar .avatar_list li:nth-of-type(-n + 4) {
    margin-top:0;
}
.lostark.avatar .avatar_list li:nth-child(4n) {
    margin-right:0;
}
.lostark.avatar .lostark_title {font-family: NanumBarunGothic, sans-serif;}

.lostark.avatar .avatar-search-wrap {display:flex; flex-flow:row wrap; align-items: center; justify-content: flex-end; margin-bottom:10px;}
.lostark.avatar .avatar-search {width:100%; display: flex; flex-flow: row wrap; align-items: center; padding: 6px 10px; background-color:#cce9e6;}
.lostark.avatar .avatar-search .search_list {width:236px; height:28px; line-height:28px; text-align: left; background:#fff; border-color:#aaa; border-radius:5px; font-size:0; color:transparent;}
#mobileWrap .lostark.avatar .avatar-search .search_list {width: calc(100% - 66px);}
#select2-avatarname-results {width: 100% !important;}
.lostark_avatar_results.select2-results__options .select2-results__option {padding-left:15px;}

.lostark.avatar .avatar-search .select2-container {width: calc(100% - 66px) !important;}
.lostark.avatar .avatar-search .input-box {display: flex; flex-flow: row wrap; align-items: center; margin-right:9px;}
.lostark.avatar .avatar-search .input-box label {height: 28px; line-height: 28px; font-size:12px; color:#066e63; font-weight:bold; position: relative; padding-left:15px;}
.lostark.avatar .avatar-search .input-box label::before {content:''; display:block; width:11px; height:11px; background: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/icon_input_radio.png?v=2105025a') -11px 0 no-repeat; background-size: 28px; border-radius: 50%; position: absolute; top:1px; bottom:0; left:0; margin:auto 0;}
.lostark.avatar .avatar-search .input-box input[type="radio"]:checked + label::before {background-position:1px 0;}

.lostark.avatar .avatar-search .input-box + .search-box {width: calc(100% - 96px); display: flex; flex-flow: row wrap; align-items: center;}

.lostark.avatar .avatar-search .btn {width: 62px; height: 31px; line-height: 31px; font-size: 13px; font-family: 'Malgun Gothic',Gulim,Helvetica; font-weight: bold; color: #fff; vertical-align: middle; background-color: #066e63; margin-left: 4px; border: 1px solid #70b0a9; box-sizing: border-box;}

.lostark.avatar .avatar_set .haed {font-weight: bold; letter-spacing: -0.025em; text-align: center; font-size: 13px; color: #fff; background: #081929; border: 1px solid #1c3b57; padding: 7px 0; position: relative;}
.lostark.avatar .avatar_set .haed .title {height: auto; min-height: 19px; word-break: break-word; padding: 0 17px; position: relative; z-index:1;}
.lostark.avatar .avatar_set .link_wrap {position: absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-flow:row wrap; align-items: center; justify-content: space-between; padding:0 4px;}
.lostark.avatar .avatar_set .link_wrap .link {width:17px; height:100%; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; float:none; z-index: 1;}
.lostark.avatar .avatar_set .link_wrap .link.disabled {cursor:default;}
.lostark.avatar .avatar_set .link_wrap .link.disabled::after {opacity:0.3;}
.lostark.avatar .avatar_set .link_wrap .link::after {content: ''; width:11px; height:20px; display: inline-block; background: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/icon_avatar_arrow.png') 0 center no-repeat; background-size: 20px;}
.lostark.avatar .avatar_set .link_wrap .link.left {justify-content: flex-start;}
.lostark.avatar .avatar_set .link_wrap .link.left::after {background-position-x: 0;}
.lostark.avatar .avatar_set .link_wrap .link.right {justify-content: flex-end;}
.lostark.avatar .avatar_set .link_wrap .link.right::after {background-position-x: -9px;}

.lostark.avatar .avatar_set {background-color: #f9f9f9;}
.lostark.avatar .avatar_set.list {padding-top:9px; padding-bottom:10px;}
.lostark.avatar .avatar_set .content {background-color:#081929; border:1px solid #526c87; border-top-width:0; padding:12px 15px 15px 15px; box-sizing: border-box;}
.lostark.avatar .avatar_set .gallery_wrap .img {width: 100%; height:auto; text-align: center; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; overflow:hidden; margin-bottom:7px;}
.lostark.avatar .avatar_set .gallery_wrap .img img {max-width:100%; border: 1px solid #1c3b57; box-sizing: border-box;}

.lostark.avatar .avatar_set .text_list {display: flex; flex-flow: column; align-items: normal; background-color: #030f1a; padding: 12px 10px; border: 1px solid #1c3b57; box-sizing: border-box;}
.lostark.avatar .avatar_set .text_list .group {font-size:13px; color:#819cb2; letter-spacing: -0.025em; display: flex; flex-flow: row wrap; align-items: center; order:2; margin-top:1px;}
.lostark.avatar .avatar_set .text_list .group:last-of-type {order:1; margin-top:0;}
.lostark.avatar .avatar_set .text_list dt {margin-right:10px;}
.lostark.avatar .avatar_set .text_list dd {word-break: break-word;}

.lostark.avatar .avatar_set.list .list {display:flex; flex-flow:row wrap; align-items: stretch; justify-content: flex-start; margin-top:1px; margin-right: -2px;}
.lostark.avatar .avatar_set.list .list::after {content:''; flex:1 0 auto; display:block;}
.lostark.avatar .avatar_set.list .list li {width:100%; background-color:#fff; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; border:1px solid #627a92; margin-top: -1px; margin-left: -1px; box-sizing: border-box;}

.lostark.avatar .avatar_set.list .list .img {width: 40px; height: 100%; background-color:#0a243d; display: flex; flex-flow: row wrap; align-items: center; overflow: hidden;}
.lostark.avatar .avatar_set.list .list .img img {max-width: none; height: 40px; position: relative; top: 0; left: 0; bottom: 0; margin: auto 0;}
.lostark.avatar .avatar_set.list .list .text_box {width:calc(99.9% - 43px); font-size:12px; line-height: 15px; text-align: center; word-break: keep-all;  padding:0 5px 0 5px; box-sizing: border-box;}
.lostark.avatar .avatar_set.list .list .text_box .info {color:#3a546c; margin-top:2px;}

.lostark.avatar .commonUsergallery .bttnAct {width: auto; min-width:60px; height: 30px; line-height: 28px; color: #fff; text-indent: 0; font-size: 12px; font-weight:bold; letter-spacing:-0.05em; background: linear-gradient(to top, #1e2a33, #565c5f); border: 1px solid #071a2c; box-shadow: inset 0 15px 0 0 rgba(255,255,255,.1); margin:0 0 0 7px; padding:0 14px; box-sizing:border-box; position: relative;}
.lostark.avatar .commonUsergallery .bttnAct::before {content: ''; display: block; border-top: 1px solid #fff; opacity: 0.26; position: absolute; top: 0; right: 0; left: 0;}

.lostark.avatar .commonUsergallery .bttnAct.modify {background: linear-gradient(to top, #02333b, #058172);}

.lostark.avatar .commonUsergallery .bttnAct.openform,
.lostark.avatar .commonUsergallery .bttnAct.submit {background: linear-gradient(to top, #c23600, #e77d00);}

.lostark.avatar .avatarDbUsergallery .galleryInfor .titleBox + .bttnAct:first-of-type {margin-left:0;}

.lostark.avatar .avatarDbUsergallery .commonUsergallery,
.lostark.avatar .avatarDbUsergallery .commonUsergalleryHeader,
.lostark.avatar .avatarDbUsergallery .commonUsergalleryFooter,
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody {width:100%; background:none;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryHeader {height: 1px; background: #496481;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody {height:auto; background:#0a243d; border:1px solid #496481; border-width:0 1px; box-sizing: border-box;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody .galleryInfor {width:100%;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody .galleryInfor .titleBox {color:#fff; background-color:transparent; border:none;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryFooter {height:1px; background: #496481;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm {display:none;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor {margin-top:10px; margin-bottom:15px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .titleBox {height: auto; line-height: 20px; color: #fff; background-color: transparent; border: none; padding:0 18px 0 15px; margin-bottom: 15px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .titleBox:last-of-type {margin-bottom:10px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox {width: 495px; display: block; height: auto; text-align: right;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox label {width: 100%; height: 20px; line-height: 20px; display:flex; flex-flow: row wrap; justify-content: space-between;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox .cate {letter-spacing:-0.05em; margin-right: 6px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox input {width:457px; height:100%; color: #808080; background: #fff; border: 1px solid #a9a9a9;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox .file1 {border:none; position: relative;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox .file1 {background:none;}
}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .inputBox .file1::before {content:''; display:block;
    position: absolute; top:0; left:0; bottom:0; right:0; border:1px solid #a9a9a9;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryUploadForm .galleryInfor .titleBox + p {font-size:12px; color:#fff; text-align: right; letter-spacing: -0.05em; margin-bottom:16px; padding-right:18px;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody .bttnRotate {width: 17px; height: 35px; float:none; background: url('https://static.inven.co.kr/image_2011/lostark/dataninfo/icon_avatar_arrow.png') 0 center no-repeat; position: absolute; top: 50%; transform: translateY(-50%);}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody .bttnRotate.left {left: 0; background-position-x: 0;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryBody .bttnRotate.right {right: 0; background-position-x:-24px;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody {position: relative;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .text {color:#fff; display:block; margin-top:27px; margin-bottom: 39px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .text + .bttnAct {margin-bottom:15px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .bold {color:#91caff;}

.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .bttnRotate {height:40px; position: absolute; top:34px; margin:auto 0;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .bttnRotate.left {left:15px;}
.lostark.avatar .avatarDbUsergallery .commonUsergalleryNoList .commonUsergalleryBody .bttnRotate.right {right:15px;}

.lostark.avatar .avatarDbUsergallery .listAndControl {width: calc(100% - 20px); max-width: 557px; height: auto; margin: 9px auto 19px; padding: 0 17px; position: relative; box-sizing: border-box;}
.lostark.avatar .avatarDbUsergallery .listScreen {width: calc(100% - 24px); height:auto; float: none; display: block; margin: 0 auto;}
.lostark.avatar .avatarDbUsergallery .listScreen .list {width:100% !important; font-size:0; white-space: nowrap; box-sizing: border-box; float: none; margin: 0 auto;}
.lostark.avatar .avatarDbUsergallery .listScreen .list li {width: calc((99.9% - 16px) / 3); height: 0; display:inline-block; margin-right: 8px; padding-top: calc(57 / 216 * 100%); position: relative;}
.lostark.avatar .avatarDbUsergallery .listScreen .list li.selected a {position: absolute; border-color:transparent;}
.lostark.avatar .avatarDbUsergallery .listScreen .list li.selected a::before {content:''; display:block; position: absolute; top:0; left:0; bottom:0; right:0; border:4px solid #ff4b00; z-index: 1;}
.lostark.avatar .avatarDbUsergallery .listScreen .list li a {overflow:hidden; border-color:#000; position: absolute; top:0; bottom:0; left: 50%; transform: translateX(-50%); margin:auto 0;}
.lostark.avatar .avatarDbUsergallery .listScreen .list li img {width: auto; height: 100%; border: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; margin: auto 0;}

.lostark.avatar .avatarDbUsergallery .wideImage {width: calc(100% - 28px); height:auto; text-align: center; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; overflow:hidden; margin:0 14px;}
.lostark.avatar .avatarDbUsergallery .wideImage img {max-width: 100%; height: auto; border: 1px solid #1c3b57; box-sizing: border-box;}
.lostark.avatar .avatarDbUsergallery .wideImage + .galleryInfor {width: 100%; height: auto; margin-top: 1px; margin-bottom:15px; padding:0 14px; box-sizing: border-box;}
.lostark.avatar .avatarDbUsergallery .wideImage + .galleryInfor .titleBox {font-size: 12px; height: auto; line-height: 17px; letter-spacing:-0.025em; color:#819cb2; display: flex; flex-flow: column; align-items: normal; background-color: #030f1a; margin-top: 2px; margin-bottom:6px; padding: 12px 10px; border: 1px solid #1c3b57; box-sizing: border-box;}
.lostark.avatar .avatarDbUsergallery .wideImage + .galleryInfor .title {float:none;}
.lostark.avatar .avatarDbUsergallery .wideImage + .galleryInfor .writer {float:none; margin-top:2px;}

.lostark.avatar .avatarDbUsergallery #admin-main-create {vertical-align: middle; margin: 8px 0 8px 9px;}
.lostark.avatar .avatarDbUsergallery label[for='admin-main-create'] {color: #fff; vertical-align: middle;}

.lostark.avatar .no_result {
    border-top: 2px solid #777777;
    border-bottom: 2px solid #777777;
    padding: 30px;
    text-align: center;
    margin-top: 18px;
    font-size: 13px;
    font-weight: bold;
}

.trinity_grade {
  display: flex;
  align-items: flex-start;
  margin-top: 4px;

  img {
    width: 22px;
    height: 22px;
    margin: 0;
  }
}