/* 기존 스타일 유지 */
#ft_menu{display:none;}
#price_modal .modal-content2{
    margin-top: 40px;
}

.text_input{
    text-align: center;
}

#market .price2 .select_proc{
    background:#4783C6;
}

.modal-header .close {
    margin-top: -20px;
}
.table-responsive{
    border:0;
}
.modal-footer{
    text-align: left;
}
.imgs_size {width:50px; display:inline-block; vertical-align: middle; position: relative;}
.imgs_size img {display:block; width:50px; height:50px; background-size: cover;}
.imgs_size span {position: absolute;display: none;top: -150px;left: 72px;width: 300px;height: 300px;border: 1px solid #dddddd;background-color: #ffffff;padding: 5px;border-radius: 5px;box-sizing: border-box;}
.imgs_size span img {width:100% !important; height:auto !important;}
.imgs_size:hover span {display:block; box-sizing:border-box;}
.modal-dialog {width:100%; margin:2% 0%;}
.modal-body {max-height:428px;}
.modal-body .tbl table {margin:0px;}
.modal-body .tbl table thead {position: sticky; top: -1px; z-index: 1;}
.Price_Title {font-size:18px; font-weight:900; color:#000000; max-width:600px; margin:auto;}
.Price_Area {width:100%; overflow:hidden; margin:auto; padding-top:10px;}
.Price_Serch {float:left; width:40%; position: relative;}
.Price_Serch input {width:100%; border: 1px solid #dddddd; border-radius: 6px !important; height:40px; padding:0px 40px 0px 10px;}
.Price_Serch i {position: absolute;top: 0px;right: 10px;font-size: 18px;line-height: 40px;}
.Price_Sort {float:right;}
.Price_Sort ul {overflow:hidden;}
.Price_Sort ul li {float:left; margin:0px 2px;}
.Price_Sort ul li button {font-size:14px; background-color:transparent; border:0px; line-height:40px;}
.Price_Sort ul li span {font-size:14px; line-height:40px;}
.send_btn2 {display: inline-block;background-color: #ffffff;color: #646062;font-weight: 700;padding: 5px;border-radius: 5px;border: 1px solid #353535;padding: 5px 12px;font-size: 12px;}
.send_btn{display: inline-block;background-color: #4acad6;color: #ffffff !important;font-weight: 700;padding: 5px;border-radius: 5px;}
.brands_ad, .address_wrap{display:flex; gap:6px; align-items:center;}
.address_wrap{margin-top:10px;}
.parent_wrapper{display: flex; justify-content: space-between;}



/* app_new */
.send_btn2 {display: inline-block;background-color: #ffffff;color: #646062;font-weight: 700;padding: 5px;border-radius: 5px;border: 1px solid #353535;padding: 5px 12px;font-size: 12px;}
.send_btn{display: inline-block;background-color: #4acad6;color: #ffffff !important;font-weight: 700;padding: 5px;border-radius: 5px;}
.brands_ad, .address_wrap{display:flex; gap:6px; align-items:center;}
.address_wrap{margin-top:10px;}

.radio_wrap, .radio_ul, .radio_wrap li{display:flex; align-items: center;}
.radio_ul{_gap:20px;}
.radio_wrap{gap:20px;}
#market .radio_ul li{border:0; border-top:0; border-bottom:0;}
#market .radio_ul li:last-child{border-bottom:0;}
.radio_flex input[type=radio]{display:block; margin:0;}
.radio_flex div{display:flex; gap:8px;}
#market .pro_chk li>div.area2_r{position:absolute; right:3%;}
#market .pro_chk li>div.area1{width:54%;}
.radio_flex{display:flex; justify-content: center; align-items: center; flex-direction: column;}
.radio_flex div:nth-child(1){padding:0 4px; border:1px solid #00b5d0; border-radius:50px; color:#00b5d0; font-size:13px; height:25px; margin-left:16px;}
.tit_wrap{display: flex;align-items: center;gap: 5px;margin-top:25px;}
.tit_wrap p{background: url(../img/question.png);width: 15px;height: 15px;background-repeat: no-repeat; background-color: #353535;border-radius: 50%;background-position: center;background-size: 40%;}
.img_info_wrapper, .area2_r{width:100%;}
.area2_r{display:flex; justify-content: flex-end;}
#list_frm{display:inherit;}
/* app_new */


@media screen and (min-width: 600px) {
    .modal-body2 {max-height:408px;}
}
@media screen and (max-width: 600px) {
    .Price_Serch input {height:30px; padding:0px 30px 0px 10px;}
    .Price_Serch i {position: absolute;top: 0px;right: 10px;font-size: 14px;line-height: 30px;}
    .Price_Sort ul li button {font-size:10px; line-height:30px;}
    .Price_Sort ul li span  {font-size:10px; line-height:30px;}
}

/* 상단 타입 아이콘 가로 스크롤(슬라이드) */
.market_type_top{ position:relative; padding:0 36px; }
.market_type_top .sup{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    gap:10px;
    padding:8px 0;
    margin:0;
}
.market_type_top .sup::-webkit-scrollbar{ display:none; }
.market_type_top .sup li{ flex:0 0 auto; list-style:none; }
.market_type_top .sup li a{ display:block; text-align:center; }
.market_type_top .sup li a.active{ border:2px solid #1aa0a5; border-radius:8px; }
.market_type_top .sup li img{ max-width:56px; display:block; margin:0 auto; }
.market_type_top .sup li p{ margin-top:8px; white-space:nowrap; }

/* 상단 타입 아이콘 크기 확대 + 기존 css(고정폭) 강제 무시 */
.market_type_top .sup li{ width:auto !important; }
.market_type_top .sup li a{
    width:84px;
    padding:10px 6px;
    box-sizing:border-box;
}
.market_type_top .sup li img{
    width:64px !important;
    max-width:none !important;
    height:auto;
}
.market_type_top .sup li p{
    font-size:12px;
    margin-top:8px;
    white-space:nowrap;
}

/* 모바일 */
@media (max-width: 480px){
    .market_type_top .sup li a{ width:76px; padding:8px 4px; }
    .market_type_top .sup li img{ width:58px !important; }
}


/* 좌우 이동 버튼 */
.market_type_top .type_nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,0.92);
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    display:none; /* 내용이 넘칠 때만 노출 */
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:5;
}
.market_type_top .type_nav_prev{ left:6px; }
.market_type_top .type_nav_next{ right:6px; }
.market_type_top .type_nav.disabled{ opacity:0.35; pointer-events:none; }

/* 모바일에서 여백/버튼 크기 조정 */
@media (max-width: 480px){
    .market_type_top{ padding:0 32px; }
    .market_type_top .type_nav{ width:28px; height:28px; }
    .market_type_top .sup{ gap:8px; }
    .market_type_top .sup li img{ max-width:52px; }
}

/* 옵션 hover 프리뷰 */
.fixed-image-preview { position:fixed; z-index:9999; border:1px solid #ddd; background:#fff; padding:6px; }
.fixed-image-preview img { max-width:240px; max-height:240px; display:block; }