@charset "utf-8";

/*
  Project _ CSS Init
  FileName _ sub.css - (신규 서브 영역)
  Author _ 쮸양~★
  Date _ 2026. 02. 08
  Last _ 
*/


body {overflow:hidden;}

#header {background:rgba(255,255,255,1); border-bottom:1px solid #ddd; box-shadow:0 0 8px rgb(0 0 0 / 10%);}
#header.header_over {background:rgba(255,255,255,1);}
.topMenuBox .topRight li a {color:#666;}
/******************************************************************************************************************************************
	subContents CSS (서브컨텐츠 시작) - 쮸양~★
*******************************************************************************************************************************************/
#subContents {position: relative; display: inline-block; width: 100%; padding-top:100px; overflow:hidden;}

.conBg_gray {background:#fafafa; width:100%; display:inline-block; padding:50px 0px;}

.b_dot1 {position:relative;}
.b_dot1 >li {position:relative; font-size:var(--font-size-body); line-height:1.6; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; text-align:left; padding-left:20px;}
.b_dot1.li_mb10 >li {margin-bottom:10px;}
.b_dot1 >li >.tit {color:var(--font-color-tit); font-size:var(--font-size-body);}
.b_dot1 >li >.stxt {color:#585858; font-size:var(--font-size-body);}
.b_dot1 >li::before {content:"\e92c"; display:block; font-family:xeicon; position:absolute; top:0px; left:0px;}
.b_dot1 >li >.tit::after {content:':'; display:inline-block; margin-left:5px; margin-right:5px;}
.b_dot1 >li >.txtBox p {font-size:var(--font-size-stxt); color:var(--font-color-body);}

.s_dot1 {position:relative;}
.s_dot1 >li {position:relative; font-size:var(--font-size-stxt); color:var(--font-color-body); padding-left:20px; line-height:1.6; text-align:left;}
.s_dot1 >li >.tit {color:var(--font-color-tit); font-size:var(--font-size-stxt);}
.s_dot1 >li >.stxt {color:#585858; font-size:var(--font-size-stxt);}
.s_dot1 >li::before {content:"\ea15"; display:block; font-family:xeicon; position:absolute; top:0px; left:0px;}
.s_dot1 >li >.tit::after {content:':'; display:inline-block; margin-left:5px; margin-right:5px;}
.s_dot1 >li >.txtBox p {font-size:15px; color:var(--font-color-body);}

.s_dot2 {position:relative;}
.s_dot2 >li {position:relative; font-size:15px; color:var(--font-color-body); padding-left:15px; line-height:1.5; text-align:left;}
.s_dot2 >li >.tit {color:var(--font-color-tit); font-size:15px;}
.s_dot2 >li >.stxt {color:#585858; font-size:15px;}
.s_dot2 >li::before {content:"\e93f"; display:block; font-family:xeicon; position:absolute; top:0px; left:0px;}
.s_dot2 >li >.tit::after {content:':'; display:inline-block; margin-left:5px; margin-right:5px;}
.s_dot2 >li >.txtBox p {font-size:15px; color:var(--font-color-body);}

/******************************************************************************************************************************************
	subGoods CSS (상품소개)
*******************************************************************************************************************************************/
.subGoods {position:relative; background:#fff; width:95%; max-width:1600px; margin:0px auto; padding: 50px 0px;}
.subGoods .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.subGoods .titleBox .tit span {color:#111;}
.subGoods .titleBox .stxt {font-size: var(--font-size-h5);}
.subGoodsBox {position:relative; width:100%; margin:50px auto; z-index:10;}
.subGoodsBox .tit {font-size:calc(0.8rem + 0.6vw); line-height:1.8; font-weight:600; color:#111; letter-spacing:-0.05em; text-align:left; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.subGoodsBox p {text-align:left; color:#959595;}
.subGoodsBox .money {display:flex; justify-content:space-between;}
.subGoodsBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.subGoodsBox .money .txt_one {color:#111; font-size:18px;}
.subGoodsBox .money .txt_per {color:#84b53b; text-decoration:line-through; text-align:right; font-size:18px;}

.subGoods {position:relative; width:100%; height:100%; text-align: center;}

/* 페이징 컨트롤러 */
.subGoods .control { display:none;}
.subGoods .control .paging {display:inline-block;}
.subGoods .control .paging span {display:inline-block; font-size:17px; color:#242424 }
.subGoods .control .paging span.current {color:#087a9f;}
.subGoods .control .paging span.line {margin:0 8px 0 4px;}

.subGoods .subGoodsBox { z-index:10;}
.subGoods .subGoodsBox .slick-list {width:100%;}
.subGoods .subGoodsBox .slick-slide {margin:0 8px;}

.subGoodsBox button {text-indent:-9999px; border:none; padding:0px 0px; margin-top:0px; border-radius:100px; position:absolute; top:140px; z-index:10;}
.subGoodsBox button.slick-prev {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; left:-20px;}
.subGoodsBox button.slick-next {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; transform:rotate(180deg); right:-20px;}

.subGoods .subGoodsBox .marketList-item { position:relative;}
.subGoods .subGoodsBox .marketList-item a {display:block; position: relative; width:340px; height:330px; z-index:1;}
.subGoods .subGoodsBox .marketList-item a:before {display:block; opacity:0; position:absolute; z-index: 1;left:0;top:0;content:'';width:100%;height:100%;background: rgba(0,0,0,.2) url(../images/common/icon_picBg2.png)no-repeat center 40%; transition:all 0.3s; -webkit-transition:all 0.3s; border-radius:var(--box-radius-photo); background-size:50px;}
.subGoods .subGoodsBox .marketList-item a:hover:before,
.subGoods .subGoodsBox .marketList-item a:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.subGoods .subGoodsBox .marketList-item .picBox {position:relative; display:block;position: relative; width:100%; height:100%; background-position:center;background-size:cover;}
.subGoods .subGoodsBox .marketList-item .picBox .tagBox {position:absolute; top:10px; left:20px; display:block;}
.subGoods .subGoodsBox .marketList-item .picBox .tagBox span {background:#ff7a27; padding:3px 10px; border-radius:15px 5px; color:#fff; font-size:11px; margin-right:5px;}
.subGoods .subGoodsBox .marketList-item .picBox .tagBox .icon_hot {}
.subGoods .subGoodsBox .marketList-item .picBox .tagBox .icon_best {background:#ff4141;}

.subGoods .subGoodsBox .marketList-item .picBox img {width:100%; height:100%; object-fit:cover; border-radius:var(--box-radius-photo);}
.subGoods .subGoodsBox .marketList-item .picBox img:before {background: rgba(0,0,0,.5) url(../images/common/icon_picBg2.png)no-repeat center 40%;}

.subGoods .subGoodsBox .marketList-item .picBox .txtBox {position:absolute; bottom:0px; right:0px; display:block; border-radius:var(--box-radius-txt); padding:10px 30px; color:var(--font-color-white); background:rgba(0,0,0,0.5);}

.subGoods .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.subGoods .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}

.subGoods .slick-list:focus {outline: 0;}
.subGoods .slick-list.dragging {cursor: pointer;}
.subGoods .slick-slider .slick-list,
.subGoods .slick-slider .subGoods .slick-track {-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.subGoods .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}
.subGoods .slick-track:after,.subGoods .slick-track:before {display: table; content: ''}
.subGoods .slick-track:after {clear: both}
.subGoods .slick-loading .slick-track {visibility: hidden}
.subGoods .slick-slide {display: none; float: left; height: 100%; min-height: 1px; margin: 0px 20px;}
[dir=rtl] .slick-slide {float: right}
.subGoods .slick-slide img {display: block;}
.subGoods .slick-slide.slick-loading img {display: none}
.subGoods .slick-slide.dragging img {}
.subGoods .slick-initialized .slick-slide {display: block}
.subGoods .slick-loading .slick-slide {visibility: hidden}
.subGoods .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
.subGoods .slick-arrow.slick-hidden {display: none}
/*# sourceMappingURL=slick.min.css.map */
.subGoods .slick-slide img {display: block; width: 100%; height: auto;}


@media(max-width:460px) {
	.subGoodsBox { margin:20px auto 0px auto;}
	.subGoods { padding:30px 0px;}
}


/* 상품리스트 */
.listGoods {position:relative; background:#fff; width:95%; max-width:1600px; margin:0px auto; padding-bottom:50px;}
.listGoods .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.listGoods .titleBox .tit span {color:#111;}
.listGoods .titleBox .stxt {font-size: var(--font-size-h5);}
.listGoodsBox {position:relative; width:100%; display:flex; flex-wrap:wrap; margin:50px auto; z-index:10;}
.listGoodsBox .tit {font-size:calc(0.8rem + 0.6vw); line-height:1.8; font-weight:600; color:#111; letter-spacing:-0.05em; text-align:left; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.listGoodsBox p {text-align:left; color:#959595;}
.listGoodsBox .money {display:flex; justify-content:space-between;}
.listGoodsBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.listGoodsBox .money .txt_one {color:#111; font-size:18px;}
.listGoodsBox .money .txt_per {color:#84b53b; text-decoration:line-through; text-align:right; font-size:18px;}

.listGoods {position:relative; width:100%; height:100%; text-align: center;}
.listGoods .listGoodsBox .marketList-item {width:calc(100% / 4 - 30px); margin:15px 15px;}

/* 페이징 컨트롤러 */
.listGoods .control { display:none;}
.listGoods .control .paging {display:inline-block;}
.listGoods .control .paging span {display:inline-block; font-size:17px; color:#242424 }
.listGoods .control .paging span.current {color:#087a9f;}
.listGoods .control .paging span.line {margin:0 8px 0 4px;}

.listGoods .listGoodsBox { z-index:10; display:block;}
.listGoods .listGoodsBox .slick-list {width:100%;}
.listGoods .listGoodsBox .slick-slide {margin:0 8px;}

.listGoodsBox button {text-indent:-9999px; border:none; padding:0px 0px; margin-top:0px; border-radius:100px; position:absolute; top:140px; z-index:10;}
.listGoodsBox button.slick-prev {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; left:-20px;}
.listGoodsBox button.slick-next {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; transform:rotate(180deg); right:-20px;}


.listGoodsBox .jscroll-inner {display: flex; flex-wrap: wrap; gap: 0px;}
.listGoodsBox .jscroll-added {display: flex; flex-wrap: wrap; width: 100%;}


.listGoods .listGoodsBox .marketList-item { position:relative;}
.listGoods .listGoodsBox .marketList-item a {display:block; position: relative; width:100%; height:330px; z-index:1;}
.listGoods .listGoodsBox .marketList-item a:before {display:block; opacity:0; position:absolute; z-index: 1;left:0;top:0;content:'';width:100%;height:100%;background: rgba(0,0,0,.2) url(../images/common/icon_picBg2.png)no-repeat center 40%; transition:all 0.3s; -webkit-transition:all 0.3s; border-radius:var(--box-radius-photo); background-size:50px;}
.listGoods .listGoodsBox .marketList-item a:hover:before,
.listGoods .listGoodsBox .marketList-item a:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.listGoods .listGoodsBox .marketList-item .picBox {position:relative; display:block;position: relative; width:100%; height:100%; background-position:center;background-size:cover;}
.listGoods .listGoodsBox .marketList-item .picBox .tagBox {position:absolute; top:10px; left:20px; display:block;}
.listGoods .listGoodsBox .marketList-item .picBox .tagBox span {background:#ff7a27; padding:3px 10px; border-radius:15px 5px; color:#fff; font-size:11px; margin-right:5px;}
.listGoods .listGoodsBox .marketList-item .picBox .tagBox .icon_hot {}
.listGoods .listGoodsBox .marketList-item .picBox .tagBox .icon_best {background:#ff4141;}

.listGoods .listGoodsBox .marketList-item .picBox img {width:100%; height:100%; object-fit:cover; border-radius:var(--box-radius-photo);}
.listGoods .listGoodsBox .marketList-item .picBox img:before {background: rgba(0,0,0,.5) url(../images/common/icon_picBg2.png)no-repeat center 40%;}

.listGoods .listGoodsBox .marketList-item .picBox .txtBox {position:absolute; bottom:0px; right:0px; display:block; border-radius:var(--box-radius-txt); padding:10px 30px; color:var(--font-color-white); background:rgba(0,0,0,0.5);}

.listGoods .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.listGoods .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}

.listGoods .slick-list:focus {outline: 0;}
.listGoods .slick-list.dragging {cursor: pointer;}
.listGoods .slick-slider .slick-list,
.listGoods .slick-slider .listGoods .slick-track {-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.listGoods .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}
.listGoods .slick-track:after,.listGoods .slick-track:before {display: table; content: ''}
.listGoods .slick-track:after {clear: both}
.listGoods .slick-loading .slick-track {visibility: hidden}
.listGoods .slick-slide {display: none; float: left; height: 100%; min-height: 1px; margin: 0px 20px;}
[dir=rtl] .slick-slide {float: right}
.listGoods .slick-slide img {display: block;}
.listGoods .slick-slide.slick-loading img {display: none}
.listGoods .slick-slide.dragging img {}
.listGoods .slick-initialized .slick-slide {display: block}
.listGoods .slick-loading .slick-slide {visibility: hidden}
.listGoods .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
.listGoods .slick-arrow.slick-hidden {display: none}
/*# sourceMappingURL=slick.min.css.map */
.listGoods .slick-slide img {display: block; width: 100%; height: auto;}


@media(max-width:460px) {
	.listGoodsBox { margin:20px auto 0px auto;}
	.listGoods { padding:30px 0px;}
}


/******************************************************************************************************************************************
	totalMenuBox CSS (탭메뉴)
*******************************************************************************************************************************************/
.tabMenuBox {position:relative; max-width:1600px; width:95%; margin:0px auto;}
.subDeps_list {display:flex; flex-wrap:wrap; border-bottom:1px solid #222; padding-bottom:10px;}
.subDeps_list li { width:calc(100% / 7 - 20px); margin:0px 10px;}
.subDeps_list li a {width:100%; display:block; border:1px solid #ddd; padding:7px 20px; font-size:18px; background:#fafafa; text-align:center; border-radius:20px 7px;}
.subDeps_list li.on a {background:#016745; color:#fff; border-color:#016745;}

.subDeps_list02 {display:flex; flex-wrap:wrap; background:#fafafa; border-bottom:1px solid #ddd; padding:10px; justify-content:center;}
.subDeps_list02 li {padding:0px 20px;}
.subDeps_list02 li.on a {color:#016745;}

.totalMenuBox {position:relative; max-width:1600px; width:95%; margin:10px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.totalBox span { color:#666; font-size:15px;}
.totalBox .txt_num {color:#016745; margin:0px 5px;}
.totalBox select {height:38px; min-width:200px; border:1px solid #ddd; padding:5px 10px; font-size:15px;}


/******************************************************************************************************************************************
	포토리뷰 CSS (포토리뷰)
*******************************************************************************************************************************************/
.reviewPhoto {position:relative; background:#fff; width:100%; display:inline-block; padding: 50px 0px;}
.reviewPhoto .titleBox { margin-bottom:30px;}
.reviewPhoto .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.reviewPhoto .titleBox .tit span {color:#111;}
.reviewPhoto .titleBox .stxt {font-size: var(--font-size-h5);}
.reviewBox {position:relative; width:100%; margin:0px auto; z-index:10;}
.reviewBox .tit {font-size:calc(0.8rem + 0.6vw); line-height:1.8; font-weight:600; color:#111; letter-spacing:-0.05em; text-align:left; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.reviewBox p {text-align:left; color:#959595; font-size:18px;}
.reviewPhoto {position:relative; width:100%; height:100%; text-align: center;}

/* 페이징 컨트롤러 */
.reviewPhoto .control { display:none;}
.reviewPhoto .control .paging {display:inline-block;}
.reviewPhoto .control .paging span {display:inline-block; font-size:17px; color:#242424 }
.reviewPhoto .control .paging span.current {color:#087a9f;}
.reviewPhoto .control .paging span.line {margin:0 8px 0 4px;}

.reviewPhoto .reviewBox { z-index:10;}
.reviewPhoto .reviewBox .slick-list {width:100%;}
.reviewPhoto .reviewBox .slick-slide {margin:0 8px;}

.reviewBox button {text-indent:-9999px; border:none; padding:0px 0px; margin-top:0px; border-radius:100px; position:absolute; top:110px; z-index:10;}
.reviewBox button.slick-prev {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; left:calc(100% / 5 - 30px);}
.reviewBox button.slick-next {width:62px; height:62px; display:block; background:#fafafa url("../images/common/ic_next.png") no-repeat center center; transform:rotate(180deg); right:calc(100% / 5 - 30px);}

.reviewPhoto .reviewBox .reviewList-item { position:relative;}
.reviewPhoto .reviewBox .reviewList-item a.big_pic {display:block; position: relative; width:100%; height:270px; z-index:1;}
.reviewPhoto .reviewBox .reviewList-item a.big_pic:before {display:block; opacity:0; position:absolute; z-index: 1;left:0;top:0;content:'';width:100%;height:100%;background: rgba(0,0,0,.2) url(../images/common/icon_picBg2.png)no-repeat center 40%; transition:all 0.3s; -webkit-transition:all 0.3s; border-radius:var(--box-radius-photo); background-size:50px;}
.reviewPhoto .reviewBox .reviewList-item a.big_pic:hover:before,
.reviewPhoto .reviewBox .reviewList-item a.big_pic:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.reviewPhoto .reviewBox .reviewList-item .picBox {position:relative; display:block;position: relative; width:100%; height:100%; background-position:center;background-size:cover;}
.reviewPhoto .reviewBox .reviewList-item .picBox img {width:100%; height:100%; object-fit:cover; border-radius:var(--box-radius-photo);}
.reviewPhoto .reviewBox .reviewList-item div.txtList {border:1px solid #ddd; padding:20px 20px;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .icon_star {position:relative; display:flex; padding:10px 0px;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .icon_star span {width:22px; height:21px; display:block; margin-right:5px;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .icon_star .star_all {background: url("../images/common/icon_star_all.png") no-repeat center center;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .icon_star .star_no {background: url("../images/common/icon_star_no.png") no-repeat center center;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .icon_star .star_l {background: url("../images/common/icon_star_.png") no-repeat center center;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .txtBox {display:flex; flex-wrap:wrap; justify-content:space-between; font-size:15px;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .replyBox {font-size:15px; color:#959595;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .replyBox .txt01 {position:relative; margin-right:10px; padding-right:10px;}
.reviewPhoto .reviewBox .reviewList-item div.txtList .replyBox .txt01::before {position:absolute; right:0px; top:2px; height:12px; width:1px; background:#959595; content:""; display:block;}
.reviewPhoto .reviewBox .reviewList-item a.nameBox {position:relative; display:flex; border:1px solid #ddd; border-top:none; align-items:center;}
.reviewPhoto .reviewBox .reviewList-item a.nameBox .s_pic {width:80px; height:80px; margin-right:10px;}
.reviewPhoto .reviewBox .reviewList-item a.nameBox .txt {width:calc(100% - 90px);}

.reviewPhoto .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.reviewPhoto .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.reviewPhoto .slick-list::before {width:calc(100% / 5); height:100%; background:#f9f9f9; transition:opacity 0.4s; opacity:0.5; content:""; display:block; left:0px; top:0px; position:absolute; z-index:10;}
.reviewPhoto .slick-list::after {width:calc(100% / 5); height:100%; background:#f9f9f9; transition:opacity 0.4s; opacity:0.5; content:""; display:block; right:0px; top:0px; position:absolute; z-index:10;}

.reviewPhoto .slick-list:focus {outline: 0;}
.reviewPhoto .slick-list.dragging {cursor: pointer;}
.reviewPhoto .slick-slider .slick-list,
.reviewPhoto .slick-slider .reviewPhoto .slick-track {-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.reviewPhoto .slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}
.reviewPhoto .slick-track:after,.reviewPhoto .slick-track:before {display: table; content: ''}
.reviewPhoto .slick-track:after {clear: both}
.reviewPhoto .slick-loading .slick-track {visibility: hidden}
.reviewPhoto .slick-slide {display: none; float: left; height: 100%; min-height: 1px; margin: 0px 20px;}
[dir=rtl] .slick-slide {float: right}
.reviewPhoto .slick-slide img {display: block;}
.reviewPhoto .slick-slide.slick-loading img {display: none}
.reviewPhoto .slick-slide.dragging img {}
.reviewPhoto .slick-initialized .slick-slide {display: block}
.reviewPhoto .slick-loading .slick-slide {visibility: hidden}
.reviewPhoto .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
.reviewPhoto .slick-arrow.slick-hidden {display: none}
/*# sourceMappingURL=slick.min.css.map */
.reviewPhoto .slick-slide img {display: block; width: 100%; height: auto;}


.marketList-item .optionwrap,
.timeList .optionwrap {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity:0);
    -ms-filter: alpha(opacity:0);
    visibility: hidden;
    -webkit-transition: opacity .4s,visibility .4s;
    -ms-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
}


.marketList-item:hover .optionwrap,
.timeList >li:hover .optionwrap {
    opacity: 1;
    filter: alpha(opacity:100);
    -ms-filter: alpha(opacity:100);
    visibility: visible;
}

.optionwrap >ul {
    gap: 2px;
}

.optionwrap >ul >li {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff)";
}

.optionwrap >ul >li:hover {
    background: #fff;
}
.-flex.column {
	display:flex;
    flex-direction: column;
}


/* 제품상세보기 */
.contents {position:relative; max-width:1400px; margin:0px auto; padding:50px 0px; padding-top:150px; width:95%;}
.product-detail-view {position:relative; gap:70px; margin:0px auto; display:-webkit-flex; flex-wrap:wrap;}
.product-detail-view .photoListBox {max-width: 730px; width: 50%; flex-shrink: 0;}
.product-detail-view .photoListBox .big_Img img { border-radius:30px 20px;}
.product-detail-view .photoListBox img {width:100%; height:100%; object-fit:cover;}
.product-detail-view .photoListBox .small_img .list {display:flex;}
.product-detail-view .photoListBox .small_img .list li {width:calc(100% / 5 - 10px); margin:0px 5px;}
.product-detail-view .photoListBox .small_img .list li img {border-radius:10px 5px; border:1px solid #ddd;}

.product-detail-view .textListBox {flex:1;}
.product-detail-view .textListBox >h2 {border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:20px;}
.product-detail-view .textListBox >h3 {margin:20px 0px 10px; font-size:18px;}
.product-detail-view .textListBox .view_txt {color:#959595;}
.product-detail-view .textListBox .totalMoney {display:flex; padding:30px 0px; justify-content:space-between;}
.product-detail-view .textListBox .totalMoney .total {color:#387703; font-size:18px;}
.product-detail-view .textListBox .totalMoney .total_s {color:#959595; font-size:15px; margin-left:5px;}
.product-detail-view .textListBox .totalMoney h3 { font-size:18px;}
.product-detail-view .textListBox .view_txt >p {margin-bottom:10px; font-size:18px;}
.product-detail-view .textListBox .money {padding:10px 0px; border-top:2px dashed #ddd; border-bottom:2px dashed #ddd; margin-bottom:20px;}
.product-detail-view .textListBox .money >p {display:block;}
.product-detail-view .textListBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.product-detail-view .textListBox .money .txt_one {color:#111; font-size:18px;}
.product-detail-view .textListBox .money .txt_per {color:#84b53b; font-size:18px; margin-right:10px;}
.product-detail-view .textListBox select {width:100%; height: 38px; min-width: 200px; border: 1px solid #ddd; padding: 5px 10px; font-size: 15px;}

.product-detail-view02 {margin:30px 0px;}
.product-detail-view02 .viewTap {display: flex; display: -webkit-flex; display: -ms-flex; gap: 5px; margin:30px 0px; border-bottom:1px solid #ddd;}
.product-detail-view02 .viewTap li {flex:1; text-align:center;}
.product-detail-view02 .viewTap li a {color:#959595; padding-bottom:10px; display:block; }
.product-detail-view02 .viewTap li .on {color:#387703;}

.gActionButtonColumn {display: flex; display: -webkit-flex; display: -ms-flex; gap: 5px; margin-top: 5px;}
.gActionButtonColumn .btns2 {flex:1;}
.product-detail-view .textListBox .exBtn {
    color: #a0a0a0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* 버튼 */
.btns2 {width:100%; padding:14px 26px; min-width:80px; font-size:15px; line-height:18px; display:inline-block; text-align:center; border-radius:3px;}
.btns2.btnSubmit {background:#387703; color:#fff;}
.btns2.btnNormal {color:#505050; background:#fafafa; border:1px solid #ddd;}


@media(max-width:769px) {
	.reviewBox p {font-size:15px;}
}

@media(max-width:460px) {	
	.listGoods .titleBox .stxt,
	.subGoods .titleBox .stxt,
	.proBox .titleBox .stxt {font-size:15px;}
	
	.subGoodsBox button.slick-prev,
	.listGoodsBox button.slick-prev {width:22px; height:60px; background-size:10px; left:20px;}
	
	.subGoodsBox button.slick-next,
	.listGoodsBox button.slick-next {width:22px; height:60px; background-size:10px; right:20px;}
	
	.subGoods .slick-list::before,
	.subGoods .slick-list::after,
	.listGoods .slick-list::before,
	.listGoods .slick-list::after {display:none;}
}


/* 페이징 */
.pageList {
    margin: 60px 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.pageList > a {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.pageList > a::after,
.pageList > a:first-child::before,
.pageList > a:last-child::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color:#959595;
    vertical-align: middle;
    transform: rotate(45deg);
}

.pageList > a:first-child::before,.pageList > a:last-child::before {
    margin: 0 -3px;
}

.pageList > a:first-child::after,.pageList > a:first-child::before,.pageList > a:first-child + a::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.pageList ol {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.pageList li {
    display: inline-block;
    margin: 0 0 0 -1px;
    vertical-align: top;
}

.pageList li:first-child {
    margin-left: 0;
}

.pageList img {
    vertical-align: top;
}

.pageList li a {
    display: block;
    width: 40px;
    padding: 12px 0;
    font-size: 12px;
    color:#387703;
    border: 1px solid #e5e5e5;
    line-height: 14px;
    background: #fff;
	border-radius:5px;
    box-sizing: border-box;
}

.pageList a:hover {
    text-decoration: none;
}

.pageList a.this {
    position: relative;
    z-index: 1;
    color:#387703;
    border-color:#387703;
}

.pageList a.nolink {
    cursor: default;
}