/* reset css */
@charset "UTF-8";

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

a, button {
    -webkit-tap-highlight-color : transparent !important;
}

/* body 스크롤 해제 */
body.no-scroll {
    overflow: hidden;
}

/*페이지 공통*/
.common-wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    color: #3A3A3F;
    background-color: #fff;
    font-family:'Pretendard Std', sans-serif;
    line-height: 1;
    letter-spacing: 0;
}
/* 양쪽 여백 있는 컨텐트 */
.common-content {
    width:100%;
    padding:0 5.3333vw;
    box-sizing: border-box;
}
.common-content:last-child {
    margin-bottom: 0;
}
.common-content-tit{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:3.2000vw;
    color: #1E1E22;
    font-weight: 700;
    font-size: 5.8667vw;
    line-height: 7.7333vw;
    letter-spacing: -0.1333vw;
}
/* 타이틀에 더보기,전체보기 버튼 있는 경우 */
.common-content-tit .common-content-tit-button {
    font-family:'Pretendard Std', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 130%;
    color: #3A3A3F;
}

/* swiper-content */
.common-swiper-content {
    padding: 0 0;
}
.common-swiper-content .common-content-tit{
    padding: 0 5.3333vw;
}
.common-swiper-content .swiper-container {
    padding: 0 5.3333vw;
}

/* 최상단 헤더 타이틀 */
.topHeader-wrap{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    height:14.9333vw;
    margin-bottom:5.3333vw;
    padding:0 5.3333vw;
    box-sizing: border-box;
}
.topHeader-wrap-title-image {
    height: 4.8000vw;
}
.topHeader-wrap-title-image img{
    width: auto !important;
    height: 100%;
}
.topHeader-wrap-title{
    font-size:6.4000vw;
    font-weight:800;
    font-family: 'OA Gothic';
    color:#1e1e22;
}
.topHeader-wrap-icon{
    display:flex;
}
.topHeader-wrap-icon a{
    width: 6.4000vw;
    height: 6.4000vw;
    margin-right:4.2667vw;
}
.topHeader-wrap-icon a:last-child{
    margin-right:0;
}
.topHeader-wrap-icon img{
    display: block;
    width: 100%;
    height: 100%;
}



