mainmainmainmainmainmainmainmainmainmainmainmainmainmainmainmain/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/

::-webkit-scrollbar {

display:none;

} 


@font-face {
  font-family: 'Athena';
  src: local('Athena'),
  	   url('../font/Athena-Regular.eot') format('embedded-opentype'),
       url('../font/Athena-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
    font-family: 'gotham';
    src: url('../font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('../font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('../font/GOTHAM-BOLD.woff2') format('woff2'),
        url('../font/GOTHAM-BOLD.woff') format('woff'),
        url('../font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('../font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('../font/GOTHAM-BOLD.woff2') format('woff2'),
        url('../font/GOTHAM-BOLD.woff') format('woff'),
        url('../font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Carisma Inline';
    src: url('../font/CarismaInlineOblique.eot');
    src: local('Carisma Inline Oblique'), local('CarismaInlineOblique'),
        url('../font/CarismaInlineOblique.eot?#iefix') format('embedded-opentype'),
        url('../font/CarismaInlineOblique.woff2') format('woff2'),
        url('../font/CarismaInlineOblique.woff') format('woff'),
        url('../font/CarismaInlineOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


  @font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../../font/Pretendard-Black.woff2') format('woff2'), url('./woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../../font/Pretendard-ExtraBold.woff2') format('woff2'), url('./woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../../font/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../../font/Pretendard-SemiBold.woff') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../../font/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../../font/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../../font/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../../font/Pretendard-ExtraLight.woff2') format('woff2'), url('./woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../../font/Pretendard-Thin.woff2') format('woff2'), url('./woff/Pretendard-Thin.woff') format('woff');
}


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;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-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}
input::-ms-clear{display:none;}

* { scroll-behavior: smooth; box-sizing: border-box; }


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

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

/*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);
      display: none;
  }

  .cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
  .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 #000; border-bottom: 1px solid #000; 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 #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: -33px; top: 0; bottom: 0; margin: auto; }
 
  .cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
  .cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
  .cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }
 
  #cursor{
    width: 70px;
    height: 70px;
  }

  .cursor_skip { width: 70px; height: 70px; 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; }
  .cursor_skip p { display: none; }
  .cursor_skip::after { content: ''; width: 100%; height: 100%; background: url(../img/play.png) center no-repeat; }
  body.main .cursor_skip { display: flex; }
  body.main .cursor_skip.show { opacity: 1; }
  .cursor_skip:before { display: none; }

  .cursor_skip2 { width: 70px; height: 70px; background-color: #a48b78; 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 p { font-family: 'lexend', sans-serif; color: #fff; 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: #a48b78; 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; }
}

@keyframes main_img2 {
	0% { transform: scale(1); }
	50% { transform: scale(1.08); }
	100% { transform: scale(1); }
}

.main_skip_wrap { width: 100%; height: 100%; position: fixed; 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; } */

.main_skip_bt { position: absolute; width: 64px; height: 64px; right: 1%; bottom: 1%; }
.main_skip_bt>div { width: 64px; height: 64px; background-color: #000;display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: opacity 1.0s; opacity: 1; position: absolute;  }
.main_skip_bt>div p { font-size: 12px; color: #fff; line-height: 100%; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; display: block; }
.main_skip_bt>div:before { content:'';  position: absolute; width: 80px; height: 80px; left: -8px; top: -8px;  background-color: #000; opacity: 0.3; 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;

}

/**/


/*.intro_all_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999999; background-color: #000; }*/
/*.intro_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center;}*/
.intro_wrap { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 1; text-align: center;  }
.intro_box { position: absolute; width: 100%; height: 100%; position: absolute; opacity: 1; }
.intro_box.box01 { width: 100%; height: 100%; display: flex; justify-content:center; align-items: center; background: url(../img/intro_bg.jpg)no-repeat center; background-size: cover; z-index: 5;}
.intro_content { font-family: 'Pretendard'; font-size: 2.8vw; font-weight: 300; color: #fff;}


.line_box { position: relative; width: 100%; height: 80dvh; display: flex; justify-content: center; align-items: center; }
/* .line { width: 1px; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; margin: auto; transform: translateX(-50%); z-index: 1;} */
.circle_box { position: relative; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items:center; flex-direction: column; z-index: 2;}
.circle { position: relative; left: 0; right: 0; margin: 0 auto; width: auto; height: auto; display: flex; flex-direction: column; align-items: center; gap:12.6vw; }
.circle.circle01 { top: -10px;}
.circle.circle02 { bottom: -10px;}
.circle img { filter: drop-shadow(0 0 10px #fff3ca); max-width: 3.5vw; }
.intro_img01 { position: absolute; margin: auto; max-width: 44.8vw; z-index: 4; opacity: 0;}

.line01 { width: 1px; height: 0; background: #fff; position: absolute; top: 10px; margin: auto; transform: translateX(-50%); z-index: 1;}
.line02 { width: 1px; height: 0; background: #fff; position: absolute; bottom: 10px; margin: auto; transform: translateX(-50%); z-index: 1;}

.circle>div { opacity: 0; }
.circle.circle01>div:nth-child(2):before { content:'서울'; font-size: 2.8vw; color: #fff; position: absolute; left: -8vw; width: 8vw; }
.circle.circle01>div:nth-child(3):before { content:'광명'; font-size: 2.8vw; color: #fff; position: absolute; left: -8vw; width: 8vw; }
.circle.circle01>div:nth-child(4):before { content:'천안아산'; font-size: 2.8vw; color: #fff; position: absolute; left: -11vw; width: 10vw; }

.circle.circle02>div:nth-child(2):before { content:'평택'; font-size: 2.8vw; color: #fff; position: absolute; right: -8vw; width: 8vw; }
.circle.circle02>div:nth-child(3):before { content:'동탄'; font-size: 2.8vw; color: #fff; position: absolute; right: -8vw; width: 8vw; }
.circle.circle02>div:nth-child(4):before { content:'수서'; font-size: 2.8vw; color: #fff; position: absolute; right: -8vw; width: 8vw; }




/**/


.intro_box.box02 { width: 100%; height: 100%; background: url(../img/intro_bg.jpg)no-repeat center; background-size: cover; z-index: 4; color: #fff;}
.intro_bg2 { height: 60dvh; overflow: hidden;}
.intro_bg2 img { transform: scale(1.2); }
.intro02_txt { height: 40dvh; padding: 10vw 0; opacity: 0; transform: translateY(3rem);}
.intro02_txt img:first-child { max-width: 20vw;}
.intro02_txt h5 { font-family: 'Arthead'; font-size: 2.5vw; letter-spacing: 1vw; line-height: 100%; margin-top: 3.8vw;}
.intro02_txt img:nth-child(3) { max-width: 56vw; margin-top: 3.3vw;}
.intro02_txt h4 { font-family: 'antro'; font-size: 6.66vw; margin-top: 3.3vw; line-height: 100%; transform: rotate(-5deg) translateX(-5vw);}
.intro02_txt h4 b { font-weight: 400; font-size: 5.4vw; margin-left: 20vw;}


.main_intro_wrap.intro .line01,.main_intro_wrap.intro .line02 { opacity: 1; height: 200%; transition: 4.0s 0.2s; }
.main_intro_wrap.intro .circle.circle01>div:nth-child(2) { opacity: 1; transition: 1.2s 0s;}
.main_intro_wrap.intro .circle.circle01>div:nth-child(3) { opacity: 1; transition: 1.2s 0.6s;}
.main_intro_wrap.intro .circle.circle01>div:nth-child(4) { opacity: 1; transition: 1.2s 1.2s;}
.main_intro_wrap.intro .circle.circle02>div:nth-child(2) { opacity: 1; transition: 1.2s 1.2s;}
.main_intro_wrap.intro .circle.circle02>div:nth-child(3) { opacity: 1; transition: 1.2s 0.6s;}
.main_intro_wrap.intro .circle.circle02>div:nth-child(4) { opacity: 1; transition: 1.2s 0s;}
.main_intro_wrap.intro .intro_img01 { opacity: 1; transition: 1.2s 2s;}
.main_intro_wrap.intro .line_box { height: 42dvh; transition: 2s 2.5s;}
.main_intro_wrap.intro .circle { gap:6vw; transition:2s 2.5s;}
.main_intro_wrap.intro .circle_box { opacity: 0; transition: 1.2s 3.2s;}
.main_intro_wrap.intro .intro_box.box01 { opacity: 0; transition: 2s 4s; }

.main_intro_wrap.intro2 .intro_bg2 img{ transform: scale(1); transition: 2s 0s; }
.main_intro_wrap.intro2 .intro02_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}


/**/


.all_wrap { width: 100%; margin: auto; height: auto; position: relative; top: 0; overflow: hidden; z-index: 989; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); max-width:500px;}
.fixWrap{ position:relative; top: 0; left: 0;right: 0; margin: auto; width: 100%; /* height:calc( 100vh + 0vw); */ height: 100dvh; z-index: 1; max-width:500px;}

.sec{ width: 100%; max-width: 100%; margin: auto;}

.main_box { width: 100%; height: 100vh; position: relative; color: #fff;  }
/* .main_box::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0%; top: 0; z-index: 6; background: url(../img/main_bg.png) center no-repeat; background-size: cover; opacity: 1; } */

.main_img_box { position: relative; width: 100%; height: 100%; overflow: hidden; }
.main_img.img01 { width: 100%; height: 100%; background: url(../img/main_img.jpg)center no-repeat; background-size: cover; transform: scale(1.2); }
.main_img.img02 { width: 100%; height: 100%; background: url(../img/main_img2.jpg)center no-repeat; background-size: cover; transform: scale(1.2); }
.main_img.img03 { width: 100%; height: 100%; background: url(../img/main_img3.jpg)center no-repeat; background-size: cover; transform: scale(1.2); }

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

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

@media all and (max-width: 767px) { 
	.main_vd iframe { width: 400%; height: 400%; }
    .main_vd::before { width: 400%; height: 400%; }
}

.main_txt_box { width: 100%; height: 100%; position: absolute; left: 8.5%; top: 15%; z-index: 10; display: flex; align-items: flex-start; flex-direction: column; text-align: center; color: #fff; padding: 0 5.5vw; text-align: left;}
.main_txt_box h6 { font-family: 'Arthead'; font-size: 3vw; color: #4c4949; letter-spacing: 1vw; line-height: 100%; opacity: 0; transform:translateX(3rem); }
.main_txt_box h4 { font-family: 'Nanum Myeongjo'; color: #4c4949; font-weight: 400; font-size: 4.917vw;  line-height: 100%; margin-top: 6vw; opacity: 0; transform:translateX(3rem); }	
.main_txt_box h4 b { font-weight: 600; color: #d35c3a;}
.main_txt_box .main_tit01 { max-width: 72vw; margin-top: 3.5vw; opacity: 0; transform:translateX(3rem);}
.main_txt_box p { color: #555354; font-size: 3vw; margin-top: 5.5vw; opacity: 0; transform:translateX(3rem);}
.main_txt_box .main_tit02 { max-width: 42.5vw; margin-top: 7vw; opacity: 0; transform:translateX(3rem);}
 
.main_txt { font-family: 'antro'; font-size: 6.8vw; color: #fff; position: absolute; right: 7vw; bottom: 18vw; z-index: 9; opacity: 0; transform: translateX(3rem); }
.main_txt span { margin-left: 15vw;}

.main_guest_wrap { position: relative; margin-top:3rem; /*left: 4rem; bottom: 4rem;*/ z-index: 99; display: flex; justify-content: flex-start; align-items: center; opacity: 0; transform: translateX(5rem); }
.main_guest { width: 7.75rem; height: 7.75rem; margin: auto; border-radius: 100%; z-index: 99; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; opacity: 1; cursor: default; }
.main_guest_bg { width: 150.6849%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_guest_bg 22s 0s linear infinite; }
.main_guest h5 { font-size: 0.6875rem; line-height: 114%; font-weight: 500; }
.main_guest p { font-size: 0.875rem; line-height: 100%; font-weight: 300; color: #fff; position: relative; z-index: 9; transform: translateY(1.125rem); }
.main_guest p span { font-size: 10px; text-transform: uppercase; opacity: 0.8; }
.main_guest_wrap img { width: 70%; }

.main_guest_txt { text-align: left; color: #fff; display: flex; justify-content: flex-start; align-items: center; margin-left: 2.75rem; }
.main_guest_txt h3 { font-size: 1.375rem; line-height: 100%; font-weight: 200; display: inline-block; position: relative; }
.main_guest_txt h3 b { font-weight: 700; }
.main_guest_txt h3::after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: -0.25rem; }
.main_guest_txt p { font-size: 0.875rem; line-height: 100%; margin-left: 0.625rem; }
.main_guest_txt img { width: 25.25rem; transform: translateY(-1rem); transform: translate(10rem,-2rem); opacity: 0; }

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

.main_slide .swiper-slide-active .main_txt_box h6 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_slide .swiper-slide-active .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_slide .swiper-slide-active p { opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }
.main_slide .swiper-slide-active .main_tit02 { opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }
.main_slide .swiper-slide-active .main_tit01 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_slide .swiper-slide-active .main_img { transform: scale(1); transition:2.8s 0s; }


/*
.main_box.active .main_img { transform: scale(1); transition:2.8s 0s; }
.main_box.active .main_txt_box h6 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_box.active .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_box.active .main_txt_box .main_tit01 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_box.active .main_txt_box p { opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }
.main_box.active .main_txt_box .main_tit02 { opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }
.main_box.active .main_guest_wrap { opacity: 1; transform: translate(0); transition: 1.2s 1.5s; }
*/

/**/




/**/

.con_wrap {width: 100%; position: relative; z-index: 2; left: 0; right: 0; margin: 0 auto;}


/**/


.sec_brand { width: 100%; position: relative; overflow: hidden; background: #f5f1f1; color: #000; }
.brand_img { width: 100%; height: 53vw; overflow: hidden;}
.brand_img img { transform: scale(1.2); }
.brand_txt_box { padding: 14.167vw 5.5vw; text-align: center; opacity: 0; transform: translateY(3rem);}
.brand_txt_box h2 { font-size: 4.917vw; color: #856646; font-weight: 300; line-height: 140%;}
.brand_txt_box h2 b { font-weight: 600;}
.brand_txt { margin: 10.5vw 0 12vw; display: flex; flex-direction: column; gap:6.5vw;}
.brand_txt p { font-size: 3vw; color: #333; }
.brand_txt p span { font-weight: 500; color: #a3805a;}
.brand_logo { max-width: 32vw; margin: auto;}

.sec_brand.active .brand_img img { transform: scale(1); transition: 2.2s 0s; }
.sec_brand.active .brand_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}


/**/

.sec_location { width: 100%; height: 167vw; position: relative; overflow: hidden; color: #fff; background-color: #000; }
.swiper-container { width: 100%; height: 100%; }
.location_con { width: 100%; height: 100%; position: relative; }
.location_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.2);}
.location_bg.bg01 { background: url(../img/location_bg01.jpg)center no-repeat; background-size: cover; }
.location_bg.bg02 { background: url(../img/location_bg02.jpg)center no-repeat; background-size: cover; }
.location_bg.bg03 { background: url(../img/location_bg03.jpg)center no-repeat; background-size: cover; }
.location_bg.bg04 { background: url(../img/location_bg04.jpg)center no-repeat; background-size: cover; }
.location_bg.bg05 { background: url(../img/location_bg05.jpg)center no-repeat; background-size: cover; }
.location_bg.bg06 { background: url(../img/location_bg06.jpg)center no-repeat; background-size: cover; }
.location_bg.bg07 { background: url(../img/location_bg07.jpg)center no-repeat; background-size: cover; }
.location_bg.bg08 { background: url(../img/location_bg08.jpg)center no-repeat; background-size: cover; }

.location_txt_box { width: 100%; position: relative; padding: 38.3vw 5.5vw 0; z-index: 1; text-align: center;}
.location_txt_box h5 { font-family: 'Arthead'; font-size: 3vw; letter-spacing: 1.2vw; line-height: 100%;}
.location_txt_box h2 { font-family: 'Arthead'; font-size: 14vw; line-height: 100%; margin-top: 3.6vw;}
.location_txt_box h2 b { color: #d35c3b; font-weight: 400;}
.location_txt_box p { font-size: 3vw; margin-top: 4.5vw; font-weight: 300;}

.location_con .timeline { width: 56%; height: 20px; border-radius: 0; opacity: 1; background: none; position: absolute; top: 50%; left: 13vw;outline: none; transform: translateY(-1px); }
.location_con .timeline span { content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 1; animation: bullet 5s 0s both linear; }
.location_con .timeline.active span { animation: bullet2 5s 0s both linear; }
.location_con .timeline span.stop { animation-play-state: paused; }
.location_con .timeline:before { content:''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 0.3; }

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


.location_bt_wrap { position: absolute; top: 50%; right: 13vw; width: 9.5vw; height: 20px;}
.location_arrow { display: flex; align-items: center; width: 100%; height: 100%;}
.location_arrow .swiper-button-prev,
.location_arrow .swiper-button-next { width: 6px; height: 8px; position: relative; bottom: 0; left: 0; outline: none; margin: 0; padding: 0; }
.location_arrow .swiper-button-prev::after { content: ''; width: 3px; height: 3px; 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); }
.location_arrow .swiper-button-next::after { content: ''; width: 3px; height: 3px; 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); }
.main_play_bt { width: 6px; height: 8px; color: #fff; position: relative; margin: auto; z-index: 1; }
.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; width: 100%;}
.swiper-button-play { display: none; }

.swiper_location_2 { width: 100%; height: 44.5vw; position: absolute; bottom: 27.8vw; z-index: 1; padding: 0 5.5vw; }
.swiper_location_2 .swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; gap:4vw;}
.swiper_location_2 .swiper-slide { max-width: 20.8vw; opacity: 0.5; height: revert; }
.swiper_location_2 .swiper-wrapper>div:nth-child(2) { max-width: 15.8vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(3) { max-width: 17.16vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(4) { max-width: 15.3vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(5) { max-width: 16vw; margin-left: 4vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(6) { max-width: 10.5vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(7) { max-width: 14.8vw;}
.swiper_location_2 .swiper-wrapper>div:nth-child(8) { max-width: 12vw;}

.swiper_location_2 .swiper-slide img { width: 100%; }
.swiper_location_2 .swiper-slide p { font-family: 'Arthead'; font-size: 2.2vw; letter-spacing: 0.5vw; text-align: center; line-height: 100%; margin-top: 2vw;}	
.swiper_location_2 .swiper-slide-thumb-active { opacity: 1; }

.swiper_location .swiper-slide-active .location_bg { transform: scale(1); transition: 2.2s 0s;}

/**/


.sec_life { width: 100%; height: 84vw; position: relative; overflow: hidden;}
.life_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/life_img.jpg)center no-repeat; transform: scale(1.2); }
.life_txt_box { position: relative; z-index: 1; padding: 22.6vw 11.66vw 16.5vw; }
.life_txt_box h2 { font-family: 'Nanum Myeongjo'; font-size: 6vw; color: #fff; font-weight: 400; opacity: 0; transform: translateX(2rem);}
.life_txt_box h2 b { color: #d35c3b; font-weight: 600; position: relative;}
.life_txt_box h2 b::after { content:''; position: absolute; bottom: 5px; right: -3vw; display: block; width: 1.3vw; height: 1.3vw; background: #fff; border-radius: 50%;}
.life_txt_box p { font-size: 3vw; color: #fff; font-weight: 300; line-height: 160%; margin-top: 4vw; opacity: 0; transform: translateX(2rem);}

.sec_life.active .life_bg { transform: scale(1); transition: 2.2s 0s; }
.sec_life.active .life_txt_box h2 { opacity: 1; transform: translate(0); transition:1.2s 0.4s;}
.sec_life.active .life_txt_box p { opacity: 0.9; transform: translate(0); transition:1.2s 0.8s;}

/**/

.sec_design01 { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 14vw; }
.design_tit { max-width: 68vw; display: flex; justify-content: space-between; align-items:center; flex-wrap:wrap; }
.design_tit div { max-width: 20vw; }
.design_tit div img { width: 100%; height: auto; }
.design_tit div:nth-child(n+4) { margin-top: 3.5vw;}
.design_tit div:nth-child(1) { opacity: 0; transition:1.2s 0.4s ease; }
.design_tit div:nth-child(2) { margin-top: 3vw; opacity: 0; transform: translateY(-2rem); transition:1.2s 0s ease; }
.design_tit div:nth-child(3) { opacity: 0; transition:1.2s 0.6s ease; }
.design_tit div:nth-child(4) { opacity: 0; transition:1.2s 0.8s ease; }
.design_tit div:nth-child(5) { opacity: 0; transition:1.2s 1s ease; }
.design_tit div:nth-child(6) { opacity: 0; transition:1.2s 1.2s ease; }

.design01_con { padding: 13.8vw 11.66vw;}
.design_txt { opacity: 0; transform: translateX(2rem); }
.design_txt h5 { font-family: 'Arthead'; font-size: 3vw; color: #252525; letter-spacing: 1vw; margin-left: 1vw; line-height: 100%;}
.design_txt h2 { font-family: 'Nanum Myeongjo'; font-size: 6vw; color: #565353; font-weight: 400; margin-top: 5vw;}
.design_txt h2 b { font-weight: 600; color: #d35c3b; position: relative;}
.design_txt h2 b::after { content:''; position: absolute; bottom: 2px; right: -2.3vw; display: block; width: 1.3vw; height: 1.3vw; background: #565353; border-radius: 50%;}
.design_txt p { font-size: 3vw; color: #565353; margin-top: 5vw;}

.design01_img { width: 100%; height: 40.6vw; margin-top: 5vw; overflow: hidden; position: relative;}
.design01_img img { transform: scale(1.2)}
.design01_img h6 { font-size: 2.33vw; color: #fff; position: absolute; right: 2.5vw; bottom: 1.5vw;}
.design01_img h4 { font-family: 'antro'; color: #fff; font-size: 11vw; position: absolute; right: 3.5vw; bottom: 1.5vw; transform: rotate(-5deg) translateX(2rem); opacity: 0; }


.sec_design01.active .design_tit div { opacity: 1;}
.sec_design01.active .design_tit div:nth-child(2) { transform: translate(0); }
.design01_con.active .design_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}
.design01_img.active img { transform: scale(1); transition: 2.2s 0s; }
.design01_img.active h4 { opacity: 1; transform: rotate(-5deg) translateX(0); transition: 1.2s 0.6s;}

/**/

.design02_con { padding: 13.8vw 11.66vw; background-color: #f2f1f0; }
.design02_img { width: 100%; height: 34vw; margin-top: 8vw; position: relative; }
.design02_img>div { width: 100%; display: flex; justify-content: center; gap:1vw;	}
.design02_img>div img:first-child { width: 42.5vw; transform: translateY(0); opacity: 0; }
.design02_img>div img:last-child { width: 34vw; transform: translateY(0); opacity: 0; }

.design02_img h6 { font-size: 2.33vw; color: #fff; position: absolute; right: 2.5vw; bottom: 5vw; opacity: 0;}
.design02_img h4 { font-family: 'antro'; color: #fff; font-size: 11vw; position: absolute; right: 14vw; bottom: 2.5vw; transform: rotate(-5deg) translateX(2rem); opacity: 0; }

.sec_design02.active .design_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}
.design02_img.active h4 { opacity: 1; transform: rotate(-5deg) translateX(0); transition: 1.2s 0.6s;}
.design02_img.active h6 { opacity: 1; transition: 1.2s 0.6s;}
.design02_img.active>div img:first-child { opacity: 1; transform: translateY(3vw); transition:1.2s 0.4s;}
.design02_img.active>div img:last-child { opacity: 1; transform: translateY(-3vw); transition:1.2s 0.4s}

/**/


.design03_con { padding: 13.8vw 11.66vw; background-color: #54443c; }
.design03_img { width: 100%; height: 43vw; margin-top: 8vw; position: relative; padding-left: 5vw; }
.design03_img>div { width: 100%; display: flex; justify-content: center; gap:1.5vw; flex-direction: column;	}
.design03_img>div img:first-child { width: 69vw; height: 19.8vw; transform: translateX(0); opacity: 0; }
.design03_img>div img:last-child { width: 69vw; height: 19.8vw; transform: translateX(0); opacity: 0; }

.design03_con .design_txt h5,.design03_con .design_txt h2,.design03_con .design_txt p { color: #fff;}
.design03_con .design_txt h2 b::after { background: #fff;}

.design03_img h6 { font-size: 2.33vw; color: #fff; position: absolute; right: 7vw; bottom: 3vw; opacity: 0;}
.design03_img h4 { font-family: 'antro'; color: #fff; font-size: 11vw; position: absolute; right: -3vw; bottom: 11vw; transform: rotate(-5deg) translateX(2rem); opacity: 0; }


.sec_design03.active .design_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}
.design03_img.active h4 { opacity: 1; transform: rotate(-5deg) translateX(0); transition: 1.2s 0.6s;}
.design03_img.active h6 { opacity: 1; transition: 1.2s 0.6s;}
.design03_img.active>div img:first-child { opacity: 1; transform: translateX(3vw); transition:1.2s 0.4s;}
.design03_img.active>div img:last-child { opacity: 1; transform: translateX(-3vw); transition:1.2s 0.4s}


/**/


.design04_con { padding: 13.8vw 11.66vw 18vw; background-color: #fff; }
.design04_img { width: 100%; height: 34vw; margin-top: 8vw; position: relative; }
.design04_img>div { width: 100%; display: flex; justify-content: center; gap:1vw;	}
.design04_img>div img:first-child { width: 42.5vw; transform: translateY(0); opacity: 0; }
.design04_img>div img:last-child { width: 34vw; transform: translateY(0); opacity: 0; }

.design04_img h6 { font-size: 2.33vw; color: #fff; position: absolute; right: 2.5vw; bottom: 5vw; opacity: 0;}
.design04_img h4 { font-family: 'antro'; color: #000; font-size: 11vw; position: absolute; right: -1vw; bottom: -14vw; transform: rotate(-5deg) translateX(2rem); opacity: 0; }

.sec_design04.active .design_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}
.design04_img.active h4 { opacity: 1; transform: rotate(-5deg) translateX(0); transition: 1.2s 0.6s;}
.design04_img.active h6 { opacity: 1; transition: 1.2s 0.6s;}
.design04_img.active>div img:first-child { opacity: 1; transform: translateY(3vw); transition:1.2s 0.4s;}
.design04_img.active>div img:last-child { opacity: 1; transform: translateY(-3vw); transition:1.2s 0.4s}


/**/


.design05_con { padding: 13.8vw 11.66vw; background-color: #f2f1f0; }
.design05_img { width: 100%; margin-top: 8vw; position: relative; padding-left: 5vw; }
.design05_img>div { width: 100%; display: flex; justify-content: space-between; gap:1.5vw; flex-direction: column;	}
.design05_img>div img:first-child { width: 67vw; height: 12.5vw; transform: translateX(0); opacity: 0; }
.design05_img>div img:nth-child(2) { width: 67vw; height: 12.5vw; opacity: 0; }
.design05_img>div img:last-child { width: 67vw; height: 12.5vw; transform: translateX(0); opacity: 0; }


.design05_img h6 { font-size: 2.33vw; color: #fff; position: absolute; right: 10vw; bottom: 1vw; opacity: 0;}
.design05_img h4 { font-family: 'antro'; color: #000; font-size: 10.5vw; position: absolute; right: -8vw; bottom: 7vw; transform: rotate(-5deg) translateX(2rem); opacity: 0; line-height: 50%;}
.design05_img h4 span { font-size: 8.82vw; margin-left: 23vw;}


.sec_design05.active .design_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s;}
.design05_img.active h4 { opacity: 1; transform: rotate(-5deg) translateX(0); transition: 1.2s 0.6s;}
.design05_img.active h6 { opacity: 1; transition: 1.2s 0.6s;}
.design05_img.active>div img:first-child { opacity: 1; transform: translateX(4vw); transition:1.2s 0.4s;}
.design05_img.active>div img:nth-child(2) { opacity: 1;  transition:1.2s 0.4s}
.design05_img.active>div img:last-child { opacity: 1; transform: translateX(-4vw); transition:1.2s 0.4s}



/**/
.footer { width: 100%; /* height: 125vw; */background-color: #1e1e1e; padding: 8.7vw 6.7vw; position: relative; z-index: 999; text-align: left; max-width: 100%; }

.footer_con { width: 100%;  display: flex; justify-content: flex-start; gap: 0.5vw; flex-direction: column; color: #595959; position: relative;	}

.footer_logo { max-width:13.5vw; }
.footer_logo img { width: 100%; }

.footer_info { width: 100%; }
.footer_info01 ul { color: #595959; margin-top: 3.3vw;}
.footer_info01 ul li { font-size: 2.7vw; position: relative; }
.footer_info01 ul li b { font-weight: 400; color: #8c8c8c;}
.footer_info01 ul li:after { content:''; position: absolute; width: 1px; height: 2.7vw; margin-top: 0.8vw; display: block; right: -2.5vw; top: 0; background: #220500; opacity: 0.3; }
.footer_info01 ul li:last-child:after { display: none;}

.footer_info02 ul { display: flex; justify-content:flex-start; color: #595959;}
.footer_info02 ul li { font-size: 3vw; margin-left: 1vw; }
.footer_info02 ul li:nth-child(2n+1) { opacity: 0.7; font-size: 2.7vw; margin-left: 3vw;}
.footer_info02 ul li:first-child { margin-left: 0;}

.footer_con p { font-size: 2.7vw; margin: 3vw 0 5vw;}

.footer_bottom { display: flex;align-items: center; }
.footer_bottom h6 { font-size: 2.7vw; color: #8c8c8c; position: absolute; right: 16vw;  }
.footer_bottom img { max-width: 14vw; position: absolute; right: 0; }
.footer_bottom h5 { font-size: 2.7vw; line-height: 100%; } 
.footer_con h1 { font-size: 3.2vw; line-height: 100%; color: #fff; margin-top:1rem;} 


.footer_pop { width: 100%; height: 100vh; position: fixed; background-color: rgba(0,0,0,0.7);  display: flex;  justify-content: center; align-items: center; z-index: 9999999; top: 0; left: 0; display: none;}
.footer_pop>div { width: 70%; margin: auto; background-color: #fff; padding: 15vw 10vw; color: #000; position: relative; box-sizing: border-box; }
.footer_pop .close { position: absolute; top: 2vw; right: 2vw; max-width: 10vw;}
.footer_pop>div p { color: #000; opacity: 0.7; font-size: 2.8vw;}

.footer_info ul.footer02 { font-size: 2.4vw; letter-spacing: 0.3px; font-weight: 400; text-align: left; display: flex; justify-content: flex-start; gap:3vw; opacity: 0.3; font-weight: 400; }



.footer_tel { max-width: 28vw; margin-top: 8vw;}
.footer_tel img { width: 100%; height: auto;}

.top_bt { width: 14vw; height: 14vw; left: 0; right: 0; top: -22px; margin: auto; position: absolute; z-index: 999999; cursor:pointer; background-color: #685f60; border-radius: 50%;}
/* .top_bt:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; bottom: 0; top: 3px; margin: auto; border-left: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); transform: rotate(45deg); z-index: 9; align-items: center; gap: 8px;} */
.top_bt:before { content:''; width: 2.667vw; height: 3vw; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background: url(../img/common/top_btn.png)no-repeat center; background-size:cover ;}

.fix_bb {position:fixed; bottom: 0; width: 100%; height: 15.5vw; left: 0; right: 0; margin: 0 auto; z-index:9999; max-width: 100%; background-color: #d35c3a; text-align: center; display: flex; justify-content: center; align-items: center;}

.fix_bb {color:#fff; font-size: 4vw; display: flex; justify-content: center; align-items: center; font-weight: 500;}
.fix_bb b {font-weight:900;}

.fix_bb div {width:100%; height:100%; overflow:hidden; display: flex; justify-content: center; align-items: center;  line-height:130%;}
.fix_bb02 {  background-color: #c71f29;}

.yout_btn { position: absolute; right:-1.5rem; top:1.2rem;}

/* .bottom_bb { position:fixed; height: 12vw; bottom: 0; width: 100%; left: 0; right: 0; margin: 0 auto; z-index:999; font-family: 'Noto Sans KR', sans-serif; }
.open_b { position:fixed; width: 100%; height: 12vw; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index:999; text-align: center; background-color: #d72b2c; line-height: 12vw; color:#fff; font-size: 3.6vw; font-weight: 700; letter-spacing: 0;}
.open_b a {  display: flex; justify-content: center; align-items: center; gap:20px;  }
.open_b span { position: relative; width: 14px; height: 14px; display: inline-block; }
.open_b span:after { content:''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 14px; height: 1px; display: flex; align-items: center;  justify-content: center; background-color: #fff; }
.open_b span:before { content:''; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); width: 1px; height: 14px; display: flex; align-items: center;  justify-content: center; background-color: #fff; } */




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

	.sec05_txtbox p {font-size:2.3vw;}


}

@media all and (min-width:360px){


	.btn_set {  }
	.swiper-pagination {}

	.footer { padding-bottom: 22vw;}


}


@media all and (min-width:600px){

.fixWrap { height: 100vh;}

/**/
	.main_box { height:100vh; }
	
	
	.intro_txt_box { top:30vw; }
	.intro_txt_box h2 { margin-top: -3vw; }
	.intro_txt_box h4 { font-size: 4vw; margin-top: 20px; padding-top: 10px;}
	.intro_txt_box p {  font-size: 16px; }

	
	.main_txt_box { top:30vw; }
	.main_txt_box h2 { margin-top: -3vw; }
	.main_txt_box h4 { font-size: 4vw; margin-top: 40px; padding-top: 10px;}
	.main_txt_box p {  font-size: 16px; }

/*summary*/


.main_summary { width: 100%; background-color: #fff; position: relative; left: 0; top: 0;}

.summary_txt_box>div { width: 100%; margin-bottom: 7vw; }
.summary_txt_box>div h4 { font-size: 4.5vw; line-height: 100%; font-weight: 700; border-bottom: 1px solid #a3a3a3; padding-bottom: 2.5vw; }
.summary_txt_box>div p { font-size: 3.5vw; line-height: 220%; margin-top: 0.833rem; }
.summary_txt_box>div p b { text-align: center; display: inline-block; width: 4rem; height: 1.5rem; line-height: 1.5rem; background-color: #4f372b; border-radius: 1rem; color: #fff; padding: 0;  font-weight: 500; letter-spacing: 0; margin-right: 0.25rem; }

/*calendar*/

.calendar { height: 150vw; }
.calendar_wrap { padding: 15vw 0;}

/* life */
	
	.sec03{ height: 260vw; }
	.location01 { display: block; }
	.location01 .location_tit { top: -15vw; }
	.location_tit h2 { font-size: 6vw; }
	.location_box { top: 15vw; }
	.location_content { margin-top: 15vw; }
	.sec03.active .location_content.con01 .location_img_box {  margin-bottom: -15.25rem; }

	.location02 { display: block; }
	.location02 .location_tit h2 { font-size: 6vw; }
	.location02 .location_box { top: 15vw; }

	.location_content { margin-top: 15vw; }

	.sec04{ height: 260vw; }
	.sec04.active .location_content.con01 .location_img_box {
    margin-bottom: -15.25rem; }

	
/*complex*/

.complex { height: 350vw; }

/*unit*/
.unit_left.active .unit_tit { transform: translateY(-22vw); }
.unit_slide-2 { top: 28vw; }
.unit_con ul { margin-top: 44vw; }
.unit_con ul li { line-height: 150%; }

.unit_con ul li:after { right: -0.5vw; }
.unit_bt>div { height: 8vw; line-height: 8vw;}

/* footer */

	.footer {  }



	.footer h1 { font-size: 14px; line-height: 25px; padding-left: 49px;letter-spacing: -0.5px;  margin-top: 4vw;}
	.footer h1 span {  font-size: 14px; line-height: 25px; margin-top:0vw; color: #b9b9b9; letter-spacing: -0.5px; }

	.footer p {color: #6e6e6e; font-size: 15px; margin-top:40px; padding-left: 49px; line-height: 160%; padding-bottom:100px;}

	.footer_info { padding-left: 6vw;}
	
	.footer_info2 li img {transform:scale(1);}
	.footer_info2 li:nth-child(4) {margin-top:-6px;}







}




/**//**//**//**//**//**//**//**//**//**//**//**/

/* sub */

#all_wrap { width: 100%; height: auto; overflow: hidden; margin: auto; position: relative; font-family: 'Noto Sans KR', sans-serif; }

#container{ width: 100%; position: relative; left: 0; top: 0; z-index: 90; font-family: 'Noto Sans KR', sans-serif; } 
.sub { position: relative; width: 100%; left: 0; background-color:#fff; top:0; overflow: hidden; }


/* */


  
  
#snb_wrap { width: 95%; height: auto; position: relative; left: 0; right: 0; margin: 0px auto 0 auto; z-index: 99; text-align: left; font-family: 'Noto Sans KR', sans-serif; }
#snb { width: 100%;  margin:0 auto; position:relative; z-index:199; }
#snb:after {content:""; display:block; clear:both; }
#snb>li {float:left; position:relative; height:30px;}
#snb>li:nth-child(1) { width: 16%; }
#snb>li:nth-child(1) img{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;}

#snb>li:nth-child(2) { width: 42%; }
#snb>li:nth-child(3) { width: 42%; }
#snb>li:first-child + li > a {background:url(../img/snb-arr.gif) no-repeat 100% 50%;}
#snb>li:first-child + li + li > a {background:url(../img/snb-arr.gif) no-repeat 100% 50%; margin-top:1px; text-transform: uppercase; }
#snb>li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a { display:block; height:30px;  line-height:30px;	padding:0 47px 0 15px; font-size:10px; color:#555; letter-spacing:0em;  border-left:1px solid #dcdcdc;  letter-spacing:-0.075em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-transform: uppercase; background-color: #fff; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:10px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}


#sub-top{
width: 100%;
height: 71vw;
/*background: #101f3a; */

position: relative; left:0; right:0; margin:0 auto;
margin-top: 0px;
margin-bottom: 5vw;
}

.sub_top_bg{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height:71vw; overflow: hidden;position: relative; z-index: 9;	 }
.sub_top_bg::after{ content:''; background: url(../img/sub-top01.jpg) center bottom no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0;left: 0; animation: sub_top_img 2.5s 0s both; transition: 0.6s;}

.sub_top_bg01{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg01::after{ content:''; background: url(../img/sub_top01.jpg) center bottom no-repeat; background-size: cover; width: 100%; height: 70vw; position: absolute; top: 0;left: 0;}
.sub_top_bg02{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg02::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg03{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg03::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg04{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg04::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg05{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg05::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg06{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg06::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg07{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg07::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg08{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg08::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg09{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 70vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg09::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 70vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}




.sub_txt_box { width: 100%; position: absolute; left: 0; right: 0; top: 32%; margin: auto; z-index: 9; animation: sub_top_txt 1.2s 0.4s both; /*color: #3e515e; */ color: #fff; text-align: left; padding-left: 15vw;}
.sub_txt_box h2 { font-family: 'Carisma Gothic'; font-size: 7.5vw; line-height: 130%; font-weight: 700;  text-transform: uppercase; animation: sub_top_txt2 1.2s 1.2s both; margin-left: 0rem; letter-spacing: -3vw; color: #fff; /*color: #c9bc9c;*/ width: 100%; height: 27vw; margin: auto; box-sizing:border-box; }
.sub_txt_box h2 b { font-weight: 700; }

.sub_txt_box h2 > div { width: 1px; height: 5.5vw; background-color: #d8b297; position: absolute; }
.sub_txt_box h2 > div:nth-child(2n) { transform: rotate(-45deg); top: 0; left: 0;}
.sub_txt_box h2 > div:nth-child(1n) { bottom: 0; right: 0;  transform: rotate(45deg);}

.sub_txt_box h4 { font-family: 'Pretendard'; font-size: 0.8rem; line-height: 140%; color: #fff; margin-top:-19%;}
.sub_txt_box h4 p {  font-family: 'Pretendard'; font-size: 1rem; }

.sub_txt_box h5 { font-family: 'Arthead'; font-size: 3vw; color: #fff; /* color: #4c4949; */ letter-spacing: 1vw; line-height: 100%; }
.sub_txt_box img:nth-child(2) { max-width: 67vw; margin-top: 3.67vw;}
.sub_txt_box img:last-child { max-width: 33.6vw; margin-top: 5.8vw;}


@keyframes st 
{ 
	from { width: 0%; } 
	50% {    } 
	to { } 

}

@keyframes sub_top_txt 
{ 
	from {  opacity: 0; transform: translateY(30px);  } 
	50% {    } 
	to { } 

}


@keyframes sub-top {

    from {  transform:scale(1.5)}

    to { }
    
  }

@keyframes sub-top-bg {

    from {  opacity:0;}

    to { }
    
  }

@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}


@keyframes sub_top {
	from { opacity: 0; transform: translateY(30px); }
	to {  }
}
@keyframes sub_top_line {
	from { width: 0; }
	to {  }
}

@keyframes sub_top_txt2 {
	from { letter-spacing: 5vw; padding-left: 2.25rem; }
	to { letter-spacing: 0; padding-left: 0; }
}


@media all and (min-width:600px){

}


#sub {width:100%;margin:0 auto; position:relative; text-align:center;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:700; color: #000;}
#sub .sub-tit{font-size:28px; font-weight:500; padding-bottom:0px; line-height:90%; letter-spacing: -1.5px; margin-top:40px;}
.sub_tit_txt{ font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400; text-align: center; color: #888; font-size:2.5vw;margin: 2vw 0;}
.sub-page{ width: 90%; text-align:center; margin:0 auto; margin-top: 10px; opacity: 1; overflow: hidden; padding-bottom: 60px; padding-top: 15px; }
.sub-page>h2{ font-size:20px; color:#111; padding-top:28px; text-align: left; margin-bottom: 10px;}
/*.sub-page img { width: 100%; }
#sub-tit-line {margin-top:30px;
	width: 90%;
	margin-left: 5%;

}
*/

.snb_wrap { width: 100%; height: auto; text-align: center; }
.snb { width: 100%; height: 45px;display: flex; /* justify-content: space-between; */ justify-content:center; border-bottom: #e1e1e1 1px solid; position: relative; left: 0; right: 0; background: #fff; }
.snb li { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 600; width: 20%; height: 45px; line-height: 45px; /*box-sizing: border-box;*/ /*border-left: #e1e1e1 1px solid;*/  }
.snb li a { color: #484848; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { /* background-color: #e28f2f; */ }
.snb .selected a { color: #e28f2f; font-weight: 600;}


#sub-tit-line { width: 8px; height: 8px; margin: auto; margin-top: 17px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; transform: rotate(45deg); }

/* .sub_over_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; text-align: left; color: #383838; }
.sub_over_wrap>h2 { font-family: 'GG'; font-size: 1.667rem; line-height: 128%; font-weight: 700; padding-left: 5%; }
.sub_over_img_box { width: 100%; height: 463px; position: relative; overflow: hidden; margin-top: 2.917rem; }
.sub_over_img { width: 100%; margin-top: 1.25rem; }
.sub_over_img img { width: 100%; }
.sub_over_img_box p { position: absolute; color: #fff; z-index: 9; font-size: 16px; line-height: 250%; left: 7.5%; top: 9%; }
*/

.planning_top { width: 100%; height: 70vw; margin: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;}
.planning_img { width: 100%; height: 100%; background: url(../img/planning_img.jpg)center no-repeat; background-size: cover; transform: scale(1.2); }
.planning_txt { position: absolute; display: flex; justify-content: center; flex-direction: column; text-align: center; color: #fff; z-index: 1; top: 24%; opacity: 0; transform: translateY(3rem); }
.planning_txt h2 { font-family: 'ggothic'; font-weight: 200; font-size: 7vw; letter-spacing: 1vw; line-height: 120%;}
.planning_txt h2 span { font-weight: 600; }
.planning_txt h2 b { font-weight: 800; }
.planning_txt p { font-size: 2.6vw; font-weight: 400; margin-top: 5vw; }

.planning_tit { max-width: 90%; margin: 4vw auto 0;} 

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

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

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

.sub_over_bottom { width: 100%; margin: auto; position: relative; margin-top: 20px; text-align: left; }
.sub_over_bottom h1 { font-size: 1.75rem; line-height: 100%; font-weight: 700; margin-bottom: 1rem; }
.sub_over_bottom_tit { display: flex; justify-content: space-between; align-items: center; }
.sub_over_bottom_tit h3 { width: 33%; min-width: 150px; font-family: 'Futura PT', sans-serif; font-size: 1.333rem; line-height: 120%; font-weight: 400; letter-spacing: 1px; color: #383838; }
.sub_over_bottom_tit span { display: block; width: 90%; height: 1px; background-color: #383838; }
.sub_over_txt_box { margin-top: 3.333rem; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 2.5rem; }
.sub_over_txt_box>div { width: 100%; margin-bottom: 2.333rem; }
.sub_over_txt_box>div h4 { font-size: 4vw; line-height: 100%; font-weight: 400; border-bottom: 1px solid #8c8c8c; padding-bottom: 2vw; color:#000; }
.sub_over_txt_box>div p { font-size: 3vw; line-height: 220%; margin-top: 0.833rem; opacity: 0.7;}
.sub_over_txt_box>div p b { text-align: center; display: inline-block; width: 4rem; height: 1.5rem; line-height: 1.5rem; background-color: #4f372b; border-radius: 1rem; color: #fff; padding: 0;  font-weight: 500; letter-spacing: 0; margin-right: 0.25rem; }

.planning_top.active .planning_img { transform: scale(1); transition: 1.5s 0s; }
.planning_top.active .planning_txt { transform: translate(0); opacity: 1; transition: 1.5s 0.4s; }



/**/


.sub_ori { width: 100%; max-width: 1100px; margin: auto; background-color: #f3f3f3; text-align: left; padding: 1.9rem 1.417rem; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; margin-top: 20px; position: relative;}
.sub_ori>div { width: 2.5rem; height: 2.5rem; min-width: 2.5rem; border-radius: 100%; background: #1f3738 url(../../sub/ori.png) center no-repeat; margin-right: 1.167rem; background-size: 0.3rem; position: absolute; left: 50%; transform: translateX(-50%); top: -1.25rem;}
.sub_ori ul {  }
.sub_ori ul li { font-size: 2.5vw; line-height: 155%; color: #383838; font-weight: 400; letter-spacing: -0.5px; position: relative; padding-left: 0.2rem;}
.sub_ori ul li:before { content:'ⓘ'; position: absolute; left: -0.5rem; }

.sub_ori ul.ori2 li { margin-left: 1.25rem; }
.sub_ori ul.ori2 li:first-child { margin-left: 0; font-size: 0.917rem; margin-bottom: 0.167rem; }
.sub_ori ul.ori2 li:first-child:before { display: none; }


/**/

.sub_premium_wrap { width: 100%; position: relative; }
.sub_premium_wrap>div { width: 100%; position: relative;}
.sub_pre_con { width: 100%; position: relative; padding: 6.5vw 5.8vw 11vw; box-sizing: border-box; border: 1px solid rgba(31,55,56,0.3); text-align: left; color: #1f3738; overflow: hidden; }
.sub_pre_con h2 { font-family: 'ggothic'; font-weight: 800; font-size: 5vw; line-height: 100%;}
.sub_pre_con p { opacity: 0.7; font-weight: 400; font-size: 3vw; margin-top: 3vw;}
.sub_pre_con img { position: absolute; bottom: -1vw; right: -1vw;}


/**/
.contact_box1 { width:100%; padding:60px 40px; background-color: #004e71;  }
.contact_box2 {  width:100%;   }

.w_color {color:#fff;}
.contact_box1 h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px;  text-align: left; }
.contact_box2 h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px;  text-align: left; font-weight: 500;}

.contact_box1 h2 img { margin-right:10px; margin-top:-2px; }
.contact_box2 h2 img { margin-right:10px; margin-top:-2px; }

.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: 600; 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;  text-align: left; margin-top:30px;}
.contact_add h4 { font-size: 22px; line-height: 100%; font-weight: 600; }
.contact_add h4 span { font-size: 12px; line-height: 100%; padding:7px 15px 5px 15px; background-color: #6dadca; border-radius: 15px; margin-left: 8px; position: relative; top: -4px; }

.contact_add p { font-size: 14px; line-height: 150%; 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; }




#container{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px; color:#444;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #eee;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#f8981c;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

ul.tabs li.selected { color:#fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}






.main_ori { position: absolute; right: 1%; bottom: 1%; display: flex; justify-content: flex-end; align-items: center; color: #fff; font-size: 2.3vw; z-index: 9; opacity:0; transform: translateY(3rem);}
.main_box.active .main_ori { opacity:1; transform: translateY(0); transition: .7s .7s;}



#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}



ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:18.4%;

    height: 45px;
    line-height: 45px;
   border: 1px solid #e9eaec;
    font-weight: 400;
    background: none;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#707070; background:#131e32;   border: 0px solid #000; }
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a {  font-size:12px; font-weight:600; color:#707070; text-decoration: none; display: block !important; line-height: 41px !important; }
         
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.selected
{
   color:#fff;
}

ul.tabs2 li.active { color:#fff;  }




.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}



/*tabs3*/	

#t-container3 { width: 100%; position: relative; left: 0; right: 0; margin: 0 auto;}
ul.tabs3 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
	gap:1%;
    margin: 0 auto;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:12px;
	height:40px;  margin-bottom:20px;
	display: flex;
}


ul.tabs3 li { margin-bottom:-1px; color:#444; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:100%;
    height:40px;
    line-height: 38px;
    border-bottom: 4px solid #ccc;
    font-weight: 400;
    background: none;
    overflow: hidden;
    position: relative; 
	
}


ul.tabs3 li.selected, ul.tabs3 li.selected:hover
{
    position: relative;
    top: 0px;
	color:#008c8d; background: none;
	border-bottom:4px solid #131e32; 
	}
	
ul.tabs3 li.selected a, ul.tabs3 li.selected a:hover { 	color:#131e32; border-bottom:4px solid #131e32;}
        

ul.tabs3 li a {  font-size:14px; font-weight:400; text-decoration: none; color:#ccc; line-height:38px !important; display: block;}
        
ul.tabs3 li.selected a:hover
{
    text-decoration: none;
}


/**/


ul.tabs4 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, Gulim, sans-serif; display: flex; justify-content: space-between; margin-bottom:1rem;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}



ul.tabs4 li { margin-bottom:-1px; color:#232222; margin-left:0px;  width: 100%; text-align: center; 
    float: left;
    text-align:center;
    cursor: pointer;
    width:100%;

    height: 45px;
    line-height: 45px;
   border: 1px solid #e9eaec;
    font-weight: 400;
    background: none;
    overflow: hidden;
    position: relative;
	
}


ul.tabs4 li.selected, ul.tabs4 li.selected:hover
{
    position: relative;
    top: 0px;
	color:#707070; background:#d35c3a;   border: 0px solid #d35c3a; }
	
ul.tabs4 li.selected a, ul.tabs4 li.selected a:hover { color:#fff;}
        

ul.tabs4 li a {  font-size:12px; font-weight:600; color:#707070; text-decoration: none; display: block !important; line-height: 41px !important; }
         
ul.tabs4 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs4 li.selected
{
   color:#fff;
}

ul.tabs4 li.active { color:#fff;  }



@media all and (min-width:600px){

	.sub_top_bg {height:300px;}

	#sub-top {height:300px;}

	.sub-top-tit { top: 43%;}
	
	.sub-top-tit h1 {font-size:  40px; margin-bottom: 2vw;}
	.sub-top-tit h2 {font-size: 2vw;}



}


/**/



/**/

.sub_brand_wrap { width: 100%; position: relative; max-width: 500px; margin: auto; }

.sub_brand_tit {  }
.sub_brand_tit h2 { font-size: 22px; line-height: 100%; color: #242a5c; font-weight: 600; opacity: 0; transform: translateY(-50px); }
.sub_brand_logo { width: 60%; max-width: 345px; margin-top: 0px; margin-bottom: 30px; opacity: 0; }

.sub_brand_img_box { width: 100%; height: 500px; position: relative; overflow: hidden; }
.sub_brand_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transform: scale(1.2); }
.sub_brand_img.img01 { background: url(../../sub/brand/brand_img01_m.jpg) center no-repeat; background-size: cover; }
.sub_brand_img.img02 { background: url(../../sub/brand/brand_img02_m.jpg) center bottom no-repeat; background-size: cover; }

.sub_brand_txt { position: absolute; z-index: 9; text-align: center; color: #010101; }                            
.sub_brand_txt h2 { font-size: 22px; line-height: 115%; font-weight: 700; }
.sub_brand_txt p { font-size: 12px; line-height: 170%; opacity: 0.7; margin-top: 15px; }
.sub_brand_txt.txt01 { left: 0; right: 0; margin: auto; top: 20%; opacity: 0; transform: translateY(-60px); }
.sub_brand_txt.txt02 { right: 0; left: 0; margin: auto; top: 20%; opacity: 0; transform: translateY(60px); /*color: #fff;*/}

.sub_brand_core { width: 100%; height: auto; padding: 60px 0 60px; display: flex; justify-content: center; align-items: center; }
.sub_brand_core>div { width:100%; }
.sub_brand_core>div>h2 { font-size: 22px; line-height: 100%; color: #1b2254; font-weight: 700; opacity: 0; }
.sub_brand_core>div>p { font-size: 14px; line-height: 160%; color: #1b1b1b; margin-top: 20px; opacity: 0; }
.sub_brand_logo2 {margin-top:40px; opacity:0;}

.brand_btn {width:80%; height:70px; background-color:#10255c; border-radius: 50px;  margin:0 auto; margin-bottom:50px;}
.brand_btn a {color:#fff; font-size:18px; line-height:70px; display:block;}
.brand_btn:hover { background-color:#000; transition: 0.4s 0s; }

.sub_brand_value_box { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px; flex-wrap: wrap;  background-color: #e7e7e7; padding:40px 20px 20px 20px;}
.sbv_wrap { width: 90%; display: flex; justify-content: space-between; align-items: flex-start;}
.sub_brand_value { width: 48.5%; background-color: #10255c; color: #fff; padding: 40px 0 50px; }
.sub_brand_value:nth-child(2n) { background-color: #fff; color: #1b2254; margin-top: 40px; opacity: 0; transform: translateY(-20px); }
.sub_brand_value:nth-child(2n)>div>div { background-color: #1b2254; }
.sub_brand_value:nth-child(2n-1) { opacity: 0; transform: translateY(20px); }
.sub_brand_value:nth-child(n+3) { position: relative; top: -30px; }

.sub_brand_value h4 { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 100%; opacity: 0.2; font-weight: 600; display:none;}
.sub_brand_value h2 { font-family: "Poppins", sans-serif; font-size: 22px; line-height: 100%; font-weight: 600; margin-top: 15px; }
.sub_brand_value>div>div { width: 16%; height: 1px; background-color: #fff; opacity: 0.4; margin: 20px auto 20px; }
.sub_brand_value p { font-size: 12px; line-height: 100%; }


.sub_brand_tit.active h2 { opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.sub_brand_tit.active .sub_brand_logo { opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.sub_brand_img_box.active .sub_brand_img { transform: scale(1); transition: 1.8s 0s; }
.sub_brand_img_box.active .sub_brand_txt { opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.sub_brand_core.active>div>h2 { opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.sub_brand_core.active>div>p { opacity: 1; transform: translate(0); transition: 1s 0.2s; }
.sub_brand_core.active .sub_brand_logo2 { opacity: 1; transform: translate(0); transition: 1s 0.2s; }

.sub_brand_core.active .sub_brand_value { opacity: 1; transform: translate(0); transition: opacity 1s 0.2s, transform 0.6s 0.8s; }


.vr_bt_box {  width: 100%; display: flex; justify-content: flex-end; margin-top: -5px; margin-bottom: 20px;} 
.vr_bt_box ul { width: 100%; max-width: 600px; display: flex; justify-content: flex-end;}
.vr_bt_box ul li { width: 100%; margin-left: 2%; border-radius: 0px; height: 45px; line-height: 45px; text-align: center; background-color: #000; color: #fff; font-size: 12px; font-weight: 400;}

.vr_bt_box ul li:nth-child(1) { margin-left: 0; background-color: #00285c;}
.vr_bt_box ul li:nth-child(2) { background-color: #888;}
.vr_bt_box ul li:nth-child(3) { background-color: #000;}




.sub_event_wrap { width: 100%; max-width: 1100px; margin: auto; }
.sub_event_wrap>div { width: 100%; }

.sub_event_wrap .tabs2 { }

.sub_event_tit {  width: 100%; position: relative; text-align: center; background-color: #d35c3a; padding: 3.5rem 0 3rem; padding: 0; background: none; }
.sub_event_tit img { width: 100%; }
/* .sub_event_tit img { width: 16.875rem; } */
.sub_event_tit p { font-size: 0.875rem; line-height: 160%; opacity: 0.8; margin-top: 1.75rem; }
.sub_event_tit h2 { font-size: 1.75rem; line-height: 100%; font-weight: 700; margin-top: 3.5rem; color: #182958; }
/* .sub_event_tit h2 { font-size: 1.5rem; line-height: 100%; margin-top: 4.25rem; font-weight: 500; }
.sub_event_tit h2 a { display: flex; justify-content: center; align-items: center; gap: 0 0.625rem; }
.sub_event_tit h2 span { font-family: 'lexend'; font-size: 2.625rem; } */

.sub_event_wrap table { width: 100%; display: flex;  justify-content: center; }
.sub_event_wrap table col { display: none !important; }
.sub_event_wrap table tbody { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 0 2%; }
.sub_event_wrap table tr { /*width: 23.5%; width: 38%;*/ width: 49%; display: flex; justify-content: center; align-items: center; }
.sub_event_wrap table tr td { font-size: 0.875rem; font-weight:500; line-height: 100%; border-bottom: 1px solid #ccc; padding: 0.875rem 0; text-align: center; display: inline-block; position: relative; }
.sub_event_wrap table tr td:nth-child(1) { width: 50%; }
.sub_event_wrap table tr td:nth-child(1)::after { content: ''; width: 1px; height: 30%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ccc; }
.sub_event_wrap table tr td:nth-child(2)::after { content: ''; width: 1px; height: 30%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #ccc; }

.sub_event_wrap table tr td:nth-child(2) { width: 20%; }
.sub_event_wrap table tr td:nth-child(3) { width: 30%; }
/* .sub_event_wrap table tr:nth-child(-n+4) { border-top: 2px solid #182958; } */

.sub_event_wrap table.tit { margin-top: 1.5rem; color: #fff; }
.sub_event_wrap table.tit tr { border: none; background-color: #d35c3a; }
.sub_event_wrap table.tit tr td { border: none; font-weight: 500; }
.sub_event_wrap table.tit tr:nth-child(2n) { display: none; }

    .sub_event_wrap table tbody { gap: 0 4%; }
    .sub_event_wrap table tr { width: 100%; }
    .sub_event_wrap table tr:nth-child(-n+4) { border-top: revert; }
    /* .sub_event_wrap table tr:nth-child(-n+2) { border-top: 2px solid #182958 } */

    .sub_event_wrap table.tit { margin-top: 1.5rem; color: #fff; }
    .sub_event_wrap table.tit tr:nth-child(2n) { display: none; }

    body.sub .contact_wrap>div:last-child { width: 100%; }