﻿/*영역타이틀*/
.main_title {padding:60px 20px 10px;}
.main_title.center {text-align:center;}
.main_title h3 {margin-bottom:10px; font-size:26px; font-weight:var(--f_semibold);}
.main_title p {font-size:14px;line-height:1.4}
/*.main_title .a_right {margin-top:10px;}*/
/*.main_title .a_right button {position:relative; display:inline-block; padding:0 2px; font-size:12px; font-weight:var(--f_medium); border-bottom:1px solid var(--c_black);}*/
.main_title .sns_icon {margin-bottom:9px; text-align:var(--a_center);}

/*서브 배너 리스트*/
/*.sub_bnr_list.paddingLR {padding:0 20px;}
.sub_bnr_list li + li {margin-top:20px;}
.sub_bnr_list img {width:100%;}
.collage:after {content:""; display:block; clear:both;}
.collage li {width:calc((100% - 8px)/2); float:left; margin:0;}
.collage li + li  {margin-top:4px;}
.collage li:first-child {width:100%;}
*/
.sub_bnr_list.paddingLR {padding:0 20px;}
.sub_bnr_list li + li {margin-top:20px;}
.sub_bnr_list img {width:100%;}
.sub_bnr_list .collage:after {content:""; display:block; clear:both;}
.sub_bnr_list .collage li {width:calc((100% - 4px)/2); float:left; margin:0;}
.sub_bnr_list .collage li + li  {margin-top:4px;}
.sub_bnr_list .collage li:first-child {width:100% !important;}