/* 공통 체크박스 */
.common-checkbox-label {
    display: flex;
    align-items: center;
    width: 100%;
}
.common-checkbox-input + .common-checkbox-title {
    width: 100%;
    height: 100%;
    padding: 2.9333vw 2.6667vw 2.9333vw 8.0000vw;
    background-image: url(/assets/images_renewal/common-checkbox-off.png);
    background-size: 6.4000vw;
    background-repeat: no-repeat;
    background-position: center left;
    color: #59595F;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}
.common-checkbox-input:checked + .common-checkbox-title {
    background-image: url(/assets/images_renewal/common-checkbox-on.png);
}


/* 공통 체크박스 */
.common-checkbox2-label {
    display: flex;
    align-items: center;
    width: 100%;
}
.common-checkbox2-input + .common-checkbox2-title {
    width: 100%;
    height: 100%;
    padding: 2.9333vw 2.6667vw 2.9333vw 8.0000vw;
    background-image: url(/assets/images_renewal/common-checkbox2-off.png);
    background-size: 6.4000vw;
    background-repeat: no-repeat;
    background-position: center left;
    color: #59595F;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}
.common-checkbox2-input:checked + .common-checkbox2-title {
    background-image: url('https://front.happypointcard.com/hc/static/images/assets/images_renewal/common-checkbox2-on.png');
}


/* 공통 라디오 박스 */
.common-radio-label {
    display: flex;
    align-items: center;
    width: 100%;
}
.common-radio-input + .common-radio-title {
    width: 100%;
    height: 100%;
    padding: 2.9333vw 2.6667vw 2.9333vw 8.0000vw;
    background-image: url('https://front.happypointcard.com/hc/static/images/assets/images_renewal/common-radio-off.png');
    background-size: 6.4000vw;
    background-repeat: no-repeat;
    background-position: center left;
    color: #59595F;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}
.common-radio-input:checked + .common-radio-title {
    background-image: url('https://front.happypointcard.com/hc/static/images/assets/images_renewal/common-radio-on.png');
}




/* 공통 토글 버튼 */
.common-wrap .common-toggle-label {
    display: flex;
    align-items: center;
    width: 100%;
}
.common-wrap .common-toggle-input + .common-toggle-title {
    width: 100%;
    height: 100%;
    padding: 2.9333vw 2.6667vw 2.9333vw 16.0000vw;
    background-image: url('https://front.happypointcard.com/hc/static/images/assets/images_renewal/common-toggle-off.png');
    background-size: 13.3333vw;
    background-repeat: no-repeat;
    background-position: center left;
    color: #59595F;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}
.common-wrap .common-toggle-input:checked + .common-toggle-title {
    background-image: url('https://front.happypointcard.com/hc/static/images/assets/images_renewal/common-toggle-on.png');
}



/*탭 스와이프*/
.common-category-tab{
    display:flex;
    align-items:center;
    width:100%;
    margin-bottom:5.3333vw;
}
.common-category-tab .swiper-slide {
    width: auto;
    padding-right: 1.6000vw;
}
.common-category-tab .swiper-slide:last-child {
    padding-right: 0;
}
.common-category-tab-button {
    height: 10.1333vw;
    padding:0 4.2667vw;
    background-color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 4.0000vw;
    line-height: 4.8000vw;
    color: #2E2E34;
    border:0.2667vw solid #e9eaef;
    border-radius:10.0000vw;
}
.common-category-tab-button.active{
    background-color: #161a2a;
    border-color:#161a2a;
    color:#fff;
}
/* 이미지 카드 슬라이드 스와이퍼 */
.swiper-slide.common-card-swiper-slide {
    width: 41.0667vw;
    padding-right: 2.6667vw;
    margin-right: 0;
}
.swiper-slide.common-card-swiper-slide:last-child {
    width: 38.4000vw;
    padding-right: 0;
    margin-right: 0;
}

/*이미지 + 타이틀 + 설명글 스와이프*/
.common-thumbnail-swiper{
    display:flex;
    width:100%;
}
.swiper-slide.common-thumbnail-swiper-slide {
    width: 41.0667vw;
    padding-right: 2.6667vw;
}
.swiper-slide.common-thumbnail-swiper-slide:last-child {
    width: 38.4000vw;
    padding-right: 0;
}
.common-thumbnail-swiper-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width:38.4000vw;
    margin-right:2.6667vw;
}
.common-thumbnail-swiper-box {
    width: 38.4000vw;
    height: 38.4000vw;
    border-radius: 2.1333vw;
    overflow: hidden;
}
.common-thumbnail-swiper-box img {
    display: block;
    width: 100%;
}
.common-thumbnail-swiper .common-thumbnail-swiper-button:last-child{
    margin-right:0;
}
.common-thumbnail-swiper-number {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7.4667vw;
    height: 7.4667vw;
    left: 1.6000vw;
    top: 1.6000vw;
    background-color: #FF5F00;
    border-radius: 1.0667vw;
    color: #fff;
    font-weight: 700;
    font-size: 3.7333vw;
}
.common-thumbnail-swiper-slide:nth-child(1) .common-thumbnail-swiper-number,
.common-thumbnail-swiper-slide:nth-child(2) .common-thumbnail-swiper-number,
.common-thumbnail-swiper-slide:nth-child(3) .common-thumbnail-swiper-number {
    background-color: #FF5F00;
}
.common-thumbnail-swiper-slide:nth-child(1) .common-type2-list-number,
.common-thumbnail-swiper-slide:nth-child(2) .common-type2-list-number,
.common-thumbnail-swiper-slide:nth-child(3) .common-type2-list-number {
    background-color: #FF5F00;
}
.common-thumbnail-swiper-title{
    margin-top:2.1333vw;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 130%;
    color:#B3B4B9;
    text-align: left;
}
.common-thumbnail-swiper-desc{
    width: 100%;
    margin-top: 1.0667vw;
    text-align: left;
    color: #3A3A3F;
    font-weight: 400;
    font-size: 4.2667vw;
    line-height: 130%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.common-thumbnail-swiper-price {
    margin-top: 2.1333vw;
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 5.5467vw;
}
.common-thumbnail-price-discount {
    color: #FF5F00;
}
.common-thumbnail-price-final {
    color: #2E2E34;
}
.common-thumbnail-price-original {
    margin-top: 1.0667vw;
    color: #C2C3C8;
    font-size: 3.2000vw;
    font-weight: 400;
    line-height: 3.7333vw;
    text-decoration: line-through;
}




/* 공통 팝업 */
.component-popup-button {

}
.common-popup-wrapper {
    position: fixed;
    top: 0;
    left: 50%;
    display: none;
    width: 100%;
    transform: translateX(-50%);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    overflow-y: auto;
}
.common-popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 89.3333vw;
    max-height: 90%;
    padding: 5.3333vw 5.3333vw 8.5333vw;
    background-color: #fff;
    border-radius: 4.2667vw;
    overflow-y: auto;
}
.common-popup-header {
    position: relative;
    width: 100%;
}
.common-popup-title {
    font-size: 4.8000vw;
    line-height: 6.2400vw;
    font-weight: 700;
    text-align: center;
}
.common-popup-close-button {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6.4000vw;
    height: 6.4000vw;
    transform: translate(0, -50%);
}
.common-popup-close-button img {
    display: block;
    width: 100%;
    height: 100%;
}
.common-popup-content {
    margin-top: 5.3333vw;
}
.common-popup-content-banner {
    width: 100%;
    margin-bottom: 6.4000vw;
}
.common-popup-content-banner img {
    width: 100%;
}
.common-popup-content-text {
    margin-bottom: 6.4000vw;
}
.common-popup-content-list-wrapper {
    width: 100%;
}
.common-popup-content-list {
    position: relative;
    width: 100%;
    padding-left: 3.2000vw;
    color: #59595F;
    font-size: 3.7333vw;
    font-weight:400;
    line-height : 5.9733vw;
}
.common-popup-content-list-emphasize {
    position: absolute;
    top: 2.6667vw;
    left: 0;
    width: 0.8000vw;
    height: 0.8000vw;
    border-radius: 100%;
    background-color: #59595F;
}
.common-popup-content-list-title {
    font-size: 3.7333vw;
    font-weight: 600;
}
.common-popup-move-button {
    color: #FF5F00;
    text-decoration: underline;
}
.common-popup-button-area {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8.5333vw;
}
.common-popup-button-area button {
    width: 38.6667vw;
    height: 12.8000vw;
    border-radius: 2.1333vw;
    border: 0.2667vw solid #0D0F71;
    font-size: 4.2667vw;
    font-weight: 500;
}
.common-popup-not-agree-button {
    background-color: #fff;
    color: #0D0F71;
}
.common-popup-agree-button {
    background-color: #0D0F71;
    color: #fff;
}


/* 하단 보더 탭 공통 */
.border-bottom-tab-area {
    width: 100%;
    height: 11.7333vw;
    border-bottom: 0.2667vw solid #F2F3F5;
    background-color: #fff;
}
.border-bottom-tab {
    height: 100%;
    padding: 0 5.3333vw;
    overflow: unset;
}
.swiper-container.border-bottom-tab {
    overflow: unset;
}
.border-bottom-tab-inner {
    height: 100%;
}
.border-bottom-tab-button {
    position: relative;
    width: auto !important;
    height: 100%;
    padding: 0 0.8000vw;
    color: #2E2E34;
    font-size: 4.2667vw;
    font-weight: 400;
    line-height: 5.5467vw;
}
.border-bottom-tab-button.active {
    color: #1E1E22;
    font-weight: 700;
}
.border-bottom-tab-button.active:after {
    position: absolute;
    left: 0;
    bottom: -0.2667vw;
    display: block;
    width: 100%;
    height: 0.8000vw;
    border-radius: 0.8000vw;
    background-color: #161A2A;
    content: '';
}

.border-bottom-tab-area.type2 .border-bottom-tab-inner {
    display: flex;
    height: 100%;
    justify-content: space-around;
}
.border-bottom-tab-area.type2 .border-bottom-tab-button {
    color: #929294;
}
.border-bottom-tab-area.type2 .border-bottom-tab-button.active {
    color: #1E1E22;
    font-weight: 700;
}

/* 2개 리스트 */
.common-type2-list-area {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.common-type2-list-list {
    width: 43.2000vw;
    margin-bottom: 6.4000vw;
}
.common-type2-list-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.common-type2-list-thumbnail {
    position: relative;
    width: 43.2000vw;
    height: 43.2000vw;
    border-radius: 2.1333vw;
    overflow: hidden;
}
.common-type2-list-thumbnail img {
    display: block;
    width: 100%;
}
.common-type2-list-number {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 7.4667vw;
    height: 7.4667vw;
    left: 1.6000vw;
    top: 1.6000vw;
    background-color: #3A3A3F;
    border-radius: 1.0667vw;
    color: #fff;
    font-weight: 700;
    font-size: 3.7333vw;
}
.common-type2-list-list:nth-child(1) .common-type2-list-number,
.common-type2-list-list:nth-child(2) .common-type2-list-number,
.common-type2-list-list:nth-child(3) .common-type2-list-number {
    background-color: #FF5F00;
}
.common-type2-list-number.etc {
    background-color: #3A3A3F;
    opacity: 0.9;
}
.common-type2-list-number.ad {
    background: rgba(0, 0, 0, 0.4);
}
.common-type2-list-title {
    margin-top: 2.1333vw;
    color: #B3B4B9;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 4.8533vw;
    text-align: left;
}
.common-type2-list-desc {
    margin-top: 1.0667vw;
    color: #2E2E34;
    font-size: 4.2667vw;
    font-weight: 400;
    text-align: left;
    line-height: 5.5467vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.common-type2-list-price {
    margin-top: 2.1333vw;
    font-size: 4.2667vw;
    font-weight: 700;
    line-height: 130%;
}
.common-type2-list-price-discount {
    color: #FF5F00;
}
.common-type2-list-price-final {
    color: #2E2E34;
}
.common-type2-list-price-original {
    margin-top: 1.0667vw;
    color: #C2C3C8;
    font-size: 3.2000vw;
    font-weight: 400;
    line-height: 3.7333vw;
    text-decoration: line-through;
}

/* 셀렉트박스 */
.component-select {
    position: relative;
    width: 21.6000vw;
    height: 4.8000vw;
    margin: 0 0 4.2667vw auto;
}
.component-select-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #3A3A3F;
    font-size: 3.7333vw;
    font-weight: 400;
    white-space: nowrap;
}
.component-select-arrow {
    width: 4.2667vw;
    height: 4.2667vw;
    margin-left: 1.8667vw;
}
.component-select-menu {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 2.1333vw);
    width: 26.6667vw;
    height: auto;
    border: 0.2667vw solid #f2f3f5;
    border-radius: 2.1333vw;
    z-index: 10;
    background-color: #fff;
}
.component-select-menu-list {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26.6667vw;
    height: 10.1333vw;
    border-bottom: 0.2667vw solid #f2f3f5;
}
.component-select-menu-list:last-child {
    border-bottom: none;
}
.component-select-menu-button {
    width: 100%;
    height: 100%;
    color: #84858A;
    font-size: 3.7333vw;
    font-weight: 400;
}
.component-select-menu-button.select {
    color: #1E1E22;
    font-weight: 500;
}
.component-select.show .component-select-arrow {
    rotate: 180deg;
}
.component-select.show .component-select-menu{
    display: block;
}

/* 공통 버튼 */
.common-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.8000vw;
    border-radius: 2.1333vw;
    font-size: 4.2667vw;
    font-weight: 500;
}
.common-button.large {
    width: 100%;
}
.common-button.medium {
    width: 81.3333vw;
}
.common-button.small {
    width: 45.8667vw;
}
.common-button.mini {
    width: 40.0000vw;
}
.common-button.blue {
    background-color: #0D0F71;
    color: #fff;
}
.common-button.white {
    background-color: #fff;
    border: 0.2667vw solid #0D0F71;
    color: #0D0F71;
}
.common-button.grey {
    background-color: #E9EAEF;
    color: #B3B4B9;
}
.common-button.basic {
    width: 100%;
    background-color: #fff;
    border: 0.2667vw solid #D4D5DA;
    color: #1E1E22;
    font-weight: 400;
}
.common-button.basic img {
    width: 4.8000vw;
    height: 4.8000vw;
}
.common-button.more img {
    margin-left: 1.0667vw;
}
.common-button.picture img {
    margin-right: 1.0667vw;
}

.common-button-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.common-button.both {
    width: calc(50% - 0.9333vw);
}
.common-button.zzim {
    width: 12.8000vw;
}
.common-button.gift {
    width: calc(100% - 14.6667vw);
}
.common-button-wrap .common-button-wrap {
    width: calc(100% - 14.6667vw);
}


.common-button.zzim .zzim-off {
    display: block;
}
.common-button.zzim .zzim-on {
    display: none;
}
.common-button.zzim.active .zzim-off {
    display: none;
}
.common-button.zzim.active .zzim-on {
    display: block;
}


/* 탑버튼 */
.top-button {
    position: fixed;
    right: calc(50% - 44.1333vw);
    bottom: 24.0000vw;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.7333vw;
    height: 11.7333vw;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0.5333vw 2.1333vw rgba(0, 0, 0, 0.25);
}
.top-button img {
    width: 6.4000vw;
    height: 6.4000vw;
}


/* 오른쪽 버튼 */
.right-arrow-button {
    display: block;
    width: 11.7333vw;
    height: 11.7333vw;
}



/* 공통 언더 팝업 */
.common-under-popup {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.common-under-popup-content {
    position: absolute;
    width: 100%;
    max-height: 133.3333vw;
    left: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 4.2667vw 4.2667vw 0 0;
}
.common-under-popup-top {
    position: relative;
    width: 100%;
    padding: 3.4667vw 0;
    border-bottom: 0.2667vw solid #F2F3F5;
}
.common-under-popup-title {
    color: #1E1E22;
    font-size: 4.8000vw;
    font-weight: 500;
    text-align: center;
    line-height: 6.1333vw;
}
.common-under-popup-close-button {
    position: absolute;
    top: 50%;
    right: 4.2667vw;
    transform: translateY(-50%);
    width: 6.4000vw;
    height: 6.4000vw;
}
.common-under-popup-close-button img {
    display: block;
    width: 100%;
    height: 100%;
}
.common-under-popup-main {
    padding: 4.2667vw 0 8.5333vw;
}
/* sns 공유하기 팝업 */
.common-under-popup.sns-share .common-under-popup-main {
    padding: 8.5333vw 0 2.1333vw;
}
.common-under-popup-share-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    width: 100%;
    padding: 0 3.6000vw;
}
.common-under-popup-share-list {
    display: flex;
    justify-content: center;
    width: 30.9333vw;
    margin-bottom: 6.4000vw;
}
.common-under-popup-share-list-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 14.9333vw;
}
.common-under-popup-share-title {
    margin-top: 2.1333vw;
    color: #3A3A3F;
    font-weight: 400;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}

/* 찜  버튼 */
.zzim-heart-button .zzim-heart-button-img-off {
    display: block;
}
.zzim-heart-button .zzim-heart-button-img-on {
    display: none;
}
.zzim-heart-button.active .zzim-heart-button-img-off {
    display: none;
}
.zzim-heart-button.active .zzim-heart-button-img-on {
    display: block;
}
.zzim-heart-button-img-off {
    display: block;
}
.zzim-heart-button-img-on {
    display: none;
}

/* 검색 */
.common-search {
    position: relative;
    width: 100%;
    height: 13.8667vw;
    margin-bottom: 4.0000vw;
    background-image: url("/assets/images_renewal/icon-search-btn.png");
    background-repeat: no-repeat;
    background-size: 6.4000vw;
    background-position: 4.0000vw center;
}
input[type="search"].common-search-input{
    width: 100%;
    height: 100%;
    font-size: 4.0000vw;
    padding: 2.6667vw 4.0000vw 2.6667vw 13.3333vw;
    border: 0.2667vw solid #E9EAEF;
    border-radius: 13.3333vw;
}
input[type="search"].common-search-input:focus {
    border: 0.4000vw solid #000;
}
input[type=search].common-search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 4.8000vw;
    height: 4.8000vw;
    margin-left: 1.3333vw;
    border-radius: 6.6667vw;
    background: url(/assets/images_renewal/icon-search-delete.png)no-repeat center/cover;
    cursor: pointer;
}
input[type=search].common-search-input::placeholder {
    color: #B3B4B9;
}

