@charset "utf-8";
@import "https://cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0.3/css/all.min.css";
/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2019-08-26
Modify Date : 2021-02-25
************************************************************************************** */

body, th, td, input, select, textarea, button, pre {
    font-weight: 300;
}

.groupIcon {
    width: 25px
}

.aside_cs_phone {
    font-weight: 400;
}

.aside_cs_phone:before {
    display: none;
}

/* ================================== HEADER ================================== */

/* HEADER - 로고 */
.layout_header .logo_wrap .logo_area {
    margin: 0;
    float: left;
    width: auto;
}


/* HEADER - 상품 */
.layout_header.transparent {
    background-color: transparent;
    box-shadow: none;
}

.layout_header.transparent .resp_wrap {
    justify-content: space-between;
}

.layout_header .resp_wrap:after, #goods_view .resp_wrap:after {
    display: none;
}

.layout_header .title_wrap .back_btn {
    width: 32px;
    height: 32px;
    background: url(../images/common/arrow_left_white.png) no-repeat center;
    background-size: contain;
}

.layout_header .title_wrap .more_btn {
    width: 32px;
    height: 32px;
    background: url(../images/common/ico_search_white.png) no-repeat center;
    background-size: contain;
}

/*.layout_header .logo_wrap .logo_area>a { height:100px; }*/

/* HEADER - 검색 */
.resp_top_search .search_ver2 {
    opacity: 1;
    overflow: visible;
    transform: translateX(0);
}

.resp_top_search .search_ver2 .search_new .input_area button.close {
    display: none;
}

.resp_top_search .search_ver2 .search_new .input_area button.search {
    background: url(../images/design_resp/icon_search.png) 50% 50% no-repeat;
    background-size: 24px;
}

