.main_event_wrap {width:100%; margin: 0 auto; overflow:hidden;}
.main_event_wrap .main_event {padding:0; padding-right:640px; width: var(--body-max-width); height: auto; overflow:visible;}
.main_event_wrap .swiper-wrapper {margin:0 -2.5px;}
.main_event_wrap .main_event .swiper-slide {position:relative; width:calc(var(--body-max-width) / 2 - 5px); margin:0 5px; z-index:1;}
.main_event_wrap .main_event .swiper-slide  img {display: block; width: 100%; height: 100%; object-fit: cover; }
.main_event_wrap .main_event .swiper-slide .desc {display:flex; padding-top:1.5rem; height:165px; flex-direction:column; color:#222;}
.main_event_wrap .main_event .swiper-slide p {font-size:1.875em; font-weight:500; text-overflow:ellipsis; overflow:hidden; width:100%; line-height:130%;}
.main_event_wrap .main_event .swiper-slide span {font-size:1.125em; margin-top:0.75rem; overflow:hidden; text-overflow:ellipsis;}
.main_event_wrap .main_event .controls {display:flex; position:absolute; bottom:165px; right:0; background:rgba(0,0,0,0.7); z-index:2; width:auto; padding:0.5em;}
.main_event_wrap .main_event .controls .control { color:#fff; background:transparent; padding:0; border:0; font-size:1em; width:1.5em; height:1.5em; overflow:hidden; display:flex; align-items:center;}
.main_event_wrap .main_event .controls .control svg {width:3.5em!important; height:1.5em!important; color:#fff;}
.main_event_wrap .main_event .controls .control.cotrol-pagination {width:auto!important; white-space:nowrap; padding:0 0.5em;}
.main_event_wrap .main_event .controls .control.control-auto {background-size:100%; background-repeat:no-repeat; background-position:center;}
.main_event_wrap .main_event .controls .control.playing {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM9 9V15H15V9H9Z'%3E%3C/path%3E%3C/svg%3E");}
.main_event_wrap .main_event .controls .control.stoping {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM10.6219 8.41459C10.5562 8.37078 10.479 8.34741 10.4 8.34741C10.1791 8.34741 10 8.52649 10 8.74741V15.2526C10 15.3316 10.0234 15.4088 10.0672 15.4745C10.1897 15.6583 10.4381 15.708 10.6219 15.5854L15.5008 12.3328C15.5447 12.3035 15.5824 12.2658 15.6117 12.2219C15.7343 12.0381 15.6846 11.7897 15.5008 11.6672L10.6219 8.41459Z'%3E%3C/path%3E%3C/svg%3E");}


.hot-pick {width:100%;}
.main-h2 {position:relative; width:100%; max-width:var(--body-max-width); margin: 0 auto; margin-top:200px; font-family:"Playfair Display",  sans-serif;}
.main-h2 div.title {position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:1.25rem;}
.main-h2 div.title h2 {font-size:60px; font-weight:300; color:#222; overflow:hidden; text-overflow:ellipsis; line-height:130%;}
.main-h2 div.title a {text-decoration:underline; color:#000;}
.main-h2 div.cate {display:flex; position:relative; align-items:center; gap:1.5em;}
.main-h2 div.cate button {border:0; position:relative; height:auto; white-space:nowrap; font-size:1.125em; color:#666; background:transparent; padding:0.25em 0.5em;}
.main-h2 div.cate button:hover,
.main-h2 div.cate button.active {color:#000; font-weight:500; border-bottom:2px solid #222; box-shadow:rgb(34,34,34) 0px -2px 0px inset;}
.main-swiper-section .main-swiper-wrap {position:relative; width:100%; max-width:var(--body-max-width); margin:1em auto 0 auto; z-index:1;}
.main-swiper-section .main-swiper-wrap .control {position:absolute; top: 50%; width:3em; height:3em; z-index:2; background:transparent; border:0; transform:translateY(-50%); padding:0; color:#222;}
.main-swiper-section .main-swiper-wrap .control-prev {left: -3.5em;}
.main-swiper-section .main-swiper-wrap .control-next {right:-3.5em;}
.main-swiper-section .main-swiper-wrap .swiper-button-disabled {color:#cfcfcf;}
.main-swiper-section .main-swiper {position:relative; width:100%; margin:0 auto;}
.main-swiper-section .main-swiper .swiper-slide {width:calc(100% / 3);}
.main-swiper-section .main-swiper .swiper-slide .img {position:relative; width:100%; height:auto;}
.main-swiper-section .main-swiper .swiper-slide .img::after {content:""; position:absolute; inset:0; top:0; left:0; width:100%; height:100%; background:#f5f5f5; background-color:rgba(0,0,0,0.03)}
.main-swiper-section .main-swiper .swiper-slide .img img {width:100%; height:auto;}
.main-swiper-section .main-swiper .swiper-slide .desc { position:relative; width:100%; padding:0.75em; line-height:1.5em;}
.main-swiper-section .main-swiper .swiper-slide .desc .brand {font-weight:700; color:#222; font-size:0.8125em; overflow:hidden; white-space:nowrap;}
.main-swiper-section .main-swiper .swiper-slide .desc .title {font-weight:400; color:#222; font-size:0.8125em; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.main-swiper-section .main-swiper .swiper-slide .desc .price {display:flex; align-items:center; justify-content:space-between;}
.main-swiper-section .main-swiper .swiper-slide .desc .price strong {font-weight:600; color:#000; font-size:1em;}
.main-swiper-section .main-swiper .swiper-slide .desc .price span {font-weight:600; color:#a59357; font-size:1em;}
.main-swiper-section .main-swiper .swiper-slide .desc .icon {display:flex; gap:0.25em; margin-top:0.25em;}
.main-swiper-section .main-swiper .swiper-slide .desc .icon icon {display:flex; position:relative; align-items:center; line-height:1.25; font-weight:500; height:20px; font-size:0.75em; border:1px solid #777; color:#777;  padding:0 8px;} 


.quick-cate {display:block; margin:160px auto 0 auto; width:100%;}
.quick-cate ul {display:flex; width:100%; max-width:var(--body-max-width); gap:1.5em; justify-content:center; margin:0 auto;}
.quick-cate ul li {position:relative; width:calc((100% - 7.5em) / 7); text-align:center;}
.quick-cate ul li img {position:relative; width:100%; height:auto; z-index:1}
.quick-cate ul li p {position:absolute; z-index:2; width:100%; height:100px; top:auto; bottom:0; left:0; right:0; padding:1em; line-height:100px; text-align:left; font-size:1.25em; font-weight:600; color:#fff; background:linear-gradient(360deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%)}


.main-review .review-wrap {position:relative; display:flex; align-items:flex-end; width:100%; max-width:var(--body-max-width); margin:0 auto; padding:0;}
.main-review .review-wrap .review-banner {width:550px;  height:auto; margin-right:3em;}
.main-review .review-wrap .review {width:calc(100% - 550px - 3em);  height:auto; margin-right:3em;}
.main-review .review-wrap .review .review-controls {position:relative; display:flex; justify-content:space-between; margin-bottom:1em; align-items:center;}
.main-review .review-wrap .review .review-controls h3 {background:#000; color:#fff; width:calc(100% - 8em); padding:0.25em 0.75em; font-weight:400; font-size:0.75em; margin-right:0.5em;}
.main-review .review-wrap .review .review-controls .control { display:inline-block; position:relative; width:1.5em; background:transparent; border:0;}
.main-review .review-wrap .review .review-controls .control-pagination {width:auto; display:flex; align-items:center; justify-content:center; line-height:1; font-size:1em; padding:0; margin:0; margin-bottom:0.25em; font-family:'Noto Sans KR', sans-serif; color:#222;}
.main-review .review-wrap .review .swiper-slide .img {position:relative; width:165px; height:165px; overflow:hidden; background:#f1f1f1;}
.main-review .review-wrap .review .swiper-slide .img img {width:100%; height:auto;}
.main-review .review-wrap .review .swiper-slide .img:after {content:""; position:absolute; background-color:rgba(0,0,0,0.03); top:0; left:0; width:100%; height:100%;}