@charset "utf-8";
/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
************************************************************************************** */
/* 공통 */
.color1 {
    color: #e61503;
}

.color2 {
    color: #446aec;
}

.btn-area-center {
    text-align: center;
}

.btn-area-right {
    text-align: right;
}

.border_none {
    border: none !important;
}

.reg_text {
    font: var(--text-body16-regular);
    text-align: center;
}

.ab-btn {
    display: block;
    width: 100%;
    text-align: center;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
}

.ab-btn.on {
    opacity: 1;
}

.ab-btn.type-ss {
    display: inline-block;
    width: auto;
    padding: 0 15px;
    height: 26px;
    color: var(--color-222);
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    box-shadow: none;
    opacity: 1 !important;
    border-radius: 4px;
    min-width: 100px;
}

.ab-btn.type-s {
    height: 34px;
    line-height: 34px;
    font: var(--text-caption-regular);
    opacity: 1 !important;
    border-radius: 2px;
}

.ab-btn.type-m {
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    font-weight: normal;
    box-shadow: none;
    opacity: 1 !important;
    border-radius: 4px;
    color: #fcfcfc;
}

.btn-01 {
    background: var(--primary-color1);
    color: #fff;
}

.btn-02 {
    background: #fff;
    border: 1px solid #dbdbdb;
    color: #191919;
}

.btn-03 {
    color: #446aec;
    border-color: #446aec;
}

.btn-04 {
    color: #fff;
    border-color: #191919;
    background: #191919;
}

.btn-05 {
    color: #191919;
    border: 1px solid #191919;
    background: #fcfcfc;
}

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

.default_chk_box.hide {
    display: none;
}

.default_chk_box label {
    color: var(--color-191919);
    font: var(--text-body16-bold);
}

input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fcfcfc url(../images/design/ico_chk.svg) 0 0 no-repeat;
    background-size: cover !important;
}

input[type=checkbox]:checked {
    background: #fcfcfc url(../images/design/ico_chk_on.svg) 0 0 no-repeat;
}

input[type=checkbox].default_chk {
    background: #fcfcfc url(../images/design/chk_off.png) 0 0 no-repeat;
}

input[type=checkbox].default_chk:checked {
    background: #fcfcfc url(../images/design/chk_on.png) 0 0 no-repeat;
}

.like {
    display: flex;
    align-items: center;
    color: var(--color-222);
    font: var(--text-body14-semi-bold);
}

.like .btn-like {
    transform: translateY(1px);
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/ico_heart.png) 0 0 no-repeat;
    background-size: cover !important;
    font-size: 0;
    color: transparent;
    z-index: 2;
    vertical-align: bottom;
    margin-right: 8px;
}

.like .btn-like.on {
    background: url(/data/icon/goodsdisplay/zzim_on/icon_zzim_on.png) 0 0 no-repeat;
}

/*양쪽나뉘는 리스드*/
.between_list::after {
    content: "";
    display: block;
    clear: both;
}

.between_list .con {
    float: left;
    display: block;
    width: 50%;
}


/* layerpopup */
.btn-sort {
    padding-left: 23px;
    position: relative;
    background: url(../images/design/ico_sort.svg) 0 center no-repeat;
    background-size: 20px;
    font-size: 14px;
}

#dims {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 414px;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.5);
    z-index: 1990;
    display: none;
}

.layer-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 2000;
    display: none;
}

.layer-popup .layer-inner {
    z-index: 1;
}

.layer-popup .layer-inner h3 {
}

.layer-popup .layer-inner .layer-cont {
}

.layer-popup.type-center {
}

.layer-popup.type-center .layer-inner {
    text-align: center;
    background: #dbdbdb;
    border-radius: 10px;
    overflow: hidden;
    width: 70%;
    max-width: 414px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layer-popup.type-center .layer-inner dl {
    padding: 20px;
}

.layer-popup.type-center .layer-inner dt {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.layer-popup.type-center .layer-inner dd {
    font-size: 13px;
    line-height: 16px;
}

.layer-popup.type-center .layer-inner .btn-area {
    border-top: 1px solid #b6b6b8;
}

.layer-popup.type-center .layer-inner .btn-area:after {
    content: "";
    display: block;
    clear: both;
}

.layer-popup.type-center .layer-inner .btn-area > button {
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 600;
    color: #007aff;
}

.layer-popup.type-center .layer-inner .btn-area > button:first-child {
    border-right: 1px solid #b6b6b8;
    font-weight: normal;
}

.layer-export {
    border-radius: 10px;
    width: 70%;
    max-width: 290px;
}

.layer-export .y_scroll_auto2 {
    margin-bottom: 0;
    min-height: auto;
}

.layer-export .y_scroll_auto2 dl {
    padding: 20px;
    text-align: center;
}

.layer-export .y_scroll_auto2 dt {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

.layer-export .y_scroll_auto2 dd {
    font-size: 13px;
    line-height: 16px;
}

.layer-export .y_scroll_auto2 .export_buy_confirm_agree_container {
    padding-bottom: 20px;
}

.layer-export .y_scroll_auto2 .export_buy_confirm_agree_container label {
    display: inline-block;
    margin-left: 5px;
    line-height: 19px;
}

.layer-export .y_scroll_auto2 .export_buy_confirm_agree_container label input {
    vertical-align: top;
}

.layer-export .btn-area {
    border-top: 1px solid #b6b6b8;
}

.layer-export .btn-area:after {
    content: "";
    display: block;
    clear: both;
}

.layer-export .btn-area > button {
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 600;
    color: #007aff;
}

.layer-export .btn-area > button:first-child {
    border-right: 1px solid #b6b6b8;
    font-weight: normal;
}

.layer-popup.type-full {
}

.layer-popup.type-full .layer-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0;
}

.layer-popup.type-full .layer-inner .title-next-box {
    padding-top: 60px;
}

.layer-popup.type-btm1 {
}

.layer-popup.type-btm1 .layer-inner {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: #fff;
    padding: 20px 0;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    max-width: 768px;

}

.layer-popup.type-btm1 .layer-inner h3 {
    padding: 0 6.5%;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.layer-popup.type-btm1 .layer-inner .sort-list li {
    position: relative;
    border-top: 1px solid #ededed;
}

.layer-popup.type-btm1 .layer-inner .sort-list li:first-child {
    border: 0;
}

.layer-popup.type-btm1 .layer-inner .sort-list li a {
    display: block;
    padding: 10px 6.5%;
    font-size: 14px;
}

.layer-popup.type-btm1 .layer-inner .sort-list li a.on {
    font-weight: bold;
}

.layer-popup.type-btm1 .layer-inner .sort-list li a.on:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/design/ico_sort.jpg) 0 0 no-repeat;
    position: absolute;
    top: 48%;
    right: 6.5%;
    transform: translateY(-51%);
}

.layer-popup.type-btm1.type2 .layer-inner {
    padding: 70px 24px 24px;
    max-width: 768px;
    width: 100%;
}

.layer-popup.type-btm1.type2 .layer-inner h3 {
    font-size: 18px;
    margin-bottom: 10px;
    padding: 0;
}

.layer-popup.type-btm1.type2 .layer-inner ul {
    margin-bottom: 40px;
}

.layer-popup.type-btm1.type2 .layer-inner ul li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.layer-popup.type-btm1.type2 .layer-inner ul li input {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.layer-popup.type-btm1.type2 .layer-inner ul li label {
    display: block;
    font-size: 16px;
}

.layer-popup.type-btm1.type2 .ab-btn {
    opacity: 0.6;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
}

.layer-popup.type-btm1.type2.active .ab-btn {
    opacity: 1;
}

.layer-popup.type-btm1.type2 .close {
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: url(../images/design/btn_close1.jpg) center center no-repeat;
    position: absolute;
    top: 25px;
    left: 25px;
}

.layer-popup.type-btm2 {
}

.layer-popup.type-btm2 .layer-inner {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 24px);
    max-width: 414px;
}

.layer-popup.type-btm2 .layer-inner .cho-list li {
    margin-top: 10px;
    border-radius: 8px;
    overflow: hidden;
}

.layer-popup.type-btm2 .layer-inner .cho-list li button {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    background: #f8f8f8;
    text-align: center;
    border-top: 1px solid #ededed;
    width: 100%;
}

.layer-popup.type-btm2 .layer-inner .cho-list li button:first-child {
    border-top: 0;
}

.layer-popup.type-btm2.layer-share .layer-inner {
    padding: 24px;
    box-sizing: border-box;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    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%);
    max-width: 768px;
}

.layer-popup .layer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.layer-popup.type-btm2.layer-share .layer-inner h3 {
    color: var(--color-333);
    font: var(--text-subtitle20-semi-bold);
}

.layer-popup.type-btm2.layer-share .layer-inner .close {
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: url(../images/design/btn_close1.jpg) center center no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.layer-popup.type-btm2 .layer-inner .share-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.layer-popup.type-btm2 .layer-inner .share-list li button {
    display: block;
    font-size: 12px;
    color: #6d7385;
    text-align: center;
}

.layer-popup.type-btm2 .layer-inner .share-list li button:before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto 5px auto;
}

.layer-popup.type-btm2 .layer-inner .share-list li.kakao button:before {
    background: url(../images/design/btn_share_kakao.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.kakao-s button:before {
    background: url(../images/design/btn_share_kakaostory.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.line button:before {
    background: url(../images/design/btn_share_line.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.sms button:before {
    background: url(../images/design/btn_share_sms.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.facebook button:before {
    background: url(../images/design/btn_share_facebook.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.twitter button:before {
    background: url(../images/design/btn_share_twitter.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.pinter button:before {
    background: url(../images/design/btn_share_pin.svg) 0 0 no-repeat;
}

.layer-popup.type-btm2 .layer-inner .share-list li.url button:before {
    background: url(../images/design/btn_share_url.svg) 0 0 no-repeat;
}

.layer-toast {
    display: none;
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    max-width: 330px;
    background: #191919;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 8px 0;
}

.layer-toast.show {
    display: block;
}

.layer-rp-del {
    display: none;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    box-sizing: border-box;
    transform: translateX(-50%);
    width: 100%;
    max-width: 414px;
    padding: 26px 4%;
    background: #fff;
    border-top: 1px solid #ededed;
    z-index: 2;
}

.layer-rp-del .layer-inner {
}

.layer-rp-del .layer-inner a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #767676;
}

.layer-rp-del.active .layer-inner a {
    color: #000;
}

.layer-popup-etc1 {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 60px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    max-width: 414px;
    height: calc(100% - 60px);
    z-index: 10;
}

.layer-popup-etc1 .layer-inner {
    background: #fcfcfc;
    padding: 0 6.5%;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.layer-popup-etc1 .layer-inner .lately-key {
    position: relative;
    padding: 0 0 20px 0;
}

.layer-popup-etc1 .layer-inner .lately-key dt {
    padding: 10px 0 20px 0;
    font-size: 16px;
    font-weight: bold;
}

.layer-popup-etc1 .layer-inner .lately-key dd .del-all {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 12px;
    color: #446aec;
}

.no_data_area2 {
    border: 0;
    font-size: 12px;
    background-image: none;
}

/* 홈 */

.ht-banner {
    padding: 20px 6.5%;
}

.ht-banner a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.ht-banner a img {
    width: 100% !important;
    height: auto;
}

.toast-new-feed {
    position: fixed;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
    height: 30px;
    border-radius: 30px;
    box-sizing: border-box;
    background: #446aec;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px 0;
    z-index: 2;
}

.toast-new-feed:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/design/arr_new.svg) 0 0 no-repeat;
    transform: translateY(2px);
    margin-right: 2px;
}

.toast-new-feed:hover {
    cursor: pointer;
}

.feed-write-area {
    position: fixed;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    margin-left: 150px;
}

.feed-write-area.on {
    width: 100%;
    height: 100%;
    bottom: 0;
    max-width: 414px;
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.1);
    margin: 0;
    z-index: 200;
}

.feed-write-area .btn-feed {
    display: block;
    width: 68px;
    height: 68px;
    background: url(../images/design/btn_mwrite.svg) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    opacity: 1;
}

.feed-write-area.on .btn-feed {
    opacity: 0;
    width: 0;
    height: 0;
}

.feed-write-area .write-btn-area {
    position: absolute;
    bottom: 0;
    right: 40px;
    transform: rotate(180deg);
    transition: all ease-in 0.3s;
}

.feed-write-area .write-btn-area a {
    display: block;
    position: absolute;
    border-radius: 100%;
    font-size: 0;
    line-height: 0;
    color: transparent;
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.feed-write-area .write-btn-area a.btn-write {
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    background: #456aec url(../images/design/ico_write.svg) center center no-repeat;
    transition: all ease-in 0.3s 0.2s;
}

.feed-write-area .write-btn-area a.btn-ads {
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    background: #456aec url(../images/design/ico_write2.svg) center center no-repeat;
    transition: all ease-in 0.3s 0.1s;
}

.feed-write-area .write-btn-area a.close {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    background: #fff url(../images/design/btn_mwrite.svg) 0 0 no-repeat;
    background-size: cover;
    transition: all ease-in 0.3s;
}

.feed-write-area.on .write-btn-area {
    transform: rotate(0);
}

.feed-write-area.on .write-btn-area a.btn-write {
    width: 68px;
    height: 68px;
    bottom: 140px;
    right: 0;
}

.feed-write-area.on .write-btn-area a.btn-ads {
    width: 68px;
    height: 68px;
    bottom: 70px;
    right: 70px;
}

.feed-write-area.on .write-btn-area a.close {
    bottom: 90px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: #fff url(../images/design/ico_write3.svg) center center no-repeat;
    background-size: 16px;
}

.post-list {
    padding: 24px 0 0;
}

.post-list > li {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.post-list > li:first-child {
    border-top: 0;
}

.post-list > li .post-top {
    position: relative;
}

.post-list > li .post-top .profile {
    position: relative;
    padding: 10px 0 10px 50px;
    /*height: 42px;*/
    box-sizing: border-box;
}

.post-list > li .post-top .profile .photo {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 42px;
    height: 42px;
    transform: translateY(-50%);;
}

.post-list > li .post-top .post-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.post-list > li .post-top .profile .photo > span {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid var(--color-f8f8f8);
    overflow: hidden;
}

.post-list > li .post-top .profile .photo > span img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.post-list > li.teens .post-top .profile .photo > span {
    border-color: #4871f4;
}

.post-list > li.teens .post-top .profile .photo:before {

}

.post-list > li.ads .post-top .profile .photo:before {

}

.post-list > li .post-top .profile .name {
    color: var(--color-333);
    font: var(--text-body14-bold);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: calc(100% - 36px);
    width: auto;
}

.post-list > li .post-top .profile .date {
    color: var(--color-999);
    font: var(--text-caption-regular);
    display: block;
    margin-top: 2px;
}

.post-list > li .post-top .profile .btn-add-logo {
    float: right;
    position: relative;
}

.post-list > li .post-top .profile .btn-add-logo input {
    width: 1px;
    height: 1px;
    opacity: 0;
}

.post-list > li .post-top .profile .btn-add-logo label {
    font-size: 12px;
    color: #446aec;
}

.secret_ico {
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    width: 18px;
    height: 18px;
    background: url(../images/common/ico_lock.png) no-repeat center center;
    background-size: contain;
}

.post-list > li .post-top .btn-h-more {
    position: absolute;
    top: 50%;
    right: 64px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}

.post-list > li .post-top .btn-h-more > span {
    display: block;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 18px;
    height: 18px;
    background: url(../images/design/ico_p_more.svg) 50% 50% no-repeat;
}

/*
.post-list>li .post-top .layer-h-more {position:absolute;top:60%;right:6%;background:#fff;border-radius:5px;padding:5px;-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.15);box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.15);}
.post-list>li .post-top .layer-h-more ul li a {font-size:10px;}*/
.post-list > li .post-cont {
}

.post-list > li .post-cont .cont {

}

.post-list > li .post-cont .cont .cont-inner {
    /*padding: 10px 0 8px;*/
    color: var(--color-191919);
    font: var(--text-body18-regular);

}


.post-list > li .post-cont .cont .btn-c-more {
    position: absolute;
    font: var(--text-caption-regular);
    bottom: 3px;
    right: 64px;
    padding-left: 20px;
    color: #767676;
    display: inline-block;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.post-list > li .post-cont .cont .cont-inner.on + .btn-c-more {
    transform: translateY(18px);
    background: #fff;
}

.post-list > li .post-btm {
    display: flex;
    align-items: center;
    padding-bottom: 22px;
}

.post-list > li .post-btm .reply {
    display: inline-block;
    margin-left: 30px;
}

.post-list > li .post-btm .reply .go-reply {
    display: flex;
    align-items: center;
    color: var(--color-222);
    font: var(--text-body14-semi-bold);
}

.post-list > li .post-btm .reply .go-reply:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/design/ico_reply.png) center no-repeat;
    background-size: contain;
    font-size: 0;
    color: transparent;
    z-index: 2;
    vertical-align: middle;
    margin-right: 10px;
}

.post-list > li .post-btm .f-right {
    margin-left: auto;
}

.post-list > li .post-btm .btn-share {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/design/ico_share.png) 0 0 no-repeat;
    background-size: cover !important;
    font-size: 0;
    color: transparent;
    z-index: 2;
    vertical-align: bottom;
    margin-right: 5px;
}

.post-list > li .post-btm .btn-book {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/design/ico_bookmark.png) 0 0 no-repeat;
    background-size: cover !important;
    font-size: 0;
    color: transparent;
    z-index: 2;
    vertical-align: bottom;
}

.post-list > li .post-btm .btn-book.on {
    background: url(../images/design/ico_bookmark_on.svg) 0 0 no-repeat;
}

/*게시물 tag*/
.post-list > li .post-cont .cont_tag {

}

.post-list > li .post-cont .cont_tag .tag {
    display: inline-block;
    padding: 0 4px 0 0;
    color: #446aec;
}

.post-list > li .post-cont .cont_tag .tag a {
    color: var(--primary-color2);
    font: var(--text-body18-semi-bold)
}

/* 게시물 swiper */
.post-list > li .post-cont .cont-img {
    padding-top: 12px;
    padding-bottom: 5px;
    position: relative;
}

.ranking_notice {
    padding-bottom: 30px;
    border-bottom: 1px solid #EDEDED;
}

.ranking_notice + .container_inner {
    padding-top: 0;
}

.ranking_notice .ranking_info {
    padding: 16px 24px;
    border-radius: 16px;
    background-color: var(--color-second);
    font: var(--text-body16-bold);
    color: var(--color-222);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ranking_notice .ranking_info .rank_txt {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ranking_notice .ranking_info .rank_txt .bold_txt {
    font: var(--text-body19-bold);
    color: var(--color-222)
}

.ranking_notice .ranking_info:before {
    content: '';
    width: 104px;
    height: 104px;
    background: url("../images/common/ico_noti.png") no-repeat center center;
    background-size: contain;
}

.post-list > li .post-cont .ranking_badge {
    background: url(../images/common/Icon_Medal-Gold.png) no-repeat center center;
    width: 80px;
    height: 61px;
    background-size: contain;
    /* padding: 15px 0 4px; */
    position: absolute;
    top: 16px;
    left: 9.5%;
    display: block;
    z-index: 2;
    text-align: center;
    font: var(--text-subtitle24-bold);
    color: var(--color-000);
    line-height: 48px;
}

.post-slide .ranking_badge {

}

.post-slide .swiper-slide .img {
    position: relative;
    padding-top: 100%;
    transform: scale(0.92);
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    border-radius: 4px;
}

.post-slide .swiper-slide .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 4px;
}

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


.post-slide .swiper-slide .img .go-pro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 20px;
    font-size: 14px;
    color: #fff;
    background: #446aec;
    border-radius: 0 0 2px 2px;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.post-slide .swiper-slide .img .go-pro:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_arr1.svg) 0 0 no-repeat;
    background-size: cover !important;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.post-slide .swiper-slide.swiper-slide-duplicate-active .img .go-pro,
.post-slide .swiper-slide.swiper-slide-active .img .go-pro {
    opacity: 1;
}

.post-slide .swiper-pagination {
    width: 100%;
    text-align: center;
    position: static;
}

.post-slide .swiper-pagination.page-dot {
    padding: 16px 0;
}

.post-slide .swiper-pagination.page-dot .swiper-pagination-bullet {
    font-size: 0;
    color: transparent;
    line-height: 6px;
    width: 6px;
    height: 6px;
    margin: 0 2px;
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
    background: var(--color-aaa);
    opacity: 1;
}

.post-slide .swiper-pagination.page-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    background: var(--primary-color2);
}

.feed-write {
    position: relative;
}

.feed-write .post-list > li {
    border: 0;
}

.feed-write .post-list > li .post-top .profile {
    padding-left: 50px;
    padding-top: 12px;
}

.feed-write .post-list > li .post-cont .cont {
    padding: 4px 0;
}

.feed-write .post-list > li .post-cont .cont .ads-warn {
    font-size: 11px;
    text-align: left;
    color: #767676;
}

.feed-write .post-list > li .post-cont .cont textarea {
    border: 0;
    font-size: 14px;
    line-height: 20px;
    height: 34.2vh;
    overflow-y: auto;
    padding: 10px;
}

.feed-write .post-list > li .post-cont .cont textarea::placeholder {
    font-size: 14px;
    color: #858585;
}

.feed-write .post-list > li .post-cont .cont textarea:focus {
    outline: none;
}

.feed-write .ads-apply .post-list > li .post-cont .attach-wrap {
    padding: 0;
}

.attach-wrap dt {
    padding-bottom: 4px;
    color: #191919;
    font: var(--text-body16-bold);
    display: flex;
    align-items: center;
    gap: 3px;
}

.attach-wrap dt .count {
    display: flex;
    align-items: center;
    gap: 2px;
    font: var(--text-caption-regular);

}

.attach-wrap dt .count span {
    font: var(--text-caption-regular);
    color: #446aec;
}

.attach-wrap dd {
    position: relative;

}

.attach-wrap dd .btn-add {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
    font-size: 0;
    line-height: 0;
}

.attach-wrap dd .btn-add input {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.attach-wrap dd .btn-add label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: var(--primary-color2) url(../images/design/ico_add.png) center center no-repeat;
}


.attach-wrap dd .attach-list ul {
    height: initial !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.attach-list .mb8 {
    margin-bottom: 8px;
}

.attach-wrap dd .attach-list ul li {
    display: inline-block;
    width: 20%;
    aspect-ratio: 1/1;
    margin-left: 1px;
    box-sizing: border-box;
}

.attach-wrap dd .attach-list ul li:first-child {
    border: none;
}

.attach-wrap dd .attach-list ul li a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.attach-wrap dd .attach-list ul li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}


.attach-wrap dd .attach-list ul li a:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/design/btn_del2.png) center center no-repeat;
    position: absolute;
    background-size: contain;
    top: 7px;
    right: 7px;
    z-index: 2;
}

.feed-write .post-list > li .post-cont .htag-area {
    padding-top: 32px;
    padding-bottom: 32px;
}

.feed-write .post-list > li .post-cont .htag-area textarea {
    border: 1px solid var(--color-ddd);
    border-radius: 4px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 38px;
    height: 38px;
    resize: none;
}

.feed-write .post-list > li .post-cont .htag-area textarea::placeholder {
    font-size: 12px;
}

.feed-write .up-post {
    position: absolute;
    top: -40px;
    right: 6.5%;
    font-size: 14px;
    color: #446aec;
    z-index: 201;
}

.ads-apply {
    padding: 10px 6.5%;
}

.ads-apply dt {
    padding: 10px 0 5px 0;
    font-size: 12px;
}

.ads-apply > .tx-wrap {
    margin-top: 10px;
}

.ip-wrap {
    position: relative;
}

.ip-wrap .btn-reset {
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(../images/design/btn_ip_reset.svg) center center no-repeat;
    font-size: 0;
    line-height: 0;
    transform: translateY(-50%);
}

.tx-wrap .btn-reset {
    display: none;
    top: 20px;
    transform: translateY(0);
}

.ip-wrap .btn-show-pw {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(../images/design/btn_eye.svg) center center no-repeat;
    font-size: 0;
    line-height: 0;
    transform: translateY(-50%);
}

.ip-wrap .btn-show-pw.shown {
    background: url(../images/design/btn_eye2.svg) center center no-repeat;
}


input[type=text],
input[type=password] {
    height: 42px;
    width: 100%;
    padding: 13px 45px 13px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    min-height: 1rem;
    resize: none;
    max-height: 4rem;
    overflow-y: auto;
}

input[type=text].error,
input[type=password].error {
    border-color: #eb5335;
}

input[type=text]:placeholder,
input[type=password]:placeholder {
    font-size: 14px;
}

input.ip-cst {
    height: 42px;
    width: 100%;
    padding: 0 45px 0 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}

input.ip-cst.error {
    border-color: #eb5335;
}

input.ip-cst:placeholder {
    font-size: 14px;
}

textarea {
    height: 150px;
    width: 100%;
    padding: 20px 45px 20px 12px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dbdbdb;;
    border-radius: 3px;
    resize: none;
}

textarea:placeholder {
    font-size: 14px;
}

textarea:focus {
    outline: none;
}

.chk_radio {
    position: absolute;
    right: 6.5%;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 12px;
    border-radius: 50em;
    border: 1px solid #ededed;
    background-color: #ededed;
    transition: all 0.2s;
    box-sizing: border-box;
}

.chk_radio::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    transition: all 0.2s;
}

input:checked + .chk_radio {
    background-color: #191919;
    border-color: #191919;
}

input:checked + .chk_radio::before {
    left: calc(100% - 10px);
}

.ads-apply dd .ip-wrap input.ip-cst { /*padding-right:45px;*/
}

.ads-apply dd .autosize textarea {
    height: 42px;
    width: 100%;
    padding: 10px 45px 10px 12px;
    line-height: 1rem;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    min-height: 1rem;
    resize: none;
    max-height: 4rem;
    overflow-y: auto;
}

.err-msg {
    font-size: 12px;
    color: #e61503;
    margin-top: 5px;
    display: none;
    text-align: left;
}

.ads-apply .ads-noti {
    font-size: 12px;
    line-height: 18px;
    margin: 20px 0 30px 0;
}

.ads-apply .ab-btn {
    opacity: 0.6;
}

.ads-apply.active .ab-btn {
    opacity: 1;
}

.ads-apply .ip-ads.txarea {
    height: 160px;
}

.ads-apply .check_box {
    margin: 0 0 24px;
}

.ads-apply .check_box input {
    position: relative;
    width: 12px;
    height: 12px;
    border: 2px solid #191919;
    border-radius: 1px;
    background: none;
    vertical-align: -2px;
}

.ads-apply .check_box input[type=checkbox]:checked {
    background-image: url(../images/design/ico_chk_squ.svg);
    border: 0;
}

.ads-apply .check_box label {
    font-size: 10px;
}

.ads-apply .check_box label a {
    text-decoration: underline;
}

/* 덧글 */
.reply-area {
    padding-top: 32px;
    padding-bottom: 187px;
}

.reply-area .btn-all-rp {
    color: var(--color-999);
    font: var(--text-body14-regular);
}

.reply-area .reply-top {
}

.reply-area .reply-top dl {
    display: inline-block;
    font-size: 16px;
}

.reply-area .reply-top dl dt {
    display: inline-block;
}

.reply-area .reply-top dl dd {
    display: inline-block;
    color: #767676;
}

.btn-sort {
    float: right;
}

.reply-area .reply-list li .rp-area img:not(.names img) {
    width: 14px;
    vertical-align: -4px;
}

.reply-area .reply-list > li {
    position: relative;
    padding: 0 40px;
    margin-top: 16px;
}

.reply-area .reply-list > li input[type=checkbox] {
    position: absolute;
    top: 17px;
    right: -2px;
    z-index: 1;
    display: none;
}

.reply-area.delete-rp .reply-list > li input[type=checkbox] {
    display: block;
}

.reply-area .reply-list > li .img {
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-f8f8f8);
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.reply-area .reply-list > li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

.reply-area .reply-list > li .rp-area {
}

.reply-area .reply-list > li .rp-area .nick {
    color: var(--color-222);
    font: var(--text-caption-regular);
    margin-bottom: 8px;
}

.reply-area .reply-list > li .rp-area .names {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-333);
    font: var(--text-body14-bold);
}

.reply-area .reply-list > li .rp-area .nick span {
    font-size: 10px;
    font-weight: normal;
    color: #767676;
    display: inline-block;
    margin-left: 5px;
}

.reply-area .reply-list > li .rp-area .rp-cont {
    text-align: right;
    position: relative;
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    max-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner.on {
    max-height: none;
    overflow: visible;
    text-overflow: unset;
    -webkit-line-clamp: unset;
}

.reply-area .reply-list > li .rp-area .rp-cont .btn-c-more2 {
    font-size: 10px;
    padding: 1px 0 1px 20px;
    color: #767676;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner.on + .btn-c-more2 {
    position: static;
    background: #fff;
}

.reply-area .reply-list > li .rp-area .like {
    position: absolute;
    top: -4px;
    right: -30px;
}

.reply-area .reply-list > li .rp-area .like .btn-like {

    width: 16px;
    height: 16px;
    margin-right: 0;
}

.reply-area .reply-list > li .rp-area .rp-info {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: 2px;
}

.reply-area .reply-list > li .rp-area .rp-info > div {
    display: inline-block;
    font-size: 10px;
    color: #767676;
    margin-right: 8px;
}

.reply-area .reply-list > li .rp-area .rp-info > div a {
    font-size: 10px;
    color: #767676;
}

.reply-area .reply-list > li .rp-area .more-rp-area { /*margin-top:-15px;*/
}

.reply-area .reply-list > li .rp-area .more-rp-area .btn-view-arp {
    display: inline-block;
    color: #446aec;
    font-size: 10px;
    padding: 5px 10px;
}

.reply-area .reply-list > li .rp-area .more-rp-area .reply-list {
    display: none;
}

.reply-area .reply-list > li .rp-area .more-rp-area .reply-list > li {
    margin-top: 10px;
    padding-right: 0;
}

.reply-area .reply-list > li .rp-area .more-rp-area .reply-list > li input[type=checkbox] {
    right: -32px;
}

.reply-area .reply-list > li .rp-area .more-rp-area .btn-view-arp.on + .reply-list {
    display: block;
}

.reply-area .write-rp-area {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    box-sizing: border-box;
    transform: translateX(-50%);
    width: 100%;
    max-width: 414px;
    background: #fcfcfc;
    border-top: 1px solid #ededed;
    z-index: 1;
}

.reply-area .write-rp-area .emoticon {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 6.5% 10px 6.5%;
}

.reply-area .write-rp-area .emoticon ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.reply-area .write-rp-area .emoticon ul li {
    display: table-cell;
    width: 12.5%;
    text-align: center;
}

.reply-area .write-rp-area .emoticon ul li a {
    display: block;
    width: 100%;
    text-align: center;
}

.reply-area .write-rp-area .emoticon img {
    width: 23px;
    height: 29px;
}

.reply-area .write-rp-area .emo-rp-box {
    position: relative;
    box-sizing: border-box;
    padding: 0 26px 20px 65px;
}

.reply-area .write-rp-area .img {
    position: absolute;
    top: 0;
    left: 6.5%;
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 100%;
    overflow: hidden;
}

.reply-area .write-rp-area .entm-wrap {
    position: relative;
    border: 1px solid #dbdbdb;
    border-radius: 14px;
    font-size: 14px;
    padding: 4px 10px;
    width: 93.5%;
}

.reply-area .write-rp-area .entm-wrap .entm-box {
    width: calc(100% - 30px);
}

.reply-area .write-rp-area .entm-wrap .entm-box img {
    width: 18px;
}

.reply-area .write-rp-area textarea {
    border: 0;
    height: 20px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    min-height: 1rem;
    resize: none;
    max-height: 4rem;
    overflow-y: auto;
}

.reply-area .write-rp-area textarea::placeholder {
    font-size: 12px;
    color: #858585;
}

.reply-area .write-rp-area textarea:focus {
    outline: none;
}

.reply-area .write-rp-area button {
    width: 30px;
    position: absolute;
    top: 0;
    right: 8px;
    text-align: center;
    line-height: 28px;
    height: 28px;
    color: #446aec;
    font-size: 12px;
}

@media all and (max-width: 415px) {
    .reply-area .write-rp-area {
        padding: 20px 6.5% 20px calc(6.5% + 35px);
    }
}

.reply-view .reply-area .reply-list > li .img {
    width: 30px;
    height: 30px;
}

.reply-view .reply-area .reply-list > li {
    padding-left: 36px;
}

/* 검색 ##*/

.search-area .search-inner .search-box {
    position: relative;
    z-index: 200;
    width: calc(100% - 48px);
    margin: 24px auto;
}

.ms-search .search-inner .search-box p {
    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);
}

.ms-search .search-inner .search-box .search_btn {
    background: url(../images/design_resp/icon_search.png) 50% 50% no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    border: none;
}


.ms-search .search-inner .search-box .search_label {
    width: calc(100% - 24px);
    display: flex;
    align-items: center;
    margin: 0;
}

.ms-search .search-inner .search-box .search_label:before {
    content: '';
    width: 1px;
    height: 16px;
    display: block;
    margin: 0 20px;
    background: var(--color-purple);
}

.search-area .search-inner .search-box input[type=search] {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    vertical-align: middle;
    line-height: 32px;
}

.search-area .search-inner .search-box input[type=search]::placeholder {
    font: var(--text-body16-regular);
    color: var(--color-ccc)
}

.search-area .search-inner .search-box input[type=search]:focus {
    outline: none;
}

.search-area .tabs {

    display: flex;
    align-items: center;
    padding-top: 56px;
}

.search-area .tabs li {
    width: 25%;
}

.search-area .tabs li a {
    display: block;
    text-align: center;
    color: var(--color-767676);
    font: var(--text-body18-regular);
    border-bottom: 1px solid var(--color-ddd);
    padding: var(--mp-8) 0 var(--mp-16);
}

.search-area .tabs li a.active {
    color: var(--primary-color2);
    border-color: var(--primary-color2);
    border-bottom-width: 2px;
    font: var(--text-body18-semi-bold);
}

.search-area .tab-cont > div dl {
    margin: 40px 0
}


.search-area .tab-cont > div > dl > dt {
    color: var(--color-222);
    font: var(--text-subtitle22-semi-bold);
    padding: 0 0 20px


}


.search-area .tab-cont > div > dl > dd ul.keywords {
    display: flex;
    align-items: center;
    gap: 2.6vw;
    flex-wrap: wrap;
}

.search-area .tab-cont > div > dl > dd ul.keywords li {
    width: 100%;
    /* min-width: 130px; */
    flex: 1 1 130px;
    max-width: 215px;
}

.search-area .tab-cont > div > dl > dd ul.keywords li div {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.search-area .tab-cont > div > dl > dd ul.keywords li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
}

.search-area .tab-cont > div > dl > dd ul.keywords li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.search-area .tab-cont > div > dl > dd ul.keywords li a img {
    width: 100%;
    object-position: center;
}

.search-area .tab-cont > .hotkey > dl > dd a span:not(.search-area .tab-cont > .hotkey .hot-product a span,.search-area .tab-cont > .hotkey .hot-nick a span) {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    font: var(--text-body14-bold);
    color: var(--color-fff)
}

.search-area .tab-cont > div > dl > dd ul.tags li {
    width: 21.5%;
    max-width: 143px;
}

.search-area .tab-cont > div > dl > dd ul.tags li div {
}

.search-area .tab-cont > div > dl > dd ul.tags li a {
    display: block;
    position: relative;
    padding: 1px;
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    aspect-ratio: 1/1;
}

.search-area .tab-cont > div > dl > dd ul.tags li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    border-radius: 100%;
}


.search-area .tab-cont .hotkey-result li {
    float: left;
    margin-bottom: 6px;
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+1) {
    width: calc(30% - 4px);
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+2),
.search-area .tab-cont .hotkey-result li:nth-child(6n+5),
.search-area .tab-cont .hotkey-result li:nth-child(6n+6) {
    width: calc(30% - 4px);
    margin-left: 6px;
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+3) {
    width: calc(40% - 4px);
    margin-left: 6px;
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+4) {
    width: calc(40% - 4px);
    margin-bottom: -1px;
}

.search-area .tab-cont .hotkey-result li a {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.search-area .tab-cont .hotkey-result li a .img {
    display: block;
    position: relative;
    width: 100%;
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+1) .img,
.search-area .tab-cont .hotkey-result li:nth-child(6n+2) .img,
.search-area .tab-cont .hotkey-result li:nth-child(6n+5) .img,
.search-area .tab-cont .hotkey-result li:nth-child(6n+6) .img {
    padding-top: 100%;
}

.search-area .tab-cont .hotkey-result li:nth-child(6n+3) .img,
.search-area .tab-cont .hotkey-result li:nth-child(6n+4) .img {
    padding-top: 75%;
}

.search-area .tab-cont .hotkey-result li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.search-area .tab-cont .hotkey-result li a .txt {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: #191919;
    color: #fff;
}

.all_search_tab {
    display: flex;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 24px;
}

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

.all_search_tab li:after {
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    background-color: var(--color-ccc);
    margin: 0 24px;
}

.all_search_tab li:last-child:after {
    display: none;
}

.all_search_tab a {
    display: block;
    padding: var(--mp-16);
    color: var(--color-ccc);
    font: var(--text-body16-bold);
}

.all_search_tab li.on a {
    color: var(--color-333);
}

.all_feed_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr );
    gap: 2px;
}

.all_feed_list img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.all_board_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr );
    gap: 20px;
}