.resp_top_search .search_ver2 .search_new .input_area .cont {
    width: 100%;
    text-align: left;
    border-radius: 0;
    padding: 16px;
    max-height: 56px;
    height: 100%;
    display: flex;
    align-items: center;
    border: none;
    border-bottom: 2px solid var(--color-f8f8f8);
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box, .resp_top_search .search_ver2 .search_new .input_area .search_box {
    width: calc(100% - 24px);
    display: flex;
    align-items: center;
    margin: 0;
}

.link_gray {
    font: var(--text-body16-semi-bold);
    color: var(--color-ccc);
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box:before, .resp_top_search .search_ver2 .search_new .input_area .search_box:before {
    content: '';
    width: 1px;
    height: 16px;
    display: block;
    margin: 0 20px;
    background: var(--color-purple);
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box > input[type='text'] {
    padding: 0;
}

.resp_top_search .search_ver2 .search_new .input_area label.search_box > input[type='text']::placeholder {
    font: var(--text-body16-regular);
    color: var(--color-ccc)
}

.resp_top_search .search_ver2 .search_new .contetns_area {
    width: 398px;
    border-color: #333;
}

.resp_top_search .search_ver2 .search_new .autocomplete_banner {
    border-color: #333;
}

.sub_layout_header {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 768px;
    z-index: 10;
}

/* HEADER - 검색 */
img[src*=goods_qna_admin] {
    width: 51px;
}

.sub_layout_header .hinner {
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 63px;
    /*border-bottom: 1px solid var(--color-f4f4f4);*/
    background-color: var(--color-fff);

}

.sub_layout_header .title {
    font: var(--text-subtitle20-semi-bold);
    color: var(--color-191919);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    max-width: calc(100% - 100px);
    width: auto;

}

.sub_layout_header .hinner a, .sub_layout_header .hinner .ico_btn {
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.sub_layout_header .hinner .text_button {
    border: 1px solid var(--primary-color2);
    font: var(--text-body13-regular);
    min-width: 54px;
    padding: 0 8px;
    line-height: 30px;
    color: var(--primary-color2);
}

.sub_layout_header .hinner .back_btn {
    background-image: url(../images/common/arrow_left_black.png);
}

/* HEADER - 서브 헤더 */
.layout_header .util_wrap_menu2 > li {
    background: none;
}

.layout_header .util_wrap_menu2 > li > a {
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}


.layout_header .util_wrap_menu2 > li.user_logout > a {
    background-image: url(../images/design_resp/icon_logout.png);
}

.layout_header .util_wrap_menu2 > li.user_login > a {
    background-image: url(../images/design_resp/icon_login.png);
}

.layout_header .util_wrap_menu2 > li.user_join > a {
    background-image: url(../images/design_resp/icon_join.png);
}

.layout_header .util_wrap_menu2 > li.respCartArea > a {
    background-image: url(../images/design_resp/icon_cart.png);
    font-size: 13px;
}

.layout_header .util_wrap_menu2 > li.respAlarmArea > a {
    background-image: url(../images/common/icon_bell.png);
    font-size: 13px;
}

.layout_header .util_wrap_menu2 > li.user_info > a {
    padding-top: 5px;
    line-height: 1.5;
}

.layout_header .util_wrap_menu2 > li.user_info .u_name,
.layout_header .util_wrap_menu2 > li.user_info .u_id {
    color: #6d8bab;
}

#layout_header .benefit {
    top: -25px;
}

#layout_header .benefit .arrow {
    top: 15px;
    font-size: 10px;
}


/* HEADER - 하단 네비 */
.layout_bottomNavi {
    position: fixed;
    bottom: -100px;
    transition: bottom 0.5s;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 768px;
    z-index: 1000;
    border-top: 1px solid #F4F4F4;
    background: var(--color-fff);

}

.layout_bottomNavi .navi_list .action_btn_box {
    z-index: 1;
}

.plus_list {
    position: absolute;
    z-index: -1;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.layout_bottomNavi .action_btn_box .plus_list li {
    display: block;
    width: 46px;
    height: 46px;
    /* top: 50%; */
    /* left: 50%; */
    position: absolute;
    transform: translate3d(0, 0, 0);
}

.action_btn_box .plus_list li a {
    transition: transform 0.5s;
    padding: 0;
    display: block;
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: bottom center;
    border-radius: 50em;
    background-color: var(--primary-color2);
}

.action_btn_box .plus_list span {
    position: absolute;
    width: 100px;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font: var(--text-body15-bold);
    visibility: hidden;
}

.action_btn_box .plus_list.open span {
    visibility: visible;
}

.plus_list.open li a {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
    transition-property: transform; /* 트랜지션 적용 속성 지정 */
    transition-duration: 0s; /* 초기에 트랜지션 지속 시간을 0으로 설정 */
    padding: 0;

    background-position: center;
}

.plus_list.open li .shop {
    transition-duration: 0.18s;
    transform: translate3d(-80px, -40px, 0);
}

.plus_list.open li .gallery {
    transition-duration: 0.28s;
    transform: translate3d(0px, -96px, 0);

}

.plus_list.open li .video {
    transition-duration: 0.28s;
    transform: translate3d(-40px, -96px, 0);

}

.plus_list.open li .guest_book {
    transition-duration: 0.58s;
    transform: translate3d(80px, -40px, 0);
}

.plus_list li .shop {
    background-image: url(../images/common/shop.png);
}

.plus_list li .gallery {
    background-image: url(../images/common/gallery.png);
}

.plus_list li .video {
    background-image: url(../images/common/video.png);
}

.plus_list li .guest_book {
    background-image: url(../images/common/book-saved.png);
}

.layout_bottomNavi .navi_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layout_bottomNavi .navi_list li {
    width: calc(100% / 5);
    position: relative;
    z-index: 0;
}

.layout_bottomNavi .navi_list a {
    padding: 48px 0 17px 0;
    display: block;
    text-align: center;
    color: var(--color-999);
    font: var(--text-body14-regular);
    background-repeat: no-repeat;
    background-position: top 14px center;
    position: relative;
    background-size: 32px 32px;
}

.layout_bottomNavi .navi_list .home {
    background-image: url(../images/common/ico_logo.png);
}

.layout_bottomNavi .navi_list .class {
    background-image: url(../images/common/ico_class.png);
}

.layout_bottomNavi .navi_list .plus:after {
    content: " ";
    background-image: url(../images/common/btn_mwrite.png);
    background-position: center;
    background-size: contain;
    transition: transform 0.3s;
    padding: 0;
    width: 65px;
    height: 65px;
    background-color: #504FFB;
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
}

.layout_bottomNavi .navi_list .plus {
    padding: 0;
    width: 64px;
    height: 64px;
    border-radius: 50em;
    margin: 0 auto;
}

.plus_list.open {
    z-index: 100;
}

.layout_bottomNavi .navi_list .plus.open {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 9999px;
}

.layout_bottomNavi .navi_list .plus.open:after {
    transform-origin: center;
    z-index: 1000;
    transform: translate(-50%, -50%) rotate(135deg);
}

.layout_bottomNavi .navi_list .feed {
    background-image: url(../images/common/like.png);
}

.layout_bottomNavi .navi_list .mypage {
    background-image: url(../images/common/ico_my.png);
}

/* 하단 active */
.layout_bottomNavi .navi_list a.active {
    color: var(--primary-color2);
}

.layout_bottomNavi .navi_list .home.active {
    background-image: url(../images/common/ico_logo_on.png);
}

.layout_bottomNavi .navi_list .class.active {
    background-image: url(../images/common/ico_class_on.png);
}

.layout_bottomNavi .navi_list .feed.active {
    background-image: url(../images/common/like_on.png);
}

.layout_bottomNavi .navi_list .mypage.active {
    background-image: url(../images/common/ico_my_on.png);
}


/* ================================== 사이드 메뉴 ================================== */
.layout_side {
    padding-bottom: 0;
}

.aside_inner {
    padding: 0 calc(var(--mp-8) * 3);
    overflow: auto;
    min-height: 100vh;
    position: relative;
}

.aside_inner::-webkit-scrollbar, .layout_side::-webkit-scrollbar {
    display: none;
}

.aside_userinformation > ul {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.aside_userinformation {
    padding: calc(var(--mp-8) * 3) 0;
    border: none;

}

.aside_userinformation > ul > li {
    display: flex;
    align-items: center;
}

.aside_userinformation > ul > li {
    font: var(--text-body16-regular);
    color: var(--color-333)
}

.aside_userinformation .user_name {
    font: var(--text-body16-semi-bold);
}

.aside_userinformation > ul > li.right_area {
    width: 100%;
    gap: calc(var(--mp-8) * 2);
}

.aside_userinformation > ul > li.right_area a {
    display: block;
    flex: 1;
}

.aside_userinformation .right_area .btn_resp {
    font: var(--text-caption-regular);
    line-height: 26px;
    padding: 0 10px;
}


.aside_userinformation .right_area .btn_resp:last-child {
    border: 1px solid var(--color-purple);
    color: var(--color-purple);
}

.aside_userinformation .right_area .btn_resp:first-child {
    border: 1px solid var(--primary-color1);
    background: var(--primary-color1);
    color: var(--color-fff);
}

.asie_main_menu {
    border-bottom: 1px solid var(--color-f8f8f8);
    padding: calc(var(--mp-8) * 2) 0 0 0;
    margin-bottom: calc(var(--mp-10) * 4);
}

.asie_main_menu > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

}

.asie_main_menu > ul > li {
    width: 33%;
    max-width: 62.5px;
}

.asie_main_menu > ul > li > a {
    /*background-size: auto;*/
    color: var(--color-333);
    font: var(--text-body14-regular);
    padding: 42px 0 10px;
    background-position: top 10px center;
}

.aside_navigation_wrap ul.menu {
    padding-bottom: 142px;
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon1, .aside_navigation_wrap ul.menu li.mitem.mitemicon2 {
    background-size: 16px;
    background-position: center right 3px;
    border: none;


}

.aside_navigation_wrap ul.menu li.mitem {
    border: none;
}

.aside_navigation_wrap ul.menu li.mitem:after {
    display: none;
}

.aside_navigation_wrap ul.menu li.mitem.category a.mitem_title {
    background-color: transparent;
    left: unset;
    right: 0;
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon2 {
    back
}

.aside_navigation_wrap ul.menu li.mitem.mitemicon2, .aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {
    background-color: transparent;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem {
    border: none;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.depth.category a.mitem_goodsview {
    color: var(--color-222);
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.depth.category + li.submitem.category a {
    color: var(--color-222);
}

.aside_navigation_wrap ul.menu li.mitem.category a.mitem_goodsview {
    margin: 0;
    font: var(--text-body16-semi-bold);
    color: var(--color-333);
    padding: 12px 0;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu {
    margin-top: 4px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child {
    border: none;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category:last-child a.mitem_goodsview {
    margin-bottom: 12px;
}

.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category a.mitem_goodsview {
    padding: 0;
    height: auto;
    width: calc(100% - 48px);
    margin-left: calc(var(--mp-8) * 3);
    margin-bottom: calc(var(--mp-8) * 2);
    color: var(--color-767676);
    font: var(--text-body14-regular);
    cursor: pointer;

}

#boardSideMenu {
    width: 100%;
    max-width: 290px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--color-ddd);
    background: var(--color-f8f8f8);
    padding: 24px 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mp-8)
}

#boardSideMenu i, #boardSideMenu a {
    font-style: normal;
    color: var(--color-999);
    font: var(--text-caption-regular)
}

.mitem_subcontents .child_category {
    margin-left: calc(var(--mp-8) * 3);
}

.mitem_subcontents .child_category li > a {
    display: block;
    width: calc(100% - 48px);
    margin-left: calc(var(--mp-8) * 3);
    margin-bottom: calc(var(--mp-8) * 2);
    color: var(--color-767676);
    font: var(--text-body14-regular);
    cursor: pointer;
}

/* 상품 전시 1*/
.display_responsible_class .goods_list {
    margin-left: 0;
}

.display_slide_class .swiper-wrapper {
    display: flex;
}

.goods_description .display_slide_class .swiper-slide {
    display: flex;
    align-items: center;
    height: auto;
}

.display_slide_class .swiper-slide {
    padding: 0;
    position: relative;
    display: block;
}

.group_swiper .swiper-slide > li.gl_item {
    width: 100%;
}

.res_db_title1 {
    padding-bottom: 40px;
    color: var(--color-333);
    font: var(--text-heading2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.res_db_title1 a {
    color: var(--color-999);
    font: var(--text-body16-regular)
}

.display_slide_class .swiper-slide .goodsDisplayImageWrap > a img {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
}

.group_swiper .resp_display_goods_info {
    padding: 16px 0;
}

.display_slide_class .swiper-button-next {
    display: block;
    width: 64px;
    height: 64px;
    background-size: contain;
    right: 0;
    background-image: url(../images/common/arrow_right_bold.png);
}

.display_slide_class .swiper-button-prev {
    display: block;
    width: 64px;
    height: 64px;
    background-size: contain;
    left: 0;
    background-image: url(../images/common/arrow_right_bold.png);
    rotate: 180deg;
}

.infO_style_1 .displaY_goods_name + .infO_group {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    flex-wrap: wrap;
    min-height: 46px;
}

.infO_style_1 .infO_group .goodS_info {
    display: block;
    margin-right: 0;
    text-decoration: none;
    padding: 0;
}

.infO_style_1 .infO_group .goodS_info:first-of-type {
    width: 100%;
}

.infO_style_1 .displaY_seller_grade_a .areA {
    font: var(--text-body18-semi-bold);
    color: var(--color-222);

}

.infO_style_1 .displaY_goods_name a {
    font: var(--text-body18-regular);
    color: var(--color-666)
}

.infO_style_1 .displaY_sales_price span {
    color: var(--primary-color1);
    font: var(--text-body18-bold)
}

.infO_style_1 .displaY_consumer_price .areA {
    display: block;
    width: 100%;
    font: var(--text-caption-regular);
    text-decoration: line-through;
    padding-top: 4px
}

.infO_style_1 .displaY_sales_percent .areA {
    font: var(--text-body18-bold);
    color: var(--primary-color3)
}

.displaY_goods_name .areA:not(.video_badge .displaY_goods_name .areA) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* 상품 전시 2*/
.grid_type .display_responsible_class .goods_list li.gl_item {
    padding: 0;
    width: calc(100% / 4 - 15px);
}

.grid_type.ver2 .display_responsible_class .goods_list li.gl_item {
    width: calc(100% / 3 - 14px);
}

.grid_type .display_responsible_class .goods_list {
    display: flex;
    align-items: stretch;
    gap: 20px;
    flex-wrap: wrap;
}

.grid_type .goods_list li.gl_item .gli_image .respItemImageArea img {
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 3/4;
    width: 100%;
}

.grid_type .goodS_info:not(.displaY_goods_name,.displaY_goods_category) {
    display: none;
}

.grid_type .resp_display_goods_info {
    padding: 0;
}

.grid_type .displaY_goods_name {
    padding: 16px 0 4px;
    display: block;
    margin: 0;
}

.grid_type .displaY_goods_name .areA a {
    font: var(--text-body18-semi-bold);
    color: var(--color-222)
}

.infO_group .displaY_goods_category {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 0 16px 0 !important;
    color: var(--color-999);
    font: var(--text-body14-regular);
    flex-wrap: wrap;
}

.infO_group .displaY_goods_category i {
    font-style: normal;
}

/* 상품 전시 3*/
.relative .infO_group .goodS_info {
    padding: 0;
    margin: 0;
}

.relative .infO_group .displaY_goods_name {
    padding-bottom: 12px;
}

.relative .displaY_goods_name a {
    color: var(--color-222);
    font: var(--text-body16-bold);
    display: block;
}

.relative .resp_display_goods_info {
    padding: 16px 0;
}

/* 뉴클래스 */
.new_class_wrap {
    background: var(--color-f8f8f8);
    padding: 80px 0;
}

.new_class_wrap.video_badge .goods_list .gli_image:after {
    width: 24px;
    height: 24px;
    background-size: 24px;
    padding: 0;
    top: 20px;
    right: 20px;
}

/*.new_class_wrap .respGoodsZzim .zzimArea {*/
/*    padding: 20px 20px 20px;*/
/*}*/

.new_class_wrap .respGoodsZzim .zzimImage {
    width: 24px;
    height: 24px;

}

.new_class_wrap .res_db_title1 {
    padding: 0 24px 40px;
}

.new_class_wrap .goodS_info:not(.displaY_goods_name,.displaY_goods_category) {
    display: none;
}

.card_swiper .swiper-slide {
    width: 534px;

}

.card_swiper .swiper-slide > li.gl_item {
    width: 100%;
}

.card_swiper .respItemImageArea {
    border-radius: 16px;
    position: relative;
}

.card_swiper .respItemImageArea:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.card_swiper .gl_inner_item_wrap {
    position: relative;
}

.card_swiper .infO_style_2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 32px;
}

.card_swiper .infO_group .goodS_info {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.card_swiper .infO_group .goodS_info .displaY_goods_category {
    padding: 16px 0 0 0;
}

.card_swiper .displaY_goods_name a {
    color: var(--color-fff);
    font: var(--text-body19-bold)
}

.infO_style_2 .displaY_goods_name .areA {
    -webkit-line-clamp: 2;
}

/* 입시정보 */

.artSchool_wrap .swiper-slide .sbj tr {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.artSchool_wrap .info_text {
    width: calc(100% - 185px);
}

.artSchool_wrap .title_td, .artSchool_wrap .title_td .info_text {
    width: 100%;
}

.artSchool_wrap .swiper-slide .sbj .info_text tr {
    gap: 8px;
}

.artSchool_wrap .info_text .title a {
    font: var(--text-body16-bold);
    color: var(--color-222)
}

.artSchool_wrap .info_text .date {
    font: var(--text-caption-regular);
    color: var(--color-999);
    display: block;
    width: 100%;
}

.artSchool_wrap .list_img {
    width: 100%;
    aspect-ratio: 3/2;
    border-radius: 9px;
    overflow: hidden;
    object-fit: cover;
}

.artSchool_wrap .swiper-container {
    max-width: 768px;
    overflow: hidden;
    display: block;
    padding-bottom: 40px;
}

/* 리뷰 리스트 */
.resp_join_table.v2.th_size3 input.size_full:focus {
    outline: none;
}

.review_wrap {
    margin-top: 114px;
}

.review_wrap .res_db_title1 {
    padding: 0;
    justify-content: center;
    font: var(--text-heading1)
}

.review_wrap .res_db_title1 a {
    display: none;
}

.review_wrap .displayTabContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    margin-bottom: 32px;
}

.review_wrap ul.displayTabType1 > li {
    border: none;
    color: var(--color-ccc);
    font: var(--text-subtitle20-regular);
    line-height: 60px;
    padding: 0 8px;
    height: initial;
}

.review_wrap ul.displayTabType1 > li.current {
    color: var(--color-333);
}

.review_wrap .goodS_info {
    padding: 0;
}

.review_wrap .score {
    margin: 4px 0 8px;
}

.review_wrap .displaY_review_score_a .ev_active2, .review_wrap .displaY_review_score_a .ev_active2 > b {
    background: transparent !important;
    margin: 0;
}

.displaY_review_score_a .ev_active2:after {
    background: url(../images/common/ico_star.png) no-repeat center center;
    background-size: contain;

}

.review_wrap .resp_display_goods_info {
    padding: 16px 0 0;
}

.review_wrap .goods_list li.gl_item {
    padding: 0;
}

.review_wrap .goods_list li.gl_item img {
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
    border-radius: 16px;
}

.review_wrap .displaY_goods_name span {
    color: var(--color-222);
    font: var(--text-body16-bold);
    -webkit-line-clamp: 1
}

.review_wrap .displaY_sales_price {
    display: none;
}

.review_wrap .displaY_review_score_a .ev_active2 {
    width: 16px;
    margin: 2px;
    border: none;
}

.review_wrap .displaY_review_score_b .nuM {
    color: var(--color-999);
    font: var(--text-body14-regular)
}

.review_wrap .displaY_best_review {
    border-top: 1px solid var(--color-ddd);
    margin-top: 16px;
    padding: 8px 0 16px;
}

.review_wrap .displaY_best_review .titlE {
    font: var(--text-body14-semi-bold);
    color: var(--primary-color2)
}

.review_wrap .displaY_best_review .desC {
    font: var(--text-body14-regular);
    color: var(--color-999);
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

}

.bullet_slide .swiper-pagination {
    left: 50%;
    display: flex;
    transform: translateX(-50%);
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.bullet_slide .swiper-pagination-bullet {
    width: 16px;
    height: 4px;
    border-radius: 50em;
    opacity: 1;
    background-color: var(--color-ddd);
}

.bullet_slide .swiper-pagination-bullet-active {
    background-color: var(--primary-color1)
}

/* 검색어 리스트*/
.res_arrow_title a {
    font: var(--text-heading2);
    color: var(--color-333);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 34px;
}

.res_arrow_title a:after {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background: url(../images/common/arrow_right_gray.png) no-repeat center;
    background-size: contain;
}

.keyword_list {
    display: flex;
    align-items: center;
    row-gap: 16px;
    column-gap: var(--mp-10);
    justify-content: center;
    flex-wrap: wrap;
}

.keyword_list a {
    font: var(--text-body16-regular);
    line-height: 38px;
    display: block;
    padding: 0 20px;
    color: var(--primary-color1);
    border-radius: 50em;
    background-color: var(--color-second);
}

/* 버거킹 */
.resp_top_hamburger > a {
    width: 22px;
    height: 18px;
}

.resp_top_hamburger > a:before {
    transform: translateY(-8px) rotate(0deg);
}

.resp_top_hamburger > a:after {
    transform: translateY(8px) rotate(0deg);
}

/* GNB */
.layout_header .nav_wrap {
    background: #000;
}

.layout_header .nav_wrap .respCategoryList > li {
    padding: 10px 0;
}

.layout_header .nav_wrap .categorySub {
    top: 70px;
    border: none;
    background: rgba(255, 255, 255, .9);
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.categoryAllBtn, .brandAllBtn, .locationAllBtn {
    color: #fff;
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink {
    font-size: 14px;
    font-weight: 500;
}

.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink {
    color: #8ba4bf;
}

.categoryAllBtn, .brandAllBtn, .locationAllBtn {
    font-weight: 300;
    border-left: none;
    border-right: none;
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink > em,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink > em {
    border-bottom-color: #81acdb;
}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink > em:after {
    background: #81acdb;
}

.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink {
    color: #81acdb;
}


/* 카테고리 서브메뉴 - type2 */
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList {
    table-layout: auto;
}

.layout_header .nav_wrap[data-submenu='type2'] .nav_category_area {
    position: relative;
}

.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList > li {
    position: static;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySub {
    left: 0;
    right: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 15px 15px;
    box-shadow: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap {
    display: table;
    width: 100%;
    text-align: left;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap > div.categorySubBanner {
    padding: 10px 0 0;
    width: 1px;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 {
    font-size: 0;
    padding-bottom: 10px;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    min-width: 175px;
    min-height: 46px;
    padding-bottom: 2px;
    border: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li > a {
    box-sizing: border-box;
    padding: 24px 0 8px 10px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    word-wrap: normal !important;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2 > li:hover > a {
    transform: none;
    color: #999;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 {
    margin-top: 52px;
    font-size: 13px;
    font-weight: 300;
    opacity: 1;
    position: static;
    left: auto;
    top: auto;
    z-index: auto;
    white-space: normal;
    border: none;
    background: transparent;
    border-radius: 0;
    transform: none;
    transition: none;
}

.layout_header .nav_wrap .categorySubWrap .categoryDepth3 > li > a {
    padding: 5px 0 4px 10px;
    border-top: none;
    transition: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 > li:hover > a {
    transform: none;
}

.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categoryDepth3 + a:after {
    display: none;
}


}

@media only screen and (max-width: 1023px) {
    .layout_header .logo_wrap .logo_area {
        float: none;
        margin: 0 auto;
    }

    .layout_header .logo_wrap .logo_area > a {
        height: auto;
    }

    .layout_header .util_wrap_menu2 {
        display: none;
    }


    .resp_top_hamburger {
        left: 20px;
        right: auto;
        margin-top: -12px;
    }

    .resp_top_hamburger > a {
        width: 30px;
    }

    .resp_top_hamburger > a:before {
        transform: translateY(-11px) rotate(0deg);
    }

    .resp_top_hamburger > a:after {
        transform: translateY(11px) rotate(0deg);
    }


    .layout_header .nav_wrap .respCategoryList > li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .resp_top_hamburger {
        left: 10px;
    }

    .layout_header .nav_wrap .respCategoryList > li {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

@media only screen and (max-width: 479px) {

}

/* ================================== // HEADER ================================== */


/* ================================== FOOTER ================================== */
.layout_footer {
    background-color: var(--color-f8f8f8);
}

.layout_footer .footer_a {
    padding-bottom: 68px;
}

.layout_footer .footer_b {
    border-top: none;
}

.layout_footer .footer_c {
    border: none;
}

.layout_footer .sns_list {
    display: flex;
    align-items: center;
}

.layout_footer .sns_list a {
    width: 40px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.layout_footer .sns_list .pinterest {
    background-image: url(../images/common/ico_pinterest.png);
}

.layout_footer .sns_list .instar {
    background-image: url(../images/common/ico_Insta.png);
}

.layout_footer .sns_list .kakao {
    background-image: url(../images/common/ico_kakao.png);
}

.layout_footer .sns_list .blog {
    background-image: url(../images/common/ico_blog.png);
}

.layout_footer .sns_list .youtube {
    background-image: url(../images/common/ico_pluska.png);
}

.layout_footer .resp_wrap .menu2 {
    padding: 20px 0;
}

.layout_footer .resp_wrap .menu2 > li {
    background: url(../images/design_resp/bar_footer_01.gif) 100% calc(50% - 1px) no-repeat;
}

.layout_footer .resp_wrap .menu2 > li:last-child {
    background-image: none;
}

.layout_footer .resp_wrap .menu2 > li > a {
    padding-right: 21px;
    padding-left: 20px;
    color: var(--color-999);
    font-size: 12px;
}

.layout_footer .resp_wrap .menu2 > li.bold > a {
    font-weight: 700;
}

.foot_wrap {
    margin-top: 40px;
}

.layout_footer .menu1 {
    margin-left: 0;
}

.layout_footer .title {
    font-weight: 400;
    padding-bottom: 4px;
    color: var(--color-666)
}

.layout_footer .list .compay_phone {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
}

.layout_footer .menu1 > li {
    padding: 0;
    max-width: initial;
    min-width: initial;
}

.layout_footer .menu3 > li {
    font-size: 14px;
    padding: 0;
}
.layout_footer .menu3 > li .site_desc {
    font-weight: normal;
    color: #000;
}
.layout_footer .menu3 > li.noti {
    padding: 20px 0;
}
.layout_footer .menu3 > li span {
    /*color: #000;*/
}

.layout_footer .menu1 > .foot_menu_d1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
}

.layout_footer .menu1 > li.notice {
    max-width: 400px;
}

.table_footer_notice {
    width: 100%;
    table-layout: fixed;
}

.table_footer_notice td {
    padding: 4px 0;
}

.table_footer_notice .cat {
    display: none;
}

.table_footer_notice .date {
    text-align: right;
    color: #999;
}

.layout_footer .list > li {
    padding: 4px 0 0;
}

.layout_footer .list > li span {
    font: var(--text-body14-regular);
    color: var(--color-999);
}

.layout_footer .menu3 {
    margin: 36px 0 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 4px;
    flex-wrap: wrap;
}

.layout_footer .menu3 .pcolor {
    margin-left: 7px;
}

.layout_footer .menu3 .pcolor a {
    color: var(--color-999);
    display: inline-block;
    padding: 0 0 0 7px;
}

.layout_footer .copyright {
    padding-top: 4px;
    color: var(--color-666);
    font: var(--text-body14-regular)
}

.layout_footer .copyright .pcolor {
    color: var(--color-333);
}

@media only screen and (max-width: 767px) {
    .layout_footer .resp_wrap .menu2 {
        padding: 15px 0;
    }

    .layout_footer .resp_wrap .menu2 > li > a {
        padding-right: 16px;
        padding-left: 15px;
    }

    .layout_footer .menu3 {
        padding-right: 40px;
    }
}

/* ================================== //FOOTER ================================== */

/* ================================== MAIN ================================== */
.anchor_box {
    cursor: pointer;
}

#gonBox {
    display: none !important;
}

.wide_visual_slider .slick-dots > li > button {
    width: 8px;
    height: 8px;
    border-radius: 50em;
    opacity: 0.5;
    box-shadow: none;
}

.wide_visual_slider .slick-next, .wide_visual_slider .slick-prev {
    display: none !important;
}

.wide_visual_slider .slick-dots > li.slick-active > button {
    width: 24px;
    background-color: var(--primary-color2);
    opacity: 1;
}

.sliderB.wide_visual_slider .slick-slide .simg {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: cover;
}

.wide_visual_slider .slick-active .simg {
    transition: none;
    transform: none;
}

.category_wrap .category_list {
    display: flex;
    align-items: center;
    gap: 20px
}

.category_wrap .category_list li {
    position: relative;
    width: calc(100% / 5);
    border-radius: 8px;
    background-color: var(--color-f8f8f8);
    background-repeat: no-repeat;
    background-position: center bottom 32px;
}

.category_wrap .category_list li a {
    padding: 96px 0 10px;
    display: block;
    font: var(--text-body16-regular);
    color: var(--color-333);
    line-height: 22px;
    text-align: center;
}

.category_wrap .category_list li.best::before {
    content: '';
    background: url("../images/common/best_icon.png") no-repeat center;
    background-size: contain;
    position: absolute;
    width: 38px;
    height: 16px;
    top: 7px;
    right: 6px;
}

.category_wrap .category_list li.hot::before {
    content: '';
    background: url("../images/common/hot_icon.png") no-repeat center;
    background-size: contain;
    position: absolute;
    width: 38px;
    height: 16px;
    top: 7px;
    right: 6px;
}

.category_wrap .category_list .shopping {
    background-image: url(../images/common/ca_shop.png);
    background-size: 102px;
}

.category_wrap .category_list .goods {
    background-image: url(../images/common/ca_goods.png);
    background-size: 102px;
}

.category_wrap .category_list .mo {
    display: none;
}

.category_wrap .category_list .hot {
    background-image: url(../images/common/ca_hot.png);
    background-size: 102px;
}

.category_wrap .category_list .ranking {
    background-image: url(../images/common/ca_ranking.png);
    background-size: 102px;
}

.category_wrap .category_list .class {
    background-image: url(../images/common/ca_class.png);
    background-size: 102px;
}

.title_group1 {
    padding: 0 0 40px;
}

.title_group1 .title1 {
    font: var(--text-heading2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title_group1 .title1 a {
    font: var(--text-body16-regular);
    color: var(--color-999)
}

.title_group1 + .show_display,
.title_group1 + style + .designDisplay {
    margin-top: 0px;
    margin-top: 0px;
}

/* 반응형 게시판 STORY 연동*/
.title_group1 + .board_gallery {
    margin-top: 0;
}

.board_gallery > ul {
    font-size: 0;
    margin-left: -20px;
}

.board_gallery > ul > li {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    vertical-align: top;
    padding: 20px 0 0 20px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}


.board_gallery .item_img_area {
    position: relative;
    text-align: center;
}

.board_gallery .item_img_area img {
    max-width: 100%;
}

.board_gallery .item_info_area {
    padding-top: 7px;
    color: #999;
}

.board_gallery .item_info_area > li {
    padding: 6px 0 0;
}

.board_gallery .item_info_area .goods_name_area {
    padding-top: 15px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    color: #333;
}

.board_gallery .item_info_area .goods_desc_area {
    padding-top: 14px;
}

.board_gallery .item_info_area .goods_desc_area a {
    color: #999;
}

.main_bnr_type2 {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 90px;
}

.main_bnr_type2 > li {
    display: table-cell;
    text-align: left;
}

.main_bnr_type2 > li:first-child {
    text-align: right;
}

.wide_banner_custom {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 90px;
}

.main_slider_a2 .slick-slide {
    max-width: 535px;
    width: 100%;
}

.main_slider_a2 .slick-current + _.slick-slide {

}

.main_slider_a2 .slick-slide img {
    width: 100%;
    aspect-ratio: 3/4;
}

.main_slider_a2 .slick-slide .slink {
    display: block;
    position: relative;
    transform: scale(0.7) translateX(94px);
    transition: transform .3s;
    border-radius: 16px;
    overflow: hidden;
}

.main_slider_a2 .slick-center + .slick-slide .slink {
    transform: scale(0.7) translateX(-94px);

}

.main_slider_a2 .slick-slide.slick-center .slink {
    transform: scale(1);
    transition-delay: .4s;
}

.main_slider_a2 .slick-slide .slink:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}

.main_slider_a2 .slick-slider .slick-prev {
    left: 53px;
}

.main_slider_a2 .slick-slider .slick-next {
    right: 53px;
}


.goodS_info {
    font-weight: 300;
}

.displaY_sales_price .nuM, .displaY_goods_price .nuM {
    font-weight: 300;
}

.style7_custom1 .goods_info_style_7 .displaY_goods_name a {
    color: #000;
}

.style7_custom1 .goods_info_style_7 .displaY_sales_percent {
    color: #ff0505;
    float: right;
    margin-right: 5px;
}

.style7_custom1 .goods_info_style_7 .displaY_sales_percent .nuM {
    font-weight: 300;
}

.style7_custom1 .goods_info_style_7 .goodS_info.displaY_besong {
    display: none;
}

.style7_custom1 .goods_info_style_7 .displaY_event_time {
    margin-top: 6px;
}

.style4_custom1 .goods_info_style_4 .goodS_info {
    font-weight: 300;
}

.style4_custom1 .goods_info_style_4 .displaY_goods_name {
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 19px;
    border: none;
}

.style4_custom1 .goods_info_style_4 .displaY_goods_name a {
    color: #000;
}

.display_tab_custom ul.displayTabType1 {
    text-align: center;
}

.display_tab_custom ul.displayTabType1 > li {
    float: none;
    display: inline-block;
    width: auto !important;
    border: none;
    background: transparent;
    font-size: 15px;
    padding: 0 25px;
}

.display_tab_custom ul.displayTabType1 > li.current {
    font-weight: 500;
}

.main_space {
    margin-top: 90px;
    background: #f6f6f6;
    padding-bottom: 80px;
}

@media only screen and (max-width: 1023px) {
    .board_gallery > ul {
        margin-left: -10px;
    }

    .board_gallery > ul > li {
        padding-left: 10px;
    }

    .wide_banner_custom img {
        max-width: 140%;
        margin-left: -20%;
        margin-right: -20%;
    }
}

@media only screen and (max-width: 940px) {
    .board_gallery > ul > li {
        width: 33.33%;
    }
}

@media only screen and (max-width: 860px) {
    .show_display_col3 .display_responsible_class .goods_list li.gl_item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .title_group1 .title1 {
        font-size: 38px;
    }

    .wide_banner_custom img {
        max-width: 160%;
        margin-left: -30%;
        margin-right: -30%;
    }
}

@media only screen and (max-width: 639px) {
    .board_gallery > ul > li {
        width: 50%;
    }

    .main_bnr_type2 {
        display: block;
        width: auto;
        margin-top: 65px;
    }

    .main_bnr_type2 > li {
        display: block;
        text-align: center;
        margin-top: 1px;
    }

    .main_bnr_type2 > li:first-child {
        text-align: center;
        margin-top: 0;
    }

    .wide_banner_custom img {
        max-width: 180%;
        margin-left: -40%;
        margin-right: -40%;
    }

    .display_tab_custom ul.displayTabType1 > li {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 479px) {
    .title_group1 .title1 {
        font-size: 28px;
    }

    .main_bnr_type2 {
        margin-top: 50px;
    }

    .board_gallery .item_info_area .goods_name_area {
        padding-top: 10px;
        font-size: 16px;
    }

    .board_gallery .item_info_area .goods_desc_area {
        padding-top: 10px;
    }

    .show_display_col3 .display_responsible_class .goods_list li.gl_item {
        width: 100%;
    }

    .wide_banner_custom img {
        max-width: 180%;
        margin-left: -40%;
        margin-right: -40%;
    }

    .main_space {
        margin-top: 60px;
        background: #f6f6f6;
        padding-bottom: 40px;
    }
}

/* ================================== //MAIN ================================== */
.tab_basic {
    border: none;
    padding-top: 20px;
}

.tab_basic > ul > li {
    border-color: var(--color-ddd);
    font: var(--text-body16-semi-bold);
    height: 54px;
    line-height: 52px;
}

.tab_basic > ul > li:first-child.member_od {
    border-radius: 8px;
    border: 1px solid var(--color-ddd);
}

.tab_basic > ul > li:first-child {
    border-radius: 8px 0px 0px 8px;
    border-right: none;
}

.tab_basic > ul > li:nth-child(2) {
    border-radius: 0px 8px 8px 0px;
    border-left: none;
}

.tab_basic > ul > li.on {
    border-color: var(--color-ddd)
}

.tab_basic > ul > li > a .unused {
    color: var(--color-999);
}

.tab_basic > ul > li > a, .tab_basic > ul > li > label {
    color: var(--color-999);
    font: var(--text-body16-semi-bold);
    height: 54px;
    line-height: 52px;
}

.tab_basic > ul > li.on > a, .tab_basic > ul > li.on > label {
    color: var(--primary-color1);
    font: var(--text-body16-semi-bold);
    height: 54px;
    line-height: 52px;


}

/* ================================== 상품 리스트 페이지 ================================== */
#searchedItemDisplay {
    padding-bottom: 60px;
}

.title_container.filter_title {
    margin: 0;
    padding: 112px 0 30px !important;
}

#catalog_page .title_container.filter_title {
    padding: 112px 0 102px !important;

}

.searched_item_display > ul > li {
    padding-bottom: 10px;
}

.searched_item_display .item_info_area .goods_price_area .discount_rate .num {
    font-weight: 300;
}

.searched_item_display .item_info_area .goods_besong_area {
    display: none;
}

.searched_item_display .goods_list_style5 .item_info_area .goods_price_area .discount_rate {
    color: #ff0505;
}

.search_nav .home {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.search_nav .navi_linemap {
    display: flex;
    align-items: center;
    gap: 4px;
}

.search_nav .navi_linemap:after {
    width: 14px;
    height: 14px;
    background-size: contain;
}

.search_nav .navi_linemap:first-of-type:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/common/icon_navi_linemap.png) 50% 50% no-repeat;
    background-size: contain;
}

.search_nav .navi_linemap:last-of-type:after {
    display: none;
}

/* ================================== //상품 상세 페이지 ================================== */
.refund_articles p, .refund_articles b, .refund_articles span, .refund_articles li {
    font: var(--text-body16-regular) !important;;
}

.video_intro .Pb40 img {
    width: 100%;
}

#player {
    height: 100% !important;
}

#detail_sample_info > .section:first-child .title1 {
    padding-top: 0;
}

.goods_thumbs_spec #goods_spec, .goods_thumbs_spec #goods_thumbs {
    display: block;
    padding: 0;
}

.goods_thumbs_spec .viewImgWrap {
    width: 100%;
    /*aspect-ratio: 1/1;*/
    object-position: center;
    object-fit: cover;
    position: relative;
}

.goods_thumbs_spec .viewImgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goods_thumbs_spec .viewImgWrap:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 20.77%);
}

.pagination_area .pagination > li img {
    width: 100%;
    aspect-ratio: 1/1;
    object-position: center;
    object-fit: cover;
}

#goods_view .detail_title_area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--mp-8) * 2);
    flex-wrap: wrap;
    margin-top: calc(var(--mp-8) * 5);
}

.sns_wish {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.sns_wish .ico_wish {
    background-image: url(../images/design/ico_wish_off.png);
    padding: 0;
    margin: 0;
    line-height: initial;
    background-position: top center;
}

.list_buy_now .wishimg {
    background-image: url(../images/ico_heart.png);
}

.sns_wish a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    color: var(--color-767676);
    font: var(--text-body14-semi-bold)
}

.sns_wish a:before {
    content: " ";
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sns_wish .btn_sns_share {
    height: initial;
}

.sns_wish .btn_sns_share:before {
    content: " ";
    width: 32px;
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sns_wish .feed:before {
    background-image: url("../images/common/ico_feed.png");
}

.sns_wish .comment:before {
    background-image: url("../images/common/ico_comment.png");
}


.detail_title_area .goods_info_list {
    width: 450px;
    max-width: 90%;
}

.detail_title_area .goods_info_list .name {
    text-align: left;
    color: var(--color-222);
    font: var(--text-heading4-extra-bold);
    letter-spacing: -0.5px;
    padding-bottom: calc(var(--mp-8) * 2)
}

.detail_title_area .goods_info_list .video_info {
    display: flex;
    align-items: center;
    gap: 6px;
}

.detail_title_area .goods_info_list .video_info img {
    width: 25px;
}

.detail_title_area .goods_info_list .video_info span, .detail_title_area .goods_info_list .video_info i {
    color: var(--color-999);
    font: var(--text-body14-regular);
}

.goods_spec_sections .deatil_price_area {
    margin-top: 19px;
    border-color: var(--color-ddd);
    padding-top: 0;
    margin-bottom: 8px;
}

.goods_buy_sections {
    border: none;
    padding-top: 24px;
}

.goods_spec_sections .deatil_price_area .dst_th_size {
    font: var(--text-body16-regular);
    text-decoration: line-through;
}

.goods_spec_sections .deatil_price_area .sale_price {
    padding-top: 2px;
    font: var(--text-subtitle24-bold)
}

.goods_spec_sections .deatil_price_area .sale_price span {
    font: var(--text-subtitle24-bold)
}

.deatil_sale_rate {
    width: auto;
    height: auto;
    font: var(--text-body18-semi-bold);
    color: var(--primary-color3) !important;
}

.deatil_sale_rate .inner {
    display: flex;
    align-items: center;
    padding: 0;
}

.deatil_sale_rate .num {
    font: var(--text-heading3-semi-bold)
}

.goods_spec_sections .goods_spec_shipping {
    border: none;
}

.goods_spec_sections > li, .goods_spec_sections > li a {
    font: var(--text-body14-regular);
    color: var(--color-666);

}

.goods_spec_sections > li:last-child {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-ddd);
}

#goods_view .prepay_info_area {
    color: var(--color-666);
}

#goods_view .btn_resp.no_border span {
    font: var(--text-body14-regular);
    color: var(--color-666)
}

.goods_buy_open_sections {
    background: var(--color-f8f8f8);
}

.goods_price_area .num_single_area {
    padding: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.goods_price_area .total_goods_tit {
    color: var(--color-000);
    display: block;
    font: var(--text-body13-regular);
    margin-right: 10px;

    letter-spacing: -0.5px;
    /*font: var(--text-body18-bold);*/
    /*margin-right: auto;*/
}

.goods_price_area .total_goods_price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
}

.goods_price_area .total_goods_price, #total_goods_price {
    font: var(--text-subtitle24-bold);
    letter-spacing: normal;
    padding: 0;
    bottom: 0;
}


.goods_buttons_area {
    padding-top: 16px;
    /*padding-top: 56px;*/
}

.resp_coupon_list > li {
    border-radius: 4px;
    overflow: hidden;
}

.resp_coupon_list > li:first-child {
    margin-top: 25px;
}

.resp_coupon_list .title {
    color: var(--color-333);
    font: var(--text-body15-regular);
}

.resp_coupon_list .descr {
    font: var(--text-body13-regular)
}

.resp_coupon_list > li > ul > li.text {
    padding-left: 20px;
}

.resp_coupon_list > li > ul > li {
    padding-top: 10px;
    padding-bottom: 10px;

}

#goods_view .coupon_area {
    margin-bottom: 30px;
}

#goods_view input.ea_change, input.recently_ea_change {
    border-top: 1px solid var(--color-ddd);
    border-bottom: 1px solid var(--color-ddd);
    color: var(--color-333);
    font: var(--text-body13-regular);
}

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

.goods_buttons_section .basic_btn_area li button {
    border-radius: 4px;
    /*border-color: var(--color-ddd);*/
    /*color: var(--color-666);*/
    /*font: var(--text-body16-bold)*/
}

.goods_buttons_section .basic_btn_area li .buy_btn {
    font: var(--text-body16-bold);
    line-height: 46px;
    height: 48px;
}

.goods_option_table th {
    padding-top: 0;
}

.goods_option_table tr.suboptionTr td, .goods_option_table tr.optionTr td {
    padding-top: 12px;
    padding-bottom: 16px;

}

.goods_quantity_table_container {
    padding: 0 0 32px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-999);
}

.goods_quantity_table .num_price {
    margin-top: 16px;
}

.goods_quantity_table {
    border-color: var(--color-ddd);
    background: var(--color-fff)
}

#goods_view .goods_quantity_table input.ea_change {
    border-color: var(--color-ddd) !important;
    background: var(--color-fff);
    text-align: center;
}

.goods_option_area {
    padding-top: var(--mp-16);
}

.goods_tabs {
    border: none;
    position: relative;
    z-index: 999;
}

.goods_information_tabs {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 32px;
}

.goods_information_tabs > a {
    border: none !important;
    height: 60px !important;
    color: var(--color-ccc)
}

.goods_information_tabs > a > span {
    font: var(--text-subtitle20-semi-bold);
    line-height: 60px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.goods_information_tabs > a .num {
    display: none;
    padding: 0;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
}

.live_btn {
    border-radius: 8px;
    border: 1px solid var(--color-green2);
    background: var(--color-fff);
    color: var(--color-222);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 80px;
    font: var(--text-body18-bold);
    line-height: 61px;
}

.live_btn:before {
    content: '';
    width: 88px;
    height: 14px;
    display: block;
    background: url(../images/design_resp/logo.png) no-repeat center;
    background-size: contain;
}

.goods_tabs.flyingMode {
    z-index: 999;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
}

.goods_description {

}

.goods_description p:not(:has(img)), .goods_description h1, .goods_description h2, .goods_description h3,
.goods_description h4, .goods_description h5, .goods_description h6 {
    padding: 0 32px;
}

.goods_information_contents {
    padding: 70px 0 80px;

}

.guide_origin_image > li {
    padding: 0;
}

.goods_description_images, .goods_information_contents {
    margin: 0 !important;
}

.goods_information_contents .represent_image img {
    width: 100%;
}

.video_curriculum .tit {
    margin: 80px 0;
    color: var(--color-333);
    font: var(--text-heading3-semi-bold)
}

.center_swiper {
    overflow: hidden;
    padding-bottom: 6px;
}

.center_swiper .swiper-slide img {
    transform: scale(0.92);
    transition: all 0.5s ease-in-out;
}

.center_swiper .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

.center_swiper img {
    width: 100%;
    /*aspect-ratio: 1/1;*/
    overflow: hidden;
    /*border-radius: 16px;*/

}

.normal_slide_wrap {
    margin-bottom: 80px;
    overflow: hidden;

}

.normal_slide_wrap .swiper-button-prev {
    left: 24px;
}

.normal_slide_wrap .swiper-button-next {
    right: 24px;
}

.normal_slide_wrap {
    padding-left: 24px;
}

.normal_slide_wrap .swiper-slide {
    width: 30.2%

}

.normal_slide_wrap .swiper-slide .goods_img {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
}

.normal_slide_wrap .swiper-slide .goods_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.normal_slide_wrap .display_slide_class .swiper-slide > li.gl_item {
    width: 100%;
}

.normal_slide_wrap .res_db_title1 {
    font: var(--text-heading3-semi-bold);
    padding: 0 0 calc(var(--mp-8) * 4);
}

.normal_slide_wrap .res_db_title1 a {
    display: none;
}

.normal_slide .resp_display_goods_info {
    padding: 16px 0;
}

/*.video_badge .respGoodsZzim {*/
/*    right: 30px;*/
/*}*/

/*.video_badge .goods_list .gli_image:after, .video_badge .goods_img:after {*/
/*    content: '';*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    padding: 10px;*/

/*    background: url(../images/common/ico_play.png) no-repeat center center;*/
/*    background-size: 24px 24px*/
/*}*/

.btn_resp.color2 {
    border-color: var(--color-purple);
    border-radius: 2px;
    color: var(--color-purple);
    background: var(--color-fff);
    padding: 0 16px;
}

.goods_thumbs_spec #goods_thumbs {
    position: relative;
}

.pagination_wrap .count > a {

    height: 64px;
    position: absolute;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}

.pagination_wrap .count > a.prev {
    width: 64px;
    left: 0;
    background: transparent url(../images/common/arrow_left_deep.png);
    background-size: contain;
}

.pagination_wrap .count > a.next {
    width: 64px;
    right: 0;
    background: transparent url(../images/common/arrow_right_deep.png);
    background-size: contain;
}

.video_play_btn {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('../images/common/goods_play2.png') no-repeat center;
    background-size: contain;
    z-index: 100;
}

/* ================================== 옵션 ================================== */
.goods_option_table .option_tit {
    color: var(--color-000);
    font: var(--text-body16-bold)
}

.goods_quantity_table td.quantity_cell_sub {
    padding: 24px;
}

.goods_quantity_table .option_text {
    font: var(--text-body13-bold)
}

.goods_buy_open_sections {
    border-top: 0;
    padding: 10px 24px;
    background: var(--color-fff);
    box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.05);
}

.btn_section_open {
    opacity: 0;
}

.goods_buttons_area .btn_resp.size_extra2, .goods_buttons_area .btn_resp.size_c {
    height: 48px !important;
}

.basic_btn_area > li.list_buy_now {
    display: flex;
    align-items: center;
    gap: 20px;
}

.goods_buttons_section.open .basic_btn_area li button {
    height: 46px !important;
}

.goods_buttons_section.open .basic_btn_area li button span {
    font: var(--text-body16-bold)
}

.goods_buy_sections.open {
    padding-bottom: 100px;
}

.goods_buy_sections.open .goods_option_select_area, .goods_buy_sections.open .goods_price_area {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;

}

.goods_buy_sections.open .goods_option_area {
    padding-left: 0;
    padding-right: 0;
}

.goods_buy_sections.open .goods_buttons_area {
    padding-top: 24px;
}

.goods_buy_sections.open .goods_buttons_area {
    position: absolute;
    bottom: 0;
    width: calc(100% - 48px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-fff);
    box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 24px;
}

.goods_buy_sections.open .btn_resp.size_extra2 {
    color: var(--color-purple);
    font: var(--text-body16-bold);
    border: 1px solid var(--color-purple) !important;
}

.goods_buy_sections.open .basic_btn_area > li:last-child {
    padding-left: 20px;
}

.goods_buy_sections.open .list_buy_now .btn_resp.size_extra2 {
    color: var(--color-fff);
    border-color: var(--primary-color1);
    background-color: var(--primary-color1);
}

.btn_resp.color3, .btn_resp.color3:hover {
    border-radius: 4px;
    background: var(--color-f8f8f8);
    color: var(--color-orange);
    font: var(--text-body16-bold);
    border: none;
}

.text_soldout {
    border-radius: 4px;
    background: var(--color-ddd);
    color: var(--color-999);
    font: var(--text-body16-bold);
    border: none;
    line-height: 48px;
}

/* ================================== 상품후기 및 문의 ================================== */
.score img {
    width: 16px;
}

.board_sns_link {
    display: none;
}

.user_profile_img {
    display: block;
    width: 38px;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50em;
    border: 1px solid var(--color-f8f8f8);
}

.custom_board_layout {
    border-top: none;
    display: block;
}

.custom_board_layout.v2 .tbody {
    border: none;
    border-bottom: 1px solid var(--color-ddd)
}

.custom_board_layout.v2 .board_goods_list > li.info {
    width: 100%;
}

.bbs_top_wrap {
    margin: 0;
    padding-bottom: 34px;
}

.custom_board_layout strong, .custom_board_layout b {
    font-weight: 800;
}

.custom_board_layout .tbody {
    display: flex;
    flex-direction: column;
    padding: calc(var(--mp-8) * 3);
    gap: calc(var(--mp-8) * 2);
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 0 !important;
}

.custom_board_layout .tbody:last-of-type {
    border-bottom: 1px solid #ddd;
}

.return_complete {
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.return_type {
    display: flex;
    align-items: center;
}

.return_type span:first-child {
    color: var(--color-666);
    display: flex;
    align-items: center;
}

.return_type span:first-child:after {
    content: '';
    width: 2px;
    margin: 0 8px;
    height: 10px;
    background-color: var(--color-ccc);
}

.custom_board_layout ul > li {
    border: none;
    padding: 0;

}

.custom_board_layout > .tbody li.subject {
    margin-top: 0;
}

.custom_board_layout .user_info {
    display: flex;
    align-items: center;
    gap: var(--mp-8);
}

.custom_board_layout .user_info .writer + span {
    margin-left: auto;
    display: block;
    color: var(--color-666);
    font: var(--text-body14-semi-bold)
}

.custom_board_layout .user_info .writer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom_board_layout .user_info .name {
    color: var(--color-333);
    font: var(--text-body14-bold);
    display: flex;
    align-items: center;
    gap: 6px;
}

.custom_board_layout .user_info .writer span:not(.name) {
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.custom_gallery_board1 .text_area .c_name, .custom_gallery_board1 .text_area .c_date, .custom_gallery_board1 .text_area .c_hit {
    color: var(--color-999);
    font: var(--text-body13-regular);

}

.custom_board_layout .user_info .name + span, .custom_board_layout .user_info span:first-child.date {
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.custom_gallery_board1 .c_short_code, .custom_gallery_board1 .c_more {
    font: var(--text-body13-regular);
}

.gallery_detail_desc > li {
    font: var(--text-body13-regular);
}

.custom_board_layout .board_goods_list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 16px;
}

.custom_board_layout .board_goods_list > li:last-child {
    padding-top: 8px;
}

.custom_board_layout .board_goods_list > li.pic img {
    border: none;
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 8px;
    overflow: hidden;
    object-fit: cover;

}

.custom_board_layout .board_goods_list > li.pic {
    width: 72px;
    padding-right: 20px;
}

.custom_board_layout .board_goods_list > li.info {
    width: calc(100% - 92px);
    padding-top: 0;

}

.board_goods_list > li.info .cont, .board_list_cont {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    font: var(--text-body14-regular);
    color: var(--color-999)
}

.custom_board_layout .board_goods_list > li.info .cont > span {
    color: var(--color-222);

    font: var(--text-body14-regular)
}

.custom_board_layout .board_goods_list .goods_name, .custom_board_layout .board_goods_list .goods_name a {
    font: var(--text-body13-regular);
    color: var(--color-999)
}

.custom_board_layout .board_goods_list > li.info .title {
    font: var(--text-body18-bold);
    color: var(--color-222)
}

.custom_board_layout .board_goods_list > li.info .title img {
    display: none;
}

.reply_title span {
    font: var(--text-body14-regular);
    color: var(--primary-color2) !important;
}

.complete .reply_title span {
    color: var(--color-purple) !important;
}

.custom_board_layout .board_goods_list > li.info .optarea {
    color: var(--color-767676);
    font: var(--text-body13-regular);
    margin-bottom: 4px;
}

.btn_collection {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.btn_collection button, .btn_collection a {
    flex: 1;
}

.res_table > ul.tbody.complete {
    background: var(--color-fff);
}

.qna_state {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.qna_state i {
    font-style: normal;
    color: var(--color-ccc);
    font-size: 10px;
}

.qna_state span:first-child {
    font: var(--text-body14-regular);
    font-size:12px;
    color: var(--color-666)
}

.board_manager_reply {
    margin-top: 40px;
    padding: 24px;
    border: none;
    background-color: var(--color-second);
}

.board_manager_reply .icon1 {
    padding: 0 8px;
    background-color: var(--primary-color2);
    color: var(--color-fff);
    font: var(--text-body14-semi-bold);
    line-height: 24px;
    height: 24px;
}

.board_manager_reply .writer strong {
    padding-left: var(--mp-8);
}

.board_manager_reply .subject {
    padding-top: 24px;
    color: var(--color-333);
    font: var(--text-body15-bold)
}

.board_manager_reply .contents {
    color: var(--color-333);
    font: var(--text-body15-regular);
    padding-top: 8px;
}

.board_manager_reply .content p {
    margin: 0;
}

.file_add_table {
    width: 100%;
}

.file_add_table .width_a {
    color: var(--color-333);
    font: var(--text-body16-bold);
}

input[type='text'].res_bbs_search_input {
    border-color: var(--color-ddd)
}

.searchform .btn_resp.size_b {
    margin-left: 4px;
    border-color: var(--color-ddd)
}

.input_box > li {
    padding-top: 24px;
}

.input_box label:not(.input_box .Dib), .input_box .label {
    color: var(--color-333);
    font: var(--text-body16-bold);
    padding-bottom: 8px;
    display: block;
}

.input_box .label_group {
    display: flex;
    align-items: center;
    gap: 4px;
}

.input_box .file_gather {
    justify-content: space-between;
    width: 100%;
}

.input_box .label_group label {
    padding: 0 !important;
    font: var(--text-body14-regular) !important;
    display: flex !important;
    align-items: center;
    gap: 4px;
}

.input_box .default_input, .input_box .default_select {
    border: 1px solid var(--color-ddd);
    border-radius: 4px;
    height: 32px;
    padding: 5px 10px;
    width: 100%;
}

.attach_file_name table {
    table-layout: fixed;
}

.attach_file_name table tr {
    display: flex;
    align-items: center;
    gap: 8px;
}

.board_goods_select .btn_area + .board_goods_select_display {
    margin-top: 12px;
}

.board_goods_select .btn_area, .board_goods_select_display .goods_loop_area {
    padding-top: 0;
}

.goods_loop_area .goods_area {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    width: calc(100% - 48px);
    background-color: var(--color-f8f8f8);
}

.board_goods_select_display .goods_img {
    border: none;
    border-radius: 8px;
    width: 72px;
    overflow: hidden;
    aspect-ratio: 3/4;
    object-fit: cover;
}

.board_goods_select_display .goods_area .name {
    color: var(--color-222);
    font: var(--text-body14-bold);
}

.board_goods_select_display .goods_area .price {
    color: var(--primary-color1);
    font: var(--text-body15-bold);
}

.scoreboxlay .score_area {
    width: 140px;
}

.scoreboxlay .review_nowScore {
    display: none;
}

.review_showScore {
    color: var(--primary-color1);
    letter-spacing: 3px;
    padding: 0 16px;
}

div.bbswrite_division {
    padding: 16px 0 0;
}


/* ================================== 상품후기 및 문의 상세 ================================== */
.board_detail_wrap {
    border: 1px solid var(--color-ddd);
    max-width: 720px;
    padding: 40px 24px;
}

.board_manager_reply .user_info .writer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.board_manager_reply .user_info .name {
    color: var(--color-333);
    font: var(--text-body16-bold);
    display: flex;
    align-items: center;
    gap: 6px;
}

.board_manager_reply .user_info a {
    display: flex;
    align-items: center;
    gap: var(--mp-8);
}

.board_detail_wrap .custom_board_layout .user_info {
    border-bottom: 1px solid var(--color-f8f8f8);
    padding-bottom: calc(var(--mp-8) * 4);
}

.board_detail_wrap .custom_board_layout .user_info + li {
    font: var(--text-body14-semi-bold);
    color: var(--color-222);
    margin-top: 16px;
}

.board_detail_wrap .custom_board_layout .user_info + li ul {
    font: var(--text-body14-regular);
    color: var(--color-333)
}

.board_detail_wrap .custom_board_layout .user_info + li ul > li {
    padding-top: 4px;
}

.board_detail_wrap .board_detail_title {
    border: none;
    padding: 0;
    margin: 0;
    font: var(--text-body16-semi-bold);
    color: var(--color-222);
}

.board_detail_wrap .detail_written {
    padding: 56px 16px 0 16px;
}

.board_detail_contents img, .txc-image {
    display: block;
    margin: 24px 0;
}

.board_detail_contents {
    font: var(--text-body15-regular);
    color: var(--color-222)
}

.goods_origin_info {
    border: none;
    padding: calc(var(--mp-8) * 3);
    background: var(--color-f8f8f8);
    font-size: 13px;
}

.goods_origin_info .title span {
    font: var(--text-body13-bold);
    color: var(--color-333);
    display: block;
    margin-bottom: 6px;
}

.goodsviewbox img.pic, .goodsviewbox .pic {
    border: none;
    width: 72px;
    aspect-ratio: 3/4;
    border-radius: 8px;
    overflow: hidden;
    object-fit: cover;
}

.goodsviewbox .info {
    padding: 0 0 0 16px;
}

.goodsviewbox .info .name a {
    color: var(--color-222);
    font: var(--text-body14-bold);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;

}

.goodsviewbox .info .name:last-child a {
    display: flex;
    align-items: flex-end;
    color: transparent;
    flex-wrap: wrap;
    gap: 4px;
}

.goodsviewbox .info .name a span:first-child {
    color: #999 !important;
    font: var(--text-caption-regular);
    line-height: 130% !important;
    width: 100%;
}


.goodsviewbox .info .name a span:last-child {

    color: var(--primary-color1) !important;
    font: var(--text-body15-bold);
}

.cmt_division.v2 .title_area .num {
    color: var(--primary-color2)
}

.board_detail_btns2 {
    border-top: none;
    padding-top: 0;
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.board_detail_btns2 .btn_resp.size_extra {
    min-width: 100px;
}

.input_comb_box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.input_comb_box .default_input {
    width: calc(100% - 72px);
}

/* ================================== 댓글  ================================== */
.cmt_box {
    border: none;
}

.cmt_box.hand {
    padding: 20px 0;
    width: 100%;
    background-color: #FCFCFC;
    color: var(--color-666);
    font: var(--text-body14-regular);
}

.board_comment_area {
    padding: 26px 16px 0;
}

table.cmt_box td {
    padding: 0;
}

.cmt_division.v3 .btn_resp.size_b, #cwrite .btn_resp.size_b {
    margin-left: auto;
    display: flex;
    padding: 0 16px;
    border-radius: 2px;
    border-color: var(--color-ddd)

}

textarea.size1 {
    height: 80px;
    resize: none;
    padding: 10px;
    border: 1px solid var(--color-ddd);
    border-radius: 0;
    margin-bottom: 5px;
}

textarea.size1:focus {
    outline: none;
}

textarea.size1::placeholder {
    font: var(--text-body13-regular);
    color: var(--color-666);
}

.cmt_division.v3 {
    padding-top: 10px;
}

.cmt_cont_head {
    border-top: 0;
    padding: 0;
}

.cmt_contents {
    padding: 10px 0 24px 36px;
}

.cmt_cont_head {
    display: flex;
    align-items: center;
}

.cmt_cont_head .user_profile_img {
    width: 40px;
    height: 40px;
}

.cmt_cont_head .writer {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cmt_cont_head .writer strong {
    color: var(--color-333);
    font: var(--text-body18-bold);
}

.cmt_cont_head .writer span {
    color: var(--color-999);
    font: var(--text-caption-regular);
}

.cmt_contents > div:first-child span {
    color: var(--color-333);
    font: var(--text-body16-regular);
}

.btn_resp.size_a {
    color: var(--color-666);
    border-color: var(--color-ddd)
}

.cmt_cont_head.cmt_reply {
    padding: 0 0 0 36px;
}

.cmt_cont_head.cmt_reply img:first-child {
    align-self: flex-start;
}

.cmt_contents.cmt_reply {
    padding-left: 52px;
}

.board_prev_next_list {
    margin: 48px auto 0;
    /*width: calc(100% - 40px);*/
    border: none
}

.board_prev_next_list > ul > li {
    height: 56px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    width: auto;
}

.board_prev_next_list .pnl_icon {
    width: 24px;
    height: 24px;
    opacity: 1;
}

.board_prev_next_list .pnl_desc {
    width: 33px;
    margin: 0 16px 0 8px;
    color: var(--color-767676);
    font: var(--text-body13-regular);
}

.board_prev_next_list > ul > li > span a {
    color: var(--color-666);
    font: var(--text-body13-regular);
}

.board_prev_next_list > ul > li > span {
    padding: 0;
    color: var(--color-666);
    font: var(--text-body13-regular);
    width: calc(100% - 105px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}

.board_detail_btns {
    margin: 16px 24px;
    width: calc(100% - 48px);
}

.board_detail_btns button {
    margin-top: 0;
}

.board_detail_btns > li.right button:nth-child(2) {
    margin-left: 4px;
}

.board_detail_btns > li.right button:last-child {
    margin-left: 10px;
}

/* ================================== 장바구니 ================================== */

.title_container.ver2 {
    margin: 0;
    padding: 112px 0 30px 0;
}

.title_container.ver2 + .inner {
    padding-bottom: 60px;
}

.no_data_area2 {
    background-size: 128px 128px;
    padding: 34px 5px;
    border-radius: 8px;
    border-color: var(--color-ccc);
    font: var(--text-body15-regular);
    color: var(--color-333);
    background-position: top center;
    background-image: none;
    display: grid;
    place-items: center;
    min-height: 187px;
}

.no_data_area3 {
    padding: 34px 5px;
    border-radius: 8px;
    border-color: var(--color-ccc);
    font: var(--text-body16-semi-bold);
    color: var(--color-333);
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    justify-content: center;
}

.no_data_area3:before {
    content: "";
    width: 136px;
    height: 136px;
    display: block;
    background-position: center;
    background-image: url(../images/common/empty_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#goods_type_cart + .no_data_area2 {
    min-height: auto;
    padding: 130px 5px 34px;
}

.resp_cart_wrap {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
}

.resp_cart_wrap > li.cart_right, .resp_cart_wrap > li.cart_left, .cart_order_btn_area > li {
    width: 100%;
    max-width: 640px;
    padding: 0;
}

.cart_contents_top {
    height: auto;
    display: flex;
    padding-bottom: 16px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-ddd)
}

.cart_contents_top li:nth-child(2) {
    display: flex;
    align-items: center;
    gap: var(--mp-8);
}

.resp_cart_wrap label.checkbox_allselect .txt {
    font: var(--text-body16-bold);
    color: var(--color-333);
}

.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {
    width: 20px;
    height: 20px;
}

.cart_list .shipping_group_list {
    border: none;
    border-top: 10px solid var(--color-f8f8f8);
    margin-top: 4px;
}

.cart_list .shipping_group_list:first-child {
    border: none;
}

.cart_list .shipping_group_list > li:first-child {

    border-top: none;
    background-color: #fff;

}

.cart_list .goods_delivery_info {
    padding: var(--mp-16);
    margin: 10px 0 40px;
}

.cart_list .goods_delivery_info .detail > li.th {
    color: var(--color-666);
    font: var(--text-body14-bold);
}

.cart_list .goods_delivery_info .detail .silmul {
    color: var(--color-666);
    font: var(--text-body13-regular);
}

.cart_list .goods_delivery_info .detail .shipper_name {
    color: var(--color-222)
}

.cart_list .goods_delivery_info .detail .shipper_name:after {
    content: '|';
    font: var(--text-body13-regular);
    display: inline-block;
    padding: 0 8px;
    color: var(--color-666);
}

.cart_list .cart_goods_detail {
    padding: 20px 16px 10px;
}

.cart_list .cart_goods_detail .cgd_top {
    padding-bottom: var(--mp-16);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_list .cart_goods_detail .cgd_top > label {
    padding-right: 0;
    width: calc(100% - 36px);
}

.cart_list .cart_goods_detail .goods_name {
    padding-left: 12px;
    color: var(--color-222);
    font: var(--text-body16-bold);
}

.cart_list .cart_goods_detail .btn_thisitem_del {
    position: initial;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.cart_list .cgd_contents {
    display: flex;
    align-items: center;
    gap: var(--mp-16);
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart_list .cgd_contents .block {
    padding: 0;
    width: 100%;
}


.cart_list .goods_thumb {
    border: none;
    border-radius: 8px;
    width: 72px;
    aspect-ratio: 3/4;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.cart_list .cgd_contents .block1 > ul > li:first-child {
    padding-right: var(--mp-16);
}

.xtle {
    font: var(--text-caption-regular)
}

.cart_list .cgd_contents .cart_quantity, .cart_list .cgd_contents .cart_quantity + .cart_suboptions li {
    font: var(--text-body13-bold);
    padding-bottom: 3px;
}

.cart_list .cgd_contents .add_txt {
    font: var(--text-body13-regular);
    padding-left: var(--mp-8);
}

.cart_list .cgd_contents .block2 > li {
    padding-top: 4px;
    color: var(--color-999);
    font: var(--text-body13-regular);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.cart_list .cgd_contents .block2 > li.price_b .ptitle {
    display: flex;
    align-items: center;
    gap: 4px;
}

.tot_discount_price {
    margin-left: 4px;
    margin-right: auto;
}

.detailDescriptionLayerBtn {
    position: unset !important;

}

.cart_list .cgd_contents .block2 > li > span:first-child {
    color: var(--color-666);
}

.cart_list .cgd_contents .block2 > li:first-child {
    padding-top: 0;
}

.cart_list .cgd_contents .block2 .price_c {
    font: var(--text-body13-bold);
}

.cart_list .cgd_contents .block2 .total_p {
    font: var(--text-body17-bold);
    position: initial;
}

.cart_list .cgd_contents .block3 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--mp-10);
    flex-wrap: wrap;
}

.cart_list .cgd_contents .block3 > li {
    width: calc(50% - 5px);
    padding: 0;
    flex: 1;
}

.cart_list .cgd_contents .block3 > li > button {
    width: 100%;
}

.selected_btn_groups {
    border-top: 1px solid var(--color-ddd);
    margin-top: 11px;

}

.selected_btn_groups .btns {
    padding: var(--mp-16) 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--mp-8);
}

.selected_btn_groups .btns button {
    margin: 0 !important;
    font: var(--text-body13-regular);
}

.selected_btn_groups .btns button.gray_05 {
    border-color: var(--color-ddd);
    color: var(--color-666)
}

.resp_cart_wrap > li.cart_right {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 10px solid var(--color-f8f8f8);
}

.resp_cart_wrap .title_x {
    height: auto;
    font: var(--text-subtitle23-bold);
    color: var(--color-333);
}

.total_sum_price {
    border: none;
    padding: 10px 0;
}

.total_sum_price .list > li {
    vertical-align: middle;
}

.total_sum_price .list > li:first-child {
    color: var(--color-666);
    font: var(--text-body14-regular);
}

.total_sum_price .list1 .td span {
    color: var(--color-444);
    font: var(--text-body14-regular);
}

.total_sum_price .list3 .td span, .total_sum_price .list3 .td {
    color: var(--color-orange);
}

.total_sum_price .list.total {
    margin-top: 20px;
    border-top: 1px solid var(--color-ddd)
}

.total_sum_price .list.total li {
    padding: 10px 0 0 0;
}

.total_sum_price .list.total li:first-child {
    color: var(--color-333);
    font: var(--text-subtitle20-regular);
}

.total_sum_price .list.total li:last-child span, .total_sum_price .settle_price .num {
    color: var(--primary-color3) !important;
    font: var(--text-subtitle26-semi-bold);
}

input.pilsu.complete {
    background-color: var(--color-ccc)
}

.payment_method_select > li > div.active > label {
    background-color: var(--color-purple)
}

.list_benefits li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: var(--text-body14-regular);
    color: var(--color-666);
}

.list_benefits .Dib, .list_benefits .Dib strong {
    font: var(--text-body14-regular);
    color: var(--primary-color1);
}

.pilsu_agree_all2 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-333);
    font: var(--text-body16-regular);
    padding: 5px 0 13px;
}

.mem_agree_area .agree_list2 {
    background-color: var(--color-f8f8f8);
    padding: 16px;

}

.mem_agree_area .agree_list2 li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-999);
    font: var(--text-caption-regular);
}

.agree_list2 input[type='checkbox'] {
    margin-right: 8px;
}

.agree_list2 > li > label {
    padding: 0;
}

.agree_list2 .agree_view {
    order: 2;
}

/* ================================== 주문 결제 ================================== */
.inipay_modal {
    left: 0;
}

.labelgroup_design label {
    font: var(--text-body14-regular);
    line-height: 30px;
}

.order_payment {
    display: flex;
    flex-direction: column;
}

.order_subsection.v2 {
    border-top: 10px solid var(--color-f8f8f8);
    padding-bottom: 40px;
    padding-top: 14px;
}

.order_payment .title_od1 {
    border-bottom: 1px solid var(--color-f8f8f8);
}

.order_subsection .title3, .order_payment .title_od1 {
    padding: 16px 0;
    font: var(--text-subtitle23-bold);
    color: var(--color-333);
}

.order_payment_left .cart_list .shipping_group_list:first-child {
    margin-top: 20px;
}

.order_payment .cart_goods_detail .goods_name {
    padding-left: 0;
}

.order_payment .list_01.v2 > li {
    padding-top: 8px;
    font: var(--text-body16-regular)
}

.list_01.v2 > li:first-child {
    padding-top: 0;

}

.order_payment .list_01.v2 {
    padding-bottom: 8px;
}

.order_info_input .list_01.v2 > li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-222);
    font: var(--text-body16-regular);
    padding: 8px 0 0;
}

.order_payment .list_01.v2 > li:first-child, .order_payment .list_01.v2 > li.flex_list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.order_payment .list_01.v2 > li span {
    color: var(--color-666);
    font: var(--text-body16-regular)
}

.order_payment .user_benefit_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    width: calc(100% - 101px);
}

.order_payment .list_01.v2 > li.flex_list .od_sale_title {
    color: var(--color-333);
    align-self: flex-start;
}

.order_payment .list_01.v2 > li:first-child span {
    color: var(--color-333);
    font: var(--text-body16-regular)
}


.order_info_input input[type="tel"] {
    max-width: 148px;
    width: 100%;
    flex: 1;
}

.ship_message {
    margin-top: 8px;
}

.ship_message .ship_message_txt {
    color: var(--color-222);
    font: var(--text-body14-regular);
}

.ship_message .add_message {
    border-color: var(--color-ddd)
}

.ship_message .add_message > li {
    font: var(--text-body14-regular);
    line-height: 34px;
    height: 34px;
    border-top: 1px solid var(--color-ddd);
    padding: 0 10px;
    background-color: #fff;
}

.subpage_wrap .subpage_container {
    padding-left: 0 !important;
}

.subpage_wrap.order_payment .order_payment_right {
    padding-left: 0;
    width: 100%;

}

.od_sale_title {
    width: 93px;
    font: var(--text-body16-regular);
    color: var(--color-333)
}

.order_payment .list_01.v2 > li .od_sale_price, #total_coupon_sale {
    color: var(--primary-color2) !important;
    font: var(--text-body16-regular) !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.order_payment .list_01.v2 > li .holding, .order_payment .list_01.v2 > li .gray_01 {
    color: var(--color-767676) !important;
    font: var(--text-body14-regular) !important;
}

input.od_m_box {
    padding: 0 10px;
    font: var(--text-body16-regular);
    color: var(--primary-color2);
    line-height: 32px;
    height: 32px;
}

input.size_email_full {

    width: 100%;
}

.settle_tab {
    border-bottom: 0;
}

.order_price_total {
    border: none;
}

.custom_order_layout .order_subsection.v2 .besong_group2 .rcont {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: transparent;
}


/* input */
.default_chk_box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.default_chk_box.hide {
    display: none;
}

.default_chk_box.center {
    justify-content: center;
}

.default_chk_box.sb label {
    font: var(--text-body14-semi-bold);
}

.default_chk_box label, .default_chk_box {
    color: var(--color-191919);
    font: var(--text-body14-regular);
}

.ul_delivery .name {
    font: var(--text-body14-regular);
}

.ul_delivery .list {
    font: var(--text-body14-regular)
}

.order_price_total > ul > li {
    padding: 5px 0;
    color: var(--color-666);
    font: var(--text-body14-regular);
}

/* ================================== 취소 교환 환불 ================================== */
.custom_board_layout.res_table {
    border-bottom: none;
}

.custom_board_layout.order .tbody {
    padding: 40px 16px;
}

.custom_board_layout.order > ul > li {
    padding: 0 16px;
}

.custom_board_layout.order .user_info {
    border-bottom: 1px solid var(--color-ddd);
    align-items: flex-start;
    width: calc(100% - 32px);
    margin: 0 16px;
    padding: 0 0 16px;
}

.custom_board_layout.order .item_info {
    margin-bottom: 10px;
    padding: 0 16px;
}

.custom_board_layout.order .order_seq, .custom_board_layout.order .order_seq a {
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.custom_board_layout .order_status {
    margin-left: auto;
}

.custom_board_layout.order .user_info .status {
    font: var(--text-body16-bold);
    color: var(--primary-color2);
    margin-bottom: 4px;
}

.custom_board_layout.order .board_goods_list .goods_name {
    color: var(--color-222);
    font: var(--text-body13-bold);
    padding-bottom: 8px;
}

.custom_board_layout.order .goods_quantity, .custom_board_layout.order .goods_quantity .num {
    color: var(--color-333);
    font: var(--text-body13-bold);
}

.custom_board_layout.order .oc_item_info_detail .order_price {
    font: var(--text-body13-regular);
}

.custom_board_layout.order .oc_item_info_detail .order_price b {
    font: var(--text-body13-bold);
    margin-left: 8px;
}

.custom_board_layout .oc_item_info_detail {
    align-items: stretch;
}

.custom_board_layout .oc_item_info_detail > li:last-child {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.custom_board_layout .oc_item_info_detail .order_price, .custom_board_layout .oc_item_info_detail .order_price b {
    margin-top: auto;
    color: var(--primary-color1);
    font: var(--text-body17-bold);
}

.item_info > .oc_item_info_detail {
    margin-top: 16px;
}

.custom_board_layout.order .subject .title {
    padding: 0 0 16px;
    color: var(--color-222);
    font: var(--text-body16-bold);
    display: flex;
}

.custom_board_layout.order .board_goods_list > li:last-child {
    padding: 0
}

.table_row_a {
    border: none;
}

.table_row_a + .pointcolor3 {
    color: var(--color-orange);
    font: var(--text-body14-regular)
}

.table_row_a > tbody > tr:nth-child(n+2) {
    height: 38px;
}

.table_row_a > tbody > tr > td {
    border: none;
    color: var(--color-666);
    font: var(--text-body14-regular);
    padding: 5px 0;
}

.table_row_a > tbody > tr > th > p {
    padding: 5px 0;
}

.table_row_a > tbody > tr > th {
    border: none;
    background-color: transparent;
    color: var(--color-666);
    font: var(--text-body14-regular);
}

.default_list {
    display: flex;
    align-items: stretch;
    border: none;
    flex-wrap: wrap;
}

.default_list .txt_title {
    font: var(--text-body14-regular);
    color: var(--color-666);
    display: inline-block;
    width: 74px;
}

.default_list .content {
    display: block;
    width: calc(100% - 74px);
}

.default_list:nth-of-type(n+2) {
    border-top: 1px solid var(--color-ddd);
    margin-top: 16px;
    padding-top: 16px;
}

.default_list:last-of-type {
    border-bottom: 1px solid var(--color-ddd);
    padding-bottom: 16px;
}

.default_list > ul.tbody .t1 {
    color: var(--color-orange);
}

.default_list > .tbody li.subject a {
    color: var(--color-666)
}

.default_list > ul.tbody .list_price {
    color: var(--color-222);
    font: var(--text-body14-bold);
}

.default_list > ul.tbody .mo_end, .default_list > ul.tbody .mo_end a {
    color: var(--color-999)
}

.default_list > ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.default_list > ul > li:nth-child(n+2) {
    margin-top: 8px;
}

.list_style .tbody:first-child {
    margin-top: 0;
}

.default_list > ul.tbody li {
    border: none;
    font: var(--text-body14-regular);
    color: var(--color-666);
    text-align: left;
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.default_list > .thead > li {
    text-align: left;
    padding: 5px 0;
    font: var(--text-body14-regular);
    color: var(--color-666);
    border: none;
    background-color: var(--color-fff);
}

.list_style .tbody {
    font: var(--text-body13-regular);
    border: 1px solid var(--color-ddd);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px;
    padding: 16px;
    gap: 8px;
}

.list_style li {
    width: 100%;
}


.desc {
    font: var(--text-caption-regular)
}

.resp_content1 {
    display: block;
    font: var(--text-body14-regular);
}

.resp_content1 .title_sub5 {
    font: var(--text-body14-semi-bold);
}

.resp_content1 > li {
    display: block;
    width: 100%;
}

.resp_content1 .title_sub2 > b {
    font: var(--text-body18-bold);
}

.myorder_sort .order_seq {
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.myorder_sort .order_seq p {
    color: var(--color-333);
    font: var(--text-body18-bold);
    margin-bottom: 4px;
}

.dib_und {
    color: var(--color-222);
    font: var(--text-body16-semi-bold);
    display: flex;
    border: none;
    justify-content: flex-end;
    text-decoration: underline;
    padding-bottom: 16px;

}

/* ================================== 배송지 ================================== */
.sorting_group {
    padding-bottom: 16px;
}

.addressResult img {
    vertical-align: -2px;

}

/* ================================== 팝업 ================================== */
.resp_layer_pop > .title {
    border-top: none;
    font: var(--text-subtitle20-regular);
    color: var(--color-333);
    padding: 20px;
}

.goods_option_area .single_num_change {
    border: none;
    background-color: var(--color-f8f8f8);
    padding: 16px;
}

.layer_pop_contents.v2 {
    padding: 24px 16px 119px;
}

.resp_layer_pop .btn_pop_close {
    width: 16px;
    height: 16px;
    top: 25px;
    right: 20px;
    background-size: contain;
}

.option_goods_img {
    width: 72px;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 3/4;
}

.resp_content2.goods_information {
    display: flex;
    align-items: center;
    gap: 16px;
}

.resp_content2.goods_information > li {
    padding: 0
}

.resp_content2.goods_information span {
    font: var(--text-body16-regular);
    color: var(--color-666)
}

.resp_content2.goods_information .seller_name {
    font: var(--text-body16-bold);
    color: var(--color-222)
    /*margin-left: var(--mp-16)*/
}

.cart_option_popup .goods_quantity_table_container {
    margin-bottom: 0;
    padding-bottom: 24px;
    border-bottom: none;
}

.cart_option_popup .goods_option_area .single_num_change .tle {
    display: block;
    color: var(--color-333);
    font: var(--text-body13-bold);
    padding-bottom: 16px;
}

.cart_option_popup .goods_option_area:after {
    content: '';
    display: block;
    clear: both;
}

.cart_option_popup .goods_option_area .single_num_change .out_option_price {
    font: var(--text-body16-semi-bold);
    color: var(--color-333);
    float: right;
}

.cart_option_popup .goods_option_area {
    padding-top: 32px;
}

.cart_option_popup.goods_option_table th {
    padding-bottom: 14px;
}

.cart_option_popup .goods_quantity_table {
    border: none !important;
}

.cart_option_popup .goods_option_table tr.optionTr td {
    padding: 16px 0 32px;
}

.cart_option_popup .resp_content2.goods_information .goods_title {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;

}

.cart_option_popup .goods_quantity_table tr.quanity_row:first-child td.quantity_cell {

    background-color: var(--color-f8f8f8);
    padding: calc(var(--mp-8) * 2);
}

.cart_option_popup .sbHolder {
    height: 42px;
}

.cart_option_popup .sbSelector, .cart_option_popup .sbToggle {
    height: 42px;
    line-height: 42px;
}

.cart_option_popup .sbOptions a {
    line-height: 42px;
}

.cart_option_popup input.ea_change, .cart_option_popup input.recently_ea_change {
    border-color: var(--color-ddd);
    border-radius: 0px;
}

.cart_option_popup .basic_btn_area2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.basic_btn_area2 > li.option_tot_price {
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--color-333);
    font: var(--text-body13-regular);
    justify-content: space-between;
    margin-bottom: 16px;
}

.cart_option_popup .goods_option_area .sbOptions {
    z-index: 100;
}

.cart_option_popup, .cart_option_popup.resp_layer_pop.small_screen, #couponDeatilLayer {
    max-width: 400px !important;
    width: calc(100% - 32px) !important;
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;

    bottom: unset !important;
    right: unset !important;
    margin: 0 !important;
}

.cart_option_popup .y_scroll_auto {
    max-height: initial !important;
    min-height: 388px !important;
    height: auto;
}

.cart_option_popup .layer_bottom_btn_area.v2 {
    padding: 16px;
}

.cart_option_popup .option_tot_price #total_goods_price {
    font: var(--text-subtitle23-bold);
    margin-left: auto;
}

.cart_option_popup .option_tot_price #total_goods_price + span {
    font: var(--text-body18-bold) !important;
}

.option_tot_price #total_goods_price {
    font: var(--text-heading2);

}

.option_tot_price #total_goods_price + span {
    font: var(--text-body18-bold);
    align-self: flex-end;
    margin-bottom: 3px;
}

.layer_pop_contents.v5 {
    padding-top: 0;
    padding-bottom: 74px;
}

.layer_pop_contents.v5 .list_01.v2 > li {
    padding-top: 16px
}

.layer_pop_contents.v5 .list_01.v2 > li:first-child {
    padding-top: 0;

}

.layer_pop_contents.v5 #coupon_goods_lay .list_01.v2 > li:first-child {
    padding-top: 24px;
}

.layer_pop_contents .stitle.v3 {
    padding: 0;
    color: var(--color-333);
    font: var(--text-body16-bold);
}

.layer_pop_contents.v5 .list_01.v2 > li {
    font: var(--text-body13-regular)
}

.layer_bottom_btn_area2 {
    padding: 20px;
    height: auto;
}

.layer_pop_contents #select_option_lay table th {
    background: transparent;
    text-align: left;
    padding: 0;

}

.layer_pop_contents #select_option_lay table td, th {
    border: none;
}

/* ================================== 마이페이지 ================================== */
.tab_cart_top {
    border: none;
}

.tab_cart_top ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab_cart_top > ul > li {
    max-width: 100%;
    width: 50%;
}

.tab_cart_top > ul > li.on > a {
    font: var(--text-body14-bold);
    line-height: 42px;
}

.tab_cart_top li .num {
    display: none;
    background: transparent;
    color: var(--primary-color1);
    padding: 0;
}

.tab_cart_top li.on .num {
    color: var(--primary-color1);
    background: transparent;
    padding: 0;
}

.wish_wrap .wish_list {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2vw;
}

.wish_allselect_area {
    padding-bottom: 15px;
}

.wish_wrap .wish_list > li {
    max-width: initial;
    padding: 0;

}

.wish_list .img_area {
    position: relative;
}

.wish_list .img_area img {
    border: none !important;
    width: 100% !important;
    aspect-ratio: 3/4;
    object-position: center;
    object-fit: cover;
    border-radius: 16px;
}

.wish_list .img_area label {
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
}

.wish_wrap .wish_list ul.sub > li:first-child {
    padding: 16px 0 3px;
}

.wish_list .wish_name span {
    color: var(--color-222);
    display: block;
    font: var(--text-body18-semi-bold);
}

.wish_list .wish_name span + span {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--color-666);
    font-weight: normal;
}

