::-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:#333; 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: 'Pretendard'; }

body.main { overflow-y: hidden; }


/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}


/*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: 25px;
    height: 25px;
    margin-top: -50%;
    margin-left: -50%;
/*    margin-top: 0;
    margin-left: 0;*/
    border-radius: 50%;
    border: solid 1px #004e71;
/*	background-color: #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);
  }

  .cursor_drag { width: 25px; height: 25px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin-top: -50%; margin-left: -50%; transition: 0.3s; opacity: 0; }
  .cursor_drag p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
  .cursor_drag p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; left: -33px; top: 0; bottom: 0; margin: auto; }
  .cursor_drag p:after { content:''; width: 5px; height: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }
 
  #cursor.arrow .cursor__circle{
    width: 80px;
    height: 80px;
    background-color: transparent;
    border-color: #004e71;
  }

  #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_skip { width: 50px; height: 50px; background-color: #004e71; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin-top: -50%; margin-left: -50%; transition: 0.3s; opacity: 1; }
  .cursor_skip p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; }
  .cursor_skip:before { content:''; width: 64px; height: 64px; position: absolute; left: -32px; top: -32px; background-color: #004e71; 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;

  }


}



@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.4; }
	70% { opacity: 0.4; }
	100% { opacity: 0; }
}


/**/

.intro_wrap { width: 100%; height: 100vh; background-color: #fff; position: fixed; left: 0; top: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 9999999999999999999999999; }

.intro_vd_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; z-index: 1; }
.intro_vd_box:after { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background: url(../img/intro_txt_bg.png) center no-repeat; background-size: cover; }
/*.intro_vd_box:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; z-index: 7; opacity: 0.3; }*/
/*.intro_vd { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }*/
.intro_vd { position: absolute; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.intro_vd iframe { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 100%; z-index: 2; }
.intro_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/intro_bg.jpg) center no-repeat; background-size: cover; z-index: 1; }
/*.intro_vd iframe { aspect-ratio: 16/9 !important; width: 150%; height: 100%; margin-left: -25%; }*/


@media all and (max-width: 1640px) { 	
	.intro_vd iframe { width: 170%; height: 170%; }
}