.all_board_list a {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.all_board_list a > img {
    flex: 1;
    aspect-ratio: 3/2;
    border-radius: 9px;
    overflow: hidden;
    object-fit: cover;
}

.all_board_list .all_info {
    flex: 1;
}

.all_board_list .all_info .title {
    color: var(--color-222);
    font: var(--text-body16-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    margin-bottom: 8px;
}

.all_board_list .all_info .date {
    color: var(--color-999);
    font: var(--text-caption-regular);
}

.lately-list .profile-wrap {
    background-color: #fcfcfc
}

.profile-wrap > a {
    display: table;
    table-layout: fixed;
}

.profile-wrap > a > span {
    display: table-cell;
}

.profile-wrap > a .photo {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--color-f8f8f8)
}

.profile-wrap > a .photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-wrap > a .name {
    font: var(--text-body18-bold);
    padding-left: 8px;
    vertical-align: middle;
    color: var(--color-333);
}

.search-area .hot-nick {
    padding-right: 0;
}

.search-area .hot-nick li {
    margin-top: 20px;
    position: relative;
    line-height: 30px;
}

.search-area .hot-nick li:first-child {
    margin-top: 0;
}

.search-area .hot-nick li .btn-del {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/design/btn_close.svg) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.search-area .hot-nick.hot-tag li .photo {
    position: relative;
}

.search-area .hot-nick.hot-tag li .photo:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 100%;
}

.search-area .hot-nick.hot-tag li .photo:after {
    content: "#";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.search-area .hot-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
}

.search-area .hot-product li {
}


.search-area .hot-product li a {
    display: block;
}

.search-area .hot-product li a span {
    display: block;
}

.search-area .hot-product li a span.photo {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 16px;
    overflow: hidden;
}

.search-area .hot-product li a span.photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.search-area .hot-product li a span.brand {
    color: var(--color-222);
    font: var(--text-body18-semi-bold)
}

.search-area .class .hot-product li a span.brand {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.search-area .hot-product li a span.title {
    margin: 4px 0;
    color: var(--color-666);
    font: var(--text-body18-regular);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.goods_summary {
    padding: var(--mp-16) 0;
}

.class .goods_summary {
    padding: var(--mp-16) 0 4px 0;
}

.search-area .hot-product .goods_price {
    padding-top: 4px;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}

.search-area .hot-product .goods_price .price {
    font: var(--text-body18-bold);
    color: var(--primary-color2)
}

.search-area .hot-product .goods_price .regular_price {
    order: -1;
    display: block;
    width: 100%;
    font-size: 12px;
    color: var(--color-999);
    text-decoration: line-through;
}

.search-area .hot-product .goods_price .discount {
    font: var(--text-body18-bold);
    color: var(--primary-color3)
}

/* 스토어 */
.store-home {
}

.store-home .store-top-banner .swiper-pagination {
    opacity: 1;
    left: auto;
    width: auto;
    right: 3%;
    padding: 2px 7px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
}

.store-home .store-top-banner .swiper-slide img {
    width: 100% !important;
}

.store-home .ht-banner {
    padding: 15px 6.5%;
}

.store-home .ht-banner img {
    width: 100%;
}

.store-home .ht-banner img.landscape {
    width: 100% !important;
    height: 60px !important;
}

.store-home .mstore-wrap {
    padding: 0 0 0 6.5%;
    border-bottom: 10px solid #f8f8fa;
}

.store-home .mstore-wrap dt {
    position: relative;
}

.store-home .mstore-wrap dt h3 {
    display: inline-block;
    width: calc(100% - 22px);
    padding: 20px 0 12px 0;
    font-size: 16px;
    font-weight: bold;
}

.store-home .mstore-wrap dt h3 > span {
    display: inline-block;
    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store-home .mstore-wrap dt h3:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_store1.png) 0 0 no-repeat;
    background-size: cover !important;
    vertical-align: top;
    margin-left: 2px;
}

.store-home .mstore-wrap.mstore-hot dt h3:after {
    background: url(../images/design/ico_store2.png) 0 0 no-repeat;
}

.store-home .mstore-wrap dt a {
    position: absolute;
    top: 25px;
    right: 6.5%;
    width: 16px;
    height: 10px;
    background: url(../images/design/arr_common.svg) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
}

.store-home .mstore-wrap dd {
    position: relative;
    padding-bottom: 65px;
}

.store-home .mstore-wrap dd .pg-wrap {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.store-home .mstore-wrap dd .pg-wrap .swiper-button-next,
.store-home .mstore-wrap dd .pg-wrap .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/design/btn_slide.svg) 0 0 no-repeat;
    z-index: 2;
}

.store-home .mstore-wrap dd .pg-wrap .swiper-button-next {
    transform: rotate(180deg);
}

.store-home .mstore-wrap dd .pg-wrap .swiper-button-next:after,
.store-home .mstore-wrap dd .pg-wrap .swiper-button-prev:after {
    display: none;
}

.store-home .mstore-wrap dd .pg-wrap .swiper-pagination {
    opacity: 1;
    position: static;
    display: inline-block;
    width: auto;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin: 0 20px;
    vertical-align: super;
}

.store-home .mstore-wrap dd .pg-wrap .swiper-pagination .swiper-pagination-current {
    color: #446aec;
}

.ms-pro {
    overflow: hidden;
    position: static;
}

.ms-pro ul li {
    position: relative;
    float: left;
    width: calc(50% - 3px);
    margin-bottom: 14px;
}

.ms-pro ul li .rank {
    width: 30px;
    height: 30px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    z-index: 1;
}

.ms-pro ul li .tag-fund {
    padding: 2px 5px 3px 5px;
    border-radius: 3px;
    background: #446aec;
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 10px;
    color: #fff;
    z-index: 1;
}

.ms-pro ul li {
    float: left;
    width: calc(50% - 3px);
    margin-left: 6px;
}

.ms-pro ul li:nth-child(odd) {
    margin-left: 0;
}

.store-home .mstore-wrap.mstore-fund {
    padding: 0;
}

.store-home .mstore-wrap.mstore-fund dt {
    padding: 0 0 0 6.5%;
}

.store-home .mstore-wrap.mstore-fund dd .ms-pro {
    padding: 0 6.5%;
}

.store-home .mstore-wrap.mstore-fund dd .ms-pro ul li {
    margin-left: 0;
}

.ms-pro ul li a {
    display: block;
}

.ms-pro span {
    display: block;
}

.ms-pro .img {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 2px;
}

.ms-pro .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    height: 100%;
    max-width: none;
    border-radius: 2px;
}

.ms-pro .info {
    font-size: 12px;
}

.ms-pro .info .brand {
    margin: 6px 0 0 0;
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ms-pro .info .title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 2px 0 1px 0;
}

.ms-pro .info .price > span {
    font-family: 'Roboto';
    display: inline-block;
}

.ms-pro .info .price .per {
    font-size: 16px;
    font-weight: bold;
    color: #0438e0;
}

.ms-pro .info .price .prc {
    font-size: 16px;
    font-weight: bold;
    color: #020202;
}

.ms-pro .info .price .strike {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

.store-home .mstore-wrap.mstore-new dt h3 {
    padding-top: 5px;
}

.store-home .mstore-wrap.mstore-new dt a {
    top: 15px;
}

.store-home .mstore-wrap.mstore-new dd {
    padding-right: 6.5%;
}

.store-home .mstore-wrap.mstore-hot dd {
    padding-right: 6.5%;
}

.store-home .mstore-wrap.mstore-new dd {
    padding-right: 6.5%;
}

.store-home .mstore-wrap.mstore-fund dd {
    padding-bottom: 20px;
}

.store-home .mstore-wrap.mstore-teens {
    padding: 0;
}

.store-home .mstore-wrap.mstore-teens dt {
    padding: 0 0 0 6.5%;
}

.store-home .mstore-wrap.mstore-teens dd {
    padding-bottom: 20px;
}

.store-home .mstore-wrap.mstore-teens dd .ms-pro {
    padding: 0 6.5%;
}

.store-home .mstore-wrap.mstore-teens dd .ms-pro .swiper-slide {
    width: 60px;
    margin: 0;
    text-align: center;
}

.store-home .mstore-wrap.mstore-teens dd .ms-pro .img {
    border-radius: 100%;
    box-sizing: border-box;
    border: 1px solid #4c70ec;
}

.store-home .mstore-wrap.mstore-teens dd .ms-pro .img:before {
    content: "";
    display: block;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 100%;
}

.store-home .mstore-wrap.mstore-teens dd .ms-pro .name {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-home .mstore-wrap.mstore-pro dd {
    padding: 20px 6.5% 0 0;
    border-bottom: 0;
}

.store-wrap.store-home .mstore-wrap.mstore-new dt h3 {
    padding-top: 20px;
}

/* 로그인 */
.cus-wrap {
    padding: 0 6.5% 80px 6.5%;
}

.cus-wrap .title_container3 {
    z-index: 1;
    padding: 0;
    margin: 0;
    height: 60px;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 414px;
    transform: translateX(-50%);
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.cus-wrap .title_container3.no-sd {
    box-shadow: none;
}

.cus-wrap .title_container3 h2 {
    width: calc(100% - 120px);
    margin: 0 auto;
    padding: 18px 0;
    font-size: 20px;
    font-weight: bold;
}

.cus-wrap .title_container3 .btn-log-close {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    background: url(../images/design/btn_close2.svg) center center no-repeat;
}

.cus-wrap .title_container3 .btn-log-close.back {
    background: url(../images/design/btn_back2.svg) center center no-repeat;
}

.login-wrap h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    padding: 50px 0 40px 0;
}

.login-wrap .ip-area li {
    margin-top: 12px;
}

.login-wrap .ip-area li:first-child {
    margin-top: 0;
}

.login-wrap .log-btm {
    padding: 14px 0 30px 0;
}

.login-wrap .log-btm .f-left label {
    display: inline-block;
    padding-left: 3px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: bottom;
}

.login-wrap .log-btm .f-right li {
    position: relative;
    display: inline-block;
    margin-left: 16px;
}

.login-wrap .log-btm .f-right li a {
    font-size: 12px;
    color: #999;
}

.login-wrap .log-btm .f-right li:first-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 9px;
    position: absolute;
    top: 4px;
    right: -10px;
    background: #999;
}

.login-wrap .ab-btn {
    opacity: 0.6
}

.log-wrap.active .ab-btn {
    opacity: 1
}

.login-wrap .sns-login {
    margin: 25px 0 22px 0;
}

.login-wrap .sns-login li {
    float: left;
    width: calc(50% - 4px);
    height: 40px;
    margin-bottom: 8px;
    margin-left: 8px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    text-align: center;
    padding-top: 10px;
    border-radius: 4px;
}

.login-wrap .sns-login li:nth-child(odd) {
    margin-left: 0;
}

.login-wrap .sns-login li > div {
    display: inline-block;
}

.login-wrap .sns-login li > div img {
    margin-top: -3px;
}

.login-wrap .sns-login li > div.sns-title {
    margin-left: 5px;
    font-size: 12px;
    vertical-align: top;
}

.login-wrap .sns-login li.apple {
    float: none;
    width: 100%;
    clear: both;
    border-color: #191919;
    background: #191919;
    color: #fff;
}

.login-wrap .sns-login li.apple img {
    width: 20px;
    height: 20px;
}

.login-wrap .go-join {
    font-size: 12px;
    text-align: center;
    color: #767676;
}

.login-wrap .go-join a {
    display: inline-block;
    margin-left: 6px;
    color: #446aec;
}

.find-wrap .find-area {
}

.find-wrap .find-area .id-comp dl {
    text-align: center;
    padding: 70px 0;
}

.find-wrap .find-area .id-comp dt {
    font-size: 12px;
    margin-bottom: 25px;
}

.find-wrap .find-area .id-comp dd {
    font-size: 14px;
    font-weight: bold;
}

.find-wrap .find-area .ab-btn {
    margin-bottom: 12px;
}

.find-wrap .find-area .pw-comp {
}

.find-wrap .find-area .pw-comp dl {
    text-align: center;
    padding: 100px 0 70px 0;
}

.find-wrap .find-area .pw-comp dl dt {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

.find-wrap .find-area .pw-comp dl dt:before {
    content: "";
    display: block;
    width: 80px;
    height: 105px;
    margin: 0 auto 12px auto;
    background: url(../images/design/img_key.png) 0 0 no-repeat;
    background-size: cover;
}

.find-wrap .find-area .pw-comp dl dd {
    padding: 12px 0 0 0;
    font-size: 10px;
    line-height: 15px;
    color: #767676;
}

/* 회원가입 */
.join-wrap h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: bold;
    padding: 70px 0;
}

.join-wrap .join-step {
}

.join-wrap .join-step.step-term h3 span:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/design/ico_term_emo1.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: sub;
    margin-left: 5px;
}

.join-wrap .join-step .term {
    margin-bottom: 80px;
}

.join-wrap .join-step .term li {
    position: relative;
    padding-right: 33px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.join-wrap .join-step .term li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #191919;
}

.join-wrap .join-step .term li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 3px;
    left: 0;;
    background: #191919;
}

.join-wrap .join-step .term li:first-child {
    padding-bottom: 20px;
    text-align: right;
    border-bottom: 1px solid #ededed;
}

.join-wrap .join-step .term li input[type=checkbox] {
    position: absolute;
    top: 2px;
    right: 0;
}

.join-wrap .join-step .term li .desc {
    padding: 2px 0 0 0;
    color: #767676;
    font-size: 12px;
    font-weight: normal;
}

.join-wrap .join-step .tabs {
    border-bottom: 1px solid #ededed;
}

.join-wrap .join-step .tabs:after {
    content: "";
    display: block;
    clear: both;
}

.join-wrap .join-step .tabs li {
    float: left;
    width: 50%;
}

.join-wrap .join-step .tabs li a {
    position: relative;
    padding: 10px 0;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #767676;
}

.join-wrap .join-step .tabs li a.on {
    color: #446aec;
    font-weight: bold;
}

.join-wrap .join-step .tabs li a.on:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #446aec;
    position: absolute;
    bottom: 0;
    left: 0;
}

.join-wrap .join-step .term-area {
    padding: 20px 0;
}

