/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* 2024 */

/* s:2024 메인 */
#mainMo .sec >.inner {width:calc(100% - 40px); margin:0 auto;}
#mainMo .commonTitle span {display:block; font-family: "Roboto", sans-serif; font-size:24px; font-weight:300; color:var(--color01); line-height:1; margin-bottom:13px; text-align:center;}
#mainMo .commonTitle p {font-family:'NanumSquare', sans-serif; font-size:50px; font-weight:900; color:#333333; line-height:1; text-align:center;}
#mainMo .btnCustom01 {margin-bottom:40px; width:200px; height:70px; border:1px solid #dddddd; box-sizing:border-box; border-radius:8px; display:flex; flex-direction:row; align-items:center; justify-content:center; margin:30px auto 40px auto;} 
#mainMo .btnCustom01 p {font-family:'NanumSquare', sans-serif; font-size:24px; font-weight:700; color:#000000; line-height:1;}

@media screen and (max-width:720px) {
    #mainMo .swiper-pagination-bullet {width:12px !important; height:12px !important;}
    #mainMo .commonTitle span {font-size:21px;}
    #mainMo .commonTitle p  {font-size:35px;}
    #mainMo .btnCustom01 {height:60px;}
    #mainMo .btnCustom01 p {font-size:20px;}
}
@media screen and (max-width:480px) {
    #mainMo .swiper-pagination-bullet {width:10px !important; height:10px !important;}
    #mainMo .commonTitle span {font-size:18px; margin-bottom:10px;}
    #mainMo .commonTitle p  {font-size:26px;}
    #mainMo .btnCustom01 {height:60px;}
    #mainMo .btnCustom01 p {font-size:18px;}
}

/* 메인비주얼 */
#mainMo .mainVisual {height:100vh;}
#mainMo .mainVisual .swiper {height:100%;}
#mainMo .mainVisual .swiper-slide {height:100%;}
#mainMo .mainVisual .box {width:100%; height:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#mainMo .mainVisual .box::after {content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; z-index:1;}
#mainMo .mainVisual .textBox {position:relative; z-index:2; text-align:center;}
#mainMo .mainVisual .textBox p {color:#fff;}
#mainMo .mainVisual .textBox .tit {font-family:"Noto Sans KR", sans-serif; font-size:56px; font-weight:700; color:#ffffff; padding:30px 0 35px 0;}
#mainMo .mainVisual .textBox .txt {font-size:30px; font-weight:300; color:#fff; opacity:0.5; line-height:1.3;}
#mainMo .mainVisual .swiper-pagination {bottom:30px; }
#mainMo .mainVisual .swiper-pagination-bullet {width:15px; height:15px; background-color:#e7e7e7; opacity:1;}
#mainMo .mainVisual .swiper-pagination-bullet-active {background-color:var(--color01); opacity:1;}

@media screen and (max-width:720px) {
    #mainMo .mainVisual {height:calc(100vh - 182px);}
    #mainMo .mainVisual .textBox img {height:15vh;}
    #mainMo .mainVisual .textBox .tit {font-size:36px; padding:20px 0 30px 0;}
    #mainMo .mainVisual .textBox .txt {font-size:19px;}
}
@media screen and (max-width:480px) {
    #mainMo .mainVisual .textBox img {height:12vh;}
    #mainMo .mainVisual .textBox .tit {font-size:21px; padding:15px 0 25px 0;}
    #mainMo .mainVisual .textBox .txt {font-size:16px;}
}
@media screen and (max-width:320px) {
    #mainMo .mainVisual .textBox img {height:10vh;}
    #mainMo .mainVisual .textBox .tit {font-size:16px;}
    #mainMo .mainVisual .textBox .txt {font-size:14px;}
}

/* 카테고리 */
#mainMo .categoryIntro {padding:10% 0;}
#mainMo .categoryIntro ul {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
#mainMo .categoryIntro ul li {border-radius:10px; overflow:hidden; width:48.5%; position:relative; margin-bottom:3%;}
#mainMo .categoryIntro ul li a {display:block; width:100%; height:100%; position:relative;}
#mainMo .categoryIntro ul li img {width:100%;}
#mainMo .categoryIntro ul li:nth-child(2n) {margin-left:3%;}
#mainMo .categoryIntro ul li p {position:absolute; top:53px; left:50px; font-size:56px; font-weight:900; color:#fff; font-family:'NanumSquare', sans-serif;}

