@charset 'utf-8';

.wrap { padding-top:0; }
.site-header { border-bottom:0; background-color: transparent; }

.section { }
.section__inner { position:relative; max-width:1920px; height:100%; padding:60px 24px; margin:0 auto; }
.section-head { position:relative; max-width:1920px; margin:0 auto; }
.section-head__title { font-size:40px; font-family: 'Cormorant Garamond', serif; font-weight:400; line-height:1.0; }
.section-head__desc { font-size:16px; color:#1C1A18CC; line-height:1.35; margin-top:8px; }

/* buttton */
.btn-mobile-common { color:#1C1A18CC; font-size:24px; font-family: 'Cormorant Garamond', serif; font-weight:600; line-height:1.2; width:100%; height:55px; display:flex; align-items:center; justify-content:center; border:1px solid #1C1A18; transition: all 0.4s ease; }
.btn-mobile-common:active { background-color: #C9A96E; border-color: #C9A96E; color: #fff; transition: all 0.1s ease; }

.view-more__link { position:absolute; right:0; bottom:0; font-size:24px; font-family: 'Cormorant Garamond', serif; font-weight:600; line-height:1.2; color:#1C1A18CC; }
.view-more__link:after { content:""; position:absolute; right:0; bottom:0; display:block; width:0%; height:1px;  background-color:#1C1A18CC; transition: width 0.4s ease; }
.view-more__link:hover:after { width:100%; }

.btn-web-common { display:flex; color:#1C1A18CC; font-size:24px; font-family: 'Cormorant Garamond', serif; font-weight:600; line-height:1.2; width:100%; max-width:442px; height:72px; align-items:center; justify-content:center; text-align:center; border:1px solid #1C1A18; transition: all 0.4s ease; }
.btn-web-common:hover { background-color: #C9A96E; border-color: #C9A96E; color: #fff; transition: all 0.1s ease; }

.section-footer { margin-top:56px; }
.section-content { position:relative; margin-top:32px; }


/* home-hero */
.home-hero { height:100vh; overflow:hidden; }
.home-hero .home-hero__video { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; object-fit: cover; margin:0; padding:0; }
.home-hero__content { position:absolute; left:24px; right:24px; bottom:130px; }
.home-hero__title { font-size:60px; color:#fff; font-family: 'Cormorant Garamond', serif; line-height:0.9; font-weight:400; text-shadow:1px 1px 3px #777; }
.home-hero__desc { font-size:20px; color:#fff; line-height:1.3; margin-top:16px; text-shadow:1px 1px 3px #777; padding-right:85px; }

.btn-next-section { position:absolute; left:50%; bottom:10px; transform:translateX(-50%); display:block; width:44px; height:44px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/m_btn_arrow_btm.png'); background-size:100% auto; z-index:10; }
.home-hero__btn { position:fixed; right:24px; bottom:72px; display:block; width:80px; height:80px; cursor:pointer; outline:none; border-radius:50%; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/btn_contact.png'); background-size:100% auto; font-size:0;  z-index:101; }

 
/* swiper */
.swiper-button-next,
.swiper-button-prev { width:44px; height:44px; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.swiper-button-next svg,
.swiper-button-prev svg { display:none !important; }
.swiper-button-next { background-image:url('../img/icons/m_btn_arrow_right.png'); right:0; }
.swiper-button-prev { background-image:url('../img/icons/m_btn_arrow_left.png'); left:0; }


/* home-dress */
#home-dress { scroll-margin-top: 56px; }
.home-dress .section-content { margin-top:56px; }
.home-dress__slider { padding:0 56px; }
.home-dress__thumb { position:relative; overflow:hidden; }
.home-dress__thumb img { opacity:1; transition:opacity 0.5s ease-out; }
.home-dress__thumb:active img { opacity:0.8; }
.home-dress__name { font-size:14px; line-height:1.2; text-align:center; margin-top:8px; font-family: 'Cormorant Garamond', serif; }


/* home-makeup */
.home-makeup__media { position:relative; max-height:500px; overflow:hidden; }
.home-makeup__media img { min-height: 100%; min-width: 100%; object-fit: cover; object-position: center; }

/* home-slogan */
.home-slogan  { }
.home-slogan .section__inner { max-width:100%; padding:0; }
.home-slogan__slider { height:129px; overflow:hidden; }
.home-slogan__slider .swiper { height:100%; }
.home-slogan__slider .swiper-slide { background-color:#F7F5EF; }
.home-slogan__slider .slide__inner { max-width:1920px; padding:0 24px; height:100%; display:flex; align-items:flex-start; justify-content:center; flex-direction: column; margin:0 auto; }
.home-slogan__title { font-size:26px; letter-spacing:-0.03em; line-height:1;  font-family: 'Cormorant Garamond', serif;  }
.home-slogan__text { font-size:12px; margin-top:4px; }

.home-slogan__slider .swiper-slide.custom-active { background-color:#1C1A18; color:#fff; transition: all 1s ease ; }


/* home-hall */
.home-hall { overflow:hidden; }
.home-hall__slider { position:relative; margin:0 -24px; }
.home-hall__thumb { position:relative; overflow:hidden; background-color:#000; }
.home-hall__thumb img { opacity:1; transition:opacity 0.5s ease-out; }
.home-hall__thumb:active img { opacity:0.8; }
.home-hall__name { position:absolute; left:24px; bottom:24px; font-size:14px; background-color:#C9A96ECC; height:28px; display:flex; align-items:center; justify-content:center; padding:0 20px; border-radius:28px; z-index:10; }

.home-hall__slider .swiper-pagination { position:absolute; top:16px; right:16px; left:auto; bottom:auto; width:69px; height:30px; display:flex; align-items:center; justify-content:center; font-size:18px; font-family: 'Cormorant Garamond', serif; background-color:#1C1A18B2; border-radius:30px; color:#F7F5EF;  }


/* home-partners */
.home-partners { }
.home-partners__list { position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:1px; margin:0 -25px; }
.home-partners__list li { position:relative;  overflow:hidden; cursor:pointer; } 
.home-partners__thumb { position:relative; overflow:hidden; background-color:#000; }
.home-partners__thumb img { opacity:1; transition:opacity 0.5s ease-out; }
.home-partners__thumb:active img { opacity:0.8; }
.home-partners__name { position:absolute; left:17px; bottom:17px; font-size:14px; color:#fff;  font-family: 'Cormorant Garamond', serif; transition:opacity 0.5s ease; }
/* active */

/* home-studio */
.home-studio__slider { }
.home-studio__slider .swiper-slide { cursor:pointer; }
.home-studio__thumb { position:relative; overflow:hidden;  background-color:#000; }
.home-studio__thumb img { opacity:1; transition:opacity 0.5s ease-out; }
.home-studio__thumb:active img { opacity:0.8; }
.home-studio__name { font-size:18px; margin-top:8px; }

.home-studio__slider .swiper-pagination { position:absolute; top:16px; right:16px; left:auto; bottom:auto; width:69px; height:30px; display:flex; align-items:center; justify-content:center; font-size:18px; font-family: 'Cormorant Garamond', serif; background-color:#1C1A18B2; border-radius:30px; color:#F7F5EF;  }

.home-studio__slider .swiper-button { position:absolute; top:-40px; right:0; display:flex; gap:48px; justify-content: flex-end; }
.home-studio__slider .swiper-button .swiper-button-prev,
.home-studio__slider .swiper-button .swiper-button-next { position:static; }



/* home-why */
.home-why { }
.home-why .section-head__desc { font-size:14px; margin-top:24px; }
.home-why__media { position:relative; margin:0 -24px; }


/* home-moments */
.home-moments { overflow:hidden; }
.home-moments .section__inner { }
.home-moments .section__grid .section-content { margin-top:56px; }

.home-moments__slider { position:relative; margin:0 -24px; }
.home-moments__slider .swiper-slide { max-width:70%; }
.home-moments__thumb { position:relative; display:flex; align-items:center; aspect-ratio: 1 / 1; }
.home-moments__thumb img { opacity:0.7; transition: all 0.3s ease; } 
.home-moments__thumb span { display:flex; align-items:center; justify-content: center; height: 100%; max-height:80%; overflow:hidden; transition: all 0.3s ease-out; border-radius:8px; background-color:#000; }

.home-moments__slider .swiper-pagination .swiper-pagination-bullet { }
.home-moments__slider .swiper-pagination .swiper-pagination-bullet-active { background-color:#1C1A18; }

.home-moments__info { margin-top:10px; opacity:0; transition: all 0.3s ease; }
.home-moments__date { font-size:14px; font-family: 'Cormorant Garamond', serif; }
.home-moments__text { font-size:14px; letter-spacing:-0.5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; max-height: calc(1.5em * 3); word-break: break-word; }

.swiper-slide-active .home-moments__thumb img { opacity:1; }
.swiper-slide-active .home-moments__thumb span { max-height:100%; }
.swiper-slide-active .home-moments__info { opacity:1; }


/* home-event */
.home-event { height:575px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/event_banner_m@2x.jpg'); background-size:cover; }

.home-event .section-head__eyebrow { font-size:14px;  font-family: 'Cormorant Garamond', serif;  }
.home-event .section-head__title { color:#C9A96E; }
.home-event .section-head__desc { font-size:18px; }

.home-event__info { margin-top:16px; display:flex; gap:10px; flex-wrap:wrap; }
.home-event__item { flex-basis: 100%; }
.home-event__term { font-size:14px; font-family: 'Cormorant Garamond', serif; color:#1C1A18CC; font-weight:600; }
.home-event__desc { font-size:24px; line-height:1.2; }
.home-event__item { font-family: 'Cormorant Garamond', serif; font-weight:600; }
.home-event__item .ko { font-family: 'Pretendard Variable', 'Pretendard', sans-serif; }
.home-event__item.location .home-event__desc { font-size:18px;  }

.home-event .section-footer { margin-top:80px; }
.btn-web-common.btn-mobile-common { width:100%; height:55px; max-width:none; }



@media (min-width: 320px) {
	/* home-event */
	.home-event { height:534px; }
}

/* PC */
@media (min-width: 768px) {
	.section__inner { padding:60px 50px; }
	.section-head__title { font-size:48px; }
	.section-head__desc { font-size:20px; margin-top:12px; }
	.section-head__desc + .btn-web-common { margin-top:60px; }
	
	.section-content { margin-top: 52px; }
	.btn-web-common { height:55px; max-width:295px; }
	
	.section__grid { display:grid; grid-template-columns:295px 1fr; gap:40px; align-items:center; }
	.section__grid .section-head { position:relative; background-color:#F7F5EF; margin:0; z-index:10; }
	.section__grid .section-content { margin-top:0; height:100%; }
	.section__grid .section-content .home-makeup__media { height:100%; }
	
	/* home-slogan */
	.home-slogan__slider { height:290px; }
	.home-slogan__title { font-size:77px; }
	.home-slogan__text { font-size:36px; }
	
	/* home-hall */
	.home-hall__slider { margin:0; padding-top:50px; }
	.home-hall__slider .slider-full {  margin:0 -50px; }
	.home-hall__thumb:after { content:""; position:absolute; left:0; right:0; bottom:0; top:0; display:block; background: linear-gradient(to bottom, transparent, #000); opacity:0; transition:opacity 0.5s ease; pointer-events: none; }
	.home-hall__thumb img { transition:all 0.3s ease; }
	.home-hall__name { font-size:32px; left:32px; bottom:32px; color:#fff; height:auto; padding:0; background-color:transparent; opacity:0;  transition:opacity 0.5s ease; }	
	
	.home-hall__slider .swiper-slide:hover .home-hall__thumb:after,
	.home-hall__slider .swiper-slide:hover .home-hall__name { opacity:1; }
	.home-hall__slider .swiper-slide:hover .home-hall__thumb img { transform:scale(1.05); }
	
	.home-hall__slider .swiper-button { position:absolute; right:0; top:0; display:flex !important; gap:28px; justify-content: flex-end; }
	.home-hall__slider .swiper-button .swiper-button-prev,
	.home-hall__slider .swiper-button .swiper-button-next { position:static; display:block; margin-top:0; }
	
	/* home-partners */
	.home-partners__list { margin:0 -50px; }
	.home-partners__thumb { background-color:transparent; }
	.home-partners__thumb:after { content:""; position:absolute; left:0; right:0; bottom:0; top:0; display:block; background: linear-gradient(to bottom, transparent, #000); opacity:0; transition:opacity 0.5s ease; pointer-events: none; }
	.home-partners__thumb img { transition: all 0.3s ease; transform:scale(1.01); }
	.home-partners__thumb:hover img { transform:scale(1.05); }
	.home-partners__thumb:hover:after { opacity:1; }
	.home-partners__name { left:50px; bottom:50px;  font-size:39px; color:#F7F5EF; }
	
	/* home-studio */
	.home-studio__slider { margin:0; padding-top:50px; }
	.home-studio__thumb { background-color:transparent; }
	.home-studio__thumb img { transition: all 0.3s ease; }
	.home-studio__thumb:hover img { transform:scale(1.05); }
	.home-studio__thumb:after { content:""; position:absolute; left:0; right:0; bottom:0; top:0; display:block; background: linear-gradient(to bottom, transparent, #000); opacity:0; transition:opacity 0.5s ease; pointer-events: none; }
	.home-studio__slider .swiper-button { position:absolute; right:0; top:0; display:flex !important; gap:28px; justify-content: flex-end; }
	.home-studio__slider .swiper-button .swiper-button-prev,
	.home-studio__slider .swiper-button .swiper-button-next { position:static; display:block; margin-top:0; }
	
	/* home-why */
	.home-why .section__grid { grid-template-columns: 305px 1fr; gap: 0; }
	.home-why .section-head { width:400px; padding:30px; margin:20px 0; }
	.home-why .section-head__desc { font-size:17px; }
	.home-why .home-why__media { margin:0; height:100%; }
	.home-why__media img { min-height:100%; min-width:100%; object-fit: cover; object-position: center; }
	
	/* home-moments */
	.home-moments .section__grid { grid-template-columns: 330px 1fr; }
	.home-moments .section-head__desc { max-width:230px; }
	.home-moments .section__grid .section-content { margin-top:0; }
	.home-moments__slider { margin:0; padding-bottom:20px; }
	.home-moments__slider .swiper-slide { max-width:536px; }
	.home-moments__thumb { overflow:hidden; }
	.home-moments__thumb span { max-height:none; width:100%; }
	.home-moments__thumb img { transition: all 0.3s ease; }
	.home-moments__thumb:after { content:""; position:absolute; left:0; right:0; bottom:0; top:0; display:block; background: linear-gradient(to bottom, transparent, #000); opacity:0; transition:opacity 0.5s ease; }

	.home-moments__info { position:absolute; left:24px; bottom:24px; opacity:0; transition:opacity 0.5s ease; z-index:10; }
	.home-moments__date { color:#F7F5EF; font-size:16px;  }
	.home-moments__text { color:#F7F5EFCC; }
	
	.swiper-slide-active .home-moments__info { opacity:0; }
	
	.swiper-slide:hover .home-moments__thumb img { transform:scale(1.05); }
	.swiper-slide:hover .home-moments__thumb:after { opacity:1; }
	.swiper-slide:hover .home-moments__info,
	.swiper-slide-active:hover .home-moments__info { opacity:1; }
	
	.home-moments__slider .swiper-pagination { position:absolute; right:0; width:auto; bottom:0; display:flex; justify-content:flex-end; }
	.home-moments__slider .swiper-pagination .swiper-pagination-bullet { width:60px; height:1px; border-radius:0; }
	
	.home-event { height:auto; }
	.home-event__info { flex-wrap: nowrap; gap:50px; margin-top:40px; }
	.home-event__item { flex-basis: auto; }
	.home-event__term { font-size:18px; }
	.home-event__desc { font-size:25px; }
	.home-event__item.location .home-event__desc { font-size:20px; }
	
	.btn-web-common.btn-mobile-common  { max-width: 295px; }
}



@media screen and (min-width: 1280px) {
	.section__inner { padding:120px 100px; }
	
	.section-head__title { font-size:56px; }
	.section-head__desc { font-size:24px; margin-top:16px; }
	.section-head__desc + .btn-web-common { margin-top:128px; }
	
	.section-content { margin-top: 72px; }
	
	.btn-web-common { height:72px; }
	
	/* section__grid */
	.section__grid { display:grid; grid-template-columns:513px 1fr; gap:0; align-items:center; }
	.section__grid .section-head { position:relative; background-color:#F7F5EF; margin:0; z-index:10; }
	
	.view-more__link ,
	.btn-web-common { font-size:24px; max-width:442px; }
	
	.swiper-button-next, .swiper-button-prev { width:48px; height:48px; }
	.swiper-button-next { background-image:url('../img/icons/pc_btn_arrow_right.png'); }
	.swiper-button-prev { background-image:url('../img/icons/pc_btn_arrow_left.png'); }
	
	/* home-hero */
	.home-hero { min-height:800px; }
	.home-hero .home-hero__video { min-height:900px; }
	.home-hero__content { left:100px; bottom:240px; }
	.home-hero__title { font-size:90px; }
	.home-hero__desc { font-size:40px; }
	.home-hero__btn { width:136px; height:136px; right:100px; bottom:100px; } 
	.btn-next-section { bottom:50px; width:48px; height:48px; background-image:url('../img/icons/pc_btn_arrow.png');  }
	#home-dress { scroll-margin-top: 100px; }
	
	/* home-dress */
	.home-dress .section-content { margin-top:100px; }
	.home-dress__slider { padding:0 205px; }
	.home-dress__thumb img { transition: all 0.3s ease;  }
	.home-dress__thumb:hover img { transform: scale(1.05); }
	.home-dress__name { font-size:32px; margin-top:16px; }
	.home-dress__slider .swiper-button-next { right:72px; }
	.home-dress__slider .swiper-button-prev { left:72px; }
	
	/* home-makeup */
	.home-makeup .btn-web-common { max-width:437px; }
	
	/* home-slogan */
	.home-slogan__slider { height:448px; }
	.home-slogan__title { font-size:128px; }
	.home-slogan__text { font-size:60px; }
	
	/* home-hall */
	.home-hall .section-content { margin-top:44px; }
	.home-hall__slider { padding-top:64px; }
	.home-hall__slider .slider-full { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
	.home-hall__slider .swiper-slide { position:relative; width:620px; }
	.home-hall__slider .swiper-button { gap:48px; }
	.home-hall__name { font-size:32px; left:32px; bottom:32px; }
	
	/* home-partners */
	.home-partners__list { margin:0 -100px; }
	.home-partners__name { left:100px; bottom:100px;  font-size:64px; color:#F7F5EF; }
	
	/* home-studio */
	.home-studio .section-content { margin-top:44px; }
	.home-studio__slider { padding-top:64px; }
	.home-studio__slider .swiper-button { gap:48px; }
	.home-studio__name { font-size:32px; margin-top:40px; }
	
	/* home-why */
	.home-why .section__grid { grid-template-columns: 573px 1fr; }
	.home-why .section-head { width:704px; padding:72px; margin:169px 0; }
	.home-why .section-head__desc { font-size:24px; margin-top:95px; }
	.home-why .section-link { margin-top: 96px; }
	.home-why__media { margin:0; }
	
	/* home-moments */
	.home-moments .section__grid { grid-template-columns: 546px 1fr; }
	.home-moments__slider .slider-full { margin-right: calc(-50vw + 50% + 273px); }
	.home-moments__info { left: 32px; bottom: 32px; }
	.home-moments .section-head__desc { max-width:none; }
	.home-moments__date { font-size:24px; }
	.home-moments__text { font-size:20px; }
	
	.home-event { height:auto; }
	.home-event .section-head__eyebrow { font-size:32px; }
	.home-event .section-head__desc { font-size:32px; }
	.home-event__info { gap:72px; margin-top:80px; }
	.home-event__term { font-size:24px; }
	.home-event__desc { font-size:32px; }
	.home-event__item.location .home-event__desc { font-size:25px; margin-top:5px; }
	.home-event .btn-web-common { max-width:442px; }
	
	.btn-web-common.btn-mobile-common  { height: 72px; }
}