.main {
    padding-bottom: 0;
}

.main .sec {
    padding: 60px 0;
}
.main .sec > .inner {
	max-width: 1600px;
    padding: 0 118px;
}
.main .sec_tit {
    font-weight: 500;
    font-size: 30px;
    line-height: var(--fs_tit);
    text-align: center;
    text-transform: uppercase;
}
.main .sec_desc {
    font-weight: 300;
    font-size: 18px;

    text-align: center;
    margin-top: 16px;

}
.main .sec_cont {
    margin-top: 32px;
}


.main .main_banner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    padding-bottom: 18px;

    margin-top: -500px;
}
.main .main_banner .main_slider .slick-list {
    overflow: visible;
}
.main .main_banner .main_slider .slick-prev,
.main .main_banner .main_slider .slick-next {
    z-index: 1;
    width: 80px;
    height: 80px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.main .main_banner .main_slider .slick-prev::before,
.main .main_banner .main_slider .slick-next::before {
    display: none;
}
.main .main_banner .main_slider .slick-prev {
    background-image: url('/v2/img/ico_pre_b_l.png');
    left: 162px;
}
.main .main_banner .main_slider .slick-next {
    background-image: url('/v2/img/ico_next_b_l.png');
    right: 162px;
}
.main .main_banner .main_slider .slider_item {
    -webkit-transform: scale(.92);
    -moz-transform: scale(.92);
    -ms-transform: scale(.92);
    -o-transform: scale(.92);
    transform: scale(.92);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.main .main_banner .main_slider .slick-center .slider_item {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.main .main_banner .main_slider .slick-slide .slider_item .slider_item_in {
    display: block;
    position: relative;
}
.main .main_banner .main_slider .slick-slide .slider_item .slider_item_in::after {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}
.main .main_banner .main_slider .slick-slide.slick-center .slider_item .slider_item_in::after {
    background: rgba(0,0,0,0);
}
.main .main_banner .main_slider .slick-dots li {
    margin: 0 2px;
    width: auto;
    height: auto;
    position: relative;
}
.main .main_banner .main_slider .slick-dots li.slick-active::after {
    content: " ";
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;


    animation: proBar 6s 1;
    width:100%;
}

.main .main_banner .main_slider:hover .slick-dots li.slick-active::after {
    animation-play-state: paused;
}

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

.main .main_banner .main_slider .slick-dots li button {
    padding: 0;
    width: 40px;
    height: 2px;
    background: #ddd;
}
.main .main_banner .main_slider .slick-dots li button::before {
    display: none;
}





.main .main_banner .main_slider .slider_item .slider_img img {
    width: 100%;
}
.main .main_banner .main_slider .slider_item .slider_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 60px;
}
.main .main_banner .main_slider .slider_item .slider_txt .tit {
    font-size: 58px;
    line-height: var(--fs_tit);
    font-weight: 600;
}
.main .main_banner .main_slider .slider_item .slider_txt .desc {
    font-size: 20px;

    margin-top: 12px;
}
.main .main_banner .main_slider .slider_item .slider_txt .btn {
    margin-top: 32px;
    display: none;
}


.main .pd_list_comm {
    margin-left: 0;
    margin-right: 0;
}
.main .pd_list_comm .pd_item {
    width: 20%;
    padding: 0;
}
/*
.main .wnf {
}

.main .wnp {
} */
.main .wnf .swiper_w,
.main .wnp .swiper_w {
    margin-left: -16px;
    margin-right: -16px;
}
.main .wnf .swiper_w .swiper-custom-next,
.main .wnf .swiper_w .swiper-custom-prev,
.main .wnp .swiper_w .swiper-custom-next,
.main .wnp .swiper_w .swiper-custom-prev {
    margin-top: -56px;
}
.main .wnf .pd_list_comm .pd_item,
.main .wnp .pd_list_comm .pd_item {
    padding: 0 16px;
}

.main .rtc {
    background-color: #fff;
}
.main .rtc > .inner {
    max-width: 1600px;
    padding: 0 118px;
}
.main .rtc .theme_item {
    display: flex;
}
.main .rtc .main_theme {
    width: 38.5%;
    position: relative;
}
.main .rtc .main_theme .theme_img {
    width: 100%;
    position: relative;
}
.main .rtc .main_theme .theme_txt {
    position: absolute;
    padding: 58px 22px;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}

.main .rtc .theme_item.white .main_theme .theme_txt {
    color: #fff;
}
.main .rtc .main_theme .theme_txt .tit {
    font-size: 34px;
    line-height: var(--fs_tit);
    font-weight: 600;
}
.main .rtc .main_theme .theme_txt .desc {
    margin-top: 8px;
    font-size: 20px;

}
/*.main .rtc .spotlight_v2 .theme_item .main_theme .theme_img {*/
/*    background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0.8%, rgba(0, 0, 0, 0) 13.92%);*/
/*    mix-blend-mode: normal;*/
/*    opacity: 0.7;*/
/*}*/
.main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn {
    position: absolute;
    width: 100%;
    bottom: 40px;
    display: flex;
    justify-content: center;
}
.main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn > a {
    padding: 5px 15px;
    background: #FFFFFF;
    border: 1px solid #121619;
    width: fit-content;
    color: #121619;
    font-size: 14px;

    font-weight: bold;
    display: flex;
    align-items: center;
}
.main .rtc .theme_pd_list {
    flex-wrap: wrap;
    align-content: space-between;

    width: 61.5%;
    padding-left: 56px;
}
.main .rtc .theme_pd_list .pd_item {
    width: calc(33.3333% - 22px);
    margin-right: 32px;
}
.main .rtc .theme_pd_list .pd_item:nth-child(3n) {
    margin-right: 0;
}
.main .rtc .theme_pd_list .pd_item:nth-child(-n+3) {
    margin-bottom: 20px;
}
.main .rtc .theme_pd_list .pd_item .badge_w + .pd_txt {
    margin-top: 8px;
}
.main .rtc .theme_pd_list .pd_item .pd_txt .pd_tit {
    font-size: 15px;
    line-height: var(--fs_tit);
    padding: 0;
}
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item {
    height: 18px;
}
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
    width: 98px;
    background-image: url("/v2/img/pd_label/pd_label_stm_s_en_pc2.png");
}
.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
    width: 52px;
    background-image: url("/v2/img/pd_label/pd_label_stm_s_ko_pc2.png");
}
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
    width: 56px;
    background-image: url("/v2/img/pd_label/pd_label_ptd_s_en_pc.png");
}
.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
    width: 29px;
    background-image: url("/v2/img/pd_label/pd_label_ptd_s_ko_pc.png");
}
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {
    width: 53px;
    background-image: url("/v2/img/pd_label/pd_label_moq_s_en_pc_v2.png");
}
/*.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {*/
/*    width: 46px;*/
/*    background-image: url("/v2/img/pd_label/pd_label_moq_s_ko_pc.png");*/
/*}*/
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item.otc {
    width: 30px;
    background-image: url("/v2/img/pd_label/pd_label_otc_s_pc.png");
}
.main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
    width: 94px;
    background-image: url("/v2/img/pd_label/pd_label_ct_s_en_pc.png");
}
.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
    width: 59px;
    background-image: url("/v2/img/pd_label/pd_label_ct_s_ko_pc.png");
}


.main .rtc .swiper-pagination {
    width: 38.5%;
    bottom: 16px;
}
.main .rtc .swiper-pagination-bullet {
    width: 32px;
    height: 2px;
    border-radius: 0;
    background-color: #ddd;
    margin: 0 4px 0 0;
    opacity: 1;
}
.main .rtc .swiper-pagination-bullet:last-child {
    margin: 0;
}
.main .rtc .swiper-pagination-bullet-active {
    background-color: #000;
    width: 40px;
}