@media screen and (max-width:720px) {
    #mainMo .categoryIntro ul li p {font-size:31px; top:35px; left:30px;}
}
@media screen and (max-width:480px) {
    #mainMo .categoryIntro ul li p {font-size:21px; top:25px; left:20px;}
}
@media screen and (max-width:320px) {
    #mainMo .categoryIntro ul li p {font-size:16px; top:20px; left:20px;}
}

/* with Jinjomi */
#mainMo .flavorLayout {padding-bottom:10%;}
#mainMo .flavorLayout .titBox {text-align:center; padding-bottom:8%;}
#mainMo .flavorLayout .titBox dt {font-family:'NanumSquare', sans-serif; line-height:1; font-size:50px; font-weight:900; color:#000000;}
#mainMo .flavorLayout .titBox .border {display:block; width:60px; height:3px; background-color:var(--color01); margin:30px auto;}
#mainMo .flavorLayout .titBox dd p:nth-child(1) {font-family:'NanumSquare', sans-serif; font-size:36px; font-weight:900; color:#333333; padding-bottom:25px;}
#mainMo .flavorLayout .titBox dd p:nth-child(2) {font-family: "Noto Sans KR", sans-serif; font-size:24px; font-weight:400; color:#666666; line-height:1.5;}
#mainMo .flavorLayout .imgBox {border-radius:10px; overflow:hidden; margin-bottom:20px; width:100%; background-color:#f0f0f0; overflow:hidden;}
#mainMo .flavorLayout .imgBox img {width:90%; display:block; margin:0 auto;}
#mainMo .flavorLayout .textBox {opacity:0;}
#mainMo .flavorLayout .swiper-slide-active .textBox {opacity:1;}
#mainMo .flavorLayout .swiper-slide-next .textBox {opacity:1;}
#mainMo .flavorLayout .swiperCustom01 {width:calc(100% - 30px); margin-left:30px;}
#mainMo .flavorLayout .swiper-pagination-progressbar {position:relative; margin-top:35px; width:calc(100% - 30px); margin-right:30px; height:5px; border-radius:2.5px; overflow:hidden; background-color:#f0f0f0;}
#mainMo .flavorLayout .swiper-pagination-progressbar-fill {background-color:var(--color01) !important; border-top-right-radius:2.5px !important; border-bottom-right-radius:2.5px !important;}
#mainMo .flavorLayout .cate {font-size:20px; font-weight:700; color:var(--color01);}
#mainMo .flavorLayout .swiper-slide dl dt {font-family:'NanumSquare', sans-serif;font-size:30px; font-weight:700; color:#333333; padding:12px 0; display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#mainMo .flavorLayout .swiper-slide dl dd {font-family:'NanumSquare', sans-serif; font-size:24px; font-weight:400; color:#888888;}

#mainMo .wideBn, #mainMo .wideBn img {width:100%;}

