@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard7';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 초기화 */
html {overflow-y:scroll; color: #3c3c3c}
body {margin:0;padding:0;font-family: 'Pretendard' }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard' }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

a { outline:none; }
a:hover { text-decoration:none}


label {margin-right:0px;}
input[type=text]::placeholder{color: #708090;}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

table { width: 100%; border-collapse: collapse;  }
 thead th {
            padding: 10px 12px;
            font-size: 12px;
            font-weight: 600;
            color: #708090;
            border-bottom: 1px solid #EEEEEE;
            text-align: center;
            white-space: nowrap;
			background: #EEEEEE;
        }
        tbody td {
            padding: 10px 12px;
            font-size: 12px;
            color: #708090;
            text-align: center;
            vertical-align: middle;
        }
        td.left { text-align: left; }

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:21px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	font-weight: bold;
	
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
}
input[type=checkbox].css-checkbox:hover + label.css-label  {
	
	color: #7BD503;
}

input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:24px;
	height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:12px;
	vertical-align:middle;
	cursor:pointer;
	font-weight: 400;
	color: #708090;
	

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}


label.css-label {
background-image:url(/img/check_icon.svg);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


input[type=checkbox].css-checkbox + label.css-label2 {
	padding-left:19px;
	height:19px; 
	display:inline-block;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	font-weight:bold;
	

}

input[type=checkbox].css-checkbox:checked + label.css-label2 {
	background-position: 0 -19px;
}
label.css-label2 {
background-image:url(/img/check_icon2.svg);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox + label.css-label3 {
	padding-left:18px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	color:#111827;
	

}
input[type=checkbox].css-checkbox:checked + label.css-label3 {
	background-position: 0 -18px;
}

input[type=checkbox].css-checkbox:checked + label.login_check{
	color: #33BDA4;
}


input[type=radio].css-checkbox2 {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox2 + label.css-label2 {
	padding-left:27px;
	height:19px; 
	display:inline-block;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	color:#000;
	font-weight:bold;
	

}

input[type=radio].css-checkbox2:checked + label.css-label2 {
	background-position: 0 -19px;
}

/* 기본 초기화 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }

select{
			padding:0 30px 0 8px;
			color: #000;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;}

/* 셀러, 관리자 화면 */

.store_wrapper{height:100vh;}
.store_logo img {width:182px; height: 75px }
.logo_sore_div{padding: 28px 32px; display: flex;gap:20px; align-items: center;}
.store_main_div{display: flex; min-width: 1440px;}
.store_sidebar{width:260px;background:#fff;}
.store_grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.store_stat div{padding:6px 0;}
.store_stat span{float:right;}
.store_red{color:red;}
.store_stat-inline{display:flex;justify-content:space-between;}
.store_menu{list-style:none; padding: 12px; border: 1px solid #EEEEEE;border-top: none}
.store_menu-item{margin-bottom: 36px;}
.store_menu-title{padding:0; margin-bottom: 16px;font-size: 20px; cursor:pointer;font-weight:bold; color: #000; transition: transform 0.3s ease;  display: flex; align-items: center; justify-content: space-between;}
.store_submenu{display:none;background:#ffff;}
.store_submenu li{padding:0;cursor:pointer; font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #000}
.store_submenu li>a{display: block}
.store_submenu .active{color: #9AD349}
.store_main{flex:1;padding:20px;}
.store_topbar{display:flex;gap:32px; align-items: center;}
.store_enter-btn{background:#9AD349;border:1px solid #EEEEEE;padding:5.5px 15px;color:#fff;border-radius:5px;}
.store_card{background:#fff;border:1px solid #EEEEEE;padding:20px;margin-bottom:20px;}
.store_chart-card{height:300px;}
.store_chart-card h3{color: #000; font-size: 20px;}
/* 메뉴 열렸을 때 */
.store_menu-item.active .store_menu-title img{
    transform: rotate(180deg);
}
.dashboard_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.dashboard_card{
    background:#fff;
    border:1px solid #ddd;
    padding:8px 12px;
}

.card_header{
    display:flex;
    justify-content:space-between;
    margin-bottom:12px;
    font-weight:600;
}
.card_header span{font-size: 20px; font-weight: bold; color: #000}


/* 리스트 타입 */
.list_type li{margin: 16px 0}
.list_type li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0;
	font-size: 16px;
	color: #000;
	font-weight: bold
}

.list_type .right{
    display:flex;
    align-items:center;
    gap:10px;
}

.list_type img{
    width:20px;
    transform:rotate(270deg);   /* 요청한 270도 */
}

.list_type li.red a{
    color:#e60023;
}


/* 주문 현황 */

.order_status{
    display:flex;
	align-items: baseline;
    justify-content: space-evenly;
    margin: 60px 40px 0px;
	font-size: 16px;
	color: #000
}

.status{
    text-align:center;
}

.status b{
    font-size:18px;
}

.status span{
    display:block;
    font-size:16px;
    color:#000;
	padding-top: 16px;
	font-weight: bold
}

.arrow{
    width:14px;
    transform:rotate(270deg);
}


/* 공지 */

.notice_list li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid #eee;
}

.notice_list p{
    flex:1;
    font-size:13px;
}

.notice_list em{
    font-size:12px;
    color:#888;
}

.badge{
    background:#ff4d4f;
    color:#fff;
    font-size:11px;
    padding:2px 6px;
    border-radius:4px;
}

.dash_section{
    margin-top:20px;
}

.dash_banner{
    position:relative;
    margin-bottom:20px;
}

.dash_banner img{
    width:100%;
    border:1px solid #ddd;
}

.ad_badge{
    position:absolute;
    right:10px;
    top:10px;
    font-size:11px;
    background:#e5e7eb;
    padding:2px 6px;
    border-radius:3px;
}

.dash_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.dash_card{
    background:#fff;
    border:1px solid #e5e7eb;
    padding:8px 12px;
}

.card_header{
    display:flex;
    justify-content:space-between;
    margin-bottom:44px;
    font-weight:600;
}

.card_header a{
    font-size:12px;
    color:#9ca3af;
}


.rank_list li{
    padding: 0;
	margin-bottom: 8px;
    font-size:16px;
}
.rank_list li:nth-child(5){margin-bottom: 0}

.rank_list b{
    margin-right:8px;
}

.review_list li{
    display:flex;
    justify-content:space-between;
    padding:0;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold; 
	color: #000;
}
.review_list li:nth-child(5){margin-bottom: 0}

.settle_list li a{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
	font-size: 16px;
	font-weight: bold; 
	color: #000;
}

.settle_list img{width: 20px;
    transform: rotate(270deg);}
.right{
    display:flex;
    align-items:center;
    gap:10px;
}

.arrow{
    width:12px;
    height:12px;
    background:url("icon_arrw_down.svg") no-repeat center;
    background-size:contain;
    transform:rotate(270deg);
}

.blue{
    color:#2563eb;
}

.red{
    color:#ef4444;
}

/* 주문이행률 영역 */

.fulfillment_box{
    height:140px;
}

.rank_list,
.review_list{
    display:none;
}

.rank_list.active,
.review_list.active{
    display:block;
}

.rank_tabs, .review_tabs{margin-bottom: 14px;}
.rank_tabs span,
.review_tabs span{
	color: #708090;
	font-size: 16px;
    cursor:pointer;
    margin-right:15px;
	font-weight: bold;
}

.rank_tabs span.active,
.review_tabs span.active{
    color:#000;
    font-weight:700;
}

 .header-btn {
            padding: 5px 14px;
            border-radius: var(--radius);
            font-size: 12px;
            cursor: pointer;
            border: none;
        }
        .btn-store  { background: var(--primary); color: #fff; }
        .btn-help   { background: none; color: var(--gray-700); border: 1px solid var(--gray-400); }

        /* ===== 레이아웃: 사이드바 + 본문 ===== */
        .layout {
            display: flex;
            margin-top: var(--header-h);
            min-height: calc(100vh - var(--header-h));
        }
        /* ===== 페이지 타이틀 ===== */
        .page-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }
        .page-title h1 { font-size: 28px; font-weight: 700; color: #000 }
  
        /* ===== 요약 카드 ===== */
        .summary-cards {
            display: flex;
            gap: 140px;
            overflow: hidden;
			margin-bottom: 38px;
			justify-content: center
        }
        .summary-card {
            background: #fff;
            padding: 16px 20px;
            text-align: center;
        }
        .summary-card .label {
            font-size: 16px;
			font-weight: bold;
            color: #000;
            margin-bottom: 12px;
        }
        .summary-card .value {
            font-size: 16px;
            font-weight: 700;
            color: #1E88E5;
        }
        .summary-card .value.danger { color: #E53935 }

        /* ===== 검색 / 필터 영역 ===== */
        .filter-box {
            background: #fff;
            border: 1px solid #EEEEEE;
            padding: 24px 20px;
            margin-bottom: 38px;
        }
        .filter-row {
            display: flex;
            align-items: baseline;
            gap: 60px;
            margin-bottom: 20px;
        }
        .filter-row:last-child { margin-bottom: 0; }
        .filter-label {
            width: 72px;
            color: #708090;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
            flex-shrink: 0;
        }

     

        /* 검색 인풋 */
        .search-wrap {
            display: flex;
            align-items: center;
            gap: 6px;
            flex: 1;
        }
        .search-input {
            flex: 1;
            width: 660px;
            height: 36px;
            border: 1px solid #EEEEEE;
            border-radius: 5px;
            padding: 0 10px 0 32px;
            font-size: 12px;
            outline: none;
            background: url("../img/rounded_icon.svg") no-repeat 10px center;
        }

        /* 날짜 인풋 */
		.date-input-wrap {
			display: flex;
			align-items: center;
			max-width: 380px;
			height: 36px;
			border: 1px solid #EEEEEE;
			border-radius: 5px;
			padding: 0 10px;
			gap: 8px;
		}

		.date-input-wrap img {
			width: 18px;
			height: 18px;
			flex-shrink: 0;
		}

		/* 아이콘과 input 사이 구분선 */
		.date-input-wrap::after {
			content: '';
			display: block;         /* 위치는 flex로 잡힘 */
			width: 1px;
			height: 35px;
			background: #EEEEEE;
			order: 1;               /* img 다음, input 전에 배치 */
			flex-shrink: 0;
		}

		.date-input-wrap input {
			flex: 1;
			border: none;
			outline: none;
			font-size: 12px;
			color: #999;
			order: 2;
		}


        /* 셀렉트 박스 */
        .select-group {
            display: flex;
            gap: 16px;
        }
        .select-group select{
			min-width:152px;
			height:36px;
			padding:0 30px 0 8px;
			color: #708090;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;
		}

        /* ===== 상품 목록 헤더 ===== */
        .list-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 27px;
        }

.list_title_div{display: flex;align-items: center;gap:12px}
        .list-title {
            font-size: 28px;
            font-weight: 700;
			color: #000;
        }
        .list-title span {
            font-size: 12px;
			color: #708090;
			font-weight: 500;
        }
        .list-controls {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .per-page-select {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            color: #708090;
			
        }

.per-page-select select{
	width:152px;
			height:36px;
			padding:0 30px 0 8px;
			color: #708090;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;
}

        /* 버튼 공통 */
        .btn-outline_store {background: #fff; color: #708090; border: 1px solid #EEEEEE; padding: 4px 8px; text-align: center; border-radius: 5px; font-size: 14px;}
        .btn-primary   {}
        .btn-danger{background: #fff; color: #E53935; border: 1px solid #E53935; padding: 4px 8px; text-align: center; border-radius: 5px; font-size: 14px;}
        .btn-sm {
            padding: 3px 8px;
            font-size: 11px;
            border-radius: 4px;
        }

        /* ===== 테이블 ===== */
        .table-wrap {
            background: #fff;
            overflow: hidden;
			color: #708090;
			min-width: 1230px;
        }

        /* 상품명 + 이미지 */
        .product-cell {
            display: flex;
            align-items: center;
            gap: 10px;
            text-align: left;
        }
        .product-cell img {
            width: 48px;
            height: 48px;
            object-fit: cover;
            border-radius: 4px;
            border: 1px solid var(--gray-200);
            flex-shrink: 0;
        }
        .product-name {
            font-size: 12px;
            line-height: 1.4;
        }

        /* 수정/복사 버튼 묶음 */
        .action-btns {
            display: flex;
            flex-direction: column;
            gap: 4px;
			align-items: center;
        }
        .btn-edit {
            background: #fff;
            color: #9AD349;
            border: 1px solid #9AD349;
			border-radius: 4px;
			padding: 4px; font-size: 12px;
			display: inline-block; text-align: center
        }
        .btn-copy {
            background: #fff;
            color: #9AD349;
            border: 1px solid #9AD349;
			border-radius: 4px;
			padding: 4px; font-size: 12px;
			display: inline-block; text-align: center
        }

        /* 상태 배지 */
        .store_badge {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
        }
        .badge-unlisted {color: #E53935; }


        /* ===== 페이지네이션 ===== */
        .store_pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-top: 20px;
        }
        .store_page-btn {
            width: 20px; height: 20px;
            display: flex; align-items: center; justify-content: center;
            background: #fff;
            font-size: 16px;
            cursor: pointer;
            color: #9AD349;
            text-decoration: none;
			font-weight: 500;
        }
        .store_page-btn.active {
            background: #9AD34933;
            color: #9AD349;
			border-radius: 5px; padding: 1px 6px ;text-align: center
        }


/* tail 영역 */
.site-footer {
    background: #EEEEEE;
    border-top: 1px solid #EEEEEE;
    padding: 40px 140px;
    margin-top: 60px;
}
.footer-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 0px;
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
 
.col-cs { min-width: 180px; flex-shrink: 0; }
.cs-section { margin-bottom: 28px; }
.cs-title  { font-size: 16px; font-weight: 700; color: #111; margin-bottom: 10px; }
.cs-phone  { font-size: 20px; font-weight: 700; color: #111; margin-bottom: 6px; }
.cs-hours  { font-size: 13px; color: #444; margin-bottom: 4px; }
.cs-holiday{ font-size: 13px; color: #e03131; font-weight: 500; }
.chat-title{ font-size: 16px; font-weight: 700; color: #111; margin-bottom: 10px; }
.chat-link { display: block; font-size: 13px; color: #444; text-decoration: none; margin-bottom: 6px; }
.chat-link:hover { color: #111; text-decoration: underline; }
 
/* 링크 2열 묶음 */
.footer-links-wrap {
    display: flex;
    gap: 40px;
    flex-shrink: 0;
}
.col-links,
.col-links2 { min-width: 130px; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 12px; }
.footer-links a  { font-size: 13px; color: #444; text-decoration: none; }
.footer-links a:hover { color: #111; text-decoration: underline; }
 
/* 회사정보 */
.col-info { flex: 1; }
.company-info { margin-bottom: 10px; }
.company-info p { font-size: 12px; color: #333; line-height: 1.8; margin: 0; }
.company-notice { font-size: 11px; color: #888; line-height: 1.6; margin-bottom: 24px; }
 
.service-circles { display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; }
.circle-btn {
    width: 80px; height: 80px; border-radius: 50%;
    background: #e0e0e0; display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 600; color: #555; text-decoration: none;
    transition: background .15s;
}
.circle-btn:hover { background: #d0d0d0; color: #222; }
.copyright { font-size: 12px; color: #708090; font-weight: 500; }

/* 상품 등록 */
.store_section { background:#fff;margin-bottom: 20px; }
.store_section-title { margin-bottom: 8px;}
.store_section-title h3{font-size:16px; font-weight:700; color: #000;margin-left: 8px }
.store_section input{border:1px solid #EEEEEEEE; color: #000; font-size: 12px; padding: 11px; border-radius: 5px;}
.req {font-weight: bold; width: 4px; height: 4px; background: #E53935; border-radius: 50%; display: inline-block}

.store_catList{border:1px solid #EEEEEEEE; padding: 8px 12px 45px; color: #708090; font-size: 12px; font-weight: 500; border-radius: 5px; margin-top: 8px;display: flex; flex-direction: column; gap: 8px;}
.store_catList>div{}
.store_row-inline{display: flex; gap:16px;align-items: center;}
  .store_row-inline select{
			min-width:152px;
			height:36px;
			padding:0 30px 0 8px;
			color: #000;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;
		}


.store_form-row{margin-bottom: 20px;}
.store_form-content input{border:1px solid #EEEEEEEE; color: #708090; font-size: 12px; padding: 11px; border-radius: 5px;}
.store_row-inline button{background: #fff; border-radius: 5px; color: #9AD349; font-size: 14px; font-weight: 500; width: 53px; height: 36px; list-style: 36px; border: 1px solid #9AD349; }
.store_badge-wrap{display: flex; gap: 48px; margin-top: 12px;}
.store_badge-wrap span{margin-left: 8px; padding: 8px; color: #fff; font-size: 10px; font-weight: bold;}
.store_badge-wrap .badge-new1{background: #9AD349}
.store_badge-wrap .badge-new2{background: #FFB300}
.store_badge-wrap .badge-new3{background: #E53935}

/* ===== 가격 설정 ===== */
.price-grid {
    display:flex; gap:16px; flex-wrap:wrap; margin-left: 12px;
}
.price-block { display:flex; flex-direction:column; gap:8px; }
.price-block .plabel { font-size:16px; color:#000; font-weight: bold;}
.price-input-wrap { position:relative; }
.price-input-wrap input { padding-right:26px; width:152px; }
.price-unit {
    position:absolute; right:8px; top:50%; transform:translateY(-50%);
    font-size:11px; color:var(--gray-500); pointer-events:none;
}
.store_radio-group{display: flex; gap:48px}


.store_row-inline2 select{min-width:152px;
			height:36px;
			padding:0 30px 0 8px;
			color: #000;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;}

/* ===== 옵션 테이블 ===== */
.option-wrap { overflow-x:auto; }
.option-table { width:100%; border-collapse:collapse; font-size:12px; min-width:900px; }
.option-table th {
    background:#EEEEEE; padding:16px; color:#708090; font-weight: 500; text-align:center; white-space:nowrap;
}
.option-table td {
    padding: 16px; text-align:center; vertical-align:middle;
}
.option-table input[type="text"],
.option-table input[type="number"] { height:26px; font-size:11px; padding:0 5px; }
.option-table select { height:26px; font-size:11px; padding:0 18px 0 5px; }

/* ===== 이미지 업로드 ===== */
.img-main-upload {
    width:156px; height:156px; border:1px solid #EEEEEE; border-radius: 5px;display:flex; flex-direction:column; align-items:center; justify-content:center;
    cursor:pointer; font-size:11px; gap:4px; position:relative; overflow:hidden; transition:all .12s;
}
.img-main-upload:hover { border-color:#b1b1b1;}
.img-main-upload svg { width:52px; height:52px;}
.img-main-upload input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; }

.store_sub-img-row { display:flex; gap:8px; flex-wrap:wrap; }
.store_sub-img-slot {
    width:156px; height:156px; border:1px solid #EEEEEE; border-radius: 5px;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    background: #fff; position:relative; overflow:hidden;
    transition:all .12s;
}
.store_sub-img-slot:hover { border-color: #b1b1b1;}
.store_sub-img-slot input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; }

.store_form-label{color: #000; font-size: 16px; margin-bottom: 20px; font-weight: bold; margin-left: 8px}
.store_row-inline{display: flex; gap:16px}
.store_row-title{display: flex; gap:16px;}
.store_row-title span{color: #000; font-weight: bold; font-size: 16px;}

.store_form_btn{text-align: center; margin: 48px 0; }
.store_form_btn button{background: #9AD349; border-radius: 5px;  height: 40px; width: 148px; font-size: 20px; font-weight: 500; color: #fff; border: none; cursor: pointer}
.store_form_btn button img{position: relative; top: 3px;}

.store_option-wrap{margin-bottom: 40px;}
.store_option-table select{min-width:84px;
			height:32px;
			padding:0 30px 0 8px;
			color: #000;
			border:1px solid #EEEEEE;
			border-radius:4px;
			background:#fff url('/img/bxs_down_arrow.svg') no-repeat right 8px center;
			background-size:12px;
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			cursor:pointer;}
.opt_img_txt{color: #1E88E5; font-weight: 500; font-size: 12px;}

.store_form-content select{min-width: 300px; height: 36px;}

.store_ship-btns{display: flex; gap:48px;}
.store_range-row span{color: #000; font-weight: bold; font-size: 16px; margin: 0 8px;}
.store_range-row input[type=number]{width: 120px; height: 36px;}
.store_range-ctrl button{color: #1E88E5; font-weight: bold; font-size: 14px; border: 1px solid #1E88E5; width: 16px; height: 16px; text-align: center; line-height:16px; background:#fff; cursor: pointer}

/* ===================================================
   하단 고정 버튼  (유저 HTML 기준: store_bottom-bar)
=================================================== */
.store_bottom-bar {
    padding: 100px 32px 28px;; display: flex; justify-content: center; gap: 12px;
}
.store_bottom-bar a {
    display: inline-flex; align-items: center; justify-content: center; min-width: 190px; height: 84px; border-radius: 5px; font-size: 20px; font-weight: 800; text-decoration: none; cursor: pointer;
}
.store_btn-success { background: #9AD349; color: #fff; border: 1px solid #9AD349; }
.store_btn-outline { background: #fff; color: #9AD349; border: 1px solid #9AD349; }
.store_btn_cancel { background: #fff; color: #708090; border: 1px solid #708090; }
.store_check-group{display: flex; gap: 48px;}

/* ===== 주문 상세 모달 ===== */
.order_modal-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
	display: none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.order_modal-overlay.show{
    display:flex;
}

.order_order-modal{
    width:800px;
    font-size:16px;
	background:#fff;
    color:#708090;
	padding: 28px 20px;
	max-height: 900px;
	overflow-y: scroll;
}

.order_modal-title{
    font-size:28px;
	color: #000;
    font-weight:800;
    margin-bottom:20px;
}

.order_section{
    margin-bottom:28px;
}

.order_section-title{
    font-size:20px;
	color: #000;
    font-weight:800;
    margin-bottom:8px;
}

/* 상품 영역 */

.order_product-box{
    display:flex;
    gap:24px;
	align-items: center
}

.order_product-img{
    width:120px;
    height:120px;
    object-fit:cover;
    background:#ccc;
    border-radius:6px;
}

.order_product-info{
    flex:1;
}

/* 정보 라인 */

.order_info-row{
    display:flex;
    margin-bottom:6px;
}

.order_info-row span{
    width:90px;
    color:#777;
}

.order_info-row p{
    flex:1;
}

/* 2열 레이아웃 */

.order_grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 30px;
}

.order_modal-close{
    width:100%;
    margin-top:34px;
    background:#9AD349;
    border:none;
    padding:16px;
    color:#fff;
    font-size:20px;
    cursor:pointer;
	font-weight: bold;
}

.order_ok_btn{border:1px solid #eee; color: #708090; width: 60px; height: 34px; text-align: center; border-radius: 5px; font-size:14px; font-weight: 500; line-height: 33px; }

.addr_form-group{
    margin-bottom:20px;
}

.addr_form-group label{
    display:flex;
	align-items: center;
	gap: 12px;
    font-weight:700;
    margin-bottom:12px;
	color: #000;
	font-size: 20px;
}

.addr_form-group input{
    width:100%;
    height:52px;
    border:1px solid #eee;
    border-radius:0px;
    padding:0 12px;
    font-size:14px;
}

.address-search{
    display:flex;
    gap:20px;
}

.addr_btn-search{
    width:120px;
    height:52px;
    border:1px solid #8BC34A;
    color:#8BC34A;
    background:#fff;
    cursor:pointer;
}

.addr_btn-submit{
    width:100%;
    height:48px;
    background:#8BC34A;
    color:#fff;
    border:none;
    font-size:16px;
    margin-top:20px;
    cursor:pointer;
}

.addr_ok_btn, .address_add_btn{border:1px solid #eee; color: #708090; width: 72px; height: 33px; text-align: center; border-radius: 5px; font-size:14px; font-weight: 500; line-height: 32px;}

.addr_mt10{
    margin-top:10px;
}
.addr_x{position: absolute; right: 0; color: #7d8a97; font-weight: bold; font-size: 20px;}
.req-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #E53935;
    flex-shrink: 0;
}
/* ── 배송방법 행 ── */
.delivery-method-row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.delivery-method-row select { flex: 0 0 220px; height: 52px}
.delivery-method-row input  { width: 220px; }

/* ── 배송 상세설정 섹션 ── */


/* 체크박스 행 */
.check-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
}
.check-row input[type="checkbox"] { width: 15px; height: 15px; cursor: pointer; accent-color: #66bb6a; }

/* 개수당 배송비 입력행 */
.unit-fee-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-left: 24px;
}
.unit-fee-row input { flex: 0 0 200px; width: 200px; }
.unit-fee-row span  { font-size: 20px; color: #000; font-weight: bold; white-space: nowrap; }

/* 개수별 배송비 */
.range-fee-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.range-fee-controls {
    display: flex;
    gap: 4px;
}
.range-btn {
    width: 24px; height: 24px;
    border: 1px solid #1E88E5;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #1E88E5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}
.range-btn:hover { background: #1E88E5; color: #fff; border-color: #1E88E5; }

/* 개수별 배송비 행들 */
.range-rows { padding-left: 24px; }
.range-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    flex-wrap: nowrap;
}
.range-row input {
    flex: 0 0 160px !important;
    width: 160px !important;
}
.range-row span { font-size: 20px; color: #000; margin-bottom: 8px; font-weight: 700; white-space: nowrap; }
.range-fee-input { flex: 0 0 100px !important; width: 100px !important; }
/* ── 제주/도서산간 ── */
.jeju-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.jeju-row label { margin-bottom: 0 !important; }
.jeju-inputs {
    display: flex;
    gap: 8px;
}
.jeju-inputs input { flex: 1; }

/* ── 주소지 선택 ── */
.addr-select-row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.addr-select-row select { flex: 1; }
.addr-select-row .addr-search-btn {
    flex: 0 0 72px;
    height: 52px;
    border: 1px solid #9AD349;
    border-radius: 5px;
    background: #fff;
    color: #9AD349;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

/* ── 교환/반품 배송비 행 ── */
.exchange-fee-row {
    display: flex;
    gap: 16px;
}
.exchange-fee-item {
    flex: 1;
}
.exchange-fee-item label {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
    display: block;
}