.join-wrap .join-step .term-area dt {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.join-wrap .join-step .term-area dd {
    font-size: 12px;
    line-height: 18px;
    color: #767676;
}

.join-wrap .join-step .jip-area {
    padding: 20px 0 210px 0;
}

.join-wrap .join-step .jip-area dt {
    font-size: 18px;
    font-weight: 500;
}

.join-wrap .join-step .jip-area dt .desc {
    font-size: 10px;
    font-weight: normal;
    color: #767676;
    margin-top: 5px;
}

.join-wrap .join-step .jip-area dd {
    margin: 24px 0 0;
}

.join-wrap .join-step.per-cert .jip-area {
    padding: 36px 0 24px 0;
}

.join-wrap .join-step.per-cert .jip-area dd {
    padding: 25px 0 0 0;
    text-align: center;
}

.join-wrap .join-step.per-cert .jip-area img {
    width: 80px;
}

.join-wrap .join-step.per-cert .cer-noti dt {
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    padding-left: 7px;
    position: relative;
    margin: 16px 0 4px 0;
}

.join-wrap .join-step.per-cert .cer-noti dt:before {
    content: "";
    display: block;
    width: 3px;
    height: 1px;
    background: #191919;
    position: absolute;
    top: 6px;
    left: 0;
}

.join-wrap .join-step.per-cert .cer-noti dd ul li {
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    padding-left: 7px;
    position: relative;
    color: #767676;
}

.join-wrap .join-step.per-cert .cer-noti dd ul li:before {
    content: "";
    display: block;
    width: 3px;
    height: 1px;
    background: #767676;
    position: absolute;
    top: 6px;
    left: 0;
}

.ip-wrap .ip-ads {
    height: 42px;
    background: #fff;
    border: 1px solid #dedede;
    box-sizing: border-box;
    padding: 10px;
}

.ip-ads.error {
    border: 1px solid #e61503 !important;
    border-radius: 4px !important;
}

.ip-wrap.type2 .ip-ads {
    width: calc(100% - 80px);
}

.ip-wrap.type2 .btn-reset {
    right: 95px;
}

.ip-wrap.type2 .btn-show-pw {
    right: 95px;
}

.ip-wrap.type2 .ab-btn {
    width: 75px;
    float: right;
}

.ip-wrap + .ip-wrap {
    margin-top: 6px;
}

.ip-wrap.type-cer .time {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    text-align: center;
    font-size: 12px;
    color: #446aec;
    transform: translateY(-50%);
}

.desc-reco {
    display: none;
    font-size: 10px;
    color: #678d12;
    margin-top: 5px;
}

.desc-err {
    display: none;
    font-size: 10px;
    color: #e61503;
    margin-top: 5px;
}

.mem-noti {
    padding-top: 7px;
}

.mem-noti li {
    font-size: 10px;
    color: #999;
    padding-left: 6px;
    position: relative;
    margin-top: 3px;
}

.mem-noti li:before {
    content: "-";
    display: block;
    color: #999;
    position: absolute;
    top: -1px;
    left: 0;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap {
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 25px auto;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .img-profile {
    border-radius: 100%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url(../images/design/img_no_profile.png) center center no-repeat;
    background-size: cover;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .btn-add {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .btn-add input[type=file] {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .btn-add label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .btn-add label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #446aec url(../images/design/btn_add_plus.svg) center center no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 100%;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-intro {
    border-bottom: 1px solid #dbdbdb;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-intro textarea {
    padding: 0 12px;
    resize: none;
    border: 0;
    background: #fff;
    height: 20px;
    line-height: 20px;
    min-height: 1rem;
    max-height: 4rem;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-intro textarea:focus {
    border: 0;
    outline: 0;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-intro.error {
    border-color: #eb5335;
}

.join-wrap .join-comp {
    text-align: center;
    padding: 80px 0 100px 0;
}

.join-wrap .join-comp dt {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}

.join-wrap .join-comp dt:before {
    content: "";
    display: block;
    width: 80px;
    height: 105px;
    margin: 0 auto 15px auto;
    background: url(../images/design/img_join1.png) 0 0 no-repeat;
    background-size: cover;
}

.join-wrap .join-comp dd {
    padding-top: 5px;
    font-size: 10px;
}

.join-wrap .dormant {
    padding: 40px 0;
    text-align: center;
}

.join-wrap .dormant dt {
    font-size: 20px;
    font-weight: bold;
}

.join-wrap .dormant dt:before {
    content: "";
    display: block;
    width: 80px;
    height: 105px;
    margin: 0 auto 15px auto;
    background: url(../images/design/img_lock.png) 0 0 no-repeat;
    background-size: cover;
}

.join-wrap .dormant dd {
    margin-top: 15px;
    font-size: 10px;
}

.join-wrap .dormant dd div {
    margin-top: 10px;
    color: #767676;
}

.join-wrap .dormant dd div + div {
    color: #999;
}

.join-wrap .dormant.type2 {
    padding: 100px 0 70px 0;
}

.join-wrap .dormant.type2 dt:before {
    background: url(../images/design/img_lock2.png) 0 0 no-repeat;
    background-size: cover;
}

.join-wrap .edit-comp dt:before {
    width: 80px;
    height: 80px;
    background: url(../images/design/img_edit_comp.png) 0 0 no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.join-wrap .edit-comp dd {
    color: #767676;
}

/* 상품상세 */
.product-detail #goods_thumbs {
    position: relative;
}

.product-detail #goods_thumbs .mk-thumb {
    position: static;
    padding: 0 0 20px 0;
}

.product-detail #goods_thumbs .mk-thumb .swiper-slide .img {
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
}

.product-detail #goods_thumbs .mk-thumb .swiper-slide .img img {
    border-radius: 0;
}

.product-detail #goods_thumbs .page-thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.product-detail #goods_thumbs .page-thumb .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #ededed;
    margin: 0;
    opacity: 1;
}

.product-detail #goods_thumbs .page-thumb .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #446aec;
}

.product-detail .detail_title_area {
    padding: 10px 6.5%;
}


.product-detail .detail_title_area .profile-wrap > a .name {
    font-size: 12px;
    color: #767676;
    font-weight: normal;
    text-align: left;
    padding: 0 0 0 2px;;
}

.product-detail .detail_title_area .funding {
    padding: 6px 0;
}

.product-detail .deatil_price_area {
    padding: 0 6.5%;
}

.product-detail .deatil_price_area .sale-rate {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #0438e0;
}

.product-detail .deatil_price_area .sale-rate p.inner {
    padding: 0 4px 0 0;
}

.product-detail .deatil_price_area .sale-price {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #020202;
}

.product-detail .deatil_price_area .org-price {
    display: inline-block;
    font-size: 12px;
    color: #767676;
    vertical-align: text-bottom;
}

.product-detail .fund-gage {
    padding: 16px 6.5% 26px 6.5%;
}

.product-detail .fund-gage .fgage-top {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #020202;
}

.product-detail .fund-gage .fgage-top span.exp {
    float: right;
    font-size: 13px;
    font-weight: normal;
    color: #767676;
    margin-top: 1px;
}

.gage-wrap {
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #ededed;
    position: relative;
}

.gage-wrap .gage-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    border-radius: 5px;
    background: #446aec;
}

#goods_spec {
    position: relative;
}

#goods_spec .sns_wish {
    position: absolute;
    top: 10px;
    right: 6.5%;
}

#goods_spec .sns_wish span {
    font-size: 0;
    color: transparent;
}

#goods_spec .sns_wish .snsbox_area {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 50%;
    z-index: 1003;
    width: 414px;
    padding: 10px 12.4px 60px;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    border: 0;
    box-shadow: 0px -3px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%)
}

#goods_spec .sns_wish .snsbox_area .snsbox {
    width: 100%;
    overflow: hidden;
}

#goods_spec .sns_wish .snsbox_area .snsbox li {
    float: left;
    width: 25%;
    margin: 0;
    text-align: center;
    margin: 20px 0 0;
    font-size: 12px;
    color: #191919;
    background-size: 62px 62px;
}

#goods_spec .sns_wish .snsbox_area .snsbox li img {
    margin: 0;
    max-height: 62px;
    height: 62px;
    width: 62px;
    margin: 0 0 5px;
}

/*#goods_spec .sns_wish .snsbox_area .snsbox li:nth-child(1){background: url(../images/design/btn_share_facebook.svg) 0 0 no-repeat;}
#goods_spec .sns_wish .snsbox_area .snsbox li:nth-child(2){background: url(../images/design/btn_share_twitter.svg) 0 0 no-repeat;}
#goods_spec .sns_wish .snsbox_area .snsbox li:nth-child(3){background: url(../images/design/btn_share_kakao.svg) 0 0 no-repeat;}
#goods_spec .sns_wish .snsbox_area .snsbox li:nth-child(4){background: url(../images/design/btn_share_kakaostory.svg) 0 0 no-repeat;}
#goods_spec .sns_wish .snsbox_area .snsbox li:nth-child(5){background: url(../images/design/btn_share_line.svg) 0 0 no-repeat;}*/
#goods_spec .goods_spec_coupon {
    border: 0;
    padding: 16px 6.5%;
    border-bottom: 1px solid #f8f8fa;
}

#goods_spec .goods_spec_coupon .coupon-box {
    display: block;
    border: 1px solid #446aec;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 0;
    color: #446aec;
    line-height: 20px;
}

#goods_spec .goods_spec_coupon .coupon-box span {
    display: none;
}

#goods_spec .goods_spec_coupon .coupon-box:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_coupon_down.svg) 0 0 no-repeat;
    vertical-align: bottom;
    margin-left: 3px;
}

#goods_spec .goods_spec_coupon .coupon-box.disable {
    color: #999;
    border-color: #ededed;
}

#goods_spec .goods_spec_coupon .coupon-box.disable span {
    display: inline;
}

#goods_spec .goods_spec_coupon .coupon-box.disable:after {
    background: url(../images/design/ico_coupon_done.svg) 0 0 no-repeat;
    vertical-align: sub;
}

#couponDownloadDialogId {
    background: #fcfcfc;
}

#couponDownloadDialogId.resp_layer_pop > .title {
    background: #fcfcfc;
}

#couponDownloadDialogId.resp_layer_pop .layer_bottom_btn_area2 {
    display: none;
}

.coupon-layer .coupon-box {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    margin-top: 14px;
}

.coupon-layer .coupon-box > button {
    display: block;
    position: relative;
    padding: 20px 50px 20px 15px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.coupon-layer .coupon-box > button:before {
    content: "";
    display: block;
    width: 37px;
    height: 35px;
    background: url(../images/design/ico_coupon.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.coupon-layer .coupon-box.disabled > button:before {
    background: url(../images/design/ico_coupon_off.svg) 0 0 no-repeat;
}

.coupon-layer .coupon-box:first-child {
    margin: 0;
}

.coupon-layer .coupon-box .title {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 0 16px 0;
}

.coupon-layer .coupon-box.disabled .title {
    color: #767676;
}

.coupon-layer .coupon-box .title-prc {
    font-size: 24px;
    font-weight: bold;
    color: #446aec;
}

.coupon-layer .coupon-box.disabled .title-prc {
    color: #767676;
}

.coupon-layer .coupon-box .limit {
    font-size: 11px;
    color: #767676;
}

.coupon-layer .coupon-box .exp {
    font-size: 11px;
    color: #767676;
}

.goods_spec_sections {
    padding: 4px 6.5%;
    border-top: 1px solid #f8f8fa;
    border-bottom: 1px solid #f8f8fa;
}

.goods-story {
    padding: 15px 0 0 0;
}

.goods-story dt {
    padding: 0 6.5%;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.goods-story dt div {
    font-size: 12px;
    font-weight: normal;
    color: #767676;
    margin-top: 3px;
}

.goods-story dd {
    border-bottom: 6px solid #f8f8fa;
}

.goods-story dd .story-slide {
    padding: 0 6.5% 25px;
}

.goods-story dd .story-slide .swiper-slide {
    width: 120px;
}

.goods-story dd .story-slide .swiper-slide .img {
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 2px;
}

.goods-story dd .story-slide .swiper-slide .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.goods_spec_sections .detail_spec_table > li.th {
    width: 56px;
}

.goods_cont_wrap {
    position: relative;
    max-height: 660px;
    overflow: hidden;
}

.goods_cont_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.goods_description .guide_origin_image {
    padding: 0 6.5%;
    box-sizing: border-box;
}

.goods_description .guide_origin_image .btn_area {
}

.goods_view_contents {
    max-height: 710px;
    overflow: hidden;
}

.goods_view_contents .goods_desc_contents {
    position: relative;
    padding: 0 6.5% 66px;
}

.goods_view_contents.show {
    max-height: 100%;
}

.goods_view_contents.show .goods_cont_wrap {
    max-height: 100%;
}

.goods_view_contents.show .goods_cont_wrap:after {
    display: none;
}

.goods_desc_contents .btn_more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 660px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: 88%;
    paddinG: 8px 0;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #020202;
    border-radius: 2px;
    line-height: 20px;
    background-color: #fff;
}

.goods_desc_contents .btn_more:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_more_new.svg) 0 0 no-repeat;
    vertical-align: bottom;
    margin-left: 3px;
}

.goods_desc_contents .btn_more.active:after {
    transform: rotate(180deg);
}

.goods_view_contents.show .btn_more.active {
    bottom: 0;
    top: auto;
}

.star-wrap {
    text-align: center;
}

.star-wrap .star-bg {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 20px;
    background: url(../images/design/ico_star.svg) 0 0 repeat-x;
}

.star-wrap .star-bg .star-in {
    height: 22px;
    background: url(../images/design/ico_star_on.svg) 0 0 repeat-x;
    position: absolute;
    top: 0;
    left: 0;
}

.star-wrap .score {
    font-size: 10px;
    color: #767676;
}

.star-wrap .score span {
    font-size: 14px;
    color: #191919;
}

.teenshot {
    margin-top: 20px;
    border-top: 2px solid #f8f8fa;
}

.teenshot .swiper {
    background-color: #fff
}

.teenshot dt {
    padding: 20px 6.5% 12px 6.5%;
    font-size: 14px;
    font-weight: bold;
}

.teenshot dd .ms-pro {
    padding: 0 6.5%;
}

.teenshot dd .ms-pro ul li {
    width: 140px;
    margin-left: 0;
}

.view-more-list {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #020202;
    border-radius: 2px;
    background-color: #fff
}

.view-more-list.type2:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_more_new.svg) 0 0 no-repeat;
    vertical-align: bottom;
    margin-left: 3px;
}

.detail-review-area {
    margin-top: -60px;
}

.detail-review-area .detail-review-top {
    padding: 0 0 16px 0;
    border-bottom: 6px solid #f8f8fa;
}

.detail-review-area .detail-review-top .dreview-slide {
    padding: 0 6.5%;
    margin-top: 12px;
}

.detail-review-area .detail-review-top .dreview-slide .swiper-slide {
    width: 80px;
}

.dreview-box > dt {
    font-size: 14px;
    color: #020202;
    font-weight: 500;
    padding: 12px 6.5%;
    border-bottom: 1px solid #ededed;
}

.dreview-box > dd {
    padding: 0 6.5%;
}

.dreview-box > dd ul li {
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
}

.dreview-box > dd ul li .name {
    font-size: 12px;
    color: #020202;
}

.dreview-box > dd ul li .name .date {
    font-size: 10px;
    color: #767676;
    float: right;
}

.dreview-box > dd ul li .star-wrap {
    text-align: left;
    height: 16px;
    margin: 2px 0 6px 0;
}

.dreview-box > dd ul li .star-wrap .star-bg {
    width: 80px;
    height: 16px;
    background-size: 16px;
}

.dreview-box > dd ul li .star-wrap .star-bg .star-in {
    height: 16px;
    background-size: 16px;
}

.dreview-box > dd ul li a {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.dreview-box > dd ul li a .img {
    display: table-cell;
    position: relative;
    width: 60px;
}

.dreview-box > dd ul li a .img .num {
    color: #fff;
    font-size: 10px;
    background: #575757;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
}

.dreview-box > dd ul li a .cont {
    display: table-cell;
    padding-left: 6px;
    vertical-align: top;
    font-size: 11px;
    line-height: 16px;
}

.dreview-box.type2 dd ul li a .cont {
    padding-left: 0;
}

.review-detail-wrap {
    padding: 0;
}

.review-detail-wrap .title_container3 {
    background: #fcfcfc;
}

.review-detail-area {
}

.review-detail-area .red-top {
    padding: 12px 6.5%;
}

.review-detail-area .thumb-slide {
}

.review-detail-area .thumb-slide .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #999;
    opacity: 1;
    margin: 0 2px !important;
}

.review-detail-area .thumb-slide .swiper-pagination-bullet-active {
    width: 12px;
    background: #446aec;
}

.review-detail-area .goods-info {
    padding: 12px 6.5%;
    border-top: 6px solid #f8f8fa;
    border-bottom: 6px solid #f8f8fa;
}

.review-detail-area .goods-info a {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.review-detail-area .goods-info a .img {
    display: table-cell;
    width: 70px;
}

.review-detail-area .goods-info a .cont {
    display: table-cell;
    padding-left: 6px;
    vertical-align: top;
}

.review-detail-area .goods-info a .cont .title {
    display: block;
    padding: 3px 0;
    font-size: 14px;
    color: #191919;
}

.review-detail-area .goods-info a .cont .profile.type1 .photo {
    width: 20px;
}

.review-detail-area .goods-info a .cont .profile.type1 .name {
    font-size: 12px;
}

.review-detail-area .star-score {
    padding: 12px 6.5%;
    border-bottom: 1px solid #ededed;
}

.review-detail-area .star-score span {
    font-size: 14px;
    font-weight: 500;
    color: #191919;
}

.review-detail-area .star-score .star-wrap {
    float: right;
}

.review-detail-area .red-cont {
    padding: 12px 6.5%;
    font-size: 12px;
    line-height: 16px;
}

.review-detail-wrap .qna-write-box {
    padding: 0 6.5%;
}

.review-detail-wrap .qna-write-box dt {
    padding: 10px 0 16px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #191919;
}

.review-detail-wrap .qna-write-box dd .ques {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.review-detail-wrap .qna-write-box dd .ques .name {
    padding-left: 20px;
    position: relative;
}

.review-detail-wrap .qna-write-box dd .ques .name span {
    font-size: 12px;
    color: #191919;
    line-height: 18px;
}

.review-detail-wrap .qna-write-box dd .ques .name:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/design/ico_qna.svg) 0 0 no-repeat;
    position: absolute;
    top: 2px;
    left: 0;
}

.review-detail-wrap .qna-write-box dd .ques .name .date {
    font-size: 10px;
    line-height: 11px;
    color: #767676;
    float: right;
    margin-top: 4px;
}

.review-detail-wrap .qna-write-box dd .ques .cont {
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
}

.review-detail-wrap .qna-write-box dd textarea {
    padding: 10px;
}

.review-detail-wrap .qna-write-box dd .noti {
    font-size: 10px;
    color: #191919;
    line-height: 14px;
    text-align: left;
    padding-top: 6px;
    margin-bottom: 20px;
}

.review-detail-wrap .qna-write-box dd .btn-area-right .ab-btn {
    border: 1px solid #6e6e6e;
    color: #232323;
    padding: 0 20px;
}

.goods-qna-wrap {
    margin-top: -90px;
}

.goods-qna-wrap.qna-tab-cont {
    margin-top: 0;
    border-top: 6px solid #f8f8fa;
}

