::-webkit-scrollbar {
display:none;
} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#000; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none;appearance:none;}
input::-ms-clear{display:none;}


body { width: 100%; margin: auto; font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; }

/*body.main { overflow-y: hidden; }*/

.mo { display: none !important; }
.pc { display: block; }

/*  */


/*html,a,.btn { cursor: none; }*/
.btn { cursor: pointer; }

#cursor {
  position: fixed;
  z-index: 999999999999999;
  left: 0;
  top: 0;
  pointer-events: none;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {
  	display: none;
    width: 100px;
  height: 100px;
    margin-top: -50%;
    margin-left: -50%;
/*    margin-top: 0;
    margin-left: 0;*/
    border-radius: 50%;
    border: solid 1px #004e71;

    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
      display: none;
  }
  
  #cursor{
    width: 70px;
    height: 70px;
  }

  .cursor_skip2 { width: 70px; height: 70px; background-color: #D29C60; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 0; position: absolute; display: none; }
  body.main .cursor_skip2 { display: flex; }
  body.main .cursor_skip2.show { opacity: 1; }
  .cursor_skip2_circle{ display: flex; justify-content: center; align-items: center;border-radius: 100%; width: 50px; height: 50px; background-color: #fff;}
  .cursor_skip2 p { font-family: 'lexend', sans-serif; color: #D29C60; font-size: 14px; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
  .cursor_skip2:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #7F4F21; opacity: 0.6; border-radius: 100%;  
  
	  animation-name: cursor_skip, cursor_skip2;
	  animation-duration: 2.1s, 2.1s;
	  animation-delay: 0s, 0s;
	  animation-timing-function: ease, ease;
	  animation-fill-mode: both, both;
	  animation-iteration-count: infinite, infinite;

  }
  
  .cursor_skip.drag { opacity: 0; }
  .cursor_skip2.drag { opacity: 0; }

  /* body.main .cursor_skip { display: flex; } */

  .intro_bg { width: 167.1428%; position: absolute; left: -33%; top: -33%; animation: intro_bg 8s 0s linear infinite; }
    
    @keyframes intro_bg {
        from { transform: rotate(-360deg); }
        to {  }
    }

  #cursor.arrow .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: #004e71;
  }

  #cursor.click .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.click .cursor_click { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }

  #cursor.drag .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.drag .cursor_drag { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }

  #cursor.drag2 .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: transparent;
  }
  #cursor.drag2 .cursor_drag { 
    width: 65px;
    height: 65px;
	opacity: 1;
  }
  #cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }




}



@keyframes cursor_skip {
	0% { transform: scale(0.7); }
	30% { transform: scale(0.7); }
	80% { transform: scale(1); }
	100% { transform: scale(1);  }
}
@keyframes cursor_skip2 {
	0% { opacity: 0; }
	20% { opacity: 0.3; }
	70% { opacity: 0.3; }
	100% { opacity: 0; }
}

/**/

.all_wrap { width: 100%; height: auto; position: relative; left: 0; top: 0; }
body.main .all_wrap { height: 100vh; text-align: center; }

.section { background-color: #fff; width: 100%; height: 100vh; position: relative; overflow: hidden; }

.main_skip_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999980; display: none; }
.main_skip_bt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
.main_skip_bt p { display: none; }

@keyframes bgbg {
	0% { transform: scale(1); }
	50% { transform: scale(1.12); }
	100% { transform: scale(1); }
}

/**/

#section1 { width: 100%;  z-index: 1; }


.main_wrap { width: 100vw; height: 100vh; position: relative; display: flex; justify-content: flex-start; align-items: center; transition: 0.8s; transform: translateX(0); }

.main_wrap>div { width: 100vw; height: 100%; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; position: relative; }