/* dim 배경 */
.background-dim {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
}
.background-dim.show {
    display: block;
}

/* 리스트 왼쪽 점 표시 */
.emphasize {
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
}

/* 브랜드 선택 팝업*/
.brand-choice-popup .common-under-popup-content {
    height: 119.7333vw;
    max-height: 90%;
}
.brand-choice-popup .common-under-popup-title {
    line-height: 5.1333vw;
}
.brand-choice-popup .common-under-popup-close-button {
    width: 6.4vw;
    height: 6.4vw;
}
.brand-choice-popup .common-under-popup-top {
    height: 12.8vw;
    padding: 3.8667vw 0;
}
.brand-choice-popup .common-under-popup-main {
    display: flex;
    flex-direction: column;
    max-height: 120.5333vw;
    padding: 0 0 2.1333vw;
    overflow-y: auto;
}
.brand-choice-popup .select-brand-list-wrap {
    padding-top: 1.3333vw;
    overflow-y: auto;
    justify-content: flex-start;
}
.brand-choice-popup .common-radio-input + .common-radio-title {
    padding: 2.9333vw 2.6667vw 2.9333vw 8.5333vw;
}
.common-membership-friend-bg{
    background-color: #ffa216;
}
.common-membership-family-bg{
    background-color: #007afb;
}
.common-membership-vip-bg{
    background-color: #0d0f71;
}
.common-membership-royal-bg{
    background-color: #6b2756;
}