/* 서브 슬라이드 */
/* 띠배너 슬라이드 */
.sub_bnr .slick-dots {display:flex;align-items:center;justify-content:center; gap:5px;margin-top:12px;}
.sub_bnr .slick-dots li button{font-size:0;display:inline-block;width:6px;height:6px; background-color:#eee;border-radius:100%;}
.sub_banner_txt_slide .slick-dots {display:flex;align-items:center;justify-content:center; gap:10px;margin-top:15px;}
.sub_banner_txt_slide .slick-dots li button{font-size:0;display:inline-block;width:8px;height:8px; background-color:#eee;border-radius:100%;}
.sub_banner_txt_slide.slick-slide img{width:100%;}
/* 큰이미지 슬라이드*/
.sub_banner_big_slide {margin:0 auto;padding:40px 0;}
.sub_banner_big_slide .slick-track {display:flex;}
.sub_banner_big_slide .slick-slide {float:none;}
.sub_banner_big_slide .slide-content-overlay {overflow:hidden;transition:transform 0.3s ease;transform:scale(0.93);}
.sub_banner_big_slide .slide-content-overlay img {width:100%;display:block;}
.sub_banner_big_slide .slick-center .slide-content-overlay {transform:scale(1.01);z-index:2;}
.sub_banner_big_slide li {opacity:0.5;transition:opacity 0.3s ease;}
.sub_banner_big_slide .slick-center {opacity:1;overflow:hidden}

/* 텍스트 슬라이드 */
.sub_banner_txt_slide{padding:0 20px}
.sub_banner_txt_slide li {position:relative;overflow:hidden;}
.sub_banner_txt_slide img {width:100%;display:block;}
.sub_banner_txt_slide .txt_overlay {position:relative;top:20px;color:#000;padding:0 0 20px}
.sub_banner_txt_slide .txt_overlay span,.sub_banner_txt_slide .txt_overlay p {display:block; opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.sub_banner_txt_slide .txt_overlay span {font-size:18px;transition-delay:0.2s;font-weight:600;}
.sub_banner_txt_slide .txt_overlay p {font-size:14px;transition-delay:0.5s;}
.sub_banner_txt_slide .slick-active .txt_overlay span,
.sub_banner_txt_slide .slick-active .txt_overlay p {opacity:1;transform:translateY(0);margin-top:10px;}
/*.sub_bnr .txt_slide .slick-dots li button{background-color:#64422D}
.sub_bnr .txt_slide .slick-dots .slick-active button{background-color:#FF8E47}*/
.sub_banner_rounded {border-radius:20px;}

/*동영상썸네일 영역*/
.main_video.paddingLR {padding:0 20px;}
.main_video .video.rounded {overflow:hidden; border-radius:20px;}
.main_video .thumb {position:relative;}
.main_video .thumb:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/contents/module/images/ic_play.svg)no-repeat center center;}
.main_video .thumb img {width:100%;}
.main_video .txt {display:flex; flex-direction:column; align-items:center; gap:4px; padding:11px 20px;}
.main_video .txt .title {font-size:14px; font-weight:600; color:#fff; text-align:center; width:100%; overflow:hidden; line-height:1; text-overflow:ellipsis; white-space:nowrap;}
.main_video .txt .sub_title {font-size:12px; color:#fff; text-align:center;}
.main_video .slick-dots {display:flex;align-items:center;justify-content:center; gap:5px;margin-top:12px;}
.main_video .slick-dots li button{font-size:0;display:inline-block;width:6px;height:6px; background-color:#eee;border-radius:100%;}
.main_video .slick-dots .slick-active button{background-color:#222;}
/*동영상팝업*/
.video_popup {display:none;}
.video_popup .bg {position:absolute; max-width:750px; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.video_popup .content {display:flex; position:fixed; top:0; max-width:750px; width:100%; height:100%; justify-content:center; align-items:center; flex-direction: column; z-index:11;}
.video_popup .a_right {width:100%;}
.video_popup .youtube_wrap {position:relative; width:calc(100% - 30px); padding-bottom:50%;}
.video_popup .youtube_wrap iframe {position:absolute; width:100%; height:100%;}

/*메인리뷰*/
.main_review {background:#fff;padding:0 20px;}
.main_review .prd_infobox {display:flex; gap:10px; padding:15px 15px 6px 15px;align-items:center; }
.main_review .prdimg_box {position:relative; width:95px;}
.main_review .prdimg_box:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.2);border-radius:10px;}
.main_review .prdimg_box img {width:100%; border-radius:10px;}
.main_review .prdtit {width:calc(100% - 108px);}
.main_review .prdtit p {overflow:hidden; font-size:16px; font-weight:500; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; font-weight:bold}
.main_review .starpoint_box {position:relative; display:inline-block; background:url(/contents/module/images/star_none.png)no-repeat 0 0; font-size:0; font-size:0; background-size:auto 26px; margin-top:10px;}
.main_review .starpoint_box .starpoint_bg {display:block; position:absolute; top:0; left:0; height:20px; background:url(/contents/module/images/star_none.png)0 -13px no-repeat; background-size:auto 26px;}
.main_review .star_score {font-weight:var(--f_medium); color:var(--c_dark);margin-top:10px;}
.main_review .blind {position:absolute; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px; overflow:hidden;}
.main_review .label_star {display:inline-block; width:7px; height:13px;}
.main_review .label_star.on:nth-of-type(1) ~ .starpoint_bg {width:7px;}
.main_review .label_star.on:nth-of-type(2) ~ .starpoint_bg {width:13px;}
.main_review .label_star.on:nth-of-type(3) ~ .starpoint_bg {width:21px;}
.main_review .label_star.on:nth-of-type(4) ~ .starpoint_bg {width:27px;}
.main_review .label_star.on:nth-of-type(5) ~ .starpoint_bg {width:35px;}
.main_review .label_star.on:nth-of-type(6) ~ .starpoint_bg {width:42px;}
.main_review .label_star.on:nth-of-type(7) ~ .starpoint_bg {width:49px;}
.main_review .label_star.on:nth-of-type(8) ~ .starpoint_bg {width:56px;}
.main_review .label_star.on:nth-of-type(9) ~ .starpoint_bg {width:63px;}
.main_review .label_star.on:nth-of-type(10) ~ .starpoint_bg {width:70px;}
.main_review .data_review_content_wrap {width:100%; padding : 0 15px 0 15px;}
.main_review .prd_txt{font-weight:500;font-size:13px;line-height:20px;max-height:46px;overflow:hidden; text-overflow:ellipsis; display:-webkit-inline-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;opacity:0.7;}
.main_review .reviewer_info {display:flex; margin-top:3px;opacity:0.3;}
.main_review .reviewer_info .usr_id {position:relative; padding-right:11px; margin-right:8px;}
/*.main_review .reviewer_info .usr_id:after {content:""; display:block; position:absolute; top:2px; right:0; width:1px; height:13px; background:rgba(0,0,0,.1);}*/
.main_review .data_review_score {margin:6px 2px 0;color:inherit;opacity:0.6;}
.main_review .review_txt,.review_txt  {color:#545454; font-size:14px; overflow:hidden; text-overflow:ellipsis; /*display:-webkit-box;*/ -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; width:100%;}
.main_review .flag_best:before,.flag_best:before {content:""; display:inline-block; margin:-2px 3px 0 0; width:38px; height:18px; background:url(/newsrp/contents/images/img/ic_best.svg)no-repeat 0 0; vertical-align:middle;}
.main_review ul li{margin-bottom:10px;}
.main_review ul.rounded {border-radius:20px;}

/*인스타그램*/
.main_instagram {margin:20px 0 30px; padding:0 15px;}
.main_instagram ul {position: relative; display: flex; flex-wrap: wrap; gap: 4px;}
.main_instagram ul li {background:#fff; width:calc((100% - 12px) / 3);}
.main_instagram ul li img {width:100%;}
.main_instagram.loading ul:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7) url(/contents/module/images/loading.gif)no-repeat 50% 50%;}

/*메인팝업*/
.popup_layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:200;}
.popup_layer .layer_bg {position:absolute; width:100%; height:100%; max-width:750px; left:50%; top:0; margin-left:-2px; transform:translateX(-50%); background:rgba(42, 43, 47, .5);}
.popup_layer .pop {position:absolute; width:100%; max-width:750px; left:50%; bottom:0; margin-left:-2px;  transform:translateX(-50%); width:100%; transition:all .3s;}
.popup_layer .pop .slide {position:relative; width:100%; height:771px; background:#000; border-radius:15px 15px 0 0; overflow:hidden;}
.popup_layer .pop .slide div {height:100%;}
.popup_layer .pop .slide p {width:100%; height:100%;}
.popup_layer .pop .slide a {text-align:center; vertical-align:middle;}
.popup_layer .pop .slide p img {width:100%; object-fit:contain;}
.popup_layer .pop .slide p.w100 img  {width:100%; vertical-align:middle;}
.popup_layer .pop .slide p.h100 img {height:100%; vertical-align:middle;}
.popup_layer .pop .slide .slick-dots {position:absolute; bottom:50px; text-align:center; width:100%;}
.popup_layer .pop .slide .slick-dots li {display:inline-block; width:20px; height:20px; margin:0 7.5px; border-radius:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); text-indent:-9999px; transition:all .2s; cursor:pointer;}
.popup_layer .pop .slide .slick-dots li.slick-active {width:40px; border-radius:15px; background:#494f5c; box-shadow:0 0 5px rgba(255,255,255,.6);}
.popup_layer .pop_bott {display:flex; align-items:center; height:45px; background:#494f5c;}
.popup_layer .pop_bott p {flex-grow:1; text-align:center;}
.popup_layer .pop_bott input {display:none;}
.popup_layer .pop_bott label {display:inline-block; padding-left:30px; height:24px; background:url(/contents/module/images/ic_check.svg)no-repeat 0 0; background-size:contain; font-size:16px; color:#fff; cursor:pointer; letter-spacing:-.35px;}
.popup_layer .pop_bott input:checked + label {display:inline-block; padding-left:30px; height:24px; background:url(/contents/module/images/ic_checked.svg)no-repeat 0 0; background-size:contain; font-size:16px; color:#fff;}
.popup_layer .pop_bott button {height:100%; flex-shrink:0; width:36.3%; border-left:1px solid #212327; font-size:16px; color:#fff;}
.popup_layer .pop_bott button img {vertical-align:middle;}

/*프로필*/
.main_profile .profile_kakao {position:relative; display:flex; align-items:end; width:var(--w_full); height:auto; padding-bottom:50%;  box-sizing:border-box;}
.main_profile .profile_kakao > .dp_flex {justify-content:space-between; width:var(--w_full); position:absolute; bottom:20px; padding:0 10px;}
.main_profile .profile_kakao .sns_box {display:flex; gap:8px;}
.main_profile .profile_kakao .sns_box .shop_profile {overflow:hidden; width:40px; height:40px; border-radius:50%;}
.main_profile .profile_kakao .sns_box .shop_profile img {width:100%;}
.main_profile .profile_kakao .sns_box p {margin-top:2px; font-size:12px;}
.main_profile .sns_url {display:flex; gap:10px;}
.main_profile .profile_insta {padding-top:15px;}
.main_profile .profile_insta .shop_profile {width:80px; height:80px; margin:0 auto; border-radius:50%; overflow:hidden;}
.main_profile .profile_insta .shop_state {display:flex; justify-content:center; gap:15px; padding:15px 0 10px;border-bottom:1px solid #d1d1d1;}
.main_profile .profile_insta .shop_state li {text-align:center;}
.main_profile .profile_insta .shop_state em {font-size:18px; font-weight:bold; }
.main_profile .profile_insta .shop_state span {display:block; font-size:12px; }
.main_profile .profile_insta .sns_url {padding:10px 10px 15px; border-top:1px solid #d1d1d1;}
.main_profile .profile_insta .shop_intro {padding:12px 0 30px; text-align:center;border-bottom:1px solid #d1d1d1;}
.main_profile .profile_insta .shop_intro p {font-size:14px; line-height:1;}
.main_profile .profile_insta .shop_intro a {display:block; margin-top:12px; font-size:14px; color:#2F9D9C;}

/* 아이콘 카테고리*/
.icon_menu {padding:40px 20px 60px; background:#fff;}
.icon_menu .icon_wrap {display:flex; flex-wrap:wrap; gap:10px; row-gap:20px; margin:0 auto;}
.icon_menu .icon_wrap li {text-align:center; width:calc((100% - 30px)/4);}
.icon_menu .icon_wrap li a {font-size:12px; color:#222;}
.icon_menu .icon_wrap .img {display:flex; justify-content:center; align-items:center; max-width:110px; width:100%; height:auto; margin:0 auto; overflow:hidden; margin-bottom:6px }
.icon_menu .icon_wrap .img img {width:clamp(45px,100%,80px);}
.icon_menu .icon_wrap.col5 li {width:calc((100% - 40px)/5);}

.sns_icon {padding: 10px;}
.sns_icon_wrap {display:flex; gap:10px;}
.sns_icon_wrap li {display:inline-block;}
/*메인 배너*/

/*카테고리*/
.view_category {width:100%; overflow:hidden; }
.view_category ul {display:flex; height:100%; width:1800px;}
.view_category li {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 15px; width:auto; }
.view_category li span {font-size:16px; font-weight:700; }
.view_category li em {font-size:14px; font-weight:400; }

/* 하단메뉴 */
/*.menu_bar {display:flex; background:#fff;}
.menu_bar li {width:25%; height:85px; padding-top:15px; text-align:center;}
.menu_bar li a {font-size:12px; color:#000;}
.menu_bar li img {margin-bottom:4px;}
.talk_bar {display:flex; justify-content:space-between; align-items:center; padding:6px 15px; background:#fff; border-top:1px solid #DFDFDF;}
.talk_bar .shop_name {font-size:12px; color:#222;}
.talk_bar .shop_name em {font-weight:600; color:#0BC1CC;}
.talk_bar .btn {display:flex; align-items:center; gap:5px;}
.talk_bar .btn a:first-child {margin-right:5px;}*/

@media(max-width:750px) {
    /* 메인팝업 */
    .popup_layer .pop .slide .slick-dots {bottom:10px;}
    .popup_layer .pop .slide .slick-dots li {margin:0 3px; width:10px; height:10px;}
    .popup_layer .pop .slide .slick-dots li.slick-active {width:30px; border-radius:6px;}
}

@media screen and (max-width:540px) {
    .main_review .prdimg_box img {
        width: 65px;
        height: 65px;
    }

    .main_review .prdimg_box {width : 65px;}
    .main_review .starpoint_box {margin-top:5px;}
    .main_review .data_review_score {margin:1px 2px 0;color:inherit;opacity:0.6;}
}