@charset "utf-8";

/*
  Project _ CSS Init
  FileName _ main.css - (신규 메인 영역)
  Author _ 쮸양~★
  Date _ 2026. 01. 17
  Last _ 
*/


body {overflow:hidden;}
#wrap {position:relative; width:100%;}
#wrap::after {position:absolute; width:100%; height:903px; bottom:0px; content:""; background:url(../images/newMain/body_bottom.png) no-repeat center bottom; background-size:cover; z-index:-1;}
/******************************************************************************************************************************************
	mainVisual CSS (메인비주얼) - 쮸양~★
*******************************************************************************************************************************************/
#container_wrap {position: relative; display: inline-block; width: 100%;}

#mainVisualBox {overflow: hidden; position:relative; height:950px; padding:0px 0 0;text-align:center;}
/* TouchSlider 기본 시작 */
.sliderBox {display:flex; position:relative; overflow:visible; height:950px !important; padding:0; margin:0;}
.sliderBox li{flex-shrink:0; width:100%; height:100%; position:relative; display:block;}
.sliderBox {position:relative; overflow:hidden;}

/* TouchSlider 기본 끝 */
.mvisual_wrap { width: 100%; height: 950px; position: relative; overflow: hidden; }
.mvisual_wrap .swiper-wrapper { display: flex !important; height: 100%; }
.mvisual_wrap .swiper-slide { width: 100%; height: 100%; flex-shrink: 0; }
.mvisual_wrap .swiper-slide div {width: 100%; height: 100%; background-size: cover; background-position: center;}
.mvisual_wrap .bg01 { background-image: url('../images/main/mainVi_01.jpg'); }
.mvisual_wrap .bg02 { background-image: url('../images/main/mainVi_02.jpg'); }