/* 푸터 */
.gift-main-footer {
    width: 100%;
    padding: 5.3333vw 5.3333vw 10.6667vw;
}
.gift-main-footer-top {
    width: 100%;
}
.gift-main-footer-dropdown-button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.gift-main-footer-dropdown-title {
    color: #84858A;
    font-weight: 700;
    font-size: 3.7333vw;
    line-height: 4.8000vw;
}
.gift-main-footer-dropdown-img {
    width: 4.8000vw;
    height: 4.8000vw;
    margin-left: 1.0667vw;
}
.gift-main-footer-dropdown-img img {
    display: block;
    width: 100%;
}
.gift-main-footer-dropdown-button.down .gift-main-footer-dropdown-img {
    transform: rotate(180deg);
}
.gift-main-footer-dropdown-main {
    display: none;
    padding-top: 3.2000vw;
}
/* js */
.gift-main-footer-dropdown-main.show {
    display: block;
}
.gift-main-footer-dropdown-list {
    color: #84858A;
    font-weight: 400;
    font-size: 3.2000vw;
    line-height: 4.8000vw;
    text-align: center;
}
.gift-main-footer-phrase {
    color: #B3B4B9;
    font-weight: 400;
    font-size: 3.2000vw;
    line-height: 4.8000vw;
}
.gift-main-footer-terms-wrap {
    margin-top: 3.2000vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gift-main-footer-terms-list:nth-child(1),
.gift-main-footer-terms-list:nth-child(2) {
    position: relative;
    margin-right: 2.1333vw;
    padding-right: 2.1333vw;
}
.gift-main-footer-terms-list:nth-child(1):after,
.gift-main-footer-terms-list:nth-child(2):after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: 0.2667vw;
    height: 2.9333vw;
    background-color: #84858A;
}
.gift-main-footer-terms-list:last-child {
    position: relative;
    margin-right: 0;
}
.gift-main-footer-terms-button {
    color: #84858A;
    font-weight: 400;
    font-size: 3.4667vw;
    line-height: 4.5333vw;
}
.gift-main-footer-info-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 1.0667vw;
}
.gift-main-footer-email-link {
    color: #84858A;
    font-weight: 400;
    font-size: 3.4667vw;
    line-height: 4.5333vw
}
.gift-main-footer-chatbot-button {
    margin-left: 2.1333vw;
    color: #84858A;
    font-weight: 700;
    font-size: 3.4667vw;
    line-height: 4.5333vw;
}
.gift-main-footer-phrase-wrap {
    margin-top: 4.2667vw;
}
.gift-main-footer-phrase {
    color: #B3B4B9;
    font-weight: 400;
    font-size: 3.2000vw;
    line-height: 4.8000vw;
}