.main01 { background-color: #fff; }
.main02 { background-color: #d4d4d4; }

.intro_bg_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; }
.intro_bg_box>div { width: 100%; height: 100%; background-color: #ffffff; position: absolute; overflow: hidden; }
/* .intro_bg_box>div:nth-child(1) { animation: intro 1.5s 2.2s both cubic-bezier(1,0,.65,.57); right: 0; top: 0;} */
.intro_bg_box>div{ animation: intro 1.5s 2.0s both cubic-bezier(1,0,.65,.57); right: 0;background: #ffffff url(../img/main/logo-intro.png) center no-repeat;}
.intro_bg_box>div:nth-child(3) { animation: intro 1.5s 1.8s both cubic-bezier(1,0,.65,.57); right: 0; bottom: 0;}

@keyframes intro {
	from { width: 100%; }
	to { width: 0; }
}


.main_img_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: flex; justify-content: center; align-items: center; text-align: center; }
.main_img_wrap>div:last-child { position: relative; }

.main_tit2 { font-family: 'copperplate'; width: 100%; height: 100%; position: absolute; z-index: 1; z-index: 99; text-align: center; transform: translateY(-0rem); color: #ebebeb; display: flex; justify-content: center; align-items: center; transition: 1.5s 0s; }
.main_tit2::after { content: ''; width: 100%; height: 0%; background-color: #fff; position: absolute; left: 0; top: 0%; z-index: 1; }
.main_tit2 h1 { font-size: 11.25rem; line-height: 105%; font-weight: 100; text-transform: uppercase; transition: 0.8s; position: relative; z-index: 9; }
.main_tit2 h1>span { display: flex; justify-content: center; align-items: center; overflow: hidden; }
.main_tit2 h1 b { display: inline-block; font-weight: 400; transform: translateY(85%); }
.main_tit2 h1 b.spacing { margin-right: 3.25rem; }
.main_tit2 h1>span:last-child b { font-weight: 400; }
/* .main_tit2 h1>span>span { display: inline-block; width: 1.875rem; } */

.main_tit2.box01 { clip-path: polygon(0 0, calc(38% + 1px) 0, calc(38% + 1px) 100%, 0% 100%); }
.main_tit2.box02 { clip-path: polygon(calc(62% - 1px) 0, 100% 0, 100% 100%, calc(62% - 1px) 100%); }
.main_tit2.box03 { z-index: 5; }



.main_img_slide { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 9; clip-path: inset(35% 46% 31% 46% round 600px); opacity: 0; clip-path: circle(100% at 50% 50%);; opacity: 1; }
.main_img_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 6; transition: 1.1s cubic-bezier(.34,.67,.51,.99); transform: translateY(100%); overflow: hidden; }
.main_img_box.box01 { transform: translateY(0); }
/* .main_img_box.box02 { margin-top: 100vh; } */
.main_img_box>div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end; }
.main_img { width: 100%; height: 0px; overflow: hidden; position: relative; transform: scale(1.2); transform: scale(1); }
.main_img>div { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; transition: 0.8s; }
.main_img.img01>div { background: url(../img/main/main-bg.png) center bottom no-repeat; background-size: cover; transition: 1.5s;}

.main_txt_box { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center !important; z-index: 8; color: #7F4F21; transition: 0.8s; transition: 0s 0s; z-index: 998; }
.main_txt_box.white { color: #fff; z-index: 999; opacity: 1; display: none; }
/* .main_txt_box h4 { font-size: 1.375rem; line-height: 100%; font-weight: 300; letter-spacing: 0.625rem; opacity: 0; transform: translateY(-3.25rem); }
.main_txt_box h2 { font-family: "Nanum Myeongjo", serif; font-size: 2.25rem; line-height: 100%; font-weight: 600; margin-top: 2rem; letter-spacing: 1.0625rem; opacity: 0; transform: translateY(-3.25rem); }
.main_txt_box h2 span { font-size: 3.5rem; letter-spacing: 1.5rem; vertical-align: middle; }
.main_txt_box h3 { font-size: 1.75rem; line-height: 100%; font-weight: 700; margin-top: 4rem; opacity: 0; transform:  translateY(3.25rem); } */
.main_txt_box h4 { font-size: 1.125rem; line-height: 100%; font-weight: 400; text-align: left; opacity: 0; transform: translateY(-0rem); }
.main_txt_box h2 { font-size: 1.375rem; line-height: 100%; font-weight: 200; margin-top: 10rem; margin-right: -0.175rem; text-align: left; opacity: 0; transform: translateY(-0rem); }
.main_txt_box h2 b { font-weight: 600; }
.main_txt_box>div>div { position: relative; opacity: 0; }
.main_txt_box h1 { width: 200%; margin-left: -50%; font-family: 'copperplate'; font-size: 6.0625rem; text-transform: uppercase; line-height: 100%; font-weight: 500; margin-top: 0.5rem; letter-spacing: 2rem; padding-left: 2rem; }
.main_txt_box h1 span { color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-stroke: 0.8px #7F4F21; }
.main_txt_box>div>div img { position: absolute; right: -8.25rem; top: -1.75rem; width: 28.6875rem; }
.main_txt_box h5 { font-size: 1.125rem; line-height: 100%; font-weight: 600; text-align: right; margin-top: 1.875rem; opacity: 0; transform: translateY(0rem); }
.main_txt_box h3 { font-size: 2rem; line-height: 100%; font-weight: 600; margin-top: -1.75rem; margin-top: 0.5rem; opacity: 0; text-align: right; transform: translateY(3.25rem); opacity: 0; transform: translateY(0rem); }
.main_open { margin: auto; margin-top: 1.5rem; opacity: 0; transform: translateY(3.25rem); }
.main_open span { display: inline-block; font-size: 1.25rem; padding: 0.75rem 2.5rem; background-color: #fff; border-radius: 2rem; color: #000; text-align: center; font-weight: 600; }

.main_txt_box.white h1 span { -webkit-text-stroke: 0.8px #fff; }

.nnspacing { display: inline-block; margin: 0 0.325rem; }

/* .main_txt { transform: translateY(-8rem); } */
/* .main_txt>div { display: flex; justify-content: center; align-items: flex-start; gap: 0 2.25rem; } */
/* .main_txt>div>div { opacity: 0; transform: translateY(-4rem); } */
/* .main_txt>div img { opacity: 0; transform: translateY(-4rem); } */

.main_img_bg_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; }
.main_img_bg_box>div { position: absolute; background-color: #968b82; transition: all 1.5s 0s, background 0.7s cubic-bezier(.5,0,.25,.99); }
.main_img_bg01 { width: 38%; height: 100%; left: 0; top: 0; }
.main_img_bg02 { width: 38%; height: 100%; right: 0; top: 0; }
.main_img_bg03 { width: 100%; height: 20%; left: 0; top: 0; }
.main_img_bg04 { width: 100%; height: 16%; left: 0; bottom: 0; }
/* .main_img_bg_box { content: ''; width: 100%; height: 50%; position: absolute; left: 0; top: 0; z-index: 6; background-color: #444649; } */

.main_over { width: 8%; height: 34%; position: absolute; left: 0; right: 0; top: 4%; bottom: 0; margin: auto; z-index: -90; border-radius: 600px; display: none; }
.main_img_box.over .main_img>div { transform: scale(1.05); }
.main_img_box.over .main_vd { transform: scale(1.1); }
.main_tit2.over h1 { transform: scale(0.97); }
.main_txt_box.over { transform: scale(1.05); }


.main_guest { width: 6.4375rem; height: 6.4375rem; background-color: #fff; margin: auto; border-radius: 100%; z-index: 9; cursor: pointer; position: absolute; right: 5.2%; bottom: 10%; display: flex; justify-content: center; align-items: center; opacity: 0; cursor: default; transition: 1.0s 0s; }
.main_guest_bg { width: 160.1941%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_guest_bg 8s 0s linear infinite; }
.main_guest p { font-size: 0.8438rem; line-height: 105%; color: #000; position: relative; z-index: 9; font-weight: 700; transform: translateY(0.1875rem); }
.main_guest p span { font-size: 10px; text-transform: uppercase; opacity: 0.8; }

@keyframes main_guest_bg {
	from { transform: translate(-50%,-50%) scale(1) rotate(-360deg); }
	to {  }
}

.main_sum { width: 100%; height: 30rem; display: flex; justify-content: center; align-items: center; background: #fff; position: absolute; left: 0; bottom: -30rem; z-index: 998; transition: 1.0s 0s; }
.main_sum::before { content: ''; width: 271px; height: 241px; position: absolute; left: 243px; top: 0; background: url(../img/main_sum_bg01.png) center no-repeat; }
.main_sum::after { content: ''; width: 271px; height: 243px; position: absolute; right: 218px; bottom: 0; background: url(../img/main_sum_bg02.png) center no-repeat; }
.main_sum>div { width: 90%; max-width: 1128px; position: relative; z-index: 9; }
.main_sum>div>h1 { font-family: 'copperplate'; display: inline-block; position: relative; font-size: 1.375rem; line-height: 100%; font-weight: 600; }
.main_sum>div>h1::before { content: ''; width: 3.75rem; height: 1px; background-color: #7f7f7f; position: absolute; left: -4.5rem; top: 0; bottom: 0; margin: auto; }
.main_sum>div>h1::after { content: ''; width: 3.75rem; height: 1px; background-color: #7f7f7f; position: absolute; right: -4.5rem; top: 0; bottom: 0; margin: auto; }
.main_sum ul { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-top: 1.375rem; }
.main_sum ul li { width: calc(16.66% - 10px); padding: 4rem 0; border: 1px solid #b2b2b2; background-color: #fff; box-sizing: border-box;display: flex; justify-content: center; align-items: center; text-align: center; }
.main_sum ul li:nth-child(n+7) { width: calc(50% - 6px); padding: 2.25rem 0; }
.main_sum ul li h2 { font-family: 'copperplate'; font-size: 1.375rem; line-height: 100%; font-weight: 700; }
.main_sum ul li h4 { font-size: 0.875rem; line-height: 100%; font-weight: 600; margin-top: 0.375rem; opacity: 0.7; }





/* 
.main_wrap.intro .main_tit h5 { opacity: 1; transform: translate(0); transition: 0.9s 0s; }
.main_wrap.intro .main_tit b:nth-child(1) { transform: translate(0); transition: 0.9s 0.0s; }
.main_wrap.intro .main_tit b:nth-child(2) { transform: translate(0); transition: 0.9s 0.07s; }
.main_wrap.intro .main_tit b:nth-child(3) { transform: translate(0); transition: 0.9s 0.14s; }
.main_wrap.intro .main_tit b:nth-child(4) { transform: translate(0); transition: 0.9s 0.21s; }
.main_wrap.intro .main_tit b:nth-child(5) { transform: translate(0); transition: 0.9s 0.28s; }
.main_wrap.intro .main_tit b:nth-child(6) { transform: translate(0); transition: 0.9s 0.35s; }
.main_wrap.intro .main_tit b:nth-child(7) { transform: translate(0); transition: 0.9s 0.42s; }
.main_wrap.intro .main_tit b:nth-child(8) { transform: translate(0); transition: 0.9s 0.49s; }
.main_wrap.intro .main_tit b:nth-child(9) { transform: translate(0); transition: 0.9s 0.56s; }
.main_wrap.intro .main_tit b:nth-child(10) { transform: translate(0); transition: 0.9s 0.63s; }
.main_wrap.intro .main_tit b:nth-child(11) { transform: translate(0); transition: 0.9s 0.70s; }
.main_wrap.intro .main_tit b:nth-child(12) { transform: translate(0); transition: 0.9s 0.77s; } */


.main_wrap.intro2 .main_tit { opacity: 0; z-index: -1; transition: opacity 1.0s 0s, z-index 0s 1.0s; }
.main_wrap.intro2 .main_tit2 b:nth-child(1) { transform: translate(0); transition: 1.3s 0.6s; }
.main_wrap.intro2 .main_tit2 b:nth-child(2) { transform: translate(0); transition: 1.3s 0.67s; }
.main_wrap.intro2 .main_tit2 b:nth-child(3) { transform: translate(0); transition: 1.3s 0.74s; }
.main_wrap.intro2 .main_tit2 b:nth-child(4) { transform: translate(0); transition: 1.3s 0.81s; }
.main_wrap.intro2 .main_tit2 b:nth-child(5) { transform: translate(0); transition: 1.3s 0.88s; }
.main_wrap.intro2 .main_tit2 b:nth-child(6) { transform: translate(0); transition: 1.3s 0.95s; }
.main_wrap.intro2 .main_tit2 b:nth-child(7) { transform: translate(0); transition: 1.3s 1.02s; }
.main_wrap.intro2 .main_tit2 b:nth-child(8) { transform: translate(0); transition: 1.3s 1.09s; }
.main_wrap.intro2 .main_tit2 b:nth-child(9) { transform: translate(0); transition: 1.3s 1.16s; }
.main_wrap.intro2 .main_img_slide { opacity: 1; transition: 1.2s 2.2s; }


.main_wrap.intro3 .main_img_slide {clip-path: circle(15.5rem at 50% 50%); transition: 2.0s 0s; }
.main_wrap.intro3 .main_over { width: 30%; height: 30%; z-index: 90; transition: all 2.0s 0s, 0s 0s; }
/* .main_wrap.intro3 .main_img_slide { transform: rotate(30deg); transition: 2.0s 0s; }
.main_wrap.intro3 .main_vd_box { transform: rotate(-30deg); transition: 2.0s 0s; } */

.main_wrap.intro4 .main_tit2 { opacity: 0; transition: 1.5s 0s; }
.main_wrap.intro4 .main_txt_box>div>div { opacity: 1; transform: translate(0); transition: 1.5s 0.1s; }
.main_wrap.intro4 .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.5s 0.7s; }
.main_wrap.intro4 .main_txt_box h2 { opacity: 1; transform: translate(0); transition: all 1.5s 0.7s; }
.main_wrap.intro4 .main_txt_box h1 { opacity: 1; transform: translate(0); letter-spacing: 0; padding-left: 0; transition: letter-spacing 1.5s 1.2s, opacity 1.5s 0.1s; }
.main_wrap.intro4 .main_txt>div img { opacity: 1; transform: translate(0); transition: 1.5s 0.7s; }
.main_wrap.intro4 .main_txt_box h5 { opacity: 1; transform: translate(0); transition: 1.5s 0.7s; }
.main_wrap.intro4 .main_txt_box h3 { opacity: 1; transform: translate(0); transition: 1.5s 0.7s; }
.main_wrap.intro4 .main_tit2::after { height: 100%; transition: 4.5s 0s; }

.main_wrap.intro5 .main_vd_box { opacity: 0; transition: 1.0s 0s; }



.main_wrap.intro6 .main_tit3 span:nth-child(1) { opacity: 0.3; transition: 1.2s 0s; }
.main_wrap.intro6 .main_tit3 span:nth-child(2) { opacity: 0.3; transition: 1.2s 0s; }
.main_wrap.intro6 .main_tit3 span:nth-child(3) { opacity: 1; transition: 1.2s 0s; }
.main_wrap.intro6 .main_tit2::after { height: 0%; transition: 3.0s 0s; }

.main_wrap.intro7 .main_tit3 span:nth-child(1) b:nth-child(1) { opacity: 0; transform: scale(6) translate(-9rem,-5rem); transition: 2.0s 0.6s; }
.main_wrap.intro7 .main_tit3 span:nth-child(1) b:nth-child(2) { opacity: 0; transform: scale(9) translate(1rem,-7rem); transition: 2.6s 0.0s; }
.main_wrap.intro7 .main_tit3 span:nth-child(1) b:nth-child(3) { opacity: 0; transform: scale(7) translate(10rem,-5.5rem); transition: 2.1s 0.5s; }
.main_wrap.intro7 .main_tit3 span:nth-child(2) b:nth-child(1) { opacity: 0; transform: scale(5.8) translate(-12rem,-0.6rem); transition: 1.7s 0.9s; }
.main_wrap.intro7 .main_tit3 span:nth-child(2) b:nth-child(2) { opacity: 0; transform: scale(6) translate(7rem,1rem); transition: 2.3s 0.3s; }
.main_wrap.intro7 .main_tit3 span:nth-child(2) b:nth-child(3) { opacity: 0; transform: scale(7.2) translate(-8rem,-1rem); transition: 2.6s 0.0s; }
.main_wrap.intro7 .main_tit3 span:nth-child(2) b:nth-child(4) { opacity: 0; transform: scale(5.4) translate(13rem,-0.8rem); transition: 2.0s 0.6s; }
.main_wrap.intro7 .main_tit3 span:nth-child(3) b:nth-child(1) { opacity: 0; transform: scale(6.2) translate(-12rem,5rem); transition: 2.4s 0.2s; }
.main_wrap.intro7 .main_tit3 span:nth-child(3) b:nth-child(2) { opacity: 0; transform: scale(5.5) translate(-7rem,3rem); transition: 1.7s 0.9s; }
.main_wrap.intro7 .main_tit3 span:nth-child(3) b:nth-child(3) { opacity: 0; transform: scale(6.3) translate(-1rem,5rem); transition: 2.2s 0.4s; }
.main_wrap.intro7 .main_tit3 span:nth-child(3) b:nth-child(4) { opacity: 0; transform: scale(8) translate(14rem,3rem); transition: 2.6s 0.0s; }
.main_wrap.intro7 .main_tit2 { opacity: 0; transition: 1.5s 1.0s; }


.main_wrap.intro8 .main_img_slide { clip-path: circle(100% at 50% 50%); transition: 2.0s 0s; }
.main_wrap.intro8 .main_img { transform: scale(1); transition: 2.5s 2.4s; }
.main_wrap.intro8 .main_img::after { height: 0%; transition: 1.0s 0s; }
.main_wrap.intro8 .main_vd_box { opacity: 0; transition: 1.0s 0s; }

.main_wrap.intro9 .main_open { opacity: 1; transform: translate(0); transition: 1.5s 0.7s; }
.main_wrap.intro9 .main_txt { opacity: 1; transform: translateY(-8rem); transition: 1.5s 0s; }
.main_wrap.intro9 .main_img>div {filter: brightness(0.8);}
.main_wrap.intro9 .main_txt_box { color: #fff; transition: 1.0s 0s; }
.main_wrap.intro9 .main_txt_box h1 span { -webkit-text-stroke: 1.2px #fff; transition: 10s 0s; }

.main_wrap.intro9 .main_txt_box>div>div { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt_box h4 { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt_box h2 { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt_box h1 { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt>div img { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt_box h5 { transition: 1.5s 0s; }
.main_wrap.intro9 .main_txt_box h3 { transition: 1.5s 0s; }


.main_wrap.on .main_txt_box.hide { opacity: 0; transition: 1.5s 3.5s; }
.main_wrap.on .main_vd_box.hide:after { opacity: 0; transition: 1.5s 3.5s; }

.main_wrap.on .main_img>div { transition: opacity 2.2s 0s, top 1.0s 0s;}
.main_wrap.on .main_txt_box { opacity: 1; transition: 1.2s 0s; }

.main_wrap.on2 .main_img>div { top: -30%; transition: opacity 2.2s 0s, top 1.5s 0.6s; }
.main_wrap.on2 .main_txt_box { opacity: 0; transition: 1.2s 0.6s; }
.main_wrap.on2 .main_sum { bottom: 0; }

/**/


/**/

#footer { overflow: visible; }

.footer { width: 100%; padding: 2.375rem 6.25rem 5.5rem; box-sizing: border-box; z-index: 999; background-color: #000; color: #fff; position: relative; 
box-sizing: border-box; text-align: center; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

.footer>div:first-child { font-size: 0.875rem; width: 100%; height: 100%; font-weight: 300; text-align: left; color: #fff; display: flex; justify-content: space-between; align-items: flex-start; }
.footer>div>div:last-child { width: 100%; display: flex; justify-content: flex-end; align-items: center; }

.footer_logo { margin-right: 1.375rem; }
/* .footer>div>div { width: 100%; } */
/* .footer>div>div>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } */
.footer_left ul { display: flex; justify-content: flex-start; align-items: center; margin-top: 1.125rem; }
.footer_left ul li { display: flex; justify-content: flex-start; align-items: center; padding: 0 1.375rem; position: relative; line-height: 100%; font-weight: 400; }
.footer_left ul li:first-child { padding-left : 0; }
.footer_left ul li:after { position: absolute; content:''; width: 1px; height: 0.875rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; display: none; }
.footer_left ul li:last-child:after { display: none; }
.footer_left ul li h4 { font-weight: 400; }
.footer_left ul li img { margin-right: 1rem; }
.footer_left ul li img:nth-child(2) { margin-left: 0.5rem; width: 4.9375rem; }
.footer_left ul li img:last-child { margin-right: 0; width: 8.5rem; }
.footer_left ul li h4 span { font-size: 1rem; display: inline-block; margin-left: 0.25rem; }
.footer_left ul li:last-child img { margin-top: -0.625rem; }
.footer_left p { line-height: 180%; color: #fff; }
.footer_left p br { display: none; }
.footer_left p b { font-size: 0.875rem; color: #fff; font-weight: 300; }
.footer_left p b span { color: #fff; font-weight: 500; }
.footer_left p span {	 color: #8c8c8c; }

.footer_info { display: block !important; margin-top: 2.5rem; }
.footer_info p { color: rgba(255,255,255,0.4); font-weight: 400; white-space: nowrap; }
.footer_info p br { display: none; }
.footer_info ul { display: flex; justify-content: flex-start; align-items: center; margin-top: 0.375rem; }
.footer_info ul li { font-size: 0.875rem; line-height: 100%; font-weight: 400; padding: 0 0.9375rem; position: relative; color: rgba(255,255,255,0.4); font-weight: 400; }
.footer_info ul li span { color: #fff; }
.footer_info ul li:after { content:''; width: 1px; height: 0.75rem; position: absolute; right: 0; top: 1px; bottom: 0; margin: auto; background-color: #fff; opacity: 0.2; }
.footer_info ul li:first-child { color: rgba(255,255,255,0.8); padding-left: 0; color: #fff; }
.footer_info ul li:last-child:after { display: none; }

.footer>div h6 { font-size: 0.875rem; font-weight: 400; opacity: 1; line-height: 180%; margin-top: 2.5rem; text-transform: uppercase; letter-spacing: 0; }

.footer_right { font-size: 0.875rem; text-align: right; color: #fff; max-width: 420px; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; }
.footer_right div img{margin-top: 1rem;width: 10rem;}
/* .footer_right ul { display: flex; justify-content: flex-end; align-items: center; }
.footer_right ul li { padding: 0 16px; padding: 0; position: relative; font-weight: 400; text-align: center; color: #fff; margin-left: 1.25rem; }
.footer_right ul li span { color: #a27d5b; }
.footer_right ul li img { margin-left: 0.3rem; margin-top: -1px; } */

.footer_bt { width: 180px; height: 2.75rem; line-height: 2.625rem; font-weight: 500; color: #767676; border: 1px solid #767676; text-align: left; position: relative; }
.footer_bt a { display: block; width: 100%; height: 100%; padding-left: 1.25rem; box-sizing: border-box; }
.footer_bt a::after { content: ''; width: 7px; height: 7px; border-right: 1px solid #767676; border-bottom: 1px solid #767676; transform: rotate(-45deg); position: absolute; right: 1.25rem; top: 0; bottom: 0; margin: auto; }
.footer_right p { line-height: 142%; font-weight: 300; margin-top: 0.5rem; opacity: 0.4; margin-top: 1.5rem; }

.top_bt { width: 2.75rem; height: 2.75rem; position: relative; left: 0; right: 0; z-index: 9; cursor: pointer; background-color: #fff; box-sizing: border-box; margin: auto; top: 0; transition: 0.5s; margin-left: 8px; }
.top_bt::after { content: ''; width: 30%; height: 30%; transform: rotate(-45deg); position: absolute; right: 0; left: 0; top: 0.5rem; bottom: 0; margin: auto; border-top: 1px solid #000; border-right: 1px solid #000; }


.footer.end:after { display: block; }