.mvisual_wrap .infoBox {position:absolute; z-index: 6; left:0px; top:350px; width:100%; /*transform: translateX(-50%);-webkit-transform: translateX(-50%);*/ box-sizing:border-box;}
.mvisual_wrap .infoBox > div {position:relative; width:100%; max-width:1600px; margin:0px auto; text-align:left; line-height:1.2;}
.mvisual_wrap .infoBox .titBox,
.mvisual_wrap .infoBox .txtBox {margin-bottom:50px;}
.mvisual_wrap .infoBox .titBox > span {display:block; font-size:calc(1.6rem + 0.8vw); color:#fff; font-family:'sb-font','gong-light'; font-weight:400; text-shadow: 2px 2px 4px #000;}
.mvisual_wrap .infoBox .titBox .tit {font-size:calc(2.2rem + 3.2vw); font-weight:700; color:#387703;}
.mvisual_wrap .infoBox .txt01 {color:#9e4f13; font-size:calc(1.4rem + 1.2vw); font-weight:600;}
.mvisual_wrap .infoBox .txt02 {color:#fff; border-radius:10px; padding:5px 10px; font-weight:600; background:#8cbc2c; display:inline-block; font-size:calc(0.9rem + 0.7vw);}

.mvisual_wrap .infoBox .btnBox {vertical-align: middle;}
.mvisual_wrap .infoBox .btnBox a {position:relative; display:inline-block; padding:10px 70px 10px 30px; line-height:31px; border:1px solid #fff; border-radius:50px; background:rgba(255,255,255,0.2); color:#fff; font-size:calc(0.8rem + 0.8vw); text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;}
.mvisual_wrap .infoBox .btnBox a::after {content:""; position:absolute; top:50%; right:30px; margin-top:-13px; width:28px; height:26px; display:block; background:url(../images/newMain/mainVi_more.png) no-repeat 0px 0px; background-size:contain;}
.mvisual_wrap .infoBox .btnBox a:hover,
.mvisual_wrap .infoBox .btnBox a:focus {border:1px solid #163390; background:#163390; }

/* 컨트롤박스 */
.mvisual_wrap .controlBox1 {position:absolute; bottom:5%; margin:0px auto; display:flex; z-index: 6; color:#fff; width: 95%; left:2.5%; justify-content:center; align-items:center; box-sizing:border-box;}
.mvisual_wrap .controlBox .paging {display:inline-block; margin-right:5px;}
.mvisual_wrap .controlBox .paging button {width:12px; height:12px; margin:0 5px; padding:0px 0px; border-radius:50%; border:1px solid #fff; font-size:0;}
.mvisual_wrap .controlBox .paging button.on {background:#fff;}
.mvisual_wrap .controlBox > button {z-index:10;}
.mvisual_wrap .controlBox1 > button {display:inline-block;position:relative;width:40px;height:40px;margin-right: 5px; border:1px solid #fff;border-radius:50%;font-size:0;} /* 시작/멈춤버튼 */

.mvisual_wrap .controlBox .total {display:flex; align-items:center; background:rgba(0,0,0,0.2); border-radius:50px; padding:5px 20px;}
.mvisual_wrap .controlBox .total span {display:inline-block; font-size:13px; color:#fff; font-weight:400;}
.mvisual_wrap .controlBox .total span.current {color:#fff; font-size:15px; font-weight:500;}
.mvisual_wrap .controlBox .total span.line {margin:0 4px 0 4px;}

/* 이전/다음버튼(현재 안보이게 처리) */
.mvisual_wrap .controlBox2 {display:block;}
.mvisual_wrap .controlBox2 > button {display:inline-block; position:absolute; width:50px; height:180px; background:rgba(0,0,0,0.1); vertical-align:middle; font-size:0; transition:all 0.3s; -webkit-transition:all 0.3s; border:none;}
.mvisual_wrap .controlBox2 > button:hover,
.mvisual_wrap .controlBox2 > button:focus {background: rgba(0,0,0,0.2);}
.mvisual_wrap .controlBox > button.btn_prev {border-radius:0px 200px 200px 0px; top:50%; left:0; margin-top:-47.5px;}
.mvisual_wrap .controlBox > button.btn_next {border-radius:200px 0px 0px 200px; top:50%; right:0; margin-top:-47.5px; }
.mvisual_wrap .controlBox2 > button span {display: none;opacity:0;z-index: -1;position: absolute;top: 0;width:185px;height:100%;padding: 25px 25px 0;background:rgba(50,64,64,.5);text-align:left;transition:all 0.3s;-webkit-transition:all 0.3s;}
.mvisual_wrap .controlBox2 > button.btn_prev span {left:94px}
.mvisual_wrap .controlBox2 > button.btn_next span {right:94px}
.mvisual_wrap .controlBox2 > button span em {display:block; font-size:13px; font-weight:bold; color:#fff; }
.mvisual_wrap .controlBox2 > button span b:after {display:block;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;content: attr(data-title);line-height: 1.3;color:#fff;font-size: 16px;font-weight: normal;text-overflow: ellipsis;white-space: normal;}
.mvisual_wrap .controlBox2 > button:hover span,
.mvisual_wrap .controlBox2 > button:focus span {display: block;opacity:1;}
.mvisual_wrap .controlBox > button:before,
.mvisual_wrap .controlBox > button:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mvisual_wrap .controlBox > button.btn_prev:before,
.mvisual_wrap .controlBox > button.btn_next:before{width: 20px ;height: 20px ;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.mvisual_wrap .controlBox > button.btn_prev:before{right: -7px;border-width: 0 0 2px 2px;}
.mvisual_wrap .controlBox > button.btn_next:before{left: -7px;border-width: 2px 2px 0 0;}
.mvisual_wrap .controlBox > button.btn_stop:before{width:2px; height:12px; box-shadow: -2px 0 #fff, 2px 0 #fff;}
.mvisual_wrap .controlBox > button.btn_play:before{right: -3px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}

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

#mainVisualBox .scroll {position: absolute; bottom:80px; left: 50%; transform: translateX(-50%); display: block; font-size: 14px; width:100px; height:100px; background:rgba(0,0,0,0.3); border-radius:100px; color: rgba(255,255,255,.5); z-index:0;}
#mainVisualBox .scroll::before {position: relative; top: 0; content: ''; display: block; width:26px; height:16px; background:url(../images/newMain/btn_scroll.png) no-repeat 0px 0px; margin:15px auto; animation: scroll .5s ease-in-out infinite alternate;}

@keyframes scroll {
	100% {top:10px;}
}

@media(max-width:1440px){
	.mvisual_wrap .infoBox {padding:0px 2.5%;}
	#mainVisualBox {height:751px;}
	.mvisual_wrap {position:absolute;left: 0;top:0; width: 100%; height:751px;}
	.mvisual_wrap .sliderBox {height:100% !important;}
}

@media(max-width:1200px){
	#mainVisualBox {height:626px;}
	.mvisual_wrap {height:626px;}
	.mvisual_wrap .controlBox1 {bottom:10px;}
}

@media(max-width:1025px){
	#mainVisualBox {height:534px;}
	.mvisual_wrap {position:absolute;left: 0;top:0; width: 100%; height:534px;}
	
    .mvisual_wrap .infoBox {top:200px; padding:0px 20px;}
	.mvisual_wrap .infoBox .titBox,
	.mvisual_wrap .infoBox .txtBox {padding-left:50px;}
	.mvisual_wrap .infoBox .titBox > span {}
	
	.mvisual_wrap .infoBox .btnBox {display:flex; justify-content:center;}

    .mvisual_wrap .controlBox > button.btn_prev,
    .mvisual_wrap .controlBox > button.btn_next {margin-top:-37.5px;}
}

@media(max-width:769px){
    #mainVisualBox {height:401px;}
	.mvisual_wrap {width: 100%; height:401px;}
	
    #mainVisualBox .menu_wrap:before {height:40px;}
    #mainVisualBox .menu_wrap li a {width: 140px;height:40px;line-height:40px;font-size: 15px;}
    #mainVisualBox .con_wrap .con .titbox p {display:none;}
    .mvisual_wrap .controlBox .paging {display:none;}
    .mvisual_wrap .controlBox strong {margin-right:70px;font-size:15px;}
    .mvisual_wrap .controlBox strong:before {right: -67px;content:'';width:50px;}
    .mvisual_wrap .controlBox strong img {height:18px;}
    .mvisual_wrap .controlBox strong span {width:14px; height:21px; background-size:100% auto; }
	
	.mvisual_wrap .infoBox .titBox, .mvisual_wrap .infoBox .txtBox {margin-bottom:30px;}

    .mvisual_wrap .controlBox2 > button,
	#mainVisualBox .scroll {display:none;}

    .mvisual_wrap .infoBox {top:150px;}
    .mvisual_wrap .infoBox .info {display: block;text-align:center;}
    .mvisual_wrap .infoBox .info strong,
    .mvisual_wrap .infoBox .info strong span {font-size:20px;}
    .mvisual_wrap .infoBox .info > span {font-size:15px;}
    .mvisual_wrap .infoBox .btnbox {}

    .lottie_line {height:200px;}
    .lottie_line#lottie1 {bottom:0;}
    .lottie_line#lottie2 {bottom: 0;}
}

@media(max-width:460px){
	#mainVisualBox {height:350px;}
	.mvisual_wrap {width: 100%; height:350px;}
	.mvisual_wrap .bg03 {position:relative; background:url(../images/main/mainVi_04_m.jpg) no-repeat right 0px; background-size:cover;}
	.mvisual_wrap .infoBox .titBox, .mvisual_wrap .sliderBox ul li .infoBox .txtBox {padding-left:0px;}
	.mvisual_wrap .infoBox .txtBox > span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.mvisual_wrap .infoBox .btnBox a {padding:5px 60px 5px 20px;}
}

@media(max-width:360px){	
	.mvisual_wrap .infoBox .titBox .tit {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.mvisual_wrap .controlBox1 {}
}

@media all and (min-width: 1025px) {
	.D1WB {
        display: block !important;
    }
}


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

/******************************************************************************************************************************************
	mainGoods CSS (상품소개)
*******************************************************************************************************************************************/
.mainContents {overflow:hidden;}
.mainGoods {position:relative; background:#fff; width:100%; display:inline-block; padding: 50px 0px;}
.mainGoods .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.mainGoods .titleBox .tit span {color:#111;}
.mainGoods .titleBox .stxt {font-size: var(--font-size-h5);}
.mainGoodsBox {position:relative; width:100%; margin:50px auto; z-index:10;}
.mainGoodsBox .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;}
.mainGoodsBox p {text-align:left; color:#959595;}
.mainGoodsBox .money {display:flex; justify-content:space-between;}
.mainGoodsBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.mainGoodsBox .money .txt_one {color:#111; font-size:18px;}
.mainGoodsBox .money .txt_per {color:#84b53b; text-decoration:line-through; text-align:right; font-size:18px;}

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

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

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

.mainGoodsBox button {text-indent:-9999px; border:none; padding:0px 0px; margin-top:0px; border-radius:100px; position:absolute; top:110px; z-index:10;}
.mainGoodsBox 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);}
.mainGoodsBox 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);}

.mainGoods .mainGoodsBox .marketList-item { position:relative;}
.mainGoods .mainGoodsBox .marketList-item a {display:block; position: relative; width:269px; height:270px; z-index:1;}
.mainGoods .mainGoodsBox .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;}
.mainGoods .mainGoodsBox .marketList-item a:hover:before,
.mainGoods .mainGoodsBox .marketList-item a:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.mainGoods .mainGoodsBox .marketList-item .picBox {position:relative; display:block;position: relative; width:100%; height:100%; background-position:center;background-size:cover;}
.mainGoods .mainGoodsBox .marketList-item .picBox .tagBox {position:absolute; top:10px; left:20px; display:block;}
.mainGoods .mainGoodsBox .marketList-item .picBox .tagBox span {background:#ff7a27; padding:3px 10px; border-radius:15px 5px; color:#fff; font-size:11px; margin-right:5px;}
.mainGoods .mainGoodsBox .marketList-item .picBox .tagBox .icon_hot {}
.mainGoods .mainGoodsBox .marketList-item .picBox .tagBox .icon_best {background:#ff4141;}

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

.mainGoods .mainGoodsBox .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);}

.mainGoods .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;}
.mainGoods .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.mainGoods .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;}
.mainGoods .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;}

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


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

/******************************************************************************************************************************************
	neTime CSS (네타임특가)
*******************************************************************************************************************************************/
.neTime {position:relative; background:#fafafa; width:100%; display:inline-block; padding: 50px 0px;}
.neTime .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.neTime .titleBox .tit span {color:#111;}
.neTime .titleBox .stxt {font-size: var(--font-size-h5); line-height:1.2; margin-bottom:50px;}
.neTime .titleBox .stxt span {display:block; color:#111;}

.neTime .titleBox .btn_more {border-radius:40px 15px; background:#8cbc2c; color:#fff; font-size:var(--font-size-stit); padding:15px 30px;}

.neTimeBox {position:relative; width:95%; max-width:1600px; margin:50px auto; z-index:10; display:flex; flex-wrap:wrap; justify-content:space-between;}
.neTimeBox .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;}
.neTimeBox p {text-align:left; color:#959595;}
.neTimeBox .money {display:flex; justify-content:space-between;}
.neTimeBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.neTimeBox .money .txt_one {color:#111; font-size:18px;}
.neTimeBox .money .txt_per {color:#84b53b; text-decoration:line-through; text-align:right; font-size:18px;}

.neTimeBox .timeList {display:flex; width:calc(100% - 400px);}
.neTimeBox .timeList >li {width:calc(100% / 3 - 50px); margin:0px 25px; position:relative;}
.neTimeBox .timeList a {display:block; position: relative; width:100%; z-index:1;}
.neTimeBox .timeList a:before {display:block; opacity:0; position:absolute; z-index: 1;left:0;top:0;content:'';width:100%;height:270px;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;}
.neTimeBox .timeList a:hover:before,
.neTimeBox .timeList a:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.neTimeBox .timeList .picBox {position:relative; display:block;position: relative; width:100%; height:270px; background-position:center;background-size:cover; border:1px solid #ddd;}
.neTimeBox .timeList .picBox .tagBox {position:absolute; top:10px; left:20px; display:block;}
.neTimeBox .timeList .picBox .tagBox span {background:#ff7a27; padding:3px 10px; border-radius:15px 5px; color:#fff; font-size:11px; margin-right:5px;}
.neTimeBox .timeList .picBox .tagBox .icon_hot {}
.neTimeBox .timeList .picBox .tagBox .icon_best {background:#ff4141;}

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

@media(max-width:1025px) {
	.neTimeBox .timeList {display:flex; width:calc(100% - 300px);}
	.neTimeBox .timeList >li {width:calc(100% / 2 - 20px); margin:0px 10px;}
	.neTimeBox .timeList >li:nth-child(3) {display:none;}
}

@media(max-width:460px) {
	.neTimeBox {margin:0px auto;}
	.neTimeBox .titleBox {width:100%; margin-bottom:20px; display:inline-block;}
	.neTime { padding:30px 0px;}
	.neTime .titleBox .stxt {margin-bottom:10px;}
	.neTime .titleBox .btn_more {padding:5px 30px; border-right:20px 5px; font-size:15px;}
	.neTimeBox .timeList {width:100%;}
	
	.neTimeBox .timeList >li {width:calc(100% / 2); margin:0px 0px; margin-right:0px;}
	.neTimeBox .timeList >li:first-child { margin-right:10px;}
}


/******************************************************************************************************************************************
	bestGoods CSS (인기상품소개)
*******************************************************************************************************************************************/
.bestGoods {position:relative; background:#fff; width:100%; display:inline-block; padding: 50px 0px;}
.bestGoods .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.bestGoods .titleBox .tit span {color:#111;}
.bestGoods .titleBox .stxt {font-size: var(--font-size-h5);}
.bestGoodsBox {position:relative; width:100%; margin:50px auto; z-index:10;}
.bestGoodsBox .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;}
.bestGoodsBox p {text-align:left; color:#959595;}
.bestGoodsBox .money {display:flex; justify-content:space-between;}
.bestGoodsBox .money .txt_sale {position:relative; text-decoration:line-through; color:#959595; font-size:18px; margin-right:10px;}
.bestGoodsBox .money .txt_one {color:#111; font-size:18px;}
.bestGoodsBox .money .txt_per {color:#84b53b; text-decoration:line-through; text-align:right; font-size:18px;}

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

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

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

.bestGoodsBox button {text-indent:-9999px; border:none; padding:0px 0px; margin-top:0px; border-radius:100px; position:absolute; top:110px; z-index:10;}
.bestGoodsBox 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);}
.bestGoodsBox 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);}

.bestGoods .bestGoodsBox .marketList-item { position:relative;}
.bestGoods .bestGoodsBox .marketList-item a {display:block; position: relative; width:100%; height:270px; z-index:1;}
.bestGoods .bestGoodsBox .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;}
.bestGoods .bestGoodsBox .marketList-item a:hover:before,
.bestGoods .bestGoodsBox .marketList-item a:focus:before {opacity:1; border-radius:var(--box-radius-photo);}
.bestGoods .bestGoodsBox .marketList-item .picBox {position:relative; display:block;position: relative; width:100%; height:100%; background-position:center;background-size:cover;}
.bestGoods .bestGoodsBox .marketList-item .picBox .tagBox {position:absolute; top:10px; left:20px; display:block;}
.bestGoods .bestGoodsBox .marketList-item .picBox .tagBox span {background:#ff7a27; padding:3px 10px; border-radius:15px 5px; color:#fff; font-size:11px; margin-right:5px;}
.bestGoods .bestGoodsBox .marketList-item .picBox .tagBox .icon_hot {}
.bestGoods .bestGoodsBox .marketList-item .picBox .tagBox .icon_best {background:#ff4141;}

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

.map_point {position:absolute; top:20px; left:20px; display:block; border-radius:var(--box-radius-100); padding:5px 15px; color:var(--font-color-white); font-size:var(--font-size-sstxt);}
.map_point.bg_green {background-color:var(--box-bg-green);}
.map_point.bg_blue {background-color:var(--box-bg-blue);}
.map_point.bg_pink {background-color:var(--box-bg-pink);}

.bestGoods .bestGoodsBox .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);}

.bestGoods .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;}
.bestGoods .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.bestGoods .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;}
.bestGoods .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;}

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

@media(max-width:460px) {
	.conBg_gray {padding:30px 0px;}
	.bestGoods {padding:30px 0px;}
	.bestGoodsBox {margin:20px auto;}
	.bestGoods .slick-slider {}
}


/******************************************************************************************************************************************
	Goods CSS (기획전)
*******************************************************************************************************************************************/
.proBox {position:relative; width:95%; max-width:1600px; margin:0px auto;}
.proBox .titleBox {text-align:center; margin-bottom:30px;}
.proBox .titleBox .tit {color:#016745; font-size: var(--font-size-main_h2); font-weight: var(--font-bold-600);}
.proBox .titleBox .tit span {color:#111;}
.proBox .titleBox .stxt {font-size: var(--font-size-h5);}
.proBox >.listBox {display:flex; flex-wrap:wrap; justify-content:space-between;}
.proBox >.listBox li {width:calc(100% / 2 - 30px);}
.proBox >.listBox li a img {border-radius:30px 10px;}

@media(max-width:769px) {
	.proBox >.listBox li {width:calc(100% / 2 - 10px);}
}

@media(max-width:460px) {
	.proBox >.listBox li {width:100%;}
}

/******************************************************************************************************************************************
	포토리뷰 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;
}


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

@media(max-width:460px) {
	.reviewPhoto {padding:30px 0px;}
	.neTimeBox .titleBox,
	.neTime .titleBox .tit,
	.neTime .titleBox .stxt {text-align:center;}
	.bestGoods .titleBox .stxt,
	.neTime .titleBox .stxt,
	.mainGoods .titleBox .stxt,
	.proBox .titleBox .stxt {font-size:15px;}
	
	.mainGoodsBox button.slick-prev,
	.bestGoodsBox button.slick-prev,
	.reviewBox button.slick-prev {width:22px; height:60px; background-size:10px; left:20px;}
	
	.mainGoodsBox button.slick-next,
	.bestGoodsBox button.slick-next,
	.reviewBox button.slick-next {width:22px; height:60px; background-size:10px; right:20px;}
	
	.mainGoods .slick-list::before,
	.mainGoods .slick-list::after,
	.bestGoods .slick-list::before,
	.bestGoods .slick-list::after,
	.reviewPhoto .slick-list::before,
	.reviewPhoto .slick-list::after {display:none;}
}