/*아이템 영역*/
.character_item{position:relative;display:none;justify-content:space-between;width:100%;padding:20px;border-radius:10px;background-color:var(--color-gray6); /* gap: 0 10px; */}
.character_item.active{display:flex;}
.character_item .item_list{position:relative;z-index:2;display:flex;flex-direction:column;flex-wrap:wrap;width:64px;gap:10px;}
.character_item .item_list .item_area{ /* font-size:var(--font-size-sm); */position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;cursor:pointer;color:var(--color-gold4);border:1px solid var(--color-gold5);border-radius:10px;background-color:var(--color-gray7);}
.character_item .item_list .item_area img{width:62px;height:62px;border-radius:10px;}
.character_item .item_list .item_area img.bless_item{box-shadow:0 0 7px var(--color-gold8);}
.character_item .item_list .item_area.noimg{border:0;}
.character_item .item_list .item_area > span{display:inline-block;overflow:hidden;width:100%;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.character_item .character_image{display:none;}
.character_item .item_list .item_area input:not([value='']) ~ span{display:none;}
/*.character_item .undefined_area .item_area.finished input[value=''] ~ span{display:inline-block;white-space:normal;}*/
.character_item .item_list .item_area .item_summary_info{display:none;}
.character_item .undefined_area .item_area span{line-height:27px;display:-webkit-box !important;padding:0 3px;white-space:initial;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.character_item .info_source{font-size:var(--font-size-xxs);position:absolute;right:10px;bottom:10px;color:var(--color-gray4);}

@media (hover:hover) and (pointer:fine){
    .character_item .item_list .item_area:hover .item_summary_info{display:block;}
    .game_item_list .item_info:hover .item_summary_info{display:block;}
}

@media (min-width:600px){
    .character_item{max-width:730px;height:530px;margin:0 auto;padding-bottom:10px;}
    .character_item .character_image{position:absolute;z-index:0;top:50%;left:50%;display:block;height:90%;transform:translate(-50%, -50%);}
    .character_item .character_image img{width:auto;max-width:354px;height:100%;max-height:500px;transform:translateX(-40px);}
    .character_item .item_list{width:140px;max-height:360px;}
    .character_item .undefined_area{position:absolute;z-index:1;bottom:10px;left:50%;flex-direction:row;justify-content:center;width:360px;transform:translateX(-50%);}
    .character_item .right_area{flex-wrap:wrap-reverse;}
}

@media (min-width:880px){
    .character_item.character_item_alone .undefined_area{flex-wrap:nowrap;width:auto;}
}

/*아이템 리스트 레이어*/
.item_layer .inner{ /* min-width:415px; */max-width:415px;padding:20px;}
.item_layer .top_area{position:relative;display:flex;align-items:center;flex-wrap:wrap;padding-bottom:15px;gap:5px;}
.item_layer .top_area .input_text{font-size:14px;width:calc(100% - 81px);height:30px;padding-left:33px;border:0;background:var(--color-gray5) url(/images/icon/search_s.png) no-repeat 7px center;}
.item_layer .top_area .selectbox{font-size:var(--font-size-xs);display:inline-block;}
.item_layer .top_area .selectbox > .selectbox_text{height:30px;padding-top:2px;}
.item_layer .top_area .btn_sm{width:100%;}
.item_layer .btn_wrap{flex-direction:row;justify-content:center;}
.item_header{ /* font-weight:bold; */display:flex;align-items:center;height:36px;border-radius:10px;background-color:var(--color-gray6);}
.item_header div{
    text-align:center;
}
.item_header div:first-child{width:60%;}
.item_header div:nth-child(2){width:40%;}
.game_item_list{ /* overflow-y:auto; */height:500px;max-height:calc(100vh - 241px);margin-right:0;}
.game_item_list > ul{height:100%;}
.game_item_list > ul > li{font-size:var(--font-size-sm);position:relative;display:flex;align-items:center;height:50px;cursor:pointer; /* border-bottom:1px solid var(--color-gray6); */}
/*.game_item_list li > *{flex:1;}*/
.game_item_list > ul > .empty{justify-content:center;}
.game_item_list .item_info{display:flex;overflow:hidden;align-items:center;align-self:stretch;flex:1;padding-left:5px;}
.game_item_list .item_info img{width:34px;height:34px;margin-right:5px;vertical-align:middle;}
.game_item_list .item_info img.bless_item{box-shadow:0 0 7px var(--color-gold8);}
.game_item_list .item_info > span{overflow:hidden;max-width:calc(100% - 40px);white-space:nowrap;text-overflow:ellipsis;}
.game_item_list .item_info .item_summary_info{top:6px;left:48px;display:none;max-width:75%;transform:none;}
.game_item_list .item_info .item_summary_info.info_bottom{top:auto;bottom:6px;}
.game_item_list .item_price{font-weight:bold;overflow:hidden;width:30%;padding-left:10px;text-align:right;white-space:nowrap;text-overflow:ellipsis;color:var(--color-purple2);}
.game_item_list .item_price .ingame_currency{font-size:var(--font-size-base);padding-left:20px;color:var(--color-gray1);background:url(/images/character/diamond.png) no-repeat;}
.game_item_list .input_check{align-items:center;justify-content:center;padding:0 10px; /* width: 36px; */}

/*미정시세 아이템 레이어*/
.undefined_item_layer .title{margin-bottom:0;}
.item_list_style2 li{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--color-gray6);}
.item_list_style2 li label{overflow:hidden;width:120px;white-space:nowrap;text-overflow:ellipsis;}
.item_list_style2 li div{word-break:break-word;}

.undefined_item_detail .title{margin-bottom:0;}
.undefined_item_detail li{flex-wrap:wrap;}
.undefined_item_detail li label{width:auto;}
.undefined_item_detail li > div:nth-child(2){padding:0 5px;}
.undefined_item_detail li > div:nth-child(3){width:100%;white-space:nowrap;}
.custom_item_detail li > div:nth-child(2){flex:1;text-align:right;}
.custom_item_detail li > div:nth-child(3){display:none;}

/*ITEM MouseOver Layer*/
.item_summary_info{font-size:var(--font-size-base);position:absolute;z-index:1;top:0;left:calc(100% + 10px); /* width: 100%; */min-width:150px;max-width:400px;padding:10px 15px;color:var(--color-white);border-radius:5px;background-color:var(--color-gray5);}
.item_summary_info .other_title{font-weight:bold;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--color-gray4);}
.item_summary_info .other_title .close{font-size:0;line-height:normal;position:absolute;top:10px;right:15px;display:block;cursor:pointer;}
.item_summary_info .other_title .close:after{ font-size:var(--font-size-xxs);padding-right:2px;content:'\2573';}
.item_summary_info .detail_list li{position:relative;overflow:hidden;margin-bottom:5px;padding-left:104px; /* white-space:normal; *//* word-break:keep-all; */white-space:nowrap;text-overflow:ellipsis;}
.item_summary_info .detail_list li span{font-weight:bold;position:absolute;left:0;}
.item_summary_info .detail_list .no_label{padding-left:0;}
.right_area .item_summary_info{right:calc(100% + 10px);left:auto;}
.layer .item_summary_info{min-width:224px;}