@media screen and (max-width:720px){
    #mainMo .flavorLayout .titBox dt {font-size:36px;}
    #mainMo .flavorLayout .titBox .border {margin:25px auto;}
    #mainMo .flavorLayout .titBox dd p:nth-child(1) {font-size:24px; padding-bottom:20px;}
    #mainMo .flavorLayout .titBox dd p:nth-child(2) {font-size:18px;}
    #mainMo .flavorLayout .cate {font-size:16px;}
    #mainMo .flavorLayout .swiper-slide dl dt {font-size:20px; padding:8px 0 4px 0;}
    #mainMo .flavorLayout .swiper-slide dl dd {font-size:18px;}
}
@media screen and (max-width:480px){
    #mainMo .flavorLayout .titBox dt {font-size:26px;}
    #mainMo .flavorLayout .titBox .border {margin:18px auto; width:50px; height:2px;}
    #mainMo .flavorLayout .titBox dd p:nth-child(1) {font-size:20px; padding-bottom:20px;}
    #mainMo .flavorLayout .titBox dd p:nth-child(2) {font-size:16px; letter-spacing:-1px; padding:0 20px; word-break:keep-all;}
    #mainMo .flavorLayout .titBox dd p:nth-child(2) br {display:none;}
    #mainMo .flavorLayout .cate {font-size:14px;}
    #mainMo .flavorLayout .swiper-slide dl dt {font-size:18px; padding:6px 0 1px 0;}
    #mainMo .flavorLayout .swiper-slide dl dd {font-size:16px;}
}
@media screen and (max-width:340px){
    #mainMo .flavorLayout .titBox dt {font-size:21px;}
    #mainMo .flavorLayout .titBox dd p:nth-child(1) {font-size:18px; padding-bottom:15px;}

}
/* 베스트상품 */
#mainMo .bestProduct {padding-bottom:10%;}
#mainMo .bestProduct .commonTitle {margin-bottom:45px;}
#mainMo .bestProduct .swiper-slide .imgBox img {width:300px; display:block; margin:0 auto;}
#mainMo .bestProduct .swiper-slide a {width:100%; margin:0 auto; display:block;}
#mainMo .bestProduct .cateBox {border-radius:20px; background-color:var(--color01); padding:8px 19px; display:inline-block; margin:0 auto; line-height:1; margin-bottom:20px;}
#mainMo .bestProduct .cateBox p, #mainMo .bestProduct .cateBox span {font-size:20px; color:#fff; position:relative; top:-1px;}
#mainMo .bestProduct .cateBox p {display:inline-block; line-height:1; font-weight:300;}
#mainMo .bestProduct .cateBox span {display:inline-block; line-height:1; font-weight:700;}
#mainMo .bestProduct dt {font-family:'NanumSquare', sans-serif; font-size:30px; font-weight:700; color:#000; margin-bottom:13px; line-height:1.3;}
#mainMo .bestProduct dd {font-family:'NanumSquare', sans-serif; font-size:24px; font-weight:300; color:#888888; margin-bottom:35px}
#mainMo .bestProduct .text {width:100%; margin:0 auto; font-size:26px; font-weight:300; color:#333333; text-align:center; word-break:keep-all; margin-top:20px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3;}  
#mainMo .bestProduct .swiper-slide {text-align:center; opacity:0 !important;}
#mainMo .bestProduct .swiper-slide-active {opacity:1 !important; }
#mainMo .bestProduct .swiper-button-next, 
#mainMo .bestProduct .swiper-button-prev {width:auto !important; height:auto !important; top:45%; transform:translateY(-50%); margin-top:0 !important; }
#mainMo .bestProduct .swiper-button-next img, 
#mainMo .bestProduct .swiper-button-prev img {width:40px;}   
#mainMo .bestProduct .swiper-button-prev::after,
#mainMo .bestProduct .swiper-button-next::after {display:none;}
#mainMo .bestProduct .swiper-button-prev {left:0;}
#mainMo .bestProduct .swiper-button-next {right:0;}
#mainMo .bestProduct .swiper-pagination {position:relative;}
#mainMo .bestProduct .swiper-pagination-bullet {width:15px; height:15px; background-color:#e7e7e7; opacity:1;}
#mainMo .bestProduct .swiper-pagination-bullet-active {background-color:var(--color01); opacity:1;}

@media screen and (max-width:720px) {
    #mainMo .bestProduct .commonTitle {margin-bottom:40px;}
    #mainMo .bestProduct .cateBox {padding:9px 18px 8px 18px; margin-bottom:17px;}
    #mainMo .bestProduct .cateBox p, #mainMo .bestProduct .cateBox span {font-size:18px;}
    #mainMo .bestProduct dt {font-size:24px; margin-bottom:10px;}
    #mainMo .bestProduct dd {font-size:22px;}
    #mainMo .bestProduct .swiper-button-next img, #mainMo .bestProduct .swiper-button-prev img {width:30px;}
    #mainMo .bestProduct .text {font-size:22px;}
}
@media screen and (max-width:480px) {
    #mainMo .bestProduct .commonTitle {margin-bottom:35px;}
    #mainMo .bestProduct .cateBox p, #mainMo .bestProduct .cateBox span {font-size:17px;}
    #mainMo .bestProduct dt {font-size:22px; margin-bottom:8px;}
    #mainMo .bestProduct dd {font-size:20px;}
    #mainMo .bestProduct .swiper-button-next img, #mainMo .bestProduct .swiper-button-prev img {width:25px;}
    #mainMo .bestProduct .text {font-size:18px;}
}

