/* ==========================================================================
   Font Face Declarations
   ========================================================================== */
@font-face {
    font-family: 'Pretendard-Black';
    src: url('../font/Pretendard-Black.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('../font/Pretendard-ExtraBold.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('../font/Pretendard-ExtraLight.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('../font/Pretendard-Light.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../font/Pretendard-Medium.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font/Pretendard-Regular.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('../font/Pretendard-SemiBold.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('../font/Pretendard-Thin.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'LABDigital';
    src: url('../img/index_banner/LABDigital.ttf') format('truetype');
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Animations
   ========================================================================== */
@keyframes flickerAnimation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flickerAnimation2 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flickerAnimation3 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flickerAnimation3-1 {
    0% {
        opacity: 0;
    }
    16.7% {
        opacity: 1;
    }
    33.4% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    66.7% {
        opacity: 0;
    }
    83.4% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flickerAnimation3-2 {
    0% {
        opacity: 0;
    }
    16.7% {
        opacity: 0;
    }
    33.4% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    66.7% {
        opacity: 0;
    }
    83.4% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes flickerAnimation3-3 {
    0% {
        opacity: 0;
    }
    16.7% {
        opacity: 0;
    }
    33.4% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    66.7% {
        opacity: 0;
    }
    83.4% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes animationColor {
    0% {
        background: #185580;
    }

    50% {
        background: #428ABD;
    }

    100% {
        background: #185580;
    }
}

@keyframes animationCartBanner {
    0% {
        transform: translateY(-60%);
    }

    50% {
        transform: translateY(-20%);
    }

    100% {
        transform: translateY(-60%);
    }
}

@keyframes animationCartBanner2 {
    0% {
        transform: translate(-50%, -85%) rotate(6deg);
    }

    50% {
        transform: translate(-50%, -85%) rotate(-6deg);
    }

    100% {
        transform: translate(-50%, -85%) rotate(6deg);
    }
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
body, a {
    color: #1A1A1A;
}

i {
    color: inherit;
}

.alertify {
    font-family: 'Pretendard-Regular';
}

button {
    background: none;
    border: none;
}

.clearfix {
    clear: both;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#empty_go_main {
    display: none;
}

#empty_go_main p {
    margin: 50px 0;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-size: 15px;
}

#empty_go_main p a {
    text-decoration: underline;
    color: #f15d2a;
}

/* ==========================================================================
   Layout
   ========================================================================== */

.select {
    position: relative;
    width: 150px;
    height: 45px;
    padding: 0 10px;
    line-height: 45px;
    font-size: 17px;
    border: 1px solid #b5b5b6;
    border-radius: 10px;
    text-align: left;
    z-index: 4;
    background: url('../img/new_page/item_cate_bottom_arrow.png');
    background-repeat: no-repeat;
    background-position: 128px;
    cursor: pointer;
}

.select .selected-option a {
    font-family: 'Pretendard-Medium';
}

.select ul{
    position:absolute;
    top: 44px;
    left: 0;
    width: 100%;
    border: 1px solid #b5b5b6;
    background: #fff;
    cursor: pointer;
    border-radius: 5px;
}

.select ul li {
    padding: 0 10px;
    border-bottom: 1px solid #b5b5b6;
}

.select ul li:last-child {
    border-bottom: 0;
}

.select ul li a {
    display: block;
    font-family: 'Pretendard-Medium';
}



input.new_design_radio[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

input.new_design_radio[type="radio"] + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
}

input.new_design_radio[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 2px solid #ddd;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

input.new_design_radio[type="radio"]:checked + label:before {
  border: 5px solid #f15d2a; /* 주황색 테두리 */
  background: #fff; /* 내부는 흰색으로 유지 */
}

input.new_design_radio[type="radio"]:hover + label:before {
  border-color: #f15d2a; /* 호버 시 주황색으로 변경 */
}


input.new_design_chk[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

input.new_design_chk[type="checkbox"] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/new_page/wish_chk_off.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle;
}

input.new_design_chk[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on.png') no-repeat center;
    background-size: contain;
}



/* ==========================================================================
   Layout
   ========================================================================== */
#body_box {
    font-family: 'Pretendard-Regular';
    height: 208px;
    background-color: #fff;
}

#body_box #hd {
    position: absolute; /* 기본은 absolute */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
}

#body_box #hd.scrollup {
    position: fixed; /* 위로 스크롤할 때만 fixed */
    top: 0;
    animation: slideDown 0.3s ease-out; /* 나타날 때 애니메이션 */
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

#body_box #hd #hd_h1 {
    display: none;
}

#top_g_box {
    position: relative;
    margin: 0 auto;
}

/* Navigation Area */
#top_g {
    width: 1280px;
    margin: 0 auto;
}

#shop_wrapper .topgnb {
}

#shop_wrapper .gnb_brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
}

#shop_wrapper .admin_link {
    display: inline-block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
    font-family: 'Pretendard-Bold';
    background: #f2f2f3;
}

#shop_wrapper .gnb_service {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

#shop_wrapper .topgnb .top_community2 {
    display: flex;
    position: relative;
    align-itmes: center;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site {
    display: flex;
    margin-left: 24px;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li {
    position: relative;
    font-size: 14px;
    padding: 2px 12px 0;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li:before {
    content: '';
    position: absolute;
    right: -1px;
    top: 32%;
    height: 10px;
    width: 1px;
    background-color: #d9d9d9;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li:first-child {
    padding-left: 0;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li:last-child {
    padding-right: 0;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li:last-child:before {
    width: 0;
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li.active {
    font-family: 'Pretendard-SemiBold';
}

#shop_wrapper .topgnb .top_community2 .top_commu_site li a {
    color: #999;
}

/* ==========================================================================
   Top_Outlogin
   ========================================================================== */

#outlogin {
    position: relative;
}

#outlogin .ol_box {
    display: none;
    position: absolute;
    top: 18px;
    right: -41px;
    width: 420px;
    z-index: 1;
    background: #fff;
    border: 1px solid #f2f2f3;
    border-radius: 10px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
}

#outlogin .ol_box.show {
    display: block;
}

#outlogin .ol_box .ol_header {
    display: flex;
    padding: 24px 24px 12px;
    border-bottom: 4px solid #f2f2f3;
    text-align: left;
    background: #fff;
}

#outlogin .ol_box .ol_header img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

#outlogin .ol_box .ol_header .ol_user {
    flex: 1;
    margin-left: 16px;
}

#outlogin .ol_box .ol_header .ol_user .ol_user_name {
    font-size: 16px;
    margin-top: 16px;
    font-family: 'Pretendard-Bold';
}

#outlogin .ol_box .ol_header .ol_user .ol_user_name strong {
    font-family: 'Pretendard-Bold';
}

#outlogin .ol_box .ol_header .ol_user .ol_user_name i {
    margin-left: 4px;
    color: #999;
    font-size: 14px;
}

#outlogin .ol_box .ol_header .ol_user .ol_promo_90 {
    font-size: 14px;
    letter-spacing: -0.02em;
    margin-top: 10px;
    font-family: 'Pretendard-Medium';
    color: #666;
    cursor: pointer;
}

#outlogin .ol_box .ol_header .ol_user .ol_promo_90 strong {
    color: #f15d2a;
    text-decoration: underline;
}


#outlogin .ol_box .ol_header .ol_user .ol_promo_90.lv5 {
    cursor: auto;
}

#outlogin .ol_box .ol_header .ol_user .ol_promo_90.lv5 strong {
    text-decoration: none;
}

#outlogin .ol_box .ol_header .ol_user .ol_promo_90 i {
    color: #999;
    float: right;
}

#outlogin .ol_box .ol_header .ol_logout a {
    position: absolute;
    top: 45px;
    right: 25px;
    color: #999;
    font-size: 12px;
    text-decoration: underline;
}

#outlogin .ol_box .ol_header .ol_logout a:hover {
    color: #f15d2a;
}

#outlogin .ol_box .ol_content .ol_content_head {
    margin-bottom: 12px;
}

#outlogin .ol_box .ol_content .ol_div {
    padding: 20px 24px;
    border-bottom: 1px solid #f5f5f5;
}

#outlogin .ol_box .ol_content .ol_div.ol_div3 {
    border-bottom: 0;
}

#outlogin .ol_box .ol_content .ol_content_head {
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    line-height: 160%;
}

#outlogin .ol_box .ol_content .ol_point_table {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#outlogin .ol_box .ol_content .ol_point_table .ol_point_table_tr {
    display: flex;
    justify-content: space-between;
    height: 32px;
    line-height: 32px;
}

#outlogin .ol_box .ol_content .ol_point_table .ol_point_table_tr .ol_point_table_text {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
}

#outlogin .ol_box .ol_content .ol_point_table .ol_point_table_tr .ol_point_table_text img {
    margin-right: 8px;
}

#outlogin .ol_box .ol_content .ol_point_table .ol_point_table_tr .ol_point_table_price {
    font-family: 'Pretendard-Bold';
    font-size: 20px;
}

#outlogin .ol_box .ol_content .ol_point_table .ol_point_table_tr .ol_table_arrow {
}

#outlogin .ol_box .ol_content .ol_div3 .ol_point_table {
    gap: 16px;
}

#outlogin .ol_box .ol_content .ol_div3 .ol_point_table .ol_point_table_tr {
    height: 22px;
    line-height: 22px;
}

/* ==========================================================================
   Search Form
   ========================================================================== */
#shop_wrapper .top_search_wr {
    position: relative;
    margin-left: 32px;
}

#shop_wrapper .topgnb #hd_sch3 {
    position: relative;
}

#shop_wrapper .topgnb #hd_sch3 select {
    margin: 2px;
    padding: 11px;
    border: 0;
    background: #fff;
    position: absolute;
    font-size: 15px;
    z-index: 5;
}

#shop_wrapper .topgnb #hd_sch3 select option {
    font-size: 13px;
}

#shop_wrapper .topgnb #hd_sch3 h3 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#shop_wrapper .topgnb #hd_sch3 #sch_str {
    height: 50px;
    background: #fff;
    border: 1px solid #f15d2a;
    color: #b5b5b6;
    width: 410px;
    padding-left: 8px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

#shop_wrapper .topgnb #hd_sch3 .search_active #sch_str {
    color: #1A1A1A;
}

#shop_wrapper .topgnb #hd_sch3 .reset_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 50px;
    left: 510px;
    border-top: 1px solid #f15d2a;
    border-bottom: 1px solid #f15d2a;
    background: #fff;
}

#shop_wrapper .topgnb #hd_sch3 #sch_submit {
    height: 50px;
    line-height: 0;
    border: 1px solid #f15d2a;
    border-right: 0;
    width: 50px;
    cursor: pointer;
    border-radius: 0;
    font-size: 18px;
    background: #fff;
    color: #f15d2a;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#shop_wrapper .topgnb #hd_sch3 #sch_submit i {
    margin-left: 20px;
}

#shop_wrapper .topgnb #hd_sch3 .search_active #sch_str,
#shop_wrapper .topgnb #hd_sch3 .search_active .reset_box,
#shop_wrapper .topgnb #hd_sch3 .search_active .search_ai_btn_wr {
    background: #fef0eb;
}

#shop_wrapper .topgnb #hd_sch3 .search_active #sch_submit {
    background: #fef0eb;
}

#shop_wrapper .topgnb #hd_sch3 .search_active #sch_submit .fa-search:before {
    color: #f15d2a;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn_wr {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100px;
    line-height: 0;
    border: 1px solid #f15d2a;
    border-left: 0;
    border-radius: 0;
    background: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn_wr a {
    position: relative;
    z-index: 1;
    transition: .3s ease-in-out;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn_wr a:hover:after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 36px; 
    background: linear-gradient(var(--gradient-angle, 90deg), #F15D2A, #FFEBE4);
    filter: blur(8px);
    opacity: 0.5;
    z-index: -2; 
    pointer-events: none;
    transition: .3s ease-in-out;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn {
    display: flex;
    width: 86px;
    background: #f5f5f5;
    color: #666;
    height: 34px;
    line-height: 34px;
    border-radius: 34px;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn p {
    width: 56px;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn .icon-container {
    position: relative;
    width: 30px;
    line-height: normal;
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn .icon-container .star-container-1 {
    position: absolute;
    line-height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#shop_wrapper .topgnb #hd_sch3 .search_ai_btn .icon-container .star-container-2 {
    position: absolute;
    right: 5px;
}


/* ==========================================================================
   Top Notice List
   ========================================================================== */

.top_inc {
    position: relative;
    width: 340px;
    height: 50px;
    line-height: 50px;
    background: #f2f2f3;
    border-radius: 5px;
    margin-right: 20px;
    padding: 0 10px;
}

.top_inc .top_inc_li {

}

.top_inc .top_inc_li .bo_subject {
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 26px;
    background: #1A1A1A;
    border-radius: 42px;
    text-align: center;
    font-size: 13px;
    font-family: 'Pretendard-Bold';
}

.top_inc .top_inc_li .bo_subject a {
    color: #fff;
}

.top_inc .top_inc_li .wr_subject {
    font-size: 15px;
}

.top_inc .top_inc_icon {
    position: absolute;
    top: 0;
    right: 10px;
}

.top_inc .top_inc_icon i {
    line-height: 50px;
}

.top_inc .top_inc_list_box {
    display: none;
    position: absolute;
    width: 340px;
    height: 400px;
    top: 56px;
    left: 0;
    background: #fff;
    border: 1px solid #f2f2f3;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.top_inc .top_inc_list_box.show {
    display: block;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 {
    position: relative;
    height: 48px;
    line-height: 48px;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 h2 {
    padding: 0 15px;
    border-bottom: 2px solid #f2f2f3;
    font-size: 17px;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 .notice_all {
    position: absolute;
    top: 0;
    right: 50px;
    color: #b5b5b6;
    font-size: 13px;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 .notice_all a {
    color: #b5b5b6;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 .notice_all:hover a {
    color: #f15d2a;
}

.top_inc .top_inc_list_box .top_inc_list_box_h2 .close_btn {
    position: absolute;
    top: 9px;
    right: 15px;
    color: #b5b5b6;
    font-size: 19px;
}

.top_inc .top_inc_list_box .top_list {
    display: flex;
    align-items: center;
    position: relative;
    height: 43px;
    padding: 0 15px;
}

.top_inc .top_inc_list_box .top_list:hover {
    background: #f2f2f3;
}

.top_inc .top_inc_list_box .top_list .bo_subject {
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 26px;
    background: #1A1A1A;
    border-radius: 42px;
    text-align: center;
    font-size: 13px;
    font-family: 'Pretendard-Bold';
    color: #fff;
}

.top_inc .top_inc_list_box .top_list .wr_subject {
    flex: 1;
    font-size: 15px;
}

.top_inc .top_inc_list_box .top_list .wr_arrow {
    position: absolute;
    right: 20px;
    font-size: 14px;
}

/* ==========================================================================
   Top Navigation Menu
   ========================================================================== */
.top_community {
    display: flex;
    height: 62px;
}

.top_community .top_g_nav_wrap {
    width: 100%;
}

.top_community .top_g_category .top_g_category_btn {
    display: flex;
    align-items: center;
    width: 141px;
    height: 40px;
    gap: 12px;
}

.top_community .top_g_category .top_g_category_btn .top_g_category_btn_img {
}

.top_community .top_g_category .top_g_category_btn .top_g_category_btn_img img {
    width: 36px;
}

.top_community .top_g_category .top_g_category_btn .top_g_category_btn_text {
    font-family: 'Pretendard-SemiBold';
    color: #f15d2a;
    font-size: 16px;
}

/* Navigation Links */
.top_community .top_nav {
    display: flex;
    height: 63px;
    line-height: 40px;
    list-style: none;
    font-size: 16px;
}

.top_community .top_nav .top_nav_li {
    display: inline-block;
    flex: 1 1 0;
    text-align: center;
    position: relative;
}

/* Navigation Link Styles */
.top_community .top_nav .top_nav_li a span {
    display: block;
    font-family: 'Pretendard-Medium';
}

.top_community .top_nav .top_nav_li a span:after {
    display: block;
    content: '';
    border-bottom: 3px solid #f15d2a;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    margin-top: -3px;
}

.top_community .top_nav .top_nav_li a span.span_2line {
    font-family: 'Pretendard-Regular';
    font-size: 12px;
    color: #999;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    line-height: normal;
    width: max-content;
}

.top_community .top_nav .top_nav_li a .discount-text {
    position: absolute;
    top: -15px;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    color: orange;
    font-size: 10px;
    line-height: normal;
}

.top_community .top_nav .top_nav_li a .discount-text1 {
    animation: flickerAnimation 1s infinite;
}

.top_community .top_nav .top_nav_li a .discount-text2 {
    animation: flickerAnimation2 2s infinite;
}

.top_community .top_nav .top_nav_li a .discount-text3 {
    animation: flickerAnimation3 2s infinite;
}

.top_community .top_nav .top_nav_li a .discount-text3-1 {
    animation: flickerAnimation3-1 4.8s infinite;
    top: -5px;
}

.top_community .top_nav .top_nav_li a .discount-text3-2 {
    animation: flickerAnimation3-2 4.8s infinite;
    top: -5px;
}

.top_community .top_nav .top_nav_li a .discount-text3-3 {
    animation: flickerAnimation3-3 4.8s infinite;
    top: -5px;
}


/* Dropdown Menu */
.top_community .top_nav .top_nav_li .over_menu_box {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 62px;
}

.top_community .top_nav .top_nav_li .over_menu_box.box_show {
    visibility: visible;
}

.top_community .top_nav .top_nav_li .over_menu_box.box_hide {
    visibility: hidden;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu {
    display: block;
    border: 1px solid #d9d9d9;
    margin: 0;
    padding: 20px 0;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li {
    display: block;
    margin: 0;
    margin: 12px 0px;
    text-align: center;
    height: 22px;
    line-height: 22px;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li:first-child {
    margin-top: 0;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li img {
    float: right;
    margin: -4px 0 0 5px;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li a {
    display: block;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li a span {
    display: inline-block;
    color: #4D4D4D;
    padding: 0;
    font-size: 14px;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li a span:after {
    content: unset;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li.font_orange a span {
    color: #f15d2a;
}

.top_community .top_nav .top_nav_li .over_menu_box .over_menu .over_menu_li:hover a span {
    color: #f15d2a;
    font-family: 'Pretendard-SemiBold';
}

/* Special Navigation Item */
.top_community .top_nav .top_nav_li.top_nav_bon {
    background: #f15d2a;
}

.top_community .top_nav .top_nav_li.top_nav_bon span {
    position: relative;
    padding-left: 20px;
    color: #fff;
}
/* deep 0616 left 30px */
.top_community .top_nav .top_nav_li.top_nav_bon span strong {
    position: absolute;
    top: -1px;
    left: 34px;
    color: #fff;
    font-family: 'Noto Sans KR';
}

.top_community .top_nav .top_nav_li.top_nav_bon .over_menu_box .over_menu .over_menu_li a span strong {
    color: #1A1A1A;
    left: 0;
}

/* Icon Navigation */
#shop_wrapper .topgnb .topgnb_icon {
    display: flex;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box {
    display: flex;
    align-items: center;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_shop2 {
    width: 88px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #f0f0f0;
    border-radius: 50px;
    font-family: 'Pretendard-Medium';
    margin-right: 16px;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_shop2 a {
    display: block;
    width: 100%;
    height: 100%;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li {
    width: 28px;
    margin: 0 6px;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li:first-child {
    margin-left: 0
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li:last-child {
    margin-right: 0
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li .topgnb_link {
    display: block;
    margin: 0;
    text-align: center;
	cursor: pointer;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li.topgnb_cart .topgnb_link {
    position: relative;
}

#shop_wrapper .topgnb .topgnb_icon .topgnb_icon_box .topgnb_icon_li .count {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #f15d2a;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 50%;
    font-size: 12px;
}

.topgnb_icon_li.topgnb_myp, .topgnb_icon_li.topgnb_service, .topgnb_icon_li.topgnb_alarm {
    position: relative;
}


/* ==========================================================================
   Category
   ========================================================================== */
.cate_back {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 8;
}

#menu_open:hover + #category, #category:hover {
    display: block;
}

 /* deep 0616 left -5px */
#category {
    display: none;
    position: absolute;
    left: 0px;
    top: 208px;
    background: #fff;
    z-index: 10;
    width: 100%;
    min-width: 1280px;
    border-top: 1px solid #d9d9d9;
}
/* deep 0616 padding-left 58px */
#category .cate_wr {
    width: 1280px;
    margin: auto;
    position: relative;
}

#category .cate_banner_area {
    position: absolute;
    top: 28px;
    right: -280px;
    width: 240px;
}

#category .cate_banner_area img {
    width: 240px;
}

#category .cate {
    display: flex;
    justify-content: center;
    padding-left: 141px;
    text-align: center;
}

#category .cate .cate_li_1 {
    flex: 1 1 0;
}

#category .cate .cate_li_1 .sub_cate {
    margin: 24px 0 48px;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2 {
    margin: 16px 0;
    height: 22px;
    line-height: 22px;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2:first-child {
    margin-top: 0;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2:last-child {
    margin-bottom: 0;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2:hover a, #category .cate .cate_li_1 .sub_cate .cate_li_2:hover a strong {
    font-family: 'Pretendard-Bold';
    color: #1A1A1A;
}

#category .cate .cate_li_1.cate_li_bon .sub_cate .cate_li_2:hover a strong {
    font-weight: bold;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2 a {
    display: block;
    font-size: 14px;
    text-decoration-color: #4d4d4d;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2.font_orange a {
    color: #f15d2a;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2:hover a, #category .cate .cate_li_1 .sub_cate .cate_li_2:hover a span, #category .cate .cate_li_1 .sub_cate .cate_li_2:hover a strong {
    color: #f15d2a;
}

#category .cate .cate_li_1.cate_li_bon .sub_cate .cate_li_2 a strong {
    margin-right: 4px;
}

#category .cate .cate_li_1.cate_li_bon .sub_cate .cate_li_2 a span, #category .cate .cate_li_1.cate_li_bon .sub_cate .cate_li_2 a strong {
    display: inline-block;
    color: #f15d2a;
    text-decoration-color: #f15d2a;
}

#category .cate .cate_li_1 .sub_cate .cate_li_2.font_orange:hover a, #category .cate .cate_li_1 .sub_cate .cate_li_2.font_orange:hover a strong {
    font-family: 'Pretendard-Bold';
    color: #f15d2a;
}

/* ==========================================================================
   Side Menu
   ========================================================================== */

#side_menu {
    position: fixed;
    z-index: 10;
    right: 30px;
    bottom: 30px;
}

/* 150% 이상 확대 시 요소 숨김 */
@media screen and (max-width: 1600px) {
    #side_menu {
        display: none !important;
    }
}

#side_menu #quick {
    margin: 0 0 55px 30px;
}

/* 초기에 슬라이드 숨기기 */
#sideSlide {
    width: 102px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* Slick 초기화 후 보이기 */
#sideSlide.slick-initialized {
    opacity: 1;
    visibility: visible;
}

/* 초기화 전 li들 숨기기 (추가 안전장치) */
#sideSlide:not(.slick-initialized) li {
    display: none;
}

#sideSlide .slick-track {
    display: flex;
    align-items: center;
}

#sideSlide li img {
    width: 102px;
    border-radius: 3px;
}

#sideSlide .side_slide_box {
    position: relative;
}

#sideSlide button {
    display: none !important;
    width: 17px;
    height: 17px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 1;
    font-size: 14px;
}

#sideSlide:hover button {
    display: inline-block !important;
}

#sideSlide .fb_custom_prev {
    left: 3px;
}

#sideSlide .fb_custom_next {
    right: 3px;
}
#side_menu #quick .side_small_li {
    position: relative;
    margin-bottom: 4px;
    width: 102px;
    height: auto;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    text-align: center;
    background: #fff;
    font-family: 'Pretendard-Regular';
    min-height: 30px;
    line-height: 30px;
    height: 32px;
}

#side_menu #quick .side_small_li.on {
    color: #f15d2a;
    border: 1px solid #f15d2a;
    font-family: 'Pretendard-SemiBold';
    height: auto;
}

#side_menu #quick .side_small_li:hover {
    color: #f15d2a;
    border: 1px solid #f15d2a;
    font-family: 'Pretendard-SemiBold';
}