/* 결제 실패 */
.common-wrap, .gift-body  {
    height: 100%;
}
.payment-fail .payment-fail-empty-img img {
    display: inline-block;
    width: 100%;
}
.payment-fail .payment-fail-empty-title {
    width: 100%;
    margin-top: 4.2667vw;
    text-align: center;
    font-size: 4.8000vw;
    font-weight: 400;
    line-height: 130%;
    color: #C2C3C8;
}
.payment-fail .payment-fail-confirm {
    width: 100%;
    height: 13.8667vw;
    background-color: #0D0F71;
    color: #fff;
}

/* 결제 중단 */
.payment-stop  {
    height: 100%;
}
.payment-stop .payment-stop-empty-img img {
    display: inline-block;
    width: 100%;
}
.payment-stop .payment-fail-empty-title {
    width: 100%;
    margin-top: 4.2667vw;
    text-align: center;
    font-size: 4.8000vw;
    font-weight: 400;
    line-height: 130%;
    color: #C2C3C8;
}
.payment-stop .payment-stop-empty-text {
    width: 100%;
    margin-top: 2.1333vw;
    text-align: center;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 130%;
    color: #C2C3C8;
}
.payment-stop .payment-fail-confirm {
    width: 100%;
    height: 13.8667vw;
    background-color: #0D0F71;
    color: #fff;
}
.payment-stop .payment-stop-button-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 20.2667vw;
    padding: 3.2000vw;
    border-top: 0.2667vw solid #F2F3F5;
}
.payment-stop .payment-stop-replay {
    width: 45.8667vw;
    height: 13.8667vw;
    margin-right: 1.8667vw;
    border: 0.2667vw solid #0D0F71;
    border-radius: 2.1333vw;
    color: #0D0F71;
}
.payment-stop .payment-stop-confirm {
    width: 45.8667vw;
    height: 13.8667vw;
    border-radius: 2.1333vw;
    background-color: #0D0F71;
    color: #fff;
}


