@charset 'utf-8';

#main-slide-bnr { position:relative; }
#main-slide-bnr .content { }
#main-slide-bnr .swiper-slide { text-align:center; }

section.sec .content { position:relative; width:1120px; margin:0 auto; }
section.sec .content .long-conts { position:relative; left:50%; transform:translateX(-50%); display:block; width:1638px; } 

section.sec { overflow:hidden; min-width:1000px;  }

.sec-top { position:relative; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:35px; }
.sec-top h3 { font-size:34px; font-weight:500; }
.sec-top h3 em { color:#e7141a; } 
.sec-top .btn-more { position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:12px; text-align:center; display:inline-block; padding:4px 15px; border:1px solid #555; color:#333; border-radius:30px; }
.sec-top .btn-more:after { display:inline-block; margin-left:5px; content:"+"; }
.sec-top .btn-more:hover { background-color:#555; color:#fff; }


/* moon-benefits */
#moon-benefits { padding:50px 0;  }
.benefits-list { position:relative; display:grid; grid-template-columns:repeat(4, 1fr); margin:0 auto; margin-bottom:50px; }
.benefits-list li { position:relative; display:block; text-align:center; background-repeat:no-repeat; background-position:center top; background-size:100% auto; padding-top:165px; }
.benefits-list li:before { position:absolute; left:50%; top:0; display:block; width:165px; height:165px; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translateX(-50%); content:""; }
.benefits-list li.m1:before { background-image:url('../img/main/ic_benefits01.png'); }
.benefits-list li.m2:before { background-image:url('../img/main/ic_benefits02.png'); }
.benefits-list li.m3:before { background-image:url('../img/main/ic_benefits03.png'); }
.benefits-list li.m4:before { background-image:url('../img/main/ic_benefits04.png'); }
.benefits-list li .text { display:block; font-size:19px; line-height:1.35; font-weight:500; }


/* event-area */
#event-area { position:relative; margin-bottom:100px; background-color: #5c3fea; }
#event-area .content { }


/* studio */
#studio { padding:0; margin-bottom:70px; }
#studio .sec-top { border-bottom:0; padding-bottom:0; text-align:center; }

.tabs-dress-studio { display:flex; align-items:center; justify-content:center; text-align:center; gap:30px; margin-bottom:42px; }
.tabs-dress-studio a { display:flex; align-items:center; justify-content:center; text-align:center; width:198px; height:48px; border:2px solid #cccccc; border-radius:100px; text-align:center; font-size:18px; color:#7c7c7c; cursor:pointer; }
.tabs-dress-studio a.current { border:2px solid #e7141a; color:#040404; }

.dress-studio { position:relative; overflow:hidden; }
.dress-studio .list-img { width:100%; display:grid; grid-template-columns:repeat(4, 1fr); }
.dress-studio .list-img li { position:relative; }
.dress-studio .list-img li .title { position:absolute; left:0; top:0; right:0; bottom:0; display:block; border:2px solid #e7141a; background-color:rgba(0,0,0,0.5); z-index:1; color:#fff; font-size:20px; line-height:430px; vertical-align:middle; display:none; text-align:center; } 
.dress-studio .list-img li:hover .title { display:block; }

.dress-studio .control-bx { position:absolute; right:0; top:-45px; }
.dress-studio .swiper-pagination,
.dress-studio .swiper-button-next, 
.dress-studio .swiper-button-prev { position:static; display:inline-block; width:auto; vertical-align:middle; }
.dress-studio .swiper-button-next:after,
.dress-studio .swiper-button-prev:after { display:none; }
.dress-studio .swiper-button-next, 
.dress-studio .swiper-button-prev { width:10px; height:15px; top:0; margin-top:0; background-repeat:no-repeat; background-position:center; margin:0 20px; outline:none; }
.dress-studio .swiper-button-next { background-image:url('../img/icon/ic_slide_next.png'); }
.dress-studio .swiper-button-prev { background-image:url('../img/icon/ic_slide_prev.png'); }
.dress-studio .swiper-button-next:hover { background-image:url('../img/icon/ic_slide_next_on.png'); }
.dress-studio .swiper-button-prev:hover { background-image:url('../img/icon/ic_slide_prev_on.png'); }
.dress-studio .swiper-pagination { font-size:16px; color:#000; margin-right:10px; }
.dress-studio .swiper-pagination .swiper-pagination-current { color:#000; font-weight:700; vertical-align:top; }
.dress-studio .swiper-pagination .swiper-pagination-total { color:#b3b2b2; vertical-align:top; }

/* partner */
#partner {  }
#partner .partner-list { position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:30px 40px; }
#partner .partner-list:before,
#partner .partner-list:after { content:""; position:absolute; top:0; display:block; width:1px; height:100%; background-color:#ddd; }
#partner .partner-list:before { left:32.5%; }
#partner .partner-list:after { left:67.5%; }
#partner .partner-list li { }
#partner .partner-list dl { }
#partner .partner-list dl dt { height:40px; background-color:#6e6857; color:#fff; font-size:19px; display:flex; align-items:center; justify-content:center; }
#partner .partner-list dl dd { text-align:center; }


/* review */
#review { padding:100px 0; }