.wish_list .nomal_price {
    display: flex;
    align-items: flex-end;
    column-gap: 4px;
    flex-wrap: wrap;
}

.wish_list .nomal_price b {
    color: var(--primary-color2);
    font: var(--text-body18-bold);
}

.wish_list .nomal_price b + s {
    color: var(--color-999);
    font: var(--text-caption-regular);
    display: block;
    width: 100%;
    order: -1;
}

.paging_navigation {
    margin-top: 60px;
}

#subpageLNB {
    display: none;
}

.custom_order_layout .myorder_sort {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom_order_layout .myorder_sort:after {
    display: none;
}

.custom_order_layout .flex_justify {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.custom_order_layout .besong_grouped {
    border-bottom: none;
    padding-bottom: 10px;
}

.custom_order_layout .order_list > li {
    padding-left: 32px;
    padding-right: 32px;
}

.custom_order_layout .order_list > li:last-of-type {
    padding-left: 16px;
    padding-right: 16px;
}

.custom_order_layout .board_goods_list > li.pic img {
    border: none;
    border-radius: 8px;
    width: 72px;
    aspect-ratio: 3/4;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.custom_order_layout .board_goods_list {
    margin-bottom: 12px;
}

.ellipsis1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    width: 100%;
}

.ellipsis_clamp {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.ellipsis2 {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.custom_order_layout .board_goods_list > li.info .title {
    padding: 0 0 8px;
    color: var(--color-222);
    font: var(--text-body16-bold);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom_order_layout .board_goods_list > li.info .title > div:first-child {
    width: calc(100% - 70px);
}

.custom_order_layout .board_goods_list > li.info .reply_title {
    font: var(--text-body14-regular);
    color: var(--primary-color2);
}

.custom_order_layout .order_list .quantity {
    font: var(--text-body13-bold);
    color: var(--color-333);
    padding-bottom: 3px;
}

.custom_order_layout .order_list .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
    color: var(--color-999);
    font: var(--text-body13-regular);
}

.custom_order_layout .apply_discount span {
    font: var(--text-body13-bold);
}

.custom_order_layout .apply_discount strong {
    font: var(--text-body17-bold);
    color: var(--primary-color1)
}

.custom_order_layout .besong_group2 .rcont {
    padding: var(--mp-16);
    background-color: #f4f4f4;
    margin: 30px 0;
}

.custom_order_layout .besong_group2 span {
    font: var(--text-body13-regular)
}

.custom_order_layout .besong_group2 .provider_name {
    color: var(--color-222);
}

.custom_order_layout .besong_group2 .provider_name:after {
    content: '|';
    font: var(--text-body13-regular);
    display: inline-block;
    padding: 0 8px;
    color: var(--color-666);
}

.sub_layout_z1 {
    display: block;
}

.sub_layout_z1 > li {
    display: block;
    width: 100%;
    padding: 14px 0 30px;
}

.sub_layout_z1 > li.layout_aside_b {
    padding-left: 0;
    border-top: 10px solid var(--color-f8f8f8);
}

.sub_layout_z1 .title_od1 {
    border-bottom: none;
}

/* 주소 찾기 팝업 */
.zipcode_search_contents .inputbox_area {
    padding-top: 14px;
}

#recipient_zipId {
    max-width: 400px;
}

#recipient_zipId .y_scroll_auto {
    padding-left: 6px;
    padding-right: 6px;
}

.zipcode_search_contents .zsfText {
    border: 1px solid var(--color-ddd);
}

.zipcode_search_contents {
    font: var(--text-body13-regular);
    padding-bottom: 0;
}

.search_ex_area {
    margin-top: 16px;
    padding: 16px;
}

.search_ex_area .ex_point {
    color: var(--primary-color4)
}

.zipcode_search_contents .title_sub2.v2 {
    margin-top: 24px;
}

.cont_type1 > ul {
    margin-top: 16px;
}

.zipcodeResult.list_01 > li {
    padding: 16px;
    color: var(--color-222);
    font: var(--text-body14-regular)
}

.list_01.zipcodeResult {
    margin-bottom: 24px;
}

.list_01.zipcodeResult > li:hover {
    background-color: #fff;
    color: var(--color-222)
}

.cont_type1 > ul > li.size1 {
    color: var(--color-333);
    width: 44px;
}

.cont_type1 > ul > li:last-child {
    padding-left: 4px;
}

.cont_type1 .select_style1 {
    min-width: 88px;
}

/* ================================== 쿠폰 ================================== */
.tab_basic.size2 {
    border-bottom: none;
    margin-bottom: 40px;
}

.tab_basic.size2 ul {
    display: flex;
    align-items: center;

}

.tab_basic.size2 ul li {
    flex: 1;
    height: 42px;
}

.flex_btn_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
}

.flex_btn_box.flex_end {
    justify-content: flex-end;
}

.tab_basic > ul > li.on > a .unused {
    color: var(--primary-color3)
}

.coupon_list .tbody {
    border: 1px solid var(--color-ddd);
    padding: calc(var(--mp-8) * 3);
    padding-bottom: calc(var(--mp-10) * 2);
    display: flex;
    flex-direction: column;
    min-height: 205px;
}

.coupon_list.v2 .tbody {
    min-height: initial;
}

.coupon_list .tbody:nth-child(n+2) {
    margin-top: var(--mp-16);
}

.coupon_list p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--mp-16)
}