/* MD픽 */
#mainMo .mdPick {padding-bottom:10%;}
#mainMo .mdPick .commonTitle {margin-bottom:35px;}
#mainMo .mdPick .imgBox {border-radius:12px; overflow:hidden; width:100%; margin-bottom:28px; background-color:#f5f5f5;}
#mainMo .mdPick .imgBox img {width:90%; display:block; margin:0 auto;}
#mainMo .mdPick .textBox {height:162px; display:flex; flex-direction:column; justify-content:space-between;}
#mainMo .mdPick .name {font-family:"Noto Sans KR", sans-serif; font-size:30px; font-weight:400; color:#333333; line-height:1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#mainMo .mdPick .info {font-family:"Noto Sans KR", sans-serif; font-size:24px; font-weight:300; color:#444444; line-height:1; margin-bottom:10px;}
#mainMo .mdPick .price {font-size:26px; font-weight:400; color:#111111; line-height:1;}
#mainMo .mdPick .price span {font-size:40px; font-weight:700; color:#a50b10; line-height:1;}
#mainMo .mdPick ul {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap;}
#mainMo .mdPick ul li {width:calc(50% - 15px); margin-bottom:65px;}
#mainMo .mdPick ul li:nth-child(2n) {margin-left:30px;}
#mainMo .mdPick ul li:nth-child(5),
#mainMo .mdPick ul li:nth-child(6) {margin-bottom:0;}

@media screen and (max-width:720px) {        
    #mainMo .mdPick .commonTitle {margin-bottom:30px;}
    #mainMo .mdPick ul li {width:calc(50% - 10px);}
    #mainMo .mdPick ul li:nth-child(2n) {margin-left:20px;}
    #mainMo .mdPick .imgBox {margin-bottom:18px;}
    #mainMo .mdPick .textBox {height:140px;}
    #mainMo .mdPick .name {font-size:20px;}
    #mainMo .mdPick .info {font-size:19px;}
    #mainMo .mdPick .price {font-size:18px;}
    #mainMo .mdPick .price span {font-size:25px;}
}
@media screen and (max-width:480px) {
    #mainMo .mdPick .textBox {height:120px;}
    #mainMo .mdPick .name {font-size:18px;}
    #mainMo .mdPick .info {font-size:17px;}
    #mainMo .mdPick .price {font-size:16px;}
    #mainMo .mdPick .price span {font-size:20px;}
}

/* 진조미소개 */
#mainMo .jinjomiInfo {background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; padding:100px 0;}
#mainMo .jinjomiInfo .topBox img {width:434px; margin-bottom:0;}
#mainMo .jinjomiInfo .topBox p { font-family: 'GmarketSansLight'; font-size:30px; font-weight:300; color:#fff; line-height:1.3; padding:50px 0 80px 0;}
#mainMo .jinjomiInfo .topBox p span {font-family: 'GmarketSansMedium'; display:inline-block; font-weight:500;}
#mainMo .jinjomiInfo ul {display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
#mainMo .jinjomiInfo ul li {background-color:#fff; border-radius:16px; padding:30px 0; text-align:center; width:48%; margin-bottom:4%;}
#mainMo .jinjomiInfo ul li .imgBox {width:100%; height:110px; text-align:center;}
#mainMo .jinjomiInfo ul li:nth-child(2n) {margin-left:4%;}
#mainMo .jinjomiInfo ul li:nth-child(1) img {width:92px;}
#mainMo .jinjomiInfo ul li:nth-child(2) img {width:121px; position:relative; top:12px;}
#mainMo .jinjomiInfo ul li:nth-child(3) img {width:72px;}
#mainMo .jinjomiInfo ul li:nth-child(4) img {width:86px;}
#mainMo .jinjomiInfo dt {font-family:'NanumSquare', sans-serif; font-size:36px; font-weight:900; color:#444444; margin-bottom:20px;}
#mainMo .jinjomiInfo dd {font-size:24px; font-weight:300; color:#666666; line-height:1.3;}