@media all and (max-width: 1320px) { 	
	.intro_vd iframe { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 	
	
	.intro_vd:after { height: 100vh; }
	.intro_vd iframe { left: 50%; top: 0; transform: translateX(-50%); width: 180vh; height: 100vh; }
}


.intro_txt_box	 { width: 240px; height: 640px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9; text-align: center; transition: 0.5s; }
.intro_txt_box	 h4 { font-size: 20px; line-height: 103%; width: 20px; margin: auto; animation: intro_txt 1.2s 0.5s both; }
.intro_txt_box	 h4 span { display: block; height: 6px; }
.intro_line { width: 1px; height: 85px; background-color: #fff; margin: auto; margin-top: 25px; animation: intro_line 1.2s 1.1s both; }
.intro_txt_box	 h2 { font-size: 40px; line-height: 125%; margin-top: 20px; animation: intro_txt2 1.2s 1.6s both; }
.intro_logo { margin-top: 125px; animation: intro_txt2 1.2s 1.6s both; }

.intro_txt_box.box02 { color: #004e71; z-index: 11; animation: intro_txt_box 1.2s 4.7s both; }
.intro_txt_box.box02 .intro_line { background-color: #004e71; }

@keyframes intro_txt {
	from { transform: translateY(-60px); opacity: 0; }
	to { }
}
@keyframes intro_txt2 {
	from { transform: translateY(60px); opacity: 0; }
	to { }
}
@keyframes intro_line {
	from { height: 0; }
	to { }
}
@keyframes intro_txt_box {
	from { opacity: 0; }
	to { }
}

.intro_bg_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.intro_bg01 { width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 9; }
.intro_bg02 { width: 0; height: 100%; position: absolute; right: 0; top: 0; background-color: #fff; z-index: 9; }
.intro_bg03 { width: 100%; height: 0%; position: absolute; left: 0; top: 0; background-color: #fff; z-index: 9; }
.intro_bg04 { width: 100%; height: 0%; position: absolute; left: 0; bottom: 0; background-color: #fff; z-index: 9; }

.intro_bg01,.intro_bg02 { 

	animation-name: intro_bg01, intro_bg01b, intro_bg01c;
	animation-duration: 1.6s, 1.2s, 1.2s;
	animation-delay: 1.5s, 3.2s, 4.2s;
	animation-timing-function: ease, ease-in-out, ease-in-out;
	animation-fill-mode: both, both, both;
	animation-iteration-count: 1, 1, 1;

}
.intro_bg03,.intro_bg04 { 

	animation-name: intro_bg02, intro_bg02b;
	animation-duration: 1.6s, 1.2s;
	animation-delay: 1.5s, 4.2s;
	animation-timing-function: ease, ease-in-out;
	animation-fill-mode: both, both;
	animation-iteration-count: 1, 1;

}


@keyframes intro_bg01 {
	from { width: 0%; }
	to { width: 10%; }
}
@keyframes intro_bg01b {
	from { }
	to { width: 36%; }
}
@keyframes intro_bg01c {
	from { }
	to { width: 51%; }
}
@keyframes intro_bg02 {
	from { height: 0%; }
	to { height: 6%; }
}
@keyframes intro_bg02b {
	from { }
	to { height: 51%; }
}



@media all and (max-width: 820px) { 
	
	.intro_logo_box { transform: scale(0.7); }

	.intro_vd:after { height: 100vh; background: url(../img/intro_bg_m.jpg) center no-repeat; background-size: cover; }

	.intro_txt_box	 { width: 240px; height: 515px; }
	.intro_txt_box	 h4 { font-size: 18px; width: 18px; margin: auto; }
	.intro_txt_box	 h4 span { display: block; height: 6px; }
	.intro_line { width: 1px; height: 55px; background-color: #fff; margin: auto; margin-top: 25px; }
	.intro_txt_box	 h2 { font-size: 32px; line-height: 125%; margin-top: 20px; }
	.intro_logo { width: 120px; margin-top: 85px; }

	.intro_bg01,.intro_bg02 { 

		animation-name: intro_bg01, intro_bg01c;
		animation-duration: 1.6s, 1.2s;
		animation-delay: 1.5s, 4.2s;
		animation-timing-function: ease, ease-in-out;
		animation-fill-mode: both, both;
		animation-iteration-count: 1, 1;

	}

}


.all_wrap { width: 100%; height: auto; overflow: hidden; position: relative; left: 0; top: 0; }
body.main .all_wrap { height: 100vh; }

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

.main_mouse_box { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; z-index: 90;  animation: main_mouse 1s 0.8s both; }
.main_mouse { color: #fff; text-align: center; transition: color 1s; }
.main_mouse p { font-size: 12px; line-height: 100%; font-weight: 300; margin-top: 0px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 0 4px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div { width: 17px; height: 30px; border-radius: 20px; border: 2px solid #fff; position: relative; margin: auto; margin-top: 15px; box-shadow: 0 0 4px rgba(0,0,0,0.3), inset 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div span { content:''; width: 5px; height: 5px; position: absolute; left: 0; right: 0; margin: auto; top: 17%; background-color: #fff; border-radius: 100%; box-shadow: 0 0 4px rgba(0,0,0,0.3); }


@keyframes main_mouse {
	from { opacity: 0; }
	to {  }
}

/**/

#section1 { width: 100%; background-color: #fff; }
.main_wrap { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #fff; }

/*.main_img { width: 100%; height: 100%; background: url(../img/main_img.jpg) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; transform: scale(1); animation: main_img 2.5s 0s both; }*/

.main_box {display: flex; justify-content: flex-start; align-items: center; width:100%; height:100%; position: relative; background-color: #fff; }
.main_txt_box { text-align: center; position: relative; z-index: 9; transform: translateY(0); top:0px; height:100%; left:0; width:25%; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.main_txt_box.box01 {  background:none!important; }
.main_txt_box_wrap { transform: translate(1rem,-5rem); }
.main_txt {  opacity: 0;  transform: translateY(-3rem);  }
.main_txt_box p { font-size: 1.25rem; line-height: 1.875rem; font-weight: 400;  }
.main_txt_box h1 {font-family: 'Nanum Myeongjo', serif;  font-size: 3.2rem;  margin-top: 0.5rem; line-height: 3.25rem; color: #3e515e; font-weight: 500; letter-spacing: -1.5px; }
.main_txt_box h1 span { font-size: 3.2rem; letter-spacing:-2px; color: #b45347; font-weight: 700; }
.main_txt_line { width: 1px; height: 1.875rem; margin: auto; background-color: #402c2f; margin-top: 1.25rem; animation: main_txt3 1.0s 0.7s both; }
.main_txt_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 1.2rem; line-height: 100%; color: #3e515e; margin-top: 3rem; font-weight: 300; letter-spacing: -1.5px; }

.main_logo {margin-top:1rem;}

.main_txt_eg { font-family: 'antro'; color: #000; transform: translateX(-3rem) rotate(-15deg); opacity: 0; margin-top:8rem; line-height:0;  /*transform 1.5s 0.3s, opacity 1.5s 1s;*/}
.main_txt_eg h2 { font-size: 4.5rem; letter-spacing: -5px; font-weight: 400;  transform: translateX(-3rem);}
.main_txt_eg b { font-size: 4.5rem; font-weight: 400; }
.main_txt_eg span { transform: translate(7.5rem,4.2rem); display: inline-block; }



.main_bt { position: absolute; left: 7.5rem; bottom: 5.625rem; z-index: 9; text-align: left; color: #fff; transition: 0.3s; }
.main_bt>a { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; }
.main_bt h3 { font-size: 1.375rem; line-height: 100%; font-weight: 500; }
.main_bt p { font-size: 0.875rem; line-height: 100%; font-weight: 500; opacity: 0.5; margin-top: 0.5rem; }
.main_bt_arrow { width: 2.375rem; height: 2.375rem; position: relative; margin-right: 0.75rem; transform: translateY(0.125rem); }
.main_bt_arrow:before { content:''; width: 2.5rem; height: 1px; background-color: #fff; position: absolute; right: 1.06rem; top: 0; bottom: 0; margin: auto; }
.main_bt_arrow span { display: block; width: 100%; height: 100%; position: relative; border-radius: 100%; background-color: rgba(255,255,255,0.2); }
.main_bt_arrow span:after { content:''; width: 0.5rem; height: 0.5rem; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg) translate(-0.125rem,-0.125rem); }
.main_bt:hover { left: 8.125rem; }


.swiper2 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.main_img { position: absolute; width: 71.5%; height: 82%; top: 7.188rem; right: 4.75rem; overflow: hidden; }
.main_img.img01 { left: 0; right:0; top: 0;  background: url(../img/main_img.jpg) center no-repeat; background-size: cover;  width: 100%; height: 100%;}
.main_img.img02 { }
.main_img.img02>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/main_img2.jpg) center no-repeat; background-size: cover; }
.main_img.img03 {  }
.main_img.img03>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/main_img3.jpg) center no-repeat; background-size: cover; }
.main_img.img04 {  }
.main_img.img04>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/main_img4.jpg) center no-repeat; background-size: cover; }
.main_img.img05 { }
.main_img.img05>div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/main_img5.jpg) center no-repeat; background-size: cover; }


.swiper2 .swiper-slide.swiper-slide-active .main_img.img01 { animation: main_img 1.6s 0s both; }
.swiper2 .swiper-slide.swiper-slide-active .main_img>div { animation: main_img 1.6s 0s both; }
.swiper2 .swiper-slide.swiper-slide-active .main_txt { opacity: 1;  transform: translate(0rem);  transition: transform 1.5s 0.3s;}
/*.swiper2 .swiper-slide.swiper-slide-active .main_txt_box h1 { animation: main_txt 0.7s 0.7s both; }
.swiper2 .swiper-slide.swiper-slide-active .main_txt_box h3 { animation: main_txt 0.7s 0.9s both; }
.swiper2 .swiper-slide.swiper-slide-active .main_logo { animation: main_txt 1.2s 1.2s both; }*/
.swiper2 .swiper-slide.swiper-slide-active .main_txt_eg  {  opacity: 1;  transform: translateX(0rem) rotate(-15deg); transition: 1.2s 0.5s; }


@keyframes main_img {
	from { transform: scale(1.22); }
	to {  }
}
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-40px); }
	50% {}
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; }
	to {  }
}

.main_slide_num { position: absolute; left: 140px; top: 0; bottom: 0; margin: auto; height: 13px; line-height: 95%; font-size: 13px; color: #000; text-align: center; letter-spacing: 0; }

.main_bt_wrap { width: 355px; height: 32px; position: absolute; left: 0; right:0; bottom: 16.625rem;   z-index: 2; transform: translateX(1.8rem);/*transform: rotate( 90deg ) translateX(-40px) translateY(-100px);*/ }

.main_bt_wrap .swiper-pagination3 { width: 145px; height: 20px; position: absolute; left: 70px; bottom: 0; top: 0; margin: auto; z-index: 999; display: flex; justify-content: space-between; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet { width: 100%; height: 20px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet span { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #000; opacity: 1;
animation: bullet 5s 0s both linear; display: none; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet:before { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #000; opacity: 0.3; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet p { font-size: 11px; line-height: 100%; color: #000; position: absolute; top: 0; left: -8px; letter-spacing: 0.5px; z-index: -1; opacity: 0; transition: 0.5s; display: none; }

.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet-active span { display: block; }
.main_bt_wrap .swiper-pagination3 .swiper-pagination-bullet-active p { left: -13px; opacity: 1; }


@keyframes bullet {
	from { width: 0; }
	to {  }
}


.main_play_bt { width: 20px; height: 30px; color: #000; position: absolute; right: 29px; top: 0; margin: auto; bottom: 0; }
.main_play_bt>div { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; cursor: pointer; border-radius: 100%; }
.main_play_bt>div>img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.swiper-button-play { display: none; }


.swiper2-2 { width: 122px; height: 32px; position: absolute; left: 0; top: 0; bottom: 0;  margin: auto; z-index: 99; opacity:0;}
.swiper2-2 .swiper-slide { width: 32px; height: 32px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.swiper2-2 .swiper-slide-thumb-active { opacity: 1; }
.swiper2-2 .swiper-slide:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #000; z-index: 9; border-radius: 100%; opacity: 0.5; }
.swiper2-2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 9; border-radius: 100%; box-sizing: border-box; }

.swiper2-2 .swiper-slide-active:before { opacity: 1; }

.main_arrow { display: flex; justify-content: space-between; align-items: center; gap: 0px; position: relative; width:80px;}
.swiper-prev,
.swiper-next { width: 25px; height: 25px; position: relative; bottom: 0; outline: none; margin: 0; padding: 0; }
.swiper-prev { left:0; }
.swiper-next { right:0; }
.swiper-prev::after { content: ''; width: 7px; height: 7px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); }
.swiper-next::after { content: ''; width: 7px; height: 7px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); }

.swiper-button-prev-main,
.swiper-button-next-main { width: 25px; height: 25px; position: relative; bottom: 0; outline: none; margin: 0; padding: 0; }
.swiper-button-prev-main { left:0; }
.swiper-button-next-main { right:0; }
.swiper-button-prev-main::after { content: ''; width: 7px; height: 7px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); }
.swiper-button-next-main::after { content: ''; width: 7px; height: 7px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); }


.swiper-controls {
  position: absolute;
  right: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 20px;
  font-size: 13px;
  color: #000;
  z-index: 10;
}

.swiper-controls button {
  background: none;
  border: none;
  color: #000;
  font-size: 13px;
  cursor: pointer;
}

.main_scroll_box { width: 51px; height: 135px; position: fixed; left: 50px; bottom: 0; top: 0; margin: auto; text-align: center; z-index: 9999999; transform: translateY(20px); }
.scroll_w { opacity: 0; transition: 0.3s; }
.scroll_b { position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; transition: 0.3s; }
.main_scroll { width: 13px; height: 83px; margin: auto; margin-top: 12px; position: relative; overflow: hidden; }
.main_scroll span { position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #000; transition: 0.3s; }
.main_scroll:after { position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; transition: 0.3s; }
.scroll_circle { content:''; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; width: 50px; height: 50px; z-index: -1; }
.scroll_circle span { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #000; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; transition: 0.3s; }

.main_scroll_box.active .scroll_w { opacity: 1; }
.main_scroll_box.active .scroll_b { opacity: 0; }
.main_scroll_box.active .main_scroll span { background-color: #fff; }
.main_scroll_box.active .main_scroll:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.main_scroll_box.active .scroll_circle span { background-color: #fff; }

.main_open { width: 6.0625rem; height: 6.0625rem; position: absolute; left: 5%; bottom: 10%; margin: auto; border-radius: 100%; z-index: 9; cursor: pointer; opacity: 1; background-color: #3e515e; color: #fff; opacity: 0; }
.main_open img:last-child { width: 161%; }
.main_open_bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_open_bg 16s 0s linear infinite; }
.main_open>a { cursor: default; }
.main_open>a>div { width: 100%; height: 100%; border-radius: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0; top: 0; transition: 0.3s; }
.main_open>a>div>div { transform: translateY(3px); }
.main_open h3 { font-size: 1.0625rem; line-height: 100%; margin-left: -0.125rem; }
.main_open h3 b { font-size: 2.4375rem; }
.main_open p { font-size: 0.75rem; line-height: 100%; font-weight: 500; margin-top: 0.25rem; letter-spacing: 0; margin-left: 0.125rem; }


.main_quick {  position: absolute; top:50%; right:-480px; z-index:5; transform: rotate(90deg); display: flex; justify-content: space-between; align-items: center; gap:0.5rem; opacity:0; }
.main_quick_btn { width:200px; height:50px; display: flex; justify-content: center; align-items: center;  }
.main_quick_btn a {color:#fff; font-size:0.875rem; font-weight: 300;}


.quick_btn01 { background-color:#3e515e; }
.quick_btn02 { background-color:#826a4f; }

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

.main_wrap.on .main_quick { opacity: 1; right:-180px; transition: 1.2s 0.6s; }
.main_wrap.on .main_open { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }


/*.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_wrap:after { content:''; width: 200%; height: 100%; position: absolute; right: -200%; top: 0; background: url(../img/main_bg.png) center no-repeat; background-size: cover; z-index: 8; right: 0; }

.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_img.jpg) center no-repeat; background-size: cover; transform: scale(1.3); }

.main_txt_box { position: absolute; z-index: 9; left: 0; right: 0; margin: auto; top: 23%; text-align: center; color: #3e515e; }
.main_txt_box h3 { font-size: 1.625rem; line-height: 150%; font-weight: 200; opacity: 0; transform: translateY(-5rem); letter-spacing: -0.05rem; }
.main_txt_box h3 b { font-weight: 600; }
.main_txt_box h2 { font-family: 'Nanum Myeongjo', serif; font-size: 3.75rem; line-height: 100%; font-weight: 200; margin-top: 0.875rem; opacity: 0; transform: translateY(-5rem); margin-left: 0rem; letter-spacing: -0.3125rem; margin-left: 0; }
.main_txt_box h2 b { color: #b45347; font-weight: 200; }
.main_logo { margin-top: 3rem; opacity: 0; transform: translateY(5rem); }

.main_txt { position: absolute; right: 8%; bottom: 8%; z-index: 9; opacity: 0; transform: translate(500px,-50px); }

.main_open { width: 6.0625rem; height: 6.0625rem; position: absolute; left: 5%; bottom: 10%; margin: auto; border-radius: 100%; z-index: 9; cursor: pointer; opacity: 1; background-color: #b45347; color: #fff; opacity: 0; }
.main_open img:last-child { width: 161%; }
.main_open_bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_open_bg 16s 0s linear infinite; }
.main_open>a { cursor: default; }
.main_open>a>div { width: 100%; height: 100%; border-radius: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0; top: 0; transition: 0.3s; }
.main_open>a>div>div { transform: translateY(3px); }
.main_open h3 { font-size: 1.0625rem; line-height: 100%; margin-left: -0.125rem; }
.main_open h3 b { font-size: 2.4375rem; }
.main_open p { font-size: 0.75rem; line-height: 100%; font-weight: 500; margin-top: 0.25rem; letter-spacing: 0; margin-left: 0.125rem; }

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

.main_wrap.on .main_img { transform: scale(1); transition: 2.2s 0s; }
.main_wrap.on .main_txt_box h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_wrap.on .main_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_wrap.on .main_logo { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_open { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_txt { opacity: 1; transform: translate(0); transition: 1.5s 0.3s; }
*/


/**/

#section2 { width: 100%; }

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

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

.location_wrap>div>div:last-child { width: 90%; max-width: 1350px; position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 9; transform: translateY(2rem); }

.location_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/location_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }
.location_bg2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/location_bg2.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }

.location_tit { position: absolute; left: -7%; top: 17%; display: flex; justify-content: space-between; align-items: center; gap: 70px; text-align: left; }
.location_tit::before { content: ''; width: 0%; height: 1px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #b45347; }
.location_tit h5 { font-family: 'Belgiano Serif', sans-serif; font-size: 18px; line-height: 100%; color: #b45347; margin-top: -27px; opacity: 0; }
.location_tit h2 { display: inline-block; font-family: 'Nanum Myeongjo', serif; font-size: 48px; line-height: 150%; color: #3e515e; position: relative; opacity: 0; transform: translateX(-60px); }
.location_tit h2 span { display: inline-block; margin-left: 45px; position: relative; }
.location_tit h2 b { font-weight: 200; color: #b45347; }
.location_tit h2::before { content: ''; width: 15px; height: 13px; position: absolute; left: -15px; top: 7px; background: url(../img/bracket.png) center no-repeat; }
.location_tit h2 span::before { content: ''; width: 15px; height: 13px; position: absolute; right: -20px; top: 7px; background: url(../img/bracket2.png) center no-repeat; }

.location_txt { position: absolute; right: -5%; bottom: -8%; transform: translate(300px,-30px); opacity: 0; }

.location_txt_box:first-child { text-align: left; margin-top: 160px; opacity: 0; transform: translateX(-120px); }
.location_txt_box:last-child { text-align: right; margin-bottom: 300px; opacity: 0; transform: translateX(120px); }
.location_txt_box h3 { font-family: 'Belgiano Serif', sans-serif; font-size: 35px; line-height: 100%; color: #b45347; margin-bottom:50px;}
.location_txt_box h5 { font-size: 18px; line-height: 150%; margin-top: 40px; margin-bottom:30px; font-weight: 500; color:#b45347;  }
.location_txt_box h2 { font-family: 'Belgiano Serif', sans-serif; font-size: 18px; line-height: 140%; margin-top: 30px; font-weight: 500; color:#3e515e;  }

.location_txt_box p { font-size: 14px; line-height: 160%; color: #462836; opacity: 0.7; margin-top: 0px; }

.location_img_wrap {  text-align: left; }
.location_img_box { display: flex; justify-content: space-between; align-items: center; gap: 0 20px; opacity: 0; transform: translateX(5rem); }
.location_img { position: relative; }
.location_img.img02 { width:277px; margin-bottom:20px;}
.location_img:first-child { margin-top: 160px; transform: translateY(-80px); }
.location_img:last-child { margin-bottom: 160px; transform: translateY(80px); }
.location_img h6 { font-size: 13px; line-height: 100%; position: absolute; right: 10px; bottom: 10px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7); }

.location02 .location_tit h2 { color: #fff; }
.location02 .location_txt_box h5 { color: #fff; }
.location02 .location_txt_box h5 { color: #fff; }
.location02 .location_txt_box p { color: #fff; opacity: 0.3; }


.location_wrap.active2 { transform: translateX(-100vw); }
.location_wrap.active3 { transform: translateX(-200vw); }

.location_wrap.on .location01 .location_tit h5 { opacity: 1; transition: 1.2s 0.4s; }
.location_wrap.on .location01 .location_tit::before { width: 100%; transition: 2.0s 0.4s; }
.location_wrap.on .location01 .location_img_box { opacity: 1; transition: 1.0s 0.4s; }
.location_wrap.on .location01 .location_img { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on .location01 .location_tit h2 { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on .location01 .location_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on .location01 .location_txt { opacity: 1; transform: translate(0); transition: 1.6s 0.9s; }

.location_wrap.on2 .location02 .location_tit h5 { opacity: 1; transition: 1.2s 0.4s; }
.location_wrap.on2 .location02 .location_tit::before { width: 100%; transition: 2.0s 0.4s; }
.location_wrap.on2 .location02 .location_img_box { opacity: 1; transition: 1.0s 0.4s; }
.location_wrap.on2 .location02 .location_img { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on2 .location02 .location_tit h2 { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on2 .location02 .location_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.location_wrap.on2 .location02 .location_txt { opacity: 1; transform: translate(0); transition: 1.6s 0.9s; }

/**/

#section3 { width: 100%; }

.premium_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.premium_wrap>div:last-child { width: 90%; max-width: 1600px; position: relative; z-index: 9; transform: translateY(1rem); }

.premium_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/premium_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }

.premium_tit { text-align: left; opacity: 0; transform: translateY(-60px); display: flex; justify-content: center; align-items: flex-end; }
.premium_tit h4 { font-family: 'Nanum Myeongjo', serif; color: #3e515e; font-size: 30px; line-height: 100%; font-weight: 800; letter-spacing:18px;}
.premium_tit h2 { font-family: 'Belgiano Serif', sans-serif;  font-size: 80px; line-height: 100%; color: #b45347; margin-top: 10px; }
.premium_tit h3 { font-family: 'Belgiano Serif', sans-serif;  font-size: 140px; line-height: 90%; color: #b45347; margin-top: 10px; }

.premium_content_box { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px;  margin-top: 70px; opacity: 0; transform: translateY(80px); }
.premium_content_box.box02 { margin-top:10px;}
.premium_content {  width: 100%;/*width: calc(100% / 4 - 12px);*/ height:12rem; padding: 40px 0; position: relative; border: 1px solid #bcbcbc; display: flex; justify-content: flex-start; align-items: center; text-align: left; box-sizing: border-box; }
.premium_content span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.premium_content h6 { position: absolute; right: 18px; top: 16px; font-size: 10px; line-height: 100%; color: #b45347; }
.premium_content>div { display: flex; justify-content: flex-start; align-items: center; margin-left: 35px; }
.premium_content h3 { font-size: 24px; line-height: 100%; font-weight: 600; color: #b45347; }
.premium_content p { font-size: 14px; line-height: 165%; margin-top: 20px; opacity: 0.7; }
.premium_icon { margin-right: 25px; }

.premium_content_box.box02 .premium_content h6 { position: absolute; right: 18px; top: 16px; font-size: 10px; line-height: 100%; color: #3e515e; }
.premium_content_box.box02 .premium_content h3 { font-size: 24px; line-height: 100%; font-weight: 600; color: #3e515e; }


.premium_content::after { content: ''; width: 0%; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.3s; }
.premium_content::before { content: ''; width: 1px; height: 0%;; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.3s; }
.premium_content span::after { content: ''; width: 0%; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.3s; }
.premium_content span::before { content: ''; width: 1px; height: 0%;; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.3s; }

.premium_content:hover::after { width: calc(100% + 2px); }
.premium_content:hover::before { height: calc(100% + 2px); }
.premium_content:hover span::after { width: calc(100% + 2px); }
.premium_content:hover span::before { height: calc(100% + 2px); }

.premium_content:nth-child(2n) h6 { color: #3e515e; }
.premium_content:nth-child(2n) h3 {  color: #3e515e;  }

.premium_content_box.box02 .premium_content:nth-child(2n) h6 { color: #b45347; }
.premium_content_box.box02 .premium_content:nth-child(2n) h3 {  color: #b45347;  }
.premium_content_box.box02 .premium_content>div {  margin-left: 45px; }
.premium_content_box.box02 .premium_icon { margin-right: 35px; }


.premium_wrap.on .premium_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.premium_wrap.on .premium_content_box { opacity: 1; transform: translate(0); transition: 1.0s 0.7s; }

/**/
#section4 { width: 100%; }

.solution_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.solution_wrap>div:last-child { width: 90%; max-width: 1550px; position: relative; z-index: 9; transform: translateY(1rem); }

.solution_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/solution_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }

.solution_tit { text-align: center; opacity: 0; transform: translateY(-60px); }
.solution_tit h4 { font-family: 'Nanum Myeongjo', serif; color: #3e515e; font-size: 26px; line-height: 100%; font-weight: 400; }
.solution_tit h4 b {  font-weight: 800; }
.solution_tit h2 { font-family: 'Belgiano Serif', sans-serif;  font-size: 80px; line-height: 100%; color: #b45347; margin-top: 10px; }

.solution_content_box { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 70px; opacity: 0; transform: translateY(80px); }
.solution_content { width: calc(100% / 4 - 12px); padding: 40px 0; position: relative; border: 1px solid #a4a4a4; display: flex; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; }
.solution_content span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.solution_content h6 { position: absolute; right: 18px; top: 16px; font-size: 10px; line-height: 100%; color: #3e515e; }
.solution_content>div { display: flex; justify-content: flex-start; align-items: center;  }
.solution_content h3 { font-size: 24px; line-height: 100%; font-weight: 600; color: #3e515e; }
.solution_content h3 b { color: #b45347; }

.solution_content p { font-size: 14px; line-height: 165%; margin-top: 10px; opacity: 0.7; }

.solution_content::after { content: ''; width: 0%; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.3s; }
.solution_content::before { content: ''; width: 1px; height: 0%;; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.3s; }
.solution_content span::after { content: ''; width: 0%; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.3s; }
.solution_content span::before { content: ''; width: 1px; height: 0%;; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.3s; }

.solution_content:hover::after { width: calc(100% + 2px); }
.solution_content:hover::before { height: calc(100% + 2px); }
.solution_content:hover span::after { width: calc(100% + 2px); }
.solution_content:hover span::before { height: calc(100% + 2px); }



.solution_wrap.on .solution_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.solution_wrap.on .solution_content_box { opacity: 1; transform: translate(0); transition: 1.0s 0.7s; }


/**/

#section5 { width: 100%;  color:#fff;}
.main_contact_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.contact_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/contact_bg.jpg) center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }

.main_contact_box { width:100%; display: flex; justify-content: space-between; align-items: center; position: relative; z-index:1; max-width:1477px;}
.main_contact_tit_box { opacity: 0; transform: translateX(-3rem);  }

.main_contact_tit {}
.main_contact_tit h1 {  font-family: 'Nanum Myeongjo', serif;  font-size:2.5rem; font-weight: 400;}
.main_contact_tit h1 b { font-weight: 700;}
.main_contact_tit p { font-size:0.975rem; font-weight: 400; line-height:150%; margin-top:0.7rem;}

.main_contact_txt { margin-top:5rem; }
.main_contact_txt_box { display: flex; justify-content: flex-start; align-items: center; gap:1rem;  margin-top:2rem;}
.contact_box_tit { width:6.5rem; height:5rem; background-color:#fff;  display: flex; justify-content:center; align-items: center; }
.contact_box_tit h3 { font-size:1.12rem; color:#000; }

.contact_box_txt {text-align:left; }
.contact_box_txt h2 { font-size:1.12rem; margin-bottom:0.5rem;}
.contact_btns {display: flex; justify-content: flex-start; align-items: center; gap:0.5rem;}
.contact_btn {border:1px solid #fff; width:10rem; height:2.5rem; display: flex; justify-content: center; align-items: center;}
.contact_btn a { width:100%; height:100%; font-size:0.895rem; display: flex; justify-content: center; align-items: center; gap:0.5rem;}

.main_contact_map { opacity: 0; transform: translateY(3rem); }
.main_contact_map p {font-size:0.895rem; margin-top:0.5rem; font-weight: 300; }
.main_contact_wrap.on .main_contact_tit_box { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.main_contact_wrap.on .main_contact_map { opacity: 1; transform: translate(0); transition: 1.0s 0.6s; }


/**/

#section6 { width: 100%; background-color: #dce0e3; }

.brand_wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.brand_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/brand_bg2.jpg) center no-repeat; background-size: cover;  }

.brand_box {width:100%; display: flex; justify-content: space-between; align-items: center; position: relative; z-index:1; max-width:1360px;}
.brand_tit { text-align: left; opacity: 0; transform: translateY(-10rem); }
.brand_tit h5 { font-family: 'Belgiano Serif', sans-serif;  font-size: 35px; line-height: 100%; color: #4b4948; letter-spacing: 0px; font-weight: 500; }
.brand_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 45px; line-height: 150%; font-weight: 500; margin-top: 0px; color:#2e4a57; letter-spacing: -2px; }
.brand_tit h2 b {font-weight: 700; }
.brand_tit p {font-size: 16px; color:#4c4948; margin-top:1rem;}

.brand_prize_wrap { opacity: 0; transform: translateX(5rem);}
.brand_prize { text-align: left; display: flex; justify-content: space-between; align-items: center; width:700px; height:82px; background-color:rgba(225,225,225,0.8); padding:0 2rem; border-radius:10px; margin-top:1.5rem;}
.brand_prize p {font-size: 18px; line-height:120%;}

.brand_wrap.on .brand_tit { opacity: 1; transform: translateY(-5rem); transition: 1.0s 0.2s; }
.brand_wrap.on .brand_prize_wrap { opacity: 1; transform: translate(0rem); transition: 1.0s 0.5s; }


/*.brand_wrap>div:last-child { width: 90%; max-width: 1680px; height: 65%; position: relative; display: flex; justify-content: flex-start; align-items: center; z-index: 9; transform: translateY(32px); }
.brand_wrap>h6 { font-size: 14px; line-height: 100%; position: absolute; left: 5%; bottom: 5%; color: #000; opacity: 0.7; z-index: 9; opacity: 0; }


.brand_vd_box { position: absolute; right: 0; top: -10%; width: 100%; height: 100%; opacity: 1; z-index: 1; transform: scale(1); transform-origin: right top; }
.brand_vd { position: absolute; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.brand_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/brand_bg.jpg) center no-repeat; background-size: cover; z-index: 1; }
.brand_vd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; }
.brand_vd:before { content:''; width: 120%; height: 10%; left: -10%; bottom: -9%; background-color: #dce0e3; position: absolute; z-index: 9; }


@media all and (max-width: 1640px) { 
	.brand_vd iframe { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.brand_vd iframe { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.brand_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}

.brand_slide_box { width: 52%; display: flex; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 26%; opacity: 0; transform: translateY(5rem); }
.brand_slide { width: 649px; }
.brand_slide img { width: 100%; }
.brand_slide h3 { width: 100%; background-color: #3e515e; font-size: 18px; line-height: 100%; padding: 20px 0; color: #fff; font-weight: 400; letter-spacing: 0; }

.brand_arr {  width: 600px; position:absolute; left:0; right:0; margin:0 auto; bottom:3.6rem; }
.brand_arr>div {  width: 100%; position:relative; }

.swiper-button-prev { width: 3.688rem; height: 2.938rem; position: absolute; outline: none; margin: 0; padding: 0; }
.swiper-button-prev img { width: 100%; }
.swiper-button-next { width: 3.688rem; height: 2.938rem; position: absolute; outline: none; margin: 0; padding: 0; }
.swiper-button-next img { width: 100%; }

.brand_tit { position: absolute; left: 0%; right: 0; margin: auto; top: -190px; text-align: center; opacity: 0; transform: translateX(-10rem); opacity: 1; transform: translate(0); }
.brand_tit h5 { font-family: 'Belgiano Serif', sans-serif;  font-size: 18px; line-height: 100%; color: #b45347; letter-spacing: 11px; font-weight: 500; }
.brand_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 30px; line-height: 150%; font-weight: 500; margin-top: 18px; color:#000;}
.brand_tit h2 b { font-size: 40px; font-weight: 500; }

.brand_prize { width: 700px; position: absolute; right: 2%; bottom: 0; text-align: left; opacity: 0; transform: translateX(160px); }
.brand_prize>div:first-child { width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0; gap: 0 70px; border: 1px solid #c5c5c5; }
.brand_prize>div:last-child { display: flex; justify-content: center; align-items: flex-start; margin-top: 30px; gap: 0 40px; text-align: center; }
.brand_prize>div h5 { font-size: 14px; line-height: 158%; font-weight: 500; }
.brand_prize>div h5 span { color: #b45347; font-weight: 600; }
.brand_prize>div:last-child h5 { line-height: 150%; }
.brand_prize_box { width: 150px; height: 39px; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 10px; }
.brand_prize_box p { font-size:0.75rem; margin-left:0.2rem; font-weight: 500;}




.brand_wrap.on .brand_vd_box { top: -5%; right: -10%; transform: scale(0.85); transition: 1.5s 1.6s; }
.brand_wrap.on>h6 { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }
.brand_wrap.on .brand_tit { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }
.brand_wrap.on .brand_prize { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }
.brand_wrap.on .brand_slide_box { opacity: 1; transform: translate(0); transition: 1.0s 1.6s; }
*/

/**/

#section7 { overflow: visible; }

.footer { width: 100%; padding: 2.75rem 6.25rem 4.375rem; box-sizing: border-box; z-index: 999; font-family: 'Pretendard'; background-color: #0e0d0d; 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_left { font-size: 0.75rem; height: 100%; font-weight: 500; text-align: left; color: #4b4b4b; display: flex; justify-content: flex-start; align-items: flex-start; }
.footer_logo { margin-right: 1.375rem; }
.footer_left ul { display: flex; justify-content: flex-start; align-items: center; }
.footer_left ul li { 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; }
.footer_left ul li span { color: #8c8c8c; margin-right: 0.3rem; }
.footer_left ul li:last-child:after { display: none; }
.footer_left p { line-height: 180%; color: #4f4f4f; }
.footer_left p b { font-size: 16px; color: #fff; font-weight: 300; }
.footer_left p b span { color: #fff; font-weight: 500; }
.footer_left p span {	 color: #8c8c8c; }
.footer_left h6 { line-height: 100%; margin-top: 1.5rem; }

.footer_right { font-size: 0.75rem; text-align: right; color: #4f4f4f; }
.footer_right ul { display: flex; justify-content: flex-end; align-items: center; }
.footer_right ul li { padding: 0 16px; height: 30px; line-height: 30px; position: relative; font-weight: 400; border: 1px solid #bdb1a4; text-align: center; color: #000; }
.footer_right ul li:nth-child(1) { background-color: #bdb1a4; }
.footer_right ul li:last-child { color: #bdb1a4; }
/*.footer_right ul li:after { position: absolute; content:''; width: 1px; height: 0.8rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; }*/
.footer_right ul li span { color: #fff; font-size: 1.125rem; margin-right: 0.3rem; }
.footer_right ul li img { margin-left: 0.3rem; margin-top: -1px; }
.footer_right ul li:last-child:after { display: none; }
.footer_right p { font-size: 0.75rem; line-height: 150%; margin-top: 1.25rem; letter-spacing: -0.3px; }

.sujain_bt { display: inline-block; border: 1px solid rgba(255,255,255,0.4); color: #fff; margin-top: 1.5rem; font-weight: 500; transition: 0.4s; position: relative; overflow: hidden; }
.sujain_bt:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; bottom: -100%; background-color: #fff; transition: 0.4s; z-index: -1; }
.sujain_bt a { display: block; width: 100%; height: 100%; padding: 1rem 2.375rem; box-sizing: border-box; }

.sujain_bt:hover { color: #000; }
.sujain_bt:hover:after { bottom: 0; }

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

/*body.main .footer { width: 100%; }*/

/*서브*/

.sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 450px; z-index: 99; margin-top: 0px; overflow: hidden; }
/*.sub_top01:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top.png) center top no-repeat; background-size: cover; z-index: 2; }*/
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }

.sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) center top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }

.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 34%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #3e515e; }
.sub_top_txt h3 { font-size: 1.35rem; line-height: 150%; font-weight: 500; letter-spacing: -0.05rem; }
.sub_top_txt h3 b { font-weight: 600; }
.sub_top_txt h2 { font-family: 'Nanum Myeongjo', serif; font-size: 3.275rem; line-height: 100%; font-weight: 200; margin-top: 0.875rem; letter-spacing: -0.1875rem;  }
.sub_top_txt h2 b { color: #b45347; font-weight: 600; }
.sub_logo { margin-top:2rem; }

.sub_top_txt_eg { font-family: 'antro'; color: #3e505e; transform: translateX(0rem) rotate(-15deg); opacity: 1; margin-top:8rem; line-height:0; position:absolute; bottom:6rem; right:15rem; z-index:1; 
animation: sub_top_txt_eg 1.0s 0.5s both; /*transform 1.5s 0.3s, opacity 1.5s 1s;*/}
.sub_top_txt_eg h1 { font-size: 4.7rem; letter-spacing: -5px; font-weight: 400; }
.sub_top_txt_eg b { font-size: 4.7rem; font-weight: 400; }
.sub_top_txt_eg span { transform: translate(7.5rem,3.7rem); display: inline-block; }


@keyframes sub_img {
	from { background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; }
	to{ }
}
@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}
@keyframes sub_top_txt2 {
	from { letter-spacing: 0; }
	to{ }
}

@keyframes sub_top_txt_eg {
	from { opacity: 0; transform: translateX(5rem) rotate(-15deg); }
	to{ }
}
/* @keyframes sub_top_txt2 {
	from { letter-spacing: 0.3rem; }
	to{ }
} */

#snb_wrap { width: 100%; height: 65px; position:relative; margin: auto; z-index: 90; border:1px solid #ddd;}
.snb_box { width: 1100px; margin:0 auto; position:relative;}
#snb { width: 480px; height: 65px; position: absolute; left: 0; top: 0; }
#snb:after {content:""; display:block; clear:both; }
#snb > li { float: left; width: 200px; position:relative; height: 65px; text-align: left; box-sizing: border-box; color: #000; }
#snb > li > a:after { content:''; position: absolute; width: 1px; height: 20px; background-color: #adadad; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:first-child { width: 60px; }
#snb > li:first-child img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#snb > li:nth-child(3) { width: 220px; }
#snb > li:nth-child(3) > a:after { display: none; }
#snb > li:first-child + li + li > a { margin-top:1px; color: #000; }
/*#snb > li:first-child + li + li { border-bottom: 1px solid #e8e8e8; }*/
#snb > li:first-child + .ov {margin-left:0;}
#snb > li:nth-child(2):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb > li:nth-child(3):after { content:''; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); position: absolute; right: 18px; top: 29px; transition:0.3s; }
#snb .ov {margin-left:-1px;}
#snb .ov > a { display: block; height: 65px; line-height: 65px; padding: 0 15px; font-size: 14px; color:#000; min-width:160px; font-weight:400; }

#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 27px; }
#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 27px; }

#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff; display:none; }
#snb .ov ul li { border:1px solid #c2c2c2;margin-top:-1px; font-weight: 400; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a { display:block;font-size:11.5px; color: #000; padding:11px 15px;white-space:nowrap; letter-spacing: 0; }
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover { background: #ebebeb; color: #000; }

#snb .ov a { text-transform: uppercase; }
/*#snb .ov:last-child a { text-transform: uppercase; }*/

body.full #sub_container { width: 100%; }
#sub_container { width: 90%; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; background-color: #fff; text-align: center; }
#sub_box { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 180px; padding-top: 0px; box-sizing: border-box; margin-top: 70px; }
#sub_tit { width: 100%; margin-top: 0; overflow: hidden; text-align: center; }
#sub_tit h2 { font-size: 18px; color: #000; font-weight: 400; line-height: 100%; letter-spacing:0px; text-transform: uppercase; margin-top:1rem;}
#sub_tit h1 { font-family: 'Belgiano Serif', sans-serif;  font-size: 55px; color: #3e505e; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }

.sub_line { width: 1px; height: 38px; background-color: #404040; margin: auto; margin-top: 30px; }
#sub_tit h5 { font-size: 14px; color: #858585; font-weight: 400; margin-top: 16px; }
#sub_tit h5 b { color: #222; }
#sub_tit h5 div { display: inline-block; color: #056b5c; }
#sub_tit h5 span { font-size: 13px; font-family: 'Futura Std'; font-weight: 700; }
.sub_page { margin:0 auto; margin-top: 50px; position: relative; width:1100px; left:0; right:0; }


.sub_ori { width: 100%; max-width: 1100px; margin: auto; background-color: #f3f3f3; text-align: left; padding: 25px 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; }
.sub_ori>div { width: 55px; height: 55px; min-width: 55px; border-radius: 100%; background: #4f372b url(../sub/ori.png) center no-repeat; margin-right: 22px; }
/* .sub_ori ul {  } */
.sub_ori ul li { font-size: 14px; line-height: 155%; color: #383838; font-weight: 400; letter-spacing: -0.5px; position: relative; }
.sub_ori ul li:before { content:'·'; position: absolute; left: -6px; margin-right: 2px; }

.sub_ori ul.ori2 li { margin-left: 20px; }
.sub_ori ul.ori2 li:first-child { margin-left: 0; font-size: 14px; margin-bottom: 3px; }
.sub_ori ul.ori2 li:first-child:before { display: none; }

.sub_tab_bt { width: 100%; margin-bottom: 20px; }
.sub_tab_bt ul { width: 100%; display: flex; justify-content: space-between; align-items: center; }
.sub_tab_bt ul li { width: 100%; margin-right: 1%; font-size: 18px; line-height: 60px; border: 1px solid #ccc; box-sizing: border-box; }
.sub_tab_bt ul li a { width: 100%; height: 100%; display: block; }
.sub_tab_bt ul li:last-child { margin-right: 0; }
.sub_tab_bt ul li.active { background-color: #000; color: #fff; border: 1px solid #000; }


/**/

.sub_page.img { width: 100%; max-width: 1100px; margin: auto; margin-top: 50px; height: auto; position: relative; }
.sub_page.img img { width: 100%; max-width: 1100px; }
.sub_img { margin-bottom: 70px; }
.sub_page.img img.half { width: 50%; float: left; }


ul.tabs2 { width: 100%; display: flex; justify-content: space-between; margin-bottom: 35px; }
ul.tabs2.two { flex-wrap: wrap; }
ul.tabs2 li { width: 100%; color: #fff; margin-left: 0%; text-align: center; cursor: pointer; font-size: 16px; height: 45px; line-height: 45px; border: 1px solid #bababa; font-weight: 400; background: #bababa; }
ul.tabs2 li a { width: 100%; height: 100%; display: block; }
ul.tabs2 li:nth-child(1) { margin-left: 0; }

ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #fff; background: #000; border: 1px solid #000; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #fff; }
ul.tabs2 li.active { color:#fff; background: #000; border: 1px solid #000; }

 #container2 { width: 100%; max-width: 1100px; margin: auto; }

.sub_lounge>img { margin-bottom: 90px; }
.sub_lounge .tabs2 { margin-bottom: 60px; }

/**/

/*  */

.summary_wrap { width: 100%; max-width: 1100px; }
/* .summary_wrap>div>div:last-child { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 45px; } */

.summary_tit { text-align: center; }
.summary_tit h2 { font-size: 40px; line-height: 100%; }

.summary_img_box { width: 100%; height: 250px; margin-top: 45px; position: relative; overflow: hidden; }
.summary_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #555 url(../sub/planning.jpg) center bottom no-repeat; background-size: cover; z-index: 2; }
.summary_img_txt { position: absolute; left: 6%; bottom: -23%; color: #fff; text-align: left; font-family: 'felixti'; z-index: 9; }
.summary_img_txt h4 { font-size: 24px; line-height: 100%; letter-spacing: 54px; }
.summary_img_txt h1 { font-size: 176px; line-height: 100%; letter-spacing: -10px; }

.summary_txt_box { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 50px 6%; text-align: left; margin-top: 45px; }
.summary_txt_box h2 { width: 100%; font-size: 22px; line-height: 100%; font-weight: 600; margin-bottom: -5px; }
.summary_txt_box>div { width: 47%; }
/* .summary_txt_box>div { width: 20.5%; } */
/* .summary_txt_box>div:last-child { width: 100%; margin-top: 3.6%; margin-top: 0; } */
.summary_txt_box h3 { font-size: 20px; line-height: 100%; font-weight: 600; color: #8a694e; border-bottom: 1px solid #ababab; padding-bottom: 8px; }
.summary_txt_box p { font-size: 14px; line-height: 142%; margin-top: 20px; }


/*  */

/*  */

.contact_wrap { width: 100%; max-width: 1100px; margin: auto; position: relative; text-align: left; color: #010101; }

.contact_wrap h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px; font-weight: 500; }
.contact_wrap h2 img { margin-right: 10px; margin-top: 0px; }
.contact_top { width: 100%; }
.contact_top>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; }

.contact_bottom { width: 100%; margin-top: 85px; margin-bottom: 70px; }
.contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

.contact_map_box { width: 100%; max-width: 527px; border: 1px solid #9e9e9e; }
.contact_map_box img { width: 100%; }

.contact_txt_box { width: 100%; max-width: 527px; margin: 25px 0; }
.contact_txt_box h3 { display: inline-block; font-size: 32px; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 60px; }
.contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.contact_add { display: flex; justify-content: space-between; align-items: center; }
.contact_add h4 { font-size: 22px; line-height: 100%; font-weight: 600; }
.contact_add p { font-size: 15px; line-height: 100%; margin-top: 8px; }
.contact_top .contact_add { margin-top: 50px; }

.contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 10px; }
.contact_bt a { display: block; margin-left: 5px; }

/*  */

.location_pop_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0s; }
.location_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }
.location_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 99999998; background-color: #000; opacity: 0.8; transition: 0.6s 0.2s; }

.location_pop { width: 80%; max-width: 1550px; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(0px); z-index: 9; }
.location_pop img { width: 100%; }
.location_pop_close { width: 65px; height: 65px; position: absolute; right: -75px; top: 49px; cursor: pointer; }
.location_pop_close:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
.location_pop_close:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }


.location_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }
.location_pop_bg.active { left: 0; transition: 0.6s 0s; }

/**/

.sub_issue_box { width: 100%; display: flex; justify-content: space-between; align-items:center; }
.sub_issue_box>div { width: 100%; max-width: 330px; height: 419px; overflow: hidden;}
.sub_issue_box>div>a { position: relative; width: 100%; height: 100%; display: block; }
.sub_issue_box .issue_img01 { width: 100%; height: 100%; background: url(../sub/issue01.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box .issue_img02 { width: 100%; height: 100%; background: url(../sub/issue02.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box .issue_img03 { width: 100%; height: 100%; background: url(../sub/issue03.jpg)center no-repeat; background-size: cover; transition: 1.5s 0.0s ease; }
.sub_issue_box>div:hover .issue_img { transform:scale(1.05); }

.sub_issue_txt { position: absolute; bottom: 0; color: #fff; text-align: left; width: 100%; padding: 0 2.125rem 1.875rem; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;  }
.sub_issue_txt h4 { font-size: 2.125rem; font-weight: 600; text-transform: uppercase; line-height: 100%;}
.sub_issue_txt p { font-size: 1.625rem; line-height: 100%; margin-top: 6px;}
.sub_issue_txt div:last-child { opacity: 0; transform: translateX(-1rem); transition: all 0.6s ease;}
.sub_issue_box>div:hover .sub_issue_txt div:last-child { opacity: 1; transform: translate(0);}


.sub_issue_box h6 { position: absolute; top: 23%; right: -9%; transform: rotate(90deg); font-size: 0.75rem; color: #fff; letter-spacing: 2px;}

.sub_issue_box>div>a:after { content:''; width: calc(100% - 10px); height: calc(100% - 10px); border:1px solid #fff; position: absolute; display: block; top: 5px; left: 5px; box-sizing:border-box; opacity: 0; transition: all 0.3s ease;}
.sub_issue_box>div:hover>a:after { opacity: 1; }

.issue_prev_btn { width: 335px; height: 50px; margin: auto; border: 1px solid #ccc; background: #fff; }
.issue_prev_btn a { width: 100%; height: 100%; display: block; line-height: 50px; font-size: 0.9rem; }
.issue_prev_btn:hover { background: #000; transition: all 0.3s ease;}
.issue_prev_btn:hover a { color: #fff; }