@charset "utf-8";

/* =================================
*   메인 css
*   2021-01-22 작성 -> 210601 작업본 백업
*   2021-06-01 디자인 변경 작업
================================== */

.fm--main {background-color: #fff; }
.fm--main .container-inner { padding-top: 0 !important;width: 100%;}


/* =======================================================
  (공통) 메인 타이틀
========================================================*/
.sec-customer .title-area .title{font-size:30px; font-weight:500;}
.point-color{color:#6ab5d5;}



/* =======================================================
  (공통) 버튼
========================================================*/



/* =======================================================
  main-bigbanner 배너
========================================================*/
.main-bigbanner { margin-bottom:40px; position: relative; }
.main-bigbanner .slick-slider {overflow: hidden; }
.main-bigbanner .slick-list {}
.main-bigbanner .slick-slide { width: 100vw; }
.main-bigbanner .slick-slide > div {display: block; }
.main-bigbanner .slick-arrow {position: absolute; top: 50%; z-index: 1; width: 30px; height: 54px; text-indent: -9999px; transform: translateY(-50%); }
.main-bigbanner .slick-arrow:after,
.main-bigbanner .slick-arrow:before { box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; left: 50%; width: 3px; height: 36px; background-color: #fff;content: ""; transform: translate(-50%, -50%); }
.main-bigbanner .slick-prev { left: 20px }
.main-bigbanner .slick-prev:after { margin-top: -40%;transform: translate(-50%, -50%) rotate(45deg); }
.main-bigbanner .slick-prev:before { margin-top: 40%;transform: translate(-50%, -50%) rotate(-45deg); }
.main-bigbanner .slick-next {  right: 20px; }
.main-bigbanner .slick-next:after { margin-top: -40%;transform: translate(-50%, -50%) rotate(-45deg); }
.main-bigbanner .slick-next:before { margin-top: 40%;transform: translate(-50%, -50%) rotate(45deg); }
.bigbanner-item {display: block !important; padding-top: 26.041%; overflow: hidden; position: relative; width: 100%; height: 0; background-color: #f7f8f9; }
.bigbanner-item:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.67);content: ""; }
.slick-active .bigbanner-item:after {content: none; }
.main-bigbanner a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main-bigbanner img {display: block; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.main-bigbanner img.pc-banner { display: block;}
.main-bigbanner img.mobile-banner { display: none }


.scroll-downs {position: absolute; bottom: 10%; left: 50%; z-index: 30; width: 27px; height: 55px; transform: translateX(-50%); }
.mouse { margin: 0 auto; padding: 4px 10px 8px; border: 2px solid #666;width: 3px; height: 23px; border-radius: 25px; opacity: 0.75; box-sizing: content-box; }
.scroller {width: 3px; height: 6px; background-color: #666; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; border-radius: 25%; }
.scroll-downs span {font-size: 11px; font-weight: 500; color: #444; white-space: nowrap; }

@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.main-visual .visual-txt{position: absolute; top: 50%; left: 50%; z-index: 3; width: 100%; max-width: 1100px; line-height: 1.5; transform: translate(-50%, -50%); }
.main-visual .visual-txt .visual-txt-bottom{margin-top: 15px; line-height: 1.5; }
.main-visual .visual-txt .visual-txt-bottom p {font-size: 20px; }
.main-visual .visual-txt .visual-btn a {margin-top: 50px; }
.main-visual .scroll-down-arrow img{position: absolute; top: -200%; left: 50%; width: 100%; max-width: 30px; animation: motion 1s infinite; opacity: .7; transform: translateX(-50%); }


/* =======================================================
  sec-field 필드영역
========================================================*/
.sec-field {margin-top: 150px; text-align:center; box-sizing: border-box;}
/*.sec-field .main-field-contents {padding: 0 15px;}*/
.sec-field .main-field-contents + .main-field-contents {margin-top: 5%; }

.sec-field .title-area { margin-bottom: 3%;position: relative; box-sizing: border-box; }
/*.sec-field .title-area .title {float: none; font-size: 24px; font-weight: 500; text-align: center; line-height: 60px; vertical-align: bottom; }*/
.sec-field .title-area .btn-goto { padding-right: 20px;position: absolute; right: 0; bottom: 0; float: none; vertical-align: middle; background-image: url("/AppData/images/site/button/btn_goto.png"); background-repeat: no-repeat; background-position: right center ; background-size: 20px 20px; font-size: 13px; font-weight: 400; line-height: 50px; }

.field-list-wrap {}

.field-list {font-size: 0; }
.field-list > li { display: block; overflow: hidden; /*box-shadow: 2px 2px 6px 3px rgba(5, 5, 5, 0.08);*/position: relative; width: 100%; }

/*.field-list > li:first-of-type {margin-top: 0; }*/
.field-list > li > a {display: block; width: 100%; height: 100%; }

.field-list .field-item {width: 100%; }
.field-list .field-item:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }

/*.field-list .field-thumb {float: left; width: 100%; height: 0; padding-top: 125%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; background-size: cover; }*/

.field-list .field-info { padding: 15px 10px 60px; width: calc(100% - 140px);float: left; box-sizing: border-box; }

.field-list .field-info .title {display: block; display: -webkit-box; overflow: hidden; height: 2.6em; font-size: 18px; font-weight: 500; line-height: 1.3; color: #222; text-align: center; letter-spacing: -0.3px; white-space: normal; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.field-list .field-info .text {display: block; display: -webkit-box; padding-top: 5px; overflow: hidden; max-height: 3.9em; font-size: 13px; font-weight: normal; line-height: 1.3; color: #777; text-align: left; letter-spacing: -0.3px; white-space: normal; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.field-list .field-util { display: block;position: absolute; top: 5px; left: 95px; }
.field-list .field-util:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }


.field-list .field-util > button { padding: 0 15px 0 10px;height: 34px; font-size: 13px; color: #666; text-align: center; box-sizing: border-box; }
.field-list .field-util > button span { }

/*.field-list .field-util .field-share {float: left; width: 100%; }*/
.field-list .field-util .field-share { border: 1px solid #e7e7e7;width: 40px; height: 40px; background-color: #fff; background-image: url("/AppData/images/site/icon/icon_share02.png"); background-repeat: no-repeat; background-position: center center; background-size: 17px 15px; border-radius: 999px; }
.field-list .field-util .field-share span {display: inline-block; text-indent: -9999px; }

.field-info .hashtag {margin-top: 5px; }
.field-info .hashtag ul {display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; }
.field-info .hashtag li {margin: 3px 3px 0 0; padding: 2px 4px; background-color: #ededed; font-size: 14px; font-weight: 500; color: #444; box-sizing: border-box; }
.field-info .hashtag li span:before {content: "#"; }

.field-sns { padding: 10px 10px 20px;position: absolute; right: 0; bottom: 0; width: calc(100% - 140px); box-sizing: border-box; }

.field-sns ul {display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; }
.field-sns ul:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }
.field-sns li + li {margin-left: 15px; }
.field-sns .btn-sns {display: block; margin: 0 auto; width: 34px; height: 34px; background-repeat: no-repeat; background-position: center center; background-size: contain; }



/* item sns
---------------------------------------------------*/
.sns-tictok .btn-sns {background-image: url(/AppData/images/site/sns/tiktok.png); }
.sns-instagram .btn-sns {background-image: url(/AppData/images/site/sns/instagram.png); }
.sns-youtube .btn-sns {background-image: url(/AppData/images/site/sns/youtube.png); }
.sns-twitter .btn-sns {background-image: url(/AppData/images/site/sns/twitter.png); }
.sns-facebook .btn-sns {background-image: url(/AppData/images/site/sns/facebook.png); }
/*.sns-weibo .btn-sns {background-image: url(/AppData/images/site/sns/weibo.png); }
.sns-afreecaTV .btn-sns {background-image: url(/AppData/images/site/sns/afreecatv.png); }
.sns-blog .btn-sns {background-image: url(/AppData/images/site/sns/blog.png); }*/


/* =======================================================
  sec-maingoods MD 영역
========================================================*/
.sec-maingoods {margin-top: 30px; box-sizing: border-box; }
.sec-maingoods .title-area .title{word-break: keep-all;}
.maingoods-tab { margin: 20px auto 0;width: 100%;}
.maingoods-tab ul {display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start;}
.maingoods-tab ul > li { width: 12.5%; text-align: center; box-sizing: border-box;}

.maingoods-tab ul > li button {display: block; padding: 10px 5px; width: 100%; height: 100%; font-size: 18px; line-height: 1.3; color: #888; letter-spacing: -0.28px; white-space: normal; word-wrap: break-word; box-sizing: border-box;}
.maingoods-tab ul > li:first-child {}
/*.maingoods-tab ul > li:nth-child(5n+5){border-right: 0; }*/

.maingoods-tab ul > li.current button { border-bottom: 2px solid #6ab5d5; font-weight: 700;color: #b42940;}

.goods-list-wrap {min-height: 510px;}
.goods-list-wrap:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }
.goods-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }



.goods-list li { margin-top: 20px; margin-right: 20px; width: calc(50% - 10px);float: left;}
.goods-list li:last-child {margin-right: 0; }
.goods-list li:nth-of-type(2n + 2) {margin-right: 0; }
.goods-list li a {display: block; }

.goods-list .nodata { margin: 0; padding: 110px 0; width: 100%; max-width: 100%;float: none; font-size: 14px; color: #666; text-align: center; cursor: default; }
.goods-list .nodata:hover{box-shadow: none;}

.goods-item {}

.goods-thumb { margin: 0 auto; border: 1px solid #eee; overflow: hidden;position: relative; width: 100%; height: calc(50vw - 25px); box-sizing: border-box;}
.goods-thumb:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background-color: rgba(199, 216, 210, 0.03);content: ""; }

.goods-thumb img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fafafa; -o-object-fit: cover; object-fit: cover; }

.item-sticker {position: absolute; top: 0; right: 0; z-index: 45; max-width: 90px; max-height: 90px; width: 50px; height: 50px; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; }


.goods-thumb .soldout-area {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.goods-thumb .soldout-area .soldout { display: block;position: absolute; top: 50%; left: 50%; z-index: 11; font-size: 40px; font-weight: 700; line-height: 1; color: #fff; text-align: center; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); transform: translate(-50%, -50%); }

.goods-list .goods-info { padding: 10px 5px 10px; min-width: 120px;text-align: left; }
.goods-list .goods-info .cate {display: block; margin-bottom: 4px; overflow: hidden; font-size: 14px; color:  #999; text-overflow: ellipsis; }
.goods-list .goods-info .title {display: block; display: -webkit-box; margin-bottom: 5px; overflow: hidden; height: 2.8em; font-size: 16px; font-weight: 400; line-height: 1.4; color:  #222; text-align: left; letter-spacing: -0.3px; white-space: normal; word-wrap:  break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.goods-list .goods-info .limited {font-size: 13px; color: #ff2121; }
.goods-list .goods-info .price-wrapper { display: inline-block; }
.goods-list .goods-info .members-only{
  display: block;
  margin-top: 10px;
  padding: 4px 10px;
  border: 1px solid #6ab5d5;
  font-weight: 700;
  color: #6ab5d5;
  white-space: initial;
  box-sizing: border-box;
}
.goods-list .goods-util .percent {display: inline-block; margin-right: 5px; height: 30px; vertical-align: middle; font-size: 18px; font-weight: 700; line-height: 30px; color: #2a6496; letter-spacing: -0.25px; } /* 할인율 */
.goods-list .goods-util .price{display: inline-block; }
.goods-list .goods-util .normal-price{display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; line-height: 30px; color: #666;  text-decoration: line-through; letter-spacing: -0.25px; white-space: initial;}

/* 비회원가 표시 */
.goods-list .goods-util .normal-price.member{ font-size: 20px; font-weight: 600; color: #222;text-decoration: none;}
.goods-list .goods-util .normal-price .symbol{font-size: 16px;}
.goods-list .goods-util .normal-price.member .symbol{font-size: 18px;}
.goods-list .goods-util .label-mark{ display: inline-block;margin-right: 3px;padding: 0 4px; height: 22px; vertical-align: middle; background-color: #6ab5d5; font-size: 14px; font-weight: 400;line-height: 22px;color: #fff;border-radius: 2px;box-sizing: border-box;}


.goods-list .goods-info .price { margin-bottom: 5px; vertical-align: middle; font-size: 16px; font-weight: 500; color: #666; letter-spacing: -0.25px; white-space: initial;}

.goods-list .goods-info .price em { margin-left: 3px; vertical-align: middle; font-size: 14px; font-style: normal; font-weight: 400; color: #000; }
.goods-list .goods-info .btn {margin-top: 8%; }
.goods-list .goods-info .price-dollar {font-size: 16px; font-weight: 500; line-height: 18px;  } 
.goods-list .goods-info .price-dollar em { font-size: 12px; font-style: normal;  font-weight: 400; }

/* 회원일때 */
.goods-list .goods-info .price.member{ font-size: 20px;color: #222;}
.goods-list .goods-info .price.member .symbol{ font-size: 18px;  font-weight: 600;color: #222;}


@media all and (min-width: 768px){
  .goods-list .goods-info .price-dollar {font-size: 16px; font-weight: 500; line-height: 20px;  } 
  .goods-list .goods-info .price-dollar em { font-size: 14px; font-weight: 400; }


  

}


/* =======================================================
  sec-maingoods 배너영역
========================================================*/
.ph-color{color: #ffe657 !important; text-shadow: 3px 3px 5px #22222282; fill: #ffe657;}
.ph-color.bold-txt{font-weight: 600;}
.ph-mobile{display: none;}
.sec-phoneservice{padding: 40px 0; position: relative; background-image: url(/AppData/images/site/main/bg_phoneservice03.png); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center;}
.sec-phoneservice::before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; content: ""; opacity: 0.8;}
.sec-phoneservice .title-area{margin-bottom: 10px;}
.sec-phoneservice .title-area .title{ font-size: 36px; color: #fff;}
.title-bot-area{color: #fff;}
.phone-txt{font-size: 24px; font-weight: 600;  word-break: keep-all;}
.phnsr-icon{ margin: 30px auto; max-width: 360px;}
.phnsr-icon ul{display: flex; justify-content: space-between;}
.phnsr-icon ul li{position: relative; width: 33.33%;}
.phnsr-icon ul li p{
  font-size: 18px;
  color: #fff;}
.phnsr-icon ul li::after{
  position: absolute;
  top: 5px;
  right: -15px;
  width: 18px;
  height: 18px;
  background-image: url(/AppData/images/site/main/btn_right.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  content: "";
}
.phnsr-icon ul li:last-child:after{display: none;}
.ph-service-txt{color: #fff; font-size: 18px;}
.ph-service-clock{margin-top: 10px; font-size: 18px; text-align: center;}
.phnsr-icon-num{font-size: 14px !important; letter-spacing: -1.1px;}

@media(max-width:1024px) {

  .maingoods-tab ul > li button{font-size: 16px;}

  .field-sns li + li { margin-left: 10px; }
  .field-sns .btn-sns { width: 30px; height: 30px; }
}


@media (max-width: 768px){
  .sec-phoneservice{background-position: -339px center;}
  .sec-phoneservice .title-area .title{font-size: 32px;}
  .ph-mobile{display: block;}
  .mobile-hidden{display: none;}
}

@media all and (max-width: 500px){
  .goods-list .goods-util .percent{}
  .goods-list .goods-util .normal-price{font-size: 15px;}
  .goods-list .goods-info .price.member{font-size: 18px;}
  .goods-list .goods-info .price.member .symbol{font-size: 16px;}
  .goods-list .goods-util .normal-price.member{display: block; font-size: 18px;}
  .goods-list .goods-util .normal-price.member .symbol{font-size: 16px;}


}

@media (max-width: 425px){
  .sec-phoneservice{background-position: -347px center;}
  .sec-phoneservice .title-area{margin-bottom: 5px;}
  .sec-phoneservice .title-area .title{font-size: 26px;}
  .phone-txt{font-size: 20px;}
  .phnsr-icon{margin: 20px auto; max-width: 320px;}
  .phnsr-icon ul li::after{
    top: 8px;
    right: -9px;
    width: 12px;
    height: 12px;
  }
  .ph-service-txt {font-size: inherit;}

}

/* =======================================================
  메인 이벤트
========================================================*/
.main-event {margin-top: 5%; box-sizing: border-box; }
.main-event:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }

.main-event .title-area .title {float: none; vertical-align: bottom; font-size: 24px; line-height: 30px; text-align:  center;}
.main-event .title-area .btn-goto { padding-right: 20px;position: absolute; right: 0; bottom: 0; float: none; vertical-align: bottom; background-image: url("/AppData/images/site/button/btn_goto.png"); background-repeat: no-repeat; background-position: right center ; background-size: 20px 20px; font-size: 13px; font-weight: 400; line-height: 30px; }

.main-event-list {width: 100%; }
.main-event-list:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }

.main-event-list .nodata { padding: 100px 0;width: 100%; font-size: 14px; color: #666; text-align: center; }
.main-event-list .nodata p {padding: 100px 0; font-size: 14px; color: #666; text-align: center; }


.main-event-list li { margin-bottom: 20px; width:  100%;float: none; }

.main-event-list .event-img {width: 100%; }
.main-event-list .event-img img {display: block; width: 100%;  }

.main-event-list .event-info {padding: 10px 15px; box-sizing: border-box; }
.main-event-list .event-info .date {display: block; margin-bottom: 4px; font-size: 12px; color: #666; }
.main-event-list .event-info .title {display: -webkit-box; display: block; overflow: hidden; max-height: 2.8em; font-size: 14px; font-weight: 400; line-height: 1.4; color: #222; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient:  vertical; }

/* =======================================================
  메인 리뷰
========================================================*/
.sec-review {  display:block; padding: 5% 0; background-color: #f7f7f9; margin-top: 3%;}
/* .sec-review .title-area .title {font-size: 24px; font-weight: 500; color: #222; } */

.sec-review .inner {padding: 0 15px; box-sizing: border-box; }
.main-reviewlist {}
.main-reviewlist:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }
.main-reviewlist li { margin: 0 20px 20px 0; border: 1px solid #ededed; width: calc(50% - 10px);float: left; background-color: #fff; box-sizing: border-box;}
.main-reviewlist li:nth-child(2n) {margin-right: 0; }
.main-reviewinfo { padding: 20px;width: 100%; box-sizing: border-box; }
.main-reviewinfo p { margin-top: 3px; }
.main-reviewinfo p:first-child { margin-top: 0; } 
.main-reviewinfo p.option { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main-reviewinfo a{display: block; text-align: left;}
.main-reviewinfo .title {display: block; margin-bottom: 10px; overflow: hidden; font-size: 18px; font-weight: 700; color: #000; white-space: nowrap; text-overflow: ellipsis; }
.main-reviewinfo .btn {height: 40px; background-color: transparent; font-size: 13px; font-weight: 500; line-height: 38px; color: #666; text-align: center;}
.main-reviewthumb { padding-top: 100%; overflow: hidden;position: relative; width: 100%; height: 0;  background-color: #f7f7f9; cursor: pointer;}
.main-reviewthumb img {position: absolute; top: 50%; left: 50%; width:100%; height: 100%; transform: translate(-50%, -50%); }
.review-con .date{font-size: 13px; color: #888; margin: 10px 0 15px;}
.main-reviewinfo .rating-wrapper { display: block; height: 17px; margin: 5px 0; }
.main-reviewinfo .text { margin-bottom: 20px; }

.main-reviewinfo .review-con {
  margin: 15px 0 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.review-con .rating-wrapper {white-space: nowrap; margin-left:0;}
.main-reviewinfo .review-con .rating-wrapper span {width: 14px; height: 14px; }
.main-reviewinfo .review-con .text {margin-top: 10px;}
.main-reviewinfo .review-con .option {display: block; margin-bottom: 15px; overflow: hidden; font-size: 13px; color: #999; white-space: nowrap; text-overflow: ellipsis; }

.main-reviewinfo .review-info .goods-item{ margin: 15px;}
.main-reviewinfo .goods-item a{ display: flex; align-items: center; font-size: 0;}
.main-reviewinfo .goods-item .goods-thumb{width: 50px; border: 1px solid #eee; height: 50px; padding-top: 0;}
.main-reviewinfo .goods-item .goods-thumb img{width: 100%;}
.main-reviewinfo .goods-item .goods-info{width: calc(100% - 60px); padding-left: 10px; box-sizing: border-box; font-size: 14px; text-align: left;}
.main-reviewinfo .goods-item .goods-name{font-weight: 500; color: #666; overflow: hidden;	white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.main-reviewinfo .goods-item .option{color: #666; overflow: hidden;	white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}


/* 메인 리뷰 팝업  */
#layer_review_view .layer-container{ position: absolute; left: 50%; bottom: auto; top: 50%; right: auto; transform: translate(-50%, -50%); max-width: 90%; width: auto;}
#layer_review_view .layer-contents{padding: 30px; height: auto; max-height: 80vh; position: relative; min-height: 500px;}

#layer_review_view .layer-contents .btn-close {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  vertical-align: middle;
  background-image: url(/AppData/images/mediacommerce/white/button/close.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
  float: right;
}
.review-detail-container{display: flex; clear: both;}
.review-detail-container .left{padding-right: 30px; box-sizing: border-box; width: 500px;}
.review-detail-container .right{width: 400px;}
.review-detail-container .review-thumb img{width: 100%; height: 100%;}
.review-detail-container .goods-item{margin-bottom: 20px;}

#layer_review_view .rating-wrapper span{width: 16px; height: 16px;}
#layer_review_view .user-info{background-color: #f5f5f5; padding: 12px; box-sizing: border-box; margin: 15px 0; display: flex; justify-content: space-between; align-items: center;}
#layer_review_view .user-info .date{margin: 0;}
#layer_review_view .review-text{max-height: 35vh; overflow-y: auto; margin-top: 15px; padding-right: 10px; box-sizing: border-box;}

.layer-review-veiw .swiper-slide {
	background-color: #333;
  height: 0;
  padding-top: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.layer-review-veiw .thumb-img .swiper-slide img {
	display: block;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.thumb-slider {
	height: 100px;
	box-sizing: border-box;
	padding: 10px 0;
  margin: 0 auto;
}
.thumb-slider .swiper-wrapper{
  justify-content: center;
  left: 50%;
  transform: translateX(-50%) !important;
}
.thumb-slider .swiper-slide {
	width: 80px !important;
  height: 80px;
  padding-top: 0;
	opacity: 0.4;
	cursor: pointer;
}
.thumb-slider .swiper-slide:last-child{margin-right: 0 !important;}
.thumb-slider .swiper-slide img{margin: 0 auto; display: block; height: 100%; width: 100%;}

.thumb-slider .swiper-slide-thumb-active {
	opacity: 1;
}

.review-detail-container .goods-item a{ display: flex; align-items: center; font-size: 0;}
.review-detail-container .goods-item .goods-thumb{width: 50px; border: 1px solid #eee; height: 50px; padding-top: 0;}
.review-detail-container .goods-item .goods-thumb img{width: 100%;}
.review-detail-container .goods-item .goods-info{width: calc(100% - 60px); padding-left: 10px; box-sizing: border-box; font-size: 14px; text-align: left;}
.review-detail-container .goods-item .goods-name{font-weight: 500; color: #666; overflow: hidden;	white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.review-detail-container .goods-item .option{color: #666; overflow: hidden;	white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}




@media all and (max-width: 1200px){
  .main-reviewlist li { margin-right: 20px;width: calc(50% - 15px); }
  .main-reviewlist li:nth-child(2n) {margin-right: 0; }
  .main-reviewlist li:nth-child(4n) {margin-right: 0;}

}


@media all and (min-width: 768px){
  .main-reviewlist li { margin-right: 20px;width: calc(25% - 15px); }
  .main-reviewlist li:nth-child(2n) {margin-right: 20px; }
  .main-reviewlist li:nth-child(4n) {margin-right: 0; }

}



/* =======================================================
  메인 카테고리
========================================================*/
.sec-cata{margin-top: 50px}
.main-category-list{}
.main-category-list ul{display: flex; justify-content: center;}
.main-category-list ul::after{ display: block; clear: both;content: '';}
.main-category-list li{ width: 100%;float: left; max-width: 120px;}
.main-category-list li a{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  width: 78%;
}
.main-category-list li span{display: block;}
.main-category-list li .cata-img{ padding-top: 100%; box-shadow: 0px 1px 10px #cbcbcb; overflow: hidden; position: relative;width: 100%; height: 0; box-sizing: border-box; border-radius: 10px;}
.main-category-list li .cata-nm{margin-top: 15px; width: 100%; word-break: keep-all; text-wrap: wrap;}
.main-category-list li a img{ position: absolute; top: 50%; left: 50%;width: 80%; transform: translate(-50%, -50%);}


/* =======================================================
  메인 키워드
========================================================*/
.sec-keyword {margin-top: 100px}

.hashtag-wrap {margin: 0 auto 5%;width: 100%; /*max-width: 700px; */ }
.hashtag-wrap ul {display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; }

/* 이전 해시태그 스타일 */
/*.hashtag-wrap li {margin: 5px 5px; }
.hashtag-wrap .hashtag {padding: 8px 12px; box-sizing: border-box; background-color: #ededed; color: #444; }
.hashtag-wrap .hashtag span:before {content: "#"; }
.hashtag-wrap .hashtag.hashtag-all span:before { content: "";  }
.hashtag-wrap li.active .hashtag {background-color: #6ab5d5; color: #fff; } */

/* BEST TOP 100 스타일*/
.sec-keyword .title-area .title{word-break: keep-all;}
.hashtag-wrap li {margin: 5px 15px; }
.hashtag-wrap .hashtag {padding: 10px 15px; font-size: 18px; color: #888; box-sizing: border-box;}
.hashtag-wrap li.active .hashtag { border-bottom: 2px solid #6ab5d5; font-weight: 700;color: #6ab5d5;}



/* 해시태그 리스트 */
.keyword-productlist {padding: 0 15px; box-sizing: border-box;  }
/*.keyword-productlist .goods-list li {width: calc(100% - 60px); }*/
.keyword-productlist .goods-list li:last-child{margin-right: 0;}
.keyword-productlist .goods-center {  display: block; justify-content: center; width: 100%;-webkit-box-pack: center; -ms-flex-pack: center;}
.keyword-productlist .slick-arrow {position: absolute; top: calc(50% - 56px); z-index: 10; transform: translateY(-50%); }
.keyword-productlist .slick-prev { left: -32px;width: 64px; height: 64px;  background-image: url("/AppData/images/site/button/slick_left02.png"); background-repeat: no-repeat; background-size: contain; text-indent: -99999px; }
.keyword-productlist .slick-next { right: -32px;width: 64px; height: 64px;  background-image: url("/AppData/images/site/button/slick_right02.png"); background-repeat: no-repeat; background-size: contain; text-indent: -99999px; }
.sec-keyword .btn-all,
.sec-maingoods .btn-all {width: 25%; height: auto; min-height: 50px; padding:10px 15px; border-radius: 4px; font-size: 16px; font-weight: 500; line-height: 1.2; white-space: normal; background-color: #6ab5d5; color: #fff;   border: none;     word-break: keep-all;}
/*.keyword-productlist .slick-slide > div {display: -webkit-flex; display: -ms-flexbox; display: flex; }*/
.sec-keyword .pagination-wrapper, .sec-maingoods .pagination-wrapper { padding: 20px 15px; }
.sec-keyword .btn-all:hover, 
.sec-maingoods .btn-all:hover{
  background-color: #2a6496;
  color: #fff;
  border: 1px solid #2a6496;
}






@media all and (max-width: 1200px){
  .keyword-productlist .slick-list {margin: 0 -15px; }
  .keyword-productlist .slick-slide {margin: 0 15px; }
  .keyword-productlist .goods-thumb { padding-top: 100%;width: 100%; height: 0; }
  .keyword-productlist .slick-arrow{top: calc(50% - 30px);}

}
@media all and (min-width: 1200px){
  /* .keyword-productlist {padding: 0 140px; } */
  .keyword-productlist .goods-list li {margin-top: 0; padding: 0; width: calc(25% - 20px); box-sizing: border-box; }
  .keyword-productlist .goods-list .nodata { padding: 110px 0;width: 100%; }

}


/* =======================================================
  메인 기획전
========================================================*/
.sec-special { margin-top: 5%; padding:4% 10px;position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.sec-special:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);content: ""; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
/* .sec-special .inner { max-height: 416px; } */
.sec-special .btn.style01 {border-color: #fff; color: #fff; }


.special-wrap { max-height: 400px; }
.special-wrap .special-contents { padding: 0 10px;width: 50%; box-sizing: border-box; }
.special-wrap .special-contents a {display: block; width: 100%; height: 100%; }
.special-wrap .slick-slide { max-width: 399px; }
.special-thumb { padding-top: 100%; overflow: hidden;position: relative; width: 100%; height: 0; }
.special-thumb img { overflow: hidden;position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);}

/*.special-info {padding: 4% 4%; box-sizing: border-box; white-space: normal; }
.special-info .title {font-size: 18px; font-weight: 500; color: #fff; }
.special-info .text {margin-top: 5px; font-size: 14px; letter-spacing: -0.5px; color: #fff; }
.special-info .btn {margin-top: 4%; }*/

.special-util {display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; }
.slick-arrow {width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: auto; }
.special-prev { background-image: url("/AppData/images/site/button/special_left.png");order: 1;}
.special-next { background-image: url("/AppData/images/site/button/special_right.png");order: 3;}

.special-pagination { margin: 0 2%;order: 2; }
.special-pagination:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }
.special-pagination li { width: auto; height: 30px;float: left; line-height: 28px; }
.special-pagination li + li {margin-left: 10px; }
.special-pagination li button { overflow: hidden;width: 5px; height: 5px; background-color: #ccc; text-indent: -9999px; border-radius: 999px; }
.special-pagination li.slick-active button {width: 8px; height: 8px; background-color: #fff; }


/*
  ##Device = Laptops, Desktops common
  ##Screen =  ~ 359px
*/
@media all and (max-width: 359px){
  .goods-list .goods-info .limited {color: #ff2121; }
  .field-list .field-thumb { padding-top: 0;width: 140px; height: 187px; }
}

/*
  ##Device = Laptops, Desktops common
  ##Screen = 360px ~ 374px
*/
@media all and (min-width: 360px) and (max-width: 374px){
  .goods-list .goods-info .limited {color: #ff2121; }
}



/*
  ##Device = Laptops, Desktops common
  ##Screen = 326px ~ 359px
*/
@media all and (min-width: 360px) and (max-width: 460px){

  .field-list .field-thumb { padding-top: 0;width: 160px; height: 203px; }

  .field-list .field-info {width: calc(100% - 160px); }
  .field-list .field-util {top: 5px; left: 115px; }

  .field-sns {width: calc(100% - 160px); }
  .goods-list .goods-info .limited {color: #ff2121; }

  .main-event {margin-top: 70px; }
}


/*
  ##Device = Laptops, Desktops common
  ##Screen = 326px ~ 359px
*/
@media all and (min-width: 461px) and (max-width: 689px){

  .sec-field {margin-top: 80px; }
  .field-list .field-thumb { padding-top: 0;width: 180px; height: 240px; }

  .field-sns {width: calc(100% - 180px); }
  .field-list .field-info {width: calc(100% - 180px); }
  .field-list .field-util {left: 135px; }

  /* .sec-maingoods {margin-top: 80px; } */
  .goods-list .goods-info .limited {color: #ff2121; }

  .main-event {margin-top: 80px; }

}





/*
  ##Device = Laptops, Desktops common
  ##Screen = 326px ~ 359px
*/
@media all and (min-width: 690px) and (max-width: 767px){

  .sec-field {margin-top: 90px; }

  .field-list > li {display: inline-block; margin-top: 0; margin-right: 20px; width: calc((100% - 60px)/4); vertical-align: top; }
  .field-list > li:nth-child(4n) {margin-right: 0; }

  .field-list .field-thumb { width: 100%;float: none; }

  .field-list .field-info { padding: 10px 10px 20px; width: 100%; }
  .field-list .field-util {top: 10px; right: 10px; left: auto; }
  .field-sns {position: relative; width: 100%; }

  .sec-keyword,
  .sec-maingoods {margin-top: 40px; }

  /* .fm--main .goods-list li {width: calc((100% - 40px)/3); } */

  .goods-list .goods-info .limited {color: #ff2121; }

  .main-event {margin-top: 90px; padding: 0 15px;}
  .main-event .title-area .title {font-size: 26px; }

  .main-event-list {box-sizing: border-box; }
  .main-event-list li { margin-right: 20px; width: calc(50% - 10px);float: left; }
  .main-event-list li:nth-of-type(2n + 2){margin-right: 0; }

  .main-event-list .event-info {padding: 10px 10px; }


}



/*
  ##Device = Laptops, Desktops common
  ##Screen = 326px ~ 359px
*/
@media all and (min-width: 768px) and (max-width: 1023px){

  .sec-field {margin-top: 90px; }

  .field-list > li {display: inline-block; margin-top: 0; margin-right: 20px; width: calc((100% - 60px)/4); vertical-align: top; }
  .field-list > li:nth-child(4n) {margin-right: 0; }


  .field-list .field-thumb { width: 100%;float: none; }

  .field-list .field-info { padding: 10px 10px 20px;width: 100%; }
  .field-list .field-util {top: 10px; right: 10px; left: auto; }
  .field-sns {position: relative; width: 100%; }

  .sec-keyword,
  .sec-maingoods {margin-top: 40px; }

  .goods-list li {width: calc((100% - 40px)/3); }
  .goods-list li:nth-of-type(2n + 2) {margin-right: 1.818%; }
  .goods-list li:nth-of-type(3n + 3) {margin-right: 0; }

  .goods-item {}
  .goods-thumb {height: calc((100vw - 70px)/3); }

  .goods-list .goods-info .limited {color: #ff2121; }

  .main-event {margin-top: 90px; }
  .main-event .title-area .title {font-size: 26px; }

  .main-event-list {padding: 0 15px; box-sizing: border-box; }
  .main-event-list li { width: calc(50% - 10px);float: left; }
  .main-event-list li:nth-of-type(2n + 2){margin-right: 0; }

  .main-event-list .event-info {padding: 10px 10px; }

}

@media all and (min-width: 768px) and (max-width:  1200px){

  .sec-field {margin-top: 90px; }

  .field-list > li {display: inline-block; margin-top: 0; margin-right: 20px; width: calc((100% - 60px)/4); vertical-align: top; }
  .field-list > li:nth-child(4n) {margin-right: 0; }


  .field-list .field-thumb { width: 100%;float: none; }

  .field-list .field-info { padding: 10px 10px 20px;width: 100%; }
  .field-list .field-util {top: 10px; right: 10px; left: auto; }
  .field-sns {position: relative; width: 100%; }

  .sec-keyword,
  .sec-maingoods {margin-top: 40px; }

  .goods-list-wrap{min-height: 410px;}
  .goods-list li {width: calc((100% - 40px)/3); }
  .goods-list li:nth-of-type(2n + 2) {margin-right: 20px; }
  .goods-list li:nth-of-type(3n + 3) {margin-right: 0; }

  .goods-item {}
  .goods-thumb {height: calc((100vw - 70px)/3); }
  .goods-list .goods-info .limited {color: #ff2121; }


  .main-event {margin-top: 90px; }
  .main-event .title-area .title {font-size: 26px; }

  .main-event-list {padding: 0 1.363%; box-sizing: border-box; }
  .main-event-list li { width: calc(50% - 10px);float: left;}
  .main-event-list li:nth-of-type(2n + 2){margin-right: 0; }

  .main-event-list .event-info {padding: 10px 10px; }

}

/*
  ##Device = Laptops, Desktops common
  ##Screen = B/w 1024px to
*/
@media (min-width: 1200px) {

/* =======================================================
  sec-mainvisual 비쥬얼 배너
========================================================*/
  .sec-mainvisual {height: 480px; }

  .mainvisual-wrapper { margin: 0 auto; width: 100%;min-width: 1200px; /*max-width: 1920px;*/ height: 480px; }
  .mainvisual-item {height: 480px; }

  /* =======================================================
    sec-field 필드영역
  ========================================================*/
  .sec-field {margin-top: 5%; padding: 0; }


  .field-list-wrap { margin: 0 auto;width: 100%;}
  .field-list > li {display: inline-block; margin-top: 40px; margin-right: 40px; overflow: hidden; width: calc(25% - 30px); vertical-align: top; }
  .field-list > li:nth-child(1),
  .field-list > li:nth-child(2),
  .field-list > li:nth-child(3),
  .field-list > li:nth-child(4) {margin-top: 0; }

  .field-list > li:nth-of-type(4n) {margin-right: 0; }

  .field-list > li.nodata { padding: 100px 0;width: 100%; font-size: 14px; color: #888; text-align: center; }


  .field-list .field-item {width: 100%; cursor: pointer; }

  .field-list .field-thumb {position: relative; float: none;}

  /*.field-list > li:hover .field-thumb {-webkit-filter: grayscale(0); filter: none; }*/

  .field-list .field-info { padding: 30px 10px 20px;width:  100%; }
  .field-list .field-info .title {font-size: 24px; }
  .field-list .field-info .text {}

  .field-list .field-util {display: none; top: 10px; right: 10px; left: auto; }
  .field-list li:hover .field-util {display: block; }
  .field-list .field-util:hover .field-share {background-image: url("/AppData/images/site/icon/icon_share02_on.png"); }

  .field-sns {position: relative; width: 100%; }


  /* =======================================================
    sec-maingoods MD 영역
  ========================================================*/
  .sec-maingoods {margin-top: 40px; }
  .goods-list li { margin-top: 40px; margin-right: 20px; width: calc(25% - 15px);float: left;}
  .goods-list li:nth-of-type(2n + 2) {margin-right: 20px; }
  .goods-list li:nth-of-type(3n + 3) {margin-right: 20px; }
  .goods-list li:nth-of-type(4n) {margin-right: 0; }

  .keyword-productlist .slick-list {margin: 0 -10px; }
  .keyword-productlist .slick-slide {margin: 0 10px; }

  .goods-thumb { padding-top: 100%;width: 100%; height: 0; box-sizing: border-box;}
  .goods-list .goods-info {padding: 20px 10px 30px; }
  .goods-list .goods-info .limited {color: #ff2121; }



  /* =======================================================
    메인 이벤트
  ========================================================*/
  .main-event {margin-top: 5%; padding: 0; }
  .main-event:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }

  .main-event .title-area { margin-bottom: 40px; padding: 0 1.363%;position: relative; }
  .main-event .title-area .title {float: none; font-size: 24; line-height: 30px; text-align: center; }
  .main-event .title-area .btn-goto { margin-top: 0; margin-left: 0;position: absolute; right: 0; bottom: 0; float: none; }

  .main-event-list { padding: 0 1.363%;width: 1200px; box-sizing: border-box; }
  .main-event-list:after { display: block; height: 0; clear: both; visibility: hidden;content: ""; }


  .main-event-list li { width: 540px;float: left; }
  .main-event-list li:nth-of-type(2n + 2) {margin-left: 20px; }

  .main-event-list .event-img {width: 540px; height: 216px; }
  .main-event-list .event-img img { display: block;width: 100%; height: 100%; }

  .main-event-list .event-info {margin-top: 10px; padding: 0 5px 10px; }

  .main-event-list li:hover {cursor: pointer; }
  .main-event-list li:hover .title {text-decoration: underline; }

  .special-info .title {font-size: 24px; }



} /* 끝 */


/* =======================================================
  23-05-16 고객센터 + 공지사항
========================================================*/
.sec-customer{margin-top:5%;}
.cstm-cont-area{height:auto;}
.cstm-cont-area.call{ display:flex; justify-content:space-between; flex-direction:column;position:relative;}

.sec-cstm-box{ margin-left:2%; padding:30px; border:1px solid #ddd;width:49%; height:auto; box-sizing:border-box;}
.sec-cstm-box:last-child{margin-left:0;}
.sec-cstm-box.full{display:flex; justify-content:center; flex-direction:column; width:100%;}
.sec-cstm-box .title-area{padding-bottom:15px;}

.cstm-call-area .sub-dsc{color:#777;}
.cstm-call-area .cstm-dsc{display:inline-block; padding-top:15px; color:#777;}
.cstm-call-area .call-memo strong{display:inline-block; width:100%; font-size:36px;}

.cstm-notice-area .view-more{line-height:42px;}
.cstm-notice-area .view-more::after{ display:inline-block; width:25px; height:25px; vertical-align:middle; background-image:url(/AppData/images/site/main/more_arrow.png); background-repeat:no-repeat; background-position:right top 3px; background-size:8px auto;content:"";}
.cstm-notice-area li{padding:15px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.cstm-notice-area li:first-child{padding-top:0;}
.cstm-notice-area li:last-child{padding-bottom:0; border-bottom:none;}
.cstm-notice-area li.nodata{padding:50px 0; text-align:center;}
.cstm-notice-area li a{width:100%;}
.cstm-notice-area li .foot-ntc-tit{ overflow:hidden;width:calc(100% - 110px); text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.cstm-notice-area li .foot-ntc-date{ margin-left:25px;width:85px; text-align:right;}


/* =======================================================
  23-05-19 팝업스토어 (기존 best seller)
========================================================*/
.field-list > li{width:calc(50% - 20px);}
.field-list > li:last-child{margin-right:0;}
.field-list .field-thumb{ padding-top:56.25%; width: 100%; height: 0;float: left; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; background-size: 60% auto;}
.field-list .field-item:hover .field-thumb{background-size:65% auto; -o-transition: all 0.3s; -moz-transition:  all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}





@media (max-width:1200px){
  .field-list > li{width:calc(50% - 10px);}
}


@media (max-width:1024px){
  .main-visual .visual-txt .visual-txt-top strong{font-size: 28px;}

  .sec-cstm-box{ margin-left:0; padding:20px;width:100%; height:100%;}
  .sec-cstm-box:last-child{margin-top:20px;}

  .cstm-cont-area{height:auto;}
  .cstm-call-area .call-memo{padding-top:20px;}

  .sec-keyword .btn-all,
  .sec-maingoods .btn-all { width: 100%; min-height: auto; font-size: 14px; border: 1px solid #6ab5d5; background-color: #fff; color: #6ab5d5; height: auto;  }

}

@media (max-width:768px){

  .main-bigbanner {margin: 0; }
  .main-bigbanner .slick-slide {width: 100vw; }
  .bigbanner-item {padding-top: 80%; }
  .bigbanner-item:after {display: none; }
  .main-bigbanner img.pc-banner {display: none ; }
  .main-bigbanner img.mobile-banner {display: block ; }

  
  /* 메인 카테고리 */
  .sec-cata{margin-top: 30px;}
  .main-category-list ul{flex-wrap: wrap;}
  .main-category-list li{width: 20%; max-width: 100%;}
  .main-category-list li:nth-child(n+6){margin-top: 20px;}
  .main-category-list li .cata-nm{font-size: 12px;}


  .sec-customer .title-area .title {font-size: 22px; }
  .sec-field .title-area .btn-goto{line-height:34px;}

  .cstm-call-area .call-memo strong{font-size:24px;}
  .cstm-notice-area .view-more{line-height:30px;}
  .cstm-notice-area .view-more::after{ background-position:right top 5px;background-size:6px auto;}
  .cstm-notice-area li .foot-ntc-tit{width:calc(100% - 85px);}
  .cstm-notice-area li .foot-ntc-date{ margin-left:15px;width:70px; font-size:13px;}

  .hashtag-wrap li{ margin: 4px 3px; width: auto;}
  .hashtag-wrap .hashtag{ padding: 5px 15px; border: 1px solid #ddd;font-size: 14px; line-height: 1.3; border-radius: 25px;}
  .hashtag-wrap li.active .hashtag{ border: 1px solid #6ab5d5;background-color: #6ab5d5; color: #fff;}


  .maingoods-tab ul > li { margin: 4px 3px; width: auto;}
  .maingoods-tab ul > li:first-child{margin-left: 0;}
  .maingoods-tab ul > li button{ padding: 5px 15px; border: 1px solid #ddd;font-size: 14px; border-radius: 25px;}
  .maingoods-tab ul > li.current button{ border: 1px solid #6ab5d5;background-color: #6ab5d5; color: #fff;}
/* 
  /* .maingoods-tab ul > li:nth-child(n+3) { border-top: none; border-left: none; } */
  /* .maingoods-tab ul > li:nth-child(2n+1) { border-top: none; border-left: 1px solid #eee;; }  */
  /* .maingoods-tab ul > li:first-child { border-top: 1px solid #eee; } */

  .goods-list-wrap{min-height: 410px;}
  .goods-list .goods-info .members-only{ padding: 3px 6px;font-size: 14px;}


  .sec-keyword,
  .sec-maingoods{margin-top: 40px;}

  /* 메인 리뷰 */

  .sec-review{padding: 40px 0;}
  .main-reviewlist li{width: calc(50% - 10px);}
  .main-reviewlist li:nth-child(3),
  .main-reviewlist li:nth-child(4){margin-bottom: 0;}
  .main-reviewinfo{padding: 12px;}
  .main-reviewinfo .rating-wrapper{margin-left: 0; display: block;}
  .main-reviewlist li:nth-child(2n){margin-right: 0;}

  .main-reviewinfo .goods-item .goods-thumb{width: 40px; height: 40px;}
	.main-reviewinfo .goods-item .goods-info{width: calc(100% - 40px); font-size: 12px;}
  .main-reviewinfo .review-con{margin: 10px 0;}
  .main-reviewinfo .review-con .text{margin-top: 5px;}
  .main-reviewinfo .date{margin: 10px 0; font-size: 12px;}
	.main-reviewinfo .text{font-size: 13px; margin-top: 5px;}


  /* 메인리뷰 팝업 */
  #layer_review_view .layer-container{width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(0);}
  #layer_review_view .layer-contents{padding: 10px 20px 20px; height: 100vh; max-height: 100%; min-height: auto;}
  #layer_review_view .btn-close{margin-right: -8px;}
  #layer_review_view .review-text{max-height: 100%; padding-right: 0;}

  .review-detail-container{ flex-direction: column;}
  .review-detail-container .left{padding-right: 0;}
  .review-detail-container .left,
  .review-detail-container .right{float: none !important; clear: both; width: 100%;}
  .review-detail-container .right{padding: 0;}
  .review-detail-container .goods-item{margin: 10px 0; border-top: 1px solid #eee; padding-top: 15px;}


}




@media (max-width:690px){
  .sec-keyword{margin-top: 60px;}
  
  .field-list > li, .field-list .field-info{width:100%;}
  .field-list .field-info{padding:15px 10px 30px;}

}


/*메인 - 이벤트 틀어지는 부분*/
@media (max-width: 689px) {
  .main-event{padding: 0 15px;}
}



@media (max-width: 640px){
  .main-visual .visual-txt .visual-txt-top {text-align: center; }
  .main-visual .visual-txt .visual-txt-top strong{font-size: 26px; text-align: center;}
  .main-visual .visual-txt .visual-txt-bottom p{font-size: 18px; text-align: center;}
  .main-visual .visual-txt .visual-btn{text-align: center;}

}


@media all and (max-width: 500px){
  .sec-keyword > .inner{padding:0;}
  .sec-special {padding: 20px 0; }
  .special-util {margin-top: 1%; }
  .special-info .title {font-weight: 300; }

}


@media (max-width: 460px){
  .main-visual .visual-txt .visual-txt-top {text-align: center; }
  .main-visual .visual-txt .visual-txt-top strong{font-size: 24px; letter-spacing: -0.09em;}
  .main-visual .visual-txt .visual-txt-bottom p{font-size: 15px; text-align: center;}

}


@media(max-width:425px) {
  .main-category-list li .cata-nm{font-size: 13px;}

}





/*
  list viewstyle03 (목록형)
--------------------------------------------------- */
.goods-list.viewstyle03 {}

.goods-list.viewstyle03 li {}



/* =======================================================
  카테고리 띠배너
========================================================*/
.cate-banner-wrap a{position:relative; width:100%; height:0; padding-top:12.5%; overflow:hidden;}
.cate-banner-wrap img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; border-radius:5px;}

.cate-banner-wrap .cate-bn-pc{display:block;}
.cate-banner-wrap .cate-bn-mo{display:none;}


@media(max-width:768px){
  .cate-banner-wrap a{padding-top:30%;}

  .cate-banner-wrap .cate-bn-pc{display:none;}
  .cate-banner-wrap .cate-bn-mo{display:block;}
}