.header {border-bottom: none;}

.wid {max-width:1440px; margin:0 auto; width:100%; padding:0 20px;}
.wid:after {content:''; clear:both; display: table;}

.main {margin-top:145px;}

.main .main_slide {height:630px; background:#fafafa; width:calc(100% - 60px); margin-left:30px; overflow: hidden; border-radius:30px;}
.main .main_slide .swiper {width:100%; height:100%; position: relative;}
.main .main_slide .swiper .swiper-slide {width:100%; height:100%;}
.main .main_slide .swiper .swiper-slide .txt {max-width:1360px; margin:0 auto; width:100%; padding:120px 30px 0 30px;}
.main .main_slide .swiper .swiper-slide .txt h2 {font-size:55px; font-weight:400; color:#222; margin-top:20px;}
.main .main_slide .swiper .swiper-slide .txt h2 b {font-weight:800;}
.main .main_slide .swiper .swiper-slide .txt span {display: inline-block; width:100%; margin-top:38px; font-size:18px; color:#333 ; line-height:1.45em; font-weight:300;}
.main .main_slide .swiper .arrow_box {position: absolute; width:180px; left:19px; bottom:160px; text-align: center; font-family: 'GmarketSansMedium'; font-size:18px; color:rgba(0,0,0,.2); font-weight:400; padding-bottom:2px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-button-prev:after {content:none !important;}
.main .main_slide .swiper .arrow_box_wid {max-width:1300px; width:100%; margin:0 auto; position: relative; z-index: 1; }
.main .main_slide .swiper .arrow_box b {color:#222; font-weight:400; display: inline-block; margin-right:9px;}
.main .main_slide .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important}




.category_sec {position: relative; z-index: 1;}
.category_sec .wid {border-bottom:1px solid #eee; padding:70px 0 55px 0; text-align: center;}
.category_sec .wid:after {content:''; clear:both; display: table;}
.category_sec button {display:inline-block; width:calc((100% - 210px) / 8); margin-right:25px; border:none; background:none; font-size:17px; color:#222; position: relative; font-weight:700;}
.category_sec button img {margin-bottom:38px; width:50px; height:50px;}
.category_sec button:after {content:''; position: absolute; left:50%; top:-24px; width:100px; height:100px; background:#f6f6f6; border-radius:50%; z-index: -1; transform: translate(-50%,0);}
.category_sec button:last-child {margin-right:0; color:#59AD7D;}
.category_sec button:last-child img {position: relative; top:1px;}
.category_sec button:last-child:after {border:2px solid #59AD7D; background:#fff;}







.banner {background:#f9f9f9; padding:95px 0 100px 0; margin:115px 0;}
.banner h2 {font-size:32px; color:#222; font-weight:600; text-align: center; position: relative;}
.banner h3 {font-size:16px; font-weight:300; margin-top:10px; color:#999; text-align: center; letter-spacing: .3px; margin-bottom:40px;}
.banner .wid:after {content:''; clear:both ;display: table;}
.banner .img_box {float:left; width:380px; height:380px; border-radius:5px; background:url('../img/banner_img4.jpg')no-repeat center; background-size:cover; padding:45px 50px;}
.banner .img_box a {display: inline-block; font-size:16px; color:#fff; font-weight:500; }
.banner .img_box a img {margin:-2px 0 0 5px;}
.banner .img_box p {margin-top:175px; font-size:35px; color:#fff; font-weight:600; font-family: 'GmarketSansMedium'; letter-spacing: .6px; }
.banner .img_box span {display: inline-block; width:100%; margin-top:12px; line-height:1.4em; color:#fff; font-weight:200; font-size:18px;}
.banner .img_box span b {font-weight:600;}
.banner .swiper {float:right; width:calc(100% - 420px);  margin-top:15px;}
.banner .swiper .swiper-slide {width:222px !important; cursor: pointer;}
.banner .swiper .cart {position: absolute; right:12px; bottom:132px; height:38px; width:38px; border-radius:50%; background:#fff;  border:none;}
.banner .swiper .cart img {width:22px; margin-top:-2px;}
.banner .swiper .img {width:100%; padding-top:100%; border-radius:15px; border:1px solid #e1e1e1; position: relative}
.banner .swiper  .swiper-slide.sold_out .img:after {content:'상품이 품절되었습니다'; position: absolute; display: flex; left:0; top:0; width:100%; height:100%; background:rgb(61 61 61 / 66%); text-shadow: 0 0 2px rgb(0 0 0 / 38%); z-index: 1; font-size:16px; color:#fff; text-align: center; font-weight:600;align-items: center; justify-content: center; backdrop-filter: blur(1px);border-radius:15px; letter-spacing: .2px;}
.banner .swiper .txt {padding:20px 0px 0 0; }
.banner .swiper .txt p.b_point {font-size:12px; color:#59AD7D; font-weight:500;}
.banner .swiper .txt p.title {font-size:15px; color:#000; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:5px;}
.banner .swiper .txt p.pay {margin-top:8px; font-size:18px; font-weight:700;}
.banner .swiper .txt p.pay b {color:#59ad7d; display: inline-block; margin-right:3px;}
.banner .swiper .txt p.pay span {display: inline-block; font-size:13px; color:#b9b9b9; text-decoration: line-through; margin-left:2px; position: relative; top:1px; font-weight:400;}
.banner .swiper .txt strong {display: inline-block; margin-top:15px;}
.banner .swiper .txt strong img {margin-right:3px; height:18px;}

.banner .swiper .txt .review {position: absolute; right:0; bottom:1px; margin:0;}
.banner .swiper .txt .review p {font-size:12px; color:#222; font-weight:500;}
.banner .swiper .txt .review p span {color:#999; display: inline-block; margin-left:2px; font-weight:400;}
.banner .swiper .txt .review p img {margin:-3px 3px 0 0;}








.main .sec1 {}
.main .sec1 h2 {font-size:32px; color:#222; font-weight:600; text-align: center; position: relative;}
.main .sec1 h3 {font-size:16px; font-weight:300; margin-top:10px; color:#999; text-align: center; letter-spacing: .3px; margin-bottom:40px;}

.main .sec1 .swiper_wid {position: relative; margin:0 -20px; width:calc(100% + 40px);}
.main .sec1 .swiper_wid .swiper {padding:50px 20px; }
.main .sec1 .swiper_wid .swiper .swiper-wrapper {}
.main .sec1 .swiper_wid .swiper-slide {overflow: hidden; cursor: pointer;}
.main .sec1 .swiper_wid .swiper-slide .img {width:100%; padding-top:100%; border-radius:15px;}
.main .sec1 .swiper_wid .swiper-slide .txt {padding:18px 0px; }
.main .sec1 .swiper_wid .swiper-slide .txt p {font-size:15px; color:#222; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.main .sec1 .swiper_wid .swiper-slide .txt span {display: inline-block; width:100%; margin-top:5px; color:#222; font-size:16px; font-weight:700;}
.main .sec1 .swiper_wid .swiper-slide .txt span b {font-size:21px; color:#4386f5; position: relative; top:1px; font-weight:800;}
.main .sec1 .swiper_wid .swiper-slide .txt span strong {font-size:21px;  display: inline-block; margin-right:1px; margin-left:2px; position: relative; top:1px; font-weight:800;}

.main .sec1 .swiper-button-next, .main .sec1 .swiper-button-prev {top:43% !important;}
.main .sec1 .swiper-button-prev {left:-25px !important;}
.main .sec1 .swiper-button-next {right:-25px !important;}
.main .sec1 .swiper-button-next img , .main .sec1 .swiper-button-prev img {transform: scale(1.3);}

.main .sec1 #tab2, .main .sec1 #tab3, .main .sec1 #tab4, .main .sec1 #tab5 {display: none;}

.main .sec1 .more_bt {display: block; padding:0 18px 0 22px; border:1px solid #111; color:#111; font-size:15px; background:#fff; margin:50px auto 0 auto; height:45px; border-radius:50px;}
.main .sec1 .more_bt img {margin:-2px 0 0 10px;}

.main .sec1 ul {margin-top:30px; text-align: center;margin-bottom:-20px;}
.main .sec1 ul:after {content:''; clear:both; display: table;}
.main .sec1 ul li {display: inline-block; text-align: center; padding:11px 20px; font-size:16px; color:#a3a3a3; font-weight:400; position: relative; margin:0 6px; cursor: pointer; border:1px solid #DCDCDC; border-radius:50px;}
.main .sec1 ul li.on {color:#fff; font-weight:500; border:1px solid #59AD7D; background:#59AD7D;}

.main .sec1 .list {margin-top:45px;}
.main .sec1 .list:after {content:''; clear:both; display: table;}
.main .sec1 .list .box {float:left; margin-top:35px; width:calc((100% - 30px) / 2); margin-right:30px; position: relative;}
.main .sec1 .list .box:nth-child(2n) {margin-right:0;}
.main .sec1 .list .box .cart {position: absolute; left:240px; top:240px; height:45px; width:45px; border-radius:50%; background:#fff;  border:none;}
.main .sec1 .list .box .cart img {margin-top:-2px;}
.main .sec1 .list .box .img {float:left; width:300px; height:300px; border-radius:15px; cursor: pointer; border:1px solid #eee; position: relative}
.main .sec1 .list .box.sold_out .img:after {content:'상품이 품절되었습니다'; position: absolute; display: flex; left:0; top:0; width:100%; height:100%; background:rgb(61 61 61 / 66%); text-shadow: 0 0 2px rgb(0 0 0 / 38%); z-index: 1; font-size:18px; color:#fff; text-align: center; font-weight:600;align-items: center; justify-content: center; backdrop-filter: blur(1px);border-radius:15px; letter-spacing: .2px;}
.main .sec1 .list .box .txt {float:right; width:calc(100% - 335px); margin-top:25px;}
.main .sec1 .list .box .txt p.b_point {font-size:13px; color:#59AD7D; font-weight:500; margin-top:6px;}
.main .sec1 .list .box .txt p.title {font-size:18px; color:#000; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:11px;}
.main .sec1 .list .box .txt p.pay {margin-top:8px; font-size:18px; font-weight:700;}
.main .sec1 .list .box .txt p.pay b {color:#59ad7d; display: inline-block; margin-right:3px;}
.main .sec1 .list .box .txt p.pay span {display: inline-block; font-size:13px; color:#b9b9b9; text-decoration: line-through; font-weight:400; width:100%; margin-bottom:5px;}
.main .sec1 .list .box .txt strong {display: inline-block;}
.main .sec1 .list .box .txt strong img {margin-right:3px; }
.main .sec1 .list .box .txt .contents {margin-top:20px; font-size:15px; color:#adadad; line-height:1.45em; font-weight:300; display: -webkit-box;  overflow:hidden;  text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.main .sec1 .list .box .txt .review { margin-top:20px; }
.main .sec1 .list .box .txt .review p {font-size:13px; color:#222; font-weight:500;}
.main .sec1 .list .box .txt .review p span {color:#999; display: inline-block; margin-left:2px; font-weight:400;}
.main .sec1 .list .box .txt .review p img {margin:-2px 5px 0 0; width:12px;}








.main .sec5 {margin-top:130px;}
.main .sec5 h2 {font-size:32px; color:#222; font-weight:600; text-align: center; position: relative;}
.main .sec5 h3 {font-size:16px; font-weight:300; margin-top:10px; color:#999; text-align: center; letter-spacing: .3px; margin-bottom:30px;}

.main .sec5 .banner_box:after {content:''; clear:both ;display: table;}
.main .sec5 .banner_box .img {float:left; width:calc((100% - 40px) / 2); margin-right:40px; height:220px; border-radius:20px}
.main .sec5 .banner_box .img:last-child {margin-right:0;}

.main .sec5 .list:after {content:''; clear:both; display: table;}
.main .sec5 .list {margin-top:15px;}
.main .sec5 .list .box {float:left; width:calc((100% - 150px) / 4); margin:40px 50px 0 0; position: relative; cursor: pointer;}
.main .sec5 .list .box:nth-child(4n) {margin-right:0;}
.main .sec5 .list .box .cart {position: absolute; right:12px; bottom:180px; height:45px; width:45px; border-radius:50%; background:#fff;  border:none; z-index: 1;}
.main .sec5 .list .box .cart img {margin:0 0 2px 0;}
.main .sec5 .list .box .img {width:100%; padding-top:100%; border-radius:15px; position: relative; border:1px solid #eee;}
.main .sec5 .list .box.sold_out .img:after {content:'상품이 품절되었습니다'; position: absolute; display: flex; left:0; top:0; width:100%; height:100%; background:rgb(61 61 61 / 66%); text-shadow: 0 0 2px rgb(0 0 0 / 38%); z-index: 1; font-size:18px; color:#fff; text-align: center; font-weight:600;align-items: center; justify-content: center; backdrop-filter: blur(1px);border-radius:15px; letter-spacing: .2px;}
.main .sec5 .list .box .img .col1 {position: absolute; left:18px; top:15px; font-size:14px; color:#fff; padding:6px 12px ;border-radius:4px; background:#ff5252}
.main .sec5 .list .box .txt {padding:15px 0px 0 0; position: relative;}
.main .sec5 .list .box .txt p.b_point {font-size:13px; color:#59AD7D; font-weight:500;}
.main .sec5 .list .box .txt p.title {font-size:16px; color:#000; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:5px;}
.main .sec5 .list .box .txt p.pay {margin-top:8px; font-size:20px; font-weight:700;}
.main .sec5 .list .box .txt p.pay b {color:#59ad7d; display: inline-block; margin-right:3px;}
.main .sec5 .list .box .txt p.pay span {display: inline-block; font-size:14px; color:#b9b9b9; text-decoration: line-through; margin-left:2px; position: relative; top:1px; font-weight:400;}
.main .sec5 .list .box .txt strong {display: inline-block; margin-top:15px;}
.main .sec5 .list .box .txt strong img {margin-right:3px;}

.main .sec5 .list .box .txt .review {position: absolute; right:0; bottom:0; margin:0;}
.main .sec5 .list .box .txt .review p {font-size:13px; color:#222; font-weight:500;}
.main .sec5 .list .box .txt .review p span {color:#999; display: inline-block; margin-left:2px; font-weight:400;}
.main .sec5 .list .box .txt .review p img {margin:-3px 3px 0 0;}

.main .sec5 .list .box .time {width:100%; background:#f6f6f6; border-radius:6px; padding:8px 10px; text-align: center; font-size:13px ;color:#888; letter-spacing: .2px; margin-top:17px;}
.main .sec5 .list .box .time b {color:#444; display: inline-block; margin:0 8px 0 5px;}

.main .sec5 .more_bt {display: block; padding:0 18px 0 22px; border:1px solid #111; color:#111; font-size:15px; background:#fff; margin:50px auto 0 auto; height:45px; border-radius:50px;}
.main .sec5 .more_bt img {margin:-2px 0 0 10px;}






.main .sec2 {width:100%; background:url('../img/sec2_img.png')no-repeat center right -25px #EFF6FF; padding:40px 60px; border-radius:20px;}
.main .sec2 h2 {font-size:25px; color:#000; font-weight:800;}
.main .sec2 p {margin-top:8px; font-size:16px; color:#333; font-weight:500;}
.main .sec2 p br {display: none;}



.main .sec3 {padding:65px 0 30px 0;}
.main .sec3 .wid {position: relative;}
.main .sec3 .page_more {position: absolute; right:0; top:-3px; height:45px; width:105px; background:none; border:1px solid #59ad7d; color:#59ad7d; border-radius:50px; font-size:15px;}
.main .sec3 .page_more img {margin:-3px 0 0 15px;}
.main .sec3 h2 {font-size:32px; color:#222; font-weight:600; text-align: center; position: relative;}
.main .sec3 h3 {font-size:16px; font-weight:300; margin-top:10px; color:#999; text-align: center; letter-spacing: .3px;}

.main .sec3 .list:after {content:''; clear:both; display: table;}
.main .sec3 .list {margin-top:15px;}
.main .sec3 .list .box {float:left; width:calc((100% - 150px) / 4); margin:40px 50px 0 0; position: relative; cursor: pointer;}
.main .sec3 .list .box:nth-child(4n) {margin-right:0;}
.main .sec3 .list .box .cart {position: absolute; top:12px; right:10px; height:45px; width:45px; border-radius:50%; background:#fff;  border:none; z-index: 1; display: none;}
.main .sec3 .list .box .img {width:100%; padding-top:100%; border-radius:15px; border:1px solid #eee; position: relative}
/*.main .sec3 .list .box .img .top_img {position: absolute; left:8px; top:8px; width:58px;}*/
.main .sec3 .list .box .img .top_img {position: absolute; left:-6px; top:-6px;}
.main .sec3 .list .box .img .top_img img{margin-bottom:4px;}
.main .sec3 .list .box .img .top_img .img_posi {left:-8px; margin-top:4px; position: relative}
.main .sec3 .list .box .img .ad_banner1 {position: absolute; right:12px; bottom:12px; width:70px;}
.main .sec3 .list .box .img .ad_banner2 {position: absolute; left:12px; bottom:10px;}
.main .sec3 .list .box .txt {padding:15px 0px 0 0; }
.main .sec3 .list .box .txt p.b_point {font-size:13px; color:#59AD7D; font-weight:500;}
.main .sec3 .list .box .txt p.title {font-size:16px; color:#000; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:5px;}
.main .sec3 .list .box .txt p.pay {margin-top:8px; font-size:20px; font-weight:700;}
.main .sec3 .list .box .txt p.pay b {color:#59ad7d; display: inline-block; margin-right:3px;}
.main .sec3 .list .box .txt p.pay span {display: inline-block; font-size:14px; color:#b9b9b9; text-decoration: line-through; margin-left:2px; position: relative; top:1px; font-weight:400;}
.main .sec3 .list .box .txt strong {display: inline-block; margin-top:15px;}
.main .sec3 .list .box .txt strong img {margin-right:4px; height:23px;}

.main .sec3 .list .box .txt .review {position: absolute; right:0; bottom:4px; margin:0}
.main .sec3 .list .box .txt .review p {font-size:13px; color:#222; font-weight:500;}
.main .sec3 .list .box .txt .review p span {color:#999; display: inline-block; margin-left:2px; font-weight:400;}
.main .sec3 .list .box .txt .review p img {margin:-3px 3px 0 0;}

.main .sec3 .list .box.sold_out .img:after {content:'상품이 품절되었습니다'; position: absolute; display: flex; left:0; top:0; width:100%; height:100%; background:rgb(61 61 61 / 66%); text-shadow: 0 0 2px rgb(0 0 0 / 38%); z-index: 1; font-size:18px; color:#fff; text-align: center; font-weight:600;align-items: center; justify-content: center; backdrop-filter: blur(1px);border-radius:15px; letter-spacing: .2px;}


.main .sec3 .more_bt {display: block; padding:16px 40px; border:1px solid #ddd; color:#777; font-size:15px; background:#fff; margin:60px auto 0 auto;}






.main .sec4 {background:#fafafa; padding:80px 0 60px 0; margin-top:40px;}
.main .sec4 h2 {font-size:25px; color:#111; font-weight:700;}
.main .sec4 .more {position: absolute; right:0; top:10px; font-size:14px; color:#000; font-weight:600; border:none; background:none; }
.main .sec4 .box1 {float:left; width:calc((100% - 70px) / 2); position: relative;}
.main .sec4 .box1 table {width:100%; border-collapse: collapse; border-top:2px solid #111; margin-top:25px; table-layout: fixed;}
.main .sec4 .box1 table th {font-size:15px; color:#111; border-bottom:1px solid #444; padding:12px 0; font-weight:500;}
.main .sec4 .box1 table td {font-size:15px; color:#222; border-bottom:1px solid #eee; padding:15px 0; text-align: center;}
.main .sec4 .box1 table th:first-child {text-align: left; padding-left:10px;}
.main .sec4 .box1 table td:first-child {text-align: left; padding-left:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.main .sec4 .box1 table th:last-child {width:100px;}

.main .sec4 .box2 {float:right; width:calc((100% - 70px) / 2); position: relative;}
.main .sec4 .box2 .list {margin-top:25px;}
.main .sec4 .box2 .list:after {content:''; clear:both; display: table;}
.main .sec4 .box2 .list .box {float:left; width:calc((100% - 30px) / 3); margin:0 15px 30px 0; cursor: pointer; background:#fff;}
.main .sec4 .box2 .list .box:nth-child(3n) {margin-right:0;}
.main .sec4 .box2 .list .box .img {width:100%; padding-top:100%; }
.main .sec4 .box2 .list .box .txt {padding:15px 15px 0 15px; border:1px solid #e4e4e4; border-top:none;}
.main .sec4 .box2 .list .box .txt p {font-size:13px; color:#777; line-height:1.35em; display: -webkit-box; display: -ms-flexbox;overflow:hidden;  text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.main .sec4 .box2 .list .box .txt p b {display: inline-block; width:100%; margin-bottom:5px; color:#111; font-size:14px; font-weight:600;}
.main .sec4 .box2 .list .box .txt .pro {display: inline-block; width:100%; position: relative; padding:12px 0 17px 47px; border-top:1px dashed #ddd; margin-top:14px;}
.main .sec4 .box2 .list .box .txt .pro .pro_img {position: absolute; left:0; top:12px; width:35px; height:35px; border-radius:4px;}
.main .sec4 .box2 .list .box .txt .pro .pro_txt span {display: inline-block; width:100%; padding-top:3px; font-size:13px; color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main .sec4 .box2 .list .box .txt .pro .pro_txt .star_box img {width:11px; float:left; margin-right:3px;}
.main .sec4 .box2 .list .box .txt .pro .pro_txt .star_box:after {content:''; clear:both; display: table;}
.main .sec4 .box2 .list .box:last-child {display: none;}












.book_sec {margin-top:100px;}
.book_sec .wid { padding-top:100px; border-top:1px solid #eee}
.book_sec h2 {font-size:32px; color:#222; font-weight:600; text-align: center; position: relative; margin-top:8px;}
.book_sec h3 {font-size:16px; font-weight:300; margin-top:10px; color:#999; text-align: center; letter-spacing: .3px; margin-bottom:30px;}
.book_sec h4 {text-align: center; font-size:15px; font-weight:600; color:#59AD7D;}

.book_sec ul {margin-top:30px; text-align: center;margin-bottom:-20px;}
.book_sec ul:after {content:''; clear:both; display: table;}
.book_sec ul li {display: inline-block; text-align: center; padding:11px 20px; font-size:16px; color:#a3a3a3; font-weight:400; position: relative; margin:0 6px; cursor: pointer; border:1px solid #DCDCDC; border-radius:50px;}
.book_sec ul li.on {color:#fff; font-weight:500; border:1px solid #59AD7D; background:#59AD7D;}
.book_sec .list {position: relative;}
.book_sec .list .swiper{margin-top:70px; padding:15px 5px;}
.book_sec .list .swiper-slide {border-radius:6px; box-shadow: 2px 2px 15px rgba(0,0,0,.1); overflow: hidden; cursor: pointer;}
.book_sec .list .swiper-slide .img {width:100%; padding-top:100%;}
.book_sec .list .swiper-slide .txt {padding:25px;}
.book_sec .list .swiper-slide .txt p {font-size:18px; color:#000; font-weight:500; text-overflow:ellipsis; overflow: hidden; white-space: nowrap}
.book_sec .list .swiper-slide .txt span {display: inline-block; width:100%; margin-top:10px; display: -webkit-box;  overflow:hidden;  text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height:1.45em; font-size:14px; color:#777; font-weight:400;}
.book_sec .list .swiper-slide .txt b {display: inline-block; margin-top:20px; font-size:13px; color:#bbb; font-weight:300;}

.book_sec .list .swiper-button-next2 {position: absolute; right:-55px; top:50%; transform: translate(0,-50%);}
.book_sec .list .swiper-button-prev2 {position: absolute; left:-55px; top:50%; transform: translate(0,-50%);}
.book_sec .list .swiper-button-next2 img ,.book_sec .list .swiper-button-prev2 img {width:42px;}

.book_sec .more_bt {display: block; padding:0 18px 0 22px; border:1px solid #111; color:#111; font-size:15px; background:#fff; margin:50px auto 0 auto; height:45px; border-radius:50px;}
.book_sec .more_bt img {margin:-2px 0 0 10px;}






.banner2 {margin-top:100px;  width:100%; text-align: center;}
.banner2 .wid {position: relative; padding-top:55px; height:320px;}
.banner2 .img1 {position: absolute; left:0; bottom:0;}
.banner2 .img2 {position: absolute; right:0; bottom:0;}
.banner2 p {font-size:18px; color:#fff;}
.banner2 h2 {font-size:35px; margin-top:12px; color:#fff;}
.banner2 span {display: inline-block; width:100%; margin-top:15px; font-size:14px; color:#fff; line-height:1.45em;}
.banner2 button {border:1px solid #fff; color:#fff; font-size:15px; border-radius:50px; height:45px; padding:0 18px 0 22px;  background:none; margin-top:30px}
.banner2 button img {margin:-2px 0 0 10px; }






.review {margin:50px auto 90px auto; position: relative;max-width:1440px;}
.review .swiper{margin-top:70px; padding:15px 5px;}
.review .swiper-slide {border-radius:6px; box-shadow: 2px 2px 15px rgba(0,0,0,.1); overflow: hidden; cursor: pointer;}
.review .swiper-slide .img {width:100%; padding-top:100%;}
.review .swiper-slide .txt {padding:25px;}
.review .swiper-slide .txt:after {content:''; clear:both; display: table;}
.review .swiper-slide .txt p {font-size:18px; color:#000; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.review .swiper-slide .txt span {display: inline-block; height: 61px; width:100%; margin-top:10px; display: -webkit-box;  overflow:hidden;  text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height:1.45em; font-size:14px; color:#777; font-weight:400;}
.review .swiper-slide .txt b {display: inline-block; margin-top:20px; font-size:13px; color:#222; font-weight:300;}
.review .swiper-slide .txt b addr {display: inline-block; color:#bbb; margin-left:10px;}
.review .swiper-slide .txt strong {float:right; font-size:13px; color:#222; font-weight:500; margin-top:20px;}
.review .swiper-slide .txt strong img {margin:-2px 3px 0 0 ;}

.review .swiper-slide .pro {border-top:1px solid #eee; margin:0px 0 0 25px; width:calc(100% - 50px); padding-top:20px; padding-bottom:13px;}
.review .swiper-slide .pro:after {content:''; clear:both; display: table;}
.review .swiper-slide .pro .pro_img {float:left; width:75px; height:75px; border-radius:50%; position: relative; top:-5px;}
.review .swiper-slide .pro .pro_txt {float:right; width:calc(100% - 90px); padding-right:25px; position: relative;}
.review .swiper-slide .pro .pro_txt .tit {font-size:15px; color:#222; font-weight:500; margin-top:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review .swiper-slide .pro .pro_txt .pay {margin-top:4px; font-size:17px; font-weight:700; color:#222;}
.review .swiper-slide .pro .pro_txt .pay b {color:#59AD7D; display: inline-block; margin-right:5px;}
.review .swiper-slide .pro .pro_txt .pay span {display: inline-block; font-size:13px; position: relative; top:0px; color:#bbb; text-decoration: line-through; font-weight:400; margin-left:2px;}
.review .swiper-slide .pro .pro_txt .heart {position: absolute; right:3px; top:52%; transform: translate(0,-50%); border:none; filter:grayscale(100); opacity: .25; transition: .3s;}
.review .swiper-slide .pro .pro_txt .heart.on {filter:initial; opacity: 1;}




@media screen and (max-width:1600px) {
	.main .sec1 .arrow_box {display: none;}
	.main .sec2 .arrow_box {display: none;}
	.main .main_slide .swiper .swiper-slide .txt {padding: 120px 60px 0 110px;}

	.swiper-button-next img , .swiper-button-prev img {width:50px;}

	.book_sec .list .swiper-button-next2, .book_sec .list .swiper-button-prev2 {display: none;}
}

@media screen and (max-width:1200px) {
	.main .main_slide {height:500px;}
	.main .main_slide .swiper .swiper-slide .txt {padding-top:115px;}
	.main .main_slide .swiper .swiper-slide .txt p {font-size:18px;}
	.main .main_slide .swiper .swiper-slide .txt h2 {font-size:35px; margin-top:15px;}
	.main .main_slide .swiper .swiper-slide .txt span {font-size:15px; margin-top:22px; line-height:1.4em;}
	.main .main_slide .swiper .arrow_box {bottom:130px;}


	.main .sec1 {padding:75px 0 20px 0;}
	.main .sec1 h3 {font-size:16px;}
	.main .sec1 h2 {font-size:27px;}


	.main .sec2 {background-size:40%; padding:30px 40px;}
	.main .sec2 h2 {font-size:22px;}
	.main .sec2 p {font-size:15px;}


	.main .sec3 {padding:80px 0 30px 0;}
	.main .sec3 h3 {font-size:16px;}
	.main .sec3 h2 {font-size:27px;}
	.main .sec3 .list {margin-top:0;}
	.main .sec3 .list .box {width:calc((100% - 60px) / 3); margin-right:30px;}
	.main .sec3 .list .box:nth-child(4n) {margin-right:30px;}
	.main .sec3 .list .box:nth-child(3n) {margin-right:0;}
	.main .sec3 .list .box:last-child {display: block;}


	.main .sec4 .box1 {width:100%;}
	.main .sec4 .box2 {width:100%; margin-top:70px;}

	.category_sec button {width:calc(100% / 4); margin:0; float:left;}
	.category_sec button:nth-child(-n + 4) {margin-bottom:50px;}

	.main .sec3 .list .box:nth-child(7),.main .sec3 .list .box:nth-child(8) {display: none;}
	.main .sec3 .page_more {position: relative; top:0; margin:0 auto; display: block; margin-top:40px;}

	.banner {margin:65px 0;}
	.banner h2 {font-size:27px;}
	.banner .swiper {width:calc(100% - 380px); padding-left:30px;}

	.main .sec1 {padding:15px 0 20px 0;}
	.main .sec1 ul {margin-top:15px;}
	.main .sec1 .list .box .img {width:250px; height:250px;}
	.main .sec1 .list .box .txt {width:calc(100% - 275px); margin-top:15px;}
	.main .sec1 .list .box .txt .review {margin:20px 0 0 0;}
	.main .sec1 .list .box .cart {left:190px;}
	.main .sec1 .list .box .txt p.title {font-size:16px;}
	.main .sec1 .list .box .txt p.pay {font-size:16px;}
	.main .sec1 .list .box .txt p.pay span {width:auto; margin-left:2px;}
	.main .sec1 .list .box .txt .contents {margin-top:15px; font-size:14px;}

	.main .sec5 {margin-top:60px;}
	.main .sec5 h2 {font-size:27px;}
	.main .sec5 .banner_box .img {height:auto; padding-top:15.5%; float:left; width:calc((100% - 15px) / 2); margin-right:15px; border-radius:10px}
	.main .sec5 .banner_box .img:last-child {margin-right:0;}
	.main .sec5 .list .box {width:calc((100% - 50px) / 3); margin-right:25px;}
	.main .sec5 .list .box:last-child {display: none;}
	.main .sec5 .list .box:nth-child(3n) {margin-right:0;}

	.book_sec {margin-top:60px;}
	.book_sec .wid {padding-top:60px;}
	.book_sec h2 {font-size:27px;}
	.book_sec h3 {line-height:1.4em;}

	.banner2 {overflow-x:hidden}
	.banner2 .wid {height:280px; padding-top:37px}
	.banner2 h2 {font-size:30px;}
	.banner2 .img1 {width:190px;}
	.banner2 .img2 {width:285px; right:-70px;}

	.review .swiper-slide .txt p {font-size:16px;}
	.review .swiper-slide .pro .pro_img {width:60px; height:60px;}
	.review .swiper-slide .pro .pro_txt {width:calc(100% - 71px)}
	.review .swiper-slide .pro .pro_txt .tit {margin-top:5px; font-size:14px;}
	.review .swiper-slide .pro .pro_txt .pay {font-size:15px;}
	.review .swiper-slide .pro .pro_txt .pay span {font-size:12px;}
	.review .swiper-slide .txt {padding:25px 20px;}
	.review .swiper-slide .pro {margin-left:20px; width:calc(100% - 40px);}
}


@media screen and (max-width:1000px) {
	.main .sec1 .list .box .img {width:180px; height:180px; }
	.main .sec1 .list .box .cart {left:135px; width:35px; height:35px;}
	.main .sec1 .list .box .cart img {width:20px;}
	.main .sec1 .list .box .cart {bottom:11px; top:initial}
	.main .sec1 .list .box .txt .contents {display: none;}
	.main .sec1 .list .box .txt {width:calc(100% - 200px);}

	.main .sec3 .list .box .img .top_img {top:-4px; left:-4px;}
	.main .sec3 .list .box .img .top_img img {width:48px;}
	.main .sec3 .list .box .img .ad_banner2 {height:20px; left:8px; bottom:7px;}
	.main .sec3 .list .box .img .ad_banner1 {width:50px; right:7px; bottom:6px;}
}


@media screen and (max-width:767px) {
	.review {margin-top:15px; margin-bottom:20px;}
	.review .swiper {margin-top:0;}
	.review .swiper-slide .txt {padding:15px;}
	.review .swiper-slide .txt p {font-size:14.5px }
	.review .swiper-slide .txt span {margin-top:5px; font-size:13px; line-height:1.35em; -webkit-line-clamp:2;}
	.review .swiper-slide .txt b {font-size:11px; margin-top:12px;}
	.review .swiper-slide .txt b addr {margin-left:0; width:100%; margin-top:5px;}
	.review .swiper-slide .txt strong {font-size:11px; margin-top:-13px;}
	.review .swiper-slide .pro .pro_img {width:40px ;height:40px; border-radius:10px;}
	.review .swiper-slide .pro .pro_txt {width:100%; padding-right:0;}
	.review .swiper-slide .pro .pro_txt .heart {transform: initial; top:-30px;}
	.review .swiper-slide .pro .pro_txt .pay {font-size:14px;}
	.review .swiper-slide .pro .pro_txt .pay span {display: none;}

	.main {margin-top:140px;}
	.main .main_slide {height:350px; width:100%; margin-left:0; border-radius:0; }
	.main .main_slide .swiper .swiper-slide {background-position: center right -260px !important}
	.main .main_slide .swiper .swiper-slide .txt {padding:40px 50px 0 50px;}
	.main .main_slide .swiper .swiper-slide .txt p {font-size:15px;}
	.main .main_slide .swiper .swiper-slide .txt h2 {font-size:30px; margin-top:10px;}
	.main .main_slide .swiper .swiper-slide .txt span {font-size:13px;}

	.main .main_slide .swiper .arrow_box {font-size:15px; width:160px; bottom:130px;}
	.main .main_slide .swiper .arrow_box img {width:50px;}
	.swiper-button-next img, .swiper-button-prev img {width:30px;}
	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:0px !important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0px !important;}


	.main .sec1 {padding:55px 0 20px 0;}
	.main .sec1 .swiper_wid {margin-top:19px;}
	.main .sec1 .swiper_wid .swiper {padding:26px 20px;}
	.main .sec1 .swiper_wid .swiper-slide .txt p {font-size:14px;}
	.main .sec1 .swiper_wid .swiper-slide .txt span {font-size:14px;}
	.main .sec1 .swiper_wid .swiper-slide .txt span strong {font-size:18px;}
	.main .sec1 .swiper_wid .swiper-slide .txt span b {font-size:18px;}
	.main .sec1 h3 {font-size:14px;  margin-top:5px; margin-bottom:20px;}
	.main .sec1 h2 {font-size:22px;}
	.main .sec1 .more_bt {padding:13px 30px; margin-top:25px; font-size:14px;}

	.main .sec1 ul {position: relative; left:-20px; width:calc(100% + 40px); padding:0 20px; margin-top:15px; display:flex; overflow-x:scroll; margin-bottom:10px;}
	.main .sec1 ul::-webkit-scrollbar {display: none;}
	.main .sec1 ul:after {content:''; clear:both; display: table;}
	.main .sec1 ul li {float:left; width:calc((100% - 15px) / 4); margin:0 5px 0 0 ; padding:8px 0; font-size:13px; min-width:85px;  flex:0 0 auto;}
	.main .sec1 ul li:last-child {display: none;}

	.main .sec1 .list {margin-top:0;}
	.main .sec1 .list .box {margin-top:15px;}
	.main .sec1 .list .box .txt p.b_point {margin-top:0}

	.main .sec2 {padding:27px 30px; background-size:63%; background-position: center right -118px; border-radius:15px;}
	.main .sec2 h2 {font-size:16px;}
	.main .sec2 p {font-size:13px; line-height:1.35em;}
	.main .sec2 p br {display: block;}


	.main .sec3 {padding:40px 0 30px 0;}
	.main .sec3 h3 {font-size:14px;}
	.main .sec3 h2 {font-size:22px;}
	.main .sec3 .list {margin-top:0px;}
	.main .sec3 .list .box {width:calc((100% - 20px) / 2); margin-right:20px; margin-top:20px;}
	.main .sec3 .list .box:nth-child(3n) {margin-right:20px;}
	.main .sec3 .list .box:nth-child(2n) {margin-right:0;}
	.main .sec3 .list .box:last-child {display: none;}

	.main .sec3 .list .box .txt p {font-size:14px;}
	.main .sec3 .list .box .txt span {font-size:14px;}
	.main .sec3 .list .box .txt span strong {font-size:18px;}
	.main .sec3 .list .box .txt span b {font-size:18px;}

	.main .sec3 .more_bt {padding:13px 30px; margin-top:40px; font-size:14px;}

	.main .sec3 h3 {margin-top:6px;}
	.main .sec3 .list .box .cart {width:35px; height:35px; right:8px; bottom:108px;}
	.main .sec3 .list .box .cart img {width:21px;}
	.main .sec3 .list .box .txt p.b_point {font-size:12px;}
	.main .sec3 .list .box .txt p.title {font-size:14px;}
	.main .sec3 .list .box .txt p.pay {font-size:15px; margin-top:5px;}
	.main .sec3 .list .box .txt p.pay b {margin-right:0;}
	.main .sec3 .list .box .txt p.pay span {font-size:11px; margin-left:0;}
	.main .sec3 .list .box .txt strong img {height:18px; }
	.main .sec3 .list .box .txt strong {margin-top:10px;}
	.main .sec3 .list .box .txt .review {margin:0;}
	.main .sec3 .list .box .txt .review p {font-size:12px;}
	.main .sec3 .list .box .txt .review p span {font-size:12px;}



	.main .sec4 {padding:55px 0 40px 0;}
	.main .sec4 h2 {font-size:22px;}
	.main .sec4 .box1 table {margin-top:20px;}
	.main .sec4 .box1 table th {font-size:14px;}
	.main .sec4 .box1 table td {font-size:14px; padding:12px 0;}
	.main .sec4 .box2 .list .box {width:calc((100% - 20px) / 2); margin-right:20px;}
	.main .sec4 .box2 .list .box:nth-child(3n) {margin-right:20px;}
	.main .sec4 .box2 .list .box:nth-child(2n) {margin-right:0;}
	.main .sec4 .box2 .list .box:last-child {display: block;}



	.main .sec1 .list .box {width:100%; margin-right:0;}
	.main .sec1 .list .box .img {width:160px; height:160px;}
	.main .sec1 .list .box .txt {width:calc(100% - 180px);}
	.main .sec1 .list .box .txt .review {margin-top:16px;}
	.main .sec1 .list .box .cart {left:115px;}
	.main .sec1 .list .box .txt strong img {height:18px;}

	.banner .img_box {width:100%; height:190px; padding:25px 30px}
	.banner .img_box a {font-size:14px; }
	.banner .img_box p {margin-top:44px; font-size:25px;}
	.banner .img_box span {margin-top:4px; font-size:14px;}
	.banner .swiper {width:100%; padding-left:0;}
	.banner .swiper .swiper-slide {width:130px !important;}
	.banner .swiper .img {border-radius:10px;}
	.banner .swiper .cart {width:30px; height:30px; bottom:initial; top:93px; border:1px solid #eee; right:10px;}
	.banner .swiper .cart img {width:18px;}

	.banner .swiper .txt {padding-top:13px;}
	.banner .swiper .txt p.b_point {font-size:11px;}
	.banner .swiper .txt p.title {font-size:13.5px;}
	.banner .swiper .txt p.pay {font-size:14px;}
	.banner .swiper .txt p.pay span {font-size:12px; margin-left:0; display: none;}
	.banner .swiper .txt strong img {height:16px;}
	.banner .swiper .txt .review p {font-size:11px;}


	.category_sec .wid {padding:40px 0 35px 0;}
	.category_sec button img {width:40px; height:40px; margin-bottom:26px;}
	.category_sec button {font-size:14px;}
	.category_sec button:nth-child(-n + 4) {margin-bottom:37px;}
	.category_sec button:after {width:75px; height:75px; top:-17px;}

	.banner {margin:25px 0 0 0; padding:55px 0 60px 0;}
	.banner h2 {font-size:22px;}
	.banner h3 {font-size:14px; margin-bottom:20px;}

	.main .sec5 h2 {font-size:22px;}
	.main .sec5 h3 {font-size:14px; margin-top:5px; margin-bottom:20px;}
	.main .sec5 .banner_box .img {width:100%; margin:0 0 10px 0; padding-top:32.5%;}

	.main .sec5 .list {margin-top:0;}
	.main .sec5 .list .box:last-child {display: inline-block;}
	.main .sec5 .list .box {width:calc((100% - 15px) / 2); margin-right:15px; margin-top:25px;}
	.main .sec5 .list .box:nth-child(3n) {margin-right:15px;}
	.main .sec5 .list .box:nth-child(2n) {margin-right:0;}
	.main .sec5 .list .box .txt p.b_point {font-size:11px;}
	.main .sec5 .list .box .txt p.title {font-size:13.5px;}
	.main .sec5 .list .box .txt p.pay {font-size:14px;}
	.main .sec5 .list .box .txt p.pay span {font-size:12px; margin-left:0;}
	.main .sec5 .list .box .txt strong {margin-top:10px;}
	.main .sec5 .list .box .txt strong img {height:16px;}
	.main .sec5 .list .box .time {font-size:11.5px; letter-spacing: 0; margin-top:12px;}
	.main .sec5 .list .box .txt .review {margin:0; bottom:2px;}
	.main .sec5 .list .box .txt .review p {font-size:11px;}

	.book_sec h2 {font-size:22px;}
	.book_sec h3 {font-size:13px; }
	.book_sec h3 br {display: none;}
	.book_sec ul {margin-top:20px;}
	.book_sec ul li {float:left; width:calc((100% - 10px) / 3); margin:0 5px 0 0 ; padding:8px 0; font-size:13px;}
	.book_sec ul li:nth-child(3n) {margin-right:0;}
	.book_sec .list .swiper {margin-top:40px;}
	.book_sec .list .swiper-slide .txt {padding:15px;}
	.book_sec .list .swiper-slide .txt p {font-size:14px;}
	.book_sec .list .swiper-slide .txt span {-webkit-line-clamp:2; margin-top:5px; line-height:1.35em; font-size:13px;}
	.book_sec .more_bt {margin-top:30px;}

	.banner2 {margin-top:50px;}
	.banner2 .wid {height:210px; padding-top:24px;}
	.banner2 .img1 {display: none;}
	.banner2 .img2 {display: none;}
	.banner2 p {font-size:16px; display: none;}
	.banner2 h2 {font-size:22px;}
	.banner2 span {font-size:13px; margin-top:10px;}
	.banner2 span br {display: none;}
	.banner2 button {margin-top:20px;}



	.main .sec3 .list .box.sold_out .img:after, .main .sec1 .list .box.sold_out .img:after, .main .sec5 .list .box.sold_out .img:after {font-size:13px;}
	.banner .swiper .swiper-slide.sold_out .img:after {font-size:12px;}
}





















.main_pop {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.7); }
.main_pop.no {display:none;}
.main_pop .view {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:500px;  overflow:hidden;  border-radius:20px 20px 0 0;}
.main_pop .view .scroll {max-height:calc(85vh - 45px); overflow-y:scroll; margin-bottom:45px; width:100%;}
.main_pop .view .scroll::-webkit-scrollbar {
	display:none;
}
.main_pop .view .swiper {width:100%;}
.main_pop .view .swiper img {width:100%;}
.main_pop .view .swiper .txt {position:absolute; top:20px; right:20px; background:rgba(0,0,0,.2); border-radius:30px; font-size:13px; color:#fff;padding:3px 8px 4px 8px; letter-spacing:.5px;}
.main_pop .view .col {background:#000; padding:0 20px; border-radius:0 0 20px 20px; position:absolute; left:0; bottom:0px; width:100%; z-index:1;}
.main_pop .view .col:after {content:''; clear:both; display:table;}
.main_pop .view .col button {height:45px; border:none; background:none; color:#fff; font-size:14px;}
.main_pop .view .col button.main_pop_close {float:right;}

@media (max-width:767px) {
	.main_pop .view {width:100%; top:initial; bottom:0; left:0; transform:initial;}
	.main_pop .view .col{border-radius:0;}
}