@charset "utf-8";

#main_wrap { position:relative;}
#mv_wrap {width: 140vw;border-radius: 0 0 50% 50%;overflow: hidden;transform: translateX(-35vw);}
#mv {width: 100vw; position: relative; transform:translateX(35vw);}
#mv .mv_box {width: 100vw; position: relative; }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
/*#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.2); filter:blur(10px); transition:all 1.5s cubic-bezier(0.37, 0, 0.63, 1); }*/
#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);}

#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; transform:scale(1); filter:blur(0px);}
				
#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:49%;transform:translateY(-50%); margin-left: -600px; /*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list .txt_wrap h4 {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 p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }

#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; }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:20px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h4 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt2 2.2s 0.7s forwards; opacity: 0;  transform:translateX(100px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h4 { animation:mvTxt1 2s 0.9s forwards; opacity: 0;  transform:translateX(-100px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1s 0.7s forwards; opacity: 0;  transform:translatex(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: 12%; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', 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%;}


@keyframes mvBgScale {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        opacity:0;
        transform:translateY(50px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}
@keyframes mvTxt1 {
    0% {
        opacity:0;
        transform:translateX(120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes mvTxt2 {
    0% {
        opacity:0;
        transform:translateX(-120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}


#mv .wave{position:absolute;bottom:25px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#mv .wave svg path{animation: wave 2s 1s linear infinite;}

.m1 {padding: 160px 0; background-color:#f5f3ee;}

.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%; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}

.img_list li .img_box .img {width:; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; position: relative; overflow:hidden;}
.img_list li .img_box .img img{ width:;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.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;
	}
}





.img_list li .img_box .img{transition:.25s; text-align:right;}
.img_list li .img_box .img:hover{border-radius:0 0 50px 0; overflow:hidden;}
.img_list li .img_box:hover img {transform:scale(1.05);}
.img_list li .txt_box .img {width:;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 .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}
.img_list li .txt_box .num  {display: block;vertical-align: middle;width: 65%;height: 45px;font-size:20px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 1;position: relative;}


.img_list li .txt_box .txt {letter-spacing:5px; text-transform: uppercase; color:#c1a28e;}



.img_list li .vertical_line {position: relative;top: 85%;left: 50%;transform:translateX(-50%);width: 1px;height: 0;background-color: #ddd;transition:0.75s 0.3s;display: block;}
.img_list li .move .vertical_line {height: 120px;}





.m2 {padding: 160px 0 20px;}
.m2 .tit_wrap {}
.m2 .tit_wrap .txt0 {color: #fff; text-transform: uppercase; font-size:22px; letter-spacing:0;}
.m2 .tit_wrap .tit_list {padding:0 0; font-style: italic; font-size:78px; line-height:100%; font-family: 'Cinzel', serif; }
.m2 .tit_wrap .tit_list p {display:flex; flex-wrap:nowrap; align-items:center;}
.m2 .tit_wrap .tit_list .list_item_top {}
.m2 .tit_wrap .tit_list .list_item_bot {flex-direction:row-reverse; margin-top:0px;}


.special ul {overflow:hidden; position: relative; left:0; right:0; bottom:0; height:500px; margin-top:0;}
.special  li {float:left; position:relative; width:20%; height:480px; text-align:center; background:no-repeat center #fff; background-size: contain; transition:.25s; margin-top:30px;}
.special  li.s01 {background-image:url('/jp/img/m2_1.jpg'); transition:.25s;}
.special  li.s02 {background-image:url('/jp/img/m2_2.jpg'); transition:.25s;}
.special  li.s03 {background-image:url('/jp/img/m2_3.jpg'); transition:.25s;}
.special  li.s04 {background-image:url('/jp/img/m2_4.jpg'); transition:.25s;}
.special  li.s05 {background-image:url('/jp/img/m2_5.jpg'); transition:.25s;}


.special  li > a {position:absolute; top:0; left:0; right:0; bottom:0; transition:background 0.4s;}
.special  li div {position:absolute;top:0;margin-top:-35px;color:#222;-webkit-transition:all 0.4s;transition:all 0.4s;width: -webkit-fill-available; transition:.25s;} /* transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); */
.special  li small {display:block; font-size:20px;}
.special  li em {display:block; font-size:28px; line-height:140%; font-weight:600;}
.special  li p {margin: 0 auto;padding: 5px 0 0;font-size:18px;line-height:150%;opacity: 1;-webkit-transition:margin 0.4s, opacity 0.4s;transition:margin 0.4s, opacity 0.4s;}
.special  .more {display: block;padding: 0 0;font-size: 20px;color:#a48472;line-height: 60px;background:#fff;opacity: 1;-webkit-transition:margin 0.4s, opacity 0.4s;transition:margin 0.4s, opacity 0.4s;width: -webkit-fill-available;position: absolute;bottom: 0;justify-content: center;align-items: end; font-family: 'Cinzel', serif; border-radius:0; transition:.25s; }

.special li:hover  .more { background-color:transparent; transform:translateY(-30px);}
.special li:hover.s01 {background-image:url('/jp/img/m2_1_ov.jpg'); border-radius:50px 0 50px;   transform:translateY(-30px); margin-bottom:-30px;}
.special li:hover.s02 {background-image:url('/jp/img/m2_2_ov.jpg'); border-radius:50px 50px 50px; transform:translateY(-30px); margin-bottom:-30px;}
.special li:hover.s03 {background-image:url('/jp/img/m2_3_ov.jpg'); border-radius:0 50px 0 50px; transform:translateY(-30px); margin-bottom:-30px;}
.special li:hover.s04 {background-image:url('/jp/img/m2_4_ov.jpg'); border-radius:50px 50px 0 50px; transform:translateY(-30px); margin-bottom:-30px;}
.special li:hover.s05 {background-image:url('/jp/img/m2_5_ov.jpg'); border-radius:0 50px 0 50px; transform:translateY(-30px); margin-bottom:-30px;}
.special li:hover  div { color:#fff; transform:translateY(55px);}



.selfie_box {padding: 160px 0 160px; text-align: center;  transition: background-color 0.3s ease;}
.selfie_box .tit_wrap h3 {font-style: italic;}
.selfie_box .selfie_box_list_wrap {position: relative; margin: 0 70px;}
.selfie_box .selfie_box_list {padding: 0 80px;}
.selfie_box .selfie_box_list .list {margin: 0 5px;}
.selfie_box .selfie_box_list .list .thumb {width:auto; border-radius:30px; overflow: hidden; margin:0 5px; }
.selfie_box .selfie_box_list .list .thumb img {width:-webkit-fill-available;transition:.5s; }
.selfie_box .selfie_box_list .list:hover .thumb img {transform:scale(1.15);}

.selfie_box .selfie_box_list .txt {margin-top: 25px; overflow: hidden;text-overflow: ellipsis;   transition:.25s;}
.selfie_box .selfie_box_list a:hover .txt {color: #127864;}
.selfie_box .slider_arrow {top: 45%;	}

.selfie_box .round_more:hover  { background-color:#333 }

 .round_more{width:105px; height: 105px; line-height:105px; margin: 40px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d7aa3c 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:2px solid #a48472;}
 .round_more p{ display:flex; align-items:center; justify-content:center; letter-spacing:-0.02em; color: #a48472; text-align: center; text-transform: uppercase; transition:.75s; line-height:130%; }
 .round_more p span{margin-left: 0;}
 .round_more:hover{/* background: #1a3369; */ border-color:#d7aa3c; background-position:left bottom; }
 .round_more:hover p {color: #fff;}

.selfie_box .tit_wrap p {transition: color 0.3s ease;}


.tit_wrap {margin-bottom: 70px;}
.more{width:185px; height: 50px; margin:70px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #a48472 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent;  z-index:1; position: absolute; right:0;}
.more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #a48472; text-align: center; text-transform: uppercase; transition:.75s; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#a48472; background-position:left bottom; }
.more:hover p {color: #fff;}

/*
.event_m  {padding: 160px 0 0; text-align: center; background: url('/assets/images/main/youtube_bg.jpg') 50% 0 repeat;}
.event_m .best_tab { position:absolute; left: 50%; margin-left:95px; bottom: 0; }
.event_m .slick-track {display: flex; }
.event_m .best_tab .slick-slide {float: none;}
.event_m .best_tab .list {height:179px; width:170px; text-align:center;  color: #fff; line-height: 1.5; border: 5px solid transparent; cursor: pointer; opacity:.8; filter: grayscale(1); border-radius:15px;}
.event_m .best_tab .list { border-radius:15px; overflow:hidden;}
.event_m .best_tab .list.slick-current {border-color: #a57865; opacity:1; filter: grayscale(0);}
.event_m .best_list {}
.event_m .best_list .img{width: 50%; display:inline-block; }
.event_m .best_list .img img { text-align:center; margin: 0 auto;}
.event_m .best_list .list {display: flex; align-items:flex-start;}
.event_m .best_list .list .txt_wrap {width: 50%; position: relative; top:70px;}
.event_m .best_list .list .txt_wrap h3 {font-weight: bold; font-size:42px; color:#333; line-height:130%; letter-spacing:-3px;}
.event_m .best_list .list .txt_wrap .date { background-color:#d6a45b; color:#fff; margin:0 auto; border-radius:75px; padding:15px 0; width:65%; text-align:center;}

.event_m .more{width:185px;height: 50px;margin: 20px auto 0;box-sizing:border-box;cursor: pointer;background:linear-gradient(to right, #a48472 40%, transparent 0%);background-size:400% 100%;background-position: right bottom;transition:all 0.75s ease-out;border-radius:300px;background-color: transparent;z-index:1;position: relative;right:0;}
.event_m .more:hover{ border-color:#a48472; background-position:left bottom; }
.event_m .more:hover p {color: #fff;}

.event_m .slick-prev,
.event_m .slick-next {width: 60px; height: 60px; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #a48472; border-radius:50%; position: absolute; top: 50%; transform:translateY(-50%); text-indent: -9999px; z-index: 1; }
.event_m .slick-prev {background-image: url('/assets/images/common/slider_prev_b.png'); left: 50%; margin-left:34%;  z-index: 5; top:65%}
.event_m .slick-next {background-image: url('/assets/images/common/slider_next_b.png'); right: 7%; top:65%}*/

.tab li a {display: block;text-align: center;height:50px;line-height:50px;font-size: 16px;margin:0 -1px;border-radius:0;border-right:1px solid #ddd;transition: .25s;letter-spacing: -1px;}

.square_img_list3 li .num  {display: block;vertical-align: middle;width: 85%;height: 45px;font-size:18px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 2;position: relative;}

.chk_txt p {position: relative;padding-left: 25px;line-height: 1.5;word-break: auto-phrase;margin-bottom: 10px;}
.chk_txt p:after {content:'';display: block;width: 7px;height: 7px;background-color: #a18360;position: absolute;top: 11px;left:5px;opacity: .5;}


.box31 {position: relative; text-align:center;}
.box31  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative;}
.box31  ul li {display: inline-block; vertical-align: top; width: calc(50% - 60px); margin: 0 30px 30px; /* padding:70px 15px 0; */border-radius:15px;  position: relative; height:auto; align-content: center;}
.box31  ul li:after {content:'';position: absolute;display: block; top: 46%;left: -15%; background-image: url('/assets/images/sub/arrow1.png');width: 83px;height: 22px;margin-left: 0;transform: rotate(0deg); scale:.8;}
.box31  ul li:first-child::after {content:""; background-image:none; }
.box31  ul li:nth-child(2n) {top: 0; position: relative;}


.tab1 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.tab1 li {display: inline-block; vertical-align: top; margin:0 0; }
.tab1 li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; margin:0 -1px;  border-radius:0;  border-right:1px solid #ddd;  transition: .25s;}
.tab1 li:first-child a { border-left:1px solid  #ddd ;}
.tab1 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.tab1 li a.active,
.tab1 li a:hover{ background-color:#888; color: #fff; font-weight: 500; }
.tab_con1 > .con0 { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.tab_con1 > .con0.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}


.tab1 .col-1 li{width:calc(50% - 2px);}
.tab1 .col-2 li{width:calc(50% - 30px);}
.tab1 .col-3 li{width:calc(32% - 30px);}
.tab1 .col-4 li{width:calc(25% - 30px);}
.tab1 .col-5 li{width:calc(20% - 30px);}
.tab1 .col-6 li{width:calc(16.66% - 30px);}
.tab1 .col-7 li{width:calc(14.285% - 30px);}


.tab2 {width: 100%;margin: 0 auto;text-align: center;font-size: 0; z-index:1;}
.tab2 li {display: inline-block; vertical-align: top; margin:0 0; }
.tab2 li a {display: block;  text-align: center; height:50px; line-height:50px; font-size: 18px; margin:0 -1px;  border-radius:0;  border-right:1px solid #ddd;  transition: .25s;}
.tab2 li:first-child a { border-left:1px solid  #ddd ;}
.tab2 li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0;  display: block;  z-index: -1;}
.tab2 li a.active,
.tab2 li a:hover{ background-color:#888; color: #fff; font-weight: 500; }
.tab_con2 > .con00 { display: none;  /* 기본적으로 모든 내용을 숨김 */}
.tab_con2 > .con00.active {display: block;  /* active 클래스가 있을 때만 보이게 함 */}


.tab2 .col-1 li{width:calc(50% - 2px);}
.tab2 .col-2 li{width:calc(50% - 30px);}
.tab2 .col-3 li{width:calc(32% - 30px);}
.tab2 .col-4 li{width:calc(25% - 30px);}
.tab2 .col-5 li{width:calc(20% - 30px);}
.tab2 .col-6 li{width:calc(16.66% - 30px);}
.tab2 .col-7 li{width:calc(14.285% - 30px);}




.round4 {position: relative; text-align:center; margin-left: -5px;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: flex;position: relative; text-align: -webkit-auto;}
.round4  li {display: inline-block;vertical-align: top;width: calc(25% - 10px);margin: 0 5px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #a48472;color:#fff;position: relative;text-align: center;}
.round4  li:nth-child(2n)  {background-color: #c69e88;}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: auto;display: block;align-items: center;margin: 0 auto;justify-content: center;padding: 30px 0;}




.round3 {position: relative; text-align:center; margin-left: -5px;}
.round3  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative; text-align: -webkit-auto;}
.round3  li {display: inline-block;vertical-align: top;width: calc(33.33% - 10px);margin: 0 5px 20px;/* padding:70px 15px 0; */border-radius:100px;background-color: #a48472;color:#fff;position: relative;text-align: center;}
.round3  li:nth-child(2n)  {background-color: #c69e88;}
.round3  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: auto;display: block;align-items: center;margin: 0 auto;justify-content: center;padding: 30px 0;}

.con7 .img_list lI:before {content:'';display: block;width: 1px;height: 230px;background-color: #dcd9d6;position: absolute;top: 9%;left: 50%;transform: skew(-30deg);}


.company_info_bot .info_btn {display: block; width:70%;}
.company_info_bot .info_btn .btn {display: block;align-items:center;justify-content:center;text-align: center;width: -webkit-fill-available;height: auto;transition:.25s;border-radius: 65px;padding: 8px 0;margin-bottom: 10px;}











.m5 {margin: 0 0; background-color:#e8e1d6;}
.m5 .inner {display: flex; align-items: center;}
.m5 h3 {position:absolute;text-align: center;margin: 160px auto 0;  font-family: 'Noto Sans KR', sans-serif; width: -webkit-fill-available;z-index: 1;}
.m5 .lt {width: 50%; position:relative;}
.m5 .lt .txt_wrap {position: absolute; right: 10%; z-index: 1;  top:-50px; transition:.25s;} 
.m5 .slider_wrap {margin-bottom: 0;}
.m5 .slider_wrap .slick-dots {bottom: 10%; position:absolute;}
.m5 .slider_wrap .slick-dots li {width: auto; height: auto;}
.m5 .slider_wrap .slick-dots li button {padding: 0; width: 12px; height: 12px; background-color: #e5e5e5; border-radius:50px;}
.m5 .slider_wrap .slick-dots li button:before {display: none;}
.m5 .slider_wrap .slick-dots li.slick-active button {background-color: #666;width:12px;  height: 12px;}
.m5 .rt {width: 50%;}
.m5 .rt a {display: block; width: 100%; height: 655px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; position: relative; overflow: hidden;}
.m5 .rt a:after {content:''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.4) 100%); transition:.25s; position: absolute; top: 100%; left: 0; }
.m5 .rt .txt_wrap {position: absolute; left: 10%; bottom: 10%; z-index: 1; color: #fff; transition:.25s;} 
.m5 .rt .txt_wrap p {}
.m5 .rt .txt_wrap h4 {padding-bottom: 0; position: relative;}
.m5 .rt a:hover:after {top: 0;}
.m5 .rt a:hover .txt_wrap {left:12%;}
.m5 .rt .thumb img { max-width: max-content;}










.examination {display: flex;}
.examination .tab_list_wrap,
.examination .img_list_wrap {width: 50%; }
.examination .tab_list_wrap {padding:10% 0 0 10%; position: relative;}

.examination .tab_list_wrap.active {padding-top: 150px !important;}
.examination .tab_list_wrap.active:after {top: 170px;}
.examination .tab_list_wrap li {cursor: pointer; display: flex;}
.examination .tab_list_wrap li .icon {width: 140px; height: 65px; margin-right: 20px; display: flex; justify-content:center; align-items:center; border-radius:50px; background-color: #c9caca; position: relative; z-index: 1; transition:.35s;}
.examination .tab_list_wrap li .txt_wrap {width:100%; padding: 5px 0 15px; position: relative;}
.examination .tab_list_wrap li .txt_wrap .num {position: absolute; top: 0; left: 0; font-family: 'Cormorant Garamond', serif; font-style: italic;	font-weight: 600;transition:.35s; }
.examination .tab_list_wrap li .txt_wrap .txt_box {padding-left:0;}
.examination .tab_list_wrap li .txt_wrap .txt_box h4 {font-weight: 400; transition:.25s;}
.examination .tab_list_wrap li.active .icon {background-color: #127864;}
.examination .tab_list_wrap li.active .txt_wrap .num {color: #127864;}
.examination .tab_list_wrap li.active .txt_wrap .txt_box h4 {color: #127864; font-weight:500; font-size:24px;}

.examination .img_list_wrap li {position: relative; width: 895px; height: 865px; padding-right:45px;  margin-bottom: 100px; }
.examination .img_list_wrap li .tit_wrap {display: none;}
.examination .img_list_wrap li .txt_wrap {display: none;}
.examination .img_list_wrap li .bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: no-repeat center center; background-size: cover;transition: transform 2s linear, opacity 1.5s  ease-in-out;/*overflow: hidden;*/}
.examination .img_list_wrap li .bg img { width:100%;}
.examination .img_list_wrap li.slick-active .bg {transform: scale(1) rotate(0deg);opacity: 1;}
.examination .tab_list_wrap li .txt_wrap::before { position: absolute;  left: -335px;    top: 40%;    content: '';   width: 315px;    z-index: 200;    transform: scale(0);    transition: .5s;    height: 1px;    background-color:  #127864;}
.examination .tab_list_wrap li.active  .txt_wrap::before {  transform: scale(1);}

.m2 .tt-section {transform:translateY(1vw); width:100%;}
.m2 .tt-scrolling-text-inner { text-align:right}



.selfie {padding: 160px 0;}
.selfie .box_wrap {font-size: 0; overflow: hidden; position: relative;}
.selfie .box_wrap > div {display: inline-block; vertical-align: top; }
.selfie .box_wrap > div a {overflow: hidden; border-radius:10px;}
.selfie .box_wrap > div a img {transition:.5s;  }
.selfie .box_wrap > div a:hover img {transform:scale(1.08);}
.selfie .big_box {width: 20%;}
.selfie .big_box a {display: block;}
.selfie .sm_box {width: 80%;}
.selfie .sm_box a {display: inline-block; width: calc(25% - 10px); margin:0 5px 10px; border-radius:10px;}
/*.m4 .sm_box a:nth-child(5) { margin-bottom:0;}*/





.event {padding: 160px 0;}
.event .tour_list {m padding:0 70px;}
.event .tour_list .list {margin: 0 10px; overflow: hidden; }
.event .tour_list .list img {transition:.5s; width:-webkit-fill-available;}
.event .tour_list .list h4 {transition:.25s; text-align:center;}
.event .tour_list .list:hover h4{ color: #127864}
.event .tour_list .list:hover img {transform:scale(1.1);}
.event .slick-prev,
.event .slick-next {width: 60px; height: 60px; top: calc(50% - 25px); border-radius:50%; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; /*box-shadow:5px 5px 10px rgba(0,0,0,.1);*/ border:1px solid #000; z-index: 1;}
.event .slick-prev {left: -15px;  background-image: url('/assets/images/main/slider_prev.png');}
.event .slick-next {right: -15px; background-image: url('/assets/images/main/slider_next.png');}
.event .slick-dots {bottom: -10px; left: 0;}
.event .slick-dots li {margin: 0 5px;}
.event .slick-dots li button {width: 10px; height: 10px; background-color: #cdcdcd; border-radius:50px;}
.event .slick-dots li.slick-active button {width: 50px; background-color: #a173df;}






@media all and (max-width:1800px){
}
@media all and (max-width:1430px){
	
}
@media all and (max-width:1230px){
	.examination .img_list_wrap li {position: relative;width: -webkit-fill-available;height: aut0;padding-right: 0;margin-bottom: 100px;}
    .examination .examination_list_wrap li {padding: 20px 60px; background-position: right 20px top 50%;}
	.examination .examination_list_wrap li .num {top: 20px; left: 20px;}
	.examination .examination_con_wrap {width: calc(100% - 400px);}
	.examination .examination_con_wrap li .txt_box .icon {width: 90px; height: 90px; line-height: 90px;}
	.examination .examination_con_wrap li .txt_box .icon img {width: 45px;}
	.examination .examination_con_wrap li .txt_box .txt {width: calc(100% - 90px);} 

	.examination .tab_list_wrap:after {left: 33px;}
	.examination .tab_list_wrap li .icon {width: 65px;}
	.examination .tab_list_wrap li .icon img {width: 40px;}
	.examination .tab_list_wrap li .txt_wrap {width: calc(100% - 65px);}	
}


@media all and (max-width:980px){
    .examination .examination_con_wrap {width: 100%; max-width:650px; margin: 0 auto; padding: 0;}
	.examination .examination_con_wrap li .tit_box {display: block; margin-bottom: 20px; text-align: left;}
	.examination .examination_con_wrap li .tit_box .num {display: inline-block; font-family:'Montserrat'; font-style: italic; color: #666; margin-right: 10px; }
	.examination .examination_con_wrap li .tit_box .txt {font-weight: 500;}
	.examination .examination_con_wrap li .txt_box {padding: 20px 0;}
	.examination .examination_con_wrap li .img_box {position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; border-radius:70px 0 0 0;}
	.examination .examination_con_wrap li .img_box img {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;} */
	.examination .tab_list_wrap {display: none;}
	.examination .img_list_wrap {width: 100%;}
	.examination .img_list_wrap li {height: auto; margin-bottom: 30px;}
	.examination .img_list_wrap li .tit_wrap {display: flex; align-items:center;margin-bottom: 20px; text-align: left;}
	.examination .img_list_wrap li .tit_wrap .num {font-family: 'Montserrat'; color: #08abb3; margin-right: 10px;}
	.examination .img_list_wrap li .tit_wrap .txt {}
	.examination .img_list_wrap li .txt_wrap {display: flex; align-items:center; margin-top: 20px; text-align: left;}
	.examination .img_list_wrap li .txt_wrap .icon {width: 60px; height: 60px; line-height: 60px; background-color: #08abb3; border-radius:50%; text-align: center; margin-right: 20px;}
	.examination .img_list_wrap li .txt_wrap .icon img {width: 35px;}
	.examination .img_list_wrap li .bg {position: relative; left: 0;width: -webkit-fill-available; height: 0; padding-bottom: 70%; }
	
}
@media all and (max-width:820px){
	
.tit_wrap { margin: 0 5% 30px;}
.wk {-ms-word-break: keep-all;word-break: auto-phrase;}


#mv_wrap {width: 140vw;border-radius: 0 0 34% 0;overflow: hidden;transform: translateX(-35vw);}

#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 67% 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:63% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.jpg'); background-position:72% 50%;}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4_m.jpg'); background-position:63% 50%;}
#mv .mv_list_wrap .mv_list .txt_wrap .mb30 { margin-bottom:15px !important;}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:29%;transform:translateY(-50%);margin-left: 30px;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
#mv .mv_list_wrap .mv_list .txt_wrap h4 {letter-spacing:0; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 2px;text-transform: uppercase;}
#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.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px); font-size:40px;  }

#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top:29%;transform: translateY(-50%);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; }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:2px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h4 {letter-spacing:0; color: #fff; font-size:40px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 .mb30 { margin-bottom:10px !important;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt2 2.2s 0.7s forwards; opacity: 0;  transform:translateX(100px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h4 { animation:mvTxt1 2s 0.9s forwards; opacity: 0;  transform:translateX(-100px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1s 0.7s forwards; opacity: 0;  transform:translatex(50px) scale(1.1); filter:blur(5px);}



#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 11%;left: 0;transform: translateX(7%);scale: .8;}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 35px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 45px;}
#mv .slider_arrow_wrap .next {padding-left: 45px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 25px;height: 25px;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%;}



#mv .wave{position:absolute;bottom: 10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

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


 .more{margin: 50px auto 0; width:-webkit-fill-available;}

.m1 {padding: 80px 0;}

.img_list { position:relative;}
.img_list li {display: block;justify-content:space-between;align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: -webkit-fill-available;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}


.tab .col-5 li{width: calc(50% - 0px);}
.tab li a {display: block;text-align: center;height:40px;line-height:40px;font-size: 13px;margin: 0 -1px 5px;border-radius:0;border: 1px solid #ddd;transition: .25s;letter-spacing: -1px;background-color: #fff;}
.tab li:last-child { width:100%;}


.tab1 .col-3 li{width: calc(50% - 0px);}
.tab1 li a {display: block;text-align: center;height:40px;line-height:40px;font-size: 13px;margin: 0 -1px 5px;border-radius:0;border: 1px solid #ddd;transition: .25s;letter-spacing: -1px;background-color: #fff;}
.tab1 li:last-child { width:100%;}

.tab2 .col-3 li{width: calc(50% - 0px);}
.tab2 li a {display: block;text-align: center;height:40px;line-height:40px;font-size: 13px;margin: 0 -1px 5px;border-radius:0;border: 1px solid #ddd;transition: .25s;letter-spacing: -1px;background-color: #fff;}
.tab2 li:last-child { width:100%;}


.m2 {padding: 80px 0 20px;}
.m2 .tit_wrap {}
.m2 .tit_wrap .txt0 {color: #fff; text-transform: uppercase; font-size:20px; letter-spacing:0;}
.m2 .tit_wrap .tit_list {padding:0 0; font-style: italic; font-size:38px; line-height:100%; font-family: 'Cinzel', serif; }
.m2 .tit_wrap .tit_list p {display:flex; flex-wrap:nowrap; align-items:center;}
.m2 .tit_wrap .tit_list .list_item_top {}
.m2 .tit_wrap .tit_list .list_item_bot {flex-direction:row-reverse; margin-top:0px;}



.round4 {position: relative; text-align:center; margin-left: -5px;}
.round4  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;text-align: -webkit-auto;margin-top: 20px;}
.round4  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 5px 10px;/* padding:70px 15px 0; */border-radius:100px;background-color: #a48472;color:#fff;position: relative;text-align: center;}
.round4  li:nth-child(2n)  {background-color: #c69e88;}
.round4  li .txt_wrap {position: relative;width: max-content;z-index: 1;height: auto;display: block;align-items: center;margin: 0 auto;justify-content: center;padding: 30px 0;}

.square_img_list2 li .square_img {position: relative;overflow: inherit;border-radius:20px;}

.square_img_list4 {font-size: 0;text-align:center;margin-top: 50px;}
.square_img_list4 li {display: inline-block;width: -webkit-fill-available;margin: 0 10px 20px;vertical-align: top;text-align:center;}


.box31 {position: relative; text-align:center;}
.box31  ul {width: -webkit-fill-available;text-align: center;font-size: 0;display: block;position: relative;}
.box31  ul li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 30px;/* padding:70px 15px 0; */border-radius:15px;position: relative;height:auto;align-content: center;}
.box31  ul li:after {content:'';position: absolute;display: block;top: -46%;left: 34%;background-image: url('/assets/images/sub/arrow1.png');width: 83px;height: 22px;margin-left: 0;transform: rotate(90deg);scale: .7;}
.box31  ul li:first-child::after {content:""; background-image:none; }
.box31  ul li:nth-child(2n) {top: 30px;position: relative;}

.square_img_list3 li .num  {display: block;vertical-align: middle;width: 90%;height: 45px;font-size: 14px;text-align: center;line-height: 45px;border-radius:50px;background-color: #7d6660;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: -26px;left: 0;margin: 0 auto -30px;z-index: 2;position: relative;}


.line{border:0.1px solid #e5e3e3;width:300%;left:-150%;margin: 50px 0 50px;position:relative;}

.pl100 { padding-left:0!important;}
.pr100 {padding-right:0!important;}

.con7  .img_list li .txt_box { text-align:center !important;}
.con7 .img_list lI:before {content:'';display: block;width: 100%;height: 1px;background-color: #dcd9d6;position: absolute;top: 55%;left: 0;transform: skew(-0deg);}
.company_info_bot .info_btn {display: block;width: -webkit-fill-available;}
.company_info_bot .company_info_rt {position: relative;width: -webkit-fill-available; padding-top: 30px; word-break:keep-all;}


.special ul {overflow:hidden;position: relative;left:0;right:0;bottom:0;height: auto;margin-top: 0;}
.special  li {float:left;position:relative;width: -webkit-fill-available;height: 445px;text-align:center;background:no-repeat center #f9f9f9;background-size:cover;transition:.25s;margin-top: 60px; margin-bottom:20px;}
.special  li em {display:block;font-size: 20px;line-height:140%;font-weight:600;}
.special  li p {margin: 0 auto;padding: 5px 0 0;font-size: 16px;line-height:150%;opacity: 1;-webkit-transition:margin 0.4s, opacity 0.4s;transition:margin 0.4s, opacity 0.4s;}
.special  .more {font-size: 16px;}
.special  li div {position:absolute;top:0;margin-top: -50px;color:#222;-webkit-transition:all 0.4s;transition:all 0.4s;width: -webkit-fill-available;transition:.25s;} /* transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); */




.selfie_box {padding: 80px 0 80px; text-align: center;}
.selfie_box .tit_wrap h3 {font-style: italic;}
.selfie_box .selfie_box_list_wrap {position: relative; margin: 0 10px;}
.selfie_box .selfie_box_list .list {margin: 0 0;}
.selfie_box .selfie_box_list {padding: 0 40px;}
 .round_more{width:70px; height: 70px; line-height:70px; margin: 20px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d7aa3c 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:2px solid #a48472;}
.round_more p{font-size: 42px;}
 

.event {padding: 80px 0;}

	
	
}


@media all and (max-width:520px){
	/* .examination .examination_con_wrap li {margin-bottom: 60px;}
	.examination .examination_con_wrap li .txt_box .icon {width: 50px; height: 50px; line-height: 50px;}
	.examination .examination_con_wrap li .txt_box .icon img {width: 30px;}
	.examination .examination_con_wrap li .txt_box .txt {width: calc(100% - 50px); padding-left: 10px; font-size: 13px;}
	.examination .examination_con_wrap li .img_box { border-radius:50px 0 0 0;} */
	.examination .img_list_wrap li .txt_wrap .icon {width: 50px; height: 50px; line-height: 50px; margin-right: 10px;}
	.examination .img_list_wrap li .txt_wrap .icon img {width: 25px;}
	
	
}