@charset "utf-8";

/* 공통 */
*,
body,
th,
td,
input,
select,
textarea,
button {
    font-family: 'Pretendard';
}

*:focus {
    outline: none;
}

:root {
    --mainBlack: #000000;
    --gray01: #3E3E3E;
    --gray02: #8E8E8E;
    --gray03: #999;
    --lightGray01: #E7E7E7;
    --lightGray02: #F7F7F7;
    --white: #fff;
}

.chosen-container-active .chosen-single {
    box-shadow: none;
}

.maruburi {
    font-family: 'Maru Buri', serif !important;
    -webkit-font-smoothing: antialiased !important;
}

.cormorant {
    font-family: 'Cormorant Infant', serif !important;
    -webkit-font-smoothing: antialiased !important;
}

/*------------------------------------------------------
    layout
 ------------------------------------------------------*/
#wrap {
    width: 100%;
    min-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}

.gnb,
.header_top_cont,
.header_search_cont,
.main_goods_cont,
.sub_content,
.content_info,
.foot_list ul,
.foot_cont,
.foot_certify {
    width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.sub_content {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

#container {
    padding-top: 80px;
}

#contents {
    padding: 0;
}

#contents .sub_content>.side_cont+.content {
    width: 1200px;
}

.location_wrap {
    display: none;
}

#layerDim {
    background: rgba(0, 0, 0, 0.5);
}

#layerDim.head {
    background: rgba(0, 0, 0, 0.85);
}

.w_custom {
    width: 100%;
    padding: 0 20px;
    max-width: 1440px;
    box-sizing: border-box;
    margin: 0 auto;
}


/*------------------------------------------------------
    header
 ------------------------------------------------------*/
#header_warp {}

#header {
    width: 100%;
    height: 80px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background: var(--white);
    position: fixed;
    width: 100%;
    z-index: 100;
}

#header.hide {
    transition: transform 0.4s;
    box-shadow: none;
}

#header .header_inner {
    width: calc(100% - 140px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#header .header_inner .hd_logo {
    width: auto;
    height: clamp(28px, 3vw, 44px);
    max-width: 200px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#header .header_inner .hd_logo img {
    width: 100%;
    height: 100%;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth0 {
    display: flex;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth0>li {
    position: relative;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth0>li>a {
    font-size: 16px !important;
    line-height: 80px;
    font-weight: 400;
    color: #74584C;
    padding: 0 clamp(10px, 1.5vw, 25px);
    transition: padding 0.5s;
    position: relative;
    display: block;
}

/* 3. 2�?메뉴 기본 ?�태 (?�그�??�치: ?�비, ?�딩, 간격 ?�용) */
#header .hd_lnb .depth0>li>.depth1 {
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    height: auto !important;
    padding: 29px 26px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease !important;
}

/* 4. 마우???�버 ???�출 */
#header .hd_lnb .depth0>li:hover>.depth1 {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 5. 2�?메뉴 ?�스??�?기본 ?��???초기??*/
#header .hd_lnb .depth1>li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: none !important;
}


.hd_lnb .depth1>li:hover>a>span,
.hd_lnb .depth1>li>a.active>span {
    color: #A37764 !important;
    font-weight: 400 !important;
}

#header .hd_lnb .depth1>li,
#header .hd_lnb .depth1>li:hover,
#header .hd_lnb .depth1>li>a,
#header .hd_lnb .depth1>li>a:hover,
#header .hd_lnb .depth1>li>a.active {
    background: none !important;
    background-image: none !important;
    list-style: none !important;
}

#header .hd_lnb .depth1>li>a span:before,
#header .hd_lnb .depth1>li>a:hover span:before,
#header .hd_lnb .depth1>li>a.active span:before {
    display: none !important;
    content: none !important;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1 {
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all 0.3s;
    transition-delay: -0.1s;
    padding: 30px 0 50px;
    visibility: hidden;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1>li+li {
    padding-top: 20px;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1>li>a {
    font-size: 16px !important;
    line-height: 1;
    font-weight: 400 !important;
    display: block !important;
    padding: 0 !important;
    color: #74584C !important;
    background: none !important;
    line-height: 1 !important;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1>li>a span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    position: relative;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1>li>a span:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--gray01);
    border-radius: 100%;
    left: -15px;
    top: 50%;
    transform: translate(-100%, -50%);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

#header .header_inner .hd_lnb .lnb_menu_box .depth1>li>a:hover span:before {
    left: -5px;
    opacity: 1;
}

#header .header_inner .hd_lnb .lnb_bg {
    position: absolute;
    width: calc(100% + 140px);
    left: 50%;
    bottom: 1px;
    height: 0;
    background: var(--white);
    transform: translate(-50%, 100%);
    transition: all 0.2s;
    z-index: -1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

/* 카테고리 on */
#header.on {
    box-shadow: none;
}

