@charset "utf-8";
#mv_wrap {}
#mv {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(35vw) }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; }
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15); background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:50%;transform:translateY(-50%); margin-left: 130px; /*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff;}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;  letter-spacing:10px; text-transform: uppercase }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1); filter:blur(5px); }

#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top:35%;transform: translateY(0);margin-left: 0;/*overflow: hidden;*/text-align: center;margin: 0 auto;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {letter-spacing: 0; color: #fff; margin-bottom:50px;  }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:50px;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 0.7s 0.5s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .more {padding:15px 50px; text-align:center; border:1px solid #fff; color:#fff; border-radius:50px; transition:.25s;  margin:50px auto 0; animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); position:relative; }
#mv .mv_list_wrap .mv_list.slick-active .more:hover { bbackground-color: #896e60;  border:1px solid #896e60; }

#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 150px; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}

 .more{width:225px;font-family: 'Italiana', sans-serif;margin: 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 10%;opacity: .6;bottom: 25px;}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #fff; text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:2px; }
 .more p span{margin-left: 20px;}
 .more:hover{ opacity:1 }



@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        /* transform:translateY(50px); */
        opacity:0;
				transform:translateY(50px) scale(1.1);
				filter:blur(5);
    }
    100% {
        /* transform:translateY(0); */
        opacity:1;
				transform:translateY(0) scale(1);
				filter:blur(0);
    }
}





.m1 {padding: 160px 0 0;}
.m1 .title_wrap{display:flex; padding-bottom:70px;}
.m1 .title_wrap .lt {width: 53%;}
.m1 .title_wrap .rt {width: 47%; margin-top:4.5%; margin-left:3%;}