/* 결제완료 화면 */
.gift-sent {
    padding-bottom: 20vw;
}
.gift-sent .giftSent-floating-button {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    max-width: 100.0000vw;
    margin: 0;
    padding: 3.2vw;
    background-color: #fff;
    z-index: 99;
    border-top: 0.2667vw solid #F2F3F5;
}

/* 결제하기 화면 */
.gift-payment-buy {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 3.2000vw;
    z-index: 99;
    background-color: #fff;
    border-top: 0.2667vw solid #F2F3F5;
}
.input-group {
    position: relative;
    width: 100%;
}
.input-text-delete {
    position: absolute;
    right: 3.2vw;
    top: 50%;
    transform: translateY(-50%);
    width: 4.8vw;
    height: 4.8vw;
}
.input-text-delete img {
    width: 100%;
    height: 100%;
}
.refund-information-put[type=text]:-ms-clear{display: none;}
/* 선물하기 메인-이런 선물 어떤가요? 수정 */
.gift-suggestion-tab .common-thumbnail-swiper-title {
    margin-left: 1.0667vw;
    color: #84858a;
}
.gift-suggestion-tab .common-thumbnail-swiper-desc {
    margin-left: 1.0667vw;
    margin-top: 1.0667vw;
}
.gift-suggestion-tab .common-thumbnail-swiper-price {
    margin-left: 1.0667vw;
}
.gift-suggestion-tab .common-thumbnail-price-original {
    margin-left: 1.0667vw;
}
.ranking-gift .common-type2-list-title {
    margin-left: 1.0667vw;
    color: #84858a;
}
.ranking-gift .common-type2-list-desc {
    margin-left: 1.0667vw;
    margin-top: 1.0667vw;
}
.ranking-gift .common-type2-list-price {
    margin-left: 1.0667vw;
}