#side_menu #quick .side_small_li .side_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 10px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

#side_menu #quick .side_small_li.side_top_li {
    border: 0;
    background: #f15d2a;
}

#side_menu #quick .side_small_li.side_top_li:hover {
    background: #d43903;
}

#side_menu #quick .side_small_li.side_top_li .top_btn {
    padding: 0;
    justify-content: center;
    color: #fff;
    font-family: 'Pretendard-Medium';
    font-size: 13px;
}

#side_menu #quick .side_small_li .side_btn img {
    width: 17px;
}

#side_menu #quick .side_small_li .side_btn .side_btn_text {
    margin: 0 auto;
}

#side_menu #quick .side_small_li .qk_con {
    visibility: hidden;
}

#side_menu #quick .side_small_li.on .qk_con {
    visibility: visible;
}

#side_menu #quick .side_small_li .qk_con_wr {
    position: absolute;
    left: -108px;
    background: #fff;
    bottom: -114px;
    width: 102px;
    max-height: 300px;
    font-size: 10px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    color: #1A1A1A;
    line-height: normal;
}

#side_menu #quick .side_small_li .qk_con_wr .side_head {
    position:relative;
    padding: 10px;
}

#side_menu #quick .side_small_li .qk_con_wr .side_head .s_h2 {
    font-family: 'Pretendard-SemiBold';
    text-align: left;
}

#side_menu #quick .side_small_li .qk_con_wr .side_head .s_h2 span {
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 13px;
    border-radius: 50%;
    text-align: center;
    background: #fcdfd4;
}

#side_menu #quick .side_small_li .qk_con_wr .side_head .go_more {
    position: absolute;
    top: 9px;
    right: 12px;
}

#side_menu #quick .side_small_li .qk_con_wr .side_head .go_more img {
    width: 10px;
}

#side_menu #quick .side_small_li .qk_con_wr .side_img_box {
    padding: 5px 0;
}


#side_menu #quick .side_small_li .qk_con_wr .side_img_box .side_img img {
    margin: 4px auto;
    width: 68px;
    border-radius: 3px;
}

#side_menu #quick .side_small_li .qk_con_wr .side_img_box .slick-list {
    height: auto !important;
    max-height: 228px;
}

#side_menu #quick .side_small_li .qk_con_wr .side_img_box .side_img .del_btn, #side_menu #quick .side_small_li .side_today_content .side_img_box .side_img .del_btn {
    display: none;
    position: absolute;
    top: 7px;
    right: 16px;
    margin: 0;
    width: 14px;
    border-radius: 0;
    cursor: pointer;
    z-index: 1;
}

#side_menu #quick .side_small_li .qk_con_wr .side_img_box .side_img:hover .del_btn, #side_menu #quick .side_small_li .side_today_content .side_img_box .side_img:hover .del_btn {
    display: inline;
}

#side_menu #quick .side_small_li .qk_con_wr .slick-vertical .slick-slide {
    min-height: auto;
    border: 0;
}

#side_menu #quick .side_small_li .side_img_box .side_img {
    position: relative;
    vertical-align: middle;
}

#side_menu #quick .side_small_li .side_img_box .side_img:hover::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    border-radius: 3px;
    pointer-events: none; /* 클릭 방지 */
}

#side_menu #quick .side_small_li .side_today_content .side_img_box .side_img img {
    margin: 4px auto;
    width: 68px;
    border-radius: 3px;
}

#side_menu #quick .box_next, #side_menu #quick .box_prev {
    display: block;
    font-size: 14px;
    width: 100%;
    display: block !important;
    opacity: 1;
}

#side_menu #quick .box_next.slick-disabled, #side_menu #quick .box_prev.slick-disabled {
    color: #d9d9d9;
}

#side_menu .side_kakao button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8px;
    width: 125px;
    height: 45px;
    background: #fff;
    border-radius: 45px;
    box-shadow: 0 2px 5px rgb(217,217,217);
    font-size: 18px;

}

#side_menu .side_kakao button img {
    width: 36px;
    margin-right: 7px;
}








 /* ==========================================================================
   Sub Banner
   ========================================================================== */

#top_magazine {
    height: 123px;
    background: linear-gradient(rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5)), url('../img/top/magazine_banner.jpg');
    background-position: center, center;
    background-size: cover, cover;
    margin-bottom: 40px;
}

#top_magazine .top_magazine_text {
    width: 1280px;
    margin: 0 auto;
    padding-top: 65px;
}

#wrapper_sub {
    margin-top: 55px;
}

#wrapper_sub .sub_banner {
    width: 1280px;
    margin: 0 auto;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#ft {
    margin-top: 120px;
    clear: both;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    overflow: hidden;
    min-width: 1280px;
    font-family: 'Pretendard-Regular';

}

#ft .ft_wr div, #ft .ft_wr h3, #ft .ft_wr p, #ft .ft_wr li, #ft .ft_wr a, #ft .ft_wr span {
    line-height: 160%;
    letter-spacing: -0.02em;
    color: #999;
}

#ft .ft_wr {
    display: flex;
    margin: 0 auto;
    width: 1280px;
    padding: 28px 0;
}

#ft .ft_wr .ft_left {
    width: 715px;
}

#ft .ft_wr .ft_left .left_menu1_wrap {
}

#ft .ft_wr .ft_left .left_menu1_wrap .left_menu1 {
    display: flex;
    justify-content: space-between;
    width: 510px;
}

#ft .ft_wr .ft_left .left_menu1_wrap .left_menu1 a {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    color: #666;
}

#ft .ft_wr .ft_left .ft_info {
    margin-top: 40px;
}

#ft .ft_wr .ft_left .ft_info p {
    line-height: 20px;
    font-size: 14px;
}

#ft .ft_wr .ft_left .ft_info p span {
    position: relative;
    padding: 0 12px;
}

#ft .ft_wr .ft_left .ft_info p span b {
    font-family: 'Pretendard-SemiBold';
}

#ft .ft_wr .ft_left .ft_info p span:first-child {
    padding-left: 0px;
}

#ft .ft_wr .ft_left .ft_info p span:last-child {
    padding-right: 0px;
}

#ft .ft_wr .ft_left .ft_info p span:after {
    content: '';
    border-right: 1px solid #d9d9d9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 08px;
}

#ft .ft_wr .ft_left .ft_info p span:last-child:after {
    border-right: none;
}

#ft .ft_wr .ft_left .capyright {
    margin-top: 34px;
    font-size:14px;
}

#ft .ft_wr .ft_left .ft_info p:nth-child(3) {
    margin-bottom: 24px;
}

#ft .ft_wr .ft_left .left_menu2_wrap {
    margin: 27px 0;
}

#ft .ft_wr .ft_left .left_menu2_wrap .left_menu2 {
    display: flex;
    justify-content: space-between;
}

#ft .ft_wr .ft_left .left_menu2_wrap .left_menu2 li {
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
}

#ft .ft_wr .ft_left .left_menu2_wrap .left_menu2 li a {
    display: block;
    font-size: 14px;
}

#ft .ft_wr .ft_left .copyright {
    font-size: 12px;
}

#ft .ft_wr .ft_right {
    width: 300px;
    margin-left: auto;
}

#ft .ft_wr .ft_right .right_tel {
}

#ft .ft_wr .ft_right .right_tel h3 {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    color: #666;
}

#ft .ft_wr .ft_right .right_tel p {
    color: #1a1a1a;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
}

#ft .ft_wr .ft_right .right_number {
    display: flex;
    margin-bottoM: 16px;
}

#ft .ft_wr .ft_right .right_number .right_number_sub {

}

#ft .ft_wr .ft_right .right_number .right_number_sub p {
    font-size: 14px;
    display: inline-block;
    padding: 4px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #666;
}

#ft .ft_wr .ft_right .right_number .right_number_sub p b {
    font-family: 'Pretendard-SemiBold';
}

#ft .ft_wr .ft_right .right_time {
    margin-bottom: 19px;
}

#ft .ft_wr .ft_right .right_time h3 {
    font-size: 30px;
    font-family: 'Pretendard-Bold';
}

#ft .ft_wr .ft_right .right_time p {
    font-size: 14px;
}

#ft .ft_wr .ft_right .right_menu_wrap .right_menu {
    display: flex;
    margin-top: 9px;
}

#ft .ft_wr .ft_right .right_menu_wrap .right_menu li {
    margin-right: 20px;
}

#ft .ft_wr .ft_right .right_menu_wrap .right_menu li a img {
    height: 23px;
}

#ft .ft_bottom_wr {
    background: #f5f5f5;
}

#ft .ft_bottom_wr .ft_bottom {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1280px;
    height: 56px;
    line-height: 56px;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left {
    display: flex;
    align-items: center;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left img {
    margin-right: 8px;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left span {
    padding-right: 12px;
    font-size: 12px;
    color: #999;
    position: relative;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left span b {
    font-family: 'Pretendard-Medium';
}


#ft .ft_bottom_wr .ft_bottom .ft_b_left span:after {
    content: '';
    border-right: 1px solid #d9d9d9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 08px;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left span:last-child {
    padding-left: 12px;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_left span:last-child:after {
    border-right: none;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_right {
    width: 300px;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_right .right_menu {
    display: flex;
}

#ft .ft_bottom_wr .ft_bottom .ft_b_right .right_menu li {
    margin-right: 12px;
}


/* ==========================================================================
   page_head
   ========================================================================== */
.page_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.page_head .page_head_name {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 25px;
    font-family: 'Pretendard-Bold';
    font-weight: normal;
}

.page_head .page_head_name .page_head_name_cnt {
    position: absolute;
    right: -37px;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f15d2a;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.page_head .page_head_depth {
    font-size: 15px;
}

.page_head .page_head_depth .depth_name {
}

.page_head .page_head_depth a:last-child .depth_name {
    font-family: 'Pretendard-Bold';
}

.page_head .page_head_depth .depth_arrow {
    margin: 0 4px;
    color: #b5b5b6;
}

.page_head_line {
    height: 2px;
    background: #f2f2f3;
    margin: 30px 0;
}

.cate50_head_btn {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    font-size: 14px;
}

.cate50_head_btn button {
    width: 126px;
    height: 46px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-right: 7px;
    color: #999;
    padding-left: 19px;
}

.cate50_head_btn button:nth-child(1) {
    background: url('../img/icon_list.svg') 19px 50% #fff no-repeat;
}

.cate50_head_btn button:nth-child(2) {
    background: url('../img/icon_gallery.svg') 19px 50% #fff no-repeat;
    margin: 0;
}

.cate50_head_btn button:nth-child(1):hover, .cate50_head_btn button:nth-child(1).on {
    background: url('../img/icon_list_on.svg') 19px 50% #f15d2a no-repeat;
}

.cate50_head_btn button:nth-child(2):hover, .cate50_head_btn button:nth-child(2).on {
    background: url('../img/icon_gallery_on.svg') 19px 50% #f15d2a no-repeat;
}

.cate50_head_btn button:hover {
    color: #fff;
    border: 1px solid #f15d2a;
}

.cate50_head_btn button.on {
    color: #fff;
    border: 1px solid #f15d2a;
}

.cate50_head_btn .cate50_head_message {
    position: absolute;
    padding: 6px 8px;
    border-radius: 4px;
    left: -143px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid ;
    color: #fff;
    background: #f15d2a;
    animation: flickerAnimation 1.5s infinite;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
}

.cate50_head_btn .cate50_head_message::before {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 5px 0px 5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.cate50_head_btn .cate50_head_message::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 4px 0px 4px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f15d2a;
}

/* ==========================================================================
   Index Page
   ========================================================================== */

/* ==========================================================================
   MainSlide
   ========================================================================== */

#main_bn {
   position: relative;
   border: 0;
   width: 100%;
   height: 450px;
   overflow: hidden;
   z-index: 0;
}

#main_bn:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}

#main_bn .slide-wrap {
   padding: 0;
   margin: 0;
}

#main_bn .slide-wrap img {
   max-width: 100%;
   height: auto;
}

#main_bn .main_image_area {
   position: relative;
   overflow: hidden;
   width: 100%;
}

#main_bn .owl-carousel .owl-item img {
   margin: 0 auto;
   min-width: 1280px;
   max-width: 1920px;
   height: auto;
   min-height: 450px;
   overflow: hidden;
}

#main_bn .main_image_area {
   position: relative;
   width: 100%;
   overflow: hidden;
}

#main_bn .owl-carousel {
   width: 100%;
   position: relative;
}

#main_bn .owl-stage-outer {
   overflow: hidden;
}

#main_bn .owl-stage {
   display: flex;
}

#main_bn .owl-item {
   width: 100%;
   display: flex;
   justify-content: center;
}

#main_bn .owl-item .item {
   width: 100%;
   display: flex;
   justify-content: center;
}

#main_bn .owl-item .item > div {
   width: 100%;
   max-width: 1920px;
   height: 450px;
   position: relative;
   overflow: hidden;
}

#main_bn .owl-item .item img {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: auto !important;
   height: 100% ;
   max-width: none;
}

#main_bn .owl-carousel .owl-nav {
   display: none;
   justify-content: space-between;
   position: absolute;
   width: 1420px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 22px;
   opacity: 0.6;
   pointer-events: none;
}

#main_bn:hover .owl-carousel .owl-nav {
   display: flex;
}

#main_bn .owl-carousel .owl-nav button {
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    pointer-events: auto;
}

.slide-controller-wrap {
    position: relative;
    width: 1280px;
    height: 0;
    margin: 0 auto;
    border-radius: 50%;
}

.slide-controller {
    position: absolute;
    right: 0;
    bottom: 19px;
    width: 166px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.slide-controller .slide-ctr {
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,0.4);
    text-align: center;
    border-radius: 50%;
}

.slide-controller .slide-ctr button {
    width: 100%;
    height: 100%;
}

.slide-controller .slide-ctr button img {
    vertical-align: baseline;
    padding-top: 3px;
}

.slide-controller .slide-ctr button .play-icon img {
    padding-left: 2px;
}

.slide-controller .slide-page {
    display: flex;
    align-items: center;
}

.slide-controller .current-page {
    width: 19px;
    color: #fff;
    font-family: 'Pretendard-Bold';
}

.slide-controller .div-bar {
    transform: translateY(-1px);
    margin: 0 3px;
}

.slide-controller .total-page {
    width: 19px;
    color: #fff;
    opacity: 0.7;
    font-family: 'Pretendard-Medium';
}

.slide-controller .total-view {
    font-family: 'Pretendard-Bold';
}

.slide-controller .slide-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    width: 131px;
    height: 32px;
    border-radius: 32px;
    background: rgba(0,0,0,0.4);
    border-radius: center;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
}

#totalMainBannerModal .common_modal_content {
    width: 683px;
    box-shadow: none;
}