.m2 {padding: 0 0; background-color:#fafafa;}


 .more{width:225px;font-family: 'Italiana', sans-serif;margin: 4% 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 10%; opacity:.7}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #fff; text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:2px; }
 .more p span{margin-left: 20px;}
 .more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
 .more:hover p {color: #fff;}
 


.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; overflow:hidden; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .num1 {position: relative;display: inline-block;width: 65px;height:65px;line-height:65px;text-align:center;background-color: #127864;color:#fff;border-radius:50px;font-family: 'Futura Std', sans-serif;letter-spacing: -3px; float: right;}


.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
    opacity: 0;
}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}




.case-section{width:100%;box-sizing:border-box; padding-top:140px}
.case-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;}
.more-btn{border:1px solid #c1a28e;color:#c1a28e;border-radius:50px;padding:15px 25px;text-decoration:none;}
.more-btn:hover { background:#c1a28e;  color:#fff}

.case-body .tit_text {
  white-space: nowrap;       /* ÁÙ¹Ù²Þ ¾È ÇÔ */
  overflow: hidden;          /* ³ÑÄ¡´Â ÅؽºÆ® ¼û±è */
  text-overflow: ellipsis;   /* ... Ç¥½Ã */
  display: block;            /* inline ¿ä¼ÒÀÏ °æ¿ì °­Á¦·Î block ó¸® */
}
/* --- swiper area --- */
.case-swiper{position:relative;}
.case-swiper .swiper-slide{height:auto;}
.case-card{border-radius:8px;overflow:hidden;}
.case-img{position:relative;width:100%; }
.case-img img{width:100%;height:100%;object-fit:cover;display:block; border-radius:20px}
.case-caption {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}

/* °øÅë: °¡¿îµ¥ Á¤·Ä, ¿©¹é */
.case-caption span {
  flex: 1;
  text-align: center;
  padding: 4px 0;
}

/* Before */
.bg_before {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* After */
.bg_after {
  background: #c1a28e;
  color: #fff;
}
.case-caption .tac{flex:1;text-align:center;}
.case-body{padding:10px 10px 12px;font-size:.9rem;color:#333;}
.case-subtitle{color:#333; border-top:1px solid #dfdfdf; padding-top:10px}

/* --- footer controls: progress + arrows + fraction --- */
/* 1) ÇÑ ÁÙ Á¤·Ä: ¿ÞÂÊ ÁøÇà¹Ù, ¿À¸¥ÂÊ ÄÁÆ®·Ñ */
.case-footer{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr auto;  /* ÁÂÃø °¡º¯, ¿ìÃø °íÁ¤ */
  align-items:center;
}

.case-progress{
  display:block; width:88%; height:3px;
  background:#e6e6e6; border-radius:2px; overflow:hidden;

}
.case-progress.swiper-pagination-progressbar{
  background:#e6e6e6;
  position: static !important;   /* ¡ç ÇÙ½É: ±âº» absolute ÇØÁ¦ */
  inset: auto !important;        /* Ȥ½Ã ³²¾ÆÀÖ´Â À§Ä¡°ª ¹«È¿È­ */
}
.case-progress .swiper-pagination-pop-progressbar-fill{
  background:#919191 !important;
  transform-origin:left center; border-radius:2px;
}
/* 3) ¿ìÃø ÄÁÆ®·Ñ */
.case-nav{
  position: static; transform:none;
  display:flex; align-items:center; gap:12px;
  justify-self:end;               /* ¿À¸¥ÂÊ ³¡ Á¤·Ä */
  white-space: nowrap;
}
.case-counter{font-size:.9rem;min-width:48px;text-align:right;color:#666;}

/* ¹öÆ°(¾ÆÀÌÄܸ¸) ? ÇÊ¿ä ½Ã À¯Áö/¼öÁ¤ */
.case-prev,.case-next{
  width:40px;height:40px;border:none;background:#fff;border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:pointer;display:grid;place-items:center;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.case-prev:hover,.case-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12);}
.case-prev svg path,.case-next svg path{transition:stroke .2s ease;}
.case-prev:hover svg path,.case-next:hover svg path{stroke:#a87447;}
.case-prev:disabled,.case-next:disabled{opacity:.4;cursor:default;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c1a28e}
/* ¸ð¹ÙÀÏ: µÎ ÁÙ ¹èÄ¡ */
@media (max-width:820px){
  .case-footer{grid-template-columns:1fr;gap:10px;}
  .case-nav{justify-self:stretch;justify-content:flex-end;}
  .case-section{width:100%;box-sizing:border-box; padding-top:80px}
}






@media all and (max-width:1800px){
}
@media all and (max-width:1430px){
	
}
@media all and (max-width:1230px){

}


@media all and (max-width:980px){
}


@media all and (max-width:820px){
#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 35% 50%;background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position:65% 50%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position:80% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.jpg'); background-position:50% 50%;}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4_m.jpg'); background-position:65% 50%;}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:63%;transform: translateY(-60%);margin-left: 25px;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 3px;text-transform: uppercase}
#mv .mv_list_wrap .mv_list .txt_wrap .logo img { width:55%;}
#mv .slider_arrow_wrap {;bottom: 120px;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 120px;left: 20px;transform: translateX(7%);scale: 1;}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 30px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 38px;}
#mv .slider_arrow_wrap .next {padding-left: 38px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}


#mv_wrap .slider_navi {position: absolute;bottom: 20%;right: 50%;margin-right: -155px;z-index: 1;display: flex;align-items:center;scale: .7;}

#mv .more{width:185px; font-family: 'Italiana', sans-serif; height: 45px; margin: 30px auto 0; float: none; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;}


.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.mt70 { margin-top: 30px !important;}
.mt100 {margin-top: 50px !important;}

.more1{width: 210px;font-family: 'Italiana', sans-serif;height: 50px;margin: 50px auto 0; float: none;}


.m1 { padding:80px 0 0}
.m1 .title_wrap{display: block;padding-bottom:50px;}
.m1 .title_wrap .lt {width: -webkit-fill-available;}
.m1 .title_wrap .rt {width: -webkit-fill-available;margin-top:4%;margin-left: 0;}

.mt150{margin-top:50px !important;}

.m2 { padding:0 0 10px;}
.more{width: -webkit-fill-available;font-family: 'Italiana', sans-serif;margin: 10% 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 0;opacity:.7;scale: .8;bottom: 0;}
 










	
}


@media all and (max-width:520px){
	
}