@media screen and (max-width:720px) {
    #mainMo .jinjomiInfo .topBox img {width:320px;}
    #mainMo .jinjomiInfo .topBox p {font-size:21px; padding:25px 0 40px 0;}
    #mainMo .jinjomiInfo dt {font-size:24px; margin-bottom:15px;}
    #mainMo .jinjomiInfo dd {font-size:16px;}
    #mainMo .jinjomiInfo ul li .imgBox {height:95px;}
    #mainMo .jinjomiInfo ul li:nth-child(1) img {width:82px;}
    #mainMo .jinjomiInfo ul li:nth-child(2) img {width:100px; position:relative; top:12px;}
    #mainMo .jinjomiInfo ul li:nth-child(3) img {width:62px;}
    #mainMo .jinjomiInfo ul li:nth-child(4) img {width:76px;} 
    #mainMo .jinjomiInfo ul li {width:calc(50% - 10px); margin-bottom:20px;}
    #mainMo .jinjomiInfo ul li:nth-child(2n) {margin-left:20px;}       
}
@media screen and (max-width:480px) {
    #mainMo .jinjomiInfo {padding:60px 0;}
    #mainMo .jinjomiInfo .topBox img {width:220px;}
    #mainMo .jinjomiInfo .topBox p {font-size:17px; padding:20px 0 35px 0;}
    #mainMo .jinjomiInfo ul li {width:calc(50% - 5px); margin-bottom:10px;}
    #mainMo .jinjomiInfo ul li:nth-child(2n) {margin-left:10px;}   
    #mainMo .jinjomiInfo dt {font-size:18px; margin-bottom:10px;}
    #mainMo .jinjomiInfo dd {font-size:14px; letter-spacing:-1px;}
    #mainMo .jinjomiInfo ul li .imgBox {height:60px;}
    #mainMo .jinjomiInfo ul li:nth-child(1) img {width:52px;}
    #mainMo .jinjomiInfo ul li:nth-child(2) img {width:60px; position:relative; top:10px;}
    #mainMo .jinjomiInfo ul li:nth-child(3) img {width:40px;}
    #mainMo .jinjomiInfo ul li:nth-child(4) img {width:46px;} 
}
@media screen and (max-width:380px) {
    #mainMo .jinjomiInfo {padding:60px 0;}
    #mainMo .jinjomiInfo .topBox img {width:200px;}
    #mainMo .jinjomiInfo .topBox p {font-size:16px; letter-spacing:-1px; padding:15px 0 30px 0;}
    #mainMo .jinjomiInfo ul li {padding:20px 0;}
    #mainMo .jinjomiInfo dd {font-size:13px; letter-spacing:-1px;}
}
@media screen and (max-width:330px) {
    #mainMo .jinjomiInfo .topBox p {font-size:15px;}
    #mainMo .jinjomiInfo ul li {padding:20px 5px; width:calc(50% - 15px);}
    #mainMo .jinjomiInfo dt {font-size:16px;}
    #mainMo .jinjomiInfo dd {word-break:keep-all;}
    #mainMo .jinjomiInfo dd br {display:none;}
}
@media screen and (max-width:310px) {
    #mainMo .jinjomiInfo .topBox p {font-size:14px; word-break:keep-all; padding:20px 10px 35px 10px;}
    #mainMo .jinjomiInfo .topBox p br {display:none;}
}
/* 새소식 */
#mainMo .notice {padding:10% 0; background-color:#f8f5f2;}
#mainMo .notice .commonTitle {margin-bottom:55px;}
#mainMo .notice ul li {border-bottom:1px solid #dddddd; box-sizing:border-box; margin-bottom:40px; width:100%;}
#mainMo .notice ul li a {display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:calc(100% - 60px); margin:0 auto; padding-bottom:40px;}
#mainMo .notice ul li dl {text-align:center; margin-right:30px;}
#mainMo .notice ul li dt {font-family:"Roboto", sans-serif; font-size:60px; font-weight:400; color:var(--color01); letter-spacing:-4px; line-height:1; padding-bottom:2px;} 
#mainMo .notice ul li dd {font-family:"Roboto", sans-serif; font-size:24px; font-weight:400; color:#999999; line-height:1;}
#mainMo .notice ul li p {width:calc(100% - 93px); font-size:30px; font-weight:400; color:#111111; line-height:1.3; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media screen and (max-width:720px) {
    #mainMo .notice .commonTitle {margin-bottom:35px;}
    #mainMo .notice ul li {margin-bottom:25px;}
    #mainMo .notice ul li:last-child {margin-bottom:35px;}
    #mainMo .notice ul li a {padding-bottom:25px; width:calc(100% - 20px);}
    #mainMo .notice ul li dl {margin-right:20px;}
    #mainMo .notice ul li dt {font-size:36px; padding-bottom:4px; letter-spacing:-2px;}
    #mainMo .notice ul li dd {font-size:16px;}
    #mainMo .notice ul li p {font-size:18px; width:calc(100% - 65px);}
}
@media screen and (max-width:480px) {
    #mainMo .notice ul li dt {font-size:30px; letter-spacing:-1px;}
    #mainMo .notice ul li dd {font-size:15px;}
    #mainMo .notice ul li p {font-size:16px;}
}