#header.on .header_inner .hd_lnb .lnb_menu_box .depth0>li>a {
    /* padding: 0 70px; */
}

#header.on .header_inner .hd_lnb .lnb_menu_box .depth1 {
    opacity: 1;
    display: block;
    visibility: visible;
}

#header.on .header_inner .hd_lnb .lnb_menu_box .lnb_bg {
    height: 168px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    ;
}

#header .header_inner .hd_right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#header .header_inner .hd_right .right_btn {
    display: flex;
    gap: 20px;
}

#header .header_inner .hd_right .right_btn>li {
    width: clamp(24px, 2vw, 32px);
    height: clamp(24px, 2vw, 32px);
    display: inline-block;
    font-size: 0;
}

#header .header_inner .hd_right .right_btn>li>a {
    width: 100%;
    height: 100%;
    display: block;
}

#header .header_inner .hd_right .right_btn>li.sch a {
    background: url('../img/icon/icon_hd_search.svg') no-repeat center / contain;
}

#header .header_inner .hd_right .right_btn>li.my {}

#header .header_inner .hd_right .right_btn>li.my>a {
    background: url('../img/icon/icon_hd_my.svg') no-repeat center / contain;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer {
    opacity: 0;
    visibility: hidden;
    width: auto;
    height: auto;
    transition: opacity 0.3s, height 0.3s;
    position: absolute;
    padding-top: 10px;
    margin-left: -36px;
}

#header .header_inner .hd_right .right_btn>li.my:hover .my_layer {
    opacity: 1;
    visibility: visible;
    height: auto;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul {
    padding: 20px 25px;
    border-radius: 10px;
    border: 1px solid var(--lightGray01);
    background: var(--white);
    box-sizing: border-box;
    text-align: center;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li {
    display: block;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li+li {
    padding-top: 20px;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li a {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: var(--gray01);
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li a span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    position: relative;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li a span:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--gray01);
    border-radius: 100%;
    left: -15px;
    top: 50%;
    transform: translate(-100%, -50%);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

#header .header_inner .hd_right .right_btn>li.my .my_layer ul li a:hover span:before {
    left: -5px;
    opacity: 1;
}

#header .header_inner .hd_right .right_btn>li.cart {
    position: relative;
}

#header .header_inner .hd_right .right_btn>li.cart a {
    background: url('../img/icon/icon_hd_cart.svg') no-repeat center / contain;
}

#header .header_inner .hd_right .right_btn>li.cart a strong {
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
    color: var(--white);
    letter-spacing: -0.02em;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: var(--mainBlack);
    top: 0;
    right: -4px;
    left: auto;
    text-align: center;
    position: absolute;
}

#header .header_inner .hd_right .right_btn>li.category_all {
    position: static;
    background: url('../img/icon/icon_hd_cate.svg') no-repeat;
    cursor: pointer;
}

/* 검???�이?�팝??*/
#header_warp .search_layer {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    z-index: 250;
    overflow-y: auto;
}

#header_warp .search_layer .close {
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 260;
    transition: all 0.3s;
}

#header_warp .search_layer .close:hover {
    transform: rotate(90deg);
}

#header_warp .search_layer .search_box {
    position: relative;
    z-index: 260;
    width: 800px;
    max-width: 100%;
    max-height: calc(100vh - 80px);
    padding: 50px 60px 60px 60px;
    overflow-y: auto;
}

#header_warp .search_layer .search_box .top_search {
    text-align: center;
}

#header_warp .search_layer .search_box .top_search .tit {
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    letter-spacing: -0.02em;
    font-family: 'Marcellus';
    padding-bottom: 60px;
}

