.main__contents {
    margin-bottom: 65px;
}

/* guide */
.main__contents .guide-box {margin: 20px 0 0;}
.main__contents .guide-box + .guide-box {margin-top: 46px;}
.main__contents .guide-box h2 {
    font-weight: 500;
    font-size: 23px;
    color: rgb(34,34,34);
    text-align: center;
}
.main__contents .guide-box .scroll {
    margin: 20px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.main__contents .guide-box ul {
    font-size: 0;
    white-space: nowrap;
    text-align: center;
}
.main__contents .guide-box ul li {
    width: 18%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0%;
}

.main__contents .guide-box ul li a {display: block; padding: 3% 5%; }
.main__contents .guide-box ul li img {width: 90%;}
.main__contents .guide-box ul li p {
    margin: 9px 0 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

/* banner */
.main__contents .banner-box {margin: 50px 0 0;}
.main__contents .banner-box a {display: block;}
.main__contents .banner-box img {width: 100%;}
.main__contents .banner-box.half,
.main__contents .banner-box.mini {margin: 93px 17px 0;}
.main__contents .banner-box.half:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .banner-box.half a {
    width: 48.21%;
    float: left;
    margin: 0 0 0 3.58%;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .banner-box.half a:first-of-type {margin-left: 0;}
.main__contents .banner-box.mini ul li {margin: 17px 0 0;}
.main__contents .banner-box.mini ul li:first-child {margin-top: 0;}
.main__contents .banner-box.mini ul li a {
    height: 83px;
    padding-right: 32px;
    background-color: rgb(245,245,245);
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) center;
    background-image: url(/assets/images/arr_right_bk_23x41.png);
    background-size: 11px;
    border-radius: 14px;
    box-sizing: border-box;
}
.main__contents .banner-box.mini ul li:nth-child(1) a {padding-left: 24px;}
.main__contents .banner-box.mini ul li:nth-child(2) a {padding-left: 24px;}
.main__contents .banner-box.mini ul li a:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .banner-box.mini ul li p {
    float: left;
    margin-left: 28px;
    font-weight: 500;
    font-size: 19px;
    color: rgb(34,34,34);
    line-height: 83px;
}
.main__contents .banner-box.mini ul li img {float: left;}
.main__contents .banner-box.mini ul li:nth-child(1) img {
    width: 46px;
    margin-top: 23px;
}
.main__contents .banner-box.mini ul li:nth-child(2) img {
    width: 45px;
    margin-top: 28px;
}
.main__contents .banner-box.txt .banner {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .banner-box.txt a {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main__contents .banner-box.txt .info {padding: 0 20%;}
.main__contents .banner-box.txt .info .tit {
    font-weight: 500;
    font-size: 22px;
    color: rgb(34,34,34);
    line-height: 35px;
}
.main__contents .banner-box.txt .info .txt {
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(34,34,34);
}
.main__contents .banner-box.half .info {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main__contents .banner-box.half .info .txt {
    font-weight: 300;
    font-size: 15px;
    color: rgb(255,255,255);
}
.main__contents .banner-box.half .info .tit {
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
    top: 0;
    left: 0;
    font-weight: 500;
    font-size: 22px;
    color: rgb(255,255,255);
    line-height: 30px;
}
.main__contents .banner-box.half .info .tit:after {
    width: 7px;
    height: 35px;
    content: '';
    display: inline-block;
    margin: 0 0 0 9px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/images/arr_right_wt_14x31.png);
    background-size: 100%;
}

/* time sale */
.main__contents .sale-box {margin: 93px 0 0;}
.main__contents .sale-box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: rgb(34,34,34);
    text-align: center;
}
.main__contents .sale-box .sub-tit {
    font-weight: 400;
    font-size: 21px;
    color: rgb(128,128,128);
    text-align: center;
    line-height: 1;
}
.main__contents .sale-box .con {
    margin: 30px 0 0;
    padding: 31px 0 49px;
    background-color: rgb(245,245,245);
}
.main__contents .sale-box #timer {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: rgb(34,34,34);
    text-align: center;
}
.main__contents .sale-box .goods__slider {
    margin: 0;
    font-size: 0;
    text-align: center;
}
.main__contents .sale-box .goods {
    width: 323px;
    margin: 0 19px;
    box-sizing: border-box;
}
.main__contents .sale-box .goods .photo {
    width: 323px;
    height: 323px;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .sale-box .goods .photo img {
    width: 100%;
    border-radius: 50%;
}
.main__contents .sale-box .goods .info {margin: 34px 0 0;}
.main__contents .goods a {display: block;outline:none;}
.main__contents .goods .info .desc {
    margin: 0 0 14px;
    padding: 0 0 17px;
    font-weight: 400;
    font-size: 23px;
    color: rgb(51,51,51);
    line-height: 29px;
    border-bottom: 1px solid rgb(175,175,175);
}
.main__contents .goods .info .brand {
    font-weight: 500;
    font-size: 19px;
    color: rgb(51,51,51);
}
.main__contents .goods .info .name {
    margin: 6px 0 0;
    font-weight: 400;
    font-size: 19px;
    color: rgb(119,119,119);
    line-height: 22px;
    white-space: normal;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.main__contents .goods .info .price {margin: 14px 0 0;}
.main__contents .goods .info .price p {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    line-height: 30px;
    vertical-align: top;
}
.main__contents .goods .info .price .per {
    margin: 0 8px 0 0;
    font-weight: 400;
    font-size: 35px;
    color: rgb(221,36,113);
}
.main__contents .goods .info .price .normal,
.main__contents .goods .info .price .sale {
    font-weight: 700;
    font-size: 25px;
    color: rgb(51,51,51);
}
.main__contents .goods .info .price .normal._sale {
    margin: 0 0 0 5px;
    font-weight: 400;
    font-size: 15px;
    color: #BBBBBB;
    text-decoration: line-through;
}

/* media-deal */
.main__contents .media-deal-box {
    margin: 93px 0 0;
    padding: 0px 0 0;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(/assets/images/bg01.png);
    background-size: 100%;
}
.main__contents .media-deal-box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .media-deal-box .sub-tit {
    font-weight: 400;
    font-size: 21px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 1;
}
.main__contents .media-deal-box .timer {
    margin: 21px 0 0;
    font-weight: 400;
    font-size: 15px;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .media-deal-box .timer span {
    display: inline-block;
    padding: 0 0 0 25px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left 6px;
    background-image: url(/assets/images/ico_timer_wt_39x39.png);
    background-size: 18px;
}
.main__contents .media-deal-box .deal:first-of-type {margin-top: 0;}
.main__contents .media-deal-box .goods {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .media-deal-box .goods .photo {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .media-deal-box .goods .photo img {width: 100%;}
.main__contents .media-deal-box .goods .photo .tag {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .media-deal-box .goods .photo .tag.per {
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 65px;
    background-color: rgba(223,74,135,0.8);
}
.main__contents .media-deal-box .goods .photo .tag.txt {
    height: 25px;
    padding: 0 11px;
    top: 14px;
    right: 14px;
    font-size: 15px;
    line-height: 25px;
    background-color: rgb(0,0,0);
}
.main__contents .heart__btn {
    width: 30px;
    height: 25px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center	center;
    background-image: url(/assets/images/ico_heart_gr_65x55.png);
    background-size: 100%;
}
.main__contents .heart__btn.on {background-image: url(/assets/images/ico_heart_pk_65x55.png);}
.main__contents .media-deal-box .deal > .goods .info p,
.main__contents .media-deal-box .deal__list li .info p {
    padding-left: 17px;
    padding-right: 17px;
}
.main__contents .media-deal-box .deal__list {margin-top: 17px;}
.main__contents .media-deal-box .deal__list li + li {margin-top: 27px;}
.main__contents .media-deal-box .deal__list li a:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .media-deal-box .deal__list li .photo {
    width: 25%;
    float: left;
}
.main__contents .media-deal-box .deal__list li .info {
    width: calc(100% - 210px);
    float: left;
    display: table;
    margin: 0 0 0 5px;
    box-sizing: border-box;
    table-layout: fixed;
}
.main__contents .media-deal-box .deal__list li .info > .inner {
    display: table-cell;
    vertical-align: middle;
}
.main__contents .media-deal-box .deal__list li .info p {
    padding-left: 7px;
    padding-right: 7px;
    margin: 0;
    font-size: 13px;
    line-height: 25px;
}
.main__contents .media-deal-box .goods .info .name {line-height: 16px;display: -webkit-box;white-space: normal;}
.main__contents .media-deal-box .goods .info .sale {padding-right: 0 !important;}
.main__contents .media-deal-box .goods .info .normal._sale {padding: 0 !important;font-size: 14px;}
.main__contents .media-deal-box .deal .more__btn {
    width: 100%;
    height: 46px;
    display: block;
    margin: 28px 0 0;
    font-weight: 500;
    font-size: 20px;
    color: rgb(34,34,34);
    text-align: center;
    line-height: 46px;
}
.main__contents .media-deal-box .deal._style2 > .goods a {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .media-deal-box .deal._style2 > .goods .photo {width: 100%;}
.main__contents .media-deal-box .deal._style2 > .goods .info {
    padding: 17px;
    background-color: rgb(255,255,255);
}
.main__contents .media-deal-box .deal._style2 > .goods .info .tag {
    position: absolute;
    top: -11px;
    left: 17px;
}
.main__contents .media-deal-box .deal._style2 > .goods .info .tag:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .media-deal-box .deal._style2 > .goods .info .tag p {
    height: 25px;
    float: left;
    margin: 0 0 0 3px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 25px;
    background-color: rgb(34,34,34);
}
.main__contents .media-deal-box .deal._style2 > .goods .info .tag p:first-child {margin-left: 0;}
.main__contents .media-deal-box .deal._style2 > .goods .info .tit {
    font-weight: 500;
    font-size: 20px;
    color: rgb(34,34,34);
}
.main__contents .media-deal-box .deal._style2 > .goods .info .desc {
    margin: 3px 0 0;
    padding: 0 17px;
    font-weight: 400;
    font-size: 15px;
    color: rgb(34,34,34);
    line-height: 1;
    border: 0;
}
.main__contents .media-deal-box .deal._style2 > .goods .info .per {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 36px;
    color: rgb(221,36,113);
    line-height: 1;
}
.main__contents .media-deal-box .deal._style2 .scroll {margin: 11px -17px 0;}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list {
    margin-top: 0;
    font-size: 0;
    white-space: nowrap;
}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li {
    width: 185px;
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li:first-child {margin-left: 17px;}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li .photo {width: 100%;}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li .info {
    width: 100%;
    height: auto;
    margin: 11px 0 0;
}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li .info p {padding: 0;}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li.more {
    height: 611px;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .media-deal-box .deal._style2 .scroll .deal__list li.more .more__btn {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main__contents .media-deal-box .deal._style2 .deal__list {
    margin-left: 17px;
    margin-right: 17px;
}
.main__contents .media-deal-box .deal._style2 .deal__list li .info .brand {font-size: 13px;}
.main__contents .media-deal-box .deal._style2 .deal__list li .info .price {margin-top: 4px;}
.main__contents .media-deal-box .deal._style2 .deal__list li .info .price .price,
.main__contents .media-deal-box .deal._style2 .deal__list li .info .price .sale {font-size: 16px;}
.main__contents .media-deal-box .deal._style2 .deal__list li .info .price .price._sale {font-size: 18px;}

/* deal */
.main__contents .deal-box {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(/assets/images/bg01.png);
    background-size: 100%;
}
.main__contents .deal-box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 31px;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .deal-box .sub-tit {
    font-weight: 400;
    font-size: 21px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 1;
}
.main__contents .deal-box .timer {
    margin: 21px 0 0;
    font-weight: 400;
    font-size: 19px;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .deal-box .timer span {
    display: inline-block;
    padding: 0 0 0 25px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left 6px;
    background-image: url(/assets/images/ico_timer_wt_39x39.png);
    background-size: 18px;
}
.main__contents .deal-box .con {margin: 20px 17px 15px;}
.main__contents .deal-box .deal {margin: 79px 0 0;}
.main__contents .deal-box .deal:first-of-type {margin-top: 0;}
.main__contents .deal-box .goods {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .deal-box .goods .photo {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .deal-box .goods .photo img {width: 100%;}
.main__contents .deal-box .goods .photo .tag {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgb(255,255,255);
    text-align: center;
}
.main__contents .deal-box .goods .photo .tag.per {
    width: 69px;
    height: 69px;
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 69px;
    background-color: rgba(223,74,135,0.8);
}
.main__contents .deal-box .goods .photo .tag.txt {
    height: 25px;
    padding: 0 11px;
    top: 14px;
    right: 14px;
    font-size: 15px;
    line-height: 25px;
    background-color: rgb(0,0,0);
}
.main__contents .heart__btn {
    width: 30px;
    height: 25px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center	center;
    background-image: url(/assets/images/ico_heart_gr_65x55.png);
    background-size: 100%;
}
.main__contents .heart__btn.on {background-image: url(/assets/images/ico_heart_pk_65x55.png);}
.main__contents .deal-box .goods .info {margin: 28px 0 0;}
.main__contents .deal-box .deal > .goods .info p,
.main__contents .deal-box .deal__list li .info p {
    padding-left: 17px;
    padding-right: 17px;
}
.main__contents .deal-box .deal__list {margin-top: 11px;}
.main__contents .deal-box .deal__list li + li {margin-top: 42px;}
.main__contents .deal-box .deal__list li a:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .deal-box .deal__list li .photo {
    width: 41px;
    float: left;
}
.main__contents .deal-box .deal__list li .info {
    width: calc(100% - 222px);
    height: 41px;
    float: left;
    display: table;
    margin: 0 0 0 20px;
    box-sizing: border-box;
    table-layout: fixed;
}
.main__contents .deal-box .deal__list li .info > .inner {
    display: table-cell;
    vertical-align: middle;
}
.main__contents .deal-box .deal__list li .info p {
    padding-left: 7px;
    padding-right: 7px;
}
.main__contents .deal-box .goods .info .sale {padding-right: 0 !important;}
.main__contents .deal-box .goods .info .normal._sale {padding: 0 !important;}
.main__contents .deal-box .deal .more__btn {
    display: block;
    margin: 28px 17px 70px 17px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: rgb(119, 119, 119);
    border: 1px solid rgb(187, 187, 187);
    border-radius: 58px;
}
.main__contents .deal-box .deal .more__btn img {
    width: 7px;
    margin: -3px 0 0 5px;
}
.main__contents .deal-box .deal._style2 > .goods a {
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .deal-box .deal._style2 > .goods .photo {margin: 0 -17px;}
.main__contents .deal-box .deal._style2 > .goods .info {
    width: calc(100% + 17px);
    padding: 17px 0 0;
    position: absolute;
    bottom: -2px;
    right: -17px;
    background-color: rgb(255,255,255);
}
.main__contents .deal-box .deal._style2 > .goods .info .tag {
    position: absolute;
    top: -11px;
    left: 17px;
}
.main__contents .deal-box .deal._style2 > .goods .info .tag:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .deal-box .deal._style2 > .goods .info .tag p {
    height: 25px;
    float: left;
    margin: 0 0 0 3px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 25px;
    background-color: rgb(34,34,34);
}
.main__contents .deal-box .deal._style2 > .goods .info .tag p:first-child {margin-left: 0;}
.main__contents .deal-box .deal._style2 > .goods .info .tit {
    font-weight: 500;
    font-size: 20px;
    color: rgb(34,34,34);
}
.main__contents .deal-box .deal._style2 > .goods .info .desc {
    width: calc(100% - 111px);
    margin: 3px 0 0;
    padding: 0 17px;
    font-weight: 400;
    font-size: 15px;
    color: rgb(34,34,34);
    line-height: 1;
    border: 0;
}
.main__contents .deal-box .deal._style2 > .goods .info .per {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: rgb(221,36,113);
    line-height: 1;
}
.main__contents .deal-box .deal._style2 .scroll {margin: 35px -17px 0; }
.main__contents .deal-box .deal._style2 .scroll .deal__list {
    margin-top: 0;
    font-size: 0;
    white-space: nowrap;
    justify-content: space-evenly;
    display: flex;
}
.main__contents .deal-box .deal._style2 .scroll .deal__list li {
    width: 45%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.main__contents .deal-box .deal._style2 .scroll .deal__list li:first-child {}
.main__contents .deal-box .deal._style2 .deal__list li .photo {width: 185px;}
.main__contents .deal-box .deal._style2 .deal__list li .info {
    width: calc(100% - 205px);
    height: 185px;
}
.main__contents .deal-box .deal._style2 .scroll .deal__list li .photo {width: 100%;}
.main__contents .deal-box .deal._style2 .scroll .deal__list li .info {
    width: 100%;
    height: auto;
    margin: 11px 0 0;
}
.main__contents .deal-box .deal._style2 .scroll .deal__list li .info p {padding: 0;}
.main__contents .deal-box .deal._style2 .scroll .deal__list li.more {
    width: 40%;
    aspect-ratio: 1 / 1.5;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .deal-box .deal._style2 .scroll .deal__list li.more .more__btn {
    margin: 28px 0 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main__contents .deal-box .deal._style2 .deal__list {
    margin-top: 35px;
}
.main__contents .deal-box .deal._style2 .deal__list li .info .name { height: 35px; margin: 0; line-height: 1.3 }
.main__contents .deal-box .deal._style2 .deal__list li .info p {font-size: 13px;}
.main__contents .deal-box .deal._style2 .deal__list li .info .price { margin: 0; }
.main__contents .deal-box .deal._style2 .deal__list li .info .price .price,
.main__contents .deal-box .deal._style2 .deal__list li .info .price .sale {font-size: 16px;}
.main__contents .deal-box .deal._style2 .deal__list li .info .price .price._sale {font-size: 17px; margin-left: 6px; }
.main__contents .deal-boxes .dealboxes-pagination { display: flex; margin-top: 80px; padding-left: 12px; overflow-x: scroll; -ms-overflow-style: none; /* ÀÎÅÍ³Ý ÀÍ½ºÇÃ·Î·¯ */ scrollbar-width: none; /* ÆÄÀÌ¾îÆø½º */ }
.main__contents .deal-boxes .dealboxes-pagination::-webkit-scrollbar { display: none; }
.main__contents .deal-boxes .dealboxes-pagination .swiper-pagination-bullet { white-space: nowrap; font-weight: 400; width: auto; height: auto; padding: 5px 15px; margin: 0 5px; color: rgb(119,119,119); border-radius: 40px; font-size: 14px; cursor: pointer; border: 1px solid rgb(187,187,187); background-color: white; opacity: 0.7  }
.main__contents .deal-boxes .dealboxes-pagination .swiper-pagination-bullet-active { color: rgb(255,255,255); background-color: rgb(34,34,34); border: none; opacity: 1.0; }

/*live box*/
.main__contents .live-box .live-box-title { text-align: center; padding: 20px 0 20px 0; margin-top: 40px; font-size: 20px; font-weight: 500 }
.main__contents .live-box .live-box-content {
    aspect-ratio: 4/5;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 17px 30px 17px;
    border-radius: 30px;
}
.main__contents .live-box .live-box-content .live-box-text { position: absolute; left: 5%; bottom: 5%; color: rgb(255,255,255); }
.main__contents .live-box .live-box-content .live-box-text .live-box-p1 { font-weight: 500; font-size: 28px; }
.main__contents .live-box .live-box-content .live-box-text .live-box-p2 { font-weight: 400; font-size: 20px; }

/* goods list type2 */
.main__contents .list-box2 {margin: 10px 0 0;}
.main__contents .list-box2 h2 {
    font-weight: 500;
    font-size: 20px;
    color: rgb(34,34,34);
    margin: 0 20px;
}
.main__contents .list-box2 .sub-tit {
    margin: 8px 20px 0 20px;
    font-weight: 400;
    font-size: 15px;
    color: rgb(34,34,34);
    line-height: 1;
}
.main__contents .list-box2 .goods__list {
    margin: 25px 17px 0;
    font-size: 0;
}
.main__contents .list-box2 .goods__list li {
    width: 48%;
    display: inline-block;
    margin: 27px 1% 0 1%;
    vertical-align: top;
}
.main__contents .list-box2 .goods__list li:nth-child(2n) {margin-right: 0;}
.main__contents .list-box2 .goods__list li:nth-child(1),
.main__contents .list-box2 .goods__list li:nth-child(2) {margin-top: 0;}
.main__contents .list-box2 .goods__list li .photo img {width: 100%;}
.main__contents .list-box2 .goods__list li .info {
    margin: 14px 0 0;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .list-box2 .goods__list li .info p { font-size: 13px; }
.main__contents .list-box2 .goods__list li .info .name {height: 35px; margin: 0; line-height: 1.3}
.main__contents .list-box2 .goods__list li .info .btn-like {position: absolute; bottom: 110px;;}
.main__contents .list-box2 .goods__list li .info .sale {font-size: 16px; padding-left: 5px;font-family: 'Roboto';}
.main__contents .list-box2 .goods__list li .info .normal._sale {font-size: 14px; margin-left: 6px; color: #BBBBBB;font-family: 'Roboto';}
.main__contents .list-box2 .goods__list li .info .price {margin: 0;}
.main__contents .list-box2 .goods__list li .info .ratio {font-size: 16px; color: #c81f66;font-family: 'Roboto';font-weight: 700;}
.main__contents .list-box2 .goods__list li .info .heart__btn {
    bottom: 8px;
    z-index: 2;
}
.main__contents .list-box2 .goods__list li .tag {
    font-size: 0;
}
.main__contents .list-box2 .goods__list li .tag img {
    width: auto;
    height: 24px;
    margin: 0 4px 0 0;
}
.main__contents .list-box2 .goods__list li .tag p {
    height: 24px;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 7px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 24px;
    vertical-align: top;
}
.main__contents .list-box2 .goods__list li .tag .gift {color:rgb(255,77,77);}
.main__contents .list-box2 .goods__list li .tag .new {color: rgb(119,119,119);}
.main__contents .list-box2 .goods__list li .tag .elindeal {color: rgb(119,119,119);}
.main__contents .list-box2 .goods__list li .tag .baesongfree {color:rgb(255,77,77);}
.main__contents .list-box2 .goods__list li .tag .warningdate {color: rgb(119,119,119);}
.main__contents .list-box2 .goods__list li .review {margin: 7px 0 0;}
.main__contents .list-box2 .goods__list li .review p {
    padding: 0 0 0 17px;
    font-weight: 400;
    font-size: 15px;
    color: rgb(119,119,119);
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/assets/images/star_big_full.png);
    background-size: 14px;
}


/* keyword */
.main__contents .keyword-box {
    margin: 93px 0 0;
    padding: 35px 0 0;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(/assets/images/bg02.jpg);
    background-size: 100%;
}
.main__contents .keyword-box h2 {
    font-weight: 500;
    font-size: 28px;
    color: rgb(34,34,34);
    text-align: center;
}
.main__contents .keyword-box .con {margin: 90px 33px 0;}
.main__contents .keyword-box .keyword__list {margin-top: -22px;}
.main__contents .keyword-box .keyword__list:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .keyword-box .keyword__list li {
    float: left;
    margin: 22px 14px 0 0;
}
.main__contents .keyword-box .keyword__list li a {
    height: 42px;
    display: block;
    padding: 0 21px;
    position: relative;
    top: 0;
    left: 0;
    font-weight: 400;
    font-size: 19px;
    color: rgb(34,34,34);
    text-align: center;
    line-height: 42px;
    background-color: rgb(255,255,255);
    border: 1px solid rgb(175,175,175);
    border-radius: 42px;
    box-sizing: border-box;
}
.main__contents .keyword-box .keyword__list li a:before {
    content: attr(data-tag);
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: rgb(221,36,113);
    line-height: 1;
}

/* goods list */
.main__contents .list-box {margin: 90px 0 0;}
.main__contents .list-box h2 {
    font-weight: 500;
    font-size: 20px;
    color: rgb(34,34,34);
    text-align: center;
    letter-spacing: -1px;
}
.main__contents .list-box .sub-tit {
    margin: 4px 0 0;
    font-weight: 400;
    font-size: 20px;
    color: rgb(128,128,128);
    text-align: center;
    line-height: 1;
    letter-spacing: -1px;
}
.main__contents .list-box .goods__list {
    margin: 34px 17px 0;
    font-size: 0;
}
.main__contents .list-box .goods__list li {
    width: 48%;
    display: inline-block;
    margin: 27px 1% 0 1%;
    vertical-align: top;
}
.main__contents .list-box .goods__list li:nth-child(2n) {margin-right: 0;}
.main__contents .list-box .goods__list li:nth-child(1),
.main__contents .list-box .goods__list li:nth-child(2) {margin-top: 0;}
.main__contents .list-box .goods__list li .photo img {width: 100%;}
.main__contents .list-box .goods__list li .info {
    margin: 14px 0 0;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .list-box .goods__list li .info p { font-size: 13px; }
.main__contents .list-box .goods__list li .info .name {height: 35px; margin: 0; line-height: 1.3}
.main__contents .list-box .goods__list li .info .btn-like {position: absolute; bottom: 110px;;}
.main__contents .list-box .goods__list li .info .sale {font-size: 16px; padding-left: 5px;font-family: 'Roboto';}
.main__contents .list-box .goods__list li .info .normal._sale {font-size: 14px; margin-left: 6px; color: #BBBBBB;font-family: 'Roboto';}
.main__contents .list-box .goods__list li .info .price {margin: 0;}
.main__contents .list-box .goods__list li .info .ratio {font-size: 16px; color: #c81f66;font-family: 'Roboto';font-weight: 700;}
.main__contents .list-box .goods__list li .info .heart__btn {
    bottom: 8px;
    z-index: 2;
}
.main__contents .list-box .goods__list li .tag {
    font-size: 0;
}
.main__contents .list-box .goods__list li .tag img {
    width: auto;
    height: 24px;
    margin: 0 4px 0 0;
}
.main__contents .list-box .goods__list li .tag p {
    height: 24px;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 7px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 24px;
    vertical-align: top;
}
.main__contents .list-box .goods__list li .tag .gift {color:rgb(255,77,77);}
.main__contents .list-box .goods__list li .tag .new {color: rgb(119,119,119);}
.main__contents .list-box .goods__list li .tag .elindeal {color: rgb(119,119,119);}
.main__contents .list-box .goods__list li .tag .baesongfree {color:rgb(255,77,77);}
.main__contents .list-box .goods__list li .tag .warningdate {color: rgb(119,119,119);}
.main__contents .list-box .goods__list li .review {margin: 7px 0 0;}
.main__contents .list-box .goods__list li .review p {
    padding: 0 0 0 17px;
    font-weight: 400;
    font-size: 15px;
    color: rgb(119,119,119);
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/assets/images/star_big_full.png);
    background-size: 14px;
}

/* list banner */
.main__contents .banner__list li {margin: 56px 0 0;}
.main__contents .banner__list li:first-child {margin-top: 0;}
.main__contents .banner__list li .info {
    padding: 21px 0 0;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .banner__list li .info .tag {
    position: absolute;
    top: -11px;
    left: 33px;
}
.main__contents .banner__list li .info .tag:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .banner__list li .info .tag p {
    height: 25px;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: rgb(255,255,255);
    text-align: center;
    line-height: 25px;
    background-color: rgb(34,34,34);
}
.main__contents .banner__list li .info .tag p:first-child {margin-left: 0;}
.main__contents .banner__list li .info .tit {
    padding: 0 33px;
    font-weight: 500;
    font-size: 20px;
    color: rgb(51,51,51);
}
.main__contents .banner__list li .info .desc {
    margin: 1px 0 0;
    padding: 0 33px;
    font-weight: 400;
    font-size: 18px;
    color: rgb(34,34,34);
    line-height: 1;
    border: 0;
}
.main__contents .banner-box.cont ul {
    margin: 0 17px;
    border-bottom: 1px solid rgb(219,219,219);
}
.main__contents .banner-box.cont ul li {border-top: 1px solid rgb(219,219,219);}
.main__contents .banner-box.cont ul li a {
    padding: 11px 17px;
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) center;
    background-image: url(/assets/images/arr_right_bk_23x41.png);
    background-size: 11px;
}
.main__contents .banner-box.cont ul li a:after {
    content: '';
    display: block;
    clear: both;
}
.main__contents .banner-box.cont ul li img {
    width: 65px;
    float: left;
}
.main__contents .banner-box.cont ul li p {
    width: calc(100% - 90px);
    float: left;
    margin: 0 0 0 21px;
    font-weight: 500;
    font-size: 14px;
    color: rgb(34,34,34);
    line-height: 65px;
    letter-spacing: -1px;
}

/* timeline */
.main__contents .sale-box .slider__wrap {
    margin: 32px 0 0;
    position: relative;
    top: 0;
    left: 0;
}
.main__contents .sale-box .timeline {
    width: 323px;
    height: 323px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.main__contents .sale-box .timeline img {width: 100%;}
.main__contents .sale-box .timeline .timeline-pointer {
    width: 32px;
    position: absolute;
}
.main__contents .sale-box .timeline > div {
    width: 720px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/*µðÀÚÀÎÆÀ Ãß°¡ ¼öÁ¤¿äÃ»*/
.main__contents .sale-box .sub-tit {
    line-height: 1.5;
}
.main__contents .banner__list li .info .tag p {
    margin: 0 0 0 3px;
}
.main__contents .deal-box .deal__list .goods .photo .tag.per:nth-child(n+2) {
    width: 57px;
    height: 57px;
    font-size: 23px;
    line-height: 59px;
}
.main__contents .goods .info .price .sale {
    font-size: 20px;
}

.main__contents .sale-box #timer {
    letter-spacing: 5px;
}