@charset "utf-8";
#M_GNB_contents { margin-bottom: 0 !important; }
.naver_price_box::before { content: none; }


/* table */
table .btn_delete {position:relative;display:inline-block;width:22px;height:22px;border-radius:50%;border:solid 1px #ccc;text-indent:-999em;}
table .btn_delete:before,
table .btn_delete:after {content:'';position:absolute;left:50%;top:50%;margin-top:-5px;height:11px;width:1px;background-color:#ccc;}
table .btn_delete:before {transform:rotate(45deg);}
table .btn_delete:after {transform:rotate(-45deg);}
.required {display:inline-block;color:#e8340c;}
.required:before, .required:after {display:inline-block;vertical-align:top;}
.required:before {content:'필수입력';text-indent:-999em;}
.required:after {content:'*';margin-left:5px;}
.tbl_row {border-top:solid 1px #333;}
.tbl_row table th, .tbl_row table td {padding:20px 25px 20px 10px;border-bottom:solid 1px #ececec;text-align:left;font-weight:400;}
.tbl_row table th {padding-left:20px;padding-right:0;border-left:solid 1px #ececec;font-size:16px;line-height:39px;vertical-align:top;}
.tbl_row table tr > th:first-child {border-left:none 0;}
.tbl_row td .note {margin:16px 15px 0;line-height:21px;color:#999}
.tbl_row .txt_center {padding-left:0;text-align:center;}
.tbl_row2 table th {padding-left:10px;background-color:#f5f6fb;}
.tbl_row2 table td {padding-left:14px;padding-right:10px;}
.tbl_row3 {border-top:solid 1px #333;}
.tbl_row3 th, .tbl_row3 td {position: relative; padding:21px 20px;border-bottom:solid 1px #ececec;text-align:left;font-weight:400;line-height:18px;}
.tbl_row3 th {background-color:#f5f6fb;}
.tbl_row3 td .note {margin-top:16px;line-height:21px;color:#999;font-size: 14px;}
.tbl_col {border-top:solid 1px #333;}
.tbl_col th {background-color:#f5f6fb;font-size:16px;font-weight:400;text-align:center;}
.tbl_col th, .tbl_col td {border-bottom:solid 1px #ececec;border-left:solid 1px #ececec;}
.tbl_col th > th:first-child {border-left:none 0;}
.tbl_col thead th {height:60px;}
.tbl_col tbody td {padding:10px;}
.tbl_col .group td {border-bottom:none 0;padding:5px 10px;}
.tbl_col .group tr:first-child td {padding-top:10px;}
.tbl_col .group tr:last-child td {border-bottom:solid 1px #ececec;padding-bottom:10px;}
.tbl_col.tbl_col2 th, .tbl_col.tbl_col2 td {border-left:none 0;}
.tbl_col.tbl_col2 thead th {height:55px;font-size:14px;line-height:19px;}
.tbl_col.tbl_col2 tbody th {padding:13px 0;background-color:#fff;}
.tbl_col.tbl_col2 tbody td {padding:13px 0;text-align:center;}
.tbl_col3 {border-top:solid 1px #333;}
.tbl_col3 th,
.tbl_col3 td {padding:19px 0;border-bottom:solid 1px #e8e8e8;font-weight:400;text-align:center;line-height:22px;word-break: break-all;}
.tbl_col3 th {background-color:#f5f6fb;}
.tbl_col4 {border-top:solid 1px #333;}
.tbl_col4 th,
.tbl_col4 td {border-bottom:solid 1px #e5e5e5;font-weight:400;text-align:center;line-height:22px;word-break: break-all;}
.tbl_col4 th {background-color:#fff;padding:8px 0;}
.tbl_col4 td {padding:15px 0;}
.bor_top_ec {border-top:solid 1px #ececec !important;}

.tbl_product th, .tbl_product td {border-bottom:solid 1px #e8e8e8;text-align:center;}
.tbl_product thead th {height:51px;font-weight:500;}
.tbl_product td {padding:20px 0;}
.tbl_product .line17 {display:inline-block;line-height:16px;}
.tbl_product .thumb_box {position:relative;width:90px;height:90px;border-radius:7px;overflow:hidden;margin:0 auto;}
.tbl_product .thumb_box img {display:block;width:90px;height:90px;}
.tbl_product .thumb_box:after {content:'';position:absolute;left:0;top:0;width:88px;height:88px;border:solid 1px #dbdbdb;border-radius:7px;}
.tbl_product .info_box {text-align:left;padding:0 70px 0 13px;}
.tbl_product .info_box .iconlabel_box {margin-bottom:5px;}
.tbl_product .info_box .name {height:40px;overflow:hidden;}
.tbl_product .info_box .name a {white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;line-height:18px;color:#232323;}
.tbl_product .info_box .summary {line-height:18px;color:#979797;font-size:12px;}
.tbl_product .info_box .summary .line {display:inline-block;width:1px;height:10px;background-color:#979797;margin:0 8px;}
.tbl_product .price {text-align:right;color:#000;letter-spacing:0;line-height:20px;}
.tbl_product .price strong {font-size:20px;}
.tbl_product .price.small {font-size:12px;}
.tbl_product .price.small strong {font-size:18px}
.tbl_product .ea_box_wrap {width:98px;margin:0 auto;}
.tbl_product .ea_box_wrap .button {display:block;width:100%;margin-top:8px;}
.tbl_product .btn_delete {position:relative;display:inline-block;width:22px;height:22px;border-radius:50%;border:solid 1px #ccc;text-indent:-999em;}
.tbl_product .btn_delete:before,
.tbl_product .btn_delete:after {content:'';position:absolute;left:50%;top:50%;margin-top:-5px;height:11px;width:1px;background-color:#ccc;}
.tbl_product .btn_delete:before {transform:rotate(45deg);}
.tbl_product .btn_delete:after {transform:rotate(-45deg);}
.tbl_product .soldout td {background-color:#f2f2f2;}
.tbl_product .stock .formdesign,
.tbl_product .soldout .formdesign {display:none;}

.radio-group { display: flex; gap: 10px; flex-wrap: wrap; }
.radio-group { display: flex; gap: 10px; flex-wrap: wrap; }
.radio-group input { display: none; }
.radio-group label { height: 35px; background-color: #F4F4F4; border: 1px solid #E5E5E5; border-radius: 23px; padding: 0 20px; display: flex; align-items: center; line-height: 1; cursor: pointer; }
.radio-group input:checked + label { background-color: #126CD5; border: 1px solid #126CD5; color: #fff; }
.check-group,
.check-group-icon { display: flex; gap: 10px; }
.check-group input,
.check-group-icon input { display: none; }
.check-group label { height: 35px; background-color: #F4F4F4; border: 1px solid #E5E5E5; border-radius: 23px; padding: 0 20px; display: flex; align-items: center; line-height: 1; }
.check-group input:checked + label { background-color: #126CD5; border: 1px solid #126CD5; color: #fff; }
.check-group-icon label { width: 80px; cursor: pointer; }
.check-group-icon label .icon { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border: 1px solid #E5E5E5; background-color: #F4F4F4; border-radius: 100%; }
.check-group-icon label .icon img { width: 50px; height: 50px; }
.check-group-icon label .text { text-align: center; font-weight: normal; font-size: 14px; line-height: 22px; letter-spacing: -0.42px; color: #333333; margin-top: 4px; }
.check-group-icon input:checked + label .text { color: #126CD5; }
.check-group-icon input:checked + label .icon { border: 1px solid #126CD5; }

.curr-filters { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.curr-filters .item { font-weight: normal; font-size: 14px; line-height: 18px; letter-spacing: -0.28px; color: #333333; cursor: pointer; }
.curr-filters .item:after { content: '×'; display: inline-block; width: 18px; height: 18px; line-height: 18px; background-color: #ccc; color: white; font-size: 14px; text-align: center; border-radius: 50%; margin-left: 8px; }
.curr-filters-reset { cursor: pointer; }
.curr-filters-reset:hover { color: #126CD5; }

.category-wrapper { position: relative; display: flex; align-items: center; overflow-x: hidden; }
.desktop .category-wrapper { width: 940px;  }
.category-wrapper .category-bar { flex-wrap: nowrap; display: flex; overflow-x: auto; white-space: nowrap; gap: 8px; flex: 1; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scroll-behavior: auto !important; }
.category-wrapper .category-bar::-webkit-scrollbar { display:none; }
.category-wrapper .category-bar.open { flex-wrap: wrap; }
.category-wrapper .category-btn { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #ccc; background: #fff; border-radius: 4px; font-size: 14px; cursor: pointer; }
.category-wrapper .category-btn.checked { background-color: #202020; color:#FFF; }
.category-wrapper .category-fade { position: absolute; right: 44px; top: 0; bottom: 0; width: 30px; background: linear-gradient(to right, transparent, white); pointer-events: none; z-index: 1; }
.category-wrapper .dropdown-btn { flex-shrink: 0; border: 1px solid #ccc; background: #fff; padding: 8px; border-radius: 50%; margin-left: 8px; z-index: 2; }

.goods_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
    color: #000000;
    margin-bottom: 20px;
}
.goods_header .num2Cur {
    font-weight: bold;
    color: #126CD5;
}

.goods_header .item-sort {
    display: flex;
    align-items: center;
}

.sorting {
    cursor: pointer;
    color: #666666;
    margin-right: 16px;
}

.sorting:last-child {
    margin-right: 0;
}

.sorting.active {
    font-weight: bold;
    color: #126CD5;
}

.item_box .text_area .item_title {
    height: auto;
    text-overflow: unset;
    margin-bottom: 10px;
}

.item_box .text_area .price_box {
    border-bottom: 0;
}






.modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); display: none; z-index: 1020; }
.modal-backdrop.show { display: block; }
.category-modal { position: fixed; bottom: -100%; left: 0; right: 0; background: white; border-radius: 12px 12px 0 0; padding: 0 16px 16px 16px; z-index: 1031; transition: bottom 0.3s ease; touch-action: none; }
.category-modal.active { bottom: 0; }
.category-modal .drag-handle { width: 100%; padding: 15px 0; }
.category-modal .drag-handle::after { content: ''; width: 40px; height: 5px; background: #ccc; border-radius: 3px; display: block; margin: 0 auto; }
.category-modal .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.category-modal .modal-header span { font-size: 20px; color: #202020; letter-spacing: -0.45px; }
.category-modal .close-btn { background: none; border: none; font-size: 20px; cursor: pointer; }

.category-modal .modal-footer { margin-top: 30;}

.btn {
    min-width: auto;
    display: inline-block;
    padding: 16px 26px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #e8340c;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #e8340c;
    border-radius: 10px;
    background-color: transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-lg {
    min-width: 190px;
    padding: 21px 31px;
}

.btn-sm {
    min-width: auto;
    padding: 11px 21px;
    font-size: 14px;
    border-radius: 5px;
}

.btn-xs {
    min-width: auto;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 3px;
}

.btn-blue {
    background-color: #126CD5;
    border: 1px solid #126CD5;
    color: #fff;
    width: 100%;
}

.btn-outline-secondary {
    background-color: #fff;
    border: 1px solid #4b4948;
    color: #4b4948;
}

.btn-danger {
    background-color: #e8340c;
    border: 1px solid #e8340c;
    color: #fff;
}

.btn-outline-danger {
    background-color: #fff;
    border: 1px solid #e8340c;
    color: #e8340c;
}





.w-cate-item {
    background-color: #F4F4F4;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.desktop .w-cate-item {
    width: 200px;
    height: 108px;
    margin-right: 35px;
}

.w-cate-item.active, .w-cate-item:hover {
    background-color: #FDF1EE;
    border: 1px solid #E8340C;
}

.w-cate-item:last-child {
    margin-right: 0;
}

.ticket-cate-icon {
    width: 80%;
    margin: 0 auto;
}

.desktop .ticket-cate-icon {
    width: 70px;
}

.ticket-cate-text {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.48px;
    color: #333333;
    height: 28px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.desktop .ticket-cate-text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.48px;
}