/* BASIC css start */
/* 메인 최근 본 상품 */


/* 메인 좌측 메뉴 */
#side .left_menu {background-color: rgba(51, 53, 61, 0.5) !important;}

.main_title {padding:50px 0;text-align:center;margin:0 auto;}
.main_section {width: 1220px;margin: 0 auto 70px; position:relative; opacity:0; position:relative; top:70px; transition:.5s}
.main_section.on {opacity:1; top:0;}
/* 메인 최근 본 상품 */

/* 메인 좌측 메뉴 */
#side .left_menu {background-color: rgba(51, 53, 61, 0.5) !important;}

/* 메인롤링배너 */
#f2s-rolling-container1 .swiper-container{width:100% !important;}

#f2s-rolling-container1 .swiper-wrapper {height:560px;}
#f2s-rolling-container1 .swiper-slide {position:relative; overflow:hidden;}
#f2s-rolling-container1 .swiper-slide a {
	display: block;
}
#f2s-rolling-container1 .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
#f2s-rolling-container1 .btns > div {display:none; width:62px; height:62px; font-size:0; text-indent:-9999px;}
#f2s-rolling-container1:hover .btns > div {display:block;}

/*
#f2s-rolling-container1 .swiper-button-prev:hover {background:url(/design/duduworld/images/btn4_prev_on.png) no-repeat;}
#f2s-rolling-container1 .swiper-button-next:hover {background:url(/design/duduworld/images/btn4_next_on.png) no-repeat;}
#f2s-rolling-container1 .swiper-button-prev {background:url(/design/duduworld/images/btn4_prev.png) no-repeat;}
#f2s-rolling-container1 .swiper-button-next {background:url(/design/duduworld/images/btn4_next.png) no-repeat;}

#f2s-rolling-container1 .swiper-button-next, #f2s-rolling-container1 .swiper-button-prev{width:62px; height:62px;}
*/
#f2s-rolling-container1 .swiper-button-next:after, #f2s-rolling-container1 .swiper-button-prev:after{font-size:0 !important;}


#f2s-rolling-container1 .swiper-pagination-bullets {bottom:30px !important;}
#f2s-rolling-container1 .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    margin:0 5px !important;
    border-radius: 100% !important;
    background: #ccc;
    opacity: 1;
    cursor: pointer;
}
#f2s-rolling-container1 .swiper-pagination-bullet-active {background: #cc2427;}

/* mainBnnr */
#mainBnnr {position: relative;}
#mainBnnr .slider img {width: 100%;}
#mainBnnr .progressBarContainer {position: absolute;bottom: 30px;width: auto;left: 50%;transform: translateX(-50%);margin: 0 auto;}
#mainBnnr .progressBarContainer div {display: block;width: 70px;padding: 0;cursor: pointer;margin-right: 20px;float: left;}
#mainBnnr .progressBarContainer div:last-child {margin-right: 0;}
#mainBnnr .progressBarContainer div span.progressBar {width: 100%;height: 2px;background-color: #f4f4f4;display: block;}
#mainBnnr .progressBarContainer div span.progressBar .inProgress {background-color: #191919;width: 0%;height: 2px;}
#mainBnnr .progressBarContainer .btn {display: inline-block;width: 10px;height: 16px;position: relative;top: -5px;cursor: pointer;z-index: 9;}
#mainBnnr .progressBarContainer .btn.stop {background: url(/design/duduworld/220906/ico_stop.png) center / 10px auto no-repeat;}
#mainBnnr .progressBarContainer .btn.play {background: url(/design/duduworld/220906/ico_play.png) center / 10px auto no-repeat;}
#mainBnnr .slick-prev, #mainBnnr .slick-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;width: 80px;height: 80px;background: center / 80px no-repeat;text-indent: -9999px;}
#mainBnnr .slick-prev {left: 160px;background-image: url(/design/duduworld/220906/ico_main_prev.png) !important;}
#mainBnnr .slick-next {right: 160px;background-image: url(/design/duduworld/220906/ico_main_next.png) !important;}
#mainBnnr:hover button.slick-next {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#mainBnnr:hover button.slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}