#totalMainBannerModal .common_modal_content .common_modal_head {
    text-align: left;
    padding: 0 26px;
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

#totalMainBannerModal .common_modal_content .common_modal_head p {
    height: 62px;
    line-height: 62px;
}

#totalMainBannerModal .common_modal_content .common_modal_head .close_btn {
    width: 22px;
    height: 22px;
    top: 20px;
    right: 20px;
}

#totalMainBannerModal .common_modal_content .common_modal_head .close_btn i {
    font-size: 0;
}

#totalMainBannerModal .common_modal_content .common_modal_head .close_btn::before, #totalMainBannerModal .common_modal_content .common_modal_head .close_btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 30px;
    background-color: #c2c2c2;
    transform-origin: center;
}

#totalMainBannerModal .common_modal_content .common_modal_head .close_btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#totalMainBannerModal .common_modal_content .common_modal_head .close_btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

#totalMainBannerModal .common_modal_content .common_modal_body_wrap {
    max-height: 594px;
    overflow: auto;
}

#totalMainBannerModal .common_modal_content .total_main_banner {
    margin: 20px auto;
    width: 620px;
}

#totalMainBannerModal .common_modal_content .total_main_banner .banner_content {
    margin-bottom: 15px;
    border-radius: 7px;
    overflow: hidden;
}

#totalMainBannerModal .common_modal_content .total_main_banner .banner_content img {
    width: 100%;
    transform: scale(1.3);
}

/* ==========================================================================
   Main_mid
   ========================================================================== */

.main_mid_wrap {
    font-family: 'Pretendard-Regular';
    margin-top: 55px;
    margin-bottom: 55px;
}

.main_mid_wrap .main_mid {
    display: flex;
    width: 1030px;
    justify-content: space-between;
    margin: 0 auto;
}

.main_mid_wrap .main_mid .main_mid_li {
    position: relative;
    width: 330px;
    height: 98px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(181, 181, 182, 0.75);
}

.main_mid_wrap .main_mid .main_mid_li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.07);
    z-index: 1;
    pointer-events: none;
}

.main_mid_wrap .main_mid .main_mid_li a {
    display: block;
    padding: 13px 0 13px 25px;
}

.main_mid_wrap .main_mid .main_mid_li .mid_box {
    display: flex;
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_circle {
    display: flex;
    margin-right:15px;
    background: #f2f2f3;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_circle img {
    margin-left: 5px;
}

.main_mid_wrap .main_mid .main_mid_li:last-child .mid_box .mid_circle img {
    margin: 0;
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_text {
    position: relative;
    font-family: 'Pretendard-Bold';
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_text h4 {
    margin-top: 13px;
    font-size: 18px;
    color: #1A1A1A;
    font-family: 'Pretendard-Bold';
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_text p {
    margin-top: 10px;
    font-size: 13px;
    color: #b5b5b6;
    font-family: 'Pretendard-Bold';
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_text .discount-text {
    position: absolute;
    top: 0px;
    color: orange;
    font-size: 10px;
}

.main_mid_wrap .main_mid .main_mid_li .mid_box .mid_text .discount-text1 {
    animation: flickerAnimation 1s infinite;
}

/*
.main_mid_wrap {
    font-family: 'Pretendard-Regular';
    margin-top: 56px;
    margin-bottom: 98px;
}

.main_mid_wrap .main_mid {
    display: flex;
    justify-content: space-between;
}

.main_mid_wrap .main_mid .main_mid_left {
    width: 540px;
}

.main_mid_left a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_mid_left .main_mid_left_img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}


.main_mid_left .main_mid_left_img img {
    width: 100%;
}

.main_mid_left .main_mid_left_text {
    width: 350px;
}

.main_mid_left .main_mid_left_text .category_text {
    font-size: 20px;
    font-family: 'Pretendard-Regular';
    color: #666;
    line-height: 160%;
}

.main_mid_left .main_mid_left_text .title_text {
    max-width: 284px;
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    line-height: 160%;
}

.main_mid_left .slick-prev, .main_mid_left .slick-next  {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 64px;
    border: 1px solid #d9d9d9;
    border-radius: 100%;
}

.main_mid_left .slick-prev {
    display: none !important;
    left: 0;
}

.main_mid_left .slick-next {
    right: 0;
}

.main_mid_left .slick-dots {
    margin-top: 4px;
}

.main_mid_left .slick-dots li.slick-active button {
    width: 43px;
    background: #F15D2A;
}

.main_mid_left .slick-dots li button {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

.main_mid_wrap .main_mid .main_mid_right {
    display: flex;
    width: 660px;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li {
    position: relative;
    text-align: center;
    padding: 37px 0 0;
    width: calc(660px / 4);
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box {
    position: relative;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box p {
    display: none;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #f15d2a;
    border-radius: 4px;
    padding: 3px 4px;
    color: #f15d2a;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    width: max-content;
    background: #fff;
    line-height: 160%;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box p:before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px 8px 0px 8px;
    border-style: solid;
    border-color: #f15d2a transparent transparent transparent;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box p:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px 8px 0px 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li:hover .mid_box p {
    display: block;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box .mid_right_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    border-radius: 8px;
    margin: 0 auto;
    background: #f5f5f5;
}

.main_mid_wrap .main_mid .main_mid_right .main_mid_li .mid_box h4 {
    margin-top: 12px;
    font-family: 'Pretendard-Medium';
}
*/

.main_mid_event {
    display: flex;
    gap: 20px;
    margin: 55px auto 0;
    width: fit-content;
}

.main_mid_event li {
    position: relative;
    height: 120px;
    overflow: hidden;
}

.main_mid_event li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.07);
    z-index: 1;
    pointer-events: none;
}

.main_mid_event li a {
    display: flex;
    align-items: center;
    height: 100%;
}

.main_mid_event .event_time {
    background: #F4F4F6;
}

.main_mid_event .event_gong9 {
    background: #FBF7F1;
}

.main_mid_event li .event_left {
    width: 8px;
    height: 100%;
}

.main_mid_event .event_time .event_left {
    background: #585FA6;
}

.main_mid_event .event_gong9 .event_left {
    background: #F15D2A;
}

.main_mid_event li .event_img {
    position: relative;
    width: 154px;
    height: 140px;
    text-align: center;
}

.main_mid_event li .event_img img {
    position: absolute;
    left: 0;
    width: 140px;
    height: 140px;
}

.main_mid_event li .event_img .img_gradation {
    position: absolute;
    top: 0;
    right: 14px;
    width: 55px;
    height: 140px;
}


.main_mid_event .event_time .event_img .img_gradation {
    background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(244, 244, 246, 1) 100%);
}

.main_mid_event .event_gong9 .event_img .img_gradation {
    background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(251, 247, 241, 1) 100%);
}

.main_mid_event li .event_img .img_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    background: #F4F4F6;
    opacity: 90%;
}

.main_mid_event li .event_img .none_img_back {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95px;
    height: 95px;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
}

.main_mid_event li .event_img .none_img {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 65px;
    transform: translate(-50%, -50%);
    font-family: 'Pretendard-SemiBold';
}

.main_mid_event .event_time .event_img .none_img {
    color: #585FA6;
}

.main_mid_event .event_gong9 .event_img .none_img {
    color: #F15D2A;
}

.main_mid_event li .event_text {
    width: 393px;
}

.main_mid_event li .event_text .text_header {
    position: relative;
}

.main_mid_event li .event_text .text_header .event_name {
    font-size: 25px;
    font-family: 'Pretendard-SemiBold';
    display: inline-block;
    margin-right: 12px;
}

.main_mid_event li .event_text .text_header .event_status {
    display: inline-block;
    width: 55px;
    height: 22px;
    font-family: 'Pretendard-SemiBold';
    font-size: 13px;
    color: #FFF;
    background: red;
    text-align: center;
    line-height: 22px;
    position: absolute;
    top: 4px;
    border-radius: 11px;
}

.main_mid_event li .event_text .text_content p {
    margin: 2px 0 9px;
    font-size: 25px;
    font-family: 'Pretendard-SemiBold';
}

.main_mid_event li.event_time .event_text .text_content p {
    color: #585FA6;
}

.main_mid_event li.event_time .event_text .text_content img {
    vertical-align: bottom;
}

.main_mid_event li.event_time .event_text .text_content #main_timer {
    margin: 6px 0 0 9px;
    font-size: 44px;
    font-family: 'LABDigital';
    display: inline-block;
}

.main_mid_event li.event_time .event_text .text_content #main_timer .timer {
    display: inline-block;
}

.main_mid_event li.event_gong9 .event_text .text_content p {
    color: #f15d2a;
}

.main_mid_event li .event_text .text_sub {

}

.main_mid_event li .event_text .text_sub p {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
}

.main_mid_event li .event_arrow {
    width: 75px;
}

.main_mid_event li .event_arrow img {
    width: 17px;
    margin: 0 30px;
}

/* ==========================================================================
   Youtube
   ========================================================================== */

/* 유튜브 슬라이더 기본 컨테이너 */
.youtube-slider-wrap {
    margin-top: 100px;
    position: relative;
    font-family: 'Pretendard-Regular';
}

/* 헤더 영역 */
.youtube-slider-wrap .youtube-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    width: 100%;
}

.youtube-slider-wrap .youtube-header .youtube-title {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    font-size: 30px;
    font-family: 'Pretendard-Bold';
}

.youtube-slider-wrap .youtube-header .youtube-title img {
    margin-right: 20px;
}

.youtube-slider-wrap .youtube-header .youtube-description {
    color: #b5b5b6;
    font-size: 18px;
    font-family: 'Pretendard-Medium';
}

.youtube-slider-wrap .youtube-header .more-videos {
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 38px;
    height: 22px;
    display: flex;
}

.youtube-slider-wrap .youtube-header .more-videos a {
    display: flex;
    align-items: end;
    width: 150px;
    justify-content: space-between;
}

.youtube-slider-wrap .youtube-header .more-videos-text {
    font-size: 14px;
    font-family: 'Pretendard-Bold';
}

.youtube-slider-wrap .youtube-header .more-videos img {
    width: 22px;
    height: 22px;
}

/* 슬라이더 컨테이너 영역 */
.youtube-slider-wrap .youtube-slider-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.youtube-slider-wrap .youtube-slider {
    position: relative;
    width: 100%;
    height: 300px;
    transform: translateY(25px);
}

.youtube-slider-wrap .slider-viewport {
    position: relative;
    width: 100%;
    height: 100%;
}

.youtube-slider-wrap .slider-viewport .active-frame {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 225px;
    border: 2px solid transparent;
    z-index: 1;
}

/* 슬라이드 아이템 */
.youtube-slider-wrap .slide-item {
    position: absolute;
    width: 445px;
    height: 250px;
    transition: all 0.5s ease;
    opacity: 0.7;
    transform: scale(0.85);
}

.youtube-slider-wrap .slide-item.prev {
    left: calc(50% - 637px);
    transform: scale(0.92);
}

.youtube-slider-wrap .slide-item.active {
    left: 50%;
    transform: translate(-50%, 0) scale(1);
    opacity: 1;
    z-index: 2;
    cursor: pointer;
}

.youtube-slider-wrap .slide-item.next {
    left: calc(50% + 193px);
    transform: scale(0.92);
}

/* 썸네일 영역 */
.youtube-slider-wrap .thumbnail-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.youtube-slider-wrap .slide-item.active .thumbnail-wrap {
    border: 4px solid #FF0000;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
}

.youtube-slider-wrap .thumbnail-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.youtube-slider-wrap .thumbnail-wrap .duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
}

.youtube-slider-wrap .thumbnail-wrap .new-badge {
    position: absolute;
    top: -18px;
    left: 50%;
    background-color: #FF0000;
    color: white;
    font-size: 24px;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 4px;
    z-index: 3;
    transform: translateX(-50%);
}

/* 네비게이션 버튼 */
.youtube-slider-wrap .slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
}

.youtube-slider-wrap .prev-arrow {
    left: -30px;
}

.youtube-slider-wrap .next-arrow {
    right: -30px;
}

/* 정렬 버튼 */
.youtube-slider-wrap .sort-buttons {
    position: absolute;
    left: 0;
    top: 35px;
    display: flex;
    gap: 15px;
}

.youtube-slider-wrap .sort-buttons .sort-btn {
    padding: 5px 15px;
    background: #f8f8f8;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.youtube-slider-wrap .sort-buttons .sort-btn.active {
    background: #1A1A1A;
    color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* 기존 재생 버튼 스타일 수정 */
.youtube-slider-wrap .thumbnail-wrap .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 1; /* 기본 opacity를 1로 변경 */
}

/* 화살표 모양 스타일은 그대로 유지 */
.youtube-slider-wrap .thumbnail-wrap .play-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #000;
}

/* 유틸리티 */
.youtube-slider-wrap .flipped-image {
    transform: scaleX(-1);
    display: inline-block;
}

.youtube-slider-wrap .flipped-image img {
    width: 60px;
}


/* ==========================================================================
   Youtube
   ========================================================================== */

/* 유튜브 슬라이더 기본 컨테이너 */
.magazine {
    position: relative;
    margin-top: 100px;
    font-family: 'Pretendard-Regular';
}
/* 헤더 영역 */
.magazine .magazine_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    width: 100%;
}
.magazine .magazine_header .magazine_title {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    font-size: 30px;
    font-family: 'Pretendard-Bold';
}
.magazine .magazine_header .magazine_description {
    color: #b5b5b6;
    font-size: 18px;
    font-family: 'Pretendard-Medium';
}
/* 슬라이더 컨테이너 영역 */
.magazine .magazine_slider_container {
    width: 100%;
    position: relative;
}
/* 슬라이더 영역 */
.magazine .magazine_slider {
    width: 100%;
    position: relative;
}

.magazine .magazine_slide {
    outline: none;
}

.magazine .magazine_slider ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.magazine .magazine_slider ul:after {
    content: "";
    display: table;
    clear: both;
}

.magazine .magazine_slider ul li {
    position: relative;
    float: left;
    margin-right: 40px;
}

.magazine .magazine_slider ul li:nth-child(1), .magazine .magazine_slider ul li:nth-child(2), .magazine .magazine_slider ul li:nth-child(3) {
    margin-bottom: 20px;
}

.magazine .magazine_slider ul li:nth-child(3n) {
    margin-right: 0;
}

.magazine .magazine_slider ul li .magazine_box {
    width: 400px;
    height: 200px;
}

.magazine .magazine_slider ul li .magazine_box img {
    border-radius: 10px;
}

.magazine .magazine_slider ul li .magazine_box .thumb_shadow {
    width: 400px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
    border-radius: 10px;
}

.magazine .magazine_slider ul li .magazine_box .magazine_ca {
    position: absolute;
    top: 55px;
    left: 20px;
    color: #fff;
    font-size: 18px;
}

.magazine .magazine_slider ul li .magazine_box .magazine_sub {
    position: absolute;
    top: 80px;
    left: 20px;
    color: #fff;
    font-family: 'Pretendard-Bold';
    font-size: 20px;
}

/* Slick 네비게이션 화살표 */
.magazine .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
    font-size: 0;
    width: 60px;
    height: 60px;
}

.magazine .slick-prev {
    left: -30px;
    background: url('../img/new_page/youtube_arrow.png') no-repeat;
    background-size: contain;
}

.magazine .slick-next {
    right: -30px;
    background: url('../img/new_page/youtube_arrow.png') no-repeat;
    background-size: contain;
    transform: translateY(-50%) scaleX(-1);
}

/* Slick 기본 스타일 재정의 */
.slick-slide {
    outline: none;
}

.slick-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.magazine .flipped-image {
    transform: scaleX(-1);
    display: inline-block;
}

.magazine_slider_container .flipped-image img {
    width: 60px;
}

/* ==========================================================================
   Popup Modal
   ========================================================================== */
/* 상품 리스트 장바구니 */
.sct_cartop_wr_body {
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    right: 0;
}

.sct_cartop_wr {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 425px;
    border-radius: 12px;
    transform: translate(-50%, -50%);
    background: #fff;
    font-family: 'Pretendard-Regular';
    overflow: hidden;
}

.sct_cartop_wr .sct_cartop_head {
    border-bottom: 1px solid #b5b5b6;
    position: relative;
    text-align: center;
}

.sct_cartop_wr .sct_cartop_head p {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
    font-family: 'Pretendard-Regular';
}