.coupon_list span {
    font: var(--text-body14-bold);
    color: var(--color-333);
    display: block;
}

.coupon_list .date {
    margin-left: auto;
}

.coupon_list .info {
    font: var(--text-body14-semi-bold);
    color: var(--color-999);
}

.coupon_list .subject {
    margin: 8px 0 16px;
    font: var(--text-body19-bold);
    color: var(--primary-color1)
}

.coupon_list .state {
    font-weight: 600;
    color: var(--primary-color4)
}

.coupon_list .coupon_bottom {
    position: relative;
    padding-top: 20px;
    font-weight: normal;
    margin-top: auto;
}

.coupon_list .coupon_bottom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 48px);
    height: 1px;
    background-color: var(--color-ddd);
}

/* ================================== 수강내역 ================================== */
.class_item_display > ul {

}

.custom_list_style {
    display: flex;
    padding: 24px 16px;
    gap: 16px;
    border-top: 1px solid var(--color-ddd)
}

.custom_list_style:last-child {
    border-bottom: 1px solid var(--color-ddd)
}

.custom_list_style .item_img_area {
    width: 64px;
    border-radius: 8px;
    overflow: hidden;
}

.custom_list_style .item_img_area img {
    aspect-ratio: 3/4;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.custom_list_style .item_info_area {
    display: flex;
    align-items: stretch;
    gap: 16px;
    justify-content: space-between;
    width: calc(100% - 80px)
}

.custom_list_style .goods_name_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 96px);
}

