@charset "utf-8";

.product {padding-top:80px}
.product .inner_contents {width:1200px; margin:0 auto;}
.product .inner_contents .sec_banner {position:relative}
.product .inner_contents .sec_banner .banner_slider {overflow:hidden; width:1200px; height:400px}
.product .inner_contents .sec_banner .banner_slider .items {position:relative;display:inline-block;outline:0;}

.product .inner_contents .sec_banner .banner_slider .slick-dots {z-index:10; position:absolute; left:99px; bottom:50px; font-size:0;}
.product .inner_contents .sec_banner .banner_slider .slick-dots li {display:inline-block; margin-left:6px;}
.product .inner_contents .sec_banner .banner_slider .slick-dots li:first-child {margin-left:0}
.product .inner_contents .sec_banner .banner_slider .slick-dots li button {position:relative; opacity:0.5; width:50px; height:20px; font-size:0;}
.product .inner_contents .sec_banner .banner_slider .slick-dots li button:after {content:''; position:absolute; left:0; bottom:8px; display:block; width:100%; height:3px; border:1px solid #000; border-radius:5px; transition: all 0.3s ease;}
.product .inner_contents .sec_banner .banner_slider .slick-dots li.slick-active button {opacity:1; width:90px; height:20px;}
.product .inner_contents .sec_banner .banner_slider .slick-dots li.slick-active button:after {content:''; position:absolute; left:0; bottom:8px; display:block; width:100%; height:3px; background:#000}

.product .inner_contents .sec_banner .info_box {position:absolute; left:100px; top:108px;}
.product .inner_contents .sec_banner .info_box .tit {color:#000; font-size:36px;}
.product .inner_contents .sec_banner .info_box .cont {color:#000; font-family:"NotoSansL"; font-size:20px; margin-top:30px;}
.product .inner_contents .sec_banner .info_box .icon_arrow {display:none; width:92px; height:10px; font-size:0; margin-top:50px; background:url(../img/product/icon_arrow.png) no-repeat}

.product .inner_contents .sec_product {margin-top:64px;}
.product .inner_contents .sec_product .prd_filter {position:relative; width:100%;}
.product .inner_contents .sec_product .prd_filter .filter_box {height:95px; text-align:right; padding:36px 60px 0 0; background:#f8f8f8}
.product .inner_contents .sec_product .prd_filter .filter_box .btn_filter {color:#000; font-family:"NotoSansL"; font-size:18px; padding-left:35px; background:url(../img/product/icon_filter.png) left center no-repeat; outline:none}
.product .inner_contents .sec_product .prd_filter .filter_box .btn_filter span {position:relative; display:inline-block; width:48px; height:27px; font-size:0; vertical-align:top; text-align:left; margin-left:10px; border-radius:20px; padding:2px; background:#b4b4b4}
.product .inner_contents .sec_product .prd_filter .filter_box .btn_filter span:after {content:''; display:inline-block; width:23px; height:23px; border-radius:100%; background:#fff;}

.product .inner_contents .sec_product .prd_filter .filter_search {display:none;position: relative;left:0;top:100%;width:100%;padding-left:60px;background:#f8f8f8;}
.product .inner_contents .sec_product .prd_filter .filter_search dl {position:relative;margin-top:45px;}
.product .inner_contents .sec_product .prd_filter .filter_search dl:after {content:''; display:block; clear:both}
.product .inner_contents .sec_product .prd_filter .filter_search dl:first-child {margin-top:0;}
.product .inner_contents .sec_product .prd_filter .filter_search dl dt {position:absolute; left:0; top:19px; font-family:"NotoSansR"; font-size:20px;}
.product .inner_contents .sec_product .prd_filter .filter_search dl dd {padding-left:133px;}
.product .inner_contents .sec_product .prd_filter .filter_search dl dd .radio_box {display: block;float: left;width:162px;margin-top:19px;}
.product .inner_contents .sec_product .prd_filter .filter_search dl dd label {font-size:16px; font-family:"NotoSansL";}
.product .inner_contents .sec_product .prd_filter .filter_search dl dd label {position:relative;padding-left:26px;/* background:red; */display:block;}
.product .inner_contents .sec_product .prd_filter .filter_search dl dd label:before {content:'';position:absolute;left:0;top: 4px;display:block;width: 16px;height: 16px;border-radius:100%;border:1px solid #acacac;margin-top: 0;}



.product .inner_contents .sec_product .prd_filter .filter_search .btn_area {font-size:0; text-align:right; padding:60px 50px}

.product .inner_contents .sec_product .prd_filter.on .filter_box .btn_filter span {text-align:right; background:#434343}
.product .inner_contents .sec_product .prd_filter.on .filter_search {display:block;}

.product .inner_contents .sec_product .prd_list {overflow:hidden; margin-top:60px;}
.product .inner_contents .sec_product .prd_list li {float:left; width:25%; height:464px;}
.product .inner_contents .sec_product .prd_list li .img {overflow:hidden; width:270px; height:270px; margin:0 auto}
.product .inner_contents .sec_product .prd_list li .img img {width:100%;}
.product .inner_contents .sec_product .prd_list li .info {margin-top:23px}
.product .inner_contents .sec_product .prd_list li .info .mark {width:100%; height:21px; font-size:0; text-align:center;}
.product .inner_contents .sec_product .prd_list li .info .mark span {display:inline-block; height:21px; color:#fff; font-size:12px; line-height:20px; margin:0 3px; padding:0 10px;}
.product .inner_contents .sec_product .prd_list li .info .mark span.new {background:#08bd95}
.product .inner_contents .sec_product .prd_list li .info .mark span.best {background:#d41111}
.product .inner_contents .sec_product .prd_list li .info .tit {color:#000; font-family:'NotoSansL'; font-size:16px; text-align:center; margin-top:5px;}
.product .inner_contents .sec_product .prd_list li .info .sub {color:#a0a0a0; font-family:'NotoSansL'; font-size:15px; text-align:center; margin-top:8px;}

/* 제품 상세 */
.product_detail {padding-top:88px;}
.product_detail .kv {width:100%; height:500px;}
.product_detail .kv .prod_left {width:342px; text-align:center; padding:0 15px;}
.product_detail .kv .prod_left .mark {display:inline-block; width:44px; height:21px; color:#fff; font-size:12px; line-height:21px; background:#da339a;}
.product_detail .kv .prod_left .sub_tit {font-family:'NotoSansL'; font-size:16px; margin-top:6px}
.product_detail .kv .prod_left .tit {font-family:'NotoSansB'; font-size:34px; line-height:48px;}
.product_detail .kv .prod_left .tag {font-family:'NotoSansL'; font-size:18px; margin-top:36px}

.product_detail .kv .prod_middle {width:500px;}
.product_detail .kv .prod_middle .prod_slider {width:500px; height:533px; font-size:0; padding-bottom:33px;}
.product_detail .kv .prod_middle .prod_slider .swiper-slide {display:inline-block; width:100%;}
.product_detail .kv .prod_middle .prod_slider .swiper-slide img {width:100%;}
/* swiper custorm */
.product_detail .swiper-container-horizontal>.swiper-scrollbar {left:162px; bottom:5px; width:192px; height:2px; border-radius:0; background:#dddddd;}
.product_detail .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag {cursor:pointer; border-radius:0; background:#000}
.product_detail .swiper-button-next, 
.product_detail .swiper-button-prev {top:auto; bottom:0; left:50%; width:10px; height:14px; font-size:0; background:url(../img/product/prod_slider_arrow.png) no-repeat}
.product_detail .swiper-button-next {margin-left:118px;}
.product_detail .swiper-button-prev {transform: rotate(180deg); margin-left:-112px;}
.product_detail .swiper-button-next:after, 
.product_detail .swiper-button-prev:after {display:none;}


.product_detail .kv .prod_right {width:358px; padding-left:16px;}
.product_detail .kv .prod_right .price_box {overflow:hidden; width:100%; padding-bottom:20px; border-bottom:1px solid #eee}
.product_detail .kv .prod_right .price_box .volume {float:left; width:50%}
.product_detail .kv .prod_right .price_box .price {float:right; width:50%; text-align:right}
.product_detail .kv .prod_right .prod_name {font-family:'NotoSansR'; font-size:15px; text-align:right; margin-top:26px;}
.product_detail .kv .prod_right .prod_name li {display:none}
.product_detail .kv .prod_right .prod_name li:first-child {display:block}

.product_detail .kv .prod_right .prod_slider_nav {overflow:hidden; margin-top:44px; margin-left:-6px;}
.product_detail .kv .prod_right .prod_slider_nav li {float:left; width:52px; height:52px; margin:0 0 6px 6px;}
.product_detail .kv .prod_right .prod_slider_nav li a {display:block; width:52px; height:52px; border:1px solid #d5d5d5}
.product_detail .kv .prod_right .prod_slider_nav li a.on {border:2px solid #000}
.product_detail .kv .prod_right .prod_slider_nav li img {width:100%}
.product_detail .kv .prod_right .btn_black {width:100%; margin-top:93px}


/* [s] section */
.section .inner{width:1200px;height: 100%;margin:0 auto;position: relative;}
.section.sec_1{z-index:10; position:relative; padding-top: 120px;}
.section.sec_1 .prod_banner img {width:100%}

.section.tab_menu_detail {height:57px; margin-top: 80px;}
.section.tab_menu_detail .tab_inner{border-bottom:1px solid #ebebeb;z-index:3;width: 100%; height:57px; text-align:center;background: #fff;}
.section.tab_menu_detail .tab_inner.fix{position:fixed;top: 136px;left:0;margin-top:0;}
.section.tab_menu_detail .tab_inner a{display:inline-block; height:57px; color:#000;font-family:'NotoSansL';font-size:18px;line-height:57px;position:relative;padding:0 45px; margin-left:12px;}
.section.tab_menu_detail .tab_inner a:first-child{margin-left:0}
.section.tab_menu_detail .tab_inner a.on {font-family:'NotoSansM'; border-bottom:2px solid #000}

/* 왼쪽 영역 */
.section.sec_2{margin-bottom: 160px;}
.section.sec_2 .inner::after{content:'';clear:both;display:block;height: 100%;}
.section.sec_2 .sec_left{width: 890px;position: relative;height: 100%;}
.section.sec_2 .sec_left .prod_detail{width:750px; padding:80px 0; margin:0 auto;}
.section.sec_2 .sec_left .prod_detail iframe {width:750px; min-height:422px}
.section.sec_2 .sec_left .prod_detail img {width:100%; height: auto !important; max-width: 100%;}


.section.sec_2 .sec_left .prod_noti {width:842px;}
.section.sec_2 .sec_left .prod_noti .noti_box{font-size:20px;line-height:70px;border-bottom:1px solid #000;position: relative;text-align: left; padding-left:30px; background:#f6f6f6} 
.section.sec_2 .sec_left .prod_noti .noti_box a{position:absolute;top:50%;right:32px;width: 25px;height: 15px; font-size:0; margin-top:-7px; background:url(../img/product/prod_noti_arrow.png) no-repeat} 
.section.sec_2 .sec_left .prod_noti.on .noti_box a{transform: rotate(180deg);} 

.section.sec_2 .sec_left .prod_noti .tabel_box {text-align:left;display:none;}
.section.sec_2 .sec_left .prod_noti.on .tabel_box{display:block;}
.section.sec_2 .sec_left .prod_noti .tabel_box table{color:#000;font-family:'NotoSansR';font-size:16px;border: 0 none;border-spacing: 0;border-collapse: collapse;}
.section.sec_2 .sec_left .prod_noti .tabel_box table tr{border-bottom:1px solid #dad8d7;line-height:64px;}
.section.sec_2 .sec_left .prod_noti .tabel_box table tr.line_two{line-height:32px;}
.section.sec_2 .sec_left .prod_noti .tabel_box table tr:last-child{border-bottom:3px solid #6d635f;}
.section.sec_2 .sec_left .prod_noti .tabel_box table tr th {padding-left:6px}
.section.sec_2 .sec_left .prod_noti .tabel_box table tr td{font-size:14px; line-height:26px;padding: 14px 0;}

.section.sec_2 .sec_left .prod_review{width:842px; padding-top:40px;position: relative;}
.section.sec_2 .sec_left .prod_review .tit {font-family:'NotoSansB';font-size:36px; padding-bottom:40px;}

.section.sec_2 .sec_left .prod_review .review_box{position:relative; border-bottom:1px solid #f0f0f0;}
.section.sec_2 .sec_left .prod_review .review_box .review_info{position:absolute; left:0; top:0; width:124px; height:160px; line-height:22px;margin-bottom:12px;font-size:14px; padding-right:20px;}
.section.sec_2 .sec_left .prod_review .review_box .review_info .user_star{margin-right:17px;}
.section.sec_2 .sec_left .prod_review .review_box .review_info .user_id{display:block; color:#999; font-family:'NotoSansL'; font-size:14px;margin-top:5px;}
.section.sec_2 .sec_left .prod_review .review_box .review_info .user_date{display:block; color:#999; font-family:'NotoSansL'; font-size:14px; margin-top:2px;}
.section.sec_2 .sec_left .prod_review .review_box .review_txt{height:160px; font-size:16px;font-family:'NotoSansL';line-height:26px; padding:0 110px 0 124px;}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .table_cell {padding:20px 0}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .txt_box {overflow:hidden; height:48px;}
.section.sec_2 .sec_left .prod_review .review_box .review_txt.on .txt_box {height:auto}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .btn_more {display:none; position:relative; width:26px; height:26px; font-size:0; background:#f0f0f0}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .btn_more:after {content:'+'; display:block; font-size:25px; position:absolute; left:0; top:0; width:100%; line-height:26px;}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .btn_more:hover {background:#000}
.section.sec_2 .sec_left .prod_review .review_box .review_txt .btn_more:hover:after {color:#fff;}
.section.sec_2 .sec_left .prod_review .review_box .review_txt.on .btn_more:after {content:'-';}

.section.sec_2 .sec_left .prod_review .review_box .review_img {position:absolute; right:0; top:0; width:100px; height:160px;}
.section.sec_2 .sec_left .prod_review .review_box .review_img img {width:100%;}

.section.sec_2 .sec_left .prod_rec {padding-top:100px}
.section.sec_2 .sec_left .prod_rec .tit {font-family:'NotoSansB'; font-size:36px;}
.section.sec_2 .sec_left .prod_rec .sub_tit {font-family:'NotoSansL'; font-size:18px; margin-top:10px}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec {margin-top:30px; padding-bottom:60px;}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-slide {width:33.3%}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-slide a {color:#000}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-slide .img img {width:100%}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-slide .name {font-family:'NotoSansL'; font-size:16px; text-align:center;}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-pagination {bottom:0; margin-top:50px}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-pagination .swiper-pagination-bullet {opacity:1; width:10px; height:10px; border:1px solid #000; margin:0 5px; background:#fff}
.section.sec_2 .sec_left .prod_rec .prod_slider_rec .swiper-pagination .swiper-pagination-bullet-active {background:#000}

/* 오른쪽 고정 영역 */
.section.sec_2 .sec_right{height: 100%;position: absolute;top: 0;width: 310px;right: 0;}
.section.sec_2 .sec_right .fix_box {width:310px; border:1px solid #ebebeb; margin-top:-1px;}
.section.sec_2 .sec_right .fix_box.fix{position:fixed;top: 192px;bottom: auto;}
.section.sec_2 .sec_right .fix_box.on{position: absolute;top: auto;bottom: 0;}
.section.sec_2 .sec_right .fix_box .prod_txt {text-align:center; padding:40px 34px 0 36px;}
.section.sec_2 .sec_right .fix_box .prod_txt .tit{color:#000;font-family:'NotoSansB';font-size:23px; line-height:32px;}
.section.sec_2 .sec_right .fix_box .prod_name {margin-top:15px;}
.section.sec_2 .sec_right .fix_box .prod_name ul{position:relative;}
.section.sec_2 .sec_right .fix_box .prod_name ul li{display:none;color:#000;font-family:'NotoSansL';font-size:15px;line-height:24px;background:#fff;}
.section.sec_2 .sec_right .fix_box .prod_name ul li:first-child{display:block;}

.section.sec_2 .sec_right .fix_box .prod_slider_fix{width:240px;height:240px;margin-top: 35px;display:block;position:relative;background:#fff;overflow: hidden;}
.section.sec_2 .sec_right .fix_box .prod_slider_fix .swiper-slide{display:inline-block;width:240px;height:240px;outline:none;background:#fff;cursor: pointer;}
.section.sec_2 .sec_right .fix_box .prod_slider_fix img{width:100%;}


.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav {padding:0 34px 0 36px; margin-top:30px; margin-left:-6px}
.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav li {display:inline-block;font-size:0;margin-left: 5px;position: relative;}
.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav li:last-child {margin-right:0;}
.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav li a{overflow:hidden; position:relative;display: block; width:52px; height:52px;}
.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav li a img {width:100%; border:1px solid #d5d5d5}
.section.sec_2 .sec_right .fix_box ul.prod_slider_fix_nav li a.on {border:2px solid #000}

.section.sec_2 .sec_right .fix_box .price_box {overflow:hidden; font-size:16px; margin:49px 19px 0; padding-top:20px; border-top:1px solid #eee}
.section.sec_2 .sec_right .fix_box .price_box .volume {float:left; font-family:'NotoSansL';}
.section.sec_2 .sec_right .fix_box .price_box .price {float:right; font-family:'NotoSansR';}
.section.sec_2 .sec_right .fix_box .btn_area {font-size:0; margin:28px 19px 0; padding-bottom:19px}
.section.sec_2 .sec_right .fix_box .btn_area a {width:100%;}
/* [e] section */

#popup_photo {position:absolute; left:50%; top:10%; width:740px; height:690px; margin-left:-370px; margin-top:3%; background:#fff}
#popup_photo .layer_cont {overflow:hidden; width:100%; height:690px; text-align:center; background:#fff;}
#popup_photo .layer_cont .title {position:absolute;  left:0; top:-60px; font-family:'NotoSansR'; color:#fff; font-size:30px}
#popup_photo .layer_cont .img_box {overflow:hidden; position:absolute; left:50%; top:50%; width:530px; margin-left:-265px; transform:translateY(-50%)}
#popup_photo .layer_cont img {max-width:100%}
#popup_photo .btn_arrow {position:absolute; left:-95px; top:50%; width:81px; height:81px; margin-top:-40px; border-radius:100%; background:#000;}
#popup_photo .btn_arrow:after {content:''; position:absolute; left:50%; top:50%; display:block; width:24px; height:24px; border-left:2px solid #fff; margin:-12px 0 0 -6px; border-bottom:2px solid #fff; transform:rotate(45deg)}
#popup_photo .btn_arrow.btn_next {left:auto; right:-95px; transform:rotate(-180deg)}

#popup_photo .btn_close {position:absolute; right:0; top:-54px; width:34px; height:34px; font-size:0;}
#popup_photo .btn_close:before,
#popup_photo .btn_close:after {content:'';position:absolute;left:0;top:50%;display:block;width:40px;height:2px;margin-top:-1px;background:#fff;}
#popup_photo .btn_close:before {transform:rotate(45deg)}
#popup_photo .btn_close:after {transform:rotate(-45deg)}


/* en fix */
html[lang="en"] .product .inner_contents .sec_product .prd_filter .filter_search dl dd .radio_box {width:auto;min-width:190px;margin-right: 20px;}
html[lang="en"] .section.sec_2 .sec_right .fix_box .price_box {margin-bottom:20px;}
html[lang="en"] .product_detail .kv .prod_right .prod_slider_nav {margin-top:90px;}