.sct_cartop_wr .sct_cartop_head .cartopt_close_btn {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

.sct_cartop_wr .sct_cartop_head .cartopt_close_btn i {
    font-size: 22px;
    color: #b5b5b6
}

.sct_cartop_wr .sct_cartop_item {
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_img {
    display: flex;
    flex-grow: 1;
}



.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_preorder_num strong {
    color: #f15d2a;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext .sct_opt_name {
    padding-left: 10px;
    font-size: 14px;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext .sct_it_name {
    font-family: 'Pretendard-Bold';
    vertical-align: top;
    font-size: 15px;
    padding-left: 10px;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext .sct_preorder_num {
    font-family: 'Pretendard-Bold';
    vertical-align: top;
    color: #b5b5b6;
    font-size: 15px;
    padding-left: 10px;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_price {
    flex-shrink: 0;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_price .sct_discount {
    height: 15px;
    margin-top: 26px;
    text-align: right;
    font-size: 13px;
    text-decoration: line-through;
    color: #b5b5b6;
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_price .sct_perscount {
    font-size: 13px;
    font-family: 'Pretendard-Bold';
}

.sct_cartop_wr .sct_cartop_item .sct_cartop_price .display_price {
    font-size: 13px;
    font-family: 'Pretendard-Bold';
    color: #f15d2a;
}

.sct_cartop_wr .optbox2_count {
    padding: 0 20px;
}

.sct_cartop_wr .opt_wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    background: #f2f2f3;
}

.sct_cartop_wr .opt_wr .opt_count_text {
    font-size: 15px;
    font-family: 'Pretendard-Bold';
    padding-left: 10px;
}

.sct_cartop_wr .opt_wr .opt_max_count {
    margin-right: -108px;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
}

.sct_cartop_wr .opt_wr .opt_max_count strong {
    color: #f15d2a;
}

.sct_cartop_wr .opt_wr .opt_count {
    display: flex;
    margin-right: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b5b5b6;
}

.sct_cartop_wr .opt_wr .opt_count .sit_qty_minus, .sct_cartop_wr .opt_wr .opt_count .sit_qty_plus {
    display: block;
    border: 0;
    background: transparent;
    padding: 0 10px;
    height: 28px;
    line-height: 0;
}

.sct_cartop_wr .opt_wr .opt_count .sit_qty_minus i, .sct_cartop_wr .opt_wr .opt_count .sit_qty_plus i {
    font-size: 10px;
    color: #b5b5b6;
}

.sct_cartop_wr .opt_count .num_input {
    text-align: center;
    width: 60px;
    border: none;
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
    font-family: 'Pretendard-Bold';
}

.sct_cartop_wr .opt_sum {
    display: flex;
    justify-content: space-between;
    height: 55px;
    line-height: 55px;
}

.sct_cartop_wr .opt_sum .opt_all {
    font-size: 13px;
    color: #b5b5b6;
}

.sct_cartop_wr .opt_sum .opt_all .opt_cnt {
    color: #f15d2a;
}

.sct_cartop_wr .opt_sum .opt_sum_price {
    color: #f15d2a;
    font-family: 'Pretendard-Bold';
    font-size: 18px;
}

.sct_cartop_wr .sct_btn_box {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

.sct_cartop_wr .sct_btn_box .cartopt_cart_btn, .sct_cartop_wr .sct_btn_box .cartopt_cart_btn_pre_cart, .sct_cartop_wr .sct_btn_box .btn_close, .sct_cartop_wr .sct_btn_box .cartopt_cart_btn_sub {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    background: #f15d2a;
    border: 0;
    color: #fff;
}

.sct_cartop_wr .sct_btn_box .btn_close {
    margin-right: 18px;
    background: #fff;
    border: 1px solid #f15d2a;
    color: #f15d2a;
}

.sct_cartop_wr .it_option {
    width: 100%;
    height: 35px;
    margin: 5px 0;
    background: #fff;
    border: 1px solid #bbbbbb;
}

.sct_cartop_wr .it_supply {
    width: 100%;
    height: 35px;
    margin: 5px 0;
    background: #fff;
    border: 1px solid #bbbbbb;
}

.sct_cartop_wr .sit_option {padding:0 10px;border-bottom:1px solid #ebeff3;margin:10px 0 0}
.sct_cartop_wr .sit_option label{display:block;margin:0 0 5px;color:#666}
.sct_cartop_wr .sit_option select{width:100%;height:35px;border:1px solid #cdcdcd}

.sct_cartop_wr .sit_supply {padding:0 10px;border-bottom:1px solid #ebeff3;margin:10px 0 0}
.sct_cartop_wr .sit_supply label{display:block;margin:0 0 5px;color:#666}
.sct_cartop_wr .sit_supply select{width:100%;height:35px;border:1px solid #cdcdcd}
.sct_cartop_wr .sit_supply .sct_supply_text {font-size: 16px; font-family:'Pretendard-SemiBold'; }

.sct_cartop_wr #bulk_discount_info {
    background: #f8f9fa;
    padding: 5px 10px;
    border-radius: 5px;
    border-left: 4px solid #007bff;
    width: 385px;
    margin: 0 auto;
    font-size: 13px;
}

.sct_cartop_wr  .bulk_discount_price {
    margin-right: 6px;
    font-size: 13px;
    font-family: 'Pretendard-SemiBold';
    color: #b5b5b6;
}

.sct_cartop_wr .cate90_agree {
    margin-top: 10px;
    padding: 0 20px;
}

.sct_cartop_wr .cate90_agree h2 {
    font-family: 'Pretendard-Bold';
    margin-bottom: 5px;
    font-size: 18px;
}

.sct_cartop_wr .cate90_agree h3, .sct_cartop_wr .cate90_agree h4 {
    font-family: 'Pretendard-Bold';
}


.sct_cartop_wr .cate90_agree .cate90_agree_box {
    padding: 5px 10px;
    height: 74px;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #bbb;
    font-size: 12px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.sct_cartop_wr .cate90_agree .cate90_agree_box strong {
    font-family: 'Pretendard-Bold';
}

.sct_cartop_wr .cate90_agree .cate90_agree_box::-webkit-scrollbar {
    display: none;
}

.sct_cartop_wr .checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.sct_cartop_wr .checkbox-container .cb_check_text {
    line-height: 13px;
    font-size: 14px;
    padding-left: 5px;
}

.sct_cartop_wr .checkbox-container .cb_check_text .cb_check_text_required {
    margin-right: 5px;
    color: #f15d2a;
}

.sct_cartop_wr .cartopt_cart_btn.disabled {
    background: #ddd;
    border: 1px solid #ddd;
    cursor: not-allowed;
}

.sct_cartop_wr .sct_preorder_select {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.sct_cartop_wr .sct_preorder_select li {
    display: flex;
    align-items: center;
}

.sct_cartop_wr .sct_preorder_select span {
    font-family: 'Pretendard-Bold';
}

.sct_cartop_wr .sct_preorder_select select {
    margin-left: 10px;
    width: 100px;
    height: 30px;
    border: 1px solid #b5b5b6;
    font-family: 'Pretendard-Regular';
}

.sct_cartop_wr .cart_result_wrap {
    display: none;
}

.sct_cartop_wr .cart_result_wrap .cart_result_message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100px;
    font-size: 13px;
}

.sct_cartop_wr .cart_result_wrap .cart_result_message .small_text {
    color: #b5b5b6;
    margin-top: 5px;
}

.sct_cartop_wr .cart_result_wrap .sct_btn_box button {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
}

.sct_cartop_wr .cart_result_wrap .sct_btn_box .continue_shopping {
    border: 1px solid #f15d2a;
    background: #f15d2a;
    color: #fff;
}

.sct_cartop_wr .cart_result_wrap .sct_btn_box .go_to_cart, .sct_cartop_wr .cart_result_wrap .sct_btn_box .go_to_mylist90 {
    margin-left: 17px;
    border: 1px solid #f15d2a;
    background: #fff;
    color: #f15d2a;
}










/* 신규 사전처방 팝업 CSS */

#get_item_preorder_group.sct_cartop_wr .sct_cartop_head, #get_item_cart_group.sct_cartop_wr .sct_cartop_head {
    text-align: left;
    padding: 0 20px;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_head p, #get_item_cart_group.sct_cartop_wr .sct_cartop_head p {
    display: flex;
    align-items: center;
    font-size: 20px;
    height: 72px;
    line-height: 72px;
    font-family: 'Pretendard-Bold';
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_head p a, #get_item_cart_group.sct_cartop_wr .sct_cartop_head p a {
    font-size: 14px;
    margin-left: 12px;
    font-family: 'Pretendard-Medium';
    display: flex;
    align-items: center;
    color: #666;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_head p a i, #get_item_cart_group.sct_cartop_wr .sct_cartop_head p a i {
    font-size: 10px;
    margin-left: 4px;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_head .cartopt_close_btn, #get_item_cart_group.sct_cartop_wr .sct_cartop_head .cartopt_close_btn {
    top: 22px;
}

#get_item_preorder_group.sct_cartop_wr {
    width: 600px;
}

#get_item_preorder_group.sct_cartop_wr .item_image_wrap {
    border-radius: 4px;
    overflow: hidden;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item {
    padding: 24px 20px;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item .sct_cartop_img {
    width: 100%;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext {
    justify-content: center;
    margin-left: 20px;
    width: 100%;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext .sct_it_name {
    font-size: 16px;
    font-family: 'Pretendard-SemiBold';
    padding: 0;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_cartop_imgtext .sct_preorder_num {
    height: 30px;
    font-size: 14px;
    background: #f5f5f5;
    border-radius: 2px;
    line-height: 30px;
    padding: 0 10px;
    color: #666;
    font-family: 'Pretendard-Medium';
    width: fit-content;
}

#get_item_preorder_group.sct_cartop_wr .sct_cartop_item .sct_cartop_img .sct_preorder_num strong {
    color: #1a1a1a;
    font-family: 'Pretendard-SemiBold';
}

#get_item_preorder_group.sct_cartop_wr .sct_text2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

#get_item_preorder_group.sct_cartop_wr .sct_preorder_select {
    gap: 10px;
    margin: 0;
}

#get_item_preorder_group.sct_cartop_wr .sct_preorder_select span {
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
}

#get_item_preorder_group.sct_cartop_wr .sct_preorder_select li {

}

#get_item_preorder_group.sct_cartop_wr .sct_preorder_select select {
    margin-left: 8px;
    border: 1px solid #d9d9d9;
    font-family: 'Pretendard-Regular';
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 11px 24px 11px 12px;
    -webkit-appearance: none; /* for chrome */
    -moz-appearance: none; /*for firefox*/
    appearance: none;
    background: url('../img/new_page/item_cate_bottom_arrow.png') no-repeat 90% 50%/12px auto;
    font-size: 14px;
}

#get_item_preorder_group.sct_cartop_wr .sct_preorder_select select::-ms-expand {
    display: none;/*for IE10,11*/
}

#get_item_preorder_group.sct_cartop_wr .sct_btn_box, #get_item_cart_group.sct_cartop_wr .sct_btn_box {
    height: 60px;
    line-height: 60px;
    box-shadow: none;
}

#get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn, #get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn2, #get_item_cart_group.sct_cartop_wr .sct_btn_box .pre_cart_group {
    height: 60px;
    width: 100%;
    font-size: 18px;
    font-family: 'Pretendard-Bold';
    color: #fff;
    background: #ddd;
    background: #f15d2a;
    border: 0;
    color: #fff;
    border-radius: 0;
}

#get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn.disabled, #get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn2.disabled, #get_item_cart_group.sct_cartop_wr .sct_btn_box .pre_cart_group.disabled {
    background: #ddd;
    border: 1px solid #ddd;
    cursor: not-allowed;
}

#get_item_preorder_group.sct_cartop_wr .cate90_agree_wrap {
    display: none;

}

#get_item_preorder_group.sct_cartop_wr .cate90_agree_wrap .cate90_agree_content {
    padding: 20px;
}

#get_item_preorder_group.sct_cartop_wr .cate90_agree_wrap .cate90_agree .cate90_agree_box {
    height: 274px;
}

#get_item_preorder_group.sct_cartop_wr .cate90_agree {
    padding: 0;
    margin-top: 6px;
}

#get_item_preorder_group.sct_cartop_wr .cate90_agree .cate90_agree_box {
    height: 260px;
    border-radius: 4px;
}

#get_item_cart_group.sct_cartop_wr {
    width: 700px;
}

#get_item_cart_group.sct_cartop_wr .sct_cartop_item {
    padding: 24px 20px;
}

#get_item_cart_group.sct_cartop_wr .sct_it_alarm {
    font-size: 15px;
    text-align: right;
}

#get_item_cart_group.sct_cartop_wr .sct_it_alarm strong {
    font-family: 'Pretendard-Bold';
    text-decoration: underline;
    color: #ed1c24;
}

#get_item_cart_group.sct_cartop_wr .opt_sum {
    padding: 0 20px;
}

@media (max-width: 1400px) {
    #get_item_preorder_group.sct_cartop_wr .sct_cartop_head .cartopt_close_btn, #get_item_cart_group.sct_cartop_wr .sct_cartop_head .cartopt_close_btn {
        top: 8px;
    }

    #get_item_preorder_group.sct_cartop_wr .sct_btn_box, #get_item_cart_group.sct_cartop_wr .sct_btn_box {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    #get_item_preorder_group.sct_cartop_wr .sct_cartop_head p, #get_item_cart_group.sct_cartop_wr .sct_cartop_head p {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    #get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn, #get_item_preorder_group.sct_cartop_wr .sct_btn_box .cartopt_cart_btn2, #get_item_cart_group.sct_cartop_wr .sct_btn_box .pre_cart_group {
        height: 40px;
        line-height: 40px;
    }

    #get_item_preorder_group.sct_cartop_wr .sct_cartop_item, #get_item_cart_group.sct_cartop_wr .sct_cartop_item {
        padding: 12px 20px;
    }
}

/* 사전처방 그룹화 리스트 */
.ct_group_wrapper {
    margin-bottom: 15px;
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
}

.ct_group_wrapper .ct_group_label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

.ct_group_wrapper .ct_group_controls {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    align-items: center;
}

.ct_group_wrapper .preorder_alert {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    font-size: 14px;
}

.ct_group_wrapper .select_all_btn, .deselect_all_btn {
    padding: 8px 16px;
    font-size: 12px;
    border: 1px solid #ddd;
    background: #f8f9fa;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.ct_group_wrapper .select_all_btn:hover {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

.ct_group_wrapper .deselect_all_btn:hover {
    background: #dc3545;
    color: white;
    border-color: #dc3545;
}

.ct_group_wrapper .ct_group_list {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.ct_group_wrapper .ct_group_item_label {
    display: flex;
    cursor: pointer;
    margin: 0 16px;
    padding: 10px 0px;
    border-bottom: 1px solid #d9d9d9;
    letter-spacing: -0.02em;
}

.ct_group_wrapper .ct_group_item:hover {
    background-color: #f8f9fa;
    border-color: #007bff;
}

.ct_group_wrapper .group_item_0 {
    display: flex;
    align-items: center;
    min-width: 32px;
    flex-shrink: 0
}

.ct_group_wrapper .group_item_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    flex-shrink: 0
}

.ct_group_wrapper .group_item_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px;
    flex: 1 1 auto;
}

.ct_group_wrapper .group_item_2 .ct_group_item_name {
    display: flex;
    color: #1a1a1a;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

.ct_group_wrapper .group_item_2 .ct_group_item_status {
    position: relative;
    color: #1a1a1a;
    margin-top: 6px;
    font-size: 13px;
    margin-right: 2px;
}

.ct_group_wrapper .group_item_2 .ct_group_item_status .status_text_box {
    display: none;
    position: absolute;
    padding: 5px;
    font-size: 12px;
    width: max-content;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    transform: translateX(-50%);
    top: -35px;
    left: 50%;
    font-family: 'Pretendard-Medium';
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
}

.ct_group_wrapper .group_item_2 .ct_group_item_status:hover .status_text_box {
    display: block;
}

.ct_group_wrapper .group_item_2 .ct_group_item_status .status_text_box:before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 3px 0 3px;
    border-style: solid;
    border-color: #d9d9d9 transparent transparent transparent;
}

.ct_group_wrapper .group_item_2 .ct_group_item_status .status_text_box:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 3px 0 3px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.ct_group_wrapper .group_item_2 .ct_group_item_status_wr {
    display: flex;

}

.ct_group_wrapper .group_item_2 .status_small {
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-family: 'Pretendard-SemiBold';
    padding: 4px 7px;
}

.ct_group_wrapper .group_item_2 .item_name_text {
    line-height: 22px;
}

.ct_group_wrapper .group_item_2 .status_before .status_small {
    background: #1A1A1A;
}

.ct_group_wrapper .group_item_2 .status_request .status_small {
    background: #FF9902;
}

.ct_group_wrapper .group_item_2 .status_approved .status_small {
    background: #4DAF51;
}

.ct_group_wrapper .group_item_2 .status_request .status_text_box b {
    font-family: 'Pretendard-SemiBold';
    color: #FF9902;
}

.ct_group_wrapper .group_item_2 .status_approved .status_text_box b {
    font-family: 'Pretendard-SemiBold';
    color: #4DAF51;
}

.ct_group_wrapper .group_item_3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-right: 8px;
    width: 140px;
    flex-shrink: 0
}

.ct_group_wrapper .group_item_3 .ct_group_item_discount {
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    color: #999;
    text-decoration: line-through;
}

.ct_group_wrapper .group_item_3 .ct_group_item_per {
    display: inline;
    font-size: 16px;
    font-family: 'Pretendard-Bold';
    color: #F15D2A;
    margin-right: 5px;
}

.ct_group_wrapper .group_item_3 .ct_group_item_price {
    display: inline;
    font-size: 16px;
    color: #1a1a1a;
}

.ct_group_wrapper .group_item_3 .ct_group_item_price b {
    font-family: 'Pretendard-Bold';
}

.ct_group_wrapper .group_item_3 .ct_group_item_box {
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    color: #999;
    margin-top: 4px;
    width: max-content;
}

.ct_group_wrapper .group_item_4 {
    width: 100px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ct_group_wrapper .group_item_4 .opt_count {
    display: flex;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #b5b5b6;
}

.ct_group_wrapper .group_item_4 .opt_count .num_input {
    text-align: center;
    width: 40px;
    border: none;
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
    font-family: 'Pretendard-Bold';
}

.ct_group_wrapper .group_item_4 .opt_count .sit_qty_minus, .ct_group_wrapper .group_item_4 .opt_count .sit_qty_plus {
    display: block;
    border: 0;
    background: transparent;
    padding: 0 10px;
    height: 28px;
    line-height: 0;
}

.ct_group_wrapper .group_item_4 .opt_count .sit_qty_minus i, .ct_group_wrapper .group_item_4 .opt_count .sit_qty_plus i {
    font-size: 10px;
    color: #b5b5b6;
}

.ct_group_wrapper .ct_group_checkbox {
    display: none;
}

.ct_group_wrapper .ct_group_item_price {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    display: block;
}

.ct_group_wrapper .ct_group_item.selected {
    background-color: #FFEBDB;
}

.ct_group_wrapper .group_item_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    font-size: 12px;
    color: #4d4d4d;
    height: 28px;
}

.ct_group_wrapper .group_item_link a i {
    margin-left: 6px;
    font-size: 8px;
    transform: translateY(1px);
}

#sit_ov .ct_group_wrapper .ct_group_list {
    max-height: 450px;
    padding: 8px;
}

#sit_ov .ct_group_item {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    margin-bottom: 10px;
}

#sit_ov .ct_group_item:last-child {
    margin: 0;
}

#sit_ov .ct_group_item .ct_group_item_label {
    border: 0;
}

#sit_ov .ct_group_wrapper .group_item_1 {
    position: relative;
    width: auto;
}

#sit_ov .ct_group_wrapper .group_item_1 input.new_design_chk[type="checkbox"] + label {
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/checkbox_off.svg') no-repeat center #fff;
}

#sit_ov .ct_group_wrapper .group_item_1 input.new_design_chk[type="checkbox"]:checked + label {
    background: url('../img/checkbox_on.svg') no-repeat center #fff;
}

#sit_ov .ct_group_wrapper .group_item_2 {
    padding: 0 12px;
}

#sit_ov .ct_group_wrapper .group_item_3 {
    padding: 0;
}

#sit_ov .ct_group_wrapper .group_item_4 {
    width: auto;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count {
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    height: 30px;
    border: 1px solid #d9d9d9;;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count .num_input {
    border-left: 0;
    border-right: 1px solid #d9d9d9;;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count .num_input .sit_button {
    display: flex;
    flex-direction: column;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count .sit_qty_minus, #sit_ov .ct_group_wrapper .group_item_4 .opt_count .sit_qty_plus {
    height: 50%;
    background: #f5f5f5;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count .sit_qty_plus {
    border-bottom: 1px solid #d9d9d9;
}

#sit_ov .ct_group_wrapper .group_item_4 .opt_count .sit_qty_minus i, #sit_ov .ct_group_wrapper .group_item_4 .opt_count .sit_qty_plus i {
    color: #666;
}


@media (max-width: 1400px) {
    .ct_group_wrapper .ct_group_list {
        max-height: 300px;
    }
}

/* ==========================================================================
   popup_modal
   ========================================================================== */

.popup_modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.popup_modal .popup_modal_content {
    position: relative;
    margin: auto;
    padding: 0;
    top: 50%;
    width: 90%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.popup_modal .popup_modal_content video {
    max-width: 100%;
    max-height: 90vh;
}

.popup_modal .popup_modal_content .show_button {
    position: absolute;
    right: 50px;
    top: 10px;
    color: #fff;
}

.popup_modal .popup_modal_content .popup_modal_close {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    background: transparent;
    border: none;
    font-size: 32px;
    cursor: pointer;
}

/* ==========================================================================
   IT 원외탕전 모달
   ========================================================================== */

.modal-backdrop {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    right: 0;
}

.decoct-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 230px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
    font-family: 'Pretendard-Regular';
}

