.item{position:relative;}
.item .badge_fill_purple3{cursor:auto;}
.item .load_record{width:100%;margin:10px 0;padding:9px 12px 10px;border-radius:5px;}

.character_custom_reg{display:flex;flex-wrap:wrap;justify-content:space-between;}
.form_sub_contents{width:100%;}
.character_item.active ~ .form_sub_contents{width:100%;max-width:none;margin-top:20px;padding:20px;border-radius:10px;background-color:var(--color-gray6);}
.form_sub_contents > li{margin-top:10px;}
.form_sub_contents > li > div:first-child{margin:5px 0;}

/*선택항목*/
.btn_sell_type span{font-size:var(--font-size-base);display:inline-block;width:100px;margin-right:10px;padding:9px 10px;cursor:pointer;text-align:center;color:var(--color-white);border-radius:5px;background-color:var(--color-gray6);}
.btn_sell_type input{display:none;}
.btn_sell_type input:checked ~ span{color:#FFF;background-color:var(--color-purple3);}
.btn_sell_type img{display:inline-block;margin-top:-3px;padding-right:5px;vertical-align:middle;}

.reg_sel input, .reg_sel select{max-width:none;}

/*불러오기*/
.storage_record_layer .sub_tab{margin-bottom:0;}
.storage_record .record_list{overflow-y:auto;max-height:calc(100vh - 285px);}
.storage_record .record_list li{padding:16px 0;border-bottom:1px solid var(--color-gray6);display:flex;justify-content:space-between;align-items:center;}
.storage_record .record_list .empty{justify-content:center;}
.storage_record .record_list li a{font-size:0;}
.storage_record .record_list li a i{display:inline-block;width:16px;height:16px;background:url(/images/icon/search_s.png) no-repeat;}

/*태그*/
.tag_list{margin-top:5px;}
.tag_list > a{font-size:var(--font-size-xs);display:inline-block;margin-right:5px;padding:5px 10px;border: 1px solid var(--color-gray3);border-radius: 20px;color: var(--color-gray7);}
.tag_list .tag_delete{font-size:var(--font-size-xxs);line-height:14px;display:inline-block;width:14px;height:14px;margin:-2px 0 0 2px;padding:0 4px;vertical-align:middle;color:var(--color-gray3);border-radius:50%;background-color:var(--color-gray6);}
.tag_list .tag_delete:before{content:'x';}

/*캐릭터 가치계산*/
.record_detail{background-color:transparent;}
.record_detail.loading .inner{background-color:transparent;}
.record_detail.loading .btn_wrap{display:none;}
.record_detail .detail_area{text-align:left;}
.top_title{margin-bottom:20px;padding:20px 10px;color:var(--color-white);background:var(--color-gradient1);}
.top_title .badge{line-height:25px;height:25px;margin-bottom:10px;padding:0 15px;border:1px solid var(--color-white); border-radius:20px;}
.top_title .lg_title{font-size:var(--font-size-md);font-weight:bold;}
.top_title .reg_date{font-size:var(--font-size-base);}
.result_area{margin:30px 0 10px;}
.result_list{margin:0 auto;max-height:340px;}
.result_list::-webkit-scrollbar-thumb{border:5px solid var(--color-gray7);}
.result_list::-webkit-scrollbar-track{background-color:var(--color-gray7);}
.result_list .result_row{display:flex;flex-wrap:wrap;padding:10px;color:var(--color-gray2);border-top:1px solid var(--color-gray5);gap:5px;}
.result_row .flexible_badge{font-size:var(--font-size-xs);display:inline-block;overflow:hidden;width:100%;height:20px;padding:0 10px;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray2);border:1px solid var(--color-purple2);border-radius:10px;}
.result_row .label .flexible_badge{width:70px;text-align:center;}
.result_row .price{font-size:var(--font-size-md);font-weight:bold;width:100%;color:var(--color-purple2);text-align:right;}
.result_area .result_quote{font-size:var(--font-size-md);font-weight:bold;padding:20px 0;text-align:center;color:var(--color-red1);background-color:var(--color-gray6);}
.result_area .result_quote br{display:block !important;}
.record_detail .btn_wrap{padding-bottom:0;}

@media (min-width:480px){
    .record_detail .detail_area{width:90vw;max-width:800px;}
}

@media (min-width:600px){
    .form_sub_contents > li{display:flex;}
    .form_sub_contents > li:first-child{margin-top:0;}
    .form_sub_contents > li > div:first-child{display:flex;width:70px;margin:0;padding-top:5px;}
    .form_sub_contents > li > div:last-child{width:calc(100% - 70px);padding-left:20px;}
    .item .autocomplete{width:calc(100% - 90px);max-width:none;}
    .item .load_record{position:absolute;top:5px;right:30px;width:auto;margin-top:0;}
}

@media (min-width:768px){
    .form_sub_contents{max-width:340px;}
    
    .top_title{display:flex;align-content:space-around;align-items:center;flex-direction:row;padding:18px 26px;border-radius:4px;}
    .top_title .badge{margin-right:10px;margin-bottom:0;}
    .top_title > *{flex:1;}
    .top_title > .lg_title{flex:3;}
    .top_title > .reg_date{text-align:right;white-space:nowrap;}
    
    .result_list .result_row{align-items:center;flex-wrap:nowrap;height:68px;}
    .result_row .item{overflow:hidden;width:40%;}
    .result_row .label{flex:none;width:20%;padding-left:30px;}
    .result_row .label .flexible_badge{text-align:left;}
    .result_row .flexible_badge{font-size:var(--font-size-base);border:0;background-color:transparent;}
    .result_row .price{flex:1;width:auto;}
    .result_area .result_quote br{display:none !important;}
}

@media (min-width:992px){
    .character_custom_reg{flex-wrap:nowrap;justify-content:space-between;}
    .character_item.active ~ .form_sub_contents{flex-shrink:0;width:340px;margin:0 0 0 20px;}
}