.custom_list_style .goods_name_area .goods_status {
    background-color: var(--color-ddd);
    border-radius: 50em;
    border: 1px solid var(--color-ccc);
    color: var(--color-222);
    display: inline-block;
    font: var(--text-tiny);
    line-height: 18px;
    text-align: center;
    max-width: 50px;
    width: auto;
}

.custom_list_style .goods_name_area .goods_status.signup {
    background-color: var(--color-second);
    border-color: var(--primary-color2);
    color: var(--primary-color2)
}

.custom_list_style .goods_name_area a {
    margin: 4px 0;
    font: var(--text-body18-bold);
    color: var(--color-222);

}

.custom_list_style .right_area {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
}

.custom_list_style .right_area .btn_resp.color2 {
    padding: 0 10px;
}

.custom_list_style .right_area .date {
    font: var(--text-body13-regular);
    color: var(--color-767676)
}

.custom_list_style .goods_name_area .goods_category {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--color-999);
    font: var(--text-body13-regular);
    margin-top: auto;
}

.custom_list_style .goods_name_area i {
    font-style: normal;
}

.class_view_tit.ver2 > h2 {
    margin: 0;
    padding: 0 10px;
    max-width: 580px;
    width: calc(100% - 20px);
    color: var(--color-222);
}

.videoDiv {
    position: relative;
}