.decoct-modal .decoct-modal-header {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.decoct-modal .decoct-modal-header .decoct-modal-title {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

.decoct-modal .decoct-modal-header .decoct-modal-close {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

.decoct-modal .decoct-modal-header .decoct-modal-close i {
    font-size: 22px;
    color: #b5b5b6;
}

.decoct-modal .decoct-modal-content {
    height: 110px;
    text-align: center;
}

.decoct-modal .decoct-modal-content .decoct-modal-text {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
}

.decoct-modal .decoct-modal-content .decoct-modal-text .highlight {
    font-family: 'Pretendard-Bold';
    color: #f15d2a;
}

.decoct-modal .btn-confirm {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

.decoct-modal .btn-confirm .decoct-modal-button {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    background: #f15d2a;
    border: 0;
    color: #fff;
}

/* ==========================================================================
   재입고 알림 모달
   ========================================================================== */

/* 배경 오버레이 추가 */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}

#stockSmsModal {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 425px;
    height: 370px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    z-index: 9999; /* z-index 값 상향 조정 */
    font-family: 'Pretendard-Regular';
}

#stockSmsModal .required {
    color: #f15d2a;
    background-image: none !important;
}

#stockSmsModal .smsmodal-header {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

#stockSmsModal .smsmodal-header .smsmodal-title {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

#stockSmsModal .smsmodal-header .smsmodal-close {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

#stockSmsModal .smsmodal-header .smsmodal-close i {
    font-size: 22px;
    color: #b5b5b6;
}

#stockSmsModal .btn-confirm {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

#stockSmsModal .btn-confirm .smsmodal-button {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    background: #f15d2a;
    border: 0;
    color: #fff;
}

#stockSmsModal .smsmodal-content {
    text-align: left;
}

#stockSmsModal .smsmodal-content .content-item {
    padding: 20px;
}

#stockSmsModal .smsmodal-content .content-item .item-info {
    display: flex;
    margin-top: 3px;
}

#stockSmsModal .smsmodal-content .content-item .item-info #sms_item_img {
    margin-right: 10px;
}

#stockSmsModal .smsmodal-content .content-item .item-info #sms_item_img img {
    width: 45px;
}


#stockSmsModal .smsmodal-content .content-item .item-info .item_text .item-name {
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

#stockSmsModal .smsmodal-content .content-item .item-info .item_text .notice-text {
    margin-top: 4px;
    color: #b5b5b6;
    font-size: 10px;
}

#stockSmsModal .smsmodal-content .content-item .form-group {
    margin-top: 20px;
    font-size: 12px;
}

#stockSmsModal .smsmodal-content .content-item .form-group select[name="hp1"] {
    width: 100px;
    height: 30px;
    padding: 5px;
    border: 1px solid #b5b5b6;
}

#stockSmsModal .smsmodal-content .content-item .form-group .hp-line {
    display: inline-block;
    width: 8px;
    height: 2px;
    background: #b5b5b6;
    line-height: 8px;
    margin: 1px 7px;
}

#stockSmsModal .smsmodal-content .content-item .form-group input[name="hp2"] {
    border-radius: 0;
    width: 188px;
    height: 30px;
}

#stockSmsModal .smsmodal-content .content-item .privacy-group {
    margin-top: 15px;
    font-size: 12px;
}

#stockSmsModal .smsmodal-content .content-item .privacy-group .privacy-text {
    display: block;
    margin-bottom: 5px;
}

#stockSmsModal .smsmodal-content .content-item .privacy-group .privacy-policy {
    width: 385px;
    height: 74px;
    padding: 5px 10px;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    resize: none;
    color: #B5B5B6;
}


#stockSmsModal .smsmodal-content .content-item .privacy-group .privacy-policy::-webkit-scrollbar {
    display: none;
}

/* 모달 배경 */
#stockSuccessModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 425px;
    height: 220px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

#stockSuccessModal .success-modal-header {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}


#stockSuccessModal .success-modal-header .success-title {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

#stockSuccessModal .success-modal-header .success-close {
    position: absolute;
    top: 12px;
    right: 20px;
    background: none;
    border: 0;
}

#stockSuccessModal .success-modal-header .success-close i {
    font-size: 22px;
    color: #b5b5b6;
}


#stockSuccessModal .success-modal-content .success-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 21px 0;
}

#stockSuccessModal .success-modal-content .success-modal-body .success-message {
    font-size: 15px;
    margin-top: 11px;
    text-align: center;
}

#stockSuccessModal .success-modal-content .success-modal-body .success-message .highlight {
    font-family: 'Pretendard-Bold';
    color: #F15D2A;
}

#stockSuccessModal .success-modal-content .success-modal-body .success-message .normal {
    font-family: 'Pretendard-Bold';
    color: #1A1A1A;
}

#stockSuccessModal .btn-confirm {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

#stockSuccessModal .btn-confirm .success-confirm {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
    background: #f15d2a;
    border: 0;
    color: #fff;
}

/* ==========================================================================
   marketing
   ========================================================================== */
.mkt_style {
    padding-bottom: 30px;
}

.mkt_style .mkt_main_banner img {
    margin-bottom: 72px;
}

.mkt_style .mkt_main_banner img {
    width: 1280px;
    height: 450px;
}

.mkt_style .mkt_ca {
    margin-bottom: 60px;
    border-bottom: 2px solid #f7f7f9;
}

.mkt_style .mkt_ca .mkt_ca_header {
    font-size: 30px;
    font-family: 'Pretendard-Bold';
    text-align: center;
}

.mkt_ca_wr {

}

.mkt_ca_wr .mkt_ca_slider {
    margin: 30px auto 60px;
    text-align: center;
    font-size: 0;
    width: 1100px;
}

.mkt_ca_wr .mkt_ca_slider li {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    text-align: center;
}

.mkt_ca_wr .mkt_ca_slider li .ca_slider_img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 20px;
    background: #f2f2f3;
    overflow: hidden;
}

.mkt_ca_wr .mkt_ca_slider li .ca_slider_img img {
    width: 100%;
    transition: transform 0.3s ease;
}

.mkt_ca_wr .mkt_ca_slider li .ca_slider_img:hover img {
    transform: scale(1.1);
}

.mkt_ca_wr .mkt_ca_slider li .ca_name {
    line-height: 23px;
    font-size: 18px;
    font-family: 'Pretendard-Bold';
}

.mkt_ca_wr .mkt_ca_slider li:hover .ca_name {
    color: #f15d2a;
}

.mkt_ca_wr .mkt_ca_slider li.on .ca_name {
    color: #f15d2a;
}

.mkt_ca_wr .mkt_ca_slider li .ca_sub_text {
    line-height: 23px;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

.mkt_ca_wr .mkt_ca_slider li .ca_sub_top_text {
    line-height: 23px;
    height: 23px;
    font-size: 18px;
    font-family: 'Pretendard-Medium';
    margin-bottom: 4px;
}

.mkt_ca_wr .mkt_ca_slider li .ca_sub_top_text.ca_sub_blink {
    animation: flickerAnimation 1s infinite;
    color: #f15d2a;

    /* 사파리 최적화를 위한 속성들 */
    -webkit-transform: translateZ(0); /* GPU 레이어 강제 생성 */
    transform: translateZ(0);
    will-change: opacity; /* 브라우저에게 변경될 속성 미리 알림 */
    
    /* 사파리 전용 최적화 */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.mkt_ca_wr .mkt_ca_slider li .ca_sub_text.ca_sub_blink {
    animation: flickerAnimation 1s infinite;
    color: #f15d2a;
}

.mkt_ca_wr .mkt_ca_slider li:hover .ca_sub_text {
    color: #f15d2a;
}

.mkt_ca_wr .mkt_ca_slider .mkt_custom_prev, .mkt_ca_wr .mkt_ca_slider .mkt_custom_next {
    position: absolute;
    z-index: 1;
    top: 55px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #b5b5b6;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    font-size: 21px;
}

.mkt_ca_wr .mkt_ca_slider .mkt_custom_prev {
    left: -70px;
}

.mkt_ca_wr .mkt_ca_slider .mkt_custom_next {
    right: -70px;
}

.mkt_style .mkt_phrase {
    
}

.mkt_style .mkt_phrase .mkt_phrase_header {
    margin-bottom: 10px;
    font-size: 30px;
    font-family: 'Pretendard-Bold';
}

.mkt_style .mkt_phrase .mkt_phrase_sub {
    margin-bottom: 60px;
    font-size: 20px;
    font-family: 'Pretendard-Medium';
    color: #999;
}

.mkt_style .mkt_slider {

}

.mkt_style .mkt_sub_banner {
    margin: 120px 0;
    width: 1280px;
    height: 150px;
}

.mkt_style .mkt_sub_banner img {
    width: 100%;
}

.mkt_style .mkt_sub_banner:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   cart
   ========================================================================== */


#sod_bsk {
    margin-top: 30px;
    font-family: 'Pretendard-Regular';
}

#sod_bsk .cart_main_container {
}

#sod_bsk .category_section {
    float: left;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    width: 620px;
    margin-bottom: 40px;
}

#sod_bsk .category_section .category_header {
}

#sod_bsk .category_section .category_header h3 {
    position: relative;
    padding: 28px 0px 14px 38px;
    margin: 0 30px;
    font-size: 25px;
    border-bottom: 2px solid #1A1A1A;
    font-weight: normal;
    font-family: 'Pretendard-Bold';
}

#sod_bsk .category_section .category_header h3 .ca_head_icon {
    position: absolute;
    width: 30px;
    margin-right: 20px;
    left: 0;
}

#sod_bsk .category_section .category_header .count {
    margin-left: 5px;
}

#sod_bsk .category_section .category_header .mylist90_btn {
    color: #fff;
    float: right;
    width: 100px;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Pretendard-Medium';
    text-align: center;
    background: #959596;
}

#sod_bsk .category_section .category_header .mylist90_btn:hover {
    background: #428ABD;
}

#sod_bsk .category_section .category_header.nokong .count {
    color: #f15d2a;
}

#sod_bsk .category_section .category_header.hanpure .count {
    color: #aaaf53;
}

#sod_bsk .category_section .category_header.market .count {
    color: #f9a245;
}

#sod_bsk .category_section .category_header.won .count {
    color: #428ABD;
}

#sod_bsk .category_section .category_header .sod_won_small {
    vertical-align: super;
    margin-left: 5px;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    color: #1a1a1a;
}

#sod_bsk .category_section .sod_btn_wr {
    margin: 0;
    padding: 18px 30px 15px;
}

#sod_bsk .category_section .sod_btn_wr input[type="checkbox"] {
    margin-right: 10px;
}

#sod_bsk .category_section .sod_btn_wr .sod_select_all[type="checkbox"] + label {
    width: 15px;
    height: 15px;
}

#sod_bsk .category_section .sod_btn_wr label {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
}

#sod_bsk .category_section .sod_btn_wr .btn {
    float: right;
    width: 70px;
    height: 30px;
    line-height: 30px;
    margin-top: -6px;
    padding: 0;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #f2f2f3;
    cursor: pointer;
    font-family: 'Pretendard-Medium';
}

#sod_bsk .category_section .sod_btn_wr .btn:hover {
    background: #f8f9fa;
}

#sod_bsk .sod_table .category_table_wr {
    overflow-y: scroll;
    height: 182px;
}

#sod_bsk .sod_table.solo_table .category_table_wr {
    height: 691px;
}

#sod_bsk .sod_table .category_table_wr {
    margin: 0 30px;
}

#sod_bsk .sod_table .category_table_wr table {
    table-layout: fixed;
    font-size: 13px;
    border-collapse: separate;
}

#sod_bsk .sod_table thead th {
    font-size: 12px;
    border-top: 2px solid #f2f2f3;
    border-bottom: 2px solid #f2f2f3;
    text-align: center;
    height: 25px;
}

#sod_bsk .sod_table tr td {
    border-left: 0;
    min-height: 100px;
    font-size: 10px;
}

#sod_bsk .sod_table .sod_td_item .sod_name {
    position: relative;
    min-height: 60px;
    margin-left: 10px;
}

#sod_bsk .sod_table .sod_td_item .sod_name .prd_name {
    display: inline-block;
    margin-top:2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
    font-family: 'Pretendard-SemiBold';
    font-size: 13px;
}

#sod_bsk .sod_table .sod_td_item .sod_name .opt_text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 115px;
    font-size: 10px;
}

#sod_bsk #won_section.sod_table .sod_td_item .sod_name .prd_name {
    max-width: 250px;
}

#sod_bsk #won_section.sod_table .sod_td_item .sod_name .opt_text {
    max-width: 230px;
}

#sod_bsk .sod_table .sod_td_item .sod_name .sod_opt ul li {
    font-size: 13px;
}

#sod_bsk .sod_table .sod_td_item .sod_name .sod_opt ul li .opt_more_btn {
    cursor: pointer;
    margin-left: 5px;
    transform: translateY(-1px);
    width: 15px;
    height: 15px;
}

#sod_bsk #hanpure_section .sod_btn_wr input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on2.png') no-repeat center;
    background-size: contain;
}

#sod_bsk #hanpure_section .sod_td_chk input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on2.png') no-repeat center;
    background-size: contain;
}

#sod_bsk #won_section .sod_btn_wr input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on3.png') no-repeat center;
    background-size: contain;
}

#sod_bsk #won_section .sod_td_chk input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on3.png') no-repeat center;
    background-size: contain;
}

.sod_td_item .sod_name .sod_opt_box {
    display: none;
    position: absolute;
    top: 48px;
    left: 75px;
    width: max-content;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
    font-size: 15px;
    background: #f2f2f3;
    color: #b5b5b6;
    line-height: 20px;
}

.sod_td_item .sod_name .sod_opt_box b {
    font-family: 'Pretendard-Bold';
}

#sod_bsk .sod_table .sod_td_total .sod_delete_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #b5b5b6;
    cursor: pointer;
    font-size: 13px;
}

#sod_bsk .sod_table .sod_td_opt {
    font-family: 'Pretendard-Bold';
    font-size: 16px;
}

#sod_bsk #nokong_section.sod_table .sod_option_btn .mod_options:hover {
    color: #fff;
    background: #f15d2a;
    border: 0;
}

#sod_bsk #hanpure_section.sod_table .sod_option_btn .mod_options:hover {
    color: #fff;
    background: #aaaf53;
    border: 0;
}

#sod_bsk #market_section.sod_table .sod_option_btn .mod_options:hover {
    color: #fff;
    background: #f9a245;
    border: 0;
}

#sod_bsk .sod_table .sod_option_btn {

}

#sod_bsk .sod_table .sod_option_btn .mod_options {
    margin-top: 5px;
    width: 70px;
    height: 20px;
    border: 0;
    border-radius: 5px;
    font-family: 'Pretendard-Medium';
    font-size: 10px;
    color: #1a1a1a;
    border: 1px solid #d9d9d9;
}

#sod_bsk .sod_table .sod_td_price2 .discount_per {
    margin-top: 8px;
    font-size: 13px;
    color: #b5b5b6;
}

#sod_bsk .sod_table .sod_td_total .total_cnt_text {
    margin-top: 8px;
    font-size: 13px;
    color: #b5b5b6;
}

#sod_bsk .sod_table .sod_td_total .total_cnt_text .total_cnt {
    color: #f15d2a;
}

#sod_bsk .sod_table .sod_td_total {
    color: #1A1A1A;
    position: relative;
}

#sod_bsk .sod_table .sod_td_dvr {
    background: #fff;
}

#sod_bsk .sod_table .sod_td_dvr.selected_all {
    background: #fbf5f3;
}

#sod_bsk .sod_table .sod_td_dvr img {
    margin-top: 4px;
    cursor: pointer;
}

#sod_bsk .sod_table .empty_table {
    color: #b5b5b6;
    display: flex;
    min-height: 137px;
    justify-content: center;
    width: 525px;
    flex-direction: column;
    font-size: 13px;
}

#sod_bsk .sod_table.solo_table .empty_table {
    min-height: 585px;
}

#sod_bsk .sod_table .empty_table img {
    display: block;
    margin: 0 auto 20px;
}

#sod_bsk .sod_table .sod_add_text p {
    height: 50px;
    line-height: 50px;
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    text-align: center;
    color: #b5b5b6;
}

#sod_bsk #sod_bsk_tot ul {
    display: flex;
    gap: 45px;
    margin-top: 5px;
}

#sod_bsk #sod_bsk_tot li {
    float: left;
    height: 55px;
    text-align: center;
    font-size: 25px;
    font-family: 'Pretendard-Bold';
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sod_bsk #sod_bsk_tot li div {
    display: flex;
    flex-direction: column;
}

#sod_bsk #sod_bsk_tot li span {
    display: block;
    font-size: 12px;
    font-family: 'Pretendard-Regular';
    margin-top: 3px;
    color: #999;
}

#sod_bsk #sod_bsk_tot li strong {
    font-size: 15px;
}

#sod_bsk #sod_bsk_tot li:last-child strong {
    color: #727272;
}

#sod_bsk #sod_bsk_tot li img {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    right: -34px;
    transform: translateY(-50%);
}

#sod_bsk #sod_bsk_tot li.sod_bsk_amount strong,
#sod_bsk #sod_bsk_tot li.sod_bsk_amount span {
    color: #f15d2a;
}

#sod_bsk #hanpure_section #sod_bsk_tot li.sod_bsk_amount strong,
#sod_bsk #hanpure_section #sod_bsk_tot li.sod_bsk_amount span {
    color: #aaaf53;
}

#sod_bsk #market_section #sod_bsk_tot li.sod_bsk_amount strong,
#sod_bsk #market_section #sod_bsk_tot li.sod_bsk_amount span {
    color: #f9a245;
}

#sod_bsk #won_section #sod_bsk_tot li.sod_bsk_amount strong,
#sod_bsk #won_section #sod_bsk_tot li.sod_bsk_amount span {
    color: #428ABD;
}

#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong {
    color: #ff006c;
}

#sod_bsk_act {
    text-align: center;
}

#sod_bsk_act .btn_submit {
    margin: 50px 0;
    height: 45px;
    line-height: 45px;
    color: #fff;
    width: 280px;
    font-size: 15px;
    font-family: 'Pretendard-Medium';
    background: #f15d2a;
    border-radius: 5px;
}

#sod_bsk_act .btn01 {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-weight: 600;
    font-size: 1.125em;
}

#sod_bsk_act p {
    margin: 0 0 10px;
}

#sod_bsk .category_section .category_order_btn {
    width: 100%;
    height: 60px;
    font-size: 15px;
    border: none;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
    color: white;
    font-family: 'Pretendard-Bold';
}

#sod_bsk .category_section .category_order_btn.nokong {
    background: #f15d2a;
}

#sod_bsk .category_section .category_order_btn.hanpure {
    background: #aaaf53;
}

#sod_bsk .category_section .category_order_btn.market {
    background: #f9a245;
}

#sod_bsk .category_section .category_order_btn.won {
    background: #428ABD;
}

#sod_bsk .category_section .category_order_btn:disabled {
    background: #6c757d !important;
    cursor: not-allowed;
    opacity: 0.6;
}

#sod_bsk .category_section .total_summary {
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

#sod_bsk .category_section #sod_bsk_tot {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

#sod_bsk .category_section .total_summary .sod_bsk_text {
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    color: #b5b5b6;
    text-align: center;
    font-family: 'Pretendard-Regular';
}

#sod_bsk .sod_bottom_text {
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
    font-family: 'Pretendard-Medium';
    margin-bottom: 80px;
    clear: both;
}

/* 반응형 */
@media (max-width: 1280px) {
    .cart_main_container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}





/* 장바구니 플로팅 배너 */
.ct_f_banner {
    position: fixed;
    bottom: 190px;
    cursor: pointer;
}

.ct_f_banner .ct_f_img {
    position: absolute;
    left: -170px;
}

.ct_f_banner .ct_f_img .ct_f_img1 {

}

.ct_f_banner .ct_f_img .ct_f_img2 {
    position: absolute;
    right: -26px;
    top: 50%;
    animation: animationCartBanner 0.7s infinite;
}

.ct_f_banner .ct_f_img .ct_f_img3 {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animationCartBanner2 0.7s infinite;
}