/* 리뷰 */
#mainMo .review {padding-bottom:50px; background-color:#f8f5f2;}
#mainMo .review .bg {width:100%; position:relative; margin-top:-100px;}
#mainMo .review .commonTitle {margin-bottom:60px;}
#mainMo .review .swiperCustom03 {position:relative;}
#mainMo .review .swiper-slide {opacity:0 !important;}
#mainMo .review .swiper-slide-active {opacity:1 !important;;}
#mainMo .review .swiper-slide .box {background-position:center; background-size:cover; background-repeat:no-repeat; width:516px !important; height:508px !important; margin:0 auto;}
#mainMo .review .swiper-slide .textBox {padding-top:60px; display:block; margin:0 auto; width:80%;}
#mainMo .review .swiper-button-next, 
#mainMo .review .swiper-button-prev {width:auto !important; height:auto !important; top:45%; transform:translateY(-50%); margin-top:0 !important; }
#mainMo .review .swiper-button-next img, 
#mainMo .review .swiper-button-prev img {width:40px;}   
#mainMo .review .swiper-button-prev::after,
#mainMo .review .swiper-button-next::after {display:none;}
#mainMo .review .swiper-button-prev {left:0;}
#mainMo .review .swiper-button-next {right:0;}
#mainMo .review .name {font-size:26px; font-weight:400; color:#000000; line-height:1;}
#mainMo .review .cate {font-family:'NanumSquare', sans-serif; font-size:32px; font-weight:900; color:var(--color01); line-height:1; padding:20px 0 30px 0;}
#mainMo .review .text {font-size:22px; font-weight:300; color:#666666; line-height:1.3;}
#mainMo .review .text02 {font-size:20px;}

@media screen and (max-width:720px) {
    #mainMo .review .commonTitle {margin-bottom:35px;}
    #mainMo .review .swiper-button-next img, 
    #mainMo .review .swiper-button-prev img {width:30px;}   
}
@media screen and (max-width:680px) {
    #mainMo .review {padding-bottom:40px;}
    #mainMo .review .swiper-slide .box {width:469px !important; height:461px !important;}
    #mainMo .review .text {font-size:20px; word-break:keep-all;}
    #mainMo .review .text02 {font-size:18px;}
    #mainMo .review .text br {display:none;}
}
@media screen and (max-width:480px) {
    #mainMo .review .bg {margin-top:-70px;}
    #mainMo .review .swiper-slide .box {width:344px !important; height:338px !important;}
    #mainMo .review .swiper-slide .textBox {padding-top:40px; width:82%;}
    #mainMo .review .name {font-size:17px;}
    #mainMo .review .cate {font-size:20px; padding:12px 0 15px 0;}
    #mainMo .review .text {font-size:16px;}
    #mainMo .review .text02 {font-size:15px;}
    #mainMo .review .swiper-button-next img, 
    #mainMo .review .swiper-button-prev img {width:20px;}   
}
@media screen and (max-width:430px) {
    #mainMo .review .swiper-slide .box {width:300px !important; height:295px !important;}
    #mainMo .review .name {font-size:15px;}
    #mainMo .review .cate {font-size:17px; padding:10px 0 13px 0;}
    #mainMo .review .text {font-size:14px; letter-spacing:-1px;}
    #mainMo .review .text02 {font-size:13px; letter-spacing:-1.2px;}
    #mainMo .review .swiper-button-next img, 
    #mainMo .review .swiper-button-prev img {width:20px;}   
}
@media screen and (max-width:380px) {
    #mainMo .review {padding-bottom:60px;}
    #mainMo .review .bg {margin-top:-50px;}
    #mainMo .review .swiper-slide .box {width:270px !important; height:266px !important;}
    #mainMo .review .swiper-slide .textBox {padding-top:32px; width:83%;}
    #mainMo .review .name {font-size:14px;}
    #mainMo .review .cate {font-size:16px; padding:10px 0 12px 0;}
    #mainMo .review .text {font-size:14px; letter-spacing:-1.1px; line-height:1.4;}
    #mainMo .review .text02 {font-size:13px; letter-spacing:-1.3px;}
    #mainMo .review .swiper-button-next img, 
    #mainMo .review .swiper-button-prev img {width:20px;}   
}    
@media screen and (max-width:300px) {
    #mainMo .review .swiper-slide {height:100%; opacity:0;}
    #mainMo .review .swiper-slide-active {opacity:1;}
    #mainMo .review .swiper-slide .box {background-image:none !important; background-color:#fff; border-radius:30px;}
    #mainMo .review .swiper-slide .textBox {padding:30px 0 !important;}
    #mainMo .review .swiper-slide .box {width:100% !important; height:auto !important;}
}
/* e:2024 메인 */ 

/* BASIC css end */