.btn_resp.size_c.pc {
    display: block;
}

.btn_resp.size_b.mo {
    display: none;
}


/* ================================== 갤러리형 ================================== */
.custom_gallery_board2 {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.44vw;
}

.custom_gallery_board2 > li > ul {
    padding: 0;
}

.custom_gallery_board2 > li {
    width: calc(50% - 0.72vw);
    padding: 0 0 16px;
}

.custom_gallery_board2 .custom_board_img_area {
    width: 100%;
}

.custom_gallery_board2 .image_thumb {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 16px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.custom_gallery_board2 .c_subject {
    padding: 16px 0;
    font: var(--text-body18-semi-bold);
    display: flex;
    align-items: center;
}

.custom_gallery_board2 .user_info > li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom_gallery_board2 .user_info .writer {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.custom_gallery_board2 .writer .name {
    color: var(--color-333);
    font: var(--text-body14-bold);
}

.custom_gallery_board2 .writer .name + span {
    color: var(--color-999);
    font: var(--text-caption-regular);
}

/* ================================== 고객센터 ================================== */
.bbs_top_wrap.ver3 {
    border-bottom: 6px solid var(--color-f8f8f8);
    margin-top: 20px;
    padding-bottom: 40px;
}

.bbs_top_wrap.ver2 {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 6px solid var(--color-f8f8f8);
    padding-top: 40px;
    padding-bottom: 40px;
}

.bbs_top_wrap.ver2:after {
    display: none;
}

.bbs_top_wrap.ver2 li {
    display: flex;
    align-items: center;
    position: unset;
}

.bbs_top_wrap.ver2 > li.left {
    flex: 1 1 148px;

}

.bbs_top_wrap.ver2 > li.right2 {
    flex: 1 1 484px;
}

.bbs_top_wrap.ver2 .default_select {
    height: 32px;
}

.bbs_top_wrap.ver2 .searchform {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bbs_top_wrap.ver2 .btn_resp.size_b {
    margin-left: 0;
}

.bbs_top_wrap.ver2 .searchform input {
    width: calc(100% - 68px)
}

.cs_custom_list > ul {
    padding: 24px;
    border-bottom: 1px solid var(--color-ddd);
}

.cs_custom_list .subject {
    font: var(--text-body16-semi-bold);
    color: var(--color-222);
    display: block;
    margin-bottom: 8px;
}

.cs_custom_list .date {
    font: var(--text-body13-regular);
    color: var(--color-999)
}

.cs_center_container .faq_new {
    margin-top: 20px;
}

.cs_center_container .faq_new li {
    border-bottom: 1px solid var(--color-ddd);
    margin-top: 0;
}

.cs_center_container .faq_new .question {
    padding-left: 24px;
}

.cs_center_container .faq_new .question:before {
    padding-left: 24px;
}

.cs_center_container .faq_new .question, .cs_center_container .faq_new .question:before {
    color: var(--color-222);
    font: var(--text-body16-semi-bold);
}

.cs_center_container .faq_new .answer:before {
    color: var(--color-666);
    font: var(--text-body16-semi-bold);
}

.cs_center_container .faq_new .question .subject {
    color: var(--color-222);
    padding: 24px;
    background-color: transparent;
}

.cs_center_container .faq_new .answer {
    margin-top: 0;
    padding: 24px 24px 40px 48px;
    background: var(--color-f8f8f8)
}

.searched_item_display[data-displaytype='list'] > ul {
    grid-template-columns: repeat(1, 1fr);
}

.searched_item_display[data-displaytype='list'] > ul > li {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: stretch;
}

.searched_item_display[data-displaytype='list'] .item_img_area {
    max-width: 140px;
    background: none;
}

.searched_item_display[data-displaytype='list'] .item_info_area .goods_price_area {
    margin-top: auto;
}

.searched_item_display[data-displaytype='list'] .item_info_area {
    width: calc(100% - 140px);
    display: flex;
    flex-direction: column;
}

/* ================================== 상품리스트 페이지  ================================== */
.filter_setting {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter_setting a {
    font: var(--text-caption-regular);
    color: var(--color-222);
    display: block;
    padding-left: 16px;
}

.filtered_item_sorting {
    border: none;
    margin-top: 0;
    /*display: flex!important;*/
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.filtered_item_sorting > li {
    height: auto;
    line-height: normal;
}

.filtered_item_sorting .item_display {
    order: 1;
}

.filtered_item_sorting .item_order > .list > li {
    border: none;
}

.filtered_item_sorting .item_order > .list > li > label {
    padding: 0 16px;
    max-height: 54px;
    color: var(--color-ccc);
    font: var(--text-body16-bold);
    line-height: 54px;
    height: 54px;
}

.filtered_item_sorting .item_display label {
    width: 23px;
    height: 23px;
    background-size: 18px;
}

.filtered_item_sorting .item_display label.display_list {
    background-size: 12px;
}

.searched_item_display > ul {
    margin: 0;
}

.searched_item_display > ul > li {
    padding: 0;
    width: 100%;
}

.searched_item_display > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.searched_item_display .item_img_area img {
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 16px;
    overflow: hidden;
    object-position: center;
    object-fit: cover;
}

.searched_item_display .item_info_area {
    padding: 16px 0;
}

.searched_item_display .item_info_area > li {
    padding: 0;
}

.searched_item_display .item_info_area .goods_seller_area .name {
    color: var(--color-222);
    font: var(--text-body16-bold);
}

.searched_item_display .item_info_area .goods_name_area {
    padding: 4px 0;
}

.searched_item_display .item_info_area .goods_name_area a {

    font: var(--text-body16-regular);
    color: var(--color-666);
}

.searched_item_display .item_info_area .goods_name_area a:hover {
    text-decoration: none;
}

.searched_item_display .item_info_area .goods_price_area {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.searched_item_display .item_info_area .goods_price_area > span {
    padding: 0;
}

.searched_item_display .item_info_area .goods_price_area .sale_price {
    font: var(--text-body18-bold);
}

.searched_item_display .item_info_area .goods_price_area .consumer_price {
    color: var(--color-999);
    font: var(--text-body13-regular);
    order: -1;
    display: block;
    width: 100%;
}

.searched_item_display .item_info_area .goods_price_area .discount_rate {
    color: var(--primary-color3) !important;
    font: var(--text-body18-semi-bold);
}

.searched_item_display .item_info_area .goods_price_area .discount_rate:after {
    display: none;
}

/* ================================== 전체 컬러 세팅 ================================== */
/* ======== 어사이드/마이쇼핑/고객센터 - LNB 활성화 메뉴 ======== */
.subpage_lnb .lnb_sub > li.on > a,
.aside_navigation_wrap ul.menu.board > li.on a,
.aside_navigation_wrap ul.menu li.mitem.category.on a.mitem_goodsview,
.aside_navigation_wrap ul.menu li.mitem_subcontents ul.submenu li.submitem.category.on a.mitem_goodsview,
.quick_lnb_active_text {
    color: #778ca3;
}

/* ======== 할인율 ======== */
.displaY_sales_percent,
.searched_item_display .item_info_area .goods_price_area .discount_rate,
.quick_basic_sale_rate {
    color: #778ca3;
}

/* ======== 단독이벤트 ======== */
.spec_solo_event .remain_time .title,
.displaY_event_time .title,
.cart_list .cgd_contents .event_area .title,
.searched_item_display .goods_list_style5 .displaY_event_time .title,
.quick_solo_event_icon {
    background-color: #778ca3; /* 아이콘 */
}

.spec_solo_event .event_datetime_box,
.displaY_event_time .time_container,
.cart_list .cgd_contents .event_area .time {
    background-color: #778ca3; /* 배경 */
    color: #ffffff; /* 텍스트 */
}

.quick_solo_event_bg {
    background-color: #778ca3;
}

.quick_solo_event_text {
    color: #ffffff;
}

/* ======== 평점 별 색상 ======== */
.displaY_review_score_a .ev_active2 > b,
.goods_spec_customer_ev .ev_active2 > b,
.quick_review_score {
    background-color: #778ca3;
}

/* ======== 상품상세 할인율 ======== */
.deatil_sale_rate {
    background-color: #8ba4bf; /* 할인율 - 배경 */
    color: #ffffff; /* 할인율 - 텍스트 */
}

.quick_deatil_sale_rate_bg {
    background-color: #8ba4bf;
}

.quick_deatil_sale_rate_text {
    color: #ffffff;
}

/* ======== 쿠폰 버튼 컬러 ======== */
.resp_coupon_list > li > ul > li.bul,
.detail_relation_event > li > a:after,
.quick_coupon_btn {
    background-color: #778ca3; /* 쿠폰 버튼 컬러 */
}

/* ======== 주요 버튼 컬러 ======== */
.btn_resp.color2.size_c,
.btn_resp.color2.size_extra,
.btn_resp.color2.size_extra2,
.resp_login_wrap .btn_resp.size_login1 {
    outline: none;
    border-color: #778ca3; /* 라인 */
    background-color: #778ca3; /* 배경 */
    color: #ffffff; /* 텍스트 */
}

.quick_major_button_line {
    border-color: #778ca3;
}

.quick_major_button_bg {
    background-color: #778ca3;
}

.quick_major_button_text {
    color: #ffffff;
}

/* ======== 푸시 카운트 ======== */
.layout_header .cart_cnt1,
.layout_header .cart_cnt2,
.asie_main_menu .push_count,
.my_order_step .pushCount,
#layout_header .benefit {
    background: #778ca3; /* 배경 */
    color: #ffffff; /* 텍스트 */
}

#layout_header .benefit .arrow {
    color: #778ca3;
}

.quick_push_count_bg {
    background: #778ca3;
}

.quick_push_count_text {
    color: #ffffff;
}

/* ======== BEST 페이지 랭크 ======== */
.best_page_ranking > ul > li:nth-child(1) .item_rank {
    background-color: #778ca3; /* 1위 - 배경 */
    color: #ffffff; /* 1위 - 텍스트 */
}

.best_page_ranking > ul > li:nth-child(2) .item_rank {
    background-color: #778ca3; /* 2위 - 배경 */
    color: #ffffff; /* 2위 - 텍스트 */
}

.best_page_ranking > ul > li:nth-child(3) .item_rank {
    background-color: #778ca3; /* 3위 - 배경 */
    color: #ffffff; /* 3위 - 텍스트 */
}


/* ======== 게시판 상세 - 현재글 ======== */
.res_table > .tbody.now_list {
    outline-color: #778ca3; /* 라인 */
}

.res_table > .tbody.now_list .now {
    color: #778ca3; /* 텍스트 */
}

/* ======== 페이징 - 현재 페이지 ======== */
.paging_navigation a.red,
.paging_navigation a.on,
.paging_navigation_pop a.red,
.paging_navigation_pop a.on {
    border-color: #778ca3; /* 라인 */
    color: #778ca3; /* 텍스트 */
}

/* ================================== //전체 컬러 세팅 ================================== */

/* 주문/결제 */
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {
    position: relative !important;
}

.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {
    width: 100% !important;
    box-shadow: none !important;
}

#typereceiptlay .labelgroup_design {
    margin-bottom: 5px;
}

.order_subsection .btn_move {
    border: 1px var(--color-ddd) solid;
    background: #fff;
    height: 28px;
    font-size: 12px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-666);
    font: var(--text-caption-regular);
    line-height: 26px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 16px;
}

.custom_board_layout .btn_chg {
    border: 1px var(--color-ddd) solid;
    background: #fff;
    height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--color-666);
    font: var(--text-caption-regular);
    line-height: 26px;
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 4px;
}

.custom_board_layout .oc_item_info_detail > li.reset_state {
    display: flex;
    align-items: center;
    font: var(--text-body13-regular);
    flex-direction: row;
    gap: 8px
}

/* ================================== sns 공유하기 팝업  ================================== */
.sns_wish .snsbox_area {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 768px;

    z-index: 2000;
    padding: 0;
    border: none;
    transform: translateX(-50%);
}

.sns_wish .layer-inner {
    padding: 24px;
    box-sizing: border-box;
    width: 100%;
    bottom: 0;
    position: absolute;
    background: #fff;
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 0px -3px 15px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -3px 15px 0px rgb(0 0 0 / 20%);

}

.sns_wish .layer-inner .layer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sns_wish .layer-inner .layer-header h3 {
    color: var(--color-333);
    font: var(--text-subtitle20-semi-bold);
}

.sns_wish .layer-inner .layer-header .close {
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: url(../images/design/btn_close1.jpg) center center no-repeat;
}

.sns_wish br {
    display: none
}

.sns_wish .snsbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

}