#header_warp .search_layer .search_box .top_search .top_text_cont {
    position: relative;
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"] {
    width: 100%;
    height: 70px;
    background: none;
    border: 0;
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
    letter-spacing: -0.02em;
    border-bottom: 2px solid var(--white);
    padding-left: 40px;
    padding-right: 80px;
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"]::placeholder {
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"]::-moz-placeholder {
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"]::-ms-placeholder {
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"]::-ms-input-placeholder {
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
}

#header_warp .search_layer .search_box .top_search .top_text_cont input[type="text"]:-webkit-input-placeholder {
    font-size: 28px;
    line-height: 70px;
    font-weight: 400;
    color: var(--white);
}

#header_warp .search_layer .search_box .top_search .top_text_cont .btn_top_srarch {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url('../img/icon/icon_search_btn.svg') no-repeat;
    background-size: 100%;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 0;
    border: 0;
}

#header_warp .search_layer .search_box .top_search .hit_keyword {
    padding-top: 40px;
}

#header_warp .search_layer .search_box .top_search .hit_keyword ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 40px;
}

#header_warp .search_layer .search_box .top_search .hit_keyword ul li {}

#header_warp .search_layer .search_box .top_search .hit_keyword ul li a {
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: var(--white);
    width: 100%;
    display: block;
}

#header_warp .search_layer .search_box .top_search .search_cont {
    padding-top: 80px;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box {
    width: 100%;
    float: none;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box dl {
    padding: 0;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box dt {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: var(--white);
    letter-spacing: -0.01em;
    padding-bottom: 40px;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box dd {
    padding: 0;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    letter-spacing: -0.03em;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list {
    margin: 0;
    max-height: 150px;
    font-size: 0;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list::-webkit-scrollbar {
    display: none;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li+li {
    padding-top: 19px;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li a {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    letter-spacing: -0.03em;
    padding: 0;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li span {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    padding: 0;
    letter-spacing: 0;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li span .btn_top_search_del {
    margin-left: 15px;
}

#header_warp .search_layer .search_box .top_search .search_cont .recent_box .js_recent_list li span .btn_top_search_del img {}

/* ?�체카테고리 */
#header_warp .header_gnb {}

#header_warp .header_gnb .gnb_allmenu_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
    width: 100%;
    max-width: 1440px;
}

#header_warp .header_gnb .gnb_allmenu_box {
    text-align: center;
}

#header_warp .header_gnb .gnb_allmenu_box>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 150px;
    justify-content: center
}

#header_warp .header_gnb .gnb_allmenu_box>ul>li {
    text-align: center;
}

#header_warp .header_gnb .gnb_allmenu_box>ul>li>a {
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: var(--white);
}

#header_warp .header_gnb .gnb_allmenu_box .all_depth1 {
    margin-top: 80px;
    border: 0;
}

#header_warp .header_gnb .gnb_allmenu_box .all_depth1 li {}

#header_warp .header_gnb .gnb_allmenu_box .all_depth1 li+li {
    margin-top: 40px;
}

#header_warp .header_gnb .gnb_allmenu_box .all_depth1 li a {
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    color: var(--white);
    display: inline-block;
    text-align: center;
    padding: 0;
}

#header_warp .header_gnb .gnb_allmenu_box .all_depth1 li a:hover {
    text-decoration: none;
}

#header_warp .header_gnb .btn_all_menu_close {
    position: fixed;
    top: 20px;
    right: 66px;
    left: auto;
    width: 40px;
    height: 40px;
    background: url('../img/icon/icon_allcate_x.svg') no-repeat;
    z-index: 300;
    transition: all 0.3s;
}

#header_warp .header_gnb .btn_all_menu_close:hover {
    transform: rotate(90deg);
}

@media only screen and (max-width:1700px) {
    #header .header_inner {
        width: calc(100% - 100px);
    }
}

@media only screen and (max-width:1600px) {
    #header .header_inner {
        width: calc(100% - 80px);
    }
}

@media only screen and (max-width:1500px) {
    #header .header_inner {
        width: calc(100% - 60px);
    }
}

@media only screen and (max-width:1470px) {
    #header .header_inner {
        width: calc(100% - 30px);
    }
}

/*------------------------------------------------------
    footer
 ------------------------------------------------------*/