/*ITEM Click Layer*/
.item_detail_info .title{margin-bottom:0;}
.item_detail_info .inner{padding:20px 10px;}
.item_detail_info .item_list_style2 li label{flex-shrink:0;width:140px;text-align:center;}
.item_detail_info .cont{overflow-y:auto;max-height:calc(100vh - 60px);}

@media (min-width:480px){
    /*아이템 리스트 레이어*/
    .item_layer .item_all_list{min-height:560px;}
    .item_layer .top_area{}
    .item_layer .top_area .input_text{flex:1;width:auto;}
    .item_layer .top_area .btn_sm{width:auto;min-width:60px;border-radius:5px;}

    /*미정시세 아이템 레이어*/
    .undefined_item_detail li{flex-wrap:nowrap;}
    .undefined_item_detail li > *{min-width:80px;}
    .undefined_item_detail li > div:nth-child(3){flex:1;width:auto;text-align:right;}

    /*ITEM Click Layer*/
    .item_detail_info .cont{max-height:550px;}
}

@media (min-width:600px){

    /*아이템 영역*/
    .layer .character_item .item_list .item_area{position:relative;}

    /*ITEM MouseOver Layer*/
    .layer .item_summary_info{top:-2px;left:100%;transform:translateX(10px);}
    .layer .right_area .item_summary_info{left:auto;transform:translateX(-10px);}
    .layer .undefined_area .item_area:nth-child(4) .item_summary_info,
    .layer .undefined_area .item_area:nth-child(5) .item_summary_info,
    .layer .undefined_area .item_area:nth-child(9) .item_summary_info,
    .layer .undefined_area .item_area:nth-child(10) .item_summary_info{left:-224px;transform:translateX(-10px);}
}