@charset "utf-8";

.product .sec_banner {overflow:hidden; position:relative;}
.product .sec_banner .banner_slider .items {position:relative; display:inline-block}

.product .sec_banner .banner_slider .slick-dots {z-index:10; position:absolute; left:4.4vw; bottom:6.1vw; font-size:0;}
.product .sec_banner .banner_slider .slick-dots li {display:inline-block; margin-left:6px;}
.product .sec_banner .banner_slider .slick-dots li:first-child {margin-left:0}
.product .sec_banner .banner_slider .slick-dots li button {opacity:0.5; width:20px; height:3px; font-size:0; border:1px solid #000; border-radius:5px; transition: all 0.3s ease;}
.product .sec_banner .banner_slider .slick-dots li.slick-active button {opacity:1; width:45px; height:3px; background:#000}

.product .sec_banner .banner_slider .items .info_box {position:absolute;left:0;top:0;padding:9.7vw 4.16vw;width: 100%;}
.product .sec_banner .banner_slider .items .info_box .tit {font-family:'NotoSansM'; font-size:5.55vw; line-height:6.66vw}
.product .sec_banner .banner_slider .items .info_box .cont {width: 100%;font-family:'NotoSansL';font-size:4.16vw;line-height:5.55vw;margin-top:1.4vw;}
.product .sec_banner .banner_slider .items .info_box .cont {text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; overflow:hidden;}
.product .sec_banner .banner_slider .items .icon_arrow {display:none; position:absolute;left: 4.16vw;bottom: 10vw;width: 15.69vw;height:2.91vw;font-size:0;background:url(/static/m/img/product/icon_arrow.png) no-repeat;background-size:100% auto;}

.product .sec_product {padding-bottom:30px;}
.product .sec_product .prd_filter {position:relative; background:#f8f8f8}
.product .sec_product .prd_filter .filter_box {height:50px; line-height:49px; text-align:right; padding-right:17px}
.product .sec_product .prd_filter .filter_box .btn_filter {font-size:14px; padding-left:23px; background:url(/static/m/img/product/icon_filter.png) left center no-repeat; background-size:auto 10px}
.product .sec_product .prd_filter .filter_box .btn_filter span {font-size:0}

.product .sec_product .prd_filter .filter_search {display:none;position: relative;left:0;top: 0;width:100%;padding:10px 16px 0;background:#f8f8f8;}
.product .sec_product .prd_filter.on .filter_box .btn_filter {font-size:0;}
.product .sec_product .prd_filter.on .filter_box .btn_filter span {font-size:14px;}
.product .sec_product .prd_filter.on .filter_search {display:block;}

.product .sec_product .prd_filter .filter_search .radio_box {display:inline-block}
.product .sec_product .prd_filter .filter_search dl {padding:20px 0; border-top:1px solid #ddd}
.product .sec_product .prd_filter .filter_search dl:first-child {padding-top:0; border-top:0}
.product .sec_product .prd_filter .filter_search dl dt {font-family:'NotoSansR'; font-size:15px;}
.product .sec_product .prd_filter .filter_search dl dd {font-size:0;}
.product .sec_product .prd_filter .filter_search dl dd .radio_box {display:inline-block;min-width: 30%;margin-top:20px;margin-right: 3%;}

.product .sec_product .prd_filter .filter_search .btn_area {font-size:0; margin:0 -16px}
.product .sec_product .prd_filter .filter_search .btn_area button {display:inline-block; width:50%; height:49px; font-size:15px; line-height:48px; text-align:center;}
.product .sec_product .prd_filter .filter_search .btn_area .btn_prc_gray {background:#ddd}
.product .sec_product .prd_filter .filter_search .btn_area .btn_prc_black {color:#fff; background:#000}

.product .sec_product .prd_list {overflow:hidden; font-size:0; padding:0 4vw}
.product .sec_product .prd_list li {display:inline-block; width:50%; vertical-align:top; margin-bottom:30px}
.product .sec_product .prd_list li:nth-child(odd) {padding-right:1.2vw}
.product .sec_product .prd_list li:nth-child(even) {padding-left:1.2vw}
.product .sec_product .prd_list li .info {text-align:center; font-size:15px}
.product .sec_product .prd_list li .info .mark {height:16px; font-size:0; margin-top:10px}
.product .sec_product .prd_list li .info .mark span {display:inline-block; height:16px; line-height:15px; color:#fff; font-family:'NotoSansR'; font-size:11px; padding:0 7px; margin:0 2px}
.product .sec_product .prd_list li .info .mark span.new {background:#08bd95}
.product .sec_product .prd_list li .info .mark span.best {background:#d41111}
.product .sec_product .prd_list li .info .tit {font-family:'NotoSansL';font-size:13px; line-height:16px; margin-top:6px}
.product .sec_product .prd_list li .info .sub {color:#777; font-family:'NotoSansL';font-size:12px}


/* 제품상세 */
.product_detail {padding-top:30px}
.product_detail .kv .prod_top {text-align:center; margin:0 16px}
.product_detail .kv .prod_top .mark {display:inline-block; height:16px; color:#fff; font-family:'NotoSansR'; font-size:11px; line-height:15px; text-align:center; padding:0 7px}
.product_detail .kv .prod_top .mark.new {background:#08bd95}
.product_detail .kv .prod_top .mark.best {background:#d41111}
.product_detail .kv .prod_top .sub_tit {color:#777; font-family:'NotoSansL'; font-size:12px; margin-top:5px}
.product_detail .kv .prod_top .tit {font-family:'NotoSansB'; font-size:21px; margin-top:3px}
.product_detail .kv .prod_top .tag {font-family:'NotoSansL'; font-size:12px; margin-top:6px}

.product_detail .kv .prod_middle .prod_slider {margin:0 16px}
.product_detail .kv .prod_middle .prod_slider .swiper-slide {}

/* swiper custorm */
.product_detail .kv .swiper-container-horizontal>.swiper-scrollbar {position:static; width:40.5%; height:2px; border-radius:0; margin:0 auto; background:#dddddd;}
.product_detail .kv .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {cursor:pointer; border-radius:0; background:#000}

.product_detail .kv .prod_bottom {margin:20px 16px 0;}
.product_detail .kv .prod_bottom .prod_name { font-family:'NotoSansR'; font-size:12px; text-align:center;}
.product_detail .kv .prod_bottom .prod_name li {display:none}
.product_detail .kv .prod_bottom .prod_name li:first-child {display:block;}

.product_detail .kv .prod_bottom .prod_slider_nav {overflow:hidden;font-size:0;padding-top:20px;margin-left:-1.94vw;}
.product_detail .kv .prod_bottom .prod_slider_nav li {float:left;width:12.5%;}
.product_detail .kv .prod_bottom .prod_slider_nav li a {display:block; margin-left:1.94vw; margin-bottom:1.94vw; border:1px solid #dadada;}
.product_detail .kv .prod_bottom .prod_slider_nav li a.on {border:2px solid #000}
.product_detail .kv .prod_bottom .price_box {overflow:hidden ;margin:5px 0; padding-top:15px; border-top:1px solid #ddd;}
.product_detail .kv .prod_bottom .price_box .volume {float:left; font-family:'NotoSansL'; font-size:13px;}
.product_detail .kv .prod_bottom .price_box .price {float:right; font-family:'NotoSansR'; font-size:13px; text-align:right;}
.product_detail .kv .prod_bottom .btn_area {display: block;height:52px;}
.product_detail .kv .prod_bottom .btn_area .btn_black {display:block;width:100%;height:52px;line-height:51px;color:#fff;text-align:center;margin-top:15px;background:#000;}
.product_detail .kv .prod_bottom .btn_area .btn_black img {width:50px; vertical-align:middle}
.product_detail .kv .prod_bottom .btn_area.on .btn_black {z-index:10; position:fixed; left:0; bottom:0;}

.product_detail .sec_1 {margin:18px}

.product_detail .tab_menu_detail {width:100%;height: 42px;font-size:0;margin-top:15px;background:#fff;}
.product_detail .tab_menu_detail .tab_inner {z-index: 10;display:flex;width:100%;padding:0 16px;border-bottom: 1px solid #f0f0f0;background:#fff;}
.product_detail .tab_menu_detail .tab_inner.fix {position:fixed; left:0; top:0; transition:top 0.3s ease-out}
.product_detail .tab_menu_detail .tab_inner.fix.on {top:60px}
.product_detail .tab_menu_detail .tab_inner a {position:relative; display:block;width:50%;height: 42px;font-family:'NotoSansL';font-size:14px;text-align:center;padding-top: 10px;}
.product_detail .tab_menu_detail .tab_inner a.on {font-family:'NotoSansM';}
.product_detail .tab_menu_detail .tab_inner a.on:after {content:''; position:absolute; left:0; bottom:-1px; display:block; width:100%; height:1px; background:#000}

.product_detail .sec_2 {margin-top:22px}

.product_detail .sec_2 .prod_detail img {width: 100% !important; height: auto !important; max-width: 100%;}
.product_detail .sec_2 .prod_detail .youtube_box {position:relative; padding-top:56%;}
.product_detail .sec_2 .prod_detail .youtube_box iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.product_detail .sec_2 .prod_noti .noti_box {position:relative; background:#f8f8f8;}
.product_detail .sec_2 .prod_noti .noti_box p {position:absolute; left:0; top:0; font-family:'NotoSansR'; font-size:14px; line-height:44px; padding-left:16px}
.product_detail .sec_2 .prod_noti .noti_box a {position:relative; display:block; width:100%; height:45px; font-size:0;}
.product_detail .sec_2 .prod_noti .noti_box a:after {content:''; display:block; position:absolute; right:16px; top:50%; width:15px; height:9px; margin-top:-4px; background:url(/static/m/img/product/prod_noti_arrow.png) no-repeat; background-size:100% auto}
.product_detail .sec_2 .prod_noti .table_box {display:none; background:#fff;}
.product_detail .sec_2 .prod_noti .table_box table{color:#000;font-family:'NotoSansR';font-size:12px;border: 0 none;border-spacing: 0;border-collapse: collapse;}
.product_detail .sec_2 .prod_noti .table_box table tr{border-bottom:1px solid #dad8d7;line-height:15px;}
.product_detail .sec_2 .prod_noti .table_box table tr th {padding:7px 7px 7px 16px;}
.product_detail .sec_2 .prod_noti .table_box table tr td{font-size:12px; line-height:15px;padding: 7px 0 7px 10px;}

.product_detail .sec_2 .prod_noti.on .noti_box a:after {transform:rotate(180deg)}
.product_detail .sec_2 .prod_noti.on .table_box {display:block; text-align:left}

.product_detail .sec_2 .prod_review {padding:35px 16px}
.product_detail .sec_2 .prod_review .tit {font-size:20px}
.product_detail .sec_2 .prod_review .review_box {padding-bottom:20px; border-bottom:1px solid #f0f0f0}
.product_detail .sec_2 .prod_review .review_box .review_info .user_star {overflow:hidden; display:block; width:70px; height:13px; font-size:0; margin-top:16px; background:url(/static/m/img/product/ico_review_star.png) no-repeat; background-size:70px auto}
.product_detail .sec_2 .prod_review .review_box .review_info .user_star.star4 {width:55px}
.product_detail .sec_2 .prod_review .review_box .review_info .user_star.star3 {width:43px}
.product_detail .sec_2 .prod_review .review_box .review_info .user_star.star2 {width:28px}
.product_detail .sec_2 .prod_review .review_box .review_info .user_star.star1 {width:13px}

.product_detail .sec_2 .prod_review .review_box .review_info .user_id {display:inline-block; color:#999; font-family:'NotoSansL'; font-size:12px; margin-top:10px;}
.product_detail .sec_2 .prod_review .review_box .review_info .user_date {display:inline-block; color:#999; font-family:'NotoSansL'; font-size:12px; margin-top:10px; margin-left:15px}
.product_detail .sec_2 .prod_review .review_box .review_txt .txt_box {overflow:hidden;width:100%;font-family:'NotoSansL';height:19px;font-size:13px;margin-top:10px;}
.product_detail .sec_2 .prod_review .review_box .review_txt.on .txt_box {height:auto;}

.product_detail .sec_2 .prod_review .review_box .review_txt .btn_more {display:none; position:relative; width:22px; height:22px; font-size:0; margin-top:2px; background:#f0f0f0}
.product_detail .sec_2 .prod_review .review_box .review_txt .btn_more:after {content:'+'; display:block; font-family:'NotoSansL'; font-size:25px; position:absolute; left:0; top:0; width:100%; line-height:22px;}
.product_detail .sec_2 .prod_review .review_box .review_txt .btn_more:hover {background:#000}
.product_detail .sec_2 .prod_review .review_box .review_txt .btn_more:hover:after {color:#fff;}
.product_detail .sec_2 .prod_review .review_box .review_txt.on .btn_more:after {content:'-';}

.product_detail .sec_2 .prod_review .review_box .review_img {overflow:hidden; width:90px; height:90px; margin-top:12px;}

.product_detail .sec_2 .prod_rec {padding:16px}
.product_detail .sec_2 .prod_rec .tit {font-family:'NotoSansB'; font-size:20px}
.product_detail .sec_2 .prod_rec .prod_slider_rec {padding-bottom:55px}
.product_detail .sec_2 .prod_rec .prod_slider_rec .swiper-slide {}
.product_detail .sec_2 .prod_rec .prod_slider_rec .swiper-slide .name {font-family:'NotoSansL'; font-size:13px; text-align:center;}

.product_detail .sec_2 .prod_rec .prod_slider_rec .swiper-pagination-bullet {opacity:1; border:1px solid #000; background:#fff}
.product_detail .sec_2 .prod_rec .prod_slider_rec .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000}

.product_detail .footer {padding-bottom:52px}
.product_detail .footer {bottom:51px}

.layer_popup {left:11.1vw;width: 77.7vw;margin-top:10%; border:0; background:#fff;}
.layer_popup .layer_cont {padding:0;}
.layer_popup .layer_cont .img_box {overflow:hidden;position:relative;width: 77.7vw;height:77.7vw;background:#000;}
.layer_popup .layer_cont .img_box img {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%) scale(1.05);}
.layer_popup .layer_cont .info_box {text-align:center;padding:16px 10% 30px;}
.layer_popup .layer_cont .info_box .tag {font-size:18px}
.layer_popup .layer_cont .info_box .cont {font-size:12px; margin-top:20px}
.layer_popup .layer_cont .info_box .btn_black {display:inline-block; width:57px; height:19px; font-size:0; margin-top:30px; background:url(../img/sns/btn_more.png) no-repeat; background-size:100% auto;}

.layer_popup .btn_arrow {position:absolute; right:-11.1vw; top:0; width:11.1vw; height:100%; font-size:0; background:url(../img/sns/slide_arrow.png) 50% 50% no-repeat; background-size:3vw auto}
.layer_popup .btn_arrow.btn_prev {left:-11.1vw; right:auto; transform:rotate(180deg);}
.layer_popup .btn_arrow.btn_next {right:-11.1vw;}
.layer_popup .btn_close {top:-28px; width:21px; height:21px;}
.layer_popup .btn_close:before, .layer_popup .btn_close:after {background:#fff}