#footer_wrap {
    border-top: 1px solid var(--lightGray01);
    margin-top: 218px;
}

#footer_wrap .top_btn {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid var(--lightGray01);
    background: var(--white);
    position: fixed;
    bottom: 40px;
    right: 50px;
    z-index: 100;
}

#footer_wrap .top_btn a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../img/icon/ft_quick_top.svg') no-repeat center;
    background-size: 40px auto;
    font-size: 0;
}

#footer {
    padding: 0;
}

#footer .footer_top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 16px 0 20px;
}

#footer .footer_top .ft_logo {
    height: 42px;
}

#footer .footer_top .ft_logo img {
    width: auto;
    height: 100%;
}

#footer .footer_top .ft_list {
    font-size: 0;
}

#footer .footer_top .ft_list li {
    display: inline-block;
}

#footer .footer_top .ft_list li+li {
    padding-left: 40px;
}

#footer .footer_top .ft_list li a {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: var(--gray01);
    letter-spacing: -0.02em;
}

#footer .footer_top .ft_list li a strong {
    font-size: inherit;
    font-weight: 600;
    color: inherit;
}

#footer .footer_cont {
    border-top: 1px solid var(--lightGray01);
    padding: 33px 0 73px;
    position: relative;
}

#footer .footer_cont .ft_info {}

#footer .footer_cont .ft_info address {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: var(--gray01);
    letter-spacing: -0.02em;
}

#footer .footer_cont .ft_info address span {
    display: inline-block;
    margin: 0 6px;
}

#footer .footer_cont .ft_info address a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

#footer .footer_cont .ft_info address a:hover {
    text-decoration: none;
}

#footer .footer_cont .ft_info .copyright {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--gray03);
    letter-spacing: -0.02em;
    padding-top: 32px;
}

#footer .footer_cont .ft_sns {
    font-size: 0;
    position: absolute;
    top: 40px;
    right: 0;
}

#footer .footer_cont .ft_sns li {
    display: inline-block;
}

#footer .footer_cont .ft_sns li+li {
    margin-left: 20px;
}

#footer .footer_cont .ft_sns li a {
    display: block;
}

#footer .footer_cont .ft_sns li a img {}

#footer .footer_cont .ft_family {
    display: inline-block;
    width: 195px;
    position: absolute;
    bottom: 72px;
    right: 0;
}

#footer .footer_cont .ft_family .family_site dt {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: var(--gray01);
    padding: 17px 0;
    border-bottom: 1px solid var(--gray01);
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

#footer .footer_cont .ft_family .family_site dt:after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 10px;
    background: url('../img/icon/ft_family_arw.svg') no-repeat center right;
    background-size: 14px auto;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all 0.3s;
}

#footer .footer_cont .ft_family .family_site dd {
    position: absolute;
    padding: 15px;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease;
    width: 100%;
    box-sizing: border-box;
    bottom: 50px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    background: var(--white);
    visibility: hidden;
}

#footer .footer_cont .ft_family .family_site dd ul li+li {
    padding-top: 10px;
}

#footer .footer_cont .ft_family .family_site dd ul li a {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--gray01);
    letter-spacing: -0.02em;
}

/* on */
#footer .footer_cont .ft_family .family_site.on dt:after {
    transform: translateY(-50%) rotate(180deg)
}

#footer .footer_cont .ft_family .family_site.on dd {
    display: block;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}




/*------------------------------------------------------
    ?�품 공통
 ------------------------------------------------------*/
.goods_list_cont .item_custom_type ul {
    display: flex;
    flex-wrap: wrap;
    gap: 33px
}

.goods_list_cont .item_custom_type ul li {
    width: calc(25% - 24.75px) !important;
    margin: 0;
}