.goods-qna-wrap.qna-tab-cont .dqna-box {
    display: none;
    padding: 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box > dd {
    padding: 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li {
    padding: 14px 6.5%;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li {
    border: 0;
    vertical-align: middle;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.pic {
    padding: 0 4px 0 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.pic .boad_view_btn {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.info {
    padding: 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.info .title {
    font-size: 10px;
    line-height: 15px;
    color: #191919;
    display: none;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .board_goods_list > li.info .cont {
    font-size: 10px;
    line-height: 15px;
    color: #191919;
    padding: 0;
    white-space: normal;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ques-top {
    font-size: 10px;
    line-height: 11px;
    padding: 4px 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ques .btn-area {
    padding: 14px 0 4px 0;
    border: 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ques .btn-area {
    display: none;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ques .btn-area .ab-btn {
    display: block;
    border: 1px solid #777;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ques-top span {
    color: #e61503;
    font-weight: 500;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ques-top span {
    color: #446aec;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ques-top div {
    color: #999;
    display: inline-block;
    margin-left: 3px;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .pro-name {
    line-height: 15px;
    font-size: 10px;
    color: #999;
    margin-bottom: 4px;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .pro-name a {
    line-height: 15px;
    font-size: 10px;
    color: #999;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li .ans {
    padding: 10px 10px 14px 10px;
    display: none;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans {
    display: block;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name {
    padding: 0;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name:before {
    display: none;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap {
    display: inline-block;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap a {
    width: auto;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap .photo {
    width: 20px;
    height: 20px;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap .photo {
    width: 20px;
    height: 20px;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap .name {
    font-size: 12px;
    font-weight: 500;
    padding-left: 2px;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .name .profile-wrap .name .date {
    margin-top: 4px;
    color: #999;
}

.goods-qna-wrap.qna-tab-cont .dqna-box .tab-qna-list > li.complete .ans .cont {
    padding-top: 3px;
}

.mp-tabs#qna-tabs + .goods-qna-wrap.qna-tab-cont {
    border-top: 0;
}

.goods-qna-wrap .btn-area {
    padding: 20px 6.5%;
    border-bottom: 1px solid #ededed;
}

.dqna-box {
    border-top: 5px solid #f8f8fa;
}

.dqna-box dd ul li .name {
    padding-left: 20px;
    position: relative;
}

.dqna-box dd ul li .name:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/design/ico_qna.svg) 0 0 no-repeat;
    position: absolute;
    top: 2px;
    left: 0;
}

.dqna-box dd ul li .cont {
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
}

.dqna-box dd ul li .ans {
    border-top: 1px solid #ededed;
    padding: 10px 0 0 10px;
    margin: 10px 0 0 0;
}

.dqna-box.type2 {
    border-top: 1px solid #ededed;
}

/* 공통프로필 */
.profile.type1 {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.profile.type1 .photo {
    display: table-cell;
    width: 34px;
}

.profile.type1 .photo img {
    width: 100%;
    border-radius: 100%;
}

.profile.type1 .name {
    display: table-cell;
    padding-left: 4px;
    vertical-align: middle;
}

.profile.type1 .name span {
    font-size: 12px;
    color: #191919;
}

.profile.type1 .name .date {
    font-size: 10px;
    color: #767676;
    margin-top: 3px;
}

/* 공통가격 */
.price.type1 > span {
    font-family: 'Roboto';
    display: inline-block;
}

.price.type1 .per {
    font-size: 16px;
    font-weight: bold;
    color: #0438e0;
}

.price.type1 .prc {
    font-size: 16px;
    font-weight: bold;
    color: #020202;
}

.price.type1 .strike {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}

/* 공통페이징 */
.ab-paging {
    text-align: center;
    padding: 25px 0;
}

.ab-paging input {
    display: inline-block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    background: url(../images/design/d_btn_prev.svg) center center no-repeat;
    color: transparent;
    font-size: 0;
}

.ab-paging input.btn-next {
    background: url(../images/design/d_btn_nex.svg) center center no-repeat;
}

.ab-paging div {
    display: inline-block;
    font-size: 14px;
    color: #767676;
    padding: 0 13px;
    vertical-align: middle;
    line-height: 24px;
}

.ab-paging div span {
    color: #191919;
}

/* nodata, error */
.nodata {
    height: auto;
    padding: 0 6%;
    text-align: center;
    line-height: 1em;
    padding: 180px 6%;
}

.nodata dl dt {
    position: relative;
    padding-top: 100px;
    font-size: 20px;
    font-weight: bold;
    color: #191919;
    margin-bottom: 20px;
    line-height: 20px;
}


.nodata.type-cart dl dt:before {
    background: url(../images/design/img_nodata_cart.png) 0 0 no-repeat;
}

.nodata dl dd {
    color: #767676;
    font: var(--text-body13-regular);
    word-break: keep-all;
}

.nodata.type-cart .ab-btn {
    width: 200px;
    margin: 30px auto 0 auto;
}

.nodata.type-deny dl dt {
    padding-top: 110px;
    line-height: 26px;
}

.nodata.type-deny dl dt:before {
    background: url(../images/design/img_nodata_deny.png) 0 0 no-repeat;
}

.nodata.type-deny dl dd .noti {
    color: #999;
    margin-top: 10px;
}

.nodata.type-review dl dt:before {
    background: url(../images/design/img_nodata_review.png) 0 0 no-repeat;
}

.dqna-box .nodata dl dt:before {
    background: url(../images/design/img_qna.png) 0 0 no-repeat;
}

.dqna-box .nodata.ans dl dt:before {
    background: url(../images/design/img_qna2.png) 0 0 no-repeat;
}

.dqna-box.ans .nodata dl dt:before {
    background: url(../images/design/ico_nodata_mp2.png) 0 0 no-repeat;
}

.nodata.type-comp dl dt {
    line-height: 28px;
}

.nodata.type-comp dl dd {
    line-height: 15px;
}

.nodata.type-comp dl dt:before {
    background: url(../images/design/img_comp.png) 0 0 no-repeat;
}

.count-wrap {

}

.count-wrap .count {
    color: var(--color-333);
    font: var(--text-subtitle22-semi-bold);
    padding-top: calc(var(--mp-10) * 4);
    padding-bottom: var(--mp-16);
}

/* 프로필페이지 */

.profile-wrap .profile-top {
    padding-bottom: 20px;
}

.profile-wrap .profile-info {
    position: relative;
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 10px 0 14px;
}

.profile-wrap .profile-info > div {
    display: table-cell;
    vertical-align: middle;
}

.profile-wrap .profile-info .profile-img {
    width: 140px;
}

.profile-wrap .profile-info .profile-img div {
    width: 104px;
    height: 104px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid #fcfcfc;
    border-radius: 100%;
}

.profile-wrap .profile-info .profile-img div span {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden;
}

.profile-wrap.art .profile-info .profile-img div {
    border-color: var(--primary-color1);
}

.profile-wrap .profile-info .profile-img div img {
    width: 100%;
    aspect-ratio: 1/1;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.profile-wrap .profile-info .follow {
}

.profile-wrap .profile-info .follow.follower {
    text-align: right;
}

.profile-wrap .profile-info .follow.following {
    text-align: left;
}

.profile-wrap .profile-info .follow a {
    display: inline-block;
    text-align: center;
    color: var(--color-767676);
    font: var(--text-body14-regular);
}

.profile-wrap .profile-info .follow a span {
    display: block;
    font: var(--text-body19-bold);
    color: var(--color-222);
}

.profile-wrap .profile-info2 {
    text-align: center;
}

.profile-wrap .profile-info2 .names {
    padding-bottom: 4px;
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    color: var(--color-191919);
    font: var(--text-body16-bold);
    width: calc(100% - 32px);
    margin:0 auto;
}

.profile-wrap .profile-info2 .names .name {
    font: var(--text-heading2);
    display: inline-block;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.profile-wrap .profile-info2 .intro {
    font: var(--text-body14-regular);
    color: var(--color-222);
    max-width: 344px;
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 0 16px;
}

.profile-wrap .profile-top .btn-area-center {
    padding: 18px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

.profile-wrap .profile-top .btn-area-center .dm_btn {
    border-radius: 4px;
    border: 1px solid var(--primary-color1);
    width: 30px;
    height: 30px;
    background: url("../images/design/ico_dm.png") no-repeat center;
    background-size: 20px;
}

.profile-wrap .profile-top .btn-area-center a {
    display: inline-block;
}

.profile-wrap .profile-top .btn-area-center .ab-btn {
    height: 32px;
    line-height: 31px;
    width: 192px;
    box-sizing: border-box;
    font-size: 13px;
}

.profile-wrap .profile-top .btn-area-center .ab-btn.already {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fcfcfc;
    color: #060606;
}

.profile-wrap .profile-top .btn-area-center a.btn-web {
    width: 30px;
    height: 30px;
    background: url(../images/design/btn_web.svg) 0 0 no-repeat;
    margin-left: 8px;
    font-size: 0;
    line-height: 0;
    vertical-align: bottom;
}

.profile-wrap .profile-tab {
}

.profile-wrap .profile-tab .pr-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile-wrap .profile-tab .pr-tabs li {
    display: inline-block;
}

.profile-wrap .profile-tab .pr-tabs li a {
    display: block;
    padding: 0 8px;
    color: var(--color-ccc);
    font: var(--text-subtitle20-semi-bold);
    line-height: 60px;
}


.profile-wrap .profile-tab .pr-tabs li.active a {
    color: var(--color-333);
}

.profile-wrap .profile-tab .pr-cont {
}


.profile-wrap .profile-tab .pr-cont .pr-community:after {
    content: "";
    display: block;
    clear: both;
}

.profile-wrap .profile-tab .pr-cont .pr-community li {
    float: left;
    width: calc(33.33% - 1.5px);
    margin-left: 2px;
    margin-bottom: 2px;
}

.profile-wrap .profile-tab .pr-cont .pr-community li:nth-child(3n+1) {
    margin-left: 0;
}

.profile-wrap .profile-tab .pr-cont .pr-community li .secret_ico {
    top: 8px;
    right: 8px;
    background-image: url(../images/common/ico_lock2.png);
}

.profile-wrap .profile-tab .pr-cont .pr-community li a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.profile-wrap .profile-tab .pr-cont .pr-community li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile-wrap .profile-tab .pr-cont .pr-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
}

.profile-wrap .profile-tab .pr-cont .pr-product .img_box {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
    border-radius: 16px;
    overflow: hidden;
}

.profile-wrap .profile-tab .pr-cont .pr-product .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.profile-wrap .profile-tab .pr-cont .pr-product .goods_summary span {
    display: block;
}

.profile-wrap .profile-tab .pr-cont .pr-product .brand {
    color: var(--color-222);
    font: var(--text-body18-semi-bold);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.profile-wrap .profile-tab .pr-cont .pr-product .title {
    margin: 4px 0;
    color: var(--color-666);
    font: var(--text-body18-regular);
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.profile-wrap .profile-tab .pr-cont .pr-product .goods_price {
    padding-top: 4px;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    flex-wrap: wrap;
}

.profile-wrap .profile-tab .pr-cont .pr-product .goods_price .price {
    font: var(--text-body18-bold);
    color: var(--primary-color2)
}

.profile-wrap .profile-tab .pr-cont .pr-product .goods_price .regular_price {
    font: var(--text-caption-regular);
    color: var(--color-999);
    text-decoration: line-through;
    display: block;
    width: 100%;
    order: -1;
}

.profile-wrap .profile-tab .pr-cont .pr-product .goods_price .discount {
    font: var(--text-body18-bold);
    color: var(--primary-color3)
}


.profile-wrap .profile-tab .pr-cont .ms-pro {
    padding: 0 6.5%;
}

.profile-wrap .profile-tab .blocked-comment {
    text-align: center;
}

.profile-wrap .profile-tab .blocked-comment dt {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 5px 0;
}

.profile-wrap .profile-tab .blocked-comment dd {
    font: var(--text-caption-regular);
    color: #767676;
}

.follow-wrap {
    padding: 0 6.5%;
}

.follow-wrap dt {
    padding: 20px 0 10px 0;
    color: var(--color-191919);
    font: var(--text-body16-semi-bold);
}

.follow-wrap dd {
}

.follow-wrap dd ul li {
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.follow-wrap dd ul li .profile-wrap {
    display: inline-block;
    vertical-align: bottom;
}

.follow-wrap dd ul li .profile-wrap > a {
    width: auto;
}

.follow-wrap dd ul li .resp_btn {
    min-width: 74px;
    text-align: center;

    padding: 0;
}

.follow-wrap dd ul li .btn-follow.able {
    color: #fff;
    background: #446aec;
    border-color: #446aec;
}

.profile-edit {
    padding: 0 6.5%;
}

.profile-edit > .btn-01 {
    opacity: 0.6;
}

.profile-edit > .btn-01.active {
    opacity: 1;
}

.profile-edit .go-myinfo {
    font-size: 12px;
    color: #446aec;
    position: fixed;
    top: 22px;
    right: 50%;
    margin-right: -180px;
    z-index: 1000;
}

@media all and (max-width: 415px) {
    .profile-edit .go-myinfo {
        right: 6.5%;
        margin: 0;
    }
}

.profile-edit .edit-wrap {
    margin-bottom: 50px;
}

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

.input_box label, .input_box .label {
    color: var(--color-333);
    font: var(--text-body15-regular);
    padding-bottom: 8px;
    display: flex !important;
    align-items: center !important;
    gap: 4px
}

.input_box .label + span {
    color: var(--color-666);
    font: var(--text-body13-regular);
}

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

.input_box .required:after {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/common/icon_check1.png) 50% 50% no-repeat;
    background-size: 12px;
}

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

.input_box + .btn-01 {
    margin: 48px 0;
}

.profile-edit .edit-wrap dt {
    color: var(--color-000);
    font: var(--text-subtitle20-regular);
    padding: 16px 0 36px;
}

.profile-edit .edit-wrap dd .profile-img-wrap {
    width: 140px;
    margin: 5px auto 0 auto;
}

.profile-img-wrap .reset_btn {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    background: url(../images/design/ico_delete_img.png) center center no-repeat;
    background-size: contain;
    z-index: 100;
}

.profile-edit .edit-wrap dd .profile-img {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #e3e3e3 url(../images/design/bg_profile.svg) center center no-repeat;
    background-size: 60px;
}

.profile-edit .edit-wrap dd .profile-img.png {
    background-image: none;
}

.profile-edit .edit-wrap dd .profile-img img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.profile-edit .edit-wrap dd .profile-img img[src="/data/profile/"] {
    display: none;
}

.profile-edit .edit-wrap dd .profile-img .btn-edit {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.profile-edit .edit-wrap dd .profile-img .btn-edit:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: url(../images/design/ico_camera-btn.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.profile-edit .edit-wrap dd .profile-img .btn-edit input {
    visibility: hidden;
    opacity: 0;
}

.profile-edit .edit-wrap dd .up-intro {
    border: 1px solid #dbdbdb;
    min-height: 42px;
    box-sizing: border-box;
    border-radius: 3px;
}

.profile-edit .edit-wrap dd .up-intro.error {
    border-color: #eb5335;
}

.profile-edit .edit-wrap dd textarea {
    border: 0;
    padding: 0;
    height: 40px;
    padding: 9px 12px;
    resize: none;
    line-height: 20px;
    min-height: 1rem;
    max-height: 4rem;
}

.myinfo-edit {
    padding: 0;
}

.myinfo-edit .edit-wrap {
    padding: 0 6.5%;
}

.myinfo-edit .btn-01 {
    opacity: 0.6 !important;
}

.myinfo-edit .btn-01.active {
    opacity: 1 !important;
}

.type-date .ip-ads {
    background: #fff url(../images/design/ico_calendar.svg) right 13px center no-repeat;
}

.myinfo-edit .go-account {
    display: block;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 6.5%;
    font-size: 14px;
}

.myinfo-edit .go-account:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_arr2.svg) 0 0 no-repeat;
    float: right;
}

.account-info {
    padding: 10px 0 0 0;
}

.account-info .btn-account {
    display: block;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 6.5%;
    font-size: 14px;
}

.account-quit {
    padding: 20px 6.5% 0 6.5%;
}

.account-quit h3 {
    font-size: 14px;
}

.account-quit .quit-cont-wrap {
    padding-bottom: 30px;
}

.account-quit .quit-cont {
    font-size: 12px;
    color: #767676;
    line-height: 15px;
    padding: 7px 0 12px 0;
}

.account-quit input[type=radio] {
    margin-right: 5px;
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fcfcfc url(../images/design/ico_chk.svg) 0 0 no-repeat;
    background-size: cover !important;
}

.account-quit input[type=radio]:checked {
    background: #fcfcfc url(../images/design/ico_chk_on.svg) 0 0 no-repeat;
}

.account-quit label {
    font-size: 12px;
    line-height: 20px;
}

.account-quit .btn-01 {
    opacity: 0.6 !important;
}

.account-quit .btn-01.active {
    opacity: 1 !important;
}

/* 모아보기 */


.mypage_list_con {
    border-top: 6px solid #F8F8FA;
}

.mypage-wrap .title_container3 {
    z-index: 3;
    height: 60px;
    padding-top: 2.6%;
    padding-bottom: 2.6%;
    text-align: left;
    margin: 0 auto;
    max-width: 640px;
}


.mypage-wrap .title_container3 h2 {
    display: block;
    margin: 0 auto;
    width: calc(100% - 100px);
    margin: 0 auto;
    padding: 18px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mypage-wrap .title_container3 .btn-log-back {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    background: url(../images/design/btn_back2.svg) center center no-repeat;
}

.mypage-wrap .title_container3 .btn-log-close {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    background: url(../images/design/btn_close2.svg) center center no-repeat;
}

.mypage-wrap .title_container3 .mp-top-menu {

    height: 100%;
    display: flex;
    align-items: center;
    gap: calc(var(--mp-16) * 2);
}

.mypage-wrap .title_container3 .mp-top-menu li a {
    display: block;
    font: var(--text-subtitle20-semi-bold);
    color: var(--color-ccc);
}

.mypage-wrap .title_container3 .mp-top-menu li.on a {
    color: var(--color-333)
}

.mypage-wrap .title_container3 .btn-alert {
    display: block;
    width: 16px;
    height: 20px;
    background: url(../images/design/ico_alarm.svg) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.mypage-wrap .title_container3 .btn-alert.new:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #e61503;
    border-radius: 100%;
    position: absolute;
    top: 2px;
    right: 1px;
}

.mypage-wrap .title_container3 .btn-del {
    float: right;
    color: #446aec;
    font-size: 14px;
    display: inline-block;
    padding: 6px 0;
    position: absolute;
    top: 15px;
    right: 6.5%;
}

.mypage-wrap.mp-menu-main .title_container3 .btn-alert {
    right: 6.5%;
}

.mypage-wrap.mp-shop-main .title_container3 .btn-alert {
    right: calc(6.5% + 34px);
}

.mypage-wrap.mp-shop-main .title_container3 .btn-cart {
    position: absolute;
    top: 50%;
    right: 6.5%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    padding-top: 1px;
    font-size: 0;
    line-height: 0;
    background: url(../images/design/ico_cart1.svg) 0 bottom no-repeat;
}

.mypage-wrap.mp-shop-main .title_container3 .btn-cart .count {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 4px;
    background: #e61503;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 3px;
    right: 0;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.mypage-wrap .mp-main {
    padding: 0;
}

.mypage-wrap .mp-main .profile-wrap {
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
}

.mypage-wrap .mp-main .profile-wrap > a {
    position: relative;
    display: block;
    width: 100%;
}

.mypage-wrap .mp-main .profile-wrap > a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/design/arr_right.svg) no-repeat top center;
    background-size: auto 100%;
}

.mypage-wrap .mp-main .profile-wrap .photo {
    width: 40px;
    height: 40px;
}

.mypage-wrap .mp-main .profile-wrap .photo img {
    width: 40px;
    height: 40px;
}

.mypage-wrap .mp-main .profile-wrap .name {
    font-size: 14px;
    font-weight: 500;
}

.mypage-wrap .mp-main .profile-wrap .name .btn-go {
    font-size: 10px;
    font-weight: normal;
    color: #767676;
    display: block;
}

#qna-customer.layer-popup.type-btm2 .layer-inner .cho-list li a {
    color: #007aff;
}

.home .post-list > li {
    padding: 22px 0 0 0;
}

.home .post-list > li:first-child {
    padding: 0;
}

.moreBtn {
    display: block;
    font-size: 12px;
    font-weight: bold;
    width: calc(100% - 16px);
    padding: 8px 0;
    text-align: center;
    margin: 24px auto;
    border: 1px solid #020202;
    border-radius: 2px;
    line-height: 20px;
    background-color: #fff;
}

.resp_btn.extra3.more_list_btn {
    max-width: 720px;
    margin: 24px 10px;
    width: calc(100% - 20px);
}

.home .post-list > li .post-cont .cont {
    position: relative;
}

.home .post-list > li .post-cont .cont .cont-inner {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    max-height: 81px;
    margin: 10px 0 8px;

}

.home .post-list > li .post-cont .cont .cont-inner.on {
    overflow: visible;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    /*max-height: none;*/
    margin: 10px 0 8px;
}

.home .cus-wrap {
    padding: 0;
}

.home .cus-wrap .title_container3 {
    box-shadow: none;
}

.mypage-wrap .mp-main h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
}

.mypage-wrap .mp-main h3:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/img_moa.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: text-bottom;
    margin-left: 3px;
}

.mypage-wrap .mp-main .mp-now {
    padding-bottom: 30px;
}

.mypage-wrap .mp-main .mp-now img {
    width: 100% !important;
}

.mypage-wrap .mp-main .mp-now .swiper-pagination-bullet {
    background: #ededed;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    margin: 0 2px;
    opacity: 1;
}

.mypage-wrap .mp-main .mp-now .swiper-pagination-bullet-active {
    background: #4b6fed;
}


.mypage-wrap .mp-thumb-list ul:after {
    content: "";
    display: block;
    clear: both;
}

.mypage-wrap .mp-thumb-list ul li {
    float: left;
    width: calc(33.33% - 1.5px);
    margin-left: 2px;
    margin-bottom: 2px;
}

.mypage-wrap .mp-thumb-list ul li:nth-child(3n+1) {
    margin-left: 0;
}

.mypage-wrap .mp-thumb-list .book-list li label {
    display: block;
    position: relative;
}

.mypage-wrap .mp-thumb-list .book-list li label input {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
    border-radius: 100%;
}

.mypage-wrap .mp-thumb-list.del-active .book-list li label input {
    display: block;
}

.mypage-wrap .mp-thumb-list .book-list li label span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.mypage-wrap .mp-thumb-list .book-list li label span a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/*.mypage-wrap .mp-thumb-list .book-list li label span img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}*/
.mypage-wrap .mp-tabs {
    padding: 0 6.5%;
}

.mypage-wrap .mp-tabs:after {
    content: "";
    display: block;
    clear: both;
}

.mypage-wrap .mp-tabs li {
    float: left;
    width: 50%;
}

.mypage-wrap .mp-tabs li a {
    display: block;
    text-align: center;
    color: #767676;
    font-size: 14px;
    border-bottom: 2px solid #fcfcfc;
    padding: 10px 0;
}

.mypage-wrap .mp-tabs li.active a {
    color: #446aec;
    border-color: #446aec;
    font-weight: bold;
}

.mypage-wrap .mp-tabs.type-dash {
    border-bottom: 1px solid #ededed;
}

.mypage-wrap .mp-thumb-list .like-list li a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.mypage-wrap .mp-thumb-list .like-list li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.mypage-wrap .dash-month {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    margin-bottom: 32px;
    border-radius: 8px;
    background-color: var(--color-second);
}

.mypage-wrap .dash-month dt {
    font: var(--text-body18-semi-bold);
    color: var(--color-000);
}

.mypage-wrap .dash-month dd {
    font: var(--text-body18-semi-bold);
    color: var(--primary-color2);
}


.mypage-wrap .art-goods li {
    position: relative;
}

.mypage-wrap .art-goods li:nth-child(n+3) {
    padding-top: 16px;
}

.mypage-wrap .art-goods li .goods-wrap {
    display: flex;
    align-items: flex-start;
}

.mypage-wrap .art-goods li .goods-wrap .img img {
    width: 72px;
    aspect-ratio: 3/4;
    border-radius: 8px;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

.mypage-wrap .art-goods li .goods-wrap .info {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    flex: 1;
    width: calc(100% - 104px);
}

.mypage-wrap .art-goods li .goods-wrap .info .num {
    color: var(--color-666);
    font: var(--text-body14-regular)
}

.mypage-wrap .art-goods li .goods-wrap .info .num .tag {
    display: inline-block;
    margin-left: 3px;
}

.mypage-wrap .art-goods li .goods-wrap .info .num .tag.type-ready {
    color: var(--primary-color2);
}

.mypage-wrap .art-goods li .goods-wrap .info .num .tag.type-deny {
    color: var(--color-orange) !important;
}

.mypage-wrap .art-goods li .goods-wrap .info .title {
    margin: 8px 0;
    color: var(--color-222);
    font: var(--text-body16-bold);
    padding: 0;
    width: 100%;
    max-width: 512px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mypage-wrap .art-goods li .goods-wrap .info a {
    padding: 0 10px;
    background-color: var(--color-999);
    font: var(--text-caption-regular);
    line-height: 28px;
    color: var(--color-fff);
    border-radius: 2px;
    text-align: center;
}

.mypage-wrap .art-goods li .btn-order {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: -6px;
    width: 28px;
    height: 28px;
    background: url(../images/design/btn_order_down.svg) center center no-repeat;
}

.mypage-wrap .art-goods li .btn-order.upper {
    margin-top: -28px;
    background: url(../images/design/btn_order_up.svg) center center no-repeat;
}

.mypage-wrap .art-goods li .btn-manage {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 16px;
    right: -6px;
    width: 20px;
    height: 20px;
}

.mypage-wrap .art-goods li:nth-child(2) .btn-manage {
    top: 0;
}

.mypage-wrap .art-goods li .btn-manage:before {
    opacity: 0.3;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    display: block;
    width: 18px;
    height: 4px;
    background: url(../images/design/ico_p_more2.svg) 0 0 no-repeat;
}

.mypage-wrap .art-goods li .layer-manage {
    position: absolute;
    right: 24px;
    top: 8px;
    padding: 8px;
    width: 133px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.20);
}

.mypage-wrap .art-goods li .layer-manage a {
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 4px;
    color: var(--color-767676);
    font: var(--text-caption-regular);
    line-height: 24px;
}

.mypage-wrap .art-goods li .layer-manage a.go-goods {
    background: var(--primary-color2);
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
}

.mypage-wrap .teens-post {
    padding: 14px 6.5%;
    margin-left: -4px;
}

.mypage-wrap .teens-post li {
    display: inline-block;
    width: calc(50% - 6px);
    margin-left: 4px;
    margin-bottom: 6px;
}

.mypage-wrap .teens-post li a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.mypage-wrap .teens-post li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    height: 100%;
    width: auto;
}

.mypage-wrap .teens-post li a img.landscape {
}

.mypage-wrap .teens-post li a .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: #191919;
    color: #fcfcfc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nodata.teens-comp dl dt {
    line-height: 26px;
}

.nodata.teens-comp dl dt:before {
    background: url(../images/design/ico_art_comp.png) 0 0 no-repeat;
}

.nodata.teens-comp dl dd {
    line-height: 15px;
}

.mypage-wrap .mp-recruit-list .nodata {
    padding-top: 0;
}

.mypage-wrap .mp-recruit-list .nodata dt {
    padding-top: 50px;
}

.mypage-wrap .mp-recruit-list .nodata dt:before {
    display: none;
}

.mypage-wrap .mp-recruit-list .recruit-list {
    padding: 0 6.5%;
}

.mypage-wrap .mp-recruit-list .recruit-list li {
    padding: 16px 0;
    border-bottom: 1px solid #ededed;
}

.mypage-wrap .mp-recruit-list .recruit-list li .tag-area {
}

.mypage-wrap .mp-recruit-list .recruit-list li .tag-area div {
    display: inline-block;
    min-width: 43px;
    text-align: center;
    font-size: 10px;
    background: #dbdbdb;
    border-radius: 2px;
    color: #767676;
    padding: 3px 0;
}

.mypage-wrap .mp-recruit-list .recruit-list li .tag-area div.ing {
    color: #fff;
    background: #446aec;
}

.mypage-wrap .mp-recruit-list .recruit-list li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 4px 0;
}

.mypage-wrap .mp-recruit-list .recruit-list li .date {
    color: #767676;
}

.mypage-wrap .mp-recruit-detail .date-area {
    padding: 12px 6.5%;
    border-bottom: 6px solid #f8f8fa;
}

.mypage-wrap .mp-recruit-detail .date-area div {
    display: inline-block;
}

.mypage-wrap .mp-recruit-detail .date-area .tag {
    min-width: 43px;
    text-align: center;
    font-size: 10px;
    background: #dbdbdb;
    border-radius: 2px;
    color: #767676;
    padding: 3px 0;
}

.mypage-wrap .mp-recruit-detail .date-area .tag.ing {
    color: #fff;
    background: #446aec;
}

.mypage-wrap .mp-recruit-detail .date-area .date {
    font-size: 10px;
    color: #767676;
    margin-left: 5px;
}

.mypage-wrap .mp-recruit-detail .cont-area {
    padding: 16px 6.5%;
}

/*.mypage-wrap .btn-term-wrap{position: fixed; left: 50%; top: 60px; transform: translate(-50%); box-sizing: border-box; width: 100%; padding: 0 28px; z-index: 3; background: #fcfcfc; max-width: 414px;}*/
.mp-term-wrap {
    padding: 0 28px 40px 28px;
    background: #fcfcfc
}

.mp-term-wrap .btn-term-wrap {
    position: relative
}

.mp-term-wrap .btn-term {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 8px 0;
    border-bottom: 1px solid #191919;
}

.mp-term-wrap .btn-term:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/design/arr_term.svg) 0 0 no-repeat;
    position: absolute;
    top: 20px;
    right: 0;
}

.mp-term-wrap .btn-term.on:before {
    transform: rotate(180deg)
}

.mp-term-wrap .btn-term + ul {
    display: none;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    border-bottom: 1px solid #767676;
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.mp-term-wrap .btn-term.on + ul {
    display: block;
}

.mp-term-wrap .btn-term + ul li a,
.mp-term-wrap .btn-term + ul li button {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
}

.mp-term-wrap dt {
    font-size: 14px;
    font-weight: bold;
    padding: 25px 0 5px 0;
}

.mp-term-wrap dl:first-child dt:first-child {
    padding-top: 15px;
}

.mp-term-wrap dd {
    font-size: 12px;
    color: #767676;
    line-height: 16px;
}

.mp-term-wrap dd .emp1 {
    color: #191919;
}

.pdt6 {
    padding-top: 6px;
}

.fs10 {
    font-size: 10px;
}

.mp-term-wrap dd dt {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0 0 0;
    font-weight: normal;
    color: #191919;
}

.mp-term-wrap dd dl:first-child dt:first-child {
    padding-top: 5px;
}

.mp-term-wrap dd dd {
    padding-top: 6px;
    line-height: 18px;
}

.mp-term-wrap dd dd .fs10 {
    color: #999;
}

.mp-term-wrap dd ul li {
    position: relative;
    padding-left: 8px;
}

.mp-term-wrap dd ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 1px;
    background: #767676;
    position: absolute;
    top: 7px;
    left: 0;
}


.mp-shop-main .my-index-top {
    padding: 20px 6.5%;
    border-bottom: 5px solid #f8f8fa;
}

.mp-shop-main .resp_btn.extra3 {
    padding: 0;
    margin-top: 24px;
}

.mp-shop-main .my-index-top > ul {
    border: 1px solid #ededed;
    border-radius: 5px;
}

.mp-shop-main .my-index-top > ul:after {
    content: "";
    display: block;
    clear: both;
}

.mp-shop-main .my-index-top > ul li {
    float: left;
    width: 33.33%;
}

.mp-shop-main .my-index-top > ul li a {
    display: block;
    text-align: center;
    padding: 19px 0 15px 0;
    font-size: 12px;
}

.mp-shop-main .my-index-top > ul li a .num {
    display: inline-block;
    font-weight: bold;
    color: #446aec;
    margin-left: 4px;
}

.mp-shop-main .my-index-top > ul li a:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px !important;
    margin: 0 auto 8px auto;
}

.mp-shop-main .my-index-top > ul li:first-child a:before {
    background: url(../images/design/ico_mp1.svg) 50% 50% no-repeat;
}

.mp-shop-main .my-index-top > ul li:nth-child(2) a:before {
    background: url(../images/design/ico_mp2.svg) 50% 50% no-repeat;
}

.mp-shop-main .my-index-top > ul li:nth-child(3) a:before {
    background: url(../images/design/ico_mp3.svg) 50% 50% no-repeat;
}

.mp-shop-main .mp-index-banner {
    display: block;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.mp-shop-main .mp-index-banner img {
    width: 100% !important;
}

.subpage_lnb #mypageLnbBasic {
    border-bottom: 5px solid #f8f8fa;
}

.subpage_lnb #mypageLnbBasic dl {
    padding: 15px 6.5%;
    border-bottom: 1px solid #ededed;
}

.subpage_lnb #mypageLnbBasic dt {
    padding: 15px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.subpage_lnb #mypageLnbBasic dd ul li a {
    display: inline-block;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 500;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping {
    padding: 10px 0;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping:after {
    content: "";
    display: block;
    clear: both;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li {
    float: left;
    width: 25%;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li a {
    display: block;
    text-align: center;
    font-size: 12px;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li a:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #ededed;
    border-radius: 100%;
    margin: 0 auto 5px auto;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li:first-child a:before {
    background: url(../images/design/ico_mysp1.svg) 50% 50% no-repeat;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li:nth-child(2) a:before {
    background: url(../images/design/ico_mysp2.svg) 50% 50% no-repeat;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li:nth-child(3) a:before {
    background: url(../images/design/ico_mysp3.svg) 50% 50% no-repeat;
}

.subpage_lnb #mypageLnbBasic dd ul.my-shopping li:nth-child(4) a:before {
    background: url(../images/design/ico_mysp4.svg) 50% 50% no-repeat;
}

.recently-wrap .title_container2 {
    margin: 0;
    padding: 15px 6.5% 10px 6.5%;
    border-bottom: 1px solid #ededed;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.order-step-area .title_container2 {
    margin: 0;
    padding: 15px 6.5% 0 6.5%;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border-top: 6px solid #f8f8fa;
}

.recently-wrap .recently-return {
    border-bottom: 1px solid #ededed;
    padding: 0 6.5%;
}

.recently-wrap .recently-return li:first-child {
    border-bottom: 1px solid #ededed;
}

.recently-wrap .recently-return li a {
    display: block;
    padding: 8px 0;
    font-size: 10px;
    color: #191919;
    font-weight: 500;
}

.recently-wrap .recently-return li a span {
    float: right;
    color: #191919;
    font-weight: 500;
}

.recently-wrap .recently-return li a span.no-ord {
    color: #767676;
}

.order-step-area {
    padding: 0;
}

.order-step-area dl {
    padding: 0 6.5%;
}

.order-step-area dl dt {
    font-size: 12px;
    color: #191919;
    font-weight: 500;
    padding: 12px 0 4px 0;
}

.order-step-area dl dd {
    font-size: 10px;
    color: #767676;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #ededed;
}

.order-step-area dl + dl {
    background: #f8f8fa;
    margin: 14px 6.5% 0 6.5%;
    padding: 0 15px;
}

.order-step-area dl + dl dd {
    border: 0;
}

.order-step-area dl + dl dd ul li {
    padding-left: 8px;
    position: relative;
    color: #767676;
}

.order-step-area dl + dl dd ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 1px;
    background: #767676;
    position: absolute;
    top: 7px;
    left: 0;
}

.order-step-area dl + dl dd ul li span {
    color: #191919;
}

.res_table .pro-top {
    padding: 15px 6.5% 0 6.5%;
    border-top: 1px solid #dbdbdb;
}

.res_table .pro-top .profile-wrap {
    display: inline-block;
}

.res_table .pro-top .profile-wrap > a {
    width: auto;
}

.res_table .pro-top .profile-wrap > a .photo {
    width: 20px;
    height: 20px;
}

.res_table .pro-top .profile-wrap > a .photo img {
    width: 20px;
    height: 20px;
}

.res_table .pro-top .profile-wrap > a .name {
    font-size: 12px;
    padding-left: 3px;
    font-weight: 500;
    line-height: 20px;
}

.res_table .pro-top .status {
    float: right;
    font-size: 12px;
    font-weight: 500;
    color: #446aec;
    margin-top: 2px;
}

.res_table .re-goods-info {
    font-size: 14px;
    color: #191919;
    padding: 0 6.5%;
}

.res_table .rf-cate {
    font-size: 10px;
    color: #e61503;
    padding: 0 6.5% 12px 6.5%;
    text-align: right;
}

.res_table .rf-cate span {
    display: block;
}

.order-detail-wrap .subpage_container dl {
    border-top: 6px solid #f8f8fa;
    border-bottom: 1px solid #dbdbdb;
}

.order-detail-wrap .subpage_container dl dt {
    font-size: 14px;
    font-weight: 500;
    color: #191919;
    padding: 14px 6.5%;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.order-detail-wrap .subpage_container dl dd {
    padding: 10px 0;
}

.order-detail-wrap .subpage_container dl.ord-goods dd {
    padding: 0;
}

.order-detail-wrap .subpage_container dl dd .table_row_a,
.order-detail-wrap .subpage_container dl dd .table_row_a > tbody > tr > th,
.order-detail-wrap .subpage_container dl dd .table_row_a > tbody > tr > td {
    padding: 3px 0;
    border: 0;
    background: none;
    font-size: 12px;
    color: #191919;
}

.order-detail-wrap .subpage_container dl dd .od-tb {
    padding: 0 6.5%;
    border: 0;
}

.order-detail-wrap .subpage_container dl dd .od-tb .table_row_a > tbody > tr > th {
    vertical-align: top;
}

.order-detail-wrap .subpage_container dl dd .od-tb .table_row_a > tbody > tr > th > p {
    padding: 0;
}

.order-detail-wrap .subpage_container dl dd .od-tb .table_row_a > tbody > tr > td {
    text-align: right;
    font-weight: 500;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody {
    border-top: 0;
    border-bottom: 0;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody.besong_grouped {
    margin: 0;
    width: 100%;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li.subject {
    padding: 2px 6.5% 12px 6.5%;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .cont3 {
    padding: 0;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .cont3 .res-opt {
    display: inline-block;
    font-size: 10px;
    color: #767676;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .cont3 .res-opt:before {
    content: "/";
    display: inline-block;
    padding: 0 2px;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .cont3 .res-opt:first-child:before {
    display: none;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .pay-prc {
    padding: 2px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto";
    color: #191919;
}

.order-detail-wrap .subpage_container dl dd .res_table .pro-top {
    border-top: 1px solid #dbdbdb
}

.order-detail-wrap .subpage_container dl dd .res_table .pro-top:first-child {
    border: 0;
}

.order-detail-wrap .subpage_container dl dd .res_table .btns-wrap {
    padding: 10px 6.5% 0 6.5%;
}

.order-detail-wrap .subpage_container dl dd .bank-noti {
    font-size: 12px;
    padding: 10px 6.5%;
}

.order-detail-wrap .subpage_container dl dd .delivery-adr-wrap {
    padding: 0 6.5%;
}

.order-detail-wrap .subpage_container dl dd .delivery-adr-wrap .list_01.v2 > li {
    padding: 0;
}

.order-detail-wrap .subpage_container dl dd .delivery-adr-wrap .dsp-tb {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.order-detail-wrap .subpage_container dl dd .delivery-adr-wrap .dsp-tb > li {
    display: table-cell;
    font-size: 12px;
    padding: 3px 0;
    width: 80px
}

.order-detail-wrap .subpage_container dl dd .delivery-adr-wrap .dsp-tb .td {
    text-align: right;
    font-weight: 500;
    width: calc(100% - 80px);
}

.order-detail-wrap .subpage_container dl dd .nodata {
    padding: 50px 6.5%;
}

.order-detail-wrap .subpage_container dl.delivery-info dd {
    padding: 0;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .tbody {
    border-top: 1px solid #dbdbdb;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .tbody li {
    padding: 0;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .tbody li.subject {
    padding-top: 12px;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .tbody:first-child {
    border-top: 0;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .res_table .bs-group {
    display: block;
    padding: 0 6.5%;
}

.order-detail-wrap .subpage_container dl.delivery-info dd .res_table .btns-wrap {
    padding: 10px 6.5% !important;
}

.order-detail-wrap .subpage_container .btn-area-center {
    padding: 30px 6.5% 0 6.5%;
}

.coupon-wrap .tab_basic + .btn-area-center {
    padding: 15px 6.5%;
}

.coupon-wrap .tab_basic + .btn-area-center .ab-btn {
    font-weight: bold;
    color: #767676;
    background: #fcfcfc;
}

.coupon-wrap .tab_basic + .btn-area-center .ab-btn span {
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 2px;
}

.coupon-wrap .coupon-list {
    padding: 0 6.5%;
}

.coupon-wrap .coupon-list > .tbody {
    border: 1px solid #ededed;
    border-radius: 2px;
    margin-top: 15px;
    background: #fff;
}

.coupon-wrap .coupon-list > .tbody:first-child {
    margin-top: 0;
}

.coupon-wrap .coupon-list.res_table > .tbody {
    padding: 15px 15px;
}

.coupon-wrap .coupon-list.res_table > .tbody li {
    display: block;
    flex: none;
    width: 100%;
    padding: 0;
}

.coupon-wrap .coupon-list.res_table > .tbody li.coup-name {
    font-size: 12px;
    font-weight: 500;
    color: #191919;
    margin: 5px 0 15px 0;
}

.coupon-wrap .coupon-list.res_table > .tbody li.sjb_top {
    border-top: 0;
}

.coupon-wrap .coupon-list.res_table > .tbody li.subject {
    font-size: 24px;
    font-weight: bold;
    color: #446aec;
}

.coupon-wrap .coupon-list.res_table > .tbody li.coup-limit,
.coupon-wrap .coupon-list.res_table > .tbody li.coup-least {
    font-size: 10px;
    font-weight: 500;
}

.coupon-wrap .coupon-list.res_table > .tbody.coupon_used {
    opacity: 1;
}

.coupon-wrap .coupon-list.res_table > .tbody.coupon_used * {
    color: #767676 !important;
}

.coupon-wrap .coupon-list.res_table.poss > .tbody.downloadbtn {
    position: relative;
    cursor: pointer;
}

.coupon-wrap .coupon-list.res_table.poss > .tbody.downloadbtn:after {
    content: "";
    display: block;
    width: 37px;
    height: 35px;
    background: url(../images/design/img_poss.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.coupon-wrap .coup-greeting {
    padding: 20px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.title_container3 .btn-cart {
    position: absolute;
    top: 13px;
    right: 6.5%;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    padding-top: 4px;
    background: url(../images/design/ico_cart1.svg) 0 bottom no-repeat;
}

.title_container3 .btn-cart .count {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 4px;
    background: #e61503;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 6px;
    right: 0;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.order-detail-wrap .export-intro {
    padding: 0 6.5%;
}

.order-detail-wrap .export-intro h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 20px 0 16px 0;
}

.order-detail-wrap .export-intro .cont {
    background: #f8f8fa;
}

.order-detail-wrap .export-intro .cont ul {
    padding: 10px;
}

.order-detail-wrap .export-intro .cont ul li {
    font-size: 10px;
    padding-left: 10px;
    position: relative;
    line-height: 16px;
    color: #767676;
}

.order-detail-wrap .export-intro .cont ul li span {
    color: #191919;
}

.order-detail-wrap .export-intro .cont ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 1px;
    background: #767676;
    position: absolute;
    top: 7px;
    left: 0;
}

.order-detail-wrap .export-intro .btn-area-center {
    padding: 100px 0 0 0;
}

.order-detail-wrap .export-intro .btn-area-center .ab-btn {
    float: right;
    width: calc(50% - 2px);
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: bold;
}

.order-detail-wrap .export-intro .btn-area-center .ab-btn:first-child {
    float: left;
}

.layer-saleslay.resp_layer_pop > .title {
    padding-left: 4%;
}

.layer-saleslay .layer_pop_contents.v3 {
    padding: 0 4%;
}

.layer-saleslay .slase-intro {
    padding: 10px 4%;
    background: #f8f8f8;
}

.layer-saleslay .slase-intro div {
    position: relative;
    padding: 0 25px;
}

.layer-saleslay .slase-intro div:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_saleslay.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.layer-saleslay .input_form .th {
    font-size: 12px;
    padding: 10px 0 5px 0;
}

/* 상품등록 */
.note-dropdown-item{
    font-size: 16px;
}
.dga-wrap .btn-submit {
    color: #446aec;
    font-size: 12px;
    position: absolute;
    top: 22px;
    right: 6.5%;
}

.dash-goods-add .chk-wrap {
    padding: 14px 6.5%;
}

.dash-goods-add .chk-wrap label span {
    display: inline-block;
    padding: 0 15px 0 5px;
}

.dash-goods-add .chk-wrap label input {
    vertical-align: -5px
}

.dash-goods-add .brd-top-6 {
    border-top: 6px solid #f8f8fa;

}

.dash-goods-add .dag-box {
    padding-top: 24px;
    padding-bottom: 16px;
}

.dash-goods-add .dag-box > dl > dt:nth-child(1) {
    padding-top: 0;
}

.dash-goods-add .dag-box > dl > dt {
    padding-top: 16px;
    padding-bottom: 8px;
    color: var(--color-191919);
    font: var(--text-body14-bold);
}

.dash-goods-add .dag-box > dl > dt.img_count {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dash-goods-add .dag-box > dl > dt.img_count + dd {
    border-bottom: none;
    padding-bottom: 0;
}

.dash-goods-add .dag-box > dl > dt span {
    font: var(--text-caption-regular);
    color: var(--primary-color2);
}

.dash-goods-add .dag-box textarea {
    border: 1px solid #dfdfdf;
    padding: 8px;
    max-height: 240px;

}

.dash-goods-add .dag-box > dl > dt span:last-child {
    color: var(--color-191919);
}

.dash-goods-add .dag-box > dl > dt .btn-write {
    float: right;
    color: #446aec;
    font-size: 10px;
    font-weight: normal;
}

.dash-goods-add .dag-box > dl > dt div {
    font-size: 10px;
    color: #767676;
    margin-top: 3px;
}

.dash-goods-add .dag-box > dl > dd {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ededed;
}

.dash-goods-add .dag-box > dl > dd:last-child {
    border-bottom: 0;
}

.dash-goods-add .dag-box > dl > dd input[type=text].ip-txt {
    height: 32px;
    padding: 3px 8px;
    background: #fcfcfc;
    border: 0;
    border-bottom: 1px solid #f8f8f8;
}

.dash-goods-add .dag-box > dl > dd input[type=text].ip-txt::placeholder {
    color: #767676;
}

.dash-goods-add .dag-box > dl > dd .type-date {
    display: inline-block;
    width: calc(50% - 11px);
}

.dash-goods-add .dag-box > dl > dd .til {
    display: inline-block;
    width: 15px;
    text-align: center;
}

.dash-goods-add .dag-box > dl > dd .type-date .ip-ads {
    background: #fcfcfc url(../images/design/ico_calendar.svg) left center no-repeat;
    border: 0;
}

.dash-goods-add .dag-box > dl > dd .btn-date {
    float: right;
    width: 65px;
    border: 1px solid #929292 !important;
    color: #929292;
    background: #fcfcfc;
    padding: 0;
    text-align: center;
}

.dash-goods-add .dag-box > dl > dd .ip-length {
    text-align: right;
    padding: 4px 0 0 0;
    font-size: 10px;
    color: #999;
}

.dash-goods-add .dag-box > dl > dd select {
    width: 100%;
    padding: 0 10px;
    color: var(--color-222);
    height: 35px;
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/design/ico_arw_select_off.png) right 10px center no-repeat;
    background-size: 9px 6px;
    border-color: #ddd;
    border-radius: 4px;
    transition: all 0.3s;
}

.dash-goods-add .dag-box > dl > dd select:hover {
    background: url(../images/design/ico_arw_select_on2.png) right 10px center no-repeat;
    background-size: 9px 6px;
}

.dash-goods-add .dag-box > dl > dd select:focus {
    outline: none;
}

/*.dash-goods-add .dag-box > dl > dd select:first-child {*/
/*    margin: 0 0 6px;*/
/*}*/

.dash-goods-add .dag-box > dl > dd .attach-wrap {
    padding: 0;
}

.dash-goods-add .dag-box > dl > dd .attention_txt {
    font: var(--text-caption-regular);
    color: var(--primary-color1);
    padding-bottom: 16px;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap dd {

}

.dash-goods-add .dag-box > dl > dd .attach-wrap dd .btn-add {
    width: 64px;
    height: 64px;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap dd .btn-add label {
    background: #446aec url(../images/design/ico_add2.svg) center center no-repeat;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap dd .attach-list ul li {
    width: 64px;
    height: 64px;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap.add-story dd {
    padding-left: 123px;
    min-height: 120px;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap.add-story dd .btn-add {
    width: 120px;
    height: 120px;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap.add-story dd .btn-add a {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 2px;
    background: #446aec url(../images/design/ico_add2.svg) center center no-repeat;
}

.dash-goods-add .dag-box > dl > dd .attach-wrap.add-story dd .attach-list ul li {
    width: 120px;
    height: 120px;
}

.dash-goods-add .dag-box > dl > dd .price {
    display: inline-flex;
    align-items: center;
}

.dash-goods-add .dag-box > dl > dd .price input {
    height: 26px;
    width: 90px;
    border: 1px solid var(--color-767676);
    text-align: center;
    padding: 0;
}

.dash-goods-add .dag-box > dl > dd .price.discount input {
    color: var(--primary-color3);
}

.dash-goods-add .dag-box > dl > dd .price.discount input::placeholder {
    color: var(--primary-color3);
}

.dash-goods-add .dag-box > dl > dd .price .won {
    display: inline-block;
    margin: 0 5px;
    color: var(--color-191919);
    font: var(--text-body13-regular);
}

.dash-goods-add .dag-box > dl > dd .price.discount .won {
    color: var(--primary-color3);
    font: var(--text-body13-regular);
    vertical-align: middle;
}

.dash-goods-add .dag-box > dl > dd input.ab-btn {
    border: 1px solid var(--color-222);
    float: right;
    font-size: 10px;
}

.dash-goods-add .dag-box > dl > dd .total-prc {
    padding: 14px 0 8px 0;
    border-bottom: 1px solid #ededed;
}

.dash-goods-add .dag-box > dl > dd .total-prc:after {
    content: "";
    display: block;
    clear: both;
}

.dash-goods-add .dag-box > dl > dd .total-prc dt {
    float: left;
    color: var(--color-191919);
    font: var(--text-body14-bold);
}

.dash-goods-add .dag-box > dl > dd .total-prc dd {
    float: right;
    color: var(--primary-color2);
    font: var(--text-body14-bold);
}

.dash-goods-add .dag-box.fund-box > dl > dd .noti {
    padding: 4px 0 0 0;
    font-size: 10px;
    color: #e61503
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner {
    position: relative;
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner.over {
    max-height: 380px;
    overflow: hidden;
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner:after {
    content: "";
    display: block;
    display: none;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner.over:after {
    display: block;
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner.show {
    max-height: none;
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .goods-da-inner.show:after {
    display: none;
}

.dash-goods-add .dag-box > dl > dd .goods_desc_contents.goods-detail-add .btn_more {
    width: 100%;
    padding: 5px 0;
}

.dash-goods-add .dag-box > dl > dd .opt-list li {
    position: relative;
    padding: 0 22px;
    margin-top: 4px;
}

.dash-goods-add .dag-box > dl > dd .opt-list li input[type="button"] {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
}

.dash-goods-add .dag-box > dl > dd .opt-list li input[type="button"].opt-delete {
    left: 0;
    background: url(../images/design/btn_opt_del.svg) 0 0 no-repeat;
}

.dash-goods-add .dag-box > dl > dd .opt-list li input[type="button"].opt-add {
    right: 0;
    background: url(../images/design/btn_opt_add.svg) 0 0 no-repeat;
}

.dash-goods-add .dag-box > dl > dd .opt-list li input[type="text"] {
    border: 1px solid #ededed;
    border-radius: 4px;
}
.add_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.added_list li{
    display: flex;
    align-items: center;
    gap:8px;
    flex-wrap: wrap;
    margin-bottom:12px
}
.added_list li:last-child{
    margin-bottom:0;
}
.added_list li input:first-of-type{
    flex:1 1 219px
}
.added_list li input:last-of-type{
    flex:1 1 227px
}
.added_list .del_btn{
    flex:0 0 16px;
    width: 16px;
    height: 16px;
    background: url(../images/ico_deep_close.png) no-repeat center / contain;
}


@media all and (max-width: 410px) {
    .dash-goods-add .dag-box > dl > dd input.ab-btn {
        min-width: 65px;
        padding: 0;
        text-align: center;
    }
}

@media all and (max-width: 380px) {
    .dash-goods-add .dag-box > dl > dd .price input {
        width: 60px;
    }
}

.dga-wrap .cho-list > ul {
    padding: 20px 6.5% 0 6.5%;
}

.dga-wrap .cho-list > ul > li {
    position: relative;
    padding-left: 26px;
    margin-top: 12px;
}

.dga-wrap .cho-list > ul > li:first-child {
    margin-top: 0;
}

.dga-wrap .cho-list > ul > li > label {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.dga-wrap .cho-list > ul > li > label:after {
    content: "";
    display: block;
    clear: both;
}

.dga-wrap .cho-list > ul > li > label input[type=checkbox] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.dga-wrap .cho-list > ul > li > label input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fcfcfc url(../images/design/ico_chk.svg) 0 0 no-repeat;
    background-size: cover !important;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.dga-wrap .cho-list > ul > li > label input[type=radio]:checked {
    background: #fcfcfc url(../images/design/ico_chk_on.svg) 0 0 no-repeat;
}

.dga-wrap .cho-list > ul > li > label > span {
    float: left;
    display: block;
}

.dga-wrap .cho-list > ul > li > label > span.img {
    position: relative;
    width: 100px;
    padding-top: 100px;
    border-radius: 4px;
    overflow: hidden;
}

.dga-wrap .cho-list > ul > li > label > span.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dga-wrap .cho-list > ul > li > label > span.title {
    float: right;
    width: calc(100% - 104px);
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.dga-wrap .cho-list > ul > li > a {
    display: block;
    padding: 4px 0;
    font-size: 12px;
    color: #191919;
    text-align: center;
    background: #ededed;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 130px);
    line-height: 16px;
}

.dga-wrap .teens-post-write {
    padding-left: 6.5%;
}

.dga-wrap .teens-post-write .profile-wrap {
    padding: 20px 0 10px 0;
}

.dga-wrap .tpw-goods {
    position: relative;
    margin-right: 6.5%;
    padding: 4px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.dga-wrap .tpw-goods > div {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.dga-wrap .tpw-goods > div:after {
    content: "";
    display: block;
    clear: both;
}

.dga-wrap .tpw-goods > div > span {
    float: left;
    display: block;
}

.dga-wrap .tpw-goods > div > span.img {
    position: relative;
    width: 80px;
    padding-top: 80px;
    border-radius: 4px;
    overflow: hidden;
}

.dga-wrap .tpw-goods > div > span.img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dga-wrap .tpw-goods > div > span.title {
    float: right;
    width: calc(100% - 84px);
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.dga-wrap .tpw-goods > a {
    display: block;
    padding: 4px 0;
    font-size: 12px;
    color: #191919;
    text-align: center;
    background: #ededed;
    border-radius: 3px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: calc(100% - 92px);
    line-height: 16px;
}

.dga-wrap .tpw-write-area {
}

.dga-wrap .tpw-write-area textarea {
    padding: 10px;
    height: 100px;
    margin: 0 6.5% 0 0;
    border: 0;
    background: #fcfcfc;
    width: 93.5%;
}

.dga-wrap .tpw-attach dt {
    padding: 10px 6.5% 10px 0;
    font-weight: bold;
    font-size: 16px;
}

.dga-wrap .tpw-attach dt .num {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.dga-wrap .tpw-attach dt .num span {
    font-size: 14px;
    color: #446aec;
}

.dga-wrap .tpw-attach dd .attach-wrap {
    padding-left: 0;
}

.alarm-wrap {
    padding-bottom: 55px;
}

.alarm-wrap .title_container3 {
    border-bottom: 0;
}

.alarm-wrap .ar-setting-area .title_container3 {
    border-bottom: 1px solid #f4f4f4;
}

.alarm-wrap .title_container3 .btn-setting {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
    background: url(../images/design/btn_setting.svg) center center no-repeat;
}

.alarm-area .search-inner {
    padding: 1px 0;
    margin: 30px 0 0;
    border-top: 1px solid #e3e3e3;
}

.alarm-area .tabs {
    margin-right: 0;
    padding: 0 6.5%;
    background-color: #fcfcfc;
}

.alarm-area .tab-cont {
    padding: 0 6.5%;
}

.alarm-area .tab-cont > div {
    padding: 0;
}

.alarm-area .tab-cont > div > dl > dt {
    font-size: 14px;
    font-weight: 500;
    margin: 16px 0;
    line-height: 20px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap {
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder {
    margin-top: 8px;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder > div {
    display: table-cell;
    vertical-align: middle;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .photo {
    width: 54px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .photo div {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #fcfcfc;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder.provider .photo div {
    border-color: #446aec;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .photo div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont {
    padding: 0 12px 0 4px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont .re-cont-inner {
    font-size: 12px;
    line-height: 18px; /*max-height:54px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; word-break:keep-all;*/
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont .re-cont-inner .reply {
    color: #767676;
    display: inline;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont .date {
    font-size: 10px;
    color: #999;
    margin-top: 3px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont2 {
    width: 54px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont2 div {
    width: 54px;
    height: 54px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont2 div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder.follwer .re-cont2 {
    width: 80px;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .btn-follow {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    font-size: 12px;
    min-width: 80px;
    box-sizing: border-box;
    text-align: center;
    padding: 4px 15px;
    line-height: 12px;
    font-weight: 500;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fcfcfc;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .btn-follow.able {
    color: #fff;
    background: #446aec;
    border-color: #446aec;
}

.alarm-wrap .alarm-setting-area {
    border-top: 6px solid #f8f8fa;
}

.alarm-wrap .alarm-setting-area dt {
    padding: 12px 6.5%;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #ededed;
}

.alarm-wrap .alarm-setting-area dd {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.alarm-wrap .alarm-setting-area dd ul li {
    border-top: 1px solid #f8f8f8;
    font-size: 14px;
}

.alarm-wrap .alarm-setting-area dd ul li:first-child {
    border: 0;
}

.alarm-wrap .alarm-setting-area dd ul li label {
    position: relative;
    display: block;
    position: relative;
    padding: 12px 6.5%;
}

.alarm-wrap .alarm-setting-area dd ul li label input {
    position: absolute;
    top: 50%;
    right: 6.5%;
    transform: translateY(-50%);
}

.toast-alarm {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 87%;
    max-width: 414px;
    background: #fcfcfc;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 6px 12px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.toast-alarm > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.toast-alarm > div > div {
    display: table-cell;
    vertical-align: middle;
}

.toast-alarm > div > div.photo {
    width: 38px;
}

.toast-alarm > div > div.photo div {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    overflow: hidden;
}

.toast-alarm > div > div.photo div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-alarm > div > div.re-cont {
    font-size: 12px;
    padding-left: 6px;
}

/* 대시보드-주문현황 */
.my-dash-order {
}

.dash-order-area .tabs {
    padding: 0 6.5%;
    border-bottom: 1px solid #e3e3e3;
}

.dash-order-area .tabs li {
    float: left;
    width: 50%;
}

.dash-order-area .tabs li a {
    display: block;
    text-align: center;
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 2px solid #fcfcfc;
    padding: 10px 0;
}

.dash-order-area .tabs li a.active {
    color: #446aec;
    border-color: #446aec;
    font-weight: bold;
}

.dash-order-area .tab-cont {
    padding: 20px 0;
}

.dash-order-area .tab-cont .tcont-top {
    padding: 0 6.5% 20px 6.5%;
    border-bottom: 6px solid #f8f8fa;
}

.dash-order-area .tab-cont .date-range {
    text-align: center;
}

.dash-order-area .tab-cont .date-range .month {
    margin: 4px 0 0;
}

.dash-order-area .tab-cont .date-range span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    width: 50px;
}

.dash-order-area .tab-cont .date-range input {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/design/arr_point_down.png) no-repeat center;
    background-size: cover;
    vertical-align: -4px;
    margin: 0 8px;
}

.dash-order-area .tab-cont .date-range input.prev {
    transform: rotate(90deg);
}

.dash-order-area .tab-cont .date-range input.next {
    transform: rotate(-90deg);
}

.dash-order-area .tab-cont .sales {
    font-size: 16px;
    line-height: 24px;
    background: #191919;
    border-radius: 4px;
    padding: 8px 13px;
    margin-top: 20px;
}

.dash-order-area .tab-cont .sales:after {
    content: "";
    display: block;
    clear: both;
}

.dash-order-area .tab-cont .sales dt {
    float: left;
    color: #fcfcfc;
}

.dash-order-area .tab-cont .sales dd {
    float: right;
    color: #ece644;
}

.dash-order-area .tab-cont .tcont {
}

.dash-order-area .tab-cont .tcont-head {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 12px 6.5%;
    border-bottom: 1px solid #ededed;
}

.dash-order-area .tab-cont .tcont-head:after {
    content: "";
    display: block;
    clear: both;
}

.dash-order-area .tab-cont .tcont-head div {
    float: left;
}

.dash-order-area .tab-cont .tcont-head span {
    float: right;
}

.dash-order-area .tab-cont .tcont-body .item_info {
    position: relative;
    padding: 12px 6.5%;
    border-bottom: 1px solid #ededed;
}

.dash-order-area .tab-cont .tcont-body .item_info .profile-wrap {
    display: inline-block;
    margin-right: 8px;
}

.dash-order-area .tab-cont .tcont-body .item_info .profile-wrap > a {
    width: auto;
}

.dash-order-area .tab-cont .tcont-body .item_info .profile-wrap > a .photo,
.dash-order-area .tab-cont .tcont-body .item_info .profile-wrap > a .photo > img {
    width: 20px;
    height: 20px;
}

.dash-order-area .tab-cont .tcont-body .item_info .date {
    display: inline-block;
    font-size: 10px;
    color: #767676;
    vertical-align: super;
}

.dash-order-area .tab-cont .tcont-body .item_info > .oc_item_info_detail {
    padding: 2px 0 0 0;
}

.dash-order-area .tab-cont .tcont-body .item_info .oc_item_info_detail .goods_name {
    font-size: 12px;
}

.dash-order-area .tab-cont .tcont-body .item_info .oc_item_info_detail .order_price {
    text-align: right;
    position: relative;
}

.dash-order-area .tab-cont .tcont-body .item_info .oc_item_info_detail .order_price .return-status {
    font-size: 10px;
    font-weight: normal;
    color: #e61503;
    position: absolute;
    top: -13px;
    right: 0;
}

/* 정산 */
.my-dash-calc {
}

.my-calcu-area .noti {
    background: #f8f8f8;
    padding: 8px 6.5%;
    font-size: 10px;
    line-height: 13px;
    color: #767676;
}

.my-calcu-area .noti .inner {
    position: relative;
    padding-left: 24px;
}

.my-calcu-area .noti .inner a {
    color: #446aec;
}

.my-calcu-area .noti .inner:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/design/ico_ques.svg) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.my-calcu-area .calcu-list-wrap {
    padding: 0 6.5%;
}

.my-calcu-area .calcu-list-wrap h3 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-top: 12px;
}

.my-calcu-area .calcu-list-wrap .calcu-box {
    position: relative;
    display: block;
    border: 1px solid #ededed;
    border-radius: 6px;
    padding: 12px;
    margin-top: 12px;
}

.my-calcu-area .calcu-list-wrap .calcu-box .month {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.my-calcu-area .calcu-list-wrap .calcu-box .month span {
    display: inline-block;
}

.my-calcu-area .calcu-list-wrap .calcu-box .month span:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f00;
}

.my-calcu-area .calcu-list-wrap .calcu-box .date {
    font-size: 10px;
    color: #767676;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.my-calcu-area .calcu-list-wrap .calcu-box .calcu {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail {
    border: 1px solid #ededed;
    border-radius: 6px;
    margin-top: 12px;
    padding: 0 12px;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dt {
    border-bottom: 1px solid #ededed;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dt a {
    display: block;
    padding: 10px 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dt a:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    width: 16px;
    height: 10px;
    background: url(../images/design/arr_common.svg) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd {
    padding: 4px 0 10px 0;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .calcu-d-prc li {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .calcu-d-prc li:after {
    content: "";
    display: block;
    clear: both;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .calcu-d-prc li div {
    float: left;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .calcu-d-prc li span {
    float: right;
    font-weight: 500;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .total {
    border-top: 1px solid #ededed;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 0 0 0;
    margin-top: 10px;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .total:after {
    content: "";
    display: block;
    clear: both;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .total div {
    float: left;
}

.my-calcu-area .calcu-list-wrap .recentely .calcu-detail dd .total span {
    float: right;
    font-weight: 500;
}

.my-calcu-area .calcu-view-wrap {
    padding: 20px 6.5%;
}

.my-calcu-area .calcu-view-wrap .inner {
    border: 1px solid #ededed;
    border-radius: 6px;
    padding: 0 12px;
}

.my-calcu-area .calcu-view-wrap h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 0;
}

.my-calcu-area .calcu-view-wrap h3 > div {
    float: right;
    font-size: 10px;
    color: #767676;
    line-height: 15px;
}

.my-calcu-area .calcu-view-wrap .inner dl dt {
    padding: 10px 0;
    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
}

.my-calcu-area .calcu-view-wrap .inner dl dt.brd-b1 {
    border-bottom: 1px solid #dbdbdb;
}

.my-calcu-area .calcu-view-wrap .inner dl dt:after {
    content: "";
    display: block;
    clear: both;
}

.my-calcu-area .calcu-view-wrap .inner dl div {
    float: left;
    font-size: 14px;
    line-height: 20px;
}

.my-calcu-area .calcu-view-wrap .inner dl span {
    float: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.my-calcu-area .calcu-view-wrap .inner dl dd ul li {
    color: #767676;
    border-top: 1px solid #dbdbdb;
    padding: 10px 0;
}

.my-calcu-area .calcu-view-wrap .inner dl dd ul li:first-child {
    border-top: 0;
}

.my-calcu-area .calcu-view-wrap .inner dl dd ul li:after {
    content: "";
    display: block;
    clear: both;
}

.my-calcu-area .calcu-view-wrap .inner dl dd ul li .color2 {
    font-weight: bold;
}

/* 취소환불 */
.mypage-wrap .total-count {
    padding: 10px 6.5%;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #dbdbdb;
}

.apply-wrap {
    border-bottom: 1px solid #ededed;
}

.refund-wrap {
}

.refund-wrap .rfw-top {
    font-size: 10px;
    line-height: 11px;
    padding: 10px 6.5%;
}

.refund-wrap .rfw-top .date {
    display: inline-block;
    color: #191919;
    margin-right: 3px;
}

.refund-wrap .rfw-top .ord-num {
    color: #767676;
    text-decoration: underline;
}

.refund-wrap .shipping_group .group-label {
    padding: 10px 6.5%;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

.refund-wrap .shipping_group input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fcfcfc url(../images/design/ico_chk.svg) 0 0 no-repeat;
    background-size: cover !important;
}

.refund-wrap .shipping_group input[type=radio]:checked {
    background: #fcfcfc url(../images/design/ico_chk_on.svg) 0 0 no-repeat;
}

.refund-wrap.apply .res_table .pro-top {
    border-top: 0;
    padding: 14px 0 8px 0;
}

.refund-wrap.apply .res_table .res_option_inline {
    margin: 0;
    font-size: 10px;
    color: #767676;
    font-weight: normal;
    line-height: 18px;
    display: block;
}

.refund-wrap.apply .res_table .res_option_inline.quan:before {
    content: "/ ";
    display: inline-block;
    font-size: 10px;
    padding: 0 2px;
    display: none;
}

.refund-wrap.apply .res_table .res_option_inline .xtle {
    display: none;
}

.refund-wrap .res_table .pro-top .profile-wrap > a .name {
    line-height: 20px;
}

.refund-wrap .res_table > .tbody {
    position: relative;
    border-bottom: 1px solid #ededed;
    border-top: 0;
}

.refund-wrap .res_table > .tbody li.subject {
    padding: 0 6.5% 14px 6.5%;
}

.refund-wrap .res_table > .tbody li.subject .board_goods_list .pic {
    padding-left: 28px;
}

.refund-wrap .res_table > .tbody li.subject .board_goods_list .pic div {
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 2px;
}

.refund-wrap .res_table > .tbody li.subject .board_goods_list .pic div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    width: 100%;
    height: auto;
}

.refund-wrap .res_table > .tbody li.subject .board_goods_list .pic div img.landscape {
    width: auto;
    height: 100%;
    max-width: none;
}

.order-detail-wrap .board_goods_list > li.pic img.landscape {
    width: auto !important;
    height: 100%;
}

.refund-wrap .res_table > .tbody li.subject .board_goods_list .pay-prc {
    font-size: 16px;
    font-weight: bold;
    font-family: "Roboto";
}

.refund-wrap .res_table > .tbody li.chk-li {
    position: absolute;
    top: 66px;
    left: 6.5%;
    padding: 0;
}

.refund-wrap .res_table > .tbody li.ord-quan {
    padding-left: 6.5%;
}

.refund-wrap .res_table > .tbody li.ord-quan,
.refund-wrap .res_table > .tbody li.ab-quan,
.refund-wrap .res_table > .tbody li.app-quan {
    display: none;
}

.refund-wrap .res_table > .tbody:last-child {
    border-bottom: 0;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions {
    margin-top: 0;
    border-top: 0;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions {
    margin-top: 0;
    border-top: 0;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions li.chk-li {
    top: 50%;
    margin-top: -10px;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions li.subject {
    padding-top: 14px;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions li.subject .pro-top {
    display: none;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions li.subject .reply_ui {
    padding-left: 28px;
    background: none;
    font-size: 14px;
}

.order-detail-wrap .refund-wrap .res_table > .tbody.suboptions li.subject .reply_ui .res_option_inline {
    font-size: 10px;
}

.order-detail-wrap .subpage_container .refund-wrap dl {
    border-bottom: 1px solid #ededed;
}

.order-detail-wrap .subpage_container .refund-wrap dl dt {
    border-top: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd {
}

.order-detail-wrap .subpage_container .refund-wrap dl dd h4 {
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0 6px 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont input {
    padding: 8px 12px;
    height: 34px;
    width: 100%;
    border: 1px solid #dbdbdb;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont .ip-type {
    box-sizing: border-box;
    padding: 8px 12px;
    height: 34px;
    width: 100%;
    border: 1px solid #dbdbdb;
    background: #fff;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont .tel-box input {
    width: calc(33.33% - 11px);
    padding: 8px 0;
    text-align: center;
    height: 27px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont .tel-box .til {
    display: inline-block;
    width: 10px;
    text-align: center;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont .account input {
    width: calc(33.33% - 2px);
    padding: 8px 0;
    text-align: center;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .dl4-cont textarea {
    height: 80px;
    padding: 12px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-method-box {
    display: none;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .order_price_total.od-tb {
    padding: 0 0 10px 0;
    margin: 0 6.5%;
    border-bottom: 1px solid #f8f8f8;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .order_price_total.od-tb li {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .order_price_total.od-tb .buttons {
    padding: 9px 0 0 0;
    margin-bottom: -6px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .order_price_total.od-tb .buttons a {
    display: block;
    width: 100%;
    font-size: 10px;
    border-radius: 2px;
    background: #fcfcfc;
}

.order-detail-wrap .subpage_container .refund-wrap.rf-view-wrap dl dd .order_price_total.od-tb li {
    padding: 3px 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl.pdb10 dd {
    padding-bottom: 10px;
}

.order-detail-wrap .subpage_container .refund-wrap dl.pd65 dd {
    padding: 10px 6.5%;
}

.order-detail-wrap .subpage_container .refund-wrap .noti {
    padding: 6px 6.5% 20px 6.5%;
    border-top: 1px solid #f8f8f8;
}

.order-detail-wrap .subpage_container .refund-wrap .res_table + .noti {
    padding-bottom: 20px;
}

.order-detail-wrap .subpage_container .refund-wrap .noti li {
    font-size: 10px;
    line-height: 15px;
    position: relative;
    padding-left: 6px;
    color: #999;
    margin-top: 4px;
    word-break: keep-all;
}

.order-detail-wrap .subpage_container .refund-wrap .res_table + .noti li {
    margin-top: 2px;
}

.order-detail-wrap .subpage_container .refund-wrap .noti li:before {
    content: "";
    display: block;
    width: 3px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 6px;
    left: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box {
    padding: 0 6.5%;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #dbdbdb;
    height: 34px;
    padding: 0 12px;
    width: 100%;
    background: #fff url(../images/design/sel_arr.svg) right 10px center no-repeat;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box select:focus {
    outline: none;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box textarea.size1 {
    height: 140px;
    padding: 10px 12px;
    background: #fcfcfc;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .method {
    position: relative;
    width: 82px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #446aec;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 10px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .method input {
    width: 1px;
    height: 1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: -1px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .noti {
    padding: 6px 0 0 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .noti li {
    padding: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .noti li:before {
    display: none;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box.form_style .dl4-cont input {
    font-size: 10px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box.form_style .dl4-cont textarea {
    font-size: 10px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box h5 {
    font-size: 12px;
    line-height: 18px;
    padding: 31px 0 6px 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box h5:first-child {
    padding-top: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li {
    margin-top: 4px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li label {
    position: relative;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li label input {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li label span {
    display: block;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px;
    color: #767676;
    padding: 8px 10px;
    border: 1px solid #dbdbdb;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li label input:checked + span {
    color: #446aec;
    border: 1px solid #446aec;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .reason li label .code {
    display: none;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box.shipping_refund input[type=text] {
    height: 34px;
    padding: 8px 12px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box.shipping_refund select {
    height: 34px;
    padding: 0 12px;
    margin-top: 5px;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl {
    border: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl:after {
    content: "";
    display: block;
    clear: both;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl dt {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0;
    border: 0;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl dd {
    padding: 3px 0;
    float: right;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl dd .dl4-cont2 label {
    display: block;
    padding: 0;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.order-detail-wrap .subpage_container .refund-wrap dl dd .rf-info-box .data-box dl dd .dl4-cont2 input[type=radio] {
    width: 1px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.return-address input[type=text],
.return-address input[type=tel] {
    width: 100%;
    height: 27px !important;
    padding: 5px 12px !important;
    font-size: 10px;
}

.return-address input[type=tel] {
    margin-bottom: 5px;
    border-color: #dbdbdb;
}

.return-address select {
    height: 27px !important;
    font-size: 10px;
    padding: 0 12px;
}

.size-zip {
    display: inline-block;
    width: calc(100% - 100px);
}

.size-zip-btn {
    display: inline-block;
    width: 96px;
    float: right;
}

.size-zip-btn button {
    font-size: 10px;
    color: #fff;
    background: #446aec;
    border-color: #446aec;
    height: 27px;
    display: block;
    width: 100%;
}

.return-shipping {
    padding-bottom: 10px;
}

.return-shipping h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #191919;
}

.return-shipping h5 .btn-status {
    float: right;
    color: #446aec;
    font-size: 12px;
}

.return-shipping .ow-name {
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
}

.return-shipping .ow-address {
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px;
}

.order-detail-wrap .subpage_container .refund-wrap .rf-noti {
    padding: 8px 6.5% 0 6.5%;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.order-detail-wrap .subpage_container .refund-wrap .btn_area_c:after {
    content: "";
    display: block;
    clear: both;
}

.order-detail-wrap .subpage_container .refund-wrap .btn_area_c .btn-cancel {
    background: #f8f8f8;
}

.order-detail-wrap .subpage_container .refund-wrap .btn_area_c .ab-btn {
    border-radius: 0;
    width: 50%;
    float: left;
    height: 64px !important;
    line-height: 62px !important;
}

.order-detail-wrap .subpage_container .rf-view-wrap dl {
    border-bottom: 0;
}

.order-detail-wrap .subpage_container .rf-view-wrap dl dt .btn-status {
    float: right;
    color: #446aec;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.order-detail-wrap .subpage_container .rf-view-wrap .btn_area_b {
    padding: 20px 6.5%;
    border-top: 1px solid #ededed;
    margin-top: 10px;
}

/* 나의 리뷰 */
.review-wrap .review-greeting {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    padding: 12px 6.5%;
    background: #f8f8f8;
}

.review-wrap .my-review-list > li {
    padding: 14px 6.5%;
}

.review-wrap .my-review-list > li .board_goods_list > li {
    border: 0;
    vertical-align: top;
}

.review-wrap .my-review-list > li .board_goods_list > li.pic {
    width: 70px;
    height: 70px;
    padding: 0 4px 0 0;
}

.review-wrap .my-review-list > li .board_goods_list > li.pic .btn-pic {
    display: block;
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.review-wrap .my-review-list > li .board_goods_list > li.pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.review-wrap .my-review-list > li .board_goods_list > li.info {
    padding: 0;
    padding-bottom: 15px;
    position: relative;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .name > a:before {
    display: none;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .name > a {
    color: #191919;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .cont .opts {
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    color: #767676;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .cont .opts:before {
    content: "/";
    display: inline-block;
    padding: 0 3px 0 1px;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .cont .opts:first-child:before {
    display: none;
}

.review-wrap .my-review-list > li .board_goods_list > li.info .date {
    font-size: 10px;
    color: #999;
    line-height: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.review-wrap .my-review-list > li .ques .score {
    margin-bottom: 4px
}

.review-wrap .my-review-list > li .cont {
    line-height: 1;
    padding: 0;
}

.review-wrap .my-review-list > li .ques-top {
    font-size: 10px;
    line-height: 11px;
    padding: 4px 0;
}

.review-wrap .my-review-list > li .ques .btn-area {
    padding: 14px 0 4px 0;
    border: 0;
}

.review-wrap .my-review-list > li.complete .ques .btn-area {
    display: none;
}

.review-wrap .my-review-list > li .ques .btn-area .ab-btn {
    display: block;
    border: 1px solid #446aec;
    height: 27px;
    line-height: 27px;
    font-size: 10px;
    font-weight: normal;
    color: #446aec
}

.review-wrap .my-review-list > li .ques-top span {
    color: #e61503;
    font-weight: 500;
}

.review-wrap .my-review-list > li.complete .ques-top span {
    color: #446aec;
}

.review-wrap .my-review-list > li .ques-top div {
    color: #999;
    display: inline-block;
    margin-left: 3px;
}

.review-wrap .my-review-list > li .pro-name {
    line-height: 15px;
    font-size: 10px;
    color: #999;
    margin-bottom: 4px;
}

.review-wrap .my-review-list > li .pro-name a {
    line-height: 15px;
    font-size: 10px;
    color: #999;
}

.review-wrap .my-review-list > li .ans {
    padding: 10px 10px 14px 10px;
    display: none;
}

.review-wrap .my-review-list > li.complete .ans {
    display: block;
}

.review-wrap .my-review-list > li.complete .ans .name {
    padding: 0;
}

.review-wrap .my-review-list > li.complete .ans .name:before {
    display: none;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap {
    display: inline-block;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap a {
    width: auto;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap .photo {
    width: 20px;
    height: 20px;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap .photo {
    width: 20px;
    height: 20px;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap .name {
    font-size: 12px;
    font-weight: 500;
    padding-left: 2px;
}

.review-wrap .my-review-list > li.complete .ans .name .profile-wrap .name .date {
    margin-top: 4px;
    color: #999;
}

.review-wrap .my-review-list > li.complete .ans .cont {
    padding-top: 3px;
}


/* service/cs - 홈 */
.ms_cswrap .search-area .tabs {
    margin: 0;
}

.ms_cswrap .search-area .tabs li {
    width: calc(25% - 3.25%);
}

.ms_cswrap .search-area .tabs li:first-child {
    margin-left: 6.5%;
}

.ms_cswrap .search-area .tabs li:last-child {
    margin-right: 6.5%;
}

.ms_cswrap .search-area .tabs li a {
    padding: 11px 0 7px;
}

.ms_cswrap .subpage_wrap .subpage_container {
    padding: 0 6.5%;
}

.ms_cswrap .subpage_wrap {
    padding: 0
}

.ms_cswrap .title_container2 {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px #ddd solid;
}

.ms_cswrap .title_container2 .title_sub6 {
    font-size: 14px;
    font-weight: bold
}

.ms_cswrap .answer img {
    width: 100% !important;
}

.ms_cswrap .faq_new.v2 {
    padding: 0 0 10px;
}

.ms_cswrap .faq_new.v2 .question {
    padding: 12px 40px 12px 0;
    cursor: pointer;
    transition: all 0.3s;
}

.ms_cswrap .faq_new.v2 .question:hover {
    cursor: pointer
}

.question.turn_arr::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/design/arr_gray_btm.svg) no-repeat left top;
    width: 20px;
    height: 20px;
    transition: transform 0.3s;
}

.spin .question.turn_arr::after {
    transform: translateY(-50%) rotate(-180deg);
}

.ms_cswrap .faq_new.v2 .question:before {
    display: none;
}

.ms_cswrap .faq_new.v2 .question .subject {
    padding: 0;
    background-color: transparent;
    word-break: keep-all;
}

.subject .list-bracket {
    color: #446aec;
    margin: 0 4px 0 0;
}

.ms_cswrap .faq_new.v2 .question .add_info {
    display: block;
    color: #999;
    font-size: 10px;
    padding: 4px 0 0;
}

.ms_cswrap .faq_new.v2 .question .add_info[data-type="category"] {
    padding: 0 0 4px;
}

.ms_cswrap .faq_new.v2 .question .list-text {
    display: block:
}

.ms_cswrap .faq_new.v2 .answer {
    padding: 8px;
}

.ms_cswrap .faq_new.v2 .answer:before {
    display: none;
}

/* service/cs_help - 이용문의 */
.help-pg {
    padding: 20px 0;
}

.help-pg .title_sub6 {
    font-size: 16px;
}

.help-pg dd p {
    padding: 4px 0 0;
    font-size: 10px;
    color: #767676;
}

.help-pg dd a {
    line-height: 28px;
}

.help-pg .btn_wrap {
    padding: 12px 0 0;
}

.help-pg .btn_wrap a {
    display: block;
    text-align: center;
    font-size: 10px;
}

.help-pg .btn_wrap.type2 a:hover, .help-pg .btn_wrap.type1 a:hover {
    cursor: pointer
}

.help-pg .btn_wrap.type2 {
    overflow: hidden;
    align-items: center;
    justify-content: space-between
}

.help-pg .btn_wrap.type2 a {
    float: left;
    width: calc(50% - 4px);
    border: 1px solid #191919;
    box-sizing: border-box;
    font-weight: 500;
}

.help-pg .btn_wrap.type2 a:last-child {
    margin: 0 0 0 4px;
}

.help-pg .btn_wrap.type1 a {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}

.mypage-wrap .title_list {
    margin: 20px 0 0;
    padding: 10px;
    background: #f8f8fa;
    border-radius: 2px;
}

.mypage-wrap .title_list .list_timg {
    font-size: 12px;
    padding: 0 0 4px;
    font-weight: 500;
    color: #191919;
    vertical-align: middle;
}

.mypage-wrap .title_list .list_timg::after {
    content: "";
    display: inline-block;
    margin: 0 0 0 2px;
    width: 14px;
    height: 14px;
    background: url(../images/design/icon_hand.png) no-repeat center;
    background-size: cover;
    vertical-align: -2px;
}

.mypage-wrap .title_list li {
    color: #767676;
    padding: 4px 0 0;
    font-size: 10px;
}

.mypage-wrap .title_list li span {
    color: #191919;
    font-weight: 500;
}

.t_border6 {
    border-top: 6px solid #f8f8fa;
}

/*이용문의 파란생 팝업*/
.layer-popup.type-btm2 .layer-inner .cho-list li a {
    color: #446aec
}

.layer-popup.type-btm2 .layer-inner .cho-list li a:not(.close) {
    background: #f8f8f8;
}

/*service/cs_faq - faq*/
.subpage_wrap .btn_list {
    margin: 12px 0 0;
}

.subpage_wrap .btn_list li {
    display: inline-block;
}

.subpage_wrap .btn_list li:hover {
    display: inline-block;
}

.subpage_wrap .btn_list li button {
    display: block;
    padding: 4px 12px;
    margin: 0 4px 4px 0;
    border: 1px solid #dbdbdb;
    font-size: 10px;
    box-sizing: border-box;
    border-radius: 2px;
}

.subpage_wrap .btn_list li button:hover {
    cursor: pointer;
}

.subpage_wrap .btn_list li.active button {
    border-color: #446aec;
}

.ms_cswrap .faq_new.v2.tab_content {
    display: none;
}


/*레이아웃 팝업(삭제/공유)*/
.layer-inner .cho-list li a {
    color: #191919 !important;
}

.layer-inner .cho-list > li:first-child a:first-child, .layer-inner .cho-list > li:first-child button:first-child {
    color: #e61503 !important;
}

/*상품상세 - 장바구니버튼*/

.goods_buy_sections .btn_resp.btn-open-layer {
    display: inline-block;
    width: 100%;
}


/*장바구니*/
.ms-cart .disnone {
    display: none !important;
}

.ms-cart .mypage-wrap {
    padding: 0;
}

.ms-cart .mypage-wrap .title_container3 {
    padding: 0;
    z-index: 10;
}

.ms-cart .cart_list {
    padding: 0 0 80px;
}

.ms-cart .cgd_contents .option_area .xtle {
    display: none;
}

.ms-cart .btn_resp.color2 {
    color: #fff;
    background-color: #191919;
}

.ms-cart .cart_list .cart_goods_detail .btn_thisitem_del {
    top: 0;
    right: 0;
    background-image: url(../images/icon/icon_cart_black.svg)
}

.ms-cart .cart_contents_top {
    padding: 0 6.5%;
    border-bottom: 4px solid #f8f8fa;
}

.ms-cart .cart_contents_top li {
    float: left;
    width: 50%;
}

.ms-cart .cart_contents_top li:last-child {
    text-align: right;
}

.ms-cart .cart_contents_top li .btn_select_del,
.ms-cart .cart_contents_top > li label {
    display: block;
    line-height: 44px;
    font-size: 12px;
}

.ms-cart .cart_contents_top li .btn_select_del {
    display: inline-block;
}

/*장바구니 상품*/
.ms-cart .profile.type1 .photo {
    width: 20px;
    height: 20px;
}

.ms-cart .cart_list .cart_goods:nth-of-type(2) {
    border: 0;
}

.ms-cart .cart_list .goods_delivery_info {
    padding: 8px 6.5% 0;
}

.ms-cart .cart_list .shipping_group_list .cart_goods_detail {
    padding: 8px 6.5%;
}

.ms-cart .cart_list .cart_goods_detail .cgd_top {
    position: relative;
    z-index: 2;
    padding: 0;
}

.ms-cart .cart_list .cart_goods_detail .cgd_top label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.ms-cart .cart_list .cart_goods_detail .goods_name {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 0 0;
    width: 100%;
}

.ms-cart .cart_list .cart_goods_detail .goods_name + .cart_quantity em {
    display: inline-block;
}

.ms-cart .cart_list .cgd_contents .cart_suboptions {
    width: 70%;
    margin: 2px 0;
}

.ms-cart .cart_list .cgd_contents .cart_suboptions > li {
    display: inline-block;
    vertical-align: top;
    min-height: 15px;
    font-size: 10px;
    box-sizing: border-box;
    color: #767676;
}

.ms-cart .cart_list .cgd_contents .cart_suboptions > li + li::before {
    content: " / ";
}

.ms-cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity em {
    display: none;
}

.ms-cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity button {
    margin: 0;
}

.ms-cart .cart_list .cgd_contents .cart_option > li {
    font-size: 10px;
    color: #767676;
    height: 15px;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    box-sizing: border-box;
}

.ms-cart .cart_list .goods_thumb {
    width: 70px !important;
    height: 70px !important;
    box-sizing: border-box;
}

.ms-cart .cart_list .cgd_contents .block1 > ul {
    display: block;
}

.ms-cart .cart_list .cgd_contents .block1 > ul > li {
    float: left;
}

.ms-cart .cart_list .cgd_contents .block1 .img_area {
    padding-right: 6px;
}

.ms-cart .cart_list .cgd_contents .block1 .option_area {
    position: relative;
    display: block;
    width: calc(100% - 77px);
    min-height: 70px;
}

.ms-cart .cgd_contents {
    position: relative;
    padding: 0 0 0 28px;
    box-sizing: border-box
}

.ms-cart .cart_goods.soldout .cgd_contents::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    z-index: 1;
}

/*.ms-cart .cart_list .cgd_contents .cart_quantity {position: absolute; left: 0; bottom: 2px; width: 100%;}*/

.ms-cart .cart_list .cgd_contents .cart_quantity p em {
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    border: 0;
    color: #767676;
    padding: 0 4px 0 0;
    font-size: 10px;
}

.ms-cart .cart_list .cgd_contents .cart_quantity p button {
    height: 20px;
    line-height: 18px;
    padding: 0 6px;
    vertical-align: -2px;
    font-size: 10px;
}

.ms-cart .cart_list .cgd_contents .cart_quantity .add_txt {
    display: block;
    float: left;
    width: calc(100% - 120px);
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #191919;
}

.ms-cart.cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity p {
    float: none;
    width: auto;
}

.ms-cart.cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity .add_txt {
    float: none;
    width: auto;
}

.ms-cart.cart .cart_list .cgd_contents .cart_option + .cart_quantity {
    padding: 6px 0 0;
}

.ms-cart.cart .cart_list .cgd_contents .cart_option + .cart_quantity p {
    float: none;
    width: auto;
}

.ms-cart.cart .cart_list .cgd_contents .cart_option + .cart_quantity .add_txt {
    float: none;
    width: auto;
}

.ms-cart.cart .cart_list .cgd_contents .cart_option + input + input + .cart_quantity p {
    display: inline-block;
}

.ms-cart.cart .cart_list .cgd_contents .cart_option + input + input + .cart_quantity .add_txt {
    float: none;
    width: 100%;
}

.ms-cart.cart .cart_list .cgd_contents .goods_name + .cart_quantity p em {
    margin: 0 4px 0 0;
}

.ms-cart.cart .cart_list .cgd_contents .goods_name + .cart_quantity .add_txt {
    float: none;
    width: 100%;
}

/*.ms-cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity p{float: left; width: 120px;}
.ms-cart .cart_list .cgd_contents .cart_suboptions + .cart_quantity .add_txt{float: left; width: calc(100% - 120px);}
.ms-cart .cart_list .cgd_contents .cart_option + .cart_quantity {padding: 6px 0 0;}
.ms-cart .cart_list .cgd_contents .cart_option + .cart_quantity p{float: left; width: 120px;}
.ms-cart .cart_list .cgd_contents .cart_option + .cart_quantity .add_txt{float: left; width: calc(100% - 120px);}
.ms-cart .cart_list .cgd_contents .cart_option +input+input+ .cart_quantity p{display: none;}
.ms-cart .cart_list .cgd_contents .cart_option +input+input+ .cart_quantity .add_txt{float: none;width: 100%;}
.ms-cart .cart_list .cgd_contents .goods_name + .cart_quantity p em{margin: 0 4px 0 0;}
.ms-cart .cart_list .cgd_contents .goods_name + .cart_quantity .add_txt{float: none; width: 100%;}*/
/*장바구니 수량버튼 추가*/
/*.ms-cart .cart_list .cart_goods_detail .goods_name + .cart_quantity {position: absolute; left: 0; bottom: 2px; width: 100%;}*/
.ms-cart.cart .cart_list .cart_goods_detail .goods_name + .cart_quantity {
    position: static;
    left: 0;
    bottom: 2px;
    width: 100%;
}

.ms-cart.cart .cart_list .cgd_contents .cart_suboptions {
    width: 85%;
    margin: 2px 0;
}

.cart_list .cgd_contents .cart_quantity .single_num_change * {
    vertical-align: top;
}

.cart_list .cgd_contents .cart_quantity .cnt_price {
    overflow: hidden;
    margin: 8px 0 0;
}

.cart_list .cgd_contents .cart_quantity .cnt_price .con {
    width: 50%;
    float: left;
}

.ms-cart .cart_list .cgd_contents .cart_quantity p button {
    background-color: #fff
}

/*장바구니-수량변경팝업*/
.ms-cart #onContent {
    padding-left: 6.5%;
    padding-right: 6.5%;
    border-top: 4px solid #f8f8fa
}

.ms-cart .resp_content2 {
    padding-top: 12px;
}

.ms-cart .resp_content2 li {
    padding: 0;
}

.ms-cart .resp_content2 li:last-child {
    padding-left: 6px;
}

.ms-cart .resp_content2 li a img {
    width: 70px;
    height: 70px;
}

.ms-cart .goods_option_area {
    padding: 0;
    padding-top: 12px;
}

.ms-cart .sbHolder,
.ms-cart .goods_quantity_table {
    border-color: #dbdbdb;
    border-radius: 2px;
}

.ms-cart .onlynumber {
    width: 60px !important;
    text-align: center;
    height: 22px !important;
    padding: 2px 6px;
}

.ms-cart .basic_btn_area2.v2 .btn_resp.color2 {
    height: 42px;
    line-height: 40px;
    font-size: 16px;
}

.ms-cart .goods_buy_open_sections {
    width: 100% !important;
}

.ms-cart .layer_bottom_btn_area.v2 {
    padding-left: 6.5%;
    padding-right: 6.5%;
}

/*장바구니-총계산*/
.ms-cart .cart_right .cart_order_btn_area {
    margin: 0;
}

.ms-cart .goods_buy_open_sections {
    bottom: 50px;
    z-index: 10;
}

.ms-cart .cart_order_btn_area .btn_selected_order {
    height: auto;
    font-size: 16px;
}

.ms-cart .cart_order_btn_area .btn_selected_order span {
    position: relative;
    font-size: 16px;
}

.ms-cart .cart_order_btn_area .btn_selected_order .sum_price {
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
}

.ms-cart .cart_order_btn_area .btn_selected_order .sum_price::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-36%);
    width: 1px;
    height: 12px;
    background-color: #fff;
}

/*장바구니-수량변경팝업*/
/*
.ms-cart #onContent{padding-left: 6.5% ; padding-right: 6.5%; border-top: 4px solid #f8f8fa}
.ms-cart .resp_content2{ padding-top:12px;}
.ms-cart .resp_content2 li{padding: 0;}
.ms-cart .resp_content2 li:last-child{padding-left: 6px;}
.ms-cart .resp_content2 li a img{width: 70px; height: 70px;}
.ms-cart .goods_option_area{padding: 0; padding-top: 12px;}
.ms-cart .sbHolder,
.ms-cart .goods_quantity_table{border-color: #dbdbdb; border-radius: 2px;}
.ms-cart .onlynumber {width:60px !important; text-align: center; height: 22px !important; padding: 2px 6px;}
.ms-cart .basic_btn_area2.v2 .btn_resp.color2{ height: 42px; line-height: 40px; font-size: 16px;}
.ms-cart .goods_buy_open_sections{width: 100% !important;}
.ms-cart .layer_bottom_btn_area.v2{padding-left: 6.5% ; padding-right: 6.5%; }
장바구니-총계산
.ms-cart .cart_right .cart_order_btn_area {margin: 0;}
.ms-cart .goods_buy_open_sections{bottom: 50px; z-index: 10; }
.ms-cart .cart_order_btn_area .btn_selected_order {height: auto; font-size: 16px;}
.ms-cart .cart_order_btn_area .btn_selected_order span{position: relative; font-size: 16px;}
.ms-cart .cart_order_btn_area .btn_selected_order .sum_price{padding: 0 0 0 8px;margin: 0 0 0 8px;}
.ms-cart .cart_order_btn_area .btn_selected_order .sum_price::before{content: ""; position: absolute; left: 0; top:50%; transform: translateY(-36%); width: 1px; height: 12px; background-color: #fff;}
*/

/* 상품 주문 */
.ms-cart.payment .cart_list {
    padding: 0;
}

.ms-cart.payment .subpage_wrap.order_payment .order_payment_right {
    width: auto;
    padding: 0;
}

.ms-cart.payment .side_padding {
    padding: 0 6.5% 14px;
}

.ms-cart.payment .btn_resp {
    height: 28px;
    line-height: 26px;
    background-color: #191919;
    color: #fcfcfc;
    box-sizing: border-box;
    border-radius: 2px;
}

.ms-cart.payment input[type=text], .ms-cart.payment input[type=password], .ms-cart.payment input[type=tel], .ms-cart.payment input[type=number], .ms-cart.payment select {
    padding: 2px 10px;
    height: 28px;
}

.ms-cart.payment .subpage_container .title_od1 {
    padding: 12px 6.5% 0;
    font-size: 16px;
    font-weight: bold;
    border-top: 4px solid #f8f8fa
}

.ms-cart.payment .subpage_wrap.order_payment .subpage_container.v2 {
    padding-bottom: 0;
}

.ms-cart.payment .ship_message {
    z-index: 9;
}

.ms-cart.payment .ship_message .ship_message_txt {
    background-image: url(../images/design/arr_term.svg);
    background-position: 98% 50%;
}

.ms-cart.payment .order_payment_left .cart_list .shipping_group_list {
    padding: 0 6.5%;
}

.ms-cart.payment .cgd_contents {
    padding: 0;
}

.ms-cart.payment .cart_list .cart_suboptions {
    width: 100%;
}

.ms-cart.payment .cart_list .shipping_group_list .cart_goods_detail {
    padding: 0;
}

.ms-cart.payment .cart_list .shipping_group_list > li {
    padding: 8px 0;
}

.ms-cart.payment .cart_list .shipping_group_list > li:first-child {
    padding: 12px 0 0;
}

.ms-cart.payment .cart_list .shipping_group_list > li:last-child {
    padding-bottom: 12px;
}

.ms-cart.payment .cart_list .cgd_contents .cart_option > li {
    display: inline-block;
    width: auto;
}

.ms-cart.payment .cart_list .cgd_contents .cart_quantity .add_txt {
    text-align: left;
}

.ms-cart.payment .recipient_user_name {
    font-size: 12px;
    font-weight: 500;
    vertical-align: 0;
    margin: 0 2px 0 0;
}

.ms-cart.payment .list_01.v2 > li.inblock {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

.ms-cart.payment .list_01.v2 > li.font12 {
    font-size: 12px;
    padding-top: 2px;
    font-weight: 500;
}

/*상품주문-할인*/
.ms-cart.payment .list_01.discount li {
    overflow: hidden;
    padding: 12px 0 0;
}

.ms-cart.payment .list_01.discount .od_sale_title {
    font-size: 12px;
    height: 22px;
    overflow: hidden;
}

.ms-cart.payment .list_01.discount .od_sale_price {
    overflow: hidden;
    width: 100%;
}

.ms-cart.payment .list_01.discount .beart_con > span {
    float: left;
    display: block;
    width: 30%;
}

.ms-cart.payment .list_01.discount .btn_resp {
    width: 68px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    margin: 0 0 0 8px;
}

.ms-cart.payment .list_01.discount .beart_con p {
    float: left;
    text-align: right;
    width: 70%;
}

.ms-cart.payment .list_01.discount .beart_con .od_sale_price input {
    height: 22px;
    padding: 0 6px;
    color: #191919;
    line-height: 1
}

.ms-cart.payment .list_01.discount .beart_con:last-child {
    padding: 12px 0 0;
}

.ms-cart.payment .list_01.discount .beart_con:last-child .od_sale_price {
    width: calc(100% - 128px);
}

.ms-cart.payment .list_01.discount .beart_con:last-child p {
    width: 128px;
    font-size: 0;
    height: 22px;
    overflow: hidden;
}

.ms-cart.payment .list_01.discount .beart_con:last-child p .emoney_input_button {
    width: 48px;
    margin: 0 0 0 4px;
}

.ms-cart.payment .list_01.discount > li > label {
    vertical-align: middle;
    font-size: 12px;
}

.ms-cart.payment .settle_tab > li > a {
    height: 28px;
    line-height: 26px;
    font-size: 12px;
}

.ms-cart.payment .list_01.discount .coupon.beart_con .od_sale_price {
    width: calc(100% - 86px);
    color: #191919;
}

.ms-cart.payment .list_01.discount .point_info {
    display: block;
    width: 100%;
    font-size: 10px;
    color: #767676;
    padding: 6px 0 0;
    font-size: 10px;
}

/*상품주문-주문자/배송정보 있을때*/
.ms-cart.payment .order_info_member {
    position: relative;
}

.ms-cart.payment .order_info_member .list_01 .order_user_name,
.ms-cart.payment .order_info_member .list_01 .order_phone {
    display: inline-block;
    padding: 0 4px 0 0;
}

.ms-cart.payment .order_info_member .settle_chg_wrap {
    position: absolute;
    right: 0;
    top: -36px;
    background-color: transparent;
    border: 0;
    color: #446aec;
}

.ms-cart.payment .delivery_info_member {
    position: relative;
}

.ms-cart.payment #order_info {
    position: relative;
}

.ms-cart.payment #order_info .btn_resp {
    position: absolute;
    right: 0;
    top: -34px;
    background-color: transparent;
    border: 0;
    color: #446aec;
}

.ms-cart.payment .user_name_area button, .ms-cart.payment .user_name_area a {
    position: absolute;
    right: 0;
    top: -34px;
    background-color: transparent;
    border: 0;
    color: #446aec;
    padding: 0;
}

/*상품주문-결제수단*/
.ms-cart.payment input.pilsu.complete {
    background-color: #f8f8fa
}

.ms-cart.payment .title3.sm {
    font-size: 12px;
    padding: 11px 0 14px;
    border-top: 1px dashed #ccc;
}

.ms-cart.payment .labelgroup_design label {
    height: 24px;
    line-height: 22px;
    border-radius: 2px;
    border-top: 1px solid #dbdbdb;
    background-color: #fff;
    color: #191919;
    box-sizing: border-box;
}

.ms-cart.payment .labelgroup_design label.on {
    border-color: #446aec;
    color: #191919;
}

.ms-cart.payment .labelgroup_design.hide {
    display: none !important;
}

.ms-cart.payment .typereceiptlay input {
    width: 100%;
    height: 38px;
    padding: 10px;
    margin: 3px 0 0;
}

.ms-cart.payment .order_price_total {
    border: 0;
    padding: 0;
}

.ms-cart.payment .order_price_total ul {
    padding: 0 6.5%;
    box-sizing: border-box;
}

.ms-cart.payment .order_price_total ul li {
    font-size: 14px;
}

.ms-cart.payment .order_price_total > ul > li.td {
    color: #191919;
}

.ms-cart.payment #total_goods_price {
    font-size: 14px;
}

.ms-cart.payment .order_price_total > ul.total {
    border-top: 1px solid #ededed;
}

.ms-cart.payment .order_price_total > ul > li.td .price {
    color: #446aec;
}

.ms-cart.payment .order_price_total > .total > li {
    padding: 14px 0;
    margin: 9px 0 0;
}

.ms-cart.payment .order_price_total > .total > li span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/*무이자할부*/
.ms-cart.payment .title3.sm.slidebtn {
    padding: 12px 6.5%;
    border-top: 1px solid #ededed;
}

.ms-cart.payment .moocard {
    border-top: 1px solid #ededed;
}

.ms-cart.payment .moocard ul {
    padding: 12px 0 0;
}

.ms-cart.payment .moocard ul li {
    position: relative;
    overflow: hidden;
    margin: 4px 0 0;
}

.ms-cart.payment .moocard ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-65%, -50%);
    height: 1px;
    width: 50%;
    background-color: #dbdbdb;
}

.ms-cart.payment .moocard ul li span {
    float: left;
    width: 50%;
    font-size: 10px;
}

.ms-cart.payment .moocard ul li .card-dis {
    text-align: right;
    color: #8e7777;
}

.slidebtn {
    position: relative;
}

.slidebtn::before {
    content: "";
    position: absolute;
    right: 6.5%;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../images/design/arr_term.svg) no-repeat center;
    background-size: cover;
    transition: transform 0.3s;
}

.slidebtn.spin::before {
    transform: translateY(-50%) rotate(-180deg);
}

.ms-cart .pay_layer {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    max-width: 414px;
    width: 100%;
    z-index: 100;
}

/*상품 주문 - 주의사항*/
.danger {
    color: #e61503;
    font-size: 12px;
}

.danger p {
    padding: 0 0 0 10px;
    text-indent: -6px;
}

/*상품 주문 - 이용문의*/
.ms-cart.payment .between_wrap .order_price_total > ul > li.th {
    font-size: 14px;
}

.ms-cart.payment .between_wrap .order_price_total > ul > li.td a {
    font-size: 12px;
    color: #767676;
}

.ms-cart.payment .between_wrap .info_txt {
    padding: 8px 6.5% 30px;
    margin: 11px 0 0;
    color: #999;
    border-top: 1px solid #ededed;
    font-size: 12px;
}

/*상품주문 - 결제버튼*/
.ms-cart.payment .pay_layer label {
    display: block;
    padding: 20px 0;
    font-size: 16px;
    line-height: 24px;
    height: auto;
}

.ms-cart.payment .layer-popup.type-full {
}

/*상품주문 - 쿠폰 팝업*/
.resp_layer_pop .title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 18px 6.5%;
}

.resp_layer_pop .btn_pop_close {
    right: auto;
    left: 0;
    background: url(../images/design/btn_back2.svg) center center no-repeat;
}

.resp_layer_pop .layer_pop_contents.v5 {
    padding-left: 6.5%;
    padding-right: 6.5%;
    border-top: 4px solid #f8f8fa
}

.resp_layer_pop .btn_view_coupons.btn_resp {
    position: static;
    width: 100%;
    height: 36px;
    line-height: 34px;
    color: #767676
}

.resp_layer_pop .resp_layer_pop select {
    height: 28px;
}

.resp_layer_pop .btn_resp.color2 {
    height: 42px;
    line-height: 40px;
    background-color: #191919;
}

#coupon_goods_lay li ul li {
    color: #767676;
}

/*상품주문 - 우편번호 팝업*/
.sub_page_tab_wrap {
    padding: 10px 6.5%;
}

.sub_page_tab td.current {
    height: 38px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: default;
}

.zipcode_search_contents .zsfText {
    border: 1px solid #dbdbdb;
    height: 38px;
}

.sub_page_tab_wrap .btn_resp.color2 {
    background-color: #446aec;
    color: #fff;
    height: 38px;
    line-height: 36px;
    border: 0;
}

.zipcodeResult.list_01 > li {
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin: 0 0 6px;
    border-radius: 2px;
}

.zipcodeResult li div {
    font-size: 12px;
}

.zipcodeResult li .zipcode_number {
    color: #446aec;
}

.ms-cart.payment .ul_delivery .name_section .btn_x1 a {
    background-color: transparent;
    color: #446aec;
    border: 0;
}

.ms-cart.payment .ul_delivery .nation_section {
    display: none;
}

/*상품주문-전문보기팝압*/
.ms-cart.payment .mypage-wrap .mp-term-wrap {
    padding-top: 60px;
}

/*주문완료 / 실패*/
.title_container3 .btn_history {
    opacity: 1;
}

.mypage_greeting {
    padding: 10px 0 0;
    font-size: 12px;
}

.mypage_greeting * {
    display: block;
    text-align: center;
    color: #767676;
}

.mypage_greeting b {
    font-size: 14px;
    color: #191919;
    padding: 12px 0 0;
}

.mypage_greeting .img-box {
    background: url(../images/icon/icon_complete.png) no-repeat center bottom 10px;
    background-size: 50px 50px;
    padding: 78px 0 0;
}

.ms-order .subpage_wrap {
    padding: 0 6.5%;
    box-sizing: border-box;
}

.ms-order .subpage_wrap.order_payment .subpage_container.v2 {
    padding: 0;
}

.ms-order .title3 {
    border: 1px solid #dbdbdb;
    border-bottom: 0;
    background-color: #ededed !important;
    padding: 0 10px;
    margin: 14px 0 0;
    line-height: 39px
}

.ms-order .title3 em {
    color: #446aec;
}

.ms-order .order_price_total {
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 10px;
}

.ms-order .order_price_total .th {
    color: #767676;
}

.ms-order .order_price_total .td {
    color: #191919;
}

.ms-order .title3.sm {
    font-size: 12px;
    text-align: center;
}

.ms-order .order_price_total p.info-txt {
    font-size: 10px;
    text-align: center;
    color: #767676;
}

.ms-order .table_row_a > tbody > tr > th {
    background-color: #fff;
    border-right: 0;
}

.ms-order .table_row_a > tbody > tr > th > p {
    font-size: 12px;
    padding: 10px;
    color: #767676;
}

.ms-order .table_row_a > tbody > tr > td {
    font-size: 12px;
    text-align: right;
    border-left: 0;
}

.ms-order .Pb60 {
    padding: 60PX 6.5%;
}

.mypage_greeting .img-box.fail {
    background: url(../images/icon/icon_fail.png) no-repeat center top;
    background-size: 80px 80px;
    padding: 108px 0 0;
    margin: 90px 0 0;
}

.mypage_greeting .img-box.fail b {
    font-size: 20px;
    padding: 0 0 12px;
}

.mypage_greeting .username {
    font-size: 10px;
    padding: 0 0 8px;
}

.mypage_greeting .username.info {
    color: #767676;
}

.mypage_greeting .username.date {
    color: #999;
}

/*입점회원 지원하시겠어요?*/
.ms-ask .nodata.teens-comp dl dt {
    margin: 0 0 6px;
}


.ms-ask .nodata.teens-comp dl dd.info {
    margin: 60px 0 0;
    color: #191919;
    font-weight: bold;
}

.ms-ask .nodata.teens-comp dl dd.info span {
    color: var(--primary-color2);
}

.ms-ask .nodata.teens-comp dl dd.btn a {
    display: block;
    background-color: #446aec;
    color: #fff;
    font-size: 12px;
    line-height: 42px;
    border-radius: 2px;
    text-align: center;
    margin: 12px 0 0;
}

/*포인트*/
.ms-point .mypage-wrap .between_list {
    padding: 0 6.5%;
}

.ms-point .all_point {
    border-bottom: 1px solid #ededed;
}

.ms-point .all_point .con {
    font-size: 14px;
    line-height: 48px;
}

.ms-point .between_list .left {
}

.ms-point .between_list .right {
}

.ms-point .title_od1 {
    line-height: 46px;
    padding: 0 6.5%;
    border-top: 6px solid #f8f8fa;
    border-bottom: 1px solid #ededed;
}

.ms-point .title_od1 b {
    font-size: 12px;
}

.ms-point .point_wrap {
    padding: 0 6.5%;
}

.ms-point .point_wrap .between_wrap {
    max-height: 300px;
    overflow: hidden;
}

.ms-point .point_wrap .between_wrap.open {
    max-height: 100%;
    overflow: inherit;
}

.ms-point .point_wrap .between_list {
    padding: 12px 0;
    border-bottom: 1px solid #ededed;
    height: 60px;
    box-sizing: border-box;
}

.ms-point .point_wrap .between_list .con01 {
    font-size: 12px;
    font-weight: bold;
}

.ms-point .point_wrap .between_list .con02 {
    font-size: 10px;
    color: #767676;
    padding: 4px 0 0;
}

.ms-point .point_wrap .between_list .po_mino {
    color: #e61503;
}

.ms-point .point_wrap .between_list .po_plus {
    color: #446aec;
}

.ms-point .btn_more {
    line-height: 32px;
    border: 1px solid #191919;
    border-radius: 2px;
    width: 100%;
    font-weight: bold;
    margin: 20px 0 0;
}

.ms-point .btn_more img {
    width: 18px;
    vertical-align: -4px;
    padding: 0 0 0 4px;
}

.po_notice {
    padding: 20px 6.5% 50px;
}

.po_notice .title_od2 {
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 4px;
}

.po_notice .bg {
    background-color: #f8f8fa;
    padding: 10px;
}

.po_notice .notice_list li {
    margin: 4px 0;
    color: #767676;
    padding: 0 0 0 10px;
    text-indent: -7px;
    word-break: keep-all;
    font-size: 10px;
}

.po_notice .notice_list li b {
    color: #191919;
    font-weight: 500;
}

/*내 배송 정보*/
.ms-delivery .side_padding {
    padding: 20px 6.5%;
}

.ms-delivery .res_table {
    display: flex;
    flex-flow: column;
}

.ms-delivery .res_table .tbody {
    border: 1px solid #ededed;
    margin: 0 0 14px;
    padding: 14px;
}

.ms-delivery .res_table > ul.tbody.basic_addr.order1 {
    border-color: #446aec;
    order: -1;
}

.ms-delivery .res_table > ul.tbody > li {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.ms-delivery .res_table > ul.tbody > li.subject {
    padding: 10px 0 0;
}

.ms-delivery .res_table > ul.tbody > li.sjb_top .basic_selec {
    display: none;
    line-height: 16px;
    border: 1px solid #446aec;
    color: #446aec;
    font-size: 10px;
    border-radius: 50em;
    padding: 2px 4px 0;
    margin: 0 4px;
    vertical-align: middle;
}

.ms-delivery .res_table > ul.tbody > li.subject img {
    display: none;
}

.ms-delivery .res_table > ul.tbody.basic_addr > li.sjb_top .basic_selec {
    display: inline-block;
}

.ms-delivery .res_table > ul.tbody > li.grow {
    padding: 4px 0 0;
    font-size: 12px;
}

.ms-delivery .res_table .tbody .sjb_top .pointcolor {
    font-size: 14px;
    font-weight: bold;
}

.ms-delivery .res_table > ul.tbody > li.mo_r {
    display: block;
    flex-grow: auto;
    width: 100%;
    margin: 10px 0 0;
    text-align: left;
}

.ms-delivery .res_table > ul.tbody > li.mo_r .btn_resp {
    font-size: 10px;
    border-color: #dbdbdb;
    margin: 0 4px 0 0;
}

.ms-delivery .bbs_bottom_wrap {
    margin: 0;
}

.ms-delivery .bbs_bottom_wrap > li {
    float: none;
}

.ms-delivery .grow.mo_r .btn_resp {
    padding: 0 16px;
}

.ms-delivery .add_address {
    display: block;
}

.ms-delivery .add_address .btn {
    display: block;
    height: 48px;
    line-height: 44px;
    width: 100%;
    text-align: center;
    color: #446aec;
    border: 1px solid #446aec;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
}

.ms-delivery .add_address .btn em {
    font-size: 22px;
    vertical-align: -3px;
    padding: 0 6px 0 0;
    margin: 0 0 0 -4px;
    vertical-align: -2px;
}

.ms-delivery .grow.mo_r .btn_selec {
    float: right;
    background-color: #446aec;
    color: #fff;
}

/* 주문 상세 정보*/
.ms-cart.payment .subpage_container .title_od1 {
    border: 0;
    background-color: #fff;
}

.order_subsection .title3, .ms-cart .mypage-wrap .title_container3,
.ms-cart.payment .order_payment_left .cart_list .shipping_group_list,
.order_subsection .side_padding {
    background-color: #fff;
}

.order-detail-wrap .subpage_container dl dd.documents .od-tb {
    position: relative;
    padding: 4px 6.5% 21px;
}

.order-detail-wrap .subpage_container dl dd.documents .od-tb table {
    width: 100%;
}

.order-detail-wrap .res_table > .tbody li.right.right, .order-detail-wrap .res_table .reply_title, .xtle.v3 {
    display: none;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li {
    display: inline-block;
    width: auto;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li.subject {
    padding: 0;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li .suboptions {
    display: inline-block;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li .suboptions + .suboptions::before {
    content: "/ ";
    font-size: 10px;
    margin: 0 0 0 -5px;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody li .suboptions li {
    font-size: 10px;
    color: #767676;
}

.order-detail-wrap .res_table > .tbody .reply_ui {
    padding: 0;
    background: none;
}

.order-detail-wrap .board_goods_list > li.info .title {
    padding: 2px 0;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody {
    padding: 0 6.5% 14px;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .pic {
    width: 70px;
    height: 70px;
    padding: 0 6px 0 0;
    box-sizing: border-box;
}

.order-detail-wrap .subpage_container dl dd .res_table > .tbody .board_goods_list > li.info .pay-prc {
    padding: 8px 0 0;
}

.order-detail-wrap .board_goods_list > li.pic a {
    display: block;
    height: 100%;
}

.order-detail-wrap .board_goods_list > li.pic img.landscape {
    width: 100% !important;
}

.documents .od-tb th {
    width: 50%;
    text-align: left;
}

.documents .od-tb td {
    width: 50%;
    text-align: right;
}

.documents .od-tb td select {
    height: 24px;
    font-size: 10px;
}

.documents .od-tb .receipt_date_limit {
    position: absolute;
    left: 6.5%;
    bottom: 4px;
    font-size: 10px;
}

.ms-cart.payment .ship_message .ship_message_txt {
    background: none;
}

.order_subsection .side_padding .payment_method_select {
    overflow: hidden;
    margin: 0;
}

/*.order_subsection .side_padding .payment_method_select > li > div{width: 100%; height: 100%; border-radius: 3px; border: 1px solid #dbdbdb; text-align: center; background-color: #fff; box-sizing: border-box; line-height: 34px; height: auto; box-sizing: border-box}*/
/*
.order_subsection .side_padding .payment_method_select > li > div > label{display: block; background: none; width: 100%; height: 100%; border-radius: 3px; line-height: 34px; }
.order_subsection .side_padding .payment_method_select > li > div > label em{font-size: 12px;}
.order_subsection .side_padding .payment_method_select > li > div.active{border: 1px solid #446aec;}
.order_subsection .side_padding .payment_method_select > li > div.payco{ background: url('../images/common/icon_payco.png') no-repeat center center; background-size: cover;}
.order_subsection .side_padding .payment_method_select > li > div.payco em{display: none;}
*/


/*주문/배송조회*/
.oc_item_info_detail .img_link a {
    display: block;
    width: 70px !important;
    height: 70px !important;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.oc_item_info_detail .img_link a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.oc_item_info_detail .img_link a img.landscape {
    width: auto;
    height: 100%;
    max-width: none;
}

.oc_item_info_detail .goods_suboptions > li {
    display: inline-block;
    font-size: 10px;
    color: #767676;
}

.oc_item_info_detail .goods_suboptions > li + li::before {
    content: "/";
}

.oc_item_info_detail .order_price {
    padding: 6px 0 0;
}

.oc_item_info_detail .goods_suboptions + .oc_res_block {
    display: none;
}

/*마이페이지 최근주문내역 상품 버튼*/
.oc_item_info_detail .btn_wrap {
    display: block;
    overflow: hidden;
    margin: 12px 0 0;
}

.oc_item_info_detail .btn_wrap a {
    display: block;
    float: left;
    width: calc(25% - 2.25px);
    margin: 0 3px 0 0;
    font-size: 10px;
}

.oc_item_info_detail .btn_wrap a:last-child {
    margin: 0;
}

.oc_item_info_detail .btn_wrap a.btn_full {
    width: 100%;
}

/*알람 이모지 사이즈*/
.re-cont-inner .reply img {
    width: 12px;
}

.reply-area .reply-list li .rp-area img:not(.names img) {
    width: 12px;
}

/*홈 배너크기*/
.ht-banner a {
    position: relative;
    height: 70px;
    text-align: center;
    background-color: #f8f8f0;
}

.ht-banner a img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100% !important;
    width: auto !important;
}

.mp-shop-main .mp-index-banner {
    height: 80px;
    text-align: center;
}

/*회원가입 내프로필 등록하고 한마디 쓰는 곳 배경*/
.join-wrap .join-step .jip-area {
    padding-bottom: 21vh;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-intro textarea {
    background-color: #fcfcfc;
}

.join-wrap .join-step .jip-area dd .up-profile-wrap .up-profile .img-profile {
    background-image: none;
}


/*post/댓글 보아보기 부분*/
.reply-area .write-rp-area .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner {
    position: relative;
    max-height: 75px;
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner .btn-c-more2 {
    top: 60px;
}

.reply-area .reply-list > li .rp-area .rp-cont .cont-inner.on .btn-c-more2 {
    top: auto;
    bottom: 0;
}

/*post/알람/전체 & 댓글 부분*/
.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont .re-cont-inner .reply {
    position: relative;
    display: block;
    max-height: 38px;
    overflow: hidden;
}

.alarm-area .tab-cont > div > dl > dd .reminder-wrap .reminder .re-cont .re-cont-inner .reply div {
    display: none;
}

/* mypage/add_delivery 배송지추가페이지*/
.ms-addelvy .ads-apply {
    padding: 10px 6.5% 0;
}

.ms-addelvy input[type=text], input[type=number] {
    height: 38px;
    padding: 10px 12px;
    box-sizing: border-box
}

.ms-addelvy .layer_pop_contents {
    padding: 0
}

.ms-addelvy .resp_table_row {
    border: 0;
}

.ms-addelvy .resp_table_row > ul > li {
    display: block;
    border: 0;
}

.ms-addelvy .resp_table_row > ul > li.th {
    background-color: transparent;
    width: 100%;
    padding: 10px 0 6px;
    line-height: 18px;
}

.ms-addelvy .resp_table_row > ul > li.td {
    padding: 0;
}

.ms-addelvy .resp_table_row > ul > li.td.col3 {
    overflow: hidden;
}

.ms-addelvy .resp_table_row > ul > li.td.col3 input {
    float: left;
    width: calc(33.3333% - 4px);
    margin: 0 3px 0 0;
    text-align: center;
}

.ms-addelvy .resp_table_row > ul > li.td.col3 input:last-child {
    margin: 0;
}

.ms-addelvy .resp_table_row .btn_resp.color9 {
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    box-sizing: border-box
}

.ms-addelvy .resp_table_row > ul > li.td .size_zip_all {
    float: left;
    width: calc(100% - 111px);
    margin: 0 3px 0 0;
}

.ms-addelvy .resp_table_row .btn_resp.color9.size_a {
    float: left;
    width: 108px;
}

.ms-addelvy .resp_table_row > ul > li.td.pt20 {
    padding: 20px 0;
}

.ms-addelvy .resp_table_row .btn_area_b {
    padding: 30px 0 0;
}

.ms-addelvy .resp_table_row > ul > li.err-msg {
    display: none;
    padding: 0;
}

.ms-addelvy .resp_table_row > ul > li.err-msg.show {
    display: block;
}

.ms-addelvy .ads-apply .btn_save {
    position: relative;
    opacity: 0.6;
}

.ms-addelvy .ads-apply .btn_area_b {
    position: relative;
}

.ms-addelvy .ads-apply .btn_area_b::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}

.ms-addelvy .ads-apply.active .btn_save {
    opacity: 1;
}

.ms-addelvy .ads-apply.active .btn_area_b::before {
    display: none;
}

/*footer*/
.layout_footer .footer_c .resp_wrap {
    padding: 20px 6.5% 0;
}

.resp_layer_pop, layer-popup {
    background: #e4e4e4
}

.coupon-wrap .cont_coupon_reg input[type=text] {
    background: #fcfcfc
}

/*리뷰팝업*/
.layer-popup.review_pop .cho-list li:first-child a {
    background-color: #e5e5e5 !important;
    color: #446aec !important;
}

.layer-popup.review_pop .cho-list li a {
    color: #446aec !important;
}

/*리뷰작성*/
.msreview_write .ms_cswrap, .msreview_write .mypage_greeting {
    padding: 0
}

.msreview_write .subpage_container {
    padding-top: 0;
}

.msreview_write .profile-wrap {
    margin-bottom: 8px;
}

.msreview_write .profile-wrap a .photo {
    width: 20px;
    height: 20px;
}

.msreview_write .profile-wrap a .name {
    font-weight: normal;
    font-size: 12px;
    background-color: #fcfcfc;
    padding: 0
}

.msreview_write .goods_loop_area {
    border-bottom: 1px solid #ededed;
    background-color: #fcfcfc;
    padding: 14px 6.5%;
}

.msreview_write .goods_area li {
    position: relative;
    float: left;
    height: 64px;
    margin: 3px 0;
}

.msreview_write .goods_area li .price {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    font-weight: bold;
}

.msreview_write .goods_area .img_area {
    position: relative;
    width: 70px;
    height: 70px;
    margin-right: 6px;
    overflow: hidden;
}

.msreview_write .goods_area .img_area img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
}

.msreview_write .goods_area .info_area {
    width: calc(100% - 76px);
}

.msreview_write .attach-wrap {
    padding: 0
}

.msreview_write .post-cont .cont {
    margin: 20px 0
}

.msreview_write .board_detail_btns2 {
    padding-top: 10px;
    margin-top: 10px;
    text-align: right
}

.msreview_write .board_detail_btns2 .size_b {
    height: 26px;
    line-height: 24px;
    padding: 0 16px;
    width: auto;
    border-color: #303030;
}

.msreview_write .star_point {
    padding: 20px 0 0;
    text-align: center;
}

.msreview_write .review_info {
    border-top: 1px solid #ededed;
    border-top: 6px solid #f8f8fa;
    background-color: #fcfcfc;
    padding: 0 6.5%
}

.msreview_write .board_detail_btns2 {
    border: 0;
}

.star-rating {
    font-size: 1.5em;
    text-align: center;
    width: 150px;
    margin: 0 auto
}

.star_point .star_tit {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
}

.star-rating input {
    display: none;
}

.star-rating label {
    float: right;
    height: 22px;
    width: 22px;
    background: url(../images/design/ico_star.svg) no-repeat center;
    background-size: 18px 18px;
    cursor: pointer;
    margin: 0 4px;
}

.star-rating :checked ~ label {
    background-image: url(../images/design/ico_star_on.svg);
    background-size: cover;
}

article {
    background-color: #ffe;
    box-shadow: 0 0 1em 1px rgba(0, 0, 0, .25);
    color: #006;
    font-family: cursive;
    font-style: italic;
    margin: 4em;
    max-width: 30em;
    padding: 2em;
}

.my-review-list .subject .star-wrap {
    text-align: left;
    height: 16px;
    margin: 2px 0 6px 0;
}

.my-review-list .subject .star-wrap .star-bg {
    width: 80px;
    height: 16px;
    background-size: 16px;
}

.my-review-list .subject .star-wrap .star-bg .star-in {
    height: 16px;
    background-size: 16px;
}

/*기타*/
#boardlayout .subpage_wrap .subpage_container {
    padding-top: 0
}

.msreview_view {
    padding: 0 6.5%;
}

.cus-wrap .title_container3 {
    z-index: 50
}

.layer-popup-etc1 {
    position: absolute;
    height: calc(100vh - 60px);
}

.layer-popup-etc1 .profile-wrap > a .name {
    padding: 0
}


/* 0913 추가 css */
/*리셋 css */
.resp_wrap:after {
    display: none;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

/* 레이아웃 헤더 */
.container_inner {
    padding-top: 64px;
    padding-bottom: 85px;
}

.container_inner2 {
    padding-top: 64px;
    padding-bottom: 85px;
}

#layout_body {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
}


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

.sub_layout_header .hinner .back_btn.ver2 {
    background-image: url(../images/design/btn_back2.png);
}

.sub_layout_header .hinner .btn-h-more {
    background-size: 18px;
    background-image: url(../images/design/ico_p_more.svg)
}

.sub_layout_header .hinner .count_ico {
    position: relative;
}

.sub_layout_header .hinner .count {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 18px;
    top: -6px;
    text-align: center;
    width: 16px;
    height: 16px;
    font: var(--text-tiny);
    background-color: var(--primary-color1);
    color: var(--color-fff);
    border-radius: 50em;
}

.sub_layout_header .hinner .setting_btn {
    background-image: url(../images/design/ico_setting.png);
}

.sub_layout_header .hinner .btn-alert {
    background-image: url(../images/common/icon_bell.png);
    margin-left: auto;
}

.sub_layout_header .hinner .btn-cart {
    background-image: url(../images/common/icon_cart.png);
    margin-left: 6px;
}


.mp-main .user_info_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 54px 0 40px;
    max-width: 344px;
    width: 100%;
    margin: 0 auto;
}

.mp-main .user_info_box .alert_text {
    font: var(--text-body14-regular);
    color: var(--color-000);
    text-align: center;
    margin-bottom: 14px;
}

.mp-main .user_info_box .profile-img img {
    display: block;
    width: 148px;
    aspect-ratio: 1/1;
    border-radius: 50em;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    border: 1px solid var(--color-ddd);
}

.user_info_box .profile-info2 .user_name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--mp-8);
    color: var(--color-333);
    font: var(--text-heading2);
    padding: 14px 0 4px;
}

.user_info_box .profile-info2 .intro {
    color: var(--color-222);
    font: var(--text-body14-regular);
    text-align: center;
    margin-bottom: 20px;
}

.user_info_box .user_point a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.user_info_box .user_point span {
    color: var(--color-444);
    font: var(--text-body18-semi-bold);
}

.user_info_box .user_point span:last-child {
    color: var(--color-000);
    display: flex;
    align-items: center;
    gap: 4px;
}

.user_info_box .user_point span:last-child:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/common/arrow_right_bold.png") no-repeat center;
    background-size: contain;
}


.mypage-wrap .mp-main .mp-main-menu .menu1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--mp-16) 0;
    border-radius: 8px;
    background: var(--color-f8f8f8);
}

.mypage-wrap .mp-main .mp-main-menu .menu1 li {
    width: calc(100% / 4);
    position: relative;
    flex: 1;
}

.mypage-wrap .mp-main .mp-main-menu .menu1 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-direction: column;
    font: var(--text-body14-regular);
    color: var(--color-666);
}

.mypage-wrap .mp-main .mp-main-menu .menu1 li span {
    color: var(--color-333);
    font: var(--text-body18-semi-bold)
}

.mypage-wrap .mp-main .mp-main-menu .menu1 li:after {
    content: '';
    width: 1px;
    height: 24px;
    background: var(--color-ddd);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.mypage-wrap .mp-main .mp-main-menu .menu1 li:last-child:after {
    display: none;
}

.mp_url_list {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mp_url_list .title {
    color: var(--color-333);
    font: var(--text-subtitle20-semi-bold);
    padding-bottom: 8px;
}

.mp_url_list a {
    display: block;
    padding-bottom: var(--mp-8);
    color: var(--color-333);
    font: var(--text-body14-regular);
}

.grade_ico {
    display: inline-block;
    margin-left: 4px;
}

/* 팝업 */
.dimmed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* 댓글 작성 페이지 */
.reply-area .reply-top span, .reply-area .reply-top .btn-sort {
    font: var(--text-body16-regular);
    color: var(--color-222)
}

.reply-area .comment_list {
    margin-top: 16px;
    position: relative;
}

.reply-area .comment_list li, .reply-area .comment_list .reply_list {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
    padding-bottom: 16px;
    flex-wrap: wrap;
    width: 100%;
}


.reply-area .comment_list li:last-child, .reply-area .comment_list .reply_list:last-child {
    padding-bottom: 0;
}

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

.reply-area .comment_con {
    width: calc(100% - 48px);
    position: relative;
}

.reply-area .comment_con .user_info {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
}

.reply-area .comment_con .user_info .name {
    color: var(--color-333);
    font: var(--text-body18-bold);
}

.reply-area .comment_con .user_info .date {
    color: var(--color-999);
    font: var(--text-caption-regular)
}


.reply-area .comment_con > div .btn-like {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.reply-area .comment_con .comment_txt {
    padding-right: 30px;
    margin: 16.5px 0 8px;
    color: var(--color-333);
    font: var(--text-body16-regular);
}

.reply-area .comment_con .comment_txt img:first-of-type {
    margin-left: 0
}

.reply-area .comment_con .comment_txt img:last-of-type {
    margin-right: 0
}

.reply-area .comment_con .comment_txt img {
    width: 20px;
    margin-left: 4px;
    margin-right: 4px;
}

.reply-area .comment_con .comment_txt span {
    display: block;
    width: 100%;
}

.reply-area .comment_con .comment_btm, .reply-area .comment_con .comment_btm button {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-666);
    font: var(--text-body13-regular);
}

.reply-area .comment_con .comment_btm button, .reply-area .comment_con .comment_btm span {
    padding: 4px 8px;
}

.reply-area .comment_list .user_pf_img {
    width: 38px;
    height: 38px;
}

.reply-area .comment_list .reply_list {
    padding-left: 32px;
    margin-top: 16px;
}

.reply-area .comment_list .more_reply {
    font: var(--text-tiny);
    color: var(--primary-color2);
    display: block;
    padding: 5px 8px;
}

.reply-area .comment_list .btn-like {
    width: 16px;
    height: 16px;
    background: url(/data/icon/goodsdisplay/zzim/icon_zzim.png) no-repeat center;
    background-size: contain;
    display: block;
    flex: 1 0 16px;
}

.reply-area .comment_list .btn-like.on {
    background-image: url(/data/icon/goodsdisplay/zzim_on/icon_zzim_on.png);
}

.reply_write_box {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 720px;
    width: calc(100% - 48px);
    padding: 24px;
    background: #fcfcfc;
    z-index: 999;
    transition: bottom 0.3s;
}

.write-rp-area {
    padding-top: 40px;
}

.write-rp-area .close_btn {
    position: absolute;
    top: 16px;
    right: 24px;
    width: 12px;
    height: 12px;
    background: url(../images/design/btn_close1.jpg) center center no-repeat;
}


.reply_write_box .emoji_list {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
}

.reply_write_box .emoji_list img {
    width: 30px;
}

.write_input {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.write_input .input_wrap {
    position: relative;
    border: 1px solid var(--color-ddd);
    border-radius: 50em;
    padding: 0 10px;
    width: calc(100% - 60px);
    max-height: 28px;
    overflow: hidden;
}

.write_input .input_wrap img {
    width: 20px;
}

.write_input .input_wrap textarea {
    height: 30px;
    border: none;
    background: transparent;
    padding: 6px 0;
}

.write_input .input_wrap div, #re_enmsg {
    padding-right: 30px;
    font: var(--text-body14-regular);
    overflow: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    max-height: 22px;
}

.write_input .input_wrap div::-webkit-scrollbar, #re_enmsg::-webkit-scrollbar {
    display: none;
}

.write_input .input_wrap div:focus {
    outline: none;
}

.write_input .input_wrap button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color2);
    font: var(--text-body14-regular);
    line-height: 28px;
    right: 10px;
}

/* 쪽지 */
.message-wrap .tab_list {
    display: flex;
    align-items: center;

}

.message-wrap .tab_list li {
    cursor: pointer;
    padding: 0 8px;
    color: var(--color-ccc);
    font: var(--text-body18-bold);
    line-height: 60px;

}

.message-wrap .tab_list li.active {
    color: var(--color-333);
}

.msg_tab_content .btn_top_list {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    padding-bottom: 8px;
}

.msg_tab_content .btn_btm_list {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin-top: 48px;

}

.resp_btn {
    display: block;
    border: 1px solid var(--color-ddd);
    border-radius: 2px;
    font: var(--text-caption-regular);
    color: var(--color-666);
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
    background-color: var(--color-fff);
}
.resp_btn.color3 {
    border-color: var(--color-666);
    background-color: var(--color-666);
    color: var(--color-fff);

}
.resp_btn.color9 {
    border-color: var(--color-999);
    background-color: var(--color-999);
    color: var(--color-fff);

}

.resp_btn.primary {
    border-color: var(--primary-color1);
    background-color: var(--primary-color1);
    color: var(--color-fff);
}

.resp_btn.base {
    border-color: var(--color-333);
    background-color: var(--color-333);
    color: var(--color-fff);
}

.resp_btn.extra3 {
    width: 100%;
    font: var(--text-body16-bold);
    line-height: 56px;
    border-radius: 4px;
}

.resp_btn.btn_c {
    border-radius: 4px;
    min-width: 100px;
    font: var(--text-body18-semi-bold);
    line-height: 40px;
}

.msg_tab_content .msg_list li {
    border-top: 1px solid var(--color-f8f8f8);

    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 16px;

}

.msg_tab_content .msg_list li.checked {
    background-color: var(--color-f8f8f8);
}

.msg_tab_content .msg_list li.notRead .msg {
    color: var(--color-purple)

}

.msg_tab_content .msg_list .msg_txt {
    width: calc(100% - 56px);
}

.msg_tab_content .msg_list .msg_txt .user_info {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 4px;
}

.msg_tab_content .msg_list .msg_txt .msg {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: initial;
    color: var(--color-999);
    font: var(--text-body16-regular);
}

.msg_tab_content .msg_list .msg_txt span {
    display: block;
    font: var(--text-body14-bold);
    color: var(--color-333);
}

.msg_tab_content .msg_list .msg_txt .date {
    /*margin-left: auto;*/
    font: var(--text-caption-regular);
    color: var(--color-999);
}

.msg_tab_content .msg_list .msg_item {
    display: flex;
    align-items: center;
    gap: 16px;
    width: calc(100% - 20px);
}

.msg_tab_content .msg_list .user_pf_img {
    width: 40px;
    height: 40px;
}

.msg_tab_content .write_container {
    margin-top: 16px;
    border: 1px solid var(--color-ddd);
    padding: 32px;
}

.write_container .recipient_input {
    display: block;
    align-items: center;
    justify-content: space-between;
    color: var(--color-333);
    font: var(--text-body16-bold);
    gap: 24px;
    padding-bottom: 20px;
}

.write_container .recipient_input input {
    font: var(--text-body13-regular);
    height: 34px;
    border-color: var(--color-ddd);
    border-radius: 4px;
    padding: 0 10px;
    width: calc(100% - 70px);
    margin-left:10px;

}

.write_container textarea {
    font: var(--text-body13-regular);
    color: var(--color-333);
    border-color: var(--color-ddd);
    padding: 8px 10px;
    border-radius: 4px;
    height: 320px;

}

.write_container.detail .user_header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-f8f8f8);

}

.write_container.detail .user_header .user_pf_img {
    width: 38px;
    height: 38px;
}

.write_container.detail .user_header .user_info {
    display: flex;
    flex-direction: column;
}

.write_container.detail .write_header {
    position: relative;
}

.write_container.detail .answer_btn {
    font: var(--text-body13-regular);
    position: absolute;
    right: 0;
    padding: 0 16px;
    line-height: 30px;

    top: 0;
}

.write_container.detail .user_name {
    display: flex;
    align-items: center;
    gap: 6px;
    font: var(--text-body14-bold);
    color: var(--color-333);
}

.write_container.detail .date {
    font: var(--text-caption-regular);
    color: var(--color-999);
    display: block;
    margin-top: 2px;
}

.write_container.detail .msg_txt {
    margin-top: 24px;
}

.write_container.detail .msg {
    color: var(--color-222);
    font: var(--text-body16-regular);
    word-break: break-all;
}
.write_container.detail .msg a{
    text-decoration: underline;

}
    /* 알림 */
.alarm_list {
    margin-top: 40px;
}

.alarm_list li {
    border-bottom: 1px solid var(--color-ddd);
    padding: 24px 0;
}

.alarm_list li .title {
    display: block;
    font: var(--text-body16-semi-bold);
    color: var(--color-222);
}

.alarm_list li .date {
    display: block;
    padding-top: 8px;
    color: var(--color-999);
    font: var(--text-body13-regular)
}

/* 최신 미디어쿼리 550Px */
@media only screen and (max-width: 550px) {
    .layer-popup.type-btm2 .layer-inner .share-list {

        grid-template-columns: repeat(3, 1fr);
    }

    .container_inner, .container_inner2 {
        padding-bottom: 84px;
        padding-top: 56px;
    }

    .search-area .search-inner .search-box {
        margin: 0 auto;
        width: calc(100% - 20px);
        padding: 32px 10px 24px !important;
    }

    .ms-search .search-inner .search-box p {
        padding: 10px;
    }

    .ms-search .search-inner .search-box .search_label:before {
        height: 14px;
        margin: 0 16px;
    }

    .profile-wrap .profile-tab .pr-cont .pr-product {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
    }

    .all_search_tab li:after {
        margin: 0;
    }

    .all_search_tab a {
        padding: var(--mp-8);
    }

    .all_feed_list {

        grid-template-columns: repeat(2, 1fr );
    }

    .all_board_list {
        grid-template-columns: repeat(1, 1fr );
        gap: 16px;
    }

    .search-area .hot-product {
        grid-template-columns: repeat(2, 1fr );
    }

    .search-area .hot-product .goods_price .price, .search-area .hot-product .goods_price .discount, .search-area .hot-product li a span.brand:not(.class .goods_summary span.brand) {
        font: var(--text-body15-bold);
    }

    .search-area .hot-product li a span.title {
        font: var(--text-body14-regular);
    }


    /*.goods_summary {*/
    /*    padding: 6px 10px;*/
    /*}*/
    .reply_write_box .emoji_list {
        gap: 8px;
    }

    .reply-area .comment_con .comment_txt {
        font: var(--text-body14-regular)
    }

    .post-list > li .post-top .btn-h-more {
        right: 16px;
    }

    .post-list > li .post-cont .cont .btn-c-more {
        right: 16px;
    }

    .profile-wrap .profile-tab .pr-tabs {
        gap: 0;
    }

    .profile-wrap .profile-tab .pr-tabs li a {
        font: var(--text-body16-semi-bold);
        line-height: 54px;
    }

    .profile-wrap .profile-tab .pr-cont {
        padding: 0;
    }

    .profile-wrap .profile-info2 .names .name, .user_info_box .profile-info2 .user_name {
        font: var(--text-subtitle22-regular)
    }

    .mypage-wrap .title_container3 .mp-top-menu li a {
        font: var(--text-body16-semi-bold);
    }

    .profile-wrap .profile-tab .pr-cont .pr-product .title {
        font: var(--text-body14-regular);
    }

    .profile-wrap .profile-tab .pr-cont .pr-product .goods_price .price, .profile-wrap .profile-tab .pr-cont .pr-product .goods_price .discount {
        font: var(--text-body15-bold)
    }

    .search-area .tabs li a, .search-area .tabs li a.active {
        font: var(--text-body16-semi-bold)
    }

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

    .ranking_notice .ranking_info:before {
        width: 80px;
        height: 80px;
    }

    .ranking_notice .ranking_info .rank_txt {
        width: calc(100% - 80px);
    }

    .post-list > li .post-cont .ranking_badge {
        font: var(--text-body14-bold);
        width: 48px;
        height: 37px;
        line-height: 30px;
    }

    .search-area .tab-cont > div > dl > dd ul.keywords li {
        max-width: 79px;
    }
    .mp-main .user_info_box{
        padding: 40px 0;
    }
    .added_list li{
        margin-bottom: 8px;
    }
}