/* 메인팝업영역 */
.popupViewBox { position: absolute; width: 500px; background-color: #FFF; left: 0; top: 0; z-index: 101; overflow: hidden; }
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #333; padding: 5px 10px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 12px; color: #FFF; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }

/* 메인 배너슬라이드 */
.visual { background-color: #222; }
.visual > div > div { height: 947px; }
.visual .slide { height: 100%; }
.visual .slide > div { position: absolute; width: 2000px; height: 100%; left: 50%; margin-left: -1000px; top: 0; display: none; }
.visual .carImg { bottom: 100px; right: 0; opacity: 0; transition: right 0.5s, opacity 0.5s; }
.visual .txtImg { left: 430px; opacity: 0; top: 355px; transform: none; transition: top 0.5s 0.3s, opacity 0.5s 0.3s; }
.visual .bgImg img { width: 100%; height: 100%; float: left; }
.visual a { width: 100%; height: 100%; float: left; }

.visual .slideNav { position: absolute; width: 100%; left: 0; text-align: center; bottom: 125px; z-index: 4; } 
.visual .slideNav > li { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background-color: #FFF; margin: 0 6px; cursor: pointer; }
.visual .slideNav > li.active { background-color: #CC3333; }

.visual_nav { z-index: 5; }

/* 메인 빠른출고 */
.fast .slide { padding: 80px 0; }

#mainFastSlideCarWrap { position: absolute; width: 100%; height: 280px; z-index: 5; left: 0; top: -110px; }
#mainFastSlideCarWrap > ul { width: 100%; height: 100%; float: left; }
#mainFastSlideCarWrap > ul > li { position: absolute; width: 380px; margin-left: 0; left: calc(100% - 210px); bottom: 20px; transition: all 0.5s; opacity: 0; z-index: 1; }
#mainFastSlideCarWrap > ul > li > img { position: absolute; width: 100%; bottom: 0; }
#mainFastSlideCarWrap > ul > li.active { width: 600px;  left: 50%; margin-left: -300px; bottom: 0; opacity: 1; z-index: 2; }
#mainFastSlideCarWrap > ul > li.next { opacity: 1; }
#mainFastSlideCarWrap > ul > li.prev { margin-left: 0; left: -200px; opacity: 1; }

#mainFastSliderInfoWrap { overflow: hidden; padding: 0; }
#mainFastSliderInfoWrap > ul { width: 100%; height: 100%; float: left; }
#mainFastSliderInfoWrap > ul > li { position: absolute; width: 100%; height: 100%; left: 100%; top: 0; padding: 130px 190px 60px 190px; background-color: #FFF; transition: left 0.5s; }
#mainFastSliderInfoWrap > ul > li.active { left: 0; }
#mainFastSliderInfoWrap > ul > li.prev { left: -100%; }
#mainFastSliderInfoWrap > ul > li > div { width: 100%; float: left; }

#mainFastSliderInfoWrap > ul > li > .tit > * { height: 30px; line-height: 30px; float: left; color: #333; font-size: 28px; }
#mainFastSliderInfoWrap > ul > li > .tit > span { margin-right: 10px; }
#mainFastSliderInfoWrap > ul > li > .tit > b { font-weight: 500; }

#mainFastSliderInfoWrap > ul > li > .exCon { height: 13px; line-height: 13px; margin-top: 20px; font-size: 13px; font-weight: 400; color: #999; letter-spacing: -0.5px; }

#mainFastSliderInfoWrap > ul > li > .moreCon { height: calc(100% - 115px); line-height: 28px; margin-top: 25px; font-size: 17px; font-weight: 100; color: #333; overflow: hidden; }

#mainFastSliderInfoWrap > ul > li > .price { position: absolute; width: 100%; left: 0; bottom: 60px; padding: 0 190px; font-size: 21px; }
#mainFastSliderInfoWrap > ul > li > .price > div { width: 50%; }
#mainFastSliderInfoWrap > ul > li > .price > div > * { height: 24px; line-height: 24px; float: left; color: #333; }
#mainFastSliderInfoWrap > ul > li > .price > div > b { font-weight: bold; margin-right: 15px; }
#mainFastSliderInfoWrap > ul > li > .price > div > span { font-weight: 100; letter-spacing: -0.5px; }
#mainFastSliderInfoWrap > ul > li > .price > .right > b { color: #DC3333; }

#mainFastSlideMoreBtn { position: absolute; z-index: 2; right: 0; bottom: 0; }
#mainFastSlidePrevBtn { position: absolute; left: -80px; top: 50%; margin-top: -23px; cursor: pointer; }
#mainFastSlideNextBtn { position: absolute; right: -80px; top: 50%; margin-top: -23px; cursor: pointer; }

/* 메인 출고후기 */
.review .boxs .item { background-color: #F2F2F2; }
.review .boxs .item img { width: 100%; height: 100%; float: left; }
.review .boxs .scale { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; }
.review .boxs .scale:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.review .boxs .box_1 { width: 560px; height: 446px; overflow: hidden; }
.review .boxs .box_1> .item { width: 100%; height: 100%; float: left; }
.review .boxs .box_2 > .item { width: 307px; height: 218px; overflow: hidden; }