.goods_list_cont .item_custom_type ul li .item_cont {
    padding: 0;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_photo_box {
    border: 0;
    border-radius: 10px;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_photo_box a {}

.goods_list_cont .item_custom_type ul li .item_cont .item_photo_box a img {
    width: 100%;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_photo_box .item_soldout_bg {
    background-color: transparent;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont {}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont {}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_tit_box {}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_tit_box .item_name {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
    padding: 0;
    word-break: break-all;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--gray03);
    letter-spacing: -0.02em;
    ;
    padding: 8px 0 0;
    width: 100%;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_money_box {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
    align-items: center;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_money_box .item_price {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
    padding: 0;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_money_box .fixed_price {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: var(--gray03);
    letter-spacing: -0.02em;
    text-decoration: line-through;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_money_box .discount-rate {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: var(--white);
    letter-spacing: -0.02em;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 5px;
    background: var(--gray01);
    margin-right: 4px;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_icon_box {
    padding-top: 10px;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_link {
    position: static;
    display: flex;
    gap: 10px;
    background: none;
    border: 0;
    height: auto;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_link button {
    width: 32px;
    height: 32px;
    font-size: 0;
    border: 0;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_link .btn_basket_cart {
    background: url('../img/icon/icon_prd_cart.svg') no-repeat center;
}

.goods_list_cont .item_custom_type ul li .item_cont .item_info_cont .item_link .btn_basket_get {
    background: url('../img/icon/icon_prd_wish.svg') no-repeat center;
}

.goods_list_cont .item_custom_type ul li .item_cont:hover .item_info_cont .item_link {
    opacity: 1;
    visibility: visible;
}

/* ?�품 ?�을??*/
.goods_no_data {
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods_no_data strong {
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: var(--gray01);
    letter-spacing: -0.02em;
}





/*------------------------------------------------------
    SUB
 ------------------------------------------------------*/
/* ?�이�?공통 */
.pagination {
    margin: 0;
}

.pagination ul {
    padding: 80px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pagination li {
    min-width: 30px;
}

.pagination li a,
.pagination li span {
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    color: var(--gray03);
    transition: all 0.3s;
}

.pagination li.on span {
    font-weight: 700;
    color: #17171B;
    border-radius: 0;
    background: var(--white);
}

.pagination .on {
    color: #17171B;
    font-weight: 700;
}

.pagination li:hover a,
.pagination li:hover span {
    color: #3A3736;
}

.pagination .btn_page {
    min-width: 30px;
    border: 0;
}

.pagination .btn_page a {
    min-width: 30px;
    font-size: 0;
}

.pagination .btn_page_first {
    margin: 0;
    background: url("../img/icon/btn_paging_first.svg") no-repeat center;
    padding: 0 !important;
}

.pagination .btn_page_prev {
    margin: 0 8px 0 0;
    background: url("../img/icon/btn_paging_prev.svg") no-repeat center;
    padding: 0 !important;
}

.pagination .btn_page_next {
    margin: 0 0 0 8px;
    background: url("../img/icon/btn_paging_next.svg") no-repeat center;
    padding: 0 !important;
}

.pagination .btn_page_last {
    margin: 0;
    background: url("../img/icon/btn_paging_last.svg") no-repeat center;
    padding: 0 !important;
}

.goods_list+.pagination {
    padding: 0;
    border-top: 0;
}





/*------------------------------------------------------
    layer_option
 ------------------------------------------------------*/
.option_layer_cont {
    width: 460px;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid var(--lightGray01);
    box-sizing: border-box;
    top: 50% !important;
    transform: translateY(-50%);
}

.option_layer_cont h4 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    padding: 4px 0;
    border: 0;
}

.option_layer_cont .layer_close {
    width: 32px;
    height: 32px;
    background: url(../img/icon/btn_layer_close.svg) no-repeat center;
}

.option_layer_cont .layer_close img {
    display: none;
}

.option_layer_scroll {
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: 337px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.option_tit_box {
    margin-bottom: 30px;
}

.option_tit_box dt {
    margin: 0;
}

.option_tit_box dt img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 4px;
    border: 0;
}

.option_tit_box dd {
    margin: 20px 0 0 80px;
    border: 0;
}

.option_tit_box dd strong {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
}

.option_tit_box dd span {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--gray01);
    letter-spacing: -0.02em;
}

.option_select_box .option_chosen {
    margin: 0;
    margin-top: 0;
    padding: 0;
    border: 0;
}

.option_select_box .option_chosen.is-empty {
    display: none;
}

.option_select_box .option_chosen dl {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.option_select_box .option_chosen dl:after {
    display: none;
}

.option_select_box .option_chosen dt {
    width: 100px;
    padding-right: 15px;
    box-sizing: border-box;
    float: none;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
}

.option_select_box .option_chosen dd {
    width: calc(100% - 100px);
    float: none;
}

#wrap .option_select_box .option_chosen dd .chosen-container {
    width: 100% !important;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray03);
    letter-spacing: -0.02em;
}

#wrap .option_select_box .option_chosen dd .chosen-single {
    height: 50px;
    border: 1px solid var(--lightGray01);
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 20px;
}

#wrap .option_select_box .option_chosen dd .chosen-single span {
    line-height: 50px;
}

#wrap .option_select_box .option_chosen dd .chosen-single div {
    width: 34px;
}

#wrap .option_select_box .option_chosen dd .chosen-single div b {
    background: url('../img/icon/icon_select_arrow.svg') no-repeat center left;
}

#wrap .option_select_box .option_chosen dd .chosen-drop {
    border-color: var(--lightGray01);
}

.option_select_box .option_list {
    margin: 0;
    margin-top: 20px;
    border-top: 1px solid var(--mainBlack);
    padding-top: 30px;
}

.option_select_box .item_choice_list:after {
    display: none;
}

.option_select_box .item_choice_list table {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: none;
    width: 100%;
}

.option_select_box .item_choice_list table colgroup {
    display: none;
}

.option_select_box .item_choice_list table tbody {
    display: table;
    width: 100%;
    background: var(--lightGray02);
    border-radius: 8px;
}

.option_select_box .item_choice_list table tbody:first-child {
    margin-top: 25px;
}

.option_select_box .item_choice_list table tbody tr {
    position: relative;
    /*display: table-cell;*/
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 0;
}

.option_select_box .item_choice_list table tbody {
    border-bottom: 0;
    border-top: 0;
}

.option_select_box .item_choice_list table tbody tr td {
    border: none;
    padding: 0;
}

.option_select_box .item_choice_list table tbody tr td .cart_tit_box {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.option_select_box .item_choice_list table tbody tr td .cart_tit_box .cart_tit {
    font-size: 18px;
    line-height: 1.22;
    font-weight: 400;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
}

.option_select_box .item_choice_list table tbody tr td .cart_tit_box .cart_tit strong {
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: var(--mainBlack);
    letter-spacing: -0.02em;
    padding-bottom: 10px;
    padding-right: 30px;
}

.option_select_box .item_choice_list table tbody tr td .cart_tit_box .cart_tit span:first-of-type {
    margin-right: 5px;
    vertical-align: middle;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(1) {
    display: block;
    vertical-align: top;
    width: 100%;
    padding: 0;
    border-bottom: none;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) .count {
    padding: 1px;
    border: 1px solid var(--lightGray01);
    border-radius: 30px;
    background: var(--white);
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) .goods_qty .text {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 15px;
    font-weight: 700;
    color: var(--mainBlack);
    vertical-align: top;
    line-height: 30px;
    letter-spacing: 0;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) .goods_qty span {
    margin: 0;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) .goods_qty span .down {
    margin: 0;
    background: url("../img/icon/count_down.svg") no-repeat center center;
    width: 29px;
    height: 29px;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(2) .goods_qty span .up {
    background: url("../img/icon/count_up.svg") no-repeat center center;
    width: 29px;
    height: 29px;
    background-size: 29px;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(3).item_choice_price {
    display: inline-block;
    width: 50%;
    font-size: 20px;
    color: var(--mainBlack);
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: right;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(3).item_choice_price strong {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(4) {
    position: absolute;
    padding: 0;
    top: 20px;
    right: 29px;
    width: 11px;
    height: 11px;
    font-size: 0;
}

.option_select_box .item_choice_list table tbody tr td:nth-child(4) .delete_goods img {
    vertical-align: middle;
}

.option_select_box .item_choice_list table tbody tr td .delete_goods {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.option_layer_cont .btn_box {
    border: 0;
    padding-top: 30px;
}

.option_layer_cont .btn_confirm {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    letter-spacing: -0.02em;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background: var(--mainBlack);
    border: 1px solid var(--mainBlack);
    box-sizing: border-box;
    margin: 0;
    transition: all 0.4s;
}

.option_layer_cont .btn_confirm:hover {
    background: var(--gray01);
    border-color: var(--mainBlack);
}