/* subBnnr */
.center_ban_area {width: 1030px;margin: 80px auto 120px;}
.center_ban_area ul li:first-child {margin-left:0px !important;}
.center_ban_area ul li {float:left;margin-left: 26px;}
.center_ban_area ul li .imgWrap {width:150px; height:150px; margin:0 auto;}
.center_ban_area ul li .imgWrap img {width: 100%; height:100%;}
.center_ban_area ul li .txt {width:150px; font-size: 18px;color: #555555;text-align: center;line-height: 1.3;min-height: 42px;margin: 20px auto 0;}

/* 베스트 상품 */
.main_section h3 {text-align: center;font-size: 36px;font-weight: 600;margin-bottom: 50px;color: #191919;}

.displayTabContentsA .relative {position:relative;}
.displayTabContentsA .relative .wish {position: absolute;top: 20px;right: 20px; z-index:10;}

/* 신상품 */
#add4Slide {width: 1580px;}
#add4Slide .swiper-container {width: 1220px;}
#add4Slide li.goodsDisplayWrap {display:inline-block;vertical-align: top;text-align: left;padding-bottom: 50px;width:290px !important; margin-bottom:50px;/* margin-left:30px;*/ min-height:380px; padding-bottom:0 text-align:center;margin-right:20px;}
#add4Slide li.goodsDisplayWrap:nth-child(4n) {margin-right:0;}
#add4Slide li.goodsDisplayWrap .goodsDisplayImageWrap {position:relative; max-width:290px;max-height: 0;padding-top: 290px;margin:0 auto; overflow:hidden;box-sizing:border-box;border-radius: 20px; border:0 !important;}
#add4Slide li.goodsDisplayWrap .goodsDisplayImageWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#add4Slide li.goodsDisplayWrap .goodsDisplayImageWrap .goodsDisplayImageIcon {position:absolute; left:0; top:0;}

#add4Slide .sw-prev,
#add4Slide .sw-next {top: 50%;position: absolute;transform: translateY(-50%);z-index: 9;width: 81px;height: 81px;background: center / 79px no-repeat;text-indent: -9999px; transition:.5s; opacity:1;}
#add4Slide .sw-prev {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;left: 0;}
#add4Slide .sw-next {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;right: 0;}
#add4Slide:hover .sw-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}
#add4Slide:hover .sw-next {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#add4Slide:hover .sw-prev.swiper-button-disabled {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;}
#add4Slide:hover .sw-next.swiper-button-disabled {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;}
#add4Slide .swiper-pagination {text-align: center;margin-top: 50px;}
#add4Slide .swiper-pagination-bullet {display: inline-block;margin: 0 7px;width: 12px;height: 12px;border-radius: 100%;text-indent: -9999px;background: #f4f4f4;opacity: 1;}
#add4Slide .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ee4a44;}


/* 기획전 */
.main_section.grayWrap {margin-top: 100px;padding: 100px 0;background: #f4f4f4;width: 100%;}
#add3Slide {display: flex;width: 1100px;margin: 0 auto; position:relative;}
#add3Slide .slider {width: 640px;margin-right: 30px; position:unset;}
#add3Slide .slick-prev, 
#add3Slide .slick-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 98;background: center / 79px no-repeat;width: 81px;height: 81px;text-indent: -9999px; transition:.5s; vertical-align:middle;}
#add3Slide .slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev.png) !important;left: -245px;}
#add3Slide .slick-next {background-image: url(/design/duduworld/220906/ico_main_next.png) !important;right: -245px;}
#add3Slide:hover .slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black2.png) !important;}
#add3Slide:hover .slick-prev.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}
#add3Slide:hover .slick-next {background-image: url(/design/duduworld/220906/ico_main_next_black2.png) !important;}
#add3Slide:hover .slick-next.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#add3Slide.displayTabContentsA .prdWrap {width: calc(100% - 660px);}
#add3Slide.displayTabContentsA .prdWrap ul.tit {margin-bottom: 30px;}
#add3Slide.displayTabContentsA .prdWrap ul.tit li {position:absolute; left:-100%; opacity:0; transition:.5s;}
#add3Slide.displayTabContentsA .prdWrap ul.tit li.active {position:relative; left:unset; opacity:1;}
#add3Slide.displayTabContentsA .prdWrap ul.tit li h3 {font-size: 24px;font-weight: 500;color: #191919;line-height: 1; text-align:left; margin-bottom:0;}
#add3Slide.displayTabContentsA .prdWrap ul.items {position:absolute; left:-100%; opacity:0;  transition:.5s;}
#add3Slide.displayTabContentsA .prdWrap ul.items.active {position:relative; left:unset; opacity:1;}
#add3Slide.displayTabContentsA .prdWrap li.goodsDisplayWrap {width: 200px;display: inline-block;margin-right: 20px;}
#add3Slide.displayTabContentsA .prdWrap li.goodsDisplayWrap:nth-child(2n) {margin-right: 0;}
#add3Slide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap {max-width: 200px;padding-top: 200px;overflow: hidden;box-sizing:border-box;border-radius: 20px; border:0 !important;}
#add3Slide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0; border-radius:15px;}
#add3Slide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap .goodsDisplayImageIcon {position:absolute; left:0; top:0;}

.grayWrap .more {text-align: center;}
.grayWrap .more a {display: block;width: 300px;height: 70px;margin: 60px auto 0;font-size: 20px;background: #fff;color: #191919;line-height: 70px;border-radius: 45px;}
.grayWrap .more a::after {content: "";display: inline-block;width: 7px;height: 13px;background: url(/design/duduworld/220906/ico_more.png) center / 7px 13px no-repeat;margin-left: 12px;}

/* md pick */
#newSlide {width: 1580px;}
#newSlide .swiper-container {width: 1220px;}
#newSlide li.goodsDisplayWrap {display:inline-block;vertical-align: top;text-align: left;padding-bottom: 50px;width:290px !important; margin-bottom:50px;/* margin-left:30px;*/ min-height:380px; padding-bottom:0; text-align:center;margin-right:20px;}
#newSlide li.goodsDisplayWrap:nth-child(4n) {margin-right:0;}
#newSlide li.goodsDisplayWrap .goodsDisplayImageWrap {position:relative; max-width:290px;max-height: 0;padding-top: 290px;margin:0 auto; overflow:hidden;box-sizing:border-box;border-radius: 20px; border:0 !important;}
#newSlide li.goodsDisplayWrap .goodsDisplayImageWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#newSlide li.goodsDisplayWrap .goodsDisplayImageWrap .goodsDisplayImageIcon {position:absolute; left:0; top:0;}

#newSlide .sw-prev,
#newSlide .sw-next {top: 50%;position: absolute;transform: translateY(-50%);z-index: 9;width: 81px;height: 81px;background: center / 79px no-repeat;text-indent: -9999px; transition:.5s; opacity:1;}
#newSlide .sw-prev {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;left: 0;}
#newSlide .sw-next {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;right: 0;}
#newSlide:hover .sw-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}
#newSlide:hover .sw-next {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#newSlide:hover .sw-prev.swiper-button-disabled {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;}
#newSlide:hover .sw-next.swiper-button-disabled {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;}
#newSlide .swiper-pagination {text-align: center;margin-top: 50px;}
#newSlide .swiper-pagination-bullet {display: inline-block;margin: 0 7px;width: 12px;height: 12px;border-radius: 100%;text-indent: -9999px;background: #f4f4f4;opacity: 1;}
#newSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ee4a44;}

/* 리뷰 */
#review {width: 1220px;margin: 0 auto;display: flex;}
#review .r_lt {width: 190px;margin-right: 30px;}
#review .r_lt li {margin-bottom: 14px;}
#review .r_lt li a {font-size: 18px;color: #191919;font-weight: 400;background: #fff;display: block;height: 57px;line-height: 57px;text-align: center;border-radius: 13px;}
#review .r_lt li.active a {font-size: 18px;color: #ee4a44;font-weight: 500;}
#review .r_rt {width: 1000px;height: 426px;position: relative; margin-bottom:50px;}
#review .r_rt ul {visibility:hidden; opacity:0; font-size: 0; transition:.5s;  position: absolute;top: 0;}
#review .r_rt ul.active { visibility:visible; opacity:1;}
#review .r_rt li {display: inline-block;width: 240px;margin-right: 13px;margin-bottom: 13px;}
#review .r_rt li:nth-child(4n) {margin-right: 0;}

/* 기획전 */
#specialSlide {display: flex;width: 1030px;margin: 0 auto; position:relative;}
#specialSlide .slider {width: 530px;margin-right: 70px; position:unset;}
#specialSlide .slick-prev, #specialSlide .slick-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;background: center / 79px no-repeat;width: 81px;height: 81px;text-indent: -9999px; transition:.5s;}
#specialSlide .slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev.png) !important;left: -245px;}
#specialSlide .slick-next {background-image: url(/design/duduworld/220906/ico_main_next.png) !important;right: -245px;}
#specialSlide:hover .slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black2.png) !important;}
#specialSlide:hover .slick-prev.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}
#specialSlide:hover .slick-next {background-image: url(/design/duduworld/220906/ico_main_next_black2.png) !important;}
#specialSlide:hover .slick-next.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#specialSlide.displayTabContentsA .prdWrap {width: calc(100% - 600px);}
#specialSlide.displayTabContentsA .prdWrap ul.tit {margin-bottom: 30px;}
#specialSlide.displayTabContentsA .prdWrap ul.tit li {position:absolute; left:-100%; opacity:0; transition:.5s;}
#specialSlide.displayTabContentsA .prdWrap ul.tit li.active {position:relative; left:unset; opacity:1;}
#specialSlide.displayTabContentsA .prdWrap ul.tit li h3 {font-size: 24px;font-weight: 500;color: #191919;line-height: 1; text-align:left; margin-bottom:0;}
#specialSlide.displayTabContentsA .prdWrap ul.tit li p {font-size: 20px;font-weight: 400;color: #767676;line-height: 1; margin-top:20px;}
#specialSlide.displayTabContentsA .prdWrap ul.items {position:absolute; left:-100%; opacity:0;  transition:.5s;font-size: 0;}
#specialSlide.displayTabContentsA .prdWrap ul.items.active {position:relative; left:unset; opacity:1;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap {width: 130px;display: inline-block;margin-right: 20px;margin-bottom: 20px;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap:nth-child(3n) {margin-right: 0;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap:nth-child(4n) {margin-right: 20px;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap {max-width: 130px;padding-top: 130px;overflow: hidden;box-sizing:border-box;border-radius: 20px; border:0 !important;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 15px;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayImageWrap .goodsDisplayImageIcon {position:absolute; left:0; top:0;}
#specialSlide.displayTabContentsA .prdWrap li.goodsDisplayWrap .goodsDisplayTextWrap {display: none;}
#specialSlide.displayTabContentsA .relative .wish {display: none;}

#specialSlide .slick-dots {text-align: center;margin-top: 70px; width:1030px;}
#specialSlide .slick-dots li {display: inline-block;margin: 0 7px;}
#specialSlide .slick-dots li button {width: 12px;height: 12px;border-radius: 100%;text-indent: -9999px;background: #fff;}
#specialSlide .slick-dots li.slick-active button {background: #ee4a44;}

/* 무료배송 */
#add1Slide .slick-slide {width: 320px !important;}
#add1Slide li.goodsDisplayWrap {display:inline-block;vertical-align: top;text-align: left;padding-bottom: 50px;width:290px !important; margin-bottom:50px;/* margin-left:30px;*/ min-height:380px; padding-bottom:0 text-align:center;margin-right:20px;}
#add1Slide li.goodsDisplayWrap:nth-child(4n) {margin-right:0;}
#add1Slide li.goodsDisplayWrap .goodsDisplayImageWrap {position:relative; max-width:290px;max-height: 0;padding-top: 290px;margin:0 auto; overflow:hidden;box-sizing:border-box;border-radius: 20px; border:0 !important;}
#add1Slide li.goodsDisplayWrap .goodsDisplayImageWrap img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#add1Slide li.goodsDisplayWrap .goodsDisplayImageWrap .goodsDisplayImageIcon {position:absolute; left:0; top:0;}

#add1Slide button.slick-prev,
#add1Slide button.slick-next {top: 50%;position: absolute;transform: translateY(-50%);z-index: 9;width: 80px;height: 80px;background: center / 80px no-repeat;text-indent: -9999px; transition:.5s;}
#add1Slide button.slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;left: -180px;} 
#add1Slide button.slick-next {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;right: -180px;}
#add1Slide:hover button.slick-prev {background-image: url(/design/duduworld/220906/ico_main_prev_black.png) !important;}
#add1Slide:hover button.slick-prev.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_prev_gray.png) !important;}
#add1Slide:hover button.slick-next {background-image: url(/design/duduworld/220906/ico_main_next_black.png) !important;}
#add1Slide:hover button.slick-next.slick-disabled {background-image: url(/design/duduworld/220906/ico_main_next_gray.png) !important;}
#add1Slide .slick-dots {text-align: center;margin-top: 50px;}
#add1Slide .slick-dots li {display: inline-block;margin: 0 7px;}
#add1Slide .slick-dots li button {width: 12px;height: 12px;border-radius: 100%;text-indent: -9999px;background: #f4f4f4;}
#add1Slide .slick-dots li.slick-active button {background: #ee4a44;}

/* 브랜드 */
#brand ul {font-size: 0;}
#brand li {display: inline-block;margin-right: 16px;margin-bottom: 50px;}
#brand li:nth-child(3n) {margin-right: 0;}
#brand li img {border-radius:15px;}
#brand li .txt {font-size: 20px;color: #191919;text-align: center;line-height: 1.25;margin-top: 22px;}

.brand .more {text-align: center;}
.brand .more a {display: block;width: 300px;height: 70px;margin: 10px auto 0;font-size: 20px;background: #f4f4f4;color: #191919;line-height: 70px;border-radius: 45px;}
.brand .more a::after {content: "";display: inline-block;width: 7px;height: 13px;background: url(/design/duduworld/220906/ico_more.png) center / 7px 13px no-repeat;margin-left: 12px;}


/* 중앙 탭 좌측배너 & 탭상품 관련 스타일 */
.tab_pro_area {width:1200px; padding-top:50px; margin:0 auto;}
.tab_pro_area .left_ban {float:left;padding:0px;margin:0px;}
.contentslider-tab {width:827px;height:483px;overflow:hidden;float:right;border:1px solid #e3e3e3;border-top:0;}

.contentslider-tab ul.displayTabType2 {*zoom:1; padding:0;text-align:center;margin:0 auto;}
.contentslider-tab ul.displayTabType2:after {content:""; display:block; clear:both;}
.contentslider-tab ul.displayTabType2 li {float:left;display:inline-block; padding:0; width:206px; height:41px; line-height:41px; text-align:center; color:#555;border:0; cursor:pointer;border-top:2px solid #000; border-left:1px solid #e3e3e3;  border-bottom:1px solid #e3e3e3;background-color:#f0f0f0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.contentslider-tab ul.displayTabType2 li:first-child {border-left:0;width:206px;}
.contentslider-tab ul.displayTabType2 li.active {color:#525252; background-color:#fff; font-weight:normal; height:41px;line-height:41px;border-top:2px solid #ed1c24; border-bottom:1px solid #fff;}
.contentslider-tab .displayTabContentsContainerBox {width:97%;margin:0 auto;padding:20px 0 0 0; border:0;}
.tab_pro_area .goodsDisplayWrap .goodsDisplayImageWrap {width:240px; margin:0 auto;}
.tab_pro_area .displayTabContentsContainerWrap .displayTabContentsA .goodsDisplayTextWrap {width:240px;}


/* 메인 - 패럴렉스 */
.main_parallax {margin-top:90px; padding:100px 0; text-align:center;}
.main_parallax h3 {margin-bottom:60px; font-size:40px; font-weight:bold; color:#ffffff;}
.main_parallax a.pbtn {border:1px solid #ffffff; padding:25px 40px; text-align:center; font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; transition:0.5s ease-in-out;}
.main_parallax a.pbtn:hover {background:rgba(255,255,255,0.3);}

/* 냉장고 쇼름 fixed */
.quick-showroom-nav {
    top: auto;
    bottom: 50px;
    right: calc(100% / 2 - 750px / 2 - 250px - 20px);
}

.quick-showroom-nav {
    position: fixed;
    font-size: 0;
    text-align: center;
    opacity: 1;
    z-index: 100;
}


/* spot */
.slick-slide > div > a {position: relative;}
.slick-slide .spotWrap > span {position: absolute;font-size: 20px;background: #191919;color: #fff;font-weight: 400;padding: 0 15px;height: 30px;line-height: 30px;border-radius: 15px;visibility: hidden;}
.slick-slide .spotWrap.wrap01 > span.spot1 {top: 80px;left: 275px;}
.slick-slide .spotWrap.wrap01  > span.spot2 {top: 215px;left: 144px;}
.slick-slide .spotWrap.wrap01  > span.spot3 {top: 360px;left: 185px;}
.slick-slide .spotWrap.wrap01  > span.spot4 {top: 445px;left: 188px;}

.slick-slide .spotWrap.wrap02 > span.spot1 {top: 440px;left: 230px;}
.slick-slide .spotWrap.wrap02  > span.spot2 {top: 355px;left: 95px;}
.slick-slide .spotWrap.wrap02  > span.spot3 {top: 215px;left: 285px;}

.slick-slide .spotWrap.wrap03 > span.spot1 {top: 145px;right: 15px;}
.slick-slide .spotWrap.wrap03  > span.spot2 {top: 95px;left: 345px;}
.slick-slide .spotWrap.wrap03  > span.spot3 {bottom: 75px;right: 45px;}
.slick-slide .spotWrap.wrap03  > span.spot4 {top: 80px;left: 185px;}

.slick-slide .spotWrap > span .ico_spot {display: inline-block;position: absolute;top: 37%;left: -12px;width: 8px;height: 8px;background: #191919;border-radius: 100%;visibility: visible;}
.slick-slide .spotWrap > span .ico_spot::before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%;border: 5px solid #191919;transition: 1s;}
.slick-slide .spotWrap > span .ico_spot::after {content: "";display: inline-block;width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%; z-index:1;}
.slick-slide .spotWrap > span.on {visibility:visible;}
.slick-slide .spotWrap > span.on .ico_spot::before {border: 0;width: 8px;height: 8px;}


#mainBnnr.slider_wrap {position: relative;}
#mainBnnr .slick-slide > div {font-size: 0;}
#mainBnnr .slick-slide .item {overflow: hidden;}
#mainBnnr .progress {position: absolute;left: 50%;bottom: 30px;width: 100%;height: auto;transform: translate(-50%, 0);text-align: center;}
#mainBnnr .progress div {display: inline-block;width: 70px;height: 2px;padding: 0;cursor: pointer;margin: 0 10px;}
#mainBnnr .progress div span.progressBar {display: block;width: 100%;height: 2px;background-color: #f4f4f4;}
#mainBnnr .progress div span.progressBar .inProgress {display: block;width: 0%;height: 2px;background-color: #191919;}


/* BASIC css end */