﻿@charset "utf-8";

/* --- shopping :: 제품목록 --- */
.shopping .tab-type_02{margin-top:25px;}

.pd_list_wrap .board_header-type_01{border-bottom:0; padding: 0 0 4px 0}
.pd_list_wrap .list_area .list_wp >ul{overflow:hidden;}
.pd_list_wrap .list_area .list_wp >ul >li{width:50%; float:left;}
.pd_list_wrap .list_area .list_wp >ul >li:nth-child(odd) .product_info-type01{padding-right:10px;}
.pd_list_wrap .list_area .list_wp >ul >li:nth-child(odd) .product_info-type01 .product-btn_area{right:10px;}
.pd_list_wrap .list_area .list_wp >ul >li:nth-child(even) .product_info-type01{padding-left:10px;}
.pd_list_wrap .list_area .list_wp >ul >li:nth-child(even) .product_info-type01 .product-btn_area{left:10px;}
.pd_list_wrap .list_area .list_wp >ul >li:nth-child(even) .product-label{left:20px;}

.pd_list_wrap .list_area .list_wp ul li .product_info-type01{box-sizing:border-box; padding-bottom:18px}
.pd_list_wrap .list_area .list_wp ul li .product_info-type01 .product-info_area{height:60px;}
.pd_list_wrap .list_area .list_wp ul li .product_info-type01 .product-info_area .name{margin:11px 0 0 0}
.pd_list_wrap .list_area .list_wp ul li .product_info-type01 .product-info_area .name a strong{color:#777777; font-size:0.923em; font-weight:normal; line-height:140%}

.pd_list_wrap .list_area .list_wp >ul.sort_type02{margin-bottom:20px;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li{width:100%; float:none; border-bottom:1px solid #999; padding:10px 0}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01{padding:0}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-label{left:90px; top:5px; right:auto;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-label span{display:inline-block;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-img{float:left; width:80px; height:80px; max-width:80px; margin:0}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-info_area{padding:25px 40px 10px 90px; text-align:left; height:auto; min-height:45px;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-info_area .name{margin:0}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area{position:absolute; right:0; top:14px; margin-top:0; left:auto;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul{display:block;}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul li{float:none; margin:0}
.pd_list_wrap .list_area .list_wp >ul.sort_type02 >li .product_info-type01 .product-btn_area ul li.interest{margin-bottom:10px;}


.pd_list_wrap .list_area .list_wp >ul.sort_type03 >li{float:none; width:100%}
.pd_list_wrap .list_area .list_wp >ul.sort_type03 .product_info-type01{padding:0 0 18px !important}
.pd_list_wrap .list_area .list_wp >ul.sort_type03 .product_info-type01 .product-info_area{height:auto;}

.pd_list_wrap .sort_list{float: left;}
.pd_list_wrap .sort_list ul{overflow: hidden; margin-left: 15px;}
.pd_list_wrap .sort_list ul li{float: left; margin-left: 12px; width: 16px; height: 16px;}
.pd_list_wrap .sort_list ul li:first-child{margin-left: 0;}
.pd_list_wrap .sort_list ul li a{display: block; width: 100%; height: 100%; background: url('../images/product/sort_list.png') no-repeat; background-size: 73px 32px;}
.pd_list_wrap .sort_list ul li:nth-child(1) a{background-position: 0px top; -webkit-transition:all .5s;}
.pd_list_wrap .sort_list ul li:nth-child(2) a{background-position: -28.5px top; -webkit-transition:all .5s;}
.pd_list_wrap .sort_list ul li:nth-child(3) a{background-position: -57px top; -webkit-transition:all .5s;}
.pd_list_wrap .sort_list ul li.active:nth-child(1) a{background-position: 0px bottom;}
.pd_list_wrap .sort_list ul li.active:nth-child(2) a{background-position: -28.5px bottom;}
.pd_list_wrap .sort_list ul li.active:nth-child(3) a{background-position: -57px bottom;}

/* --- shopping :: 제품별항목 셀렉트 --- */
.p_type_select_wrap{position:relative; z-index:99; background-color:#fff;}
.p_type_select_wrap .sub_title a{padding-right:24px; position:relative;}
.p_type_select_wrap .sub_title a:after{content:''; position:absolute; right:0; top:8px; background:url(../images/shopping/icon_select_arr.png) 0 0 no-repeat; background-size:13px 7px; width:13px; height:7px;}
.p_type_select_wrap .sub_title a.open:after{transform:rotate(180deg);}
.p_type_select_wrap .list{height:0px; overflow:hidden;}
.p_type_select_wrap .list ul{border-top:1px solid #999999; padding-bottom:30px;}
.p_type_select_wrap .list ul li{border-bottom:1px solid #e1e1e1}
.p_type_select_wrap .list ul li a{position:relative; color:#555555; font-size:1em; display:block; padding:10px 0 13px 16px;}
.p_type_select_wrap .list ul li a:after{content:''; position:absolute; right:15px; top:14px; background:url(../images/shopping/icon_select_arr01.png) 0 0 no-repeat; width:7px; height:12px; background-size:100%}
.select_fixed .p_type_select_wrap .sub_title{position:fixed !important; left:0; right:0;}
.select_fixed .p_type_select_wrap .list{position:fixed; top:119px; left:0; right:0; background:#fff; height:0px; overflow:hidden;}


/* --- shopping :: 제품상세 --- */
.product .view .view-info .info_product_view .p_img{position:relative; margin-left:-20px; right:-10px;}
.product .view .view-info .info_product_view .p_img img{width:100%}
.product .view .view-info .product-label{margin-bottom:5px;}
.product .view .view-info .product-label span{display:inline-block; margin-bottom:0; width:65px; height:25px; line-height:25px;}
.product .view .view-info .product-label span.p_label-ts{width:90px;}
.product .view .view-info .product-label span em{font-size:1.2em;}
.product .view .view-info .info_detail{}
.product .view .view-info .info_detail .text_info{margin-bottom:20px;}
.product .view .view-info .info_detail .text_info .title strong{color:#555555; font-size:1.692em; color:#555555; font-weight:normal; line-height:130%}
.product .view .view-info .p_info{margin-top:15px; overflow:hidden;}
.product .view .view-info .p_info dl{color:#767676;}
.product .view .view-info .p_info dt{font-weight:bold; float:left;color:#767676; font-size:0.923em; margin-bottom:7px; min-height:16px; clear:both; margin-right:2px}
.product .view .view-info .p_info dd{color:#767676; font-size:0.923em; float:left; margin-bottom:7px; line-height:16px; min-height:16px; margin-top:1px;}

.product .thumb_view{margin-bottom:15px;}
.product .thumb_view .v_layer{position:absolute; left:60px; right:60px; top:10%; z-index:3; display:none; border:1px solid #f5ebd5;}
.product .thumb_view .v_layer .img img{width:100%;}
.product .thumb_view .v_layer .btn_close{position:absolute; right:15px; top:15px}
.product .thumb_view .v_layer .btn_close img{width:15px; height:15px;}
.product .thumb_view .thumg_list{text-align:center;}
.product .thumb_view .thumg_list ul li{border:1px solid #e9ebea; width:39px; height:39px; display:inline-block; cursor:pointer; margin:0 3px;}
.product .thumb_view .thumg_list ul li img{width:100%; height:100%;}

.pd_recommend{margin-top:40px;}
.pd_recommend .recommend_view{overflow:hidden; height:0px;}
.pd_recommend .recommend_view .pd_list_wrap{margin-top:20px; padding:0 20px; position:relative;}
.pd_recommend .recommend_view .swiper-container{margin: 0 auto; position: relative; overflow: hidden; z-index: 1;}
.pd_recommend .recommend_view .swiper-slide{display: block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative; float: none;}
.pd_recommend .recommend_view .swiper-slide .product_info-type01 .product-img{max-width:100%}
.pd_recommend .recommend_view .swiper-slide img{width:100%}

.pd_recommend .recommend_view .arr{background:url(../images/shopping/icon_swiper_arr01.png) no-repeat; width:13px; height:24px; background-size:26px 24px; top:30%}
.pd_recommend .recommend_view .arr.swiper-button-prev{background-position:0 0; left:0px; }
.pd_recommend .recommend_view .arr.swiper-button-next{background-position:100% 0; right:0px}


/* -- shopping :: product map -- */
.product_map_wrap{}							
.product_map_wrap .product_tab{margin:0 10px 22px;}
.product_map_wrap .product_tab .swiper-container {width: 100%;}
.product_map_wrap .product_tab .swiper-wrapper{z-index:11;}
.product_map_wrap .product_tab .swiper-slide{color:#555555; font-size:1em; width:auto; outline:none;-webkit-tap-highlight-color:transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;}
.product_map_wrap .product_tab .swiper-slide a{display:block; padding:4px 0; color:#767676;}
.product_map_wrap .product_tab .swiper-slide.active a{color:#555555}
.product_map_wrap .product_tab .swiper-slide.active:after{content:''; position:absolute; left:0; width:100%; bottom:3px; height:1px; background-color:#555555}
.product_map_wrap .product_tab .arr{background:#fff url(../images/shopping/icon_pd_map_arr.png) no-repeat; z-index:19; opacity:1; background-size:26px 24px; width:13px; height:24px; top:2px; margin:0}
.product_map_wrap .product_tab .swiper-button-prev{background-position:0 0; left:0;}
.product_map_wrap .product_tab .swiper-button-next{background-position:100% 0; right:0}
.product_map_cont .product_map_list{border:1px solid #e1e1e1;}
.product_map_cont .product_map_list:nth-child(1) .p_tit{border-top:1px solid #e1e1e1}
.product_map_cont .product_map_list .p_tit{border-bottom:1px solid #e1e1e1; text-align:center; background-color:#fafafa; padding:10px 0 13px;}
.product_map_cont .product_map_list .p_tit h2{color:#555555; font-size:1.231em; font-weight:normal;}
.product_map_cont .product_map_list .p_list ul{overflow:hidden; margin-bottom:-1px;}
.product_map_cont .product_map_list .p_list ul:after{content:''; background-color:#e1e1e1; height:1px; left:0; width:100%; bottom:0; position:absolute;}
.product_map_cont .product_map_list .p_list ul li{float:left; width:33.3%; border-bottom:1px solid #e1e1e1; background-color:#fff;}
.product_map_cont .product_map_list .p_list ul li a{display:block; padding:10px 10px 20px; position:relative;}
.product_map_cont .product_map_list .p_list ul li a:after{content:''; background-color:#e1e1e1; position:absolute; right:0; top:0; bottom:0; width:1px;}
.product_map_cont .product_map_list .p_list ul li a .img img{width:100%}
.product_map_cont .product_map_list .p_list ul li:nth-child(3n) a:after,
.product_map_cont .product_map_list .p_list ul li:nth-child(3n) .no_data:after{display:none;}
.product_map_cont .product_map_list .p_list ul li p{text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  color:#767676; font-size:0.846em; line-height:150%; padding:6px 5px 0; min-height:32px;}
.product_map_cont .product_map_list .p_list ul li .no_data{background:url(../images/shopping/bg_product_map_df.png) 50% 0 no-repeat; background-size:100% 100%; padding:10px 10px 20px; position:relative;}
.product_map_cont .product_map_list .p_list ul li .no_data:after{content:''; background-color:#e1e1e1; position:absolute; right:0; top:0; bottom:0; width:1px;}
.product_map_cont .product_map_list .p_list ul li .no_data img{width:100%;}


/* -- shopping :: best seller -- */
.best_seller_wrap .best_seller_cont{margin-top:10px;}
.best_seller_wrap .best_seller_cont:first-child{margin-top:0}
.best_seller_wrap .best_seller_item img{width:100%}
.best_seller_wrap .best_seller_info{text-align:center; padding:18px 10px 35px}
.best_seller_wrap .best_seller_info h2{color:#555555; font-size:1.538em; margin-bottom:20px;}
.best_seller_wrap .best_seller_info strong{color:#555555; font-size:1.154em; line-height:130%; margin-bottom:9px; display:block;}
.best_seller_wrap .best_seller_info .txt{color:#767676; font-size:0.923em}
.best_seller_wrap .best_seller_info .btn-type_02{width:98px; background-color:transparent; margin-top:29px;}


/* -- 제품상세 공유 -- */
.share_box {padding:12px 0 0 0;border-top:1px solid #000;}
.share_box dl {overflow:hidden;padding:0 0 13px 0;}
.share_box dt {float:left;padding:0 12px 0 8px;}
.share_box dd {float:right;padding-right:10px;}
.share_box dd a {display:inline-block;width:23px;margin-left:3px;}
.share_box dd a img {width:23px;}
.share_box del {}
.share_box em {font-size:1.2em;font-weight:bold;}