/* 모달 기본 스타일 */
.deli_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    font-family: 'Pretendard-Regular';
}

.deli_modal .modal_content {
    position: relative;
    background-color: #fff;
    top: 50%;
    left: 50%;
    width: 425px;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.deli_modal .close_btn {
    position: absolute;
    top: 8px;
    right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.deli_modal .close_btn i {
    font-size: 22px;
    color: #b5b5b6;
}

.deli_modal h2 {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #b5b5b6;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

.deli_modal .modal_body {
    padding: 20px;
}

.deli_modal .modal_body .body_text {
    padding: 14px 0;
    border-bottom: 1px solid #b5b5b6;
}

.deli_modal .modal_body .body_text:last-child {
    border-bottom: 0;
}

.deli_modal .modal_body .body_text h3 {
    line-height: 22px;
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

.deli_modal .modal_body .body_text p {
    line-height: 22px;
    font-size: 14px;
}

#cartOptModal {
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message {
    position: relative;
    max-height: 380px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img {
    padding: 20px 20px 0 20px;
    width: 100%;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .sct_carttop_basic {
    display: flex;
    justify-content: space-between;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img img {
    width: 60px;
    height: 60px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .sct_cartop_imgtext {
    flex: 1;
    margin-left: 10px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .sct_it_name {
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .option_wr {
    padding: 0;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .option_wr .get_item_options {
    margin: 0;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .option_wr label {
    display: none;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .option_wr .get_item_options .it_option, #cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .option_wr .get_item_supply .it_supply {
    width: 315px;
    height: 30px;
    margin-top: 12px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .sct_carttop_supply {
    display: flex;
    justify-content: space-between;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sct_cartop_img .sct_carttop_supply .sct_supply_text {
    width: 60px;
    line-height: 52px;
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_sel_option {
    width: 100%;
    max-height: 220px;
    overflow-y: scroll;
    padding: 0 6px 0 20px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_tot_opt_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    flex-shrink: 0;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_tot_opt_price .prc_title {
    color: #b5b5b6;
    font-size: 13px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_tot_opt_price .prc_title .qty_small {
    color: #f15d2a;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_tot_opt_price .prc_price {
    color: #f15d2a;
    font-size: 18px;
    font-family: 'Pretendard-Bold';
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_tot_opt_price .bulk_discount_price {
    margin-right: 6px;
    font-family: 'Pretendard-SemiBold';
    color: #b5b5b6;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #bulk_discount_info {
    background: #f8f9fa;
    padding: 5px 10px;
    border-radius: 5px;
    border-left: 4px solid #007bff;
    width: 385px;
}

#cartOptModal .common_modal_content .common_modal_body_wrap .common_modal_message #sit_bulk_discount_info {
    display: none !important;
}

/* ==========================================================================
   order
   ========================================================================== */

/* 주문서 작성 */

#sod_frm {
    font-family: 'Pretendard-Regular';
}

#sod_frm .sod_wr {display: flex;}

#sod_frm .sod_order_data {width: 800px;}
#sod_frm .sod_order_data > div {margin-bottom: 45px;}
#sod_frm .sod_side_data {width: 440px; padding-left: 100px;}

#sod_frm .sod_title {
    position: relative;
    font-size: 25px;
    padding-bottom: 12px;
    border-bottom: 2px solid #1A1A1A;
    font-weight: normal;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_prd_list .sod_title {
    margin: 0;
    border-bottom: 0;
}

#sod_frm .od_prd_list .sod_title .od_count {
    color: #f15d2a;
    margin-left: 7px;
}

#sod_frm .od_prd_list .sod_title i {
    float: right;
    line-height: 40px;
    cursor: pointer;
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    min-height: 80px;
    margin-left: 8px;
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name b {
    margin-bottom: 4px;
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name .opt_text {
    color: #b5b5b6;
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name .sod_c0_detail_btn {
    margin-top: 3px;
    background: #f15d2a;
    display: inline-block;
    width: 170px;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name .sod_opt ul li {
    font-size: 15px;
}

#sod_frm .od_prd_list .sod_table .sod_td_item .sod_name .sod_opt ul li .opt_more_btn {
    cursor: pointer;
    margin-left: 5px;
    transform: translateY(-2px);
}

#sod_frm .od_prd_list .sod_table .sod_td_opt {
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_prd_list .sod_table .sod_td_od_price {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_cate10_agree_data .sod_title {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#sod_frm .od_cate10_agree_data .sod_title .od_cate10_agree_htext {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: 'Pretendard-Regular';
}

#sod_frm .od_cate10_agree_data .sod_title .od_cate10_agree_htext .text1 {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

#sod_frm .od_cate10_agree_data .sod_title .od_cate10_agree_htext .text1 img {
    width: 20px;
    margin: 0 5px;
}

#sod_frm .od_cate10_agree_data .sod_title .od_cate10_agree_htext .text2 {
    line-height: 20px;
    color: #b5b5b6;
}

#sod_frm .od_cate10_agree_data .shchk_box {
    margin-top: 20px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_cate10_agree_data .shchk_box li {
    margin-bottom: 10px;
}

#sod_frm .od_cate10_agree_data .shchk_box label {
    cursor: pointer;
}

#sod_frm .od_member_data .sod_title {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

#sod_frm .od_member_data .sod_title .od_member_htext {
    color: #b5b5b6;
    font-size: 14px;
    font-family: 'Pretendard-Regular';
}

#sod_frm .od_member_data .sod_title .od_member_htext {
    color: #1A1A1A;
}

#sod_frm .od_member_data table {
}

#sod_frm .od_member_data table tr {
    height: 52px;
}

#sod_frm .od_member_data table tr th {
    width: 120px;
    text-align: left;
    font-family: 'Pretendard-Bold';
    font-weight: normal;
}

#sod_frm .od_orderer_data .new_tbl_frm01 tr, #sod_frm .od_taker_data .new_tbl_frm01 tr {
    border-bottom: 2px solid #f2f2f3;
}

#sod_frm .od_orderer_data .new_tbl_frm01 td, #sod_frm .od_taker_data .new_tbl_frm01 td {
    padding: 20px 0;
}

#sod_frm .od_orderer_data .new_tbl_frm01 .frm_address, #sod_frm .od_taker_data .new_tbl_frm01 .frm_address {
    margin-top: 20px;
}

#sod_frm .od_orderer_data .new_tbl_frm01 #od_addr1, #sod_frm .od_taker_data .new_tbl_frm01 #od_b_addr1 {
    width: 440px;
    margin-right: 29px;
}

#sod_frm .od_orderer_data .new_tbl_frm01 #od_addr2, #sod_frm .od_taker_data .new_tbl_frm01 #od_b_addr2 {
    width: 200px;
}

#sod_frm .od_orderer_data .sod_title button, #sod_frm .od_taker_data .sod_title button {
    position: absolute;
    right: 0;
    top: -5px;
    display: none;
    width: 150px;
}

#sod_frm .od_taker_data #od_memo {
    width: 100%;
}

#sod_frm .od_taker_data #od_memo_select {
    width: 300px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #b5b5b6;
    padding: 0 12px;
}

#sod_frm .od_taker_data #od_memo2 {
    display: none;
    margin-left: 29px;
    width: 340px;
}

#sod_frm .od_taker_data .od_deli_wrap {
    border-top: 2px solid #1A1A1A;
}

#sod_frm .od_taker_data .od_deli_wrap h3 {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #f2f2f3;
}

#sod_frm .od_taker_data .od_deli_wrap h3 span {
    display: flex;
    line-height: 44px;
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    color: #b5b5b6;
}

#sod_frm .od_taker_data .od_deli_wrap h3 span b {
    margin-left: 3px;
    color: #1A1A1A;
}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box .od_deli_select {

}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box .od_deli_select label {
    font-size: 16px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box .od_deli_select label span {
    font-size: 14px;
    color: #f15d2a;
    font-family: 'Pretendard-Regular';
}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box .od_deli_select .deli_text1 {
    line-height: 20px;
    font-size: 14px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_taker_data .od_deli_wrap .od_deli_box .od_deli_select .deli_text2 {
    line-height: 20px;
    font-size: 14px;
    font-family: 'Pretendard-Regular';
    letter-spacing: -0.03em;
}

#sod_frm .od_sale_data .sod_title {
    margin: 0;
}

#sod_frm .od_sale_data .sale_row {
    padding: 30px 0;
    border-bottom: 2px solid #f2f2f3;
}

#sod_frm .od_sale_data .sod_frm_point {
    align-items: center;
}

#sod_frm .od_sale_data .sod_frm_point .sod_line1 {
    display: flex;
    margin-bottom: 30px;
}

#sod_frm .od_sale_data .sod_frm_point .sod_line2 {
    display: flex;
}

#sod_frm .od_sale_data .sod_frm_point label {
    width: 120px;
    text-align: left;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_sale_data .sod_frm_point .sale_price {
    display: flex;
    margin-right: 25px;
    padding: 0 30px;
    width: 450px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: right;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price.coupon_sale {
    background: #f2f2f3;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price input {
    margin-right: 6px;
    width: 400px;
    border: 0;
    text-align: right;
    color: #1A1A1A;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price input::placeholder {
    color: #b5b5b6;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price input::-webkit-input-placeholder{
    color: #b5b5b6;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price input:-ms-input-placeholder{
    color: #b5b5b6;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price input#od_temp_coupon_sale {
    background: #f2f2f3;
}

#sod_frm .od_sale_data .sod_frm_point .sale_price span {
    flex: 1;
}

#sod_frm .od_sale_data .sod_frm_point .sale_btn {
    width: 90px;
    height: 50px;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
}

#sod_frm .od_sale_data .sod_frm_point .pooint_link_btn {
    margin-left: 25px;
    width: 90px;
    height: 50px;
    border: 1px solid #f15d2a;
    border-radius: 5px;
    background: #fbf5f3;
    font-family: 'Pretendard-Bold';
    color: #f15d2a;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max {
    text-align: left;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point1 {
    font-family: 'Pretendard-SemiBold';
    color: #999;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point1 strong {
    margin-left: 17px;
    color: #f15d2a;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point2_all {
    margin-bottom: 10px;
    font-family: 'Pretendard-SemiBold';
    color: #999;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point2_all strong {
    margin-left: 17px;
    color: #1a1a1a;
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point2 {
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point2 strong {
    font-family: 'Pretendard-SemiBold';
}

#sod_frm .od_sale_data .sod_frm_point .sale_max .has_point2 strong.black {
    color: #1a1a1a;
}

#sod_frm .od_sale_data .sod_point_text {
    margin: 20px 0 0 120px;
    line-height: 20px;
    color: #8c8c8c;
    font-size:14px;
}

#sod_frm .od_sale_data .sod_point_text .cou_text {
    color: #f15d2a;
}

#sod_frm .od_pay_data .sod_title {
    margin: 0;
}

#sod_frm .od_pay_data .od_pay_box {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f3;
    height: 90px;
}

#sod_frm .od_pay_data .od_pay_box .od_pay_head {
    width: 120px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl {
    display: flex;
    gap: 70px;
    flex: 1;
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl input[type="radio"]{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    text-indent:-999px;
    left:0;
    z-index:-1px;
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl input[type="radio"]:checked+.lb_icon {
    background: #FEF0EB;
    color: #f15d2a;
    border:1px solid #f15d2a;
    z-index:3;
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl .lb_icon {
    width: 180px;
    height: 50px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl .lb_icon .easy_pay_text {
    position: absolute;
    top: -10px;
    right: -11px;
    background: #f15d2a;
    width: 62px;
    height: 20px;
    line-height: 20px;
    border-radius: 15px;
    color: #fff;
    font-size: 11px;
}

#sod_frm .od_pay_data .od_pay_box #od_pay_sl .lb_icon:before {
    content: unset;
}

#sod_frm .od_pay_data .od_pay_add_text #settle_bank {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

#sod_frm .od_pay_data .od_pay_add_text #settle_bank .settle_bank_head {
    display: flex;
    align-items: center;
    margin: 20px 0px;
    width: 60px;
    font-family: 'Pretendard-Medium';
}

#sod_frm .od_pay_data .od_pay_add_text #settle_bank #od_deposit_name {
    width: 180px;
    height: 40px;
    margin-right: 20px;
    padding: 0 10px;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
}

#sod_frm .od_pay_data .od_pay_add_text #settle_bank #od_bank_account {
    width: 540px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
}

#sod_frm .od_pay_data .od_pay_add_text .card_notice_box p {
    margin-top: 20px;
    padding-left: 120px;
    line-height: 20px;
    font-size: 14px;
    color: #b5b5b6;
}

#sod_frm .sod_order_data .od_main_btn {
    margin: 0;
}

#sod_frm .sod_order_data .od_main_btn .btn_submit_con {
    margin: 0 auto;
    width: 400px;
    height: 70px;
    border-radius: 10px;
    background: #f15d2a;
    font-family: 'Pretendard-Bold';
    font-size: 18px;
}

#sod_frm .side_scroll_box {
    width: 380px;
    border: 1px solid #b5b5b6;
    border-radius: 10px;
    background: #fff;
}

#sod_frm .side_scroll_box.scroll {
    position: fixed;
    bottom: 40px;
}

#sod_frm .side_scroll_box.bscroll {
    position: absolute;
    bottom: 0px;
}

#sod_frm .side_scroll_box #sod_bsk_tot h2 {
    padding: 30px 30px 0;
    font-size: 28px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .side_scroll_box #sod_bsk_tot ul {
    margin-top: 30px;
    padding: 0 30px 30px;
    border-bottom: 2px solid #f2f2f3;
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li {
    margin-bottom: 15px;
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li.sod_bsk_sub {
    margin-top: 10px;
    color: #8c8c8c;
    font-family: 'Pretendard-Regular';
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li p {
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li .price_text {
    color: #8c8c8c;
    font-family: 'Pretendard-Medium';
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li .bsk_sell_text {
    display: flex;
    align-items: center;
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li .bsk_sell_text .deli_info {
    height: 15px;
    cursor: pointer;
    margin-left: 5px;
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li .bsk_sell_price {
}

#sod_frm .side_scroll_box #sod_bsk_tot ul li .bsk_sell_price strong {
    margin-right: 2px;
}

#sod_frm .side_scroll_box #sod_bsk_tot .sod_bsk_total {
    clear: both;
    padding: 0 30px;
}

#sod_frm .side_scroll_box #sod_bsk_tot .sod_bsk_total .bsk_total_text {
    margin-top: 30px;
    text-align: left;
    font-size: 18px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .side_scroll_box #sod_bsk_tot .sod_bsk_total .bsk_total_price {
    display: flex;
    align-items: center;
    text-align: right;
    font-size: 28px;
    font-family: 'Pretendard-Bold';
}

#sod_frm .side_scroll_box #sod_bsk_tot .sod_bsk_total .bsk_total_price strong {
    margin-left: auto;
    font-size: 34px;
}


#sod_frm .side_scroll_box #sod_bsk_tot .sod_bsk_text {
    margin: 25px 0 36px;
    line-height: 20px;
    padding: 0 30px;
    font-size: 14px;
    color: #b5b5b6;
}

#sod_frm .side_scroll_box #sod_bsk_tot .btn_submit_con {
    height: 70px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #f15d2a;
    font-family: 'Pretendard-Bold';
    font-size: 18px;
}

#sod_frm .package_wrap .sod_title {
    margin: 0;
}

#sod_frm .package_wrap .sod_title .od_count {
    color: #f15d2a;
    margin-left: 7px;
}

#sod_frm .package_wrap .sod_title i {
    float: right;
    line-height: 40px;
    cursor: pointer;
}


/* 250115 상용처방 파우치 선택 sjh.s */
.package_wrap {
    position: relative;
    margin-bottom: 30px;
}

.package_wrap .package_header_sub {
    padding-left: 10px;
    font-size: 16px;
    color: #999;
}

.package_wrap .package_header_alert {
    float: right;
    font-size: 14px;
    line-height: 48px;
    color: #ff2c2c;
    font-weight: 500;
}

.package_table {
    width: 100%;
    border-spacing: 0;
}

.package_table td .guide-box {
    position: relative;
    margin: 15px;
    padding: 15px;
    text-align: center;
    background: #FFF4EB;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: bold;
}

.package_table td .guide-box span {
    color: #C05621;
    cursor: auto;
}

.package_table td .guide-box::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #FFF4EB transparent #FFF4EB transparent;
}

.package_table td .guide-box:hover {
    border-color: #4a90e2;
}

.package_table td {
}

.package_table .pakage_table_td_head {
    padding: 10px 0 15px;
    font-size: 20px;
    font-family: 'Pretendard-Bold';
}

.package_table .pakage_table_alert {
    font-size: 15px;
    margin-left: 7px;
    color: #1A1A1A;
    font-family: 'Pretendart-Regular';
}

.package_table .pakage_list_td {
    vertical-align: top;
    border-top: 2px solid #f2f2f3;
}

.package_table .pakage_list_td:first-child {
    border-bottom: 2px solid #1A1A1A;
}

.package_table .pouch_marking_head th {
    font-weight: normal;
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: 2px solid #1A1A1A;
    border-bottom: 2px solid #f2f2f3;
}

.package_table .pakage_list_td:first-child {
    border-bottom: 2px solid #1A1A1A;
}

.package_table .pouch_marking_content {
}

.package_table .pouch_marking_content .pouch_marking {
    line-height: 60px;
}

.package_table .pouch_marking_content .pouch_marking input {
    width: 200px;
}

.package_table .pouch_marking_content .pouch_marking ul {
    display: flex;
}

.package_table .pouch_marking_content .pouch_marking ul li {
    font-weight: bold;
    min-width: 230px;
}

.package_table .pouch_marking_content .pouch_marking ul li .marking_select_text1, .package_table .pouch_marking_content .pouch_marking ul li .marking_select_text2 {
    margin-left: 5px;
    font-weight: bold;
    color: #b5b5b6;
}

/* 공통 스타일 */
.package_table .pre_img_td {
    position: relative;
    padding-top: 10px;
    vertical-align: top;
    border-top: 2px solid #f2f2f3;
}

.package_table .pre_img_wrap {
    position: relative;
    width: 298px;
    height: 298px;
    text-align: center;
    border: 1px solid #ddd;
}

.package_table .pre_img_wrap.scroll {
    position: fixed;
    top: 220px;
}

.package_table .pre_img_wrap.bscroll {
    position: absolute;
    bottom: 30px;
}

.package_table .pre_img_wrap .pre_img {
    width: 100%;
    height: 100%;
}

.package_table .pre_img_wrap .pre_img img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.package_table .pre_img_wrap .pre_text {
    position: absolute;
    left: 15px;
    bottom: 12px;
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

.package_table .pre_img_wrap .pre_text span {
    display: block;
    text-align: left;
    color: #1A1A1A;
}

.package_table .pre_img_wrap .pre_text span b {
    font-size: 15px;
    font-family: 'Pretendard-ExtraLight';
}

/* 리스트 박스 공통 스타일 */
.package_table .pouch_list_box, .package_table .box_list_box {
    display: none;
    position: absolute;
    top: 276px;
    background: #fff;
    z-index: 2;
    border: 1px solid #666;
    padding: 10px;
    width: 100%;
}

.package_table .pouch_list_box {
    left: 0;
}

.package_table .box_list_box {
    right: 0;
}

/* 리스트 아이템 스타일 */
.package_table .pouch_list, .package_table .box_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    padding: 10px 0 30px;
}

.package_table .box_list {
}