.sns_wish .snsbox > li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    color: #6d7385;
    font-size: 12px;
    flex-direction: column;
    gap: 5px;
}

.snsbox img {
    margin: 0;
    width: 62px;
    height: 62px;
    max-height: 62px;
}

/* ================================== 23.9.6 최신 미디어쿼리 ================================== */
/* 최신 미디어쿼리 768Px */
@media only screen and (max-width: 768px) {
    /* 메인 */
    .category_wrap .category_list {
        gap: 10px;
    }

    #recipient_zipId {
        max-width: 100%;
    }

    .artSchool_wrap .swiper-container {
        padding-bottom: 20px;
    }

    .review_wrap {
        margin-top: 84px;
    }

    /*.sliderB.wide_visual_slider .slick-slide .simg {*/
    /*    aspect-ratio: 6/5;*/
    /*}*/

    .wish_wrap .wish_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .custom_order_layout .order_list > li {
        padding-left: 16px;
        padding-right: 16px;
    }

    #ch-plugin .gVvMLY {
        bottom: 110px !important;
    }
}


/* 최신 미디어쿼리 550Px */
@media only screen and (max-width: 550px) {
    /* 메인 */
    .layout_header .logo_wrap .resp_wrap {
        padding: 0 12px;
        height: 56px;
    }

    .layout_header .logo_wrap .logo_area > a {
        width: 126px;
        height: 20px;
    }

    .layout_header .util_wrap_menu2 > li > a {
        width: 24px;
        height: 24px;
    }

    .layout_header .cart_cnt2 {
        left: 12px;
        top: -5px;
    }

    .resp_top_hamburger > a {
        width: 16px;
        height: 13px;
    }

    .resp_top_hamburger > a:before {
        transform: translateY(-6px) rotate(0deg);
    }

    .resp_top_hamburger > a:after {
        transform: translateY(6px) rotate(0deg);
    }

    .main_wrapper .resp_wrap {
        margin-top: 60px;
    }

    .main_wrapper .category_wrap {
        margin-top: 40px;
    }

    .main_wrapper .category_wrap + .resp_wrap {
        margin-top: 40px;
    }

    .res_db_title1 {
        padding-bottom: 20px
    }

    .resp_top_search {
        margin: 0 auto 30px;
        width: calc(100% - 24px);
    }

    .resp_top_search .search_ver2 .search_new .input_area .cont {
        padding: 10px;
    }

    .resp_top_search .search_ver2 .search_new .input_area label.search_box:before {
        height: 14px;
        margin: 0 16px;
    }

    .category_wrap .category_list {
        gap: 4px;
    }

    .category_wrap .category_list li {
        background-size: 62px !important;
        background-position: center bottom 27px;
    }


    .category_wrap .category_list .shopping {

        background-size: 102px;
    }

    .category_wrap .category_list .goods {

        background-size: 85px;
    }


    .category_wrap .category_list .hot {

        background-size: 91px;
    }

    .category_wrap .category_list .ranking {
        background-size: 91px;
    }

    .category_wrap .category_list .class {
        background-size: 107px;
    }


    .category_wrap .category_list li a {
        padding: 57px 0 10px;
        font: var(--text-caption-regular);
        line-height: 18px;
    }

    .category_wrap .category_list .mo {
        display: block;
    }

    .category_wrap .category_list .pc {
        display: none;
    }

    .category_wrap .category_list li.best::before, .category_wrap .category_list li.hot::before {
        width: 24px;
        height: 10px;
        top: 3px;
        right: 4px;
    }

    /*.main_wrapper .respGoodsZzim .zzimArea {*/
    /*    padding: 8px;*/
    /*}*/
    /*.main_wrapper .respGoodsZzim .zzimImage {*/
    /*    width: 32px;*/
    /*    height: 32px;*/
    /*}*/
    .infO_group .displaY_goods_category {
        gap: 2px;
    }

    .res_db_title1 {
        align-items: flex-end;
    }

    .grid_type .display_responsible_class .goods_list {
        gap: 10px;
    }

    .grid_type .display_responsible_class .goods_list li.gl_item {
        width: calc(100% / 3 - 7px)!important;
    }
    .grid_type.half .display_responsible_class .goods_list li.gl_item{
        width: calc(100% / 2 - 5px)!important;
    }
    .goods_tabs.flyingMode {
        /*width: calc(100% - 32px);*/
    }

    .new_class_wrap {
        padding: 60px 0;
    }

    .card_swiper .swiper-slide {
        width: calc(100% - 66px);
    }

    .review_wrap .displayTabContainer {
        margin-bottom: 20px;
        gap: 24px;
    }

    .display_slide_class .swiper-button-next, .display_slide_class .swiper-button-prev {
        width: 32px;
        height: 32px;
        background-size: contain;
    }

    /* 푸터 */
    .layout_footer .menu1 > .foot_menu_d1 {
        position: relative;
    }

    .layout_footer .sns_list {
        position: absolute;
        right: 0;
        top: -12px;
    }

    .layout_footer .menu3 > li {
        width: 100%;
    }

    .resp_wrap.mt40 {
        margin-top: 30px;
    }

    .layout_footer .footer_a {
        padding-bottom: 24px;
    }

    .layout_bottomNavi .navi_list a {
        font-size: 10px;
        line-height: 12px;
        padding: 36px 0 12px;
        background-size: 22px;
        background-position: top 10px center;
    }

    .layout_bottomNavi .navi_list .plus {
        background-size: 32px;
    }

    .layout_bottomNavi .navi_list .plus:after {
        width: 49px;
        height: 49px;
        background-size: contain;
    }

    .layout_bottomNavi .navi_list .plus {
        width: 48px;
        height: 48px;
    }

    .layout_bottomNavi .action_btn_box .plus_list li {
        transform: translate3d(0, 0, 0);
    }

    /* 상품 상세 */
    .goods_information_contents {
        padding: 16px 0 40px;
    }

    .goods_information_tabs {
        padding: 0 8px;
        width: calc(100% - 16px);
        gap: 0;
        justify-content: flex-start;

    }

    .goods_information_tabs > a {
        height: 54px !important;
    }

    .goods_information_tabs > a > span {

        font: var(--text-body17-bold);
        line-height: 54px;
    }

    .custom_board_layout .tbody {
        padding: 16px;
    }

    .custom_board_layout.order .tbody {
        padding-left: 0;
        padding-right: 0;
    }

    .custom_board_layout .board_goods_list > li.info .title {
        font: var(--text-body15-bold);
    }

    .cart_list .cgd_contents .block2 > li {
        padding-right: 0
    }

    .custom_gallery_board2 {
        gap: 10px;
    }

    .custom_gallery_board2 > li {
        width: 100%;
    }

    .flex_center {
        flex-wrap: wrap;
    }

    .searched_item_display > ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .normal_slide_wrap .display_slide_class .swiper-slide {
        width: calc(100% / 2 - 23px);
    }

    #ch-plugin .gVvMLY {
        bottom: 84px !important;
    }

    .custom_list_style .goods_name_area a {
        font: var(--text-body16-bold)
    }

    .class_view_tit.ver2 > h2 {
        font: var(--text-body19-regular)
    }

    .btn_resp.size_c.pc {
        display: none;
    }

    .btn_resp.size_b.mo {
        display: block;

    }

    .infO_style_1 .displaY_seller_grade_a .areA, .searched_item_display .item_info_area .goods_seller_area .name {
        font: var(--text-body14-bold)
    }

    .infO_style_1 .displaY_goods_name a, .displaY_goods_name .areA, .displaY_goods_name, .searched_item_display .item_info_area .goods_name_area a {
        font: var(--text-body14-regular)
    }

    .infO_style_1 .displaY_consumer_price span, .infO_style_1 .displaY_consumer_price .areA, .searched_item_display .item_info_area .goods_price_area .consumer_price {
        font-size: 12px;
    }

    .infO_style_1 .displaY_sales_price span, .searched_item_display .item_info_area .goods_price_area .sale_price, .searched_item_display .item_info_area .goods_price_area .discount_rate {
        font: var(--text-body15-bold)
    }

    .infO_style_1 .displaY_sales_percent .areA, .displaY_sales_percent .nuM {
        font: var(--text-body15-bold)
    }

    /*.searched_item_display .item_info_area {*/
    /*    padding: 6px 0 10px;*/
    /*}*/
    .board_detail_wrap {
        padding: 24px 16px;
    }

    .board_detail_wrap .detail_written, .board_comment_area {
        padding-left: 0;
        padding-right: 0;
    }


    .board_prev_next_list {
        width: 100%;
    }

    .wish_wrap .wish_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .sub_layout_header .hinner {
        padding: 0 10px;
        height: 55px;
    }

    .sub_layout_header .title {
        font: var(--text-body18-bold);

    }

    .sub_layout_header .hinner a, .sub_layout_header .hinner .ico_btn {
        width: 24px;
        height: 24px;
    }

    .normal_slide_wrap .res_db_title1 {
        font: var(--text-subtitle22-regular)
    }

    .title_container > h2 {
        font: var(--text-subtitle22-regular)
    }

    .live_btn {

        font: var(--text-body16-bold);
        line-height: 52px;
    }

    .video_curriculum .tit {
        margin: 42px 0 30px;
        font: var(--text-subtitle22-semi-bold)
    }

    #recipient_zipId .y_scroll_auto {
        max-height: initial !important;
        height: 86.8vh
    }
}