.gift-body .main-banner-wrap {
    margin-bottom: 10.6667vw;
}
.gift-category-list-wrap .gift-category-list:nth-child(5),
.gift-category-list-wrap .gift-category-list:nth-child(6),
.gift-category-list-wrap .gift-category-list:nth-child(7),
.gift-category-list-wrap .gift-category-list:nth-child(8) {
    margin-bottom: 3.2vw;
}

.thumbnail-dim-group {
    position: relative;
}
.thumbnail-dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.02);
    border-radius: 2.1333vw;
}
.gift-body .common-thumbnail-swiper-box {
    background-color: transparent;
}

.gift-detail .goods-content-brand-link {
    color: #84858A;
    font-weight: 400;
    line-height: 130%;
}
.gift-detail .goods-content-top {
    margin-bottom: 1.0667vw;
}
/*공유하기*/
.under-popup-bottom .under-popup-bottom-list span {
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 130%;
    color: #3a3a3f;
}

.gift-detail .goods-popular-title {
    margin-bottom: 4.2667vw;
    font-size: 4.8000vw;
    font-weight: 700;
    line-height: 130%;
    color: #1E1E22;
}

.gift-detail-goods-popular .common-thumbnail-swiper-box {
    width: 34.1333vw;
    height: 34.1333vw;
}
.gift-detail-goods-popular .common-thumbnail-swiper-button {
    width: 34.1333vw;
}
.gift-detail-goods-popular .swiper-slide.common-thumbnail-swiper-slide {
    width: 36.8000vw;
}
.gift-detail-goods-popular .common-thumbnail-swiper-desc {
    font-size: 3.7333vw;
}