.package_table .pouch_list li, .package_table .box_list li {
    position: relative;
    flex: 0 0 146px;
    cursor: pointer;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    max-width: 150px;
    background: #f2f2f3;
}

.package_table .pouch_list li.hover, .package_table .box_list li.hover {
    border-color: #4a90e2;
    background-color: #f8f9fa;
}

.package_table .pouch_list li.hover img, .package_table .box_list li.hover img {
    transition: all 0.3s ease;
    transform: scale(1.1);
}

.package_table .pouch_list li.hover img .box_select_name, .package_table .box_list li.hover .box_select_name {
    text-decoration: underline;
}

.package_table .pouch_list li.selected, .package_table .box_list li.selected {
    background-color: #fff3e0;
}

.package_table .pouch_list li.selected .box_select_name, .package_table .box_list li.selected .box_select_name {
    text-decoration: underline;
}

.package_table .pouch_select_img, .package_table .box_select_img {
}

.package_table .pouch_select_img img, .package_table .box_select_img img {
    height: 144px;
    width: 144px;
    object-fit: contain;
}

.package_table .pouch_select_img img {
}

.package_table .box_select_img img {
}

.package_table .pouch_select_name, .package_table .box_select_name {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px;
    color: #666;
    font-size: 0.9em;
    letter-spacing: -0.03em;
}

/* 선택된 상태의 이름 스타일 */
.order_marking {
    border-spacing: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%;
    margin-bottom: 20px;
}

.order_marking tr {
    height: 45px;
    line-height: 45px;
}

.order_marking tr th {
    width: 100px;
    background: #f9f9f9;
}

.order_marking tr td {
    padding-left: 50px;
}

.order_marking tr td .marking_text {
    border: 0;
    font-weight: bold;
    color: #666;
}

.order_marking tr td .marking_select {
    margin-right: 5px;
}

/* 숨김 처리된 입력 필드의 기본 스타일 */
.order_marking .marking_etc_text1,
.order_marking .marking_etc_text2 {
    display: none;
}
/* 250115 상용처방 파우치 선택 sjh.e */

#sod_frm .btn_black {
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #1A1A1A;
    font-size: 16px;
    color: #fff;
}

#sod_frm .btn_black.btn_addr {
    margin-left: 30px;
    width: 90px;
    display: none;
}

/** 주소지 선택 모달 **/

#dvrpopup_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    font-family: 'Pretendard-Regular';
}

.dvrpopup_modal_content {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 570px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
}

.dvrpopup_modal_content .addpopup_modal_head {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.dvrpopup_modal_content .addpopup_modal_head {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.dvrpopup_modal_content .addpopup_modal_head p {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

.dvrpopup_modal_content .addpopup_modal_head .close_btn i {
    font-size: 22px;
    color: #b5b5b6;
}

.dvrpopup_modal_content .addpopup_modal_head .close_btn {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message form {
    width: 100%;
    height: 100%;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_top_list_button {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 15px 35px 12px;
    border-bottom: 2px solid #1A1A1A;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_top_list_button button {
    width: 120px;
    height: 40px;
    border: 1px solid #f15d2a;
    border-radius: 5px;
    color: #f15d2a;
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_top_list_button input[type="checkbox"] + label {
    width: 25px;
    height: 25px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_top_list_button label {
    font-size: 16px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list_wr {
    overflow-Y: scroll;
    height: 430px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list {
    padding: 0 20px 0 35px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li {
    position: relative;
    padding: 15px 0;
    height: 115px;
    border-bottom: 2px solid #f2f2f3;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_select {
    display: flex;
    align-items: center;
    height: 20px;
    font-family: 'Pretendard-Bold';
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_select .text_gray {
    color: #b5b5b6;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_select .addr_default {
    display: inline-block;
    margin-left: 10px;
    width: 65px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-family: 'Pretendard-Regular';
    color: #f15d2a;
    background: #f2f2f3;
    text-align: center;
    border-radius: 5px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_info {
    padding: 10px 0 0 28px;
    line-height: 24px;
    color: #b5b5b6;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_btn {
    position: absolute;
    top: 15px;
    right: 0;
    color: #b5b5b6;
    font-size: 15px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .add_list li .addr_btn span {
    cursor: pointer;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form {
    margin-top: 20px;
    padding: 0 35px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form th {
    width: 130px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form .frm_ad_zip {
    width: 210px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form .btn_addr {
    width: 150px;
    height: 40px;
    background: #1A1A1A;
    color: #fff;
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    border-radius: 5px;
    margin-left: 5px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form .addr_iframe_wr {
    position: absolute;
    width: 450px;
    left: -50px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_message .addr_form .addr_iframe_wr #daum_juso_pagead_zip {
    height: 300px !important;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_btn_box {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_btn_box .btn_type_white, .dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_btn_box .btn_type_fill {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
}

.dvrpopup_modal_content .addpopup_modal_body_wrap .addpopup_modal_btn_box .btn_type_fill {
    border: 1px solid #f15d2a;
    background: #f15d2a;
    color: #fff;
}

/** 주문 쿠폰 모달 **/
#coupon_select_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    font-family: 'Pretendard-Regular';
}

.coupon_select_modal_content {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 1020px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
}

.coupon_select_modal_content .coupon_modal_head {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.coupon_select_modal_content .coupon_modal_head {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.coupon_select_modal_content .coupon_modal_head p {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

.coupon_select_modal_content .coupon_modal_head .close_btn {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

.coupon_select_modal_content .coupon_modal_head .close_btn i {
    font-size: 22px;
    color: #b5b5b6;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message form {
    width: 100%;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_top {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_top .coupon_top_text {
    position: absolute;
    font-size: 15px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_top .coupon_top_text .coupon_cnt {
    font-family: 'Pretendard-Regular';
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_top .coupon_top_info {
    text-align: center;
    font-size: 14px;
    color: #b5b5b6;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_wr {
    overflow-Y: scroll;
    height: 445px;
    padding: 20px 0 0 15px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_wr h4 {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_wr table {
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_wr table td {
    height: 80px;
    padding: 0;
    text-align: center;
    padding: 0 15px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .coupon_list_wr table td span {
    cursor: auto;
    color: #1A1A1A;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .item_coupon_list {
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_itname_td {
    font-family: 'Pretendard-Bold';
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_price_td {
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_select_coupon_td {
    padding: 0 15px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_select_coupon_td select {
    height: 40px;
    width: 100%;
    border: 1px solid #b5b5b6;
    border-radius: 5px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_use_td {
    color: #b5b5b6;
}

.coupon_select_modal_content .coupon_modal_body_wrap .coupon_modal_message .cp_date_td {
    color: #b5b5b6;
}







.coupon_select_modal_content .coupon_modal_body_wrap .addpopup_modal_btn_box {
    height: 70px;
}

.coupon_select_modal_content .coupon_modal_body_wrap .addpopup_modal_btn_box .btn_type_full {
    width: 100%;
    height: 100%;
    border: 1px solid #f15d2a;
    background: #f15d2a;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/** 상용 처방 정보 모달 **/
#c0DetailModal .common_modal_content {
    width: 500px;
}

#c0DetailModal .common_modal_content .common_modal_body_wrap .common_modal_message {
    padding: 15px 30px;
    font-size: 15px;
    line-height: 20px;
}









/* ==========================================================================
   item
   ========================================================================== */


/* ==========================================================================
   item90_form
   ========================================================================== */


.item_cate90_agree {
    margin: 20px 0;
}

.item_cate90_agree h2 {
    font-family: 'Pretendard-Bold';
    margin-bottom: 5px;
    font-size: 18px;
}

.item_cate90_agree h3, .item_cate90_agree h4 {
    font-family: 'Pretendard-Bold';
}

.item_cate90_agree .cate90_agree_box {
    padding: 5px 10px;
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 12px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.item_cate90_agree .cate90_agree_box::-webkit-scrollbar {
    display: none;
}

.item_cate90_agree .checkbox-container {
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}

.item_cate90_agree .checkbox-container .cb_check_text {
    line-height: 13px;
    font-size: 14px;
    padding-left: 5px;
}

.item_cate90_agree .checkbox-container input[type="checkbox"] {
    display: none;
}

.item_cate90_agree .checkbox-container input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 5px;
    width: 20px;
    height: 20px;
    background: url('../img/new_page/wish_chk_off.png') no-repeat center;
    background-size: cover;
    position: relative;
    transform: translateY(3px);
}

.item_cate90_agree .checkbox-container input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on.png') no-repeat center;
    background-size: cover;
}



.pre_btn_wr #sit_ov_btn .btn-container {
    display: flex;
}

.pre_btn_wr #sit_ov_btn .btn-primary, .pre_btn_wr #sit_ov_btn .btn-secondary {
    float: left;
    width: 325px;
    height: 45px;
    margin: 0;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-family: 'Pretendard-Medium';
}

.pre_btn_wr #sit_ov_btn .btn-primary {
    background: #FF9902;
    margin-right: 30px;
}

.pre_btn_wr #sit_ov_btn .btn-secondary {
    background: #4DAF51;
}

.pre_btn_wr #sit_ov_btn .disabled {
    background: #b5b5b6;
    cursor: no-drop;
}

.pre_btn_wr .status-box {
    margin-top: 20px;
    text-align: center;
    font-family: 'Pretendard-Medium';
}

.pre_btn_wr .status-box .status-wr {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.pre_btn_wr .status-box .status-wr span {
    display: inline-block;
}

.pre_btn_wr .status-box .status-wr .status-m {
    width: 52px;
    height: 17px;
    line-height: 19px;
    border-radius: 3px;
    color: #fff;
    font-size :12px;
    font-family: 'Pretendard-Bold';
}

.pre_btn_wr .status-box .status-wr .status-text {
    font-size :14px;
}

.pre_btn_wr .status-box .status-wr .status-text strong {
    font-family: 'Pretendard-Bold';
}

.pre_btn_wr .status-box .status1 {
    background: rgba(181,181,182,0.2);
}

.pre_btn_wr .status-box .status1 .status-m {
    background: #1A1A1A;
}

.pre_btn_wr .status-box .status2 {
    background: rgba(255,153,2,0.1);
}

.pre_btn_wr .status-box .status2 .status-m {
    background: #FF9902;
}

.pre_btn_wr .status-box .status2 .status-text strong {
    color: #FF9902;
}

.pre_btn_wr .status-box .status3 {
    background: rgba(77,175,81,0.1);
}

.pre_btn_wr .status-box .status3 .status-m {
    background: #4DAF51;
}

.pre_btn_wr .status-box .status3 .status-text strong {
    color: #4DAF51;
}


/* ==========================================================================
   공용 상품 테이블
   ========================================================================== */
.sod_table th {
    height: 45px;
    font-size: 15px;
    font-family: 'Pretendard-Regular';
    border-top: 2px solid #1A1A1A;
    font-weight: normal;
}

.sod_table tr {
    border-bottom: 1px solid #f2f2f3;
}

#nokong_section.sod_table tr.row-selected {
    background-color: #fbf5f3;
}

#hanpure_section.sod_table tr.row-selected {
    background-color: #fbfbf6;
}

#won_section.sod_table tr.row-selected {
    background-color: #f2f2fb;
}

.sod_table tr td {
    border-left: 1px solid #f2f2f3;
    min-height: 125px;
}

.sod_table tr td span {
    color: #1A1A1A;
    cursor: unset;
}

.sod_table tr td:first-child {
    border: 0;
}

.sod_table .sod_td_chk {
    position: relative;
    vertical-align: top;
}

.sod_table .sod_td_chk .sod_select[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.sod_table .sod_td_chk .sod_select[type="checkbox"] + label {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../img/new_page/wish_chk_off.png') no-repeat center;
    background-size: contain;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: 21px;
}

.sod_table .sod_td_chk input[type="checkbox"]:checked + label {
    background: url('../img/new_page/wish_chk_on.png') no-repeat center;
    background-size: contain;
    margin-top: 21px;
    margin-left: 3px;
    width: 18px;
    height: 18px;
}

.sod_table .sod_td_item {
    display: flex;
    align-items: center;
    position: relative;
    border-left: 0;
}



/* ==========================================================================
   마이 페이지 하단 상품 목록
   ========================================================================== */
.sct_common .sct_basic_box {
    width: 220px;
    text-align: left;
    margin: 0 auto;
}

.sct_common .sct_buy_btn {
    right: 14px;
}

.slick-slide {
    height: auto;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.slick-dots li {
    margin-right: 8px;
}

.slick-dots li:last-child {
    margin: 0;
}

.slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #b5b5b6;
    font-size: 0;
}

.slick-dots li.slick-active button {
    background: #1A1A1A;
}

.preorder_90_wr {
    margin: 0 auto;
}

.sct_common .sct_li {
   position: relative;
   float: left;
   margin: 0 35px 30px 0;
   min-height: 395px;
}

.sct_common .list_data {
    width: 220px;
    margin: 0 auto;
}

.sct_common .sct_last {
   margin: 0 0 15px !important;
}

.sct_common .sct_clear {
   clear: both;
}

.sct_common .img_top {
    height: 30px;
    margin-bottom: 8px;
    text-align: center;
}

.sct_common .img_top .img_top_best {
    font-family: 'Pretendard-Bold';
    font-size: 20px;
}

.sct_common .img_top .img_top_no {
    font-family: 'Pretendard-Bold';
    font-size: 25px;
}

.sct_common .sct_img {
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   margin: 0 auto;
}

.sct_common .sct_img img:not(.sct_cover_img, .img_hover, .btn_wish img) {
   transition: all 0.3s;
   border-radius: 10px;
   max-width: 220px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.sct_common .sct_img:has(.img_hover) img {
   transition: all 1s;
}

.sct_common .sct_img .img_hover {
    opacity: 0;
}

.sct_common .sct_img:has(.img_hover):hover img:not(.sct_cover_img, .img_hover, .btn_wish img) {
    opacity: 0;
}

.sct_common .sct_img:hover .img_hover {
    opacity: 1;
}

.sct_common .sct_img:not(:has(.img_hover)):hover img:not(.sct_cover_img, .img_hover, .btn_wish img) {
    transform: translate(-50%, -50%) scale(1.1);
}

.sct_common .sct_img .sct_cover_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sct_common .sct_img .sct_cover_soldout {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sct_common .sct_img .sct_cover_soldout .soldout_replace {
    color: #fff200;
    font-size: 25px;
    font-family: 'Pretendard-Bold';
}

.sct_common .sct_img:hover .sct_cover_pre_order {
    display: block;
    z-index: 2;
}

.sct_common .sct_img .sct_cover_pre_order {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.sct_common .sct_img .sct_cover_pre_order p {
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.sct_common .sct_img .sct_cover_pre_order .sct_cover_text1 {
    top: 55px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 25px;
}

.sct_common .sct_img .sct_cover_pre_order .sct_cover_text2 {
    width: 100%;
    top: 84px;
    color: #fff200;
    font-size: 40px;
    font-family: 'Pretendard-Bold';
}

.sct_common .sct_img .sct_cover_pre_order .sct_cover_text3 {
    width: 100%;
    top: 170px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
}

.sct_common .sct_basic_box {
    position: relative;
    padding-left: 5px;
}

.sct_common .sct_icon {
   margin: 0;
   text-align: left;
}

.sct_common .sct_icon .view_it_review {
   padding: 0 0 0 15px;
   margin: 0 -7px 0 0;
}

.sct_common .sct_icon .view_it_icon {
   padding: 0;
   margin: 0 0 0 -7px;
}

.sct_common .sct_icon .view_it_icon2 {
   padding: 0;
   text-align: center;
   height: 26px;
   overflow: hidden;
}

.sct_common .sct_cost {
    height: 35px;
    font-size: 12px;
    margin-top: 5px;
    letter-spacing: -0.05em;
}

.sct_common .sct_cost .sct_discount {
    margin-bottom: 3px;
    color: #b5b5b6;
    font-size: 12px;
    text-decoration: line-through;
    font-family: 'Pretendard-Bold';
    height: 14px;
}

.sct_common .sct_cost .sct_perscount {
    margin-right: 3px;
    font-size: 15px;
    color: #f15d2a;
    font-family: 'Pretendard-Bold';
}

.sct_common .sct_cost .display_price {
    margin-right: 5px;
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

.sct_common .sct_cate_nm {
    height: 15px;
    margin-top: 10px;
    font-size: 13px;
    color: #b5b5b6;
}

.sct_common .sct_txt {
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

.sct_common .sct_basic {
    font-size: 12px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sct_common .sct_opt_added {
   height: 30px;
   overflow: hidden;
   color: #f00;
   font-style: italic;
   font-weight: 600;
}

.sct_common .sct_icon_cart {
   height: 37px;
   line-height: 37px;
}

.sct_common .sct_buy_btn {
    position: absolute;
    right: 0;
    bottom: 23px;
}

.sct_common .sct_buy_btn button {
    background: none;
    border: 0;
}

.sct_common .sct_buy_btn button img {
    display: block;
}

.sct_common .sct_img_ov {
    display: flex;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
    font-family: 'Pretendard-SemiBold';
    padding: 0;
    justify-content: center;
    align-items: center;
    line-height: 1.15;
    letter-spacing: -0.5px;
}

.sct_common .sct_img_ovb {
   position: absolute;
   padding: 0 15px;
   bottom: 0;
   text-align: center;
   border-radius: 3px;
   z-index: 1;
}

.sct_common .sct_gram {
    font-size: 12px;
    color: #b5b5b6;
}

.sct_common .preorder_90_wr .preorder_btn {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 5px;
}

.sct_common .preorder_90_wr .preorder_btn button, .sct_common .preorder_90_wr .preorder_btn p {
    width: 97px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    background: #b5b5b6;
    color: #fff;
    font-size: 12px;
    font-family: 'Pretendard-Medium';
}

.sct_common .preorder_90_wr .preorder_btn .request_btn.on {
    background: #ff9902;
}

.sct_common .preorder_90_wr .preorder_btn .approved_btn.on {
    background: #4daf51;
}

.sct_common .preorder_90_wr .preorder_btn .request_btn .request_hover, .sct_common .preorder_90_wr .preorder_btn .approved_btn .approved_hover {
    display: none;
    position: absolute;
    background: #fff;
    color: #1A1A1A;
    border-bottom: 0;
}

.sct_common .preorder_90_wr .preorder_btn .request_btn .request_hover {
    top: -25px;
    left: 0;
    border: 1px solid #b5b5b6;
}

.sct_common .preorder_90_wr .preorder_btn .approved_btn .approved_hover {
    top: -25px;
    right: 0;
    border: 1px solid #4daf51;
}

.sct_common .preorder_90_wr .preorder_btn .approved_btn .approved_hover .approved_qty_cnt {
    color: #4daf51;
}

.sct_common .preorder_90_wr .preorder_btn .request_btn:hover .request_hover, .sct_common .preorder_90_wr .preorder_btn .approved_btn:hover .approved_hover {
    display: block;
}

.sct_common .share_custom_prev, .sct_common .share_custom_next {
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #b5b5b6;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    font-size: 30px;
}

.sct_common .share_custom_prev {
    left: -15px;
}

.sct_common .share_custom_next {
    right: -15px;
}

/* 신규 이미지 버튼 */
.sct_img .cover_btn_wr {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    opacity: 0;
    transition: all 0.3s;
}

.sct_img:hover .cover_btn_wr {
    opacity: 1;
    bottom: 20px;

}

.sct_img .cover_btn_wr li {
    margin: 0 6px;
}

.sct_img .cover_btn_wr li img {
    border-radius: 8px;
}

.sct_img .cover_btn_wr li:hover img {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
}

.sct_img .cover_btn_wr .btn_wish {
    background: none;
    border: 0;
}

.sct_img .cover_btn_wr .btn_wish img {
    position: static;
    opacity: 1;
}

.sct_img .cover_btn_wr .btn_cart {
    background: none;
    border: 0;
}

.sct_img .cover_btn_wr .btn_cart img {
    position: static;
    opacity: 1;
}



/* ==========================================================================
   공용 모달
   ========================================================================== */
.common_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Pretendard-Regular';
}

.common_modal_content {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 425px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, -50%);
}

.common_modal_content .common_modal_head {
    border-bottom: 1px solid #b5b5b6;
    text-align: center;
    position: relative;
}

.common_modal_content .common_modal_head p {
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

.common_modal_content .common_modal_head .close_btn i {
    font-size: 22px;
    color: #b5b5b6;
}

.common_modal_content .common_modal_head .close_btn {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
}

.common_modal_content .common_modal_body_wrap .common_modal_message {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100px;
    font-size: 13px;
}

.common_modal_content .common_modal_body_wrap .common_modal_message .text_gray {
    margin-top: 5px;
    color: #b5b5b6;
}

.common_modal_content .common_modal_body_wrap .common_modal_btn_box {
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0px -10px 10px rgba(100, 100, 100, 0.05);
}

.common_modal_content .common_modal_body_wrap .common_modal_btn_box .btn_type_white, .common_modal_content .common_modal_body_wrap .common_modal_btn_box .btn_type_fill {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
}

.common_modal_content .common_modal_body_wrap .common_modal_btn_box .btn_type_white {
    border: 1px solid #f15d2a;
    background: #fff;
    color: #f15d2a;
}

.common_modal_content .common_modal_body_wrap .common_modal_btn_box .btn_type_fill {
    border: 1px solid #f15d2a;
    background: #f15d2a;
    color: #fff;
}

/* ==========================================================================
   사전 처방 내역 모달
   ========================================================================== */

/* 모달 스타일 */
#itemHistoryModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    font-family: 'Pretendard-Regular';
}

#itemHistoryModal .history-modal {
    position: relative;
    margin: 250px auto 0;
    background-color: #fff;
    padding: 0 20px 20px 20px;
    width: 1040px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

#itemHistoryModal .history-modal .close {
    position: absolute;
    top: 13px;
    right: 20px;
    background: none;
    border: 0;
    cursor: pointer;
}

#itemHistoryModal .history-modal .close i {
    font-size: 22px;
    color: #b5b5b6;
}

#itemHistoryModal h2 {
    font-family: 'Pretendard-Regular';
    padding-top: 14px;
    text-align: center;
    font-weight: normal;
}

#itemHistoryModal h2 strong {
    font-family: 'Pretendard-Bold';
}

/* 테이블 스타일 */
.history-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.history-table th, .history-table td {
    border: 2px solid #ddd;
    padding: 10px;
    text-align: center;
}

.history-table th {
    border-left: 0;
    border-right: 0;
    font-weight: normal;
}

.history-table td {
    height: 60px;
}

.history-table td:first-child {
    border-left: 0;
}

.history-table td:last-child {
    border-right: 0;
}

.history-table td.history_name {
    font-family: 'Pretendard-Bold';
}

.history-table td.history_status {
    color: #b5b5b6;
}

.history-table td.history_status .status {
    color: #b5b5b6;
    font-family: 'Pretendard-Bold';
}

.history-table td.history_status .status_request {
    color: #FF9902;
}

.history-table td.history_status .status_approved {
    color: #4DAF51;
}

.history-table tr:hover {
    background-color: #f1f1f1;
}

.history-table .empty-history {
    text-align: center;
    padding: 30px;
    color: #999;
}

.history-table tr.expired-row {
    color: #b5b5b6;
}

.history-table tr.expired-row:hover {
    background-color: #ffcdd2 !important;
}

#proDeleteModal .common_modal_message {
    line-height: 20px;
}

/* ==========================================================================
   옵션 공통
   ========================================================================== */

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {display: flex; justify-content: space-between; height:60px; padding:10px;background:#f2f2f3;margin:10px 0;position:relative}
#sit_opt_added li .sit_opt_subj {display: inline-block; width: 100%; padding-right: 6px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;font-family: 'Pretendard-Bold'; font-size: 15px;}
#sit_opt_added li .opt_name {flex: 1; line-height: 17px; min-width: 0;}
#sit_opt_added li .opt_count {display: flex; align-items: center; padding-right: 30px;}
#sit_opt_added button {height:30px;border:1px solid #b5b5b6;border-radius:0;background:#fff;color:#b5b5b6;}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .sit_qty_minus {border-bottom-left-radius: 5px;border-top-left-radius: 5px;width: 30px;}
#sit_opt_added .sit_qty_plus {border-bottom-right-radius: 5px;border-top-right-radius: 5px;width: 30px;}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #b5b5b6;border-bottom:1px solid #b5b5b6;text-align:center;width:60px}
#sit_opt_added .sit_opt_del {position:absolute;right:15px;top:50%; padding: 0;transform: translateY(-50%);font-size:16px;border:0; background: none; width: auto}
#sit_opt_added .sit_opt_prc {display:block;padding-top:5px;color: #b5b5b6; font-size: 13px; font-family: 'Pretendard-Regular';}



/* ==========================================================================
   테이블 공통
   ========================================================================== */
.new_tbl_frm01 {margin:0 0 20px}
.new_tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.new_tbl_frm01 th {background:none;text-align:left;font-weight:normal}
.new_tbl_frm01 td {padding:10px 0;background:transparent}

.new_tbl_frm01 textarea {padding:2px 2px 3px}

.new_tbl_frm01 textarea {width:100%;height:100px}
.new_tbl_frm01 a {text-decoration:none}
.new_tbl_frm01 .frm_address {margin-top:10px}
.new_tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.new_tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
.new_tbl_frm01 label {
    padding-right: 10px;
}

.new_tbl_frm01 label.required {
    background-position: right -4px top !important;
}

.new_tbl_frm01 .tr_addr th {
    vertical-align: top;
    padding-top: 18px;
}

.new_tbl_frm01 .tr_addr td {
    position: relative;
}

.new_tbl_frm01 .readonly {
    background: #f2f2f3;
    color: #b5b5b6;
}

.new_tbl_frm01 .frm_input {
    padding: 0 12px;
}

#bo_w .write_div a.btn_cancel {
    width: 152px;
    height: 50px;
    line-height: 48px;
}



/* newTopCategory */
#newTopCategory {
    text-align: center;
    position: relative;
}

#newTopCategory .ntc_wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    scroll-behavior: auto;
}

#newTopCategory .ntc_wrapper::-webkit-scrollbar {
    display: none;
}

#newTopCategory .ntc_wrapper:active {
    cursor: grabbing;
}

#newTopCategory .ntc_wrapper.dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

#newTopCategory .ntc_menu {
    font-size: 0;
    display: inline-flex;
}

#newTopCategory .ntc_menu li {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
    flex-shrink: 0;
    cursor: pointer; /* 커서 추가 */
    user-select: none; /* 텍스트 선택 방지 */
    max-width: 96px;
	position: relative;
}

#newTopCategory .ntc_menu li .discount-text {
    color: #f15d2a;
    font-size: 12px;
    font-family: 'Pretendard-SemiBold';
	height: 14px;
	margin-bottom: 8px;
}

#newTopCategory .ntc_menu li .discount-text1 {
    animation: flickerAnimation 1s infinite;
}

#newTopCategory.listcategory_main .ntc_menu li {
    margin: 0 32px;
}

#newTopCategory .ntc_menu li .ntc_icon {
    position: relative;
    width: 96px;
    height: 96px;
    background: #f5f5f5;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    pointer-events: none; /* 드래그 방해 방지 */
    margin: 0 auto;
}

#newTopCategory .ntc_menu li .ntc_icon img {
    max-width: 100%;
    max-height: 100%;
}

#newTopCategory .ntc_menu li .ntc_icon .list_cate_all {
    font-size: 24px;
    font-family: 'Pretendard-Bold';
    color: #f15d2a;
}

#newTopCategory .ntc_menu li .ntc_icon:has(.ca_event) {
    background: #f15d2a;
    font-size: 21px;
    font-family: 'Pretendard-Bold';
    color: #fff;
}

#newTopCategory .ntc_menu li .ntc_text {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    font-family: 'Pretendard-Regular';
    color: #999;
    line-height: 160%;
    pointer-events: none; /* 드래그 방해 방지 */
    word-break: auto-phrase;
    width: max-content;
}

#newTopCategory .ntc_menu li:hover .ntc_icon {
    background: #f0f0f0;
}

#newTopCategory .ntc_menu li:hover .ntc_icon:has(.ca_event) {
    background: #f15d2a;
}

#newTopCategory .ntc_menu li:hover .ntc_text {
    font-family: 'Pretendard-Medium';
    color: #666;
}

#newTopCategory .ntc_menu li.active .ntc_icon {
    background: #fff;
}

#newTopCategory .ntc_menu li.active .ntc_icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 94px;
    height: 94px;
    border-radius: 100%;
    border: 2px solid #f15d2a;
    transform: translate(-50%, -50%);
}

#newTopCategory .ntc_menu li.active .ntc_icon:has(.ca_event) {
    background: #f15d2a;
}

#newTopCategory .ntc_menu li.active .ntc_text {
    color: #f15d2a;
    font-family: 'Pretendard-Bold';
}

#newTopCategory .ntc_menu li.active:hover .ntc_icon {
    background: #fff;
    box-shadow: 0 0 0 2px #f15d2a inset;
}

#newTopCategory .ntc_menu li.active:hover .ntc_icon:has(.ca_event) {
    background: #f15d2a;
}

#newTopCategory .ntc_menu li.active:hover .ntc_text {
    color: #f15d2a;
    font-family: 'Pretendard-Bold';
}

/* 좌우 버튼 스타일 */
#newTopCategory .ntc_prev_btn,
#newTopCategory .ntc_next_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #666;
}

#newTopCategory .ntc_prev_btn {
    left: -64px;
}

#newTopCategory .ntc_next_btn {
    right: -64px;
}

#newTopCategory .ntc_prev_btn:hover,
#newTopCategory .ntc_next_btn:hover {
    background: #fff;
    border-color: #f15d2a;
    color: #f15d2a;
    box-shadow: 0 2px 8px rgba(241, 93, 42, 0.2);
}