.main .ipr {
    background-color: #F0F2F6;
}
.main .ipr .sec_cont {
    display: flex;
}
.main .ipr .sec_cont .cont_item {
    position: relative;
}
.main .ipr .sec_cont .cont_item .ipr_txt .tit {
    margin-top: 8px;
    font-weight: 600;
}
.main .ipr .sec_cont .cont_item .ipr_txt .btn {
    margin-top: 18px;
}
.main .ipr .sec_cont .main_ipr {
    width: 47.5%;
    cursor: pointer;
}
.main .ipr .sec_cont .main_ipr .ipr_img {
    position: relative;
}
.main .ipr .sec_cont .main_ipr .ipr_txt {
    width: 100%;
    height: 100%;
    padding: 64px 48px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.main .ipr .sec_cont .main_ipr .ipr_txt .btn {
    margin-top: 18px;
}
.main .ipr .sec_cont .main_ipr .ipr_txt .btn_comm.black a {
    font-weight: bold;
}
.main .ipr .sec_cont .main_ipr .ipr_txt .btn_comm.white a {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: bold;
}
.main .ipr .sec_cont .main_ipr .ipr_txt .cate {
    font-size: 18px;

}
.main .ipr .sec_cont .main_ipr .ipr_txt .tit {
    font-size: 34px;
    line-height: var(--fs_tit);
    /*height: 80px;*/
}
.main .ipr .sec_cont .sub_ipr {
    width: 52.5%;
    padding-left: 56px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main .ipr .sec_cont .sub_ipr .ipr_item {
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.main .ipr .sec_cont .sub_ipr .ipr_item .ipr_img {
    width: 30.61%;
    flex-shrink: 0;
}
.main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    padding-left: 24px;
}
.main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .cate {
    font-size: 14px;

}
.main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .tit {
    font-size: 24px;
    line-height: var(--fs_tit);
    height: 60px;
}
.main .ipr .sec_cont .sub_ipr .ipr_item .btn a {
    padding-left: 0;
}


.main .hiw {
    background-color: #fff;
}
.main .hiw .sec_cont {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.main .hiw .sec_cont .cont_item {
    width: 33.3333%;
}
.main .hiw .sec_cont .cont_item:last-child {
    margin-right: 0;
}
.main .hiw .sec_cont .cont_item .item_img {
    width: 140px;
    margin: 0 auto;

    border-radius: 50%;
    background: #f6f7fb;
    position: relative;
    overflow: hidden;
}
.main .hiw .sec_cont .cont_item .item_tit {
    margin-top: 20px;
    font-size: 22px;
    line-height: var(--fs_tit);
    font-weight: 600;
    text-align: center;

}
.main .hiw .sec_cont .cont_item .item_desc {
    margin-top: 8px;
    font-size: 15px;

    font-weight: 300;
    text-align: center;
}

.main .hiw .sec_cont .cont_item:nth-child(3) .item_desc {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.main .hiw .sec_btn {
    margin-top: 32px;
    text-align: center;
}


/*hiw2*/
.main .hiw2 .sec_desc {
    font-size: 16px;

    margin-top: 4px;
}
.main .hiw2 .sec_desc br {
    display: none;
}

.main .hiw2 .curation {
    display: flex;
    align-items: center;
}
.main .hiw2 .curation .left_tab {
    width: 42.53%;
    padding-right: 48px;
}
.main .hiw2 .curation .left_tab .tab_item {
    padding: 24px 0;
    border-bottom: 1px solid #f0f0f0;
}
.main .hiw2 .curation .left_tab .tab_item:first-child {
    padding-top: 16px;
}
.main .hiw2 .curation .left_tab .tab_item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.main .hiw2 .curation .left_tab .tab_item a {
    display: block;
    font-size: 20px;

    color: #a8a8a8;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px;
    background-image: url("/v2/img/ico_line_arrow_l_g.png");
}
.main .hiw2 .curation .left_tab .tab_item.active a {
    color: #121619;
    background-image: url("/v2/img/ico_line_arrow_l.png");
}
.main .hiw2 .curation .right_tab_cont {
    width: 57.47%;
}
.main .hiw2 .curation .right_tab_cont .cont_item {
    width: 100%;
    display: none;
}
.main .hiw2 .curation .right_tab_cont .cont_item.active {
    display: block;
}
.main .hiw2 .curation .right_tab_cont .cont_item video {
    display: block;
    width: 100%;
}

.main .hiw2 .link_w {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
}
.main .hiw2 .link_w .link_item {
    display: block;
    width: calc(33.3333% - 22px);
    padding: 24px 24px 30px 24px;
    text-align: center;

    border: 1px solid #e1e1e1;
}
.main .hiw2 .link_w .link_item .ico_comm.prefix {
    margin-right: 8px;
}
.main .hiw2 .link_w .link_item .link_tit {
    font-size: 20px;
    line-height: var(--fs_tit);
    color: #121619;
    font-weight: 600;
    justify-content: center;
}
.main .hiw2 .link_w .link_item .link_desc {
    font-size: 14px;

    color: #838383;
    margin-top: 16px;
}


.main .bot_banner {
    padding: 0;
    text-align: center;
    color: #fff;
}
.main .bot_banner .banner_img {
    width: 1920px;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.main .bot_banner .banner_img img {
    width: 100%;
}

.main .bot_banner .banner_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.25);
}

.main .bot_banner .banner_txt {
    position: absolute;
    padding: 55px 0 47px 0;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
}

.main .bot_banner .banner_txt .top_tit {
    font-size: 16px;
    line-height: var(--fs_tit);
    letter-spacing: 4px;
    color: #eaf0fe;

    display: none;
}

.main .bot_banner .banner_txt .tit {
    /*margin-top: 16px;*/
    font-size: 48px;
    line-height: var(--fs_tit);
    font-weight: 600;
    color: #fff;
}
.main .bot_banner .banner_txt .desc {
    font-size: 16px;

    font-weight: 300;
    color: #fff;
}
.main .bot_banner .banner_btn {
    margin-top: 32px;
}

/* popup */
.popup_slider .swiper-pagination {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}
.popup_slider .swiper-pagination-bullet {
    /*padding: 5px 10px;*/
    width: 32px;
    height: 4px;
    background: #E1E1E1;
    opacity: 1;
    margin: 0 2px;
    border-radius: 0;
}
.popup_slider .swiper-pagination-bullet-active {
    background: #000;
}
.popup_slider .pagination_bg {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 36px;
}
.popup_slider .pagination_bg img {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 1600px) {
    .main .main_banner {
        width: 1600px;
        margin-left: -800px;

        margin-top: -380px;
    }
}

@media (max-width: 1440px) {
    .main .rtc .theme_pd_list {
        padding-left: 32px;
    }

    .main .ipr .sec_cont .sub_ipr {
        padding-left: 32px;
    }
}


@media (max-width: 1300px) {
    .main .sec {
        padding: 4.61vw 0;
    }
    .main .sec > .inner {
        max-width: 123.07vw;
        padding: 0 9.07vw;
    }
    .main .sec_tit {
        font-size: 2.3vw;

    }
    .main .sec_desc {
        font-size: 1.38vw;

        margin-top: 1.23vw;

    }
    .main .sec_cont {
        margin-top: 2.46vw;
    }


    .main .main_banner {
        width: 100%;
        margin-left: 0;
        left: 0;
        padding-bottom: 1.38vw;
        margin-top: 0;
        padding-top: 0;
    }
    .main .main_banner .main_slider .slick-prev,
    .main .main_banner .main_slider .slick-next {
        width: 6.15vw;
        height: 6.15vw;
    }
    .main .main_banner .main_slider .slick-prev {
        left: 12.46vw;
    }
    .main .main_banner .main_slider .slick-next {
        right: 12.46vw;
    }
    .main .main_banner .main_slider .slick-dots li {
        margin: 0 0.15vw;
    }
    .main .main_banner .main_slider .slick-dots li button {
        width: 3.07vw;
        height: 0.15vw;
    }
    .main .main_banner .main_slider .slider_item .slider_txt {
        padding-left: 4.61vw;
    }
    .main .main_banner .main_slider .slider_item .slider_txt .tit {
        font-size: 4.46vw;

    }
    .main .main_banner .main_slider .slider_item .slider_txt .desc {
        font-size: 1.53vw;

        margin-top: 0.92vw;
    }
    .main .main_banner .main_slider .slider_item .slider_txt .btn {
        margin-top: 2.46vw;
    }
    .main .main_banner .main_slider .slick-slide .slider_item .slider_item_in::after {
        display: none;
    }

    .main .wnf .swiper_w,
    .main .wnp .swiper_w {
        margin-left: -1.23vw;
        margin-right: -1.23vw;
    }
    .main .wnf .swiper_w .swiper-custom-next,
    .main .wnf .swiper_w .swiper-custom-prev,
    .main .wnp .swiper_w .swiper-custom-next,
    .main .wnp .swiper_w .swiper-custom-prev {
        margin-top: -4.3vw;
    }
    .main .wnf .pd_list_comm .pd_item,
    .main .wnp .pd_list_comm .pd_item {
        padding: 0 1.23vw;
    }
    .main .rtc > .inner {
        max-width: 123.07vw;
        padding: 0 9.07vw;
    }
    .main .rtc .main_theme .theme_txt {
        padding: 4.46vw 1.69vw;
    }

    .main .rtc .main_theme .theme_txt .tit {
        font-size: 2.61vw;

    }
    .main .rtc .main_theme .theme_txt .desc {
        margin-top: 0.61vw;
        font-size: 1.53vw;

    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn {
        bottom: 3.08vw;
    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn > a {
        padding: 0.38vw 1.15vw;
        border: 0.08vw solid #121619;
        font-size: 1.08vw;

    }
    .main .rtc .theme_pd_list {
        padding-left: 2.46vw;
    }

    .main .rtc .theme_pd_list .pd_item {
        width: calc(33.3333% - 1.69vw);
        margin-right: 2.46vw;
    }
    .main .rtc .theme_pd_list .pd_item:nth-child(3n) {
        margin-right: 0;
    }
    .main .rtc .theme_pd_list .pd_item:nth-child(-n+3) {
        margin-bottom: 1.53vw;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w + .pd_txt {
        margin-top: 0.61vw;
    }
    .main .rtc .theme_pd_list .pd_item .pd_txt .pd_tit {
        font-size: 1.15vw;

        padding: 0;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item {
        height: 1.38vw;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 7.53vw;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 4vw;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 4.3vw;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 2.23vw;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {
        width: 3.23vw;
    }
    /*.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {*/
    /*    width: 3.53vw;*/
    /*}*/
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.otc {
        width: 2.3vw;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 7.23vw;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 4.53vw;
    }

    .main .rtc .swiper-pagination {
        bottom: 1.23vw;
    }
    .main .rtc .swiper-pagination-bullet {
        width: 2.46vw;
        height: 0.15vw;
        margin: 0 0.3vw 0 0;
    }
    .main .rtc .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .main .rtc .swiper-pagination-bullet-active {
        width: 3.07vw;
    }

    .main .ipr .sec_cont .cont_item .ipr_txt .tit {
        margin-top: 0.61vw;
    }
    .main .ipr .sec_cont .cont_item .ipr_txt .btn {
        margin-top: 1.38vw;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt {
        padding: 4.92vw 3.69vw;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .btn {
        margin-top: 1.38vw;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .cate {
        font-size: 1.38vw;

    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .tit {
        font-size: 2.61vw;

    }
    .main .ipr .sec_cont .sub_ipr {
        padding-left: 2.46vw;
    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt {
        padding-left: 1.84vw;
    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .cate {
        font-size: 1.07vw;

    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .tit {
        font-size: 1.84vw;

        height: 4.61vw;
    }


    .main .hiw .sec_cont {
        margin-top: 3.07vw;
    }
    .main .hiw .sec_cont .cont_item .item_img {
        width: 10.76vw;
    }
    .main .hiw .sec_cont .cont_item .item_tit {
        margin-top: 1.53vw;
        font-size: 1.69vw;


    }
    .main .hiw .sec_cont .cont_item .item_desc {
        margin-top: 0.61vw;
        font-size: 1.15vw;

    }

    .main .hiw .sec_cont .cont_item:nth-child(1) .item_desc {
        padding: 0 6.15vw;
    }
    .main .hiw .sec_cont .cont_item:nth-child(2) .item_desc {
        padding: 0 3.84vw;
    }
    .main .hiw .sec_cont .cont_item:nth-child(2) .item_desc br {
        display: none;
    }
    .ko .main .hiw .sec_cont .cont_item .item_desc br {
        display: none;
    }
    .main .hiw .sec_cont .cont_item:nth-child(3) .item_desc {
        max-width: 27.69vw;
        padding: 0 3.93vw;
    }
    .main .hiw .sec_btn {
        margin-top: 2.46vw;
    }

    /*hiw2*/
    .main .hiw2 .sec_desc {
        font-size: 1.23vw;

        margin-top: 0.3vw;
    }

    .main .hiw2 .curation .left_tab {
        padding-right: 3.69vw;
    }
    .main .hiw2 .curation .left_tab .tab_item {
        padding: 1.84vw 0;
    }
    .main .hiw2 .curation .left_tab .tab_item:first-child {
        padding-top: 1.23vw;
    }
    .main .hiw2 .curation .left_tab .tab_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .main .hiw2 .curation .left_tab .tab_item a {
        font-size: 1.53vw;

        background-size: 2.46vw;
    }

    .main .hiw2 .link_w {
        margin-top: 2.46vw;
    }
    .main .hiw2 .link_w .link_item {
        width: calc(33.3333% - 1.69vw);
        padding: 1.84vw 1.84vw 2.3vw 1.84vw;
    }
    .main .hiw2 .link_w .link_item .ico_comm.prefix {
        margin-right: 0.61vw;
    }
    .main .hiw2 .link_w .link_item .link_tit {
        font-size: 1.53vw;

    }
    .main .hiw2 .link_w .link_item .link_desc {
        font-size: 1.07vw;

        margin-top: 1.23vw;
    }

    .main .bot_banner {
        padding: 0;
    }
    .main .bot_banner .banner_img {
        width: 147.69vw;
        margin-left: -73.84vw;
    }

    .main .bot_banner .banner_txt {
        padding: 4.23vw 0 3.61vw 0;
    }

    .main .bot_banner .banner_txt .top_tit {
        font-size: 1.23vw;

        letter-spacing: 0.3vw;
    }

    .main .bot_banner .banner_txt .tit {
        font-size: 3.69vw;

    }
    .main .bot_banner .banner_txt .desc {
        font-size: 1.23vw;

    }
    .main .bot_banner .banner_btn {
        margin-top: 2.46vw;
    }

    /* popup */
    .popup_slider .swiper-pagination {
        bottom: 1.23vw;
    }
    .popup_slider .swiper-pagination-bullet {
        width: 2.46vw;
        height: 0.31vw;
        margin: 0 0.15vw;
    }
    .popup_slider .pagination_bg {
        height: 2.77vw;
    }
}

@media (max-width: 768px) {
    .main .sec {
        padding: 35px 0;
    }
    .main .sec > .inner {
        max-width: 945px;
        padding: 0 70px;
    }
    .main .sec_tit {
        font-size: 18px;

    }
    .main .sec_desc {
        font-size: 11px;

        margin-top: 9px;

    }
    .main .sec_cont {
        margin-top: 19px;
    }


    .main .main_banner {
        width: 100%;
        margin-left: 0;
        left: 0;
        padding-bottom: 11px;
        margin-top: 0;
        padding-top: 0;
    }
    .main .main_banner .main_slider .slick-prev,
    .main .main_banner .main_slider .slick-next {
        width: 47px;
        height: 47px;
    }
    .main .main_banner .main_slider .slick-prev {
        left: 96px;
    }
    .main .main_banner .main_slider .slick-next {
        right: 96px;
    }
    .main .main_banner .main_slider .slick-dots li {
        margin: 0 1px;
    }
    .main .main_banner .main_slider .slick-dots li button {
        width: 24px;
        height: 1px;
    }
    .main .main_banner .main_slider .slider_item .slider_txt {
        padding-left: 35px;
    }
    .main .main_banner .main_slider .slider_item .slider_txt .tit {
        font-size: 34px;

    }
    .main .main_banner .main_slider .slider_item .slider_txt .desc {
        font-size: 12px;

        margin-top: 7px;
    }
    .main .main_banner .main_slider .slider_item .slider_txt .btn {
        margin-top: 19px;
    }
    .main .wnf .swiper_w,
    .main .wnp .swiper_w {
        margin-left: -9px;
        margin-right: -9px;
    }
    .main .wnf .swiper_w .swiper-custom-next,
    .main .wnf .swiper_w .swiper-custom-prev,
    .main .wnp .swiper_w .swiper-custom-next,
    .main .wnp .swiper_w .swiper-custom-prev {
        margin-top: -33px;
    }
    .main .wnf .pd_list_comm .pd_item,
    .main .wnp .pd_list_comm .pd_item {
        padding: 0 9px;
    }
    .main .rtc > .inner {
        max-width: 945px;
        padding: 0 70px;
    }
    .main .rtc .main_theme .theme_txt {
        padding: 34px 13px;
    }

    .main .rtc .main_theme .theme_txt .tit {
        font-size: 20px;

    }
    .main .rtc .main_theme .theme_txt .desc {
        margin-top: 5px;
        font-size: 12px;

    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn {
        bottom: 24px;
    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn > a {
        padding: 3px 9px;
        border: 1px solid #121619;
        font-size: 8px;

    }
    .main .rtc .theme_pd_list {
        padding-left: 19px;
    }

    .main .rtc .theme_pd_list .pd_item {
        width: calc(33.3333% - 13px);
        margin-right: 19px;
    }
    .main .rtc .theme_pd_list .pd_item:nth-child(3n) {
        margin-right: 0;
    }
    .main .rtc .theme_pd_list .pd_item:nth-child(-n+3) {
        margin-bottom: 12px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w + .pd_txt {
        margin-top: 5px;
    }
    .main .rtc .theme_pd_list .pd_item .pd_txt .pd_tit {
        font-size: 9px;

        padding: 0;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item {
        height: 11px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 58px;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 31px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 33px;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 17px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {
        width: 25px;
    }
    /*.ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {*/
    /*    width: 27px;*/
    /*}*/
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.otc {
        width: 18px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 55px;
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 35px;
    }

    .main .rtc .swiper-pagination {
        bottom: 9px;
    }
    .main .rtc .swiper-pagination-bullet {
        width: 19px;
        height: 1px;
        margin: 0 2px 0 0;
    }
    .main .rtc .swiper-pagination-bullet:last-child {
        margin: 0;
    }
    .main .rtc .swiper-pagination-bullet-active {
        width: 24px;
    }

    .main .ipr .sec_cont .cont_item .ipr_txt .tit {
        margin-top: 5px;
    }
    .main .ipr .sec_cont .cont_item .ipr_txt .btn {
        margin-top: 11px;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt {
        padding: 38px 28px;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .btn {
        margin-top: 11px;
    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .cate {
        font-size: 11px;

    }
    .main .ipr .sec_cont .main_ipr .ipr_txt .tit {
        font-size: 20px;

    }
    .main .ipr .sec_cont .sub_ipr {
        padding-left: 19px;
    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt {
        padding-left: 14px;
    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .cate {
        font-size: 8px;

    }
    .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_txt .tit {
        font-size: 14px;

        height: 35px;
    }


    .main .hiw .sec_cont {
        margin-top: 24px;
    }
    .main .hiw .sec_cont .cont_item .item_img {
        width: 83px;
    }
    .main .hiw .sec_cont .cont_item .item_tit {
        margin-top: 12px;
        font-size: 13px;


    }
    .main .hiw .sec_cont .cont_item .item_desc {
        margin-top: 5px;
        font-size: 9px;

    }

    .main .hiw .sec_cont .cont_item:nth-child(1) .item_desc {
        padding: 0 47px;
    }
    .main .hiw .sec_cont .cont_item:nth-child(2) .item_desc {
        padding: 0 29px;
    }
    .main .hiw .sec_cont .cont_item:nth-child(3) .item_desc {
        max-width: 213px;
        padding: 0 30px;
    }
    .main .hiw .sec_btn {
        margin-top: 19px;
    }

    /*hiw2*/
    .main .hiw2 .sec_desc {
        font-size: 9px;

        margin-top: 2px;
    }

    .main .hiw2 .curation .left_tab {
        padding-right: 28px;
    }
    .main .hiw2 .curation .left_tab .tab_item {
        padding: 14px 0;
    }
    .main .hiw2 .curation .left_tab .tab_item:first-child {
        padding-top: 9px;
    }
    .main .hiw2 .curation .left_tab .tab_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .main .hiw2 .curation .left_tab .tab_item a {
        font-size: 12px;

        background-size: 19px;
    }


    .main .hiw2 .link_w {
        margin-top: 19px;
    }
    .main .hiw2 .link_w .link_item {
        width: calc(33.3333% - 13px);
        padding: 14px 14px 18px 14px;
    }
    .main .hiw2 .link_w .link_item .ico_comm.prefix {
        margin-right: 5px;
    }
    .main .hiw2 .link_w .link_item .link_tit {
        font-size: 12px;

    }
    .main .hiw2 .link_w .link_item .link_desc {
        font-size: 8px;

        margin-top: 9px;
    }

    .main .bot_banner {
        padding: 0;
    }
    .main .bot_banner .banner_img {
        width: 1134px;
        margin-left: -567px;
    }

    .main .bot_banner .banner_txt {
        padding: 32px 0 28px 0;
    }

    .main .bot_banner .banner_txt .top_tit {
        font-size: 9px;

        letter-spacing: 2.3px;
    }

    .main .bot_banner .banner_txt .tit {
        font-size: 28px;

    }
    .main .bot_banner .banner_txt .desc {
        font-size: 9px;

    }
    .main .bot_banner .banner_btn {
        margin-top: 19px;
    }

    /* popup */
    .popup_slider .swiper-pagination {
        bottom: 9px;
    }
    .popup_slider .swiper-pagination-bullet {
        width: 19px;
        height: 2px;
        margin: 0 1px;
    }
    .popup_slider .pagination_bg {
        height: 21px;
    }

}


/************************** main2 **************************/
/*** 공통 ***/
.swiper_w2 .sw_control {
    margin-top: 24px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_w2 .sw_control .swiper-custom-prev,
.swiper_w2 .sw_control .swiper-custom-next {
    margin: 0 12px;
    cursor: pointer;
    width: 64px;
    height: 32px;
    position: relative;
    overflow: hidden;
}
.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico,
.swiper_w2 .sw_control .swiper-custom-next .arrow_ico {
    display: block;
    width: 50px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: width 0.3s;
}
.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico {
    right: 0;
}
.swiper_w2 .sw_control .swiper-custom-next .arrow_ico {
    left: 0;
}
.swiper_w2 .sw_control .swiper-custom-prev:hover .arrow_ico,
.swiper_w2 .sw_control .swiper-custom-next:hover .arrow_ico {
    width: 64px;
}
.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img,
.swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {
    max-width: none;
    width: 64px;
    position: absolute;
    top: 0;
}
.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img {
    left: 0;
}
.swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {
    right: 0;
}

.swiper_w2_1 .swiper {
    padding-top: var(--px72);
    margin-top: calc(-1 * var(--px72));
}
.swiper_w2_1 .sw_control {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: var(--px8);
    top: 0;
}
.swiper_w2_1 .sw_control .swiper-custom-prev,
.swiper_w2_1 .sw_control .swiper-custom-next {
    margin: 0;
    cursor: pointer;
    width: var(--px48);
    height: var(--px48);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f0f0f0;
}
.swiper_w2_1 .sw_control .swiper-custom-prev {
    margin-right: var(--px8);
}
.swiper_w2_1 .sw_control .swiper-custom-prev .arrow_ico,
.swiper_w2_1 .sw_control .swiper-custom-next .arrow_ico {
    display: block;
    width: var(--px32);
}
.swiper_w2_1 .sw_control .swiper-custom-prev .arrow_ico {
    transform: scaleX(-1);
}

.swiper_w2_1 .sw_control .swiper-custom-prev.swiper-button-disabled,
.swiper_w2_1 .sw_control .swiper-custom-next.swiper-button-disabled {
    background-color: #f6f7fb;
}
.swiper_w2_1 .sw_control .swiper-custom-prev.swiper-button-disabled .arrow_ico,
.swiper_w2_1 .sw_control .swiper-custom-next.swiper-button-disabled .arrow_ico {
    opacity: 0.5;
}
.swiper_w2_1 .sw_control .swiper-button-lock {
    display: none;
}

.swiper_w2_2 .sw_control {
    margin-top: var(--px24);
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper_w2_2 .sw_control .swiper-custom-prev,
.swiper_w2_2 .sw_control .swiper-custom-next {
    margin: 0;
    cursor: pointer;
    width: var(--px48);
    height: var(--px48);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f0f0f0;
}
.swiper_w2_2 .sw_control .swiper-custom-prev {
    margin-right: var(--px8);
}
.swiper_w2_2 .sw_control .swiper-custom-prev .arrow_ico,
.swiper_w2_2 .sw_control .swiper-custom-next .arrow_ico {
    display: block;
    width: var(--px32);
}
.swiper_w2_2 .sw_control .swiper-custom-prev .arrow_ico {
    transform: scaleX(-1);
}

.swiper_w2_2 .sw_control .swiper-custom-prev.swiper-button-disabled,
.swiper_w2_2 .sw_control .swiper-custom-next.swiper-button-disabled {
    background-color: #f6f7fb;
}
.swiper_w2_2 .sw_control .swiper-custom-prev.swiper-button-disabled .arrow_ico,
.swiper_w2_2 .sw_control .swiper-custom-next.swiper-button-disabled .arrow_ico {
    opacity: 0.5;
}
.swiper_w2_2 .sw_control .swiper-button-lock {
    display: none;
}

.swiper_w3 {
    position: relative;
}
.swiper_w3 .sw_control {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    z-index: 1;
    margin-right: auto;
    width: 132px;
    bottom: 16px;
    left: 50%;
    margin-left: -66px;
}

.swiper_w3 .sw_control .num_indicator {
    font-size: 16px;
    line-height: 1.75;
    color: #838383;
}
.swiper_w3 .sw_control .num_indicator .active {
    color: #555;
    font-weight: 700;
}
.swiper_w3 .sw_control .pause_btn {
    margin-left: 16px;
}
.swiper_w3 .sw_control .pause_btn.play .pause_ico {
    background-image: url('/v2/img/ico_play.png');
}

.pd_list_w {
    position: relative;
    margin: 0 -8px;
}
.pd_list_w .pd_list_in {
    display: flex;
}
.pd_list_w .pd_item {
    padding: 0 8px;
    width: 20%;
    background-color: #fff;
}
.pd_list_w .pd_item .pd_img_w,
.pd_list_w .pd_item .pd_img {
    position: relative;
}
.pd_list_w .pd_item .pd_img {
    padding-bottom: 100%;
}
.pd_list_w .pd_item .pd_img::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.03);
}
.pd_list_w .pd_item .pd_img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    object-fit: cover;
}
.pd_list_w .pd_item .pd_img .h_img {
    opacity: 0;
    transition: opacity 0.3s;
}
.pd_list_w .pd_item:hover .pd_img .h_img {
    opacity: 1;
}
.pd_list_w .pd_item .clip_btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(24, 24, 24, 0.2);
    border-width: 1px;
    border-color: rgba(246, 247, 251, 0.2);
    border-style: solid;
    background-image: url('/v2/img/ico_clip_v2_w.svg');
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: center;
}
.pd_list_w .pd_item .clip_btn.clipped {
    background-color: #121619;
    border-color: #121619;
}
.pd_list_w .pd_item .pd_txt {
    padding-top: 16px;
    font-size: 16px;
    color: #444;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*** 메인 공통 ***/
.main2 .sec {
    letter-spacing: 0.34px;
    margin-top: 100px;
    color: #000;
}
.main2 .sec > .inner {
    max-width: 1720px;
    padding: 0 40px;
    margin: 0 auto;
}
.main2 .sec .txt .tit {
    text-transform: uppercase;
}

/*** kv **/
.main2 .kv {
    margin-top: 0;
}
.main2 .kv > .inner {
    max-width: none;
    padding: 0;
}
.main2 .kv .kv_sw_w {
    padding-bottom: 64px;
}
.main2 .kv .kv_sw {
    background: #000;
}
.main2 .kv .kv_sw > .inner {
    max-width: 1640px;
    padding: 0;
    margin: 0 auto;
}
.main2 .kv .kv_sw .kv_item {
    position: relative;
}
.main2 .kv .kv_sw .kv_item a {
    display: block;
    width: 100%;
    height: 100%;
}
.main2 .kv .kv_sw .kv_item .kv_img video {
    width: 100%;
}
.main2 .kv .kv_sw .kv_item .kv_img .pc_img {
    display: block;
}
.main2 .kv .kv_sw .kv_item .kv_img .tablet_img {
    display: none;
}
@media (max-width: 1300px) {
    .main2 .kv .kv_sw .kv_item .kv_img .pc_img {
        display: none;
    }
    .main2 .kv .kv_sw .kv_item .kv_img .tablet_img {
        display: block;
    }
}

/*** quick ***/
.main2 .quick {
    margin-top: 0;
    padding-top: 32px;
}
.main2 .quick .quick_item_w {
    display: flex;
}
.main2 .quick .quick_item_w .quick_item {
    width: 225px;
    display: flex;
    justify-content: center;
}
.main2 .quick .quick_item_w .quick_item a {
    text-align: center;
}
.main2 .quick .quick_item_w .quick_item .img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
}
.main2 .quick .quick_item_w .quick_item .img svg {
    width: 100%;
}
.main2 .quick .quick_item_w .quick_item .txt {
    margin-top: 12px;
    font-size: 16px;
    line-height: var(--fs16_lh);
    color: #121619;
}

/*** kv2 ***/
.main2 .kv2 {
    margin: 0 !important;
}
.main2 .kv2 .top_txt {
    padding: var(--px80) 0 var(--px60) 0;
    text-align: center;
}
.main2 .kv2 .top_txt .tit {
    /*font-size: var(--px60);*/
	font-size: 56px;
    /*line-height: var(--fs_tit);*/
	line-height: 67.2px;
    letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;

}
.en .main2 .kv2 .top_txt .tit {
    font-family: 'itc-avant-garde-gothic-pro';
    font-weight: 500;
}
.ko .main2 .kv2 .top_txt .tit {
	font-family: 'Wanted Sans Variable', 'Wanted Sans', sans-serif;
    font-weight: 600;
}
.main2 .kv2 .top_txt .desc {
    margin-top: var(--px12);
    font-size: var(--px18);
    color: #555;
}
.main2 .kv2 .top_txt .btn {
    margin-top: var(--px32);
}
.main2 .kv2 .top_txt .btn a {
    display: inline-block;
    background: var(--gradient2);
    padding: var(--px12) var(--px24) var(--px12) var(--px24);
    font-size: var(--px16);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.main2 .kv2 .banner_w {
    margin: 0 calc(-1 * var(--px4));
    position: relative;
	/*width:calc(100% + 5%);*/
	width:100%;
	overflow:hidden;
}
.main2 .kv2 .banner_w:not(:has(.banner_item)) {
    display: none;
}
.main2 .kv2 .banner_w .banner_item {
    padding: 0 var(--px4);
}
.main2 .kv2 .banner_w .banner_item .banner_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: var(--px24);
    z-index: 1;
}
.main2 .kv2 .banner_w .banner_item .banner_txt .tit {
    font-family: 'itc-avant-garde-gothic-pro';
    font-size: var(--px24);
    font-weight: 500;
}
.main2 .kv2 .banner_w .banner_item .banner_txt .desc {
    margin-top: var(--px4);
    font-size: var(--px12);
}

.main2 .kv2 .banner_w .banner_item .banner_img {
    position: relative;
}
.main2 .kv2 .banner_w .banner_item .banner_img.tablet {
    display: none;
}
/* s:사용자재구축 (passrim) 변경  */
.main2 .kv2 .banner_w .banner_item .banner_img.pc {display: block;}
.main2 .kv2 .banner_w .banner_item .banner_img.mobile {display: none;}

/*
@media (max-width: 1300px) {
    .main2 .kv2 .banner_w .banner_item .banner_img.pc {
        display: none;
    }
    .main2 .kv2 .banner_w .banner_item .banner_img.tablet {
        display: block;
    }
}
*/
/* s:사용자재구축 추가 끝  */
.main2 .kv2 .banner_w .banner_item .banner_img img,
.main2 .kv2 .banner_w .banner_item .banner_img video {
    display: block;
    width: 100%;
}

.main2 .kv2 .banner_w .banner_next,
.main2 .kv2 .banner_w .banner_prev {
    display: block;
    width: var(--px60);
    height: var(--px60);
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    background-image: url('/v2/img/ico_back.png');
    background-size: var(--px40) auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: calc(-1 * var(--px30));
    backdrop-filter: blur(2px);
    z-index: 1;
}
.main2 .kv2 .banner_w .banner_next:hover,
.main2 .kv2 .banner_w .banner_prev:hover {
    background-color: rgba(255,255,255,1);
}
.main2 .kv2 .banner_w .banner_next {
    transform: rotate(180deg);
    right: var(--px8);
}
.main2 .kv2 .banner_w .banner_prev {
    left: var(--px8);
}
.main2 .kv2 .banner_w .swiper-button-next:after,
.main2 .kv2 .banner_w .swiper-button-prev:after {
    display: none !important;
}
.main2 .kv2  .pagination_w {
    margin-top: var(--px16);
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main2 .kv2 .pagination_w .banner_pagination {
    display: inline-flex;
    width: auto;
    position: static;
    align-items: center;
}
.main2 .kv2 .pagination_w .swiper-pagination-bullet {
    position: relative;
    width: var(--px24);
    height: var(--px4);
    margin: 0 var(--px2);
    background-color: #e1e1e1;
    border-radius: 0;
    opacity: 1;
}
.main2 .kv2  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: var(--px64);
}
.main2 .kv2  .swiper-pagination-bullet .progress_bar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform 5s linear;
}
.main2 .kv2  .pause_btn {
    margin-left: var(--px12);
}
.main2 .kv2  .pause_btn.play .pause_ico2 {
    background-image: url('/v2/img/ico_play.png');
}

/*** step ***/
.main2 .step .txt .step_tit {
    margin-bottom: var(--px40);
    font-family: 'itc-avant-garde-gothic-pro';
    font-size: var(--px48);
    line-height: var(--fs_tit);
    font-weight: 300;
}
.main2 .step .txt .step_tit b {
    font-weight: 500;
}
.main2 .step .txt .tit {
    display: flex;
    align-items: center;
    font-size: 36px;
    line-height: 1.05;
    font-weight: 700;
}
.main2 .step .txt .tit .label {
    display: block;
    line-height: 0.88;
    padding: 0 8px;
    border-width: 0 1px;
    border-color: #444;
    border-style: solid;
    font-weight: 600;
    margin-right: 16px;
}
.main2 .step .txt .desc {
    margin-top: 8px;
    font-size: 18px;
    color: #444;
}
.main2 .step .curation_w {
    margin-top: 32px;
}
.main2 .step .curation_w .tab_menu_w {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.main2 .step .curation_w .more_btn {
    display: flex;
    align-items: center;
    padding-right: 8px;
    font-size: 16px;
    font-weight: 700;
}
.main2 .step .curation_w .more_btn .arrow_ico {
    display: block;
    margin-left: 4px;
    width: 26px;
}
.main2 .step .curation_w .tab_menu {
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.main2 .step .curation_w .tab_menu li + li {
    margin-left: 4px;
}
.main2 .step .curation_w .tab_menu li a.tab_btn {
    display: block;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 18px;
    line-height: var(--fs_tit);
    color: #838383;
}
.main2 .step .curation_w .tab_menu li a.tab_btn::after {
    content: attr(title);
    display: block;
    font-weight: 600;
    height: 0px;
    visibility: hidden;
}
.main2 .step .curation_w .tab_menu li.active a.tab_btn {
    border-color: #000;
    background-color: #000;
    color: #fff;
    font-weight: 600;
}
.main2 .step .curation_w .tab_cont {
    margin-top: 24px;
}
.main2 .step .curation_w .tab_cont .cont_item {
    display: none;
}
.main2 .step .curation_w .tab_cont .cont_item.active {
    display: block;
}

.main2 .step.step1 {
    margin-top: var(--px104);
}
.main2 .step.step3 .cont_w {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.main2 .step.step3 .txt {
    width: 65%;
    padding-right: 32px;
}
.main2 .step.step3 .txt .btn {
    margin-top: 32px;
    display: inline-flex;
    padding: 20px;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: var(--fs_tit);
    font-weight: 700;
    color: #fff;
    background-color: #000;
}
.main2 .step.step3 .txt .btn:hover {
    background: var(--gradient1);
}
.main2 .step.step3 .txt .btn .ico_w {
    display: flex;
}
.main2 .step.step3 .txt .btn .arrow_ico {
    margin-left: 4px;
    /*display: block;*/
    /*height: 9px;*/
    /*position: relative;*/
    /*width: 26px;*/
    /*overflow: hidden;*/
    /*transition: width 0.3s;*/
}
/*.main2 .step.step3 .txt .btn .arrow_ico img {*/
/*    width: 87px;*/
/*    max-width: none;*/
/*    position: absolute;*/
/*    right: 0;*/
/*}*/
/*.main2 .step.step3 .txt .btn:hover .arrow_ico {*/
/*    width: 87px;*/
/*}*/
.main2 .step.step3 .img {
    width: 35%;
}

/*** Beauty Editorial ***/
.main2 .editorial .txt .tit {
    color: #121619;
    font-family: 'itc-avant-garde-gothic-pro';
    font-size: var(--px48);
    line-height: var(--fs_tit);
    font-weight: 500;
    text-transform: none;
}
.main2 .editorial .txt .tit b {
    font-weight: 600;
}
.main2 .editorial .txt .desc {
    color: #444;
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.03;
}
.main2 .editorial .beauty_sw_w {
    margin: 32px -8px 0 -8px;
}
.main2 .editorial .beauty_sw .beauty_item {
    padding: 0 8px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.main2 .editorial .beauty_sw .beauty_item .item_cont,
.main2 .editorial .beauty_sw .beauty_item .item_img {
    position: relative;
}
.main2 .editorial .beauty_sw .beauty_item .item_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.main2 .editorial .beauty_sw .beauty_item .item_img {
    flex-grow: 1;
    display: flex;
}
.main2 .editorial .beauty_sw .beauty_item .item_category {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: var(--fs_tit);
    letter-spacing: 0.35px;
    font-weight: 700;
    color: #121619;
    text-transform: uppercase;
}
.main2 .editorial .beauty_sw .beauty_item .item_img::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.35%, #000 100%);
    opacity: 0.5;
}
.main2 .editorial .beauty_sw .beauty_item .item_img img {
    width: 100%;
    object-fit: cover;
}
.main2 .editorial .beauty_sw .beauty_item .item_img img.inspi {
    height: 645px;
    width: auto;
    left: 50%;
    position: relative;
    margin-left: -288.5px;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--px24);
    color: #fff;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w {
    display: flex;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-color: #fff;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd + .item_pd {
    margin-left: -4px;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_tit {
    margin-top: var(--px16);
    font-size: var(--px36);
    line-height: var(--fs_tit);
    font-weight: 600;
    text-transform: uppercase;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_desc {
    margin-top: var(--px8);
    font-size: var(--px16);
    line-height: var(--fs_tit);
    letter-spacing: var(--px035);

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico {
    display: flex;
    align-items: center;
    margin-top: var(--px16);
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico p {
    font-size: var(--px12);
    margin-right: var(--px4);
    text-transform: uppercase;
    font-weight: 600;
}
.main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico .arrow_ico {
    display: block;
    width: var(--px26);
}
.main2 .editorial .beauty_sw .sw_control {
    z-index: 1;
    top: var(--px44);
}

/*** tiktok ***/
.tiktok_video_popup {
    display: none;
}
.main2 .tiktok .txt .tit {
    font-family: 'itc-avant-garde-gothic-pro';
    font-size: var(--px48);
    line-height: var(--fs_tit);
    font-weight: 500;
    text-transform: none;
}
.main2 .tiktok .txt .desc {
    margin-top: var(--px4);
    font-size: var(--px18);
    color: #444;
}
.main2 .tiktok .tiktok_sw_w {
    margin: var(--px24) calc(-1 * var(--px8)) 0 calc(-1 * var(--px8));
}
.main2 .tiktok .tiktok_sw .tiktok_item {
    padding: 0 var(--px8);
    height: auto;
    display: flex;
    flex-direction: column;
}
.main2 .tiktok .tiktok_sw .tiktok_item .video {
    position: relative;
    overflow: hidden;
}
.main2 .tiktok .tiktok_sw .tiktok_item .video .tiktok_ico {
    display: block;
    position: absolute;
    right: var(--px16);
    bottom: var(--px16);
}
.main2 .tiktok .tiktok_sw .tiktok_item .video .sound_btn {
    display: none;
    position: absolute;
    right: var(--px16);
    bottom: var(--px16);
    width: var(--px32);
    height: var(--px32);
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('/v2/img/ico_sound_off.png');
}
.main2 .tiktok .tiktok_sw .tiktok_item .video.sound_on .sound_btn {
    background-image: url('/v2/img/ico_sound_on.png');
}
.main2 .tiktok .tiktok_sw .tiktok_item .video.play .sound_btn {
    display: block;
}
.main2 .tiktok .tiktok_sw .tiktok_item .video video {
    display: block;
    width: 100%;
    filter: grayscale(100%);
    scale: 1.01;
}
.main2 .tiktok .tiktok_sw .tiktok_item .video.play video {
    filter: none;
}
.main2 .tiktok .tiktok_sw .tiktok_item .video .poster {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    filter: grayscale(100%);
}
.main2 .tiktok .tiktok_sw .tiktok_item .video.play .poster {
    display: none;
}

.main2 .tiktok .tiktok_sw .tiktok_item .item_txt {
    margin-top: var(--px16);
}
.main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_tit {
    font-size: var(--px20);
    line-height: var(--fs_tit);
    font-weight: 600;
    text-transform: uppercase;
}
.main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_desc {
    margin-top: var(--px4);
    color: #838383;
    font-size: var(--px14);

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: var(--px40)
}
.main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_link {
    margin-top: var(--px12);
    display: flex;
    align-items: center;
    font-size: var(--px12);
    font-weight: 600;
    color: #121619;
    text-transform: uppercase;
}
.main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_link .arrow_ico {
    display: block;
    width: var(--px26);
    margin-left: var(--px4);
}

/*** tip ***/
.main2 .tip {
    background: #000;
}
.main2 .tip .tip_item_w {
    display: flex;
    align-items: stretch;
    height: 774px;
}
.main2 .tip .tip_item_w .tip_item {
    padding: 0 24px;
    border-left: 1px solid #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 25%;
    overflow: hidden;
    position: relative;
    transition: all 0.3s; /* 해당 초 수정 시, js settimeout 수정 필요 */
}
.main2 .tip .tip_item_w .tip_item:last-child {
    border-right: 1px solid #fff;
}
.main2 .tip .tip_item_w .tip_item.active {
    width: 504px;
}
.main2 .tip .tip_item_w .tip_item.active::before {
    display: block;
    content: ' ';
    width: 400px;
    height: 400px;
    background: var(--gradient2);
    border-radius: 400px;
    opacity: 0.8;
    filter: blur(80px);
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -127px;
    margin-top: -144px;
}

.main2 .tip .tip_item_w .tip_item .sec_tit {
    padding-top: 60px;
    font-family: 'itc-avant-garde-gothic-pro';
    font-size: var(--px48);
    line-height: var(--fs_tit);
    font-weight: 500;
    color: #fff;
    position: relative;
}
.main2 .tip .tip_item_w .tip_item .item_box {
    position: relative;
    transition: all 0.3s; /* tip_item trasition과 동일 */
}
.main2 .tip .tip_item_w .tip_item .box_tit {
    flex-shrink: 0;
}
.main2 .tip .tip_item_w .tip_item .box_img {
    height: 0;
    overflow: hidden;
    transition: all 0.3s; /* tip_item trasition과 동일 */
}
.main2 .tip .tip_item_w .tip_item.active .box_img {
    margin-top: 24px;
    height: 260px;
}
.main2 .tip .tip_item_w .tip_item .box_img img {
    height: 260px;
}
.main2 .tip .tip_item_w .tip_item .box_subtit {
    margin-top: 16px;
    font-size: 32px;
    line-height: var(--fs_tit);
    font-weight: 600;
    color: #fff;
}
.main2 .tip .tip_item_w .tip_item .box_desc {
    margin-top: 8px;
    font-size: 18px;
    line-height: var(--fs_tit);
    color: #e1e1e1;
}
.main2 .tip .tip_item_w .tip_item .box_desc b {
    font-weight: 700;
}

/* click */
.main2 .tip .tip_item_w .tip_item.click {
    padding-top: 0;
}
.main2 .tip .tip_item_w .tip_item.click .item_box {
    margin-top: 24px;
}
.main2 .tip .tip_item_w .tip_item.click .box_tit {
    width: 143px;
}
/* clip */
.main2 .tip .tip_item_w .tip_item.clip .item_box {
    margin-top: 247px;
}
.main2 .tip .tip_item_w .tip_item.clip.active .item_box {
    margin-top: 164px;
}
.main2 .tip .tip_item_w .tip_item.clip .box_tit {
    width: 108px;
}
/* create */
.main2 .tip .tip_item_w .tip_item.create .item_box {
    margin-top: 411px;
}
.main2 .tip .tip_item_w .tip_item.create.active .item_box {
    margin-top: 156px;
}
.main2 .tip .tip_item_w .tip_item.create .box_tit {
    width: 164px;
}
/* done */
.main2 .tip .tip_item_w .tip_item.done.active::before {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-left: -128px;
    margin-bottom: -144px;
}
.main2 .tip .tip_item_w .tip_item.done .item_box {
    margin-top: 607px;
    padding-right: 122px;
    display: flex;
    justify-content: center;
}
@media (max-width: 1500px) {
    .main2 .tip .tip_item_w .tip_item.done .item_box {
        padding-right: 100px;
    }
}
.main2 .tip .tip_item_w .tip_item.done .box_tit {
    width: 205px;
}
.main2 .tip .tip_item_w .tip_item.done .box_img2 {
    position: absolute;
    bottom: 0;
    width: 180px;
    left: 50%;
    margin-left: 10px;
}

/*** banner ***/
.main2 .banner .banner_sw {

}
.main2 .banner .banner_sw .banner_item {
    position: relative;
}
.main2 .banner .banner_sw .banner_item a {
    display: block;
    width: 100%;
    height: 100%;
}
.main2 .banner .banner_sw .banner_item .banner_img video {
    width: 100%;
}
.main2 .banner .banner_sw .banner_item .banner_img .pc_img {
    display: block;
}
.main2 .banner .banner_sw .banner_item .banner_img .tablet_img {
    display: none;
}
@media (max-width: 1300px) {
    .main2 .banner .banner_sw .banner_item .banner_img .pc_img {
        display: none;
    }
    .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {
        display: block;
    }
}
.main2 .banner .banner_sw .banner_item .banner_txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: 60px;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main2 .banner .banner_sw.type2 .banner_item .banner_txt {
    max-width: 62.5%;
}
.main2 .banner .banner_sw .banner_item .banner_txt .banner_tit {
    font-size: 48px;
    line-height: var(--fs_tit);
    font-weight: 700;
    letter-spacing: 0.224px;
    text-transform: uppercase;
}
.main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_tit {
    font-size: 64px;
}
.main2 .banner .banner_sw .banner_item .banner_txt .banner_desc {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.084px;
}
.main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_desc {
    margin-top: 16px;
    font-size: 24px;
}

.main2 .recommend .recommend_w .recomm_label {
    margin-bottom: 12px;
    padding: 4px 12px;
    border-radius: 24px;
    background: var(--gradient2);
    font-size: 20px;
    letter-spacing: 0.35px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
}
.main2 .recommend .recommend_w .recomm_tit {
    display: flex;
    align-items: center;
    font-size: 32px;
    line-height: 1.35;
    letter-spacing: 0.35px;
    color: #121619;
    font-weight: 700;
}
.main2 .recommend .recommend_w .recomm_tit .title_sw {
    margin: 0 8px;
    height: 48px;
}
.main2 .recommend .recommend_w .recomm_tit .title_sw.region_tit_sw {
    border-bottom: 3px solid #000;
}
.main2 .recommend .recommend_w .recomm_tit .title_sw .title_item {
    background: var(--gradient2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right;
}
.main2 .recommend .recommend_w .recomm_tit .title_sw.region_tit_sw .title_item {
    text-align: center;
}

.main2 .recommend .recommend_w .recomm_tit .title_sw .title_item b {
    font-weight: 700;
}

.main2 .recommend .recommend_w .recomm_cont {
    position: relative;
}
.main2 .recommend .recommend_w .recomm_cont .cg_sw {
    margin-top: 16px;
}
.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination {
    margin-bottom: 24px;
}
.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet {
    margin: 0 16px;
    padding: 8px 0;
    width: auto;
    height: auto;
    background: none;
    font-size: 20px;
    letter-spacing: 0.34px;
    font-weight: 500;
    border-bottom: 3px solid transparent;
    color: #000;
    border-radius: 0;
    opacity: 1;
}
/*.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination.swiper-pagination-lock {*/
/*    display: block;*/
/*}*/
.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
}
.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #000;
}
/*.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet:only-child {*/
/*    display: inline-block !important;*/
/*}*/

.main2 .recommend .recommend_w .recomm_cont .empty_pop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main2 .recommend .recommend_w .recomm_cont .empty_pop .inner {
    background-color: #fff;
    width: auto;
    height: auto;
    padding: 16px 24px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.main2 .recommend .recommend_w .recomm_cont .empty_pop .txt {
    font-size: 16px;
    line-height: 1.37;
    letter-spacing: 0.35px;
    color: #121619;
    text-align: center;
}
.main2 .recommend .recommend_w .recomm_cont .empty_pop .btn {
    margin-top: 16px;
    text-align: center;
    font-weight: 600;
}


/*** similar ***/
.main2 .recommend.similar .recommend_w .recomm_tit .title_sw {
    margin-left: 0;
}
.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item {
    text-align: left;
}

.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item,
.main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item {
    background: none;
    -webkit-text-fill-color: inherit;
    text-align: left;
    margin: 0;
    display: flex;
}
.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b,
.main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b {
    background: var(--gradient2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 4px;
}
.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p,
.main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item p {
    margin-right: 4px;
}

/*** GUEST ***/
.main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b.cg {
    margin: 0 8px;
}



@media (max-width: 1300px) {
    /************************** main2 **************************/
    /*** 공통 ***/
    .swiper_w2 .sw_control {
        margin-top: 1.85vw;
        height: 2.46vw;
    }
    .swiper_w2 .sw_control .swiper-custom-prev,
    .swiper_w2 .sw_control .swiper-custom-next {
        margin: 0 0.92vw;
        width: 4.92vw;
        height: 2.46vw;
    }
    .swiper_w2 .sw_control .swiper-custom-prev .arrow_ico,
    .swiper_w2 .sw_control .swiper-custom-next .arrow_ico {
        width: 3.85vw;
        height: 2.46vw;
    }
    .swiper_w2 .sw_control .swiper-custom-prev:hover .arrow_ico,
    .swiper_w2 .sw_control .swiper-custom-next:hover .arrow_ico {
        width: 4.92vw;
    }
    .swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img,
    .swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {
        width: 4.92vw;
    }
    .swiper_w3 .sw_control {
        width: 10.15vw;
        bottom: 1.23vw;
        margin-left: -5.08vw;
    }

    .swiper_w3 .sw_control .num_indicator {
        font-size: 1.23vw;
    }
    .swiper_w3 .sw_control .pause_btn {
        margin-left: 1.23vw;
    }

    .pd_list_w {
        margin: 0 -0.62vw;
    }
    .pd_list_w .pd_item {
        padding: 0 0.62vw;
    }
    .pd_list_w .pd_item .clip_btn {
        right: 0.62vw;
        bottom: 0.62vw;
        width: 2.46vw;
        height: 2.46vw;
        background-size: 1.85vw auto;
    }
    .pd_list_w .pd_item .pd_txt {
        padding-top: 1.23vw;
        font-size: 1.23vw;
    }

    /*** 메인 공통 ***/
    .main2 .sec {
        letter-spacing: 0.03vw;
        margin-top: 7.69vw;
    }
    .main2 .sec > .inner {
        padding: 0 3.08vw;
    }

    /*** kv **/
    .main2 .kv {
        margin-top: 0;
    }
    .main2 .kv > .inner {
        padding: 0;
    }
    .main2 .kv .kv_sw_w {
        padding-bottom: 4.92vw;
    }
    .main2 .kv .kv_sw > .inner {
        padding: 0;
    }

    /*** quick ***/
    .main2 .quick {
        margin-top: 0;
        padding-top: 2.46vw;
    }
    .main2 .quick .quick_item_w .quick_item {
        width: 17.31vw;
    }
    .main2 .quick .quick_item_w .quick_item .img {
        width: 7.69vw;
        height: 7.69vw;
    }
    .main2 .quick .quick_item_w .quick_item .txt {
        margin-top: 0.92vw;
        font-size: 1.23vw;
    }

    /*** step ***/
    .main2 .step .txt .tit {
        font-size: 2.77vw;
    }
    .main2 .step .txt .tit .label {
        padding: 0 0.62vw;
        margin-right: 1.23vw;
    }
    .main2 .step .txt .desc {
        margin-top: 0.62vw;
        font-size: 1.38vw;
    }
    .main2 .step .curation_w {
        margin-top: 2.46vw;
    }
    .main2 .step .curation_w .more_btn {
        padding-right: 0.62vw;
        font-size: 1.23vw;
    }
    .main2 .step .curation_w .more_btn .arrow_ico {
        margin-left: 0.31vw;
        width: 2vw;
    }
    .main2 .step .curation_w .tab_menu li + li {
        margin-left: 0.31vw;
    }
    .main2 .step .curation_w .tab_menu li a.tab_btn {
        padding: 0.62vw 1.23vw;
        border-radius: 2.31vw;
        font-size: 1.38vw;
    }
    .main2 .step .curation_w .tab_cont {
        margin-top: 1.85vw;
    }

    .main2 .step.step3 .cont_w {
        padding: 1.23vw 0;
    }
    .main2 .step.step3 .txt {
        padding-right: 2.46vw;
    }
    .main2 .step.step3 .txt .btn {
        margin-top: 2.46vw;
        padding: 1.54vw;
        font-size: 1.23vw;
    }
    .main2 .step.step3 .txt .btn .arrow_ico {
        margin-left: 0.31vw;
        /*height: 0.69vw;*/
        /*width: 2vw;*/
    }
    /*.main2 .step.step3 .txt .btn .arrow_ico img {*/
    /*    width: 6.69vw;*/
    /*}*/
    /*.main2 .step.step3 .txt .btn:hover .arrow_ico {*/
    /*    width: 6.69vw;*/
    /*}*/

    /*** Beauty Editorial ***/
    .main2 .editorial .txt .desc {
        margin-top: 0.62vw;
        font-size: 1.38vw;
    }
    .main2 .editorial .beauty_sw_w {
        margin: 2.46vw -0.62vw 0 -0.62vw;
    }
    .main2 .editorial .beauty_sw .beauty_item {
        padding: 0 0.62vw;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_category {
        margin-bottom: 1.23vw;
        font-size: 1.23vw;
        letter-spacing: 0.03vw;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_img img.inspi {
        height: 49.62vw;
        margin-left: -22.19vw;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd {
        width: 4.62vw;
        height: 4.62vw;
        border-radius: 4.62vw;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd + .item_pd {
        margin-left: -0.31vw;
    }

    /*** tip ***/
    .main2 .tip .tip_item_w {
        height: 59.54vw;
    }
    .main2 .tip .tip_item_w .tip_item {
        padding: 0 1.85vw;
    }
    .main2 .tip .tip_item_w .tip_item.active {
        width: 38.77vw;
    }
    .main2 .tip .tip_item_w .tip_item.active::before {
        width: 30.77vw;
        height: 30.77vw;
        border-radius: 30.77vw;
        filter: blur(6.15vw);
        margin-left: -9.77vw;
        margin-top: -11.08vw;
    }

    .main2 .tip .tip_item_w .tip_item .sec_tit {
        padding-top: 4.62vw;
    }
    .main2 .tip .tip_item_w .tip_item.active .box_img {
        margin-top: 1.85vw;
        height: 20vw;
    }
    .main2 .tip .tip_item_w .tip_item .box_img img {
        height: 20vw;
    }
    .main2 .tip .tip_item_w .tip_item .box_subtit {
        margin-top: 1.23vw;
        font-size: 2.46vw;
    }
    .main2 .tip .tip_item_w .tip_item .box_desc {
        margin-top: 0.62vw;
        font-size: 1.38vw;
    }

    /* click */
    .main2 .tip .tip_item_w .tip_item.click .item_box {
        margin-top: 1.85vw;
    }
    .main2 .tip .tip_item_w .tip_item.click .box_tit {
        width: 11vw;
    }
    /* clip */
    .main2 .tip .tip_item_w .tip_item.clip .item_box {
        margin-top: 19vw;
    }
    .main2 .tip .tip_item_w .tip_item.clip.active .item_box {
        margin-top: 12.62vw;
    }
    .main2 .tip .tip_item_w .tip_item.clip .box_tit {
        width: 8.31vw;
    }
    /* create */
    .main2 .tip .tip_item_w .tip_item.create .item_box {
        margin-top: 31.62vw;
    }
    .main2 .tip .tip_item_w .tip_item.create.active .item_box {
        margin-top: 12vw;
    }
    .main2 .tip .tip_item_w .tip_item.create .box_tit {
        width: 12.62vw;
    }
    /* done */
    .main2 .tip .tip_item_w .tip_item.done.active::before {
        margin-left: -9.85vw;
        margin-bottom: -11.08vw;
    }
    .main2 .tip .tip_item_w .tip_item.done .item_box {
        margin-top: 46.69vw;
        padding-right: 7.69vw;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_tit {
        width: 15.77vw;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_img2 {
        width: 13.85vw;
        margin-left: 0.77vw;
    }

    /*** banner ***/
    .main2 .banner .banner_sw .banner_item .banner_txt {
        margin-left: 4.62vw;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_tit {
        font-size: 3.69vw;
        letter-spacing: 0.02vw;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_tit {
        font-size: 4.92vw;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_desc {
        margin-top: 0.92vw;
        font-size: 1.38vw;
        letter-spacing: 0.01vw;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_desc {
        margin-top: 1.23vw;
        font-size: 1.85vw;
    }

    .main2 .recommend .recommend_w .recomm_label {
        margin-bottom: 0.92vw;
        padding: 0.31vw 0.92vw;
        border-radius: 1.85vw;
        font-size: 1.54vw;
        letter-spacing: 0.03vw;
    }
    .main2 .recommend .recommend_w .recomm_tit {
        font-size: 2.46vw;
        letter-spacing: 0.03vw;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw {
        margin: 0 0.62vw;
        height: 3.69vw;
    }

    .main2 .recommend .recommend_w .recomm_cont .cg_sw {
        margin-top: 1.23vw;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination {
        margin-bottom: 1.85vw;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet {
        margin: 0 1.23vw;
        padding: 0.62vw 0;
        font-size: 1.54vw;
        letter-spacing: 0.03vw;
        border-bottom: 0.23vw solid transparent;
    }

    .main2 .recommend .recommend_w .recomm_cont .empty_pop .inner {
        padding: 1.23vw 1.85vw;
        box-shadow: 0.15vw 0.15vw 0.31vw 0px rgba(0, 0, 0, 0.25);
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .txt {
        font-size: 1.23vw;
        letter-spacing: 0.03vw;
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .btn {
        margin-top: 1.23vw;
    }


    /*** similar ***/
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b {
        margin-right: 0.31vw;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item p {
        margin-right: 0.31vw;
    }

    /*** GUEST ***/
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b.cg {
        margin: 0 0.62vw;
    }

}
@media (max-width: 768px) {
    /************************** main2 **************************/
    /*** 공통 ***/
    .swiper_w2 .sw_control {
        margin-top: 14px;
        height: 19px;
    }
    .swiper_w2 .sw_control .swiper-custom-prev,
    .swiper_w2 .sw_control .swiper-custom-next {
        margin: 0 7px;
        width: 38px;
        height: 19px;
    }
    .swiper_w2 .sw_control .swiper-custom-prev .arrow_ico,
    .swiper_w2 .sw_control .swiper-custom-next .arrow_ico {
        width: 30px;
        height: 19px;
    }
    .swiper_w2 .sw_control .swiper-custom-prev:hover .arrow_ico,
    .swiper_w2 .sw_control .swiper-custom-next:hover .arrow_ico {
        width: 38px;
    }
    .swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img,
    .swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {
        width: 38px;
    }
    .swiper_w3 .sw_control {
        width: 78px;
        bottom: 9px;
        margin-left: -39px;
    }

    .swiper_w3 .sw_control .num_indicator {
        font-size: 9px;
    }
    .swiper_w3 .sw_control .pause_btn {
        margin-left: 9px;
    }

    .pd_list_w {
        margin: 0 -5px;
    }
    .pd_list_w .pd_item {
        padding: 0 5px;
    }
    .pd_list_w .pd_item .clip_btn {
        right: 5px;
        bottom: 5px;
        width: 19px;
        height: 19px;
        background-size: 14px auto;
    }
    .pd_list_w .pd_item .pd_txt {
        padding-top: 9px;
        font-size: 9px;
    }

    /*** 메인 공통 ***/
    .main2 .sec {
        letter-spacing: 0.01px;
        margin-top: 59px;
    }
    .main2 .sec > .inner {
        padding: 0 20px;
    }

    /*** kv **/
    .main2 .kv {
        margin-top: 0;
    }
    .main2 .kv > .inner {
        padding: 0;
    }
    .main2 .kv .kv_sw_w {
        padding-bottom: 38px;
    }
    .main2 .kv .kv_sw > .inner {
        padding: 0;
    }

    /*** quick ***/
    .main2 .quick {
        margin-top: 0;
        padding-top: 19px;
    }
    .main2 .quick .quick_item_w .quick_item {
        width: 133px;
    }
    .main2 .quick .quick_item_w .quick_item .img {
        width: 59px;
        height: 59px;
    }
    .main2 .quick .quick_item_w .quick_item .txt {
        margin-top: 7px;
        font-size: 9px;
    }

    /*** step ***/
    .main2 .step .txt .tit {
        font-size: 21px;
    }
    .main2 .step .txt .tit .label {
        padding: 0 5px;
        margin-right: 9px;
    }
    .main2 .step .txt .desc {
        margin-top: 5px;
        font-size: 11px;
    }
    .main2 .step .curation_w {
        margin-top: 19px;
    }
    .main2 .step .curation_w .more_btn {
        padding-right: 5px;
        font-size: 9px;
    }
    .main2 .step .curation_w .more_btn .arrow_ico {
        margin-left: 2px;
        width: 15px;
    }
    .main2 .step .curation_w .tab_menu li + li {
        margin-left: 2px;
    }
    .main2 .step .curation_w .tab_menu li a.tab_btn {
        padding: 5px 9px;
        border-radius: 18px;
        font-size: 11px;
    }
    .main2 .step .curation_w .tab_cont {
        margin-top: 14px;
    }

    .main2 .step.step3 .cont_w {
        padding: 9px 0;
    }
    .main2 .step.step3 .txt {
        padding-right: 19px;
    }
    .main2 .step.step3 .txt .btn {
        margin-top: 19px;
        padding: 12px;
        font-size: 9px;
    }
    .main2 .step.step3 .txt .btn .arrow_ico {
        margin-left: 2px;
        /*height: 5px;*/
        /*width: 15px;*/
    }
    /*.main2 .step.step3 .txt .btn .arrow_ico img {*/
    /*    width: 51px;*/
    /*}*/
    /*.main2 .step.step3 .txt .btn:hover .arrow_ico {*/
    /*    width: 51px;*/
    /*}*/

    /*** Beauty Editorial ***/
    .main2 .editorial .txt .desc {
        margin-top: 5px;
        font-size: 11px;
    }
    .main2 .editorial .beauty_sw_w {
        /* margin: 19px -5px 0 -5px; */
        margin: 19px 0 0 0;
    }
    .main2 .editorial .beauty_sw .beauty_item {
        padding: 0;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_category {
        margin-bottom: 9px;
        font-size: 9px;
        letter-spacing: 0.01px;
        display: none;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_img img.inspi {
        height: 381px;
        margin-left: -170px;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd {
        width: 35px;
        height: 35px;
        border-radius: 35px;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd + .item_pd {
        margin-left: -2px;
    }

    /*** tip ***/
    .main2 .tip .tip_item_w {
        height: 457px;
    }
    .main2 .tip .tip_item_w .tip_item {
        padding: 0 14px;
    }
    .main2 .tip .tip_item_w .tip_item.active {
        width: 298px;
    }
    .main2 .tip .tip_item_w .tip_item.active::before {
        width: 236px;
        height: 236px;
        border-radius: 236px;
        filter: blur(47px);
        margin-left: -75px;
        margin-top: -85px;
    }

    .main2 .tip .tip_item_w .tip_item .sec_tit {
        padding-top: 35px;
    }
    .main2 .tip .tip_item_w .tip_item.active .box_img {
        margin-top: 14px;
        height: 154px;
    }
    .main2 .tip .tip_item_w .tip_item .box_img img {
        height: 154px;
    }
    .main2 .tip .tip_item_w .tip_item .box_subtit {
        margin-top: 9px;
        font-size: 19px;
    }
    .main2 .tip .tip_item_w .tip_item .box_desc {
        margin-top: 5px;
        font-size: 11px;
    }

    /* click */
    .main2 .tip .tip_item_w .tip_item.click .item_box {
        margin-top: 14px;
    }
    .main2 .tip .tip_item_w .tip_item.click .box_tit {
        width: 84px;
    }
    /* clip */
    .main2 .tip .tip_item_w .tip_item.clip .item_box {
        margin-top: 146px;
    }
    .main2 .tip .tip_item_w .tip_item.clip.active .item_box {
        margin-top: 97px;
    }
    .main2 .tip .tip_item_w .tip_item.clip .box_tit {
        width: 64px;
    }
    /* create */
    .main2 .tip .tip_item_w .tip_item.create .item_box {
        margin-top: 243px;
    }
    .main2 .tip .tip_item_w .tip_item.create.active .item_box {
        margin-top: 92px;
    }
    .main2 .tip .tip_item_w .tip_item.create .box_tit {
        width: 97px;
    }
    /* done */
    .main2 .tip .tip_item_w .tip_item.done.active::before {
        margin-left: -76px;
        margin-bottom: -85px;
    }
    .main2 .tip .tip_item_w .tip_item.done .item_box {
        margin-top: 359px;
        padding-right: 72px;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_tit {
        width: 121px;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_img2 {
        width: 106px;
        margin-left: 6px;
        display: flex;
        height: 100%;
        align-items: center;
    }

    /*** banner ***/
    .main2 .banner .banner_sw .banner_item .banner_txt {
        margin-left: 35px;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_tit {
        font-size: 28px;
        letter-spacing: 0.01px;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_tit {
        font-size: 38px;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_desc {
        margin-top: 7px;
        font-size: 11px;
        letter-spacing: 0.01px;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_desc {
        margin-top: 9px;
        font-size: 14px;
    }

    .main2 .banner .swiper_w3 .swiper-slide {
        padding: 0;
    }

    .main2 .recommend .recommend_w .recomm_label {
        margin-bottom: 7px;
        padding: 2px 7px;
        border-radius: 14px;
        font-size: 12px;
        letter-spacing: 0.01px;
        margin: 0 20px;
    }
    .main2 .recommend .recommend_w .recomm_tit {
        font-size: 19px;
        letter-spacing: 0.01px;
        padding: 0 20px;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw {
        margin: 0 5px;
        height: 28px;
    }

    .main2 .recommend .recommend_w .recomm_cont .cg_sw {
        margin-top: 9px;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination {
        margin-bottom: 14px;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet {
        margin: 0 9px;
        padding: 5px 0;
        font-size: 12px;
        letter-spacing: 0.01px;
        border-bottom: 2px solid transparent;
    }

    .main2 .recommend .recommend_w .recomm_cont .empty_pop .inner {
        padding: 9px 14px;
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .txt {
        font-size: 9px;
        letter-spacing: 0.01px;
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .btn {
        margin-top: 9px;
    }


    /*** similar ***/
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b {
        margin-right: 2px;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item p {
        margin-right: 2px;
    }

    /*** GUEST ***/
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b.cg {
        margin: 0 5px;
    }

}
/* s:사용자구축 */
.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {display:block;}
.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .pc_img {display:none;}
.wrap.pc .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {display:none;}
.wrap.pc .main2 .banner .banner_sw .banner_item .banner_img .pc_img {display:block;}

.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {display:block;}
.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .pc_img {display:none;}
.wrap.pc .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {display:none;}
.wrap.pc .main2 .banner .banner_sw .banner_item .banner_img .pc_img {display:block;}

@media (max-width: 768px) {
    .main2 .kv2 {
        margin-top: var(--px56);
    }

    .main2 .kv2 .top_txt {
        padding: var(--px60) 0 var(--px32) 0;
        text-align: center;
    }

    .main2 .kv2 .top_txt .tit {
        font-size: var(--px24);
        font-weight: 500;
        line-height: var(--fs_tit);
    }

    .main2 .kv2 .top_txt .desc {
        margin-top: var(--px8);
        font-size: var(--px16);
        color: #121619;
    }

    .main2 .kv2 .top_txt .btn {
        margin-top: var(--px24);
    }

    .main2 .kv2 .top_txt .btn a {
        display: inline-block;
        background: var(--gradient2);
        padding: var(--px12) var(--px16) var(--px12) var(--px16);
        font-size: var(--px16);
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }
}
/* s:사용자재구축-모바일.css 취합 */

@media (max-width: 768px) {
    .main {
        padding-bottom: 0;
    }
    
    .main .sec {
        padding: 40px 0;
    }
    .main .sec_tit {
        font-weight: 500;
        font-size: 18px;
        line-height: var(--fs_tit);
        text-align: center;
        text-transform: uppercase;
    }
    .main .sec_desc {
        font-weight: 300;
        font-size: 14px;
    
        text-align: center;
        margin-top: 16px;
    }
    .main .sec .sec_cont {
        margin-top: 16px;
    }
    
    
    .main .main_banner {
        padding: 0;
    }
    .main .main_banner .slider_item {
        position: relative;
    }
    .main .main_banner .slider_img img {
        width: 100%;
    }
    .main .main_banner .slider_txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    
        padding: 0 20px 40px 20px;
    }
    .main .main_banner .slider_txt .tit {
        font-weight: 600;
        font-size: 32px;
        line-height: var(--fs_tit);
    }
    .main .main_banner .slider_txt .desc {
        margin-top: 10px;
        font-size: 14px;
    
    }
    .main .main_banner .btn {
        margin-top: 24px;
        display: none;
    }
    
    .main .main_banner .swiper-pagination {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px;
    }
    .main .main_banner .swiper-pagination-bullet {
        flex-shrink: 1;
    }
    
    .main .main_banner .swiper-pagination-bullet-active {
        background: #ddd;
        position: relative;
    }
    .main .main_banner .swiper-pagination-bullet-active::after {
        content: " ";
        display: block;
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 1;
    
    
        animation: proBar 6s 1;
        width:100%;
    }
    
    @keyframes proBar{
        0%{width:0;}
        100%{width:100%;}
    }
    
    
    .main .wnf .pd_list_comm .pd_item,
    .main .wnp .pd_list_comm .pd_item {
        width: 46.5%;
    }
    
    .main .wnf .swiper_w,
    .main .wnp .swiper_w {
        margin-left: -8px;
        margin-right: -8px;
    }
    .main .wnf .pd_list_comm,
    .main .wnp .pd_list_comm {
        margin: 0;
    }
    .main .wnf > .inner,
    .main .wnp > .inner {
        padding: 0;
    }
    .main .wnf .pd_sp_wnf,
    .main .wnp .pd_sp_wnp {
        padding: 0 20px;
    }
    
    
    .main .rtc {
        background-color: #fff;
    }
    .main .rtc .theme_list .theme_item {
        margin-top: 40px;
    }
    .main .rtc .theme_list .theme_item:first-child {
        margin-top: 0;
    }
    .main .rtc .main_theme {
        position: relative;
    
    }
    .main .rtc .main_theme .theme_img img {
        width: 100%;
    }
    .main .rtc .main_theme .theme_txt {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 28px 16px;
    
        text-align: center;
    }

    .main .rtc .theme_item.white .main_theme .theme_txt {
        color: #fff;
    }
    .main .rtc .main_theme .theme_txt .tit {
        font-size: 24px;
        line-height: var(--fs_tit);
        font-weight: 600;
    }
    .main .rtc .main_theme .theme_txt .desc {
        margin-top: 4px;
        font-size: 14px;
    
    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn {
        position: absolute;
        width: 100%;
        bottom: 40px;
        display: flex;
        justify-content: center;
    }
    .main .rtc .spotlight_v2 .theme_item .main_theme .theme_btn > a {
        padding: 5px 15px;
        background: #FFFFFF;
        border: 1px solid #121619;
        width: fit-content;
        color: #121619;
        font-size: 14px;
    
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .main .rtc .theme_pd_list {
        margin-top: 24px;
    
        flex-wrap: wrap;
    }
    .main .rtc .theme_pd_list .pd_item {
        width: 33.3333%;
    }
    .main .rtc .theme_pd_list .pd_item:nth-child(-n+3) {
        margin-bottom: 16px;
    }
    .main .rtc .theme_pd_list .pd_item .pd_img {
        position: relative;
    }
    .main .rtc .theme_pd_list .pd_item .pd_txt .pd_tit {
        padding-right: 0;
        font-size: 13px;
    
    }
    .main .rtc .theme_pd_list .pd_item .clip_btn {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 4px;
        bottom: 4px;
    
        z-index: 1;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w.speed {
        position: absolute;
        left: 8px;
        top: 0;
        margin-top: 0;
    }
    
    
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item {
        height: 14px;
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 76px;
        background-image: url("/v2/img/pd_label/pd_label_stm_s_en_m4.png");
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.stm {
        width: 45px;
        background-image: url("/v2/img/pd_label/pd_label_stm_s_ko_m2.png");
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 47px;
        background-image: url("/v2/img/pd_label/pd_label_ptd_s_en_m.png");
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ptd {
        width: 23px;
        background-image: url("/v2/img/pd_label/pd_label_ptd_s_ko_m.png");
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.moq {
        width: 45px;
        background-image: url("/v2/img/pd_label/pd_label_moq_s_en_m_v2.png");
    }

    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.otc {
        width: 28px;
        background-image: url("/v2/img/pd_label/pd_label_otc_s_m.png");
    }
    .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 76px;
        background-image: url("/v2/img/pd_label/pd_label_ct_s_en_m.png");
    }
    .ko .main .rtc .theme_pd_list .pd_item .badge_w .badge_item.ct {
        width: 56px;
        background-image: url("/v2/img/pd_label/pd_label_ct_s_ko_m.png");
    }
    
    
    .main .ipr {
        background-color: #F0F2F6;
    }
    .main .ipr .sec_cont {
        margin-top: 20px;
    }
    
    .main .ipr .ipr_txt .tit {
        font-weight: 600;
    }
    
    .main .ipr .main_ipr {
        position: relative;
        cursor: pointer;
    }
    .main .ipr .main_ipr .ipr_img {
        position: relative;
    }
    .main .ipr .main_ipr .ipr_txt {
        width: 100%;
        height: 100%;
        padding: 24px 16px;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .main .ipr .main_ipr .ipr_txt .cate {
        font-size: 14px;
    
    }
    .main .ipr .main_ipr .ipr_txt .tit {
        margin-top: 4px;
        font-size: 18px;
        line-height: var(--fs_tit);
    }
    .main .ipr .main_ipr .ipr_txt .btn {
        margin-top: 16px;
    }
    .main .ipr .sub_ipr {
        margin-top: 24px;
    }
    .main .ipr .sub_ipr .ipr_item {
        display: flex;
        width: 100%;
        margin-top: 12px;
        cursor: pointer;
    }
    .main .ipr .sub_ipr .ipr_item:first-child {
        margin-top: 0;
    }
    
    .main .ipr .sub_ipr .ipr_item .ipr_img {
        width: 120px;
        flex-shrink: 0;
    }
    .main .ipr .sub_ipr .ipr_item .ipr_txt {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #fff;
        padding: 0 16px;
    }
    .main .ipr .sub_ipr .ipr_item .ipr_txt .cate {
        font-size: 12px;
    
    }
    .main .ipr .sub_ipr .ipr_item .ipr_txt .tit {
        font-size: 14px;
        line-height: var(--fs_tit);
        height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-transform: uppercase;
    }
    .main .ipr .sub_ipr .ipr_item .ipr_txt .btn {
        margin-top: 6px;
    }
    .main .ipr .sub_ipr .ipr_item .ipr_txt .btn a {
        padding-left: 0;
    }
    
    .main .hiw .sec_desc br {
        display: none;
    }
    .main .hiw .sec_cont {
        margin-top: 32px;
    }
    .main .hiw .sec_cont .cont_item {
        margin-top: 24px;
    }
    .main .hiw .sec_cont .cont_item:first-child {
        margin-top: 0;
    }
    
    .main .hiw .sec_cont .cont_item .item_img {
        width: 100px;
        margin: 0 auto;
        border-radius: 50%;
        background: #f6f7fb;
    }
    .main .hiw .sec_cont .cont_item .item_tit {
        margin-top: 16px;
        font-size: 16px;
        line-height: var(--fs_tit);
        font-weight: 600;
        text-align: center;
    
    }
    .main .hiw .sec_cont .cont_item .item_desc {
        margin-top: 8px;
        font-size: 14px;
    
        font-weight: 300;
        text-align: center;
    }
    .main .hiw .sec_cont .cont_item .item_desc br {
        display: none;
    }
    .main .hiw .sec_btn {
        margin-top: 32px;
        text-align: center;
    }
    
    /*hiw2*/
    .main .hiw2 .sec_desc {
        margin-top: 4px;
    }
    .main .hiw2 .sec_cont {
        margin-top: 24px;
    }
    .main .hiw2 .curation_item {
        padding: 16px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .main .hiw2 .curation_item:first-child {
        padding-top: 0;
    }
    .main .hiw2 .curation_item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    
    .main .hiw2 .curation_btn a {
        display: block;
        font-size: 16px;
    
        color: #a8a8a8;
        text-transform: uppercase;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 24px;
        background-image: url("/v2/img/ico_htu_play_g.png");
    }
    .main .hiw2 .curation_item.active .curation_btn a {
        color: #121619;
        background-image: url("/v2/img/ico_htu_play.png");
    }
    
    .main .hiw2 .curation_video {
        padding-top: 16px;
        display: none;
    }
    .main .hiw2 .curation_item.active .curation_video {
        display: block;
    }
    .main .hiw2 .curation_video video {
        display: block;
        width: 100%;
    }
    
    .main .bot_banner {
        padding: 0;
        text-align: center;
        color: #fff;
    }
    .main .bot_banner .banner_img {
        width: 100%;
        position: relative;
    }
    .main .bot_banner .banner_img img {
        width: 100%;
    }
    
    .main .bot_banner .banner_bg {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.25);
    }
    
    .main .bot_banner .banner_txt {
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    
        padding: 0 40px;
    }
    
    .main .bot_banner .banner_txt .top_tit {
        font-weight: 500;
        font-size: 16px;
        line-height: var(--fs_tit);
        color: #eaf0fe;
    
        display: none;
    }
    
    .main .bot_banner .banner_txt .tit {
        /*margin-top: 16px;*/
        font-size: 22px;
        line-height: var(--fs_tit);
        font-weight: 600;
    }
    .main .bot_banner .banner_txt .desc {
        margin-top: 4px;
        font-size: 14px;
    
        font-weight: 300;
    }
    .main .bot_banner .banner_btn {
        margin-top: 32px;
    }
    
    /* popup */
    .popup_slider .swiper-pagination {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
    }
    .popup_slider .swiper-pagination-bullet {
        /*padding: 5px 10px;*/
        width: 32px;
        height: 4px;
        background: #E1E1E1;
        opacity: 1;
        margin: 0 2px;
        border-radius: 0;
    }
    .popup_slider .swiper-pagination-bullet-active {
        background: #000;
    }
    .popup_slider .pagination_bg {
        position: absolute;
        bottom: 0;
        z-index: 10;
        left: 0;
        width: 100%;
        height: 36px;
    }
    .popup_slider .pagination_bg img {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    
    @media (min-width: 1023px) {
        .main .wnf .pd_list_comm .pd_item,
        .main .wnp .pd_list_comm .pd_item {
            width: 30%;
        }
    
        .main .rtc .theme_item {
            display: flex;
        }
        .main .rtc .main_theme {
            width: 38.5%;
            position: relative;
        }
        .main .rtc .main_theme .theme_img {
            width: 100%;
            position: relative;
        }
        .main .rtc .main_theme .theme_txt {
            position: absolute;
            padding: 58px 22px;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
        }
    
        .main .rtc .main_theme .theme_txt .desc {
            margin-top: 8px;
        }
        .main .rtc .theme_pd_list {
            margin: 0;
            flex-wrap: wrap;
            /*align-content: space-between;*/
            align-content: center;
            width: 61.5%;
            padding-left: 20px;
        }
        .main .rtc .theme_pd_list .pd_item {
            width: calc(33.3333% - 14px);
            margin-right: 20px;
            padding: 0;
        }
        .main .rtc .theme_pd_list .pd_item:nth-child(3n) {
            margin-right: 0;
        }
    
        .main .rtc .swiper-pagination {
            width: 38.5%;
            bottom: 16px;
            left: 0;
            position: absolute;
            max-width: none;
        }
        .main .rtc .swiper-pagination-bullet {
            width: 32px;
            height: 2px;
            border-radius: 0;
            background-color: #ddd;
            margin: 0 4px 0 0;
            opacity: 1;
        }
        .main .rtc .swiper-pagination-bullet:last-child {
            margin: 0;
        }
        .main .rtc .swiper-pagination-bullet-active {
            background-color: #000;
            width: 40px;
        }
    
        .main .ipr .sec_cont {
            display: flex;
        }
        .main .ipr .sec_cont .cont_item {
            position: relative;
        }
        .main .ipr .sec_cont .cont_item .ipr_txt .tit {
            margin-top: 8px;
        }
        .main .ipr .sec_cont .cont_item .ipr_txt .btn {
            margin-top: 18px;
        }
        .main .ipr .sec_cont .main_ipr {
            width: 47.5%;
        }
        .main .ipr .sec_cont .main_ipr .ipr_img {
            position: relative;
        }
        .main .ipr .sec_cont .main_ipr .ipr_txt {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .main .ipr .sec_cont .main_ipr .ipr_txt .btn {
            margin-top: 18px;
        }
        .main .ipr .sec_cont .main_ipr .ipr_txt .btn_comm.black a {
            font-weight: bold;
        }
        .main .ipr .sec_cont .main_ipr .ipr_txt .btn_comm.white a {
            background-color: #fff;
            border-color: #fff;
            color: #000;
            font-weight: bold;
        }
        .main .ipr .sec_cont .sub_ipr {
            margin-top: 0;
            width: 52.5%;
            padding-left: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .main .ipr .sec_cont .sub_ipr .ipr_item {
            display: flex;
            width: 100%;
        }
        .main .ipr .sec_cont .sub_ipr .ipr_item .ipr_img {
            width: 30.61%;
            flex-shrink: 0;
        }
        .main .ipr .sec_cont .sub_ipr .ipr_item .btn a {
            padding-left: 0;
        }
    
        .main .rtc .theme_list .theme_item {
            margin-top: 0;
        }
    
    
    
        .main .hiw .sec_cont {
            display: flex;
            justify-content: center;
        }
        .main .hiw .sec_cont .cont_item {
            margin-top: 0;
            width: 33.3333%;
        }
    
        .main .bot_banner .banner_img {
            width: 1440px;
            left: 50%;
            margin-left: -720px;
        }
    }
    
    /************************** main2 **************************/
    .swiper_w2 .sw_control {
        margin-top: 24px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .swiper_w2 .sw_control .swiper-custom-prev,
    .swiper_w2 .sw_control .swiper-custom-next {
        margin: 0 12px;
        cursor: pointer;
        width: 64px;
        height: 32px;
        position: relative;
        overflow: hidden;
    }
    
    .swiper_w3 {
        position: relative;
    }
    .swiper_w3 .swiper-wrapper {
        padding-bottom: 40px;
    }
    .swiper_w3 .sw_control {
        display: flex;
        position: absolute;
        justify-content: center;
        align-items: center;
        z-index: 1;
        margin-right: auto;
        width: 132px;
        bottom: 4px;
        left: 50%;
        margin-left: -66px;
    }
    
    .swiper_w3 .sw_control .num_indicator {
        font-size: 16px;
        line-height: 1.75;
        color: #838383;
    }
    .swiper_w3 .sw_control .num_indicator .active {
        color: #555;
        font-weight: 700;
    }
    .swiper_w3 .sw_control .pause_btn {
        margin-left: 16px;
    }
    .swiper_w3 .sw_control .pause_btn.play .pause_ico {
        background-image: url('/v2/img/ico_play.png');
    }
    
    .pd_list_w {
        position: relative;
        margin: 0 -4px;
    }
    .pd_list_w .pd_list_in {
        display: flex;
        flex-wrap: wrap;
    }
    .pd_list_w .pd_item {
        padding: 0 4px;
        width: 50%;
    }
    .pd_list_w .pd_item .pd_img_w,
    .pd_list_w .pd_item .pd_img {
        position: relative;
    }
    .pd_list_w .pd_item .pd_img {
        padding-bottom: 100%;
    }
    .pd_list_w .pd_item .pd_img::after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.03);
    }
    .pd_list_w .pd_item .pd_img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        object-fit: cover;
    }
    .pd_list_w .pd_item .pd_img .h_img {
        opacity: 0;
        transition: opacity 0.3s;
    }
    .pd_list_w .pd_item:hover .pd_img .h_img {
        opacity: 1;
    }
    .pd_list_w .pd_item .clip_btn {
        position: absolute;
        right: 4px;
        bottom: 4px;
        z-index: 1;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: rgba(24, 24, 24, 0.2);
        border-width: 1px;
        border-color: rgba(246, 247, 251, 0.2);
        border-style: solid;
        background-image: url('/v2/img/ico_clip_v2_w.svg');
        background-repeat: no-repeat;
        background-size: 12px auto;
        background-position: center;
    }
    .pd_list_w .pd_item .clip_btn.clipped {
        background-color: #121619;
        border-color: #121619;
    }
    .pd_list_w .pd_item .pd_txt {
        padding-top: 8px;
        font-size: 12px;
        color: #444;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .wrap {
        padding-top: 0;
    }
    
    .header2 {
        background-color: transparent;
    }
    .header2 .tnb_w .logo .no_sticky {
        display: block;
    }
    .header2 .tnb_w .logo .on_sticky {
        display: none;
    }
    .header2 .tnb_w .r_menu .search_ico_v2 {
        background-image: url('/v2/img/ico_search_v2_w.png');
    }
    .header2 .tnb_w .r_menu .cart_ico_v2 {
        background-image: url('/v2/img/ico_cart_v2_w.png');
    }
    .header2 .tnb_w .r_menu .menu_ico_v2_m {
        background-image: url('/v2/img/ico_menu_v2_w_m.png');
    }
    
    /*** Sticky ***/
    .sticky .header2 {
        background-color: #fff;
    }
    .sticky .header2 .tnb_w .logo .no_sticky {
        display: none;
    }
    .sticky .header2 .tnb_w .logo .on_sticky {
        display: block;
    }
    .sticky .header2 .tnb_w .r_menu .search_ico_v2 {
        background-image: url('/v2/img/ico_search_v2.png');
    }
    .sticky .header2 .tnb_w .r_menu .cart_ico_v2 {
        background-image: url('/v2/img/ico_cart_v2.png');
    }
    .sticky .header2 .tnb_w .r_menu .menu_ico_v2_m {
        background-image: url('/v2/img/ico_menu_v2_m.png');
    }
    
    /*** Header3 ***/
    /*
    .header3 .header_sticky_w {
        background-color: transparent;
    }
    .header3 .tnb_w .logo .no_sticky {
        display: block;
    }
    .header3 .tnb_w .logo .on_sticky {
        display: none;
    }
    .header3 .tnb_w .r_menu .search_ico_v2 {
        background-image: url('/v2/img/ico_search_v2_w.png');
    }
    .header3 .tnb_w .r_menu .cart_ico_v2 {
        background-image: url('/v2/img/ico_cart_v2_w.png');
    }
    .header3 .tnb_w .r_menu .menu_ico_v2_m {
        background-image: url('/v2/img/ico_menu_v2_w_m.png');
    }
    */
    
    /*** Sticky Header 3 ***/
    /*
    .sticky .header3 .header_sticky_w {
        background-color: #fff;
    }
    .sticky .header3 .tnb_w .logo .no_sticky {
        display: none;
    }
    .sticky .header3 .tnb_w .logo .on_sticky {
        display: block;
    }
    .sticky .header3 .tnb_w .r_menu .search_ico_v2 {
        background-image: url('/v2/img/ico_search_v2.png');
    }
    .sticky .header3 .tnb_w .r_menu .cart_ico_v2 {
        background-image: url('/v2/img/ico_cart_v2.png');
    }
    .sticky .header3 .tnb_w .r_menu .menu_ico_v2_m {
        background-image: url('/v2/img/ico_menu_v2_m.png');
    }
    
    */
    .main2 .sec {
        font-family: 'Wanted Sans Variable', 'Wanted Sans', sans-serif;
        letter-spacing: 0.34px;
        margin-top: 40px;
        color: #000;
    }
    .main2 .sec .txt .tit {
        text-transform: uppercase;
    }
    
    .main2 .pd_list_w .pd_list_in {
        flex-wrap: initial;
    }
    .main2 .pd_list_w .pd_item {
        width: 45%;
    }
    
    /*** kv **/
    .main2 .kv {
        margin-top: 0;
    }
    .main2 .kv > .inner {
        max-width: none;
        padding: 0;
    }
    .main2 .kv .kv_sw {
        background: #000;
    }
    .main2 .kv .kv_sw > .inner {
        padding: 0;
    }
    .main2 .kv .kv_sw .kv_item {
        position: relative;
    }
    .main2 .kv .kv_sw .kv_item a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .main2 .kv .kv_sw .kv_item .kv_img video {
        width: 100%;
    }
    
    /*** quick ***/
    .main2 .quick {
        margin-top: 0;
        padding-top: 36px;
    }
    .main2 .quick > .inner {
        padding: 0;
    }
    .main2 .quick .quick_item_w {
        display: flex;
        align-items: center;
        padding: 0 20px;
    }
    .main2 .quick .quick_item_w .quick_item {
        width: 60px;
        display: flex;
        justify-content: center;
    }
    .main2 .quick .quick_item_w .quick_item a {
        text-align: center;
    }
    .main2 .quick .quick_item_w .quick_item .img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin: 0 auto;
        overflow: hidden;
    }
    .main2 .quick .quick_item_w .quick_item .img svg {
        width: 100%;
    }
    .main2 .quick .quick_item_w .quick_item .txt {
        margin-top: 8px;
        font-size: 10px;
        line-height: var(--fs_tit);
        color: #121619;
    }
    
    /*** kv2 ***/
    .main2 .kv2 {
        margin-top: var(--px56);
    }
    .main2 .kv2 .top_txt {
        padding: var(--px60) 0 var(--px32) 0;
        text-align: center;
    }
    .main2 .kv2 .top_txt .tit {
        font-size: var(--px24);
        font-weight: 500;
        /*line-height: var(--fs_tit);
        letter-spacing: 0.34px;*/
		line-height: 28.8px;
		letter-spacing: 0.35px;
    }

    .main2 .kv2 .top_txt .desc {
		font-family: Wanted Sans Variable;
        margin-top: var(--px8);
        font-size: var(--px14);
        color: #121619;
		font-weight: 400;
		line-height: 19.6px;
		letter-spacing: 0.35px;
		text-align: center;
		vertical-align: middle;


    }
    .main2 .kv2 .top_txt .btn {
        margin-top: var(--px24);
    }
    .main2 .kv2 .top_txt .btn a {
        display: inline-block;
        background: var(--gradient2);
        padding: var(--px12) var(--px16) var(--px12) var(--px16);
        font-size: var(--px16);
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
    }
    .main2 .kv2 .banner_w {
        margin: 0 calc(-1 * var(--px4));
        position: relative;
    }
    .main2 .kv2 .banner_w:not(:has(.banner_item)) {
        display: none;
    }
    .main2 .kv2 .banner_w .banner_item {
        padding: 0 var(--px4);
        width: 100%;
    }
    .main2 .kv2 .banner_w .banner_item .banner_txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: var(--px18);
        z-index: 1;
    }
    .main2 .kv2 .banner_w .banner_item .banner_txt .tit {
        font-family: 'itc-avant-garde-gothic-pro';
        font-size: var(--px20);
        font-weight: 500;
    }
    .main2 .kv2 .banner_w .banner_item .banner_txt .desc {
        margin-top: var(--px6);
        font-size: var(--px12);
    }
    
    .main2 .kv2 .banner_w .banner_item .banner_img {
        position: relative;
    }
    .main2 .kv2 .banner_w .banner_item .banner_img img,
    .main2 .kv2 .banner_w .banner_item .banner_img video {
        display: block;
        width: 100%;
    }
    
    .main2 .kv2  .pagination_w {
        margin-top: var(--px16);
        position: absolute;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .main2 .kv2  .pagination_w .banner_pagination {
        display: inline-flex;
        width: auto;
        position: static;
        align-items: center;
        margin: 0;
        max-width: none;
        z-index: 1;
    }
    .main2 .kv2 .pagination_w .swiper-pagination-bullet {
        position: relative;
        width: var(--px24);
        height: var(--px2);
        margin: 0 var(--px2);
        background-color: #e1e1e1;
        border-radius: 0;
        opacity: 1;
    }
    .main2 .kv2 .banner_w .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: var(--px40);
    }
    .main2 .kv2 .banner_w .swiper-pagination-bullet .progress_bar {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        transform-origin: left;
        transform: scaleX(0);
        transition: transform 5s linear;
    }
    .main2 .kv2 .banner_w .pause_btn {
        margin-left: var(--px10);
    }
    .main2 .kv2 .banner_w .pause_btn.play .pause_ico2 {
        background-image: url('/v2/img/ico_play.png');
    }
    
    /*** step ***/
    .main2 .step .txt .step_tit {
        margin-bottom: var(--px24);
        font-family: 'itc-avant-garde-gothic-pro';
        font-size: var(--px24);
        line-height: var(--fs_tit);
        font-weight: 300;
    }
    .main2 .step .txt .step_tit b {
        font-weight: 500;
    }
    
    .main2 .step.step1 {
        margin-top: var(--px76);
    }
    .main2 .step.step1 > .inner,
    .main2 .step.step2 > .inner {
        padding: 0;
    }
    .main2 .step.step1 .txt,
    .main2 .step.step2 .txt {
        padding: 0 20px;
    }
    .main2 .step .txt .tit {
        display: flex;
        align-items: center;
        font-size: 20px;
        line-height: var(--fs_tit);
        font-weight: 700;
    }
    .main2 .step .txt .tit .label {
        display: block;
        font-size: 16px;
        padding: 0 8px;
        border-width: 0 1px;
        border-color: #444;
        border-style: solid;
        font-weight: 600;
        margin-right: 16px;
    }
    .main2 .step .txt .desc {
        margin-top: 8px;
        font-size: 12px;
        color: #444;
    }
    .main2 .step .curation_w {
        margin-top: 20px;
    }
    .main2 .step .curation_w .tab_menu_w {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    .main2 .step .curation_w .tab_menu {
        display: flex;
        align-items: center;
        flex-grow: 1;
        padding: 0 0px;
    }
    .main2 .step .curation_w .tab_menu li:first-child {
        margin-left: 20px;
    }
    .main2 .step .curation_w .tab_menu li:last-child {
        margin-right: 20px;
    }
    .main2 .step .curation_w .tab_menu li {
        width: auto;
    }
    .main2 .step .curation_w .tab_menu li + li {
        margin-left: 4px;
    }
    .main2 .step .curation_w .tab_menu li a.tab_btn {
        display: block;
        padding: 6px 12px;
        border: 1px solid #ddd;
        border-radius: 30px;
        font-size: 14px;
        line-height: var(--fs_tit);
        color: #838383;
    }
    .main2 .step .curation_w .tab_menu li a.tab_btn::after {
        content: attr(title);
        display: block;
        font-weight: 600;
        height: 0px;
        visibility: hidden;
    }
    .main2 .step .curation_w .tab_menu li.active a.tab_btn {
        border-color: #000;
        background-color: #000;
        color: #fff;
        font-weight: 600;
    }
    .main2 .step .curation_w .tab_cont {
        margin-top: 20px;
    }
    .main2 .step .curation_w .tab_cont .cont_item {
        display: none;
    }
    .main2 .step .curation_w .tab_cont .cont_item.active {
        display: block;
    }
    .main2 .step .curation_w .tab_cont .cont_item .pd_list_w {
        padding: 0 20px;
    }
    
    .main2 .step.step3 .cont_w {
        display: block;
        padding: 16px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .main2 .step.step3 .txt .btn {
        margin-top: 16px;
        display: inline-flex;
        padding: 10px 12px;
        align-items: center;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 1.06;
        font-weight: 700;
        color: #fff;
        background-color: #000;
    }
    .main2 .step.step3 .txt .btn .arrow_ico {
        margin-left: 4px;
    }
    .main2 .step.step3 .img {
        width:100%;
        margin-top: 24px;
    }
    /*** Beauty Editorial ***/
    .main2 .editorial .txt .tit {
        color: #121619;
        font-family: 'itc-avant-garde-gothic-pro';
        font-size: var(--px24);
        line-height: var(--fs_tit);
        font-weight: 500;
        text-transform: none;
    }
    .main2 .editorial .txt .tit b {
        font-weight: 600;
    }
    .main2 .editorial .txt .desc {
        color: #444;
        margin-top: 8px;
        font-size: 12px;
        line-height: 1.4;
    }
    .main2 .editorial .beauty_sw {
        margin: 20px 0 0;
        padding-top: 0;
    }
    .main2 .editorial .beauty_sw .beauty_item + .beauty_item {
        margin-top: 24px;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_cont,
    .main2 .editorial .beauty_sw .beauty_item .item_img {
        position: relative;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_cont {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_img {
        flex-grow: 1;
        display: flex;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_img::after {
        content: ' ';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.35%, #000 100%);
        opacity: 0.5;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_img img {
        width: 100%;
        object-fit: cover;
        aspect-ratio: 335 / 425;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: var(--px24) var(--px16);
        color: #fff;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w {
        display: flex;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd {
        width: 38px;
        height: 38px;
        border-radius: 38px;
        border: 1px solid #fff;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center;
        background-color: #fff;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_pd_w .item_pd + .item_pd {
        margin-left: -2px;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_tit {
        margin-top: var(--px12);
        font-size: var(--px24);
        line-height: var(--fs_tit);
        font-weight: 600;
        text-transform: uppercase;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_desc {
        margin-top: var(--px8);
        font-size: var(--px12);
        line-height: var(--fs_tit);
        letter-spacing: var(--px035);
    
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico {
        display: flex;
        align-items: center;
        margin-top: var(--px12);
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico p {
        font-size: var(--px12);
        margin-right: var(--px4);
        text-transform: uppercase;
        font-weight: 600;
    }
    .main2 .editorial .beauty_sw .beauty_item .item_txt .item_ico .arrow_ico {
        display: block;
        width: var(--px26);
    }
    
    /*** tiktok ***/
    .main2 .tiktok > .inner {
        padding: 0;
    }
    .main2 .tiktok .txt {
        padding: 0 var(--px20);
    }
    .main2 .tiktok .txt .tit {
        font-family: 'itc-avant-garde-gothic-pro';
        font-size: var(--px24);
        line-height: var(--fs_tit);
        font-weight: 500;
        text-transform: none;
    }
    .main2 .tiktok .txt .desc {
        margin-top: var(--px4);
        font-size: var(--px12);
        color: #444;
    }
    .main2 .tiktok .tiktok_sw_w {
        margin-top: var(--px16);
    }
    .main2 .tiktok .tiktok_sw {
        /* margin: 0 calc(-1 * var(--px8)); */
        padding: 0 var(--px20);
    }
    .main2 .tiktok .tiktok_sw .tiktok_item {
        padding: 0 8px;
        width: 72%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video {
        position: relative;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video .tiktok_ico {
        display: block;
        position: absolute;
        right: var(--px16);
        bottom: var(--px16);
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video .play_btn {
        display: block;
        width: var(--px80);
        height: var(--px80);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: calc(-1 * var(--px40));
        margin-top: calc(-1 * var(--px40));
        background-image: url('/v2/img/ico_play_c.png');
        background-position: 0 0;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video {
        overflow: hidden;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video video {
        display: block;
        width: 100%;
        scale: 1.01;
        transform-origin: center;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video.play video {
        filter: none;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .item_txt {
        margin-top: var(--px12);
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_tit {
        font-size: var(--px16);
        line-height: var(--fs_tit);
        font-weight: 600;
        text-transform: uppercase;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_desc {
        margin-top: var(--px4);
        color: #838383;
        font-size: var(--px12);
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: auto;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_link {
        margin-top: var(--px12);
        display: flex;
        align-items: center;
        font-size: var(--px12);
        font-weight: 600;
        color: #121619;
        text-transform: uppercase;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .item_txt .item_link .arrow_ico {
        display: block;
        width: var(--px20);
        margin-left: var(--px4);
    }
    .tiktok_video_popup {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #000;
        z-index: 10000;
        display: none;
    }
    .tiktok_video_popup .tiktok_video_popup_in {
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 56px;
    }
    .tiktok_video_popup .close_btn {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
    }
    .tiktok_video_popup .video video {
        display: block;
        width: 100%;
    }
    
    /*** tip ***/
    .main2 .tip {
        background: #000;
    }
    .main2 .tip > .inner {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .main2 .tip .sec_tit {
        font-family: 'itc-avant-garde-gothic-pro';
        font-size: var(--px24);
        line-height: var(--fs_tit);
        font-weight: 500;
        color: #fff;
        letter-spacing: 0.34px;
        position: relative;
    }
    .main2 .tip .tip_item_w {
        margin-top: 16px;
    }
    .main2 .tip .tip_item_w .tip_item {
        display: flex;
        height: auto;
        padding: 0 1px;
    }
    .main2 .tip .tip_item_w .tip_item .item_box {
        position: relative;
        display: flex;
        flex-direction: column;
        height: auto;
        flex-grow: 1;
    }
    .main2 .tip .tip_item_w .tip_item .box_tit {
        flex-shrink: 0;
    }
    .main2 .tip .tip_item_w .tip_item .box_img {
        margin-top: 16px;
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
    }
    .main2 .tip .tip_item_w .tip_item .box_subtit {
        margin-top: 16px;
        font-size: 24px;
        line-height: var(--fs_tit);
        font-weight: 600;
        color: #fff;
    }
    .main2 .tip .tip_item_w .tip_item .box_desc {
        margin-top: 8px;
        font-size: 16px;
        line-height: var(--fs_tit);
        color: #e1e1e1;
    }
    .main2 .tip .tip_item_w .tip_item .box_desc b {
        font-weight: 700;
    }
    
    /* click */
    .main2 .tip .tip_item_w .tip_item.click .box_tit {
        width: 78px;
    }
    /* clip */
    .main2 .tip .tip_item_w .tip_item.clip .box_tit {
        width: 103px;
    }
    /* create */
    .main2 .tip .tip_item_w .tip_item.create .box_tit {
        width: 118px;
    }
    /* done */
    .main2 .tip .tip_item_w .tip_item.done .item_box {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_tit {
        width: 148px;
    }
    .main2 .tip .tip_item_w .tip_item.done .box_img2 {
        width: 120px;
        margin-right: 40px;
    }
    
    /*** banner ***/
    .main2 .banner > .inner {
        padding: 0;
    }
    .main2 .banner .banner_sw {
    
    }
    .main2 .banner .banner_sw .banner_item {
        position: relative;
    }
    .main2 .banner .banner_sw .banner_item a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .main2 .banner .banner_sw .banner_item .banner_img video {
        width: 100%;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 64%;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_tit {
        font-size: 16px;
        line-height: var(--fs_tit);
        font-weight: 700;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_desc {
        margin-top: 4px;
        font-size: 12px;
        line-height: var(--fs_tit);
    
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    
    .main2 .banner.banner2 {
        margin-top: 0;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt {
        max-width: 53%;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_tit {
        font-size: 20px;
    }
    .main2 .banner .banner_sw.type2 .banner_item .banner_txt .banner_desc {
        color: #000;
        margin-top: 8px;
    }
    
    .main2 .recommend > .inner {
        padding: 0;
    }
    .main2 .recommend .recommend_w .recomm_in {
        padding: 0 20px;
    }
    .main2 .recommend .recommend_w .recomm_label {
        margin-bottom: 8px;
        padding: 4px 12px;
        border-radius: 24px;
        background: var(--gradient2);
        font-size: 16px;
        letter-spacing: 0.35px;
        font-weight: 500;
        color: #fff;
        display: inline-block;
    }
    .main2 .recommend .recommend_w .recomm_tit {
        font-size: 20px;
        line-height: var(--fs_tit);
        letter-spacing: 0.35px;
        color: #121619;
        font-weight: 700;
        display: flex;
        flex-wrap: wrap;
        column-gap: 4px;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw {
        height: 48px;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw .title_item {
        background: var(--gradient2);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw .title_item b {
        font-weight: 700;
    }
    
    .main2 .recommend .recommend_w .recomm_cont .cg_sw {
        margin-top: 8px;
        padding: 0 20px;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination {
        margin-bottom: 16px;
        padding: 0 20px;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet {
        margin: 0 8px;
        padding: 8px 0;
        width: auto;
        height: auto;
        background: none;
        font-size: 16px;
        letter-spacing: 0.34px;
        font-weight: 600;
        border-bottom: 2px solid transparent;
        color: #000;
        border-radius: 0;
        opacity: 1;
        display: inline-block;
    }
    /*.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination.swiper-pagination-lock {*/
    /*    display: block;*/
    /*}*/
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet:first-child {
        margin-left: 0;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #000;
    }
    /*.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination .swiper-pagination-bullet:only-child {*/
    /*    display: inline-block !important;*/
    /*}*/
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item {
        background: #fff;
        height: auto;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item.swiper-slide-active {
        z-index: 1;
    }
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item .swiper {
        padding: 0 20px;
    }
    
    .main2 .recommend .recommend_w .recomm_cont .empty_pop {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 40px;
        width: 100vw;
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .inner {
        background-color: #fff;
        width: 100%;
        height: auto;
        padding: 16px 24px;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .txt {
        font-size: 14px;
        line-height: 1.37;
        letter-spacing: 0.35px;
        color: #121619;
        text-align: center;
    }
    .main2 .recommend .recommend_w .recomm_cont .empty_pop .btn {
        margin-top: 14px;
        text-align: center;
        font-weight: 600;
    }
    .main2 .recommend .recommend_w .recomm_cont .swiper-wrapper {
        /* padding-left: 20px; */
    }
    
    /*** popular ***/
    .main2 .recommend.popular.user .recommend_w .recomm_tit .title_sw {
        height: 24px;
        margin-right: 4px;
    }
    .main2 .recommend.popular.guest .recommend_w .recomm_tit .title_sw {
        height: 48px;
    }
    @media (max-width: 395px) {
        .en .main2 .recommend.popular.guest .recommend_w .recomm_tit .title_sw {
            height: 72px;
        }
        .en .main2 .recommend.popular.guest .recommend_w .recomm_tit .title_sw .title_item {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .en .main2 .recommend.similar .recommend_w .recomm_tit .title_sw {
            height: 72px;
        }
        .en .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
    }
    
    /*** similar ***/
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw {
        margin-left: 0;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item {
        text-align: left;
    }
    
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item {
        background: none;
        -webkit-text-fill-color: initial;
        text-align: left;
        margin: 0;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b,
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b .color,
    .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b {
        background: var(--gradient2);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b span {
        background: none;
        -webkit-text-fill-color: initial;
    }
    .en .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b {
        margin-right: 4px;
    }
    .ko .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b {
        display: block;
    }
    .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p,
    .en .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item p {
        margin-right: 4px;
    }
    .main2 .recommend.popular .recommend_w .recomm_tit .recomm_tit_f,
    .en .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p:nth-child(2) {
        display: flex;
        align-items: center;
    }
    .main2 .recommend.popular .recommend_w .recomm_tit .recomm_tit_f {
        white-space: nowrap;
    }
    /*** GUEST ***/
    .main2 .tiktok .tiktok_sw .tiktok_item .video.play .poster{
        display: block;
    }
    .main2 .tiktok .tiktok_sw .tiktok_item .video .poster{
        position: relative;
    }
    
    .main2 .tip .tip_item_w .tip_item{
        border-left:0px;
    }
    .main2 .tip .tip_item_w .tip_item{
        width:100%;
    }
    .main2 .tip .tip_item_w .tip_item .box_img img{
        height:auto;
    }
    .main2 .tip .tip_item_w {
        display: block; 
        align-items:normal; 
        height: auto;   
    }
    .main2 .banner .banner_sw .banner_item .banner_img .pc_img {
        display: block;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt .banner_tit{
        text-transform: none;
    }
    .main2 .banner .banner_sw .banner_item .banner_txt {
        margin-left: 0;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw.region_tit_sw {
        text-align: left;
        border-bottom: 0px solid #000;
    }
    .main2 .recommend .recommend_w .recomm_tit .title_sw.region_tit_sw .title_item {
        text-align: left;
    }

/* e:사용자재구축-모바일.css 취합 */
}
.swiper_w2_2 .sw_control {
    display:none;
}

.main2 .step1 .swiper_w2_2 .sw_control {
    display: flex;
}

/* s:사용자구축 */
.wrap.pc {padding-top:148px}
.swiper_w.active .swiper-custom-next .pd_sw_next_active, .swiper_w.active .swiper-custom-prev.pd_sw_next_active {display:block;}
.wrap.pc .main2 .step .curation_w .tab_cont .cont_item {overflow:hidden;}
.wrap.pc .main2 .step .curation_w .tab_cont .cont_item .pd_list_w {margin: 0 -0.62vw;overflow:hidden;}
.wrap.pc .main2 .recommend .cg_sw_in .pd_list_w .pd_list_in.desktop {display:flex;}
.wrap.pc .main2 .recommend .cg_sw_in .pd_list_w .swiper.mobile {display:none;}
.wrap.mobile_wrap .main2 .recommend .cg_sw_in .pd_list_w .pd_list_in.desktop {display:none;}
.wrap.mobile_wrap .main2 .recommend .cg_sw_in .pd_list_w .swiper.mobile {display:block;}
.wrap.pc .main2 .step .curation_w .more_btn {display:flex;}

/* s:사용자재구축 (passrim) 추가  */
/* 메인 유사제품 영역 PC와 mobile의 테그가 상의함으로 하나로 통일 */
.wrap .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b,
.wrap .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b .color {background: var(--gradient2);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* .wrap .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b {background:var(--gradient2_l_b);background-clip: text;} */
/* s:사용자재구축 추가 끝  */


@media (max-width: 768px) {
	.main2 .kv2 {
        margin-top: var(--px56) !important;
    }
	.main2 .kv2 .banner_w .banner_next,
	.main2 .kv2 .banner_w .banner_prev,
	.swiper_w2_2 .sw_control .swiper-custom-next,
	.swiper_w2_2 .sw_control .swiper-custom-prev,
	.swiper_w2_1 .sw_control .swiper-custom-prev,
	.swiper_w2_1 .sw_control .swiper-custom-next {display:none;}
	.wrap.mobile_wrap .main2 .step .curation_w .more_btn {display:none;}
	
	.wrap.mobile_wrap .main2 .step.step3 .cont_w {display:block;width:100%;}
	.wrap.mobile_wrap .main2 .step.step3 .txt {padding-right:0;width:100%;}
	.main2 .tiktok .tiktok_sw .tiktok_item .video video {display:none;}
	.main2 .tiktok .tiktok_sw .tiktok_item .video .poster {position:static;filter: none;}
	/*
	.main2 .tiktok .tiktok_sw .tiktok_item .video .poster img {display:none;}
	*/
	.tiktok_video_popup {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: #000;z-index: 10000;display: none;}
	.tiktok_video_popup .tiktok_video_popup_in {position: relative;width: 100%;height: 100%;padding-top: 56px;}
	.tiktok_video_popup .close_btn {display: block;position: absolute;right: 16px;top: 16px;}
	.tiktok_video_popup .video video {display: block;width: 100%;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item .sec_tit {padding:0;margin:0;font-family: 'itc-avant-garde-gothic-pro';font-size: var(--px24);line-height: var(--fs_tit);font-weight: 500;color: #fff;letter-spacing: 0.34px;position: relative;}
	
	.wrap.mobile_wrap .main2 .swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img, 
	.wrap.mobile_wrap .main2 .swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {width:100%;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item:last-child {border-right:none;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.click .item_box,
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.clip .item_box,
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.create .item_box,
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.done .item_box {padding:0;margin:0;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.click .box_tit {width: 78px;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.clip .box_tit {width: 103px;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.create .box_tit {width: 118px;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item.done .box_tit {width: 148px;}

	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item .box_img {height: auto;overflow: visible;transition: none;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w .tip_item .box_img img {display:block;max-width:100%;width:100%;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico,
	.wrap.mobile_wrap .main2 .tip .tip_item_w.swiper_w2 .sw_control .swiper-custom-next .arrow_ico {width:auto;height:auto;}
	.wrap.mobile_wrap .main2 .tip .tip_item_w.swiper_w2 .sw_control .swiper-custom-prev .arrow_ico img,
	.wrap.mobile_wrap .main2 .tip .tip_item_w.swiper_w2 .sw_control .swiper-custom-next .arrow_ico img {width: 100%;position: static;max-width:100%;}
	
	.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .tablet_img {display:block;}
	.wrap.mobile_wrap .main2 .banner .banner_sw .banner_item .banner_img .pc_img {display:none;}
	.wrap.mobile_wrap .main2 .recommend > .inner .recommend_w {padding:0;}
	
	.wrap.mobile_wrap .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item b.cg {margin:0;display:inline;}
	
	.tiktok_video_popup {display:none;}

	.wrap.mobile_wrap .recommend .recommend_w .recomm_cont .cg_sw .cg_sw_pagination {padding:0 20px;}
    
	
	
	.main2 .recommend.popular .recommend_w .recomm_tit .title_sw.region_tit_sw {margin: 0 5px;height: 28px;border-bottom: 3px solid #000;}
	
	.main2 .recommend.popular .recommend_w .recomm_tit .title_sw.region_tit_sw {height: 24px;margin: 0;border-bottom:0;}
	.main2 .recommend.popular .recommend_w .recomm_tit .recomm_tit_f .swiper_w {position: static;}
	
	.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item,
	.en .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item {display:block;}
	.main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item p,
	.en .main2 .recommend.guest .recommend_w .recomm_tit .title_sw .title_item p {display:block;margin-right:0;width:100%;}
	/* .ko .main2 .recommend.similar .recommend_w .recomm_tit .title_sw .title_item b {display:inline-block} */
	
    .main2 .recommend .recommend_w .recomm_cont .cg_sw {padding: 0;}
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item {padding: 0;}
	.main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item > .pd_list_w {padding:0 20px;width:100%;margin: 0;}
    .main2 .recommend .recommend_w .recomm_cont .cg_sw .cg_item > .pd_list_w .pd_list_in {padding: 0;overflow: visible;margin: 0 -4px;}
	
	
	.main2 .recommend.similar.cg_sw_in .pd_list_w .pd_list_in.disktop {display:none;}
	.main2 .recommend.similar.cg_sw_in .pd_list_w .swiper.mobile {display:block;}
	
	
	.wrap.mobile_wrap .main2 .step .curation_w .more_btn {display:none;}
	
	/* s:사용자재구축 (passrim) 추가  */
	.main2 .kv2 .banner_w .banner_item .banner_img.pc {display: none;}
	.main2 .kv2 .banner_w .banner_item .banner_img.mobile {display: block;}
	

	/* s:사용자재구축 추가 끝  */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}