/* 주문 내용 및 결제 조건 */
#payment-agree-popup.common-under-popup .common-under-popup-content {
    max-height: calc(100% - 6.4vw);
}
#payment-agree-popup .payment-agree-popup-main {
    max-height: unset;
}
.payment-agree-popup-list.active .payment-agree-popup-list-main {
    max-height: 77vw;
}

.gift-payment-wrap {
    padding: 0 !important;
}

/*선물하기 선물받는사람 팝업*/
.gift-buy-popup .common-under-popup-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 6.4vw);
}
.gift-buy-popup .gift-buy-popup-main {
    max-height: unset;
}

/*선물하기 선물받는사람 팝업*/
.gift-buy-popup .common-under-popup-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 6.4vw);
}
.gift-buy-popup .gift-buy-popup-main {
    max-height: unset;
}
.gift-buy-popup .common-radio-input {
    width: 0;
}

/* 상품 고시 정보 */
.goods-tab-goods-outspread .goods-outspread-list-content {
    background-color: #F2F3F5;
}
.goods-tab-goods-outspread .goods-outspread-list-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2.6667vw;
}
.goods-tab-goods-outspread .goods-outspread-list-group:last-child {
    margin-bottom: 0;
}
.goods-tab-goods-outspread .goods-outspread-list-group .outspread-list-group-title {
    width: 24.5333vw;
    margin-right: 4.2667vw;
    color: #84858A;
    font-size: 3.4667vw;
    font-weight: 400;
    line-height: 145%;
}
.goods-tab-goods-outspread .goods-outspread-list-group .outspread-list-group-text {
    width: 60.5333vw;
    color: #3A3A3F;
    font-size: 3.4667vw;
    font-weight: 400;
    line-height: 145%; /* 18.85px */
    word-break: normal;
}
.goods-tab-goods-outspread .outspread-list-box {
    margin-bottom: 4.2667vw;
}
.goods-tab-goods-outspread .outspread-list-box:last-child {
    margin-bottom: 0;
}
.goods-tab-goods-outspread .outspread-list-bold-title {
    color: #3A3A3F;
    font-size: 3.4667vw;
    font-weight: 700;
    line-height: 140%; /* 18.85px */
    margin-bottom: 1.6000vw;
}
.goods-tab-goods-outspread .outspread-list-bold-number {
    margin: 0 0.7vw;
}
.goods-tab-goods-outspread .outspread-list-bold-text {
    display: flex;
    align-items: flex-start;
    color: #3A3A3F;
    font-size: 3.4667vw;
    font-weight: 400;
    line-height: 140%; /* 18.85px */
    margin-bottom: 1.6000vw;
    word-break: break-all;
}
.goods-tab-goods-outspread .outspread-list-bold-text:last-child {
    margin-bottom: 0;
}
.outspread-list-bold-text em {
    width: 0.5333vw;
    min-width: 0.5333vw;
    height: 0.5333vw;
    margin: 2vw 2.1333vw;
    background-color: #3A3A3F;
    border-radius: 1.0667vw;
}
.gift-receive .gift-receive-mns {
    margin-bottom: 3.2vw;
}
.gift-payment-content-pg .common-radio-input,
.gift-payment-others .common-radio-input {
    width: 0;
}
.gift-payment-top-box .gift-payment-top-line {
    width: 0.2667vw;
}

.gift-body .main {
    padding-bottom: 0;
}
.shopping-list .shopping-list-select-dot {
    margin: 0 1.0667vw;
}
.shopping-list .shopping-list-box-top {
    padding: 4.0000vw 3.2000vw 4.0000vw 5.3333vw;
}
.shopping-list .review-write-top {
    padding: 4.2667vw 3.2000vw 4.2667vw 5.3333vw;
}

.recommend.common-wrap {
    padding-bottom: 12.8vw;
}
.gift-often-wrap .common-thumbnail-swiper-number {
    height: 6.4000vw;
    line-height: 120%;
}

.gift-review-layout-none {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 21.3534vw;
    padding-bottom: 2.1133vw;
}
.gift-review-layout-none-text {
    color: #C2C3C8;
    font-size: 4.2667vw;
    font-weight: 400;
    line-height: 150%;
}