#newTopCategory .ntc_prev_btn:active,
#newTopCategory .ntc_next_btn:active {
    transform: translateY(-50%) scale(0.95);
}

#newTopCategory .ntc_prev_btn.disabled,
#newTopCategory .ntc_next_btn.disabled {
    opacity: 0;
    cursor: not-allowed;
    pointer-events: none;
}


/* ==========================================================================
   한약재 바로구매
   ========================================================================== */

#sod_dr {
    display:flex;
    justify-content: space-between;
    min-height: 800px;
}

#sod_dr .sod_dr_left {
    width: 680px;
}

#sod_dr .sod_dr_right {
    width: 576px;
}


#sod_dr .tbl_wrap8 ul {display: flex;margin:0;padding:0;list-style:none;width:100%;border-bottom:1px solid #d9d9d9}
#sod_dr .tbl_wrap8 ul li {padding:16px 0;margin:0;line-height:160%;font-size:16px;text-align:center;}
#sod_dr .tbl_wrap8 .ul1 {font-family: 'Pretendard-SemiBold'; border-top:1px solid #1a1a1a;}
#sod_dr .tbl_wrap8 .ul1 .li5 {padding-right: 20px; background: url('../img/icon_sod_down.svg') right 47px center no-repeat;}
#sod_dr .tbl_wrap8 .ul1 .li5:has(input[type="checkbox"]:checked){background: url('../img/icon_sod_up.svg') right 47px center no-repeat;}
#sod_dr .tbl_wrap8 .ul1 .li5 input{display: none;}
#sod_dr .tbl_wrap8 .ul1 .li5 label{display: block; width: 100%; height: 100%; cursor: pointer;}
#sod_dr .tbl_wrap8 .ul2 {color: #666;}
#sod_dr .tbl_wrap8 .li2{width: 408px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sod_dr .tbl_wrap8 .li3{width: 136px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sod_dr .tbl_wrap8 .li3 p{height: 100%;}
#sod_dr .tbl_wrap8 .li5{width: 136px;}
#sod_dr .tbl_wrap8 .ul2 .li2{padding-left: 10px;text-align:left;}
#sod_dr .tbl_wrap8 .ul2 .li2 .sit_icon{margin: 0; display: inline;}
#sod_dr .tbl_wrap8 .frm_input {width:100%;height:25px;padding:2px;text-align:center}
#sod_dr .li2 td {height:20px;line-height:20px}
#sod_ws1 {margin-top: 36px;}
/* 이달의시세표 높이 100% 0426 deep */
#sod_ws2 {height:100%;}
#sod_dr .title .pull-right ul {padding:0;margin:0;list-style:none}
#sod_dr .title .pull-right ul li {display:inline-block}

#sod_dr .tbl_wrap8 .li1 img {
    margin: 3px auto 0;
}

#sod_dr .empty_table {
    margin-top: 30px;
}

.sod_search_button_wr {
}

.sod_search_button {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.sod_search_button p {
    font-family: 'Pretendard-SemiBold';
    margin-right: 24px;
}

.sod_search_button_wr .sod_search_button ul {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    font-family: 'Pretendard-Medium';
}

.sod_search_button_wr .sod_search_button ul li {
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
    background: #f5f5f5;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_14 {
    background: #EFE9FA;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_15 {
    background: #F5F6F0;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_13 {
    background: #FAEAE8;
}

.sod_search_button_wr .sod_search_button ul li:hover, .sod_search_button_wr .sod_search_button ul li.active {
    background-color: #A1A450;
    color: #fff;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_14:hover, .sod_search_button_wr .sod_search_button ul li.shop_icon_14.active {
    background-color: #733FCF;
    color: #EFE9FA;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_15:hover, .sod_search_button_wr .sod_search_button ul li.shop_icon_15.active {
    background-color: #1C6E52;
    color: #F5F6F0;
}

.sod_search_button_wr .sod_search_button ul li.shop_icon_13:hover, .sod_search_button_wr .sod_search_button ul li.shop_icon_13.active {
    background-color: #F15D2A;
    color: #FAEAE8;
}

.sod_search_button_wr .sod_search_button ul li input {
    display: none;
}

.sod_search_button_wr .sod_search_button ul li label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px 8px;
    cursor: pointer;
    line-height: 160%;
}

.sod_dr_right .move_box {
    padding: 24px 0;
    width: 576px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
}

.sod_dr_right .move_box.scroll {
    position: fixed;
    bottom: 40px;
}

.sod_dr_right .move_box.bscroll {
    position: absolute;
    bottom: 0px;
}

.sod_dr_right .move_box h2 {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    line-height: 160%;
    border-bottom: 1px solid #1a1a1a;
    margin: 0 24px 12px;
    padding-bottom: 12px;
}

.sod_dr_right .move_box .sod_delete_wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    margin: 0 24px;
    font-size: 14px;
    color: #666;
}

.sod_dr_right .move_box .sod_delete_wr input.new_design_chk[type="checkbox"] + label {
    margin-right: 4px;
}

.sod_dr_right .move_box .sod_delete_wr button {
    width: 48px;
    height: 34px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #666;
}

.sod_select_data_wr {
    padding-left: 24px;
    padding-right: 8px;
    min-height: 50px;
    height:348px;
    overflow-Y: scroll;
    transition: height 0.3s ease-out
}

.sod_select_data {
    height: 100%;
}

.sod_select_data li {
    background-color: white;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sod_select_data li:has(input[type="checkbox"]:checked) {
    background: #f0f0f0;
}

.sod_select_data li:first-child {
    border-top: 1px solid #d9d9d9;
}

.sod_select_data li label {          
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 61px;
}

.sod_select_data li input[type="checkbox"] {
    display: none;
}

.sod_select_data li .item-name {
    padding-left: 6px;
    flex: 1;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sod_select_data li .item-name .sit_icon {
    margin: 0;
    display: inline;
}

.sod_select_data li .item-origin {
    width: 80px;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sod_select_data li .item-option {
    font-size: 12px;
    color: #666;
    margin-left: 5px;
}

.sod_select_data li .item-price {
    font-size: 14px;
    width: 80px;
    text-align: right;
}

.sod_select_data li .qty-control {
    display: flex;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    height: 30px;
    border: 1px solid #d9d9d9;
}

.sod_select_data li .qty-control button {
    display: flex;
    align-items: center;
    height: 14px;
    border-radius: 0;
    color: #b5b5b6;
    border: 0;
    background: #f5f5f5;
    padding: 0 7px;
    font-size: 8px;
    color: #666;
}

.sod_select_data li .qty-control button.sit_qty_minus {
    border-top: 1px solid #d9d9d9;
}

.sod_select_data li .qty-control button.sit_qty_plus {
}

.sod_select_data li .qty-control input {
    height: 30px;
    text-align: center;
    border: none;
    border-left: 0;
    border-right: 1px solid #d9d9d9;
    outline: 0;
    width: 44px;
    font-family: 'Pretendard-Bold';
}

/* Chrome, Safari, Edge, Opera */
.sod_select_data li .qty-control input::-webkit-outer-spin-button,
.sod_select_data li .qty-control input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
.sod_select_data li .qty-control input[type='number'] {
  -moz-appearance: textfield;
}

.sod_select_data li .btn-remove {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    color: #999;
    width: 20px;
}

.sod_select_data li.sod_select_data_empty {
    color: #999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: none;
}

.sod_dr_right .sod_total_price_wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    margin: 0 24px;
    padding: 0 16px;
}

.sod_dr_right .sod_total_price_wr .total_price_text {
    font-size: 18px;
}

.sod_dr_right .sod_total_price_wr .total_price {
    font-size: 20px;
    font-family: 'Pretendard-Bold';
    color: #999;
}

.sod_dr_right .sod_total_price_wr .total_price.on {
    color: #f15d2a;
}

.sod_dr_right .sod_button_wr {
    display: flex;
    justify-content: space-between;
    margin: 0 24px;
}

.sod_dr_right .sod_button_wr .sod_cart_btn {
    width: 258px;
    border-radius: 4px;
    height: 61px;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
}

.sod_dr_right .sod_button_wr .sod_cart_btn.cart {
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #666;
}

.sod_dr_right .sod_button_wr .sod_cart_btn.direct {
    background: #999;
    color: #fff;
    cursor: not-allowed;
}

.sod_dr_right .sod_button_wr .sod_cart_btn.direct.on {
    background: #f15d2a;
    cursor: pointer;
}

.list_all_search {margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center;}

.list_all_search button {
    width: 188px;
    height: 42px;
    margin-left: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

.list_all_search button img {
    margin-right: 6px;
}

.list_all_search button i {
    margin-right: 4px;
}

.list_all_search .sod_cart_btn {
    color: #fff;
    background: #f15d29;
    border: none;
}

.list_all_search .sod_down_btn1 {
}

.list_all_search .sod_down_btn2 {
}

#list_all_bo_sch {border:1px solid #ccc;border-radius:3px;background:#fff}
#list_all_bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#list_all_bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#list_all_bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd}
#list_all_bo_sch .sch_input{
    height: 40px;
    padding: 0px 0px 0px 16px;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
    width: 190px;
    border: 0;
    color: #4d4d4d;
}

#list_all_bo_sch .sch_btn{height:40px;width:40px;background:url('../img/sch_btn.svg') no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor: pointer;}