/* 최신 미디어쿼리 360px */
@media only screen and (max-width: 360px) {
    :root {
        --text-heading2: 400 2.2rem/120% 'Apple SD Gothic Neo';
    }

    .review_wrap .res_db_title1, .normal_slide_wrap .res_db_title1 {
        font: var(--text-heading2);
    }
}

/* 갤러리 게시판 수정 */
.bbs_top_wrap.ver3 {padding-bottom:20px;}
.bbs_top_wrap.gallery {clear:both;}
.bbs_top_wrap > li {display:flex;}
.bbs_top_wrap > li .custom_gallery_sort {margin-right:6px;}
.custom_gallery_board1>li {width:100%;}
.custom_gallery_board2>li {padding:30px 0;}
.custom_gallery_board2>li.tbody {padding-top:0;}
.custom_gallery_board3>li {width: 50%;}
.custom_gallery_board1>li .custom_board_img_area {width:346px !important;}
.custom_gallery_board3>li .custom_board_img_area {width:100% !important;}
@media only screen and (max-width: 767px){
    .custom_gallery_board1>li .custom_board_img_area {width:48vw !important;}
}
@media only screen and (max-width: 550px){
    .custom_gallery_board1>li .custom_board_img_area {width:100% !important;}
    .custom_gallery_board3>li {width:100%;}
}
@media only screen and (max-width: 479px){
    .custom_gallery_board2>li {padding:20px 0 0;}
    .custom_gallery_board3 {margin-top:10px;}
    .custom_gallery_board3>li {padding-bottom:10px;}
}