/*@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; }*/


/**/

.intro {position:fixed; max-width:500px; top: 0; left:0; right:0; margin: 0 auto; z-index: 9999999999; width: 100%; height:90vh; overflow: hidden;  animation: intro 7s 0s both;  }
.int_bg { background: url("../img/main_img2.jpg") center top no-repeat; background-size: 100%; width: 100%; height: 100%;  animation: int_img 10s 0s both;   }

.int_bg2 { background: url("../img/main_img2.jpg") center top no-repeat; background-size: 100%; width: 100%; height: 100%;  animation: int_img2 10s 0s both;   }

 

.int_box {/*display: flex; justify-content: center;*/ top: 40vw; z-index: 1; left: 0; right: 0; margin: 0 auto; text-align: center;
    position: absolute;}

.int_txt { position: absolute;}


.int_txt01 { width: 100%; margin: 0 auto;  opacity: 0;  animation: int_txt01 1.7s 0.1s both; top:-10vw;}
.int_txt01 p { color: #fff; font-size: 4vw; line-height: 120%; margin-bottom: 8vw; position: absolute;}

.int_tt { position: relative; width:10%; left:0; right:0; margin:0 auto;}
.int_tt01 {left:0;}
.int_tt02 {right:0; margin-top:3rem;}
.int_img {margin-top:15rem;}


.int_txt02 { width: 100%; margin: 0 auto; opacity: 0; animation: int_txt02 3s 1.5s both; top:40vw;}
.int_txt02 p {color: #fff; font-size: 4vw;}

.int_txt03 { width: 100%; margin: 0 auto; opacity: 0; animation: int_txt03 2s 4.5s both; top:40vw;}

@keyframes int_txt01 {
	from { margin-top: 50px; }
	50% { opacity: 1; margin-top: 0px;}
	70% { opacity: 1; }
	to { opacity:0; }
}


@keyframes int_txt02 {
	from { margin-top: 50px; letter-spacing: 8px;}
	30% { opacity: 1; margin-top: 0px; letter-spacing: 8px;}
	50% { opacity: 1; letter-spacing: 0px;}
	80% { opacity: 1; letter-spacing: 0px;}
	to { opacity:0; }
}


@keyframes int_txt03 {
	from { margin-top: 50px; }
	50% { opacity: 1; margin-top: 0px;}
	70% { opacity: 1; }
	to { opacity:0; }
}



@keyframes intro {
	from { top:0;  }
	90% { top:0;  opacity: 1;}
	95% { top:0;  opacity: 0;}
	to {   opacity: 0; top:-120%; }
}

@keyframes int_img {
	from { background: url("../img/main_img.jpg") center top no-repeat; }
	to {  background: url("../img/main_img.jpg") center bottom no-repeat; }
}

@keyframes int_img2 {
	from { background: url("../img/main_img2.jpg") center top no-repeat; }
	to {  background: url("../img/main_img2.jpg") center bottom no-repeat; }
}
/**/

.main_open { font-size: 11px; width: 70px; height: 70px; line-height: 17px; background-color: #fff; color: #fff; justify-content: center; align-items: center; display: flex; font-weight: 400;  text-align: center;
position: absolute; right: 20px; top: 90px; z-index: 9; }
/*.main_open b { font-family: 'Carisma Gothic'; font-weight: 600; font-size: 22px; position: relative; top: 2px; margin-right: 2px; letter-spacing: -2px; }*/
.main_open b { font-family: 'Carisma Gothic'; font-weight: 600; font-size: 16px; position: relative; top: 0px; margin-right: 2px; letter-spacing: 0px; }
.main_open span { font-size: 11px; font-weight: 400; }
.main_open>div { transform: translateY(3px); }

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

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

.main_box { width: 100%; height: 100vh; position: relative; background-color: #fff; overflow: hidden; max-width: 100%; margin: auto; }
.main_box>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*object-fit: cover;*/ transition: 0.2s; }
.main_img {position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%;  }

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

.main_slide { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.main_img { width: 100%; height: 100%; position: absolute; left: 0; }
.main_img.img01 { background: url("../img/main_img.jpg") center bottom no-repeat; background-size: cover; position: absolute; top: 0; /*transform: scale(1); */ animation: main_img2 7s 2s both;}
.main_img.img02 { background: url("../img/main_img2.jpg") center bottom no-repeat; background-size: cover; position: absolute; top: 0; /*transform: scale(1); */ animation: main_img2 7s 2s both; }
.main_img.img03 { background: url(../img/main_img3.jpg) center no-repeat; background-size: cover; }
.main_bt_wrap { width: 300px; height: 32px; position: absolute; margin: 0 auto; left: 0; right: 0;  top:85vw; z-index:5; }

.main_txt_box { position: relative; top:15%; left: 0; right: 0; margin: 0 auto; z-index: 99; text-align:center; color: #fff; }


@keyframes main_img2 {
	from { top: 0; }
	to { top: -120px; }
}


.txt01 {/*letter-spacing: 1.0vw!important; */opacity: 0; font-size: 5vw;font-weight: 700; color: #fff;  margin-top: -5vw;}
.txt01 span { color: #811131;}

.main_txt_box h3 {letter-spacing: -1px; font-size: 4.2vw; margin-top:5vw; font-weight: 300; transform: translateY(0px);}
.main_txt01 {margin-top:5vw; width:90%;  transform: translateY(0px);}
.main_txt_box h2 { letter-spacing: -1px; font-size: 5vw; margin-top:7vw; font-weight: 300; transform: translateY(0px);}
.main_txt_box p  { font-size: 3.5vw; line-height: 6vw!important; letter-spacing: -0.3vw!important;   margin-top:3vw; font-weight: 400; transform: translateY(0px);}
.main_txt02 {margin-top:13vw;  transform: translateY(0px);}

.main_txt_box>div { width: 1px; height: 2.85rem; margin: auto; margin-top: 7vw; position: relative; }
.main_txt_box>div:after { width: 100%; height: 0; content:''; background-color: #462836; position: absolute; left: 0; top: 0; }


.screen { mix-blend-mode: screen; }
.multiply { mix-blend-mode: multiply; }


/*.main_slide .swiper-slide.swiper-slide-active .main_img { animation: main_img 1.6s 0s both; }
.main_slide .swiper-slide.swiper-slide-active .main_txt_box h3 { animation: main_txt 1.0s 7.3s both; }
.main_slide .swiper-slide.swiper-slide-active .main_txt_box h2 { animation: main_txt 1.0s 8.2s both; }
.main_slide .swiper-slide.swiper-slide-active .main_txt_box p { animation: main_txt 1.0s 8.7s both; }
.main_slide .swiper-slide.swiper-slide-active .main_txt01 { animation: main_txt 1s 7.5s both; }
.main_slide .swiper-slide.swiper-slide-active .main_txt02 { animation: main_txt 1s 10s both; }*/

/*.main_box.active .main_img { animation: main_img 1.6s 0s both; }*/
.main_box.active .main_txt_box h3 { animation: main_txt 1.0s 7.3s both; }
.main_box.active .main_txt_box .main_txt01 { animation: main_txt 1s 7.7s both; }
.main_box.active .main_txt_box h2 { animation: main_txt 1.0s 8.2s both; }

.main_box.active .main_txt_box p { animation: main_txt 1.0s 8.7s both; }
.main_box.active .main_txt_box .main_txt02 { animation: main_txt2 1s 10s both; }


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

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

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


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


.main_play_bt { width: 20px; height: 30px; color: #fff; position: absolute; right: 0; 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; }


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

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


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


/**/

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

.arr_wrap {position:absolute; top: 0; z-index: 3; width: 100%;}



/**/

.main_sw { width: 100%; height:60vw; position: relative; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  
max-width: 500px; top:0; background-color: #fff;  margin-top: calc(100vh - 12vw); }

.main_sw2 { width: 100%; height:165vw; position: relative; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  
max-width: 500px; top:0; background-color: #fff;  margin-top: calc(100vh - 12vw); }


.swiper_msw {width:90%; padding-top: 15vw; z-index: 3;}
.swiper_msw h3 { font-family: "Lexend", serif;  font-size: 3.8vw; line-height: 100%; color: #8f7b6b; font-weight: 500; text-align: left; opacity: 0; transform: translateX(30px);}
.swiper_msw h3 b { color: #292929; font-size: 5.8vw; font-weight: 500; }
.swiper_msw p { font-size: 3.8vw; line-height: 150%; text-align: left; margin-top: 7vw; opacity: 0;  transform: translateX(30px);} 

.msw_box {display: flex; justify-content:space-between; align-items: center; width:85%; padding-top: 15vw; z-index: 3; margin:0 auto;}

/*.msw_box.box01 { border-bottom:1px solid #ddd; padding-bottom:10vw;}*/
.msw_con {display: flex; justify-content:flex-start; align-items: center; }
.msw_con2 {width:12rem; }

.m_icon { background-color: #8f7b6b; width: 7rem; height: 7rem; border-radius: 100%; margin-right:7vw;  opacity: 0;  transform: translateY(-10px); text-align: center; display: flex; justify-content:center; align-items: center;}
.m_icon2 { background-color: #8f7b6b; width: 7rem; height: 7rem; border-radius: 100%; margin:0 auto;  opacity: 0;  transform: translateY(-10px); text-align: center; display: flex; justify-content:center; align-items: center;}

.msw_con2 h3 { font-family: "Lexend", serif;  font-size: 3.6vw; line-height: 150%; color: #8f7b6b; font-weight: 500; text-align: center; opacity: 0; transform: translateY(30px); margin-top:7vw;}
.msw_con2 h3 b { color: #292929; font-size: 5.8vw; font-weight: 500; }
.msw_con2 p { font-size: 3.2vw; line-height: 150%; text-align: center; margin-top: 3vw; opacity: 0;  transform: translateY(30px);} 





.main_sw.active .swiper-slide-active .m_icon {transform: translate(0px);opacity: 1; transition: 1s 0s;}
.main_sw.active .swiper-slide-active .msw_con h3 {transform: translate(0px);opacity: 1; transition: 1s .2s;}
.main_sw.active .swiper-slide-active .msw_con p {transform: translate(0px);opacity: 0.6; transition: 1s .3s;}


.main_sw2.active .m_icon2 {transform: translate(0px);opacity: 1; transition: 1s 0s;}
.main_sw2.active .msw_con2 h3 {transform: translate(0px);opacity: 1; transition: 1s .2s;}
.main_sw2.active .msw_con2 p {transform: translate(0px);opacity: 0.6; transition: 1s .3s;}


/* calendar */

.calendar { width: 100%;height:180vw; position: relative; background: #fff; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: visible; margin: auto; max-width: 500px; top:0;}
.calendar_wrap { width: 100%; height: auto; }



	.calendar_wrap { width: 100%; height: 180vw;  padding: 70px 0; position: relative; overflow: hidden; background: url(../img/calendar_bg.jpg) right no-repeat; background-size: cover; display: flex; justify-content: center; /*align-items: center;*/ }

	.calendar_box { width: 86%; max-width: 380px; }
	.calendar_tit { text-align: center; color: #fff; transform: translateY(-80px); opacity: 0;}
	.calendar_tit h2 { font-family:'Futura', sans-serif; font-size: 12vw; font-weight: 700; line-height: 140%; letter-spacing: 1px; -webkit-text-stroke: 1px #000; color: transparent;  }
	.calendar_tit p { font-size: 3vw; margin-top: 12px; color: #505050; }
	
	.calendar_bottom { margin-top: 40px;   transform: translateY(100px); opacity: 0;}
	.calendar_con_box { display: block; overflow: hidden; }
	.calendar_con_box.box01 { width: 100%; }
	.calendar_con_box.box02 { width: 100%; margin-top: 30px; margin-top: 0; }

	.calendar_con { float: left; width: 32.66%; height: 27vw; margin-left: 1%; margin-right: 0; color: #181818;  position: relative; display: flex; justify-content: center; align-items: center; color: #181818; background-color: rgba(255,255,255,0.13); border: 1px solid #b3b3b3; text-align: center;}
	.calendar_con:nth-child(1),.calendar_con:nth-child(4) { margin-left: 0; }
	.calendar_con:nth-child(n+4) { margin-top: 1%; }
	.calendar_con:nth-child(4) {  }
	.calendar_con:nth-child(5) { }
	.calendar_con:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
	.calendar_con_box.box02 .calendar_con { width: 100%; margin-left: 1%; margin-top: 1%; }
	.calendar_con_box.box02 .calendar_con:nth-child(1) { margin-left: 0; }
	.calendar_con_box.box02 .calendar_con:nth-child(2) { margin-left: 0; }
	.calendar_con:nth-child(4) { width: 49.5%; }
	.calendar_con:nth-child(5) { width: 49.5%;}
	.calendar_con h4 { font-size: 5.3vw;  /*font-family:'Futura', sans-serif;*/font-family: "Poppins", sans-serif;  line-height: 100%; font-weight: 700;}
	.calendar_con h4 span { font-size: 3vw;  }
	.calendar_con p { font-size: 2.8vw; margin-top: 5px; line-height: 120%;  }
	.calendar_con:hover { background-color: #000; border: 1px solid #000; color: #fff; }

	.calendar_box.active .calendar_tit { transform: translate(0); opacity: 1; transition: 1.0s 0.4s; }
	.calendar_box.active .calendar_bottom { transform: translate(0); opacity: 1; transition: 1.0s 0.6s; }
/*  */



/**/

/* .sec02 { width: 100%; height: 150vw; position: relative; background: #fff; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width: 100%; top:0; display: flex; justify-content: center; align-items: center; } */

.mega_wrap {width: 100%; height: 100%;  display: flex; justify-content: center; align-items: center;}


.lobg_line {position:absolute; width:80%; height:100%; left:0; right:0; margin:0 auto; top:0; opacity:0.4;}
.lobg_line1 {position:absolute; left:0; width:1px; height:0; background-color: #fff;  }
.lobg_line2 {position:absolute; right:0; width:1px; height:0; background-color: #fff;  }

.swiper_lo{ width: 90%; height: 100%; margin: auto; top: 0px; position: relative; transform: translateY(-20px);opacity: 0;  overflow: hidden;}
.swiper_lo .swiper-slide {overflow: hidden;}

.sec02_txtbox {position:relative; z-index: 2; text-align: center; width: 100%; height: 100%; top:20vw; /*display: flex; justify-content: center; align-items: center;  transform: translateY(-100px);*/}
.sec02_txtbox h4 { font-family: 'copperplate', sans-serif; font-size: 3vw; line-height: 100%; font-weight: 400; opacity: 0; transform: translateY(-50px); }
.sec02_txtbox h2 { font-size: 6vw; line-height: 130%; font-weight: 400; margin-top: 5vw; opacity: 0; transform: translateY(-50px); }
.sec02_txtbox p { font-size: 3.8vw; line-height: 160%; margin-top: 12vw; font-weight: 400; opacity: 0; transform: translateY(30px); }

.mega_tit {position:absolute; bottom: -5vw; left: -6.5vw; font-size: 8vw; color: #fff; display: flex; justify-content:flex-start; align-items: center; text-transform: uppercase; font-family: 'copperplate', sans-serif;}
.mega_tit01 { font-size: 50vw; color: #fff; font-weight: 400; opacity: 0; transform: translateX(30px);}
.mega_tit02 { font-size: 4vw; color: #fff; font-weight: 400; margin-top: 37vw; margin-left:-2vw; letter-spacing: 0; opacity: 0; transform: translateX(30px);}

.sec02_img{position: absolute; left: 0; right: 0; width:100% ; height: 170vw; margin:0 auto; /*transform: translateX(40px);*/opacity: 1;}

.sec02_img01{background: url("../img/mega_bg01.jpg") center no-repeat; background-size: cover; }
.sec02_img02{background: url("../img/mega_bg02.jpg") center no-repeat; background-size: cover;}
.sec02_img03{background: url("../img/mega_bg03.jpg") center no-repeat; background-size: cover;}
.sec02_img04{background: url("../img/mega_bg04.jpg") center no-repeat; background-size: cover;}

.pre_arrow {position:absolute;  width:85%; transform: translateY(-60px); left: 0; right: 0; margin: 0 auto; z-index: 15;}
.swiper-button-prev2 {position: absolute; left: 0; width: 40px;}
.swiper-button-next2 {position: absolute; right: 0; width: 40px;}
.swiper-button-prev2 img {width:100%;}
.swiper-button-next2 img {width:100%;}


.sec02.active .swiper_lo {transform: translateY(0px);opacity: 1; transition: 1s .2s;}

.swiper_lo .swiper-slide-active .sec02_txtbox h4{transform: translateY(0px);opacity: 1; transition: 1s 0.3s;}
.swiper_lo .swiper-slide-active .sec02_txtbox h2{transform: translateY(0px);opacity: 1; transition: 1s .5s;}
.swiper_lo .swiper-slide-active .sec02_txtbox p{transform: translateY(0px); opacity: 1; transition: 1s 0.7s;}

.swiper_lo .swiper-slide-active .mega_tit01 {transform: translate(0px); opacity: 1; transition: 1s 0.5s;}
.swiper_lo .swiper-slide-active .mega_tit02 {transform: translate(0px); opacity: 1; transition: 1s 0.7s;}

/*.swiper_lo .swiper-slide-active .sec02_img01 { animation: sec02_img 1.6s 0s both; }*/

@keyframes sec02_img {
	from { transform: scale(1.22); }
	to {  }
}


.premium_wrap2 { width: 100%; height: auto; position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.premium_left { width: 100%; height: auto; }
.premium_right { width: 100%; height: auto; } 
.premium_right>div { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.premium_right>div:nth-child(1) { height: auto; }
.premium_right>div:nth-child(2) { height: auto; }

.premium_content { width: 100%; height: 220px; position: relative; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; }
.premium_content::after { content: ''; width: 120%; height: 120%; position: absolute; right: -10%; top: -10%; background-color: #000; z-index: 8; }
.premium_content.con02::after,.premium_content.con04::after,.premium_content.con06::after { right: revert; left: -10%; }

.premium_left .premium_content { height: 400px; }

.premium_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transition: 1.0s; }
.premium_img.img01 { background: url(../../img/premium_img01.jpg) center no-repeat; background-size: cover; }
.premium_img.img02 { background: url(../../img/premium_img02.jpg) center no-repeat; background-size: cover; }
.premium_img.img03 { background: url(../../img/premium_img03.jpg) center no-repeat; background-size: cover; }
.premium_img.img04 { background: url(../../img/premium_img04.jpg) center no-repeat; background-size: cover; }
.premium_img.img05 { background: url(../../img/premium_img05.jpg) center no-repeat; background-size: cover; }
.premium_img.img06 { background: url(../../img/premium_img06.jpg) center no-repeat; background-size: cover; }

.premium_content:hover .premium_img { transform: scale(1.025); }

.premium_txt_box { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; text-align: left; color: #fff; position: relative; z-index: 9; }
.premium_txt_box>div { width: 84%; margin: auto; opacity: 0; transform: translateX(3rem); }
.premium_txt_box h4 { font-family:"Lexend", serif; font-size: 14px; line-height: 200%; }
.premium_txt_box h2 { font-size: 24px; line-height: 100%; font-weight: 200; margin-top: 0.25rem; letter-spacing: -0.0938rem; }
.premium_txt_box h2 b { font-weight: 700; }
.premium_txt_box p { font-size: 12px; line-height: 192%; opacity: 0.4; margin-top: 1.75rem; }

.premium_txt_box.box01 { transform: translateY(-4rem); }
.premium_txt_box.box02>div,.premium_txt_box.box04>div,.premium_txt_box.box06>div { text-align: right; transform: translateX(-3rem); }



.premium_content.active::after { width: 0; transition: 1.8s 0s; }
.premium_content.active .premium_txt_box>div { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }


/* .premium_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.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_wrap .ori { font-size:0.75rem; color: #7b7b7b; text-align: left; position: absolute; left: 15.6%; bottom: 15%; z-index: 9; line-height: 180%; transform: translateX(-14.8rem); transform: translateX(5rem); opacity: 0;}
.premium_wrap>div:last-child { width: 90%; max-width: 1314px; position: relative; z-index: 9; }

.premium_tit { display: flex; justify-content: flex-start; align-items: flex-end; opacity: 0; transform: translateX(-5rem); }
.premium_tit h5 { font-family:"Lexend", serif; font-size: 1rem; line-height: 100%; font-weight: 600; color: #19325f; margin-right: 2.25rem; margin-bottom: 0.125rem; letter-spacing: -0.0625rem; }
.premium_tit h2 { font-family:"Lexend", serif; font-size: 2rem; line-height: 100%; font-weight: 900; color: #19325f; letter-spacing: 1.125rem; }

.premium_box { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2.25rem; margin-top: 2.25rem; opacity: 0; }
.premium_content { width: calc(33.33% - 1.5rem); border: 1px solid #c2c2c2; box-sizing: border-box; text-align: left; transition: 0.3s; overflow: hidden; background-color: #fff; }
.premium_content>div { width: 100%; height: 100%; padding: 3.375rem 0 3.375rem 2.2rem; color: #2c2928; transition: 0.3s; box-sizing: border-box; }
.premium_content h2 { font-size: 1.3625rem; line-height: 100%; margin-top: 1rem; font-weight: 300; letter-spacing: -0.125rem; }
.premium_content h2 b { font-weight: 900; }
.premium_content p { font-size: 0.85rem; line-height: 178%; margin-top: 1.375rem; opacity: 0.7; font-weight: 500; }
.premium_content:first-child { border-radius: 3.25rem 0 0 0; }
.premium_content:last-child { border-radius: 0 0 3.25rem 0; }

.premium_content:hover>div { background-color: #19325f; color: #fff; }

.txt_icon { font-size: 0.95rem; font-family:"Lexend", serif; font-weight: 500; }


.premium_wrap.on .premium_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.on .premium_box { opacity: 1; transition: 1.2s 0.4s; }
.premium_wrap.on .premium_content:nth-child(1),
.premium_wrap.on .premium_content:nth-child(4) { transform: translateY(40px); transition: 1.2s 1.1s; }
.premium_wrap.on .premium_content:nth-child(3n) { transform: translateY(-40px); transition: 1.2s 1.1s; }
.premium_wrap.on .ori { transform: translateX(0); opacity: 1;  transition: 1.2s 0.4s; }

.premium_wrap.active .premium_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.active .premium_box { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.active .premium_content:nth-child(1),
.premium_wrap.active .premium_content:nth-child(4) { transform: translateY(0px); transition: 1.2s 1.1s; }
.premium_wrap.active .premium_content:nth-child(3n) { transform: translateY(0px); transition: 1.2s 1.1s; }


    .premium_wrap { height: auto; padding: 9.5rem 0; }
    .premium_wrap>div:last-child { max-width: 960px; }

    .premium_tit { justify-content: center; transform: translateY(-3rem); }
    .premium_tit h5 { font-size: 1.6rem; margin-right: 1.25rem; margin-bottom: 0.125rem; }
    .premium_tit h2 { font-size: 1.6rem; letter-spacing: 0.325rem; }

    .premium_box { width: 100%; margin: auto; gap: 2.25rem; margin-top: 2.5rem; transform: translateY(3rem); }
    .premium_content { width: calc(100% - 0rem); max-width: 320px; margin: auto; border-radius: 0 !important; }
    .premium_content>div { width: 100%; height: 100%; padding: 3.375rem 0 3.375rem 2.375rem; color: #2c2928; transition: 0.3s; box-sizing: border-box; }
    .premium_content h2 {  font-size: 1.5rem; line-height: 130%; margin-top: 0.5rem; font-weight: 300; letter-spacing: -0.125rem; }
    .premium_content h2 b { font-weight: 900; }
    .premium_content p { font-size: 0.85rem; line-height: 178%; margin-top: 1.375rem; opacity: 0.7; font-weight: 500; }

    .premium_content:hover>div { background-color: transparent; color: #2c2928; }

    .premium_box .swiper-pagination { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; margin: 0; margin-top: 2rem; padding: 0; gap: 0 6px; }
    .premium_box .swiper-pagination span { width: 13px; height: 13px; opacity: 1; background-color: #c9c9c9; }
    .premium_box .swiper-pagination-bullet-active { background-color: #000 !important; }

	.premium_wrap .ori {opacity: 1; left: -3%; bottom: 18%; width: 78%; font-size: 0.8rem; }



.premium_wrap.on .premium_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.on .premium_box { opacity: 1; transition: 1.2s 0.4s; }
.premium_wrap.on .premium_content:nth-child(1),
.premium_wrap.on .premium_content:nth-child(4) { transform: translateY(40px); transition: 1.2s 1.1s; }
.premium_wrap.on .premium_content:nth-child(3n) { transform: translateY(-40px); transition: 1.2s 1.1s; }
.premium_wrap.on .ori { transform: translateX(0); opacity: 1;  transition: 1.2s 0.4s; }

.premium_wrap.active .premium_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.active .premium_box { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.premium_wrap.active .premium_content:nth-child(1),
.premium_wrap.active .premium_content:nth-child(4) { transform: translateY(0px); transition: 1.2s 1.1s; }
.premium_wrap.active .premium_content:nth-child(3n) { transform: translateY(0px); transition: 1.2s 1.1s; } */




/**/




.sec_comm {width: 100%; height: 180vw; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-top: calc(100vh - 12vw); }

.swiper_lo{ width: 100%; height: 100%; margin: auto; top: 0px; position: relative; transform: translateY(-20px); transform: translateY(0); opacity: 0;  overflow: hidden;}
.swiper_lo .swiper-slide {overflow: hidden;}

.comm_img { width: 100%; height: 100%; position: absolute; z-index: 2;  }
.comm_img:after { content: ''; width:100%; height: 100%; position: absolute; left:0; top:0; background-color: #000; z-index: 9; opacity:0; }

.comm_img.img01 { background: url(../img/comm_img01.jpg) center no-repeat; background-size: cover; transform: scale(1);  transition: 6s 0.2s; opacity:1;}
.comm_img.img02 { background: url(../img/comm_img02.jpg) center no-repeat; background-size: cover; transform: scale(1);  transition: 6s 0.2s; opacity:1;}
.comm_img.img03 { background: url(../img/comm_img03.jpg) center no-repeat; background-size: cover; transform: scale(1); transition: 6s 0.2s; opacity:1;}
.comm_img.img04 { background: url(../img/comm_img04.jpg) center no-repeat; background-size: cover; transform: scale(1); transition: 6s 0.2s; opacity:1;}
.comm_img.img05 { background: url(../img/comm_img05.jpg) center no-repeat; background-size: cover; transform: scale(1); transition: 6s 0.2s; opacity:1;}
.comm_img.img06 { background: url(../img/comm_img06.jpg) center no-repeat; background-size: cover; transform: scale(1); transition: 6s 0.2s; opacity:1;}

.comm_tit_box { position: absolute; z-index: 3; top:10%; left: 10%; width: 80%; text-align: left; color: #fff;}
.comm_tit_box h2 {font-size: 13vw; font-weight: 700; line-height: 120%; letter-spacing: -1px; transform: translateX(-3rem); opacity: 0;  font-family: "Poppins", sans-serif;  -webkit-text-stroke: 0.4px #fff; color: transparent; text-transform: uppercase;}
.comm_tit_box h1 { font-size: 3.4vw; font-weight: 600; margin-top: 2rem; letter-spacing: 0; opacity: 0; transform: translateX(-3rem);}
.comm_txt_bottom {  position: absolute; width: 80%; right:10%; bottom: 4rem; text-align: right; z-index:3; color: #fff;}
.comm_txt_bottom p { font-size: 3.2vw;  font-weight: 400; text-align: right; line-height: 240%; opacity: 0; transform: translateX(3rem);}

.comm_txt_bottom h3 { font-size: 8vw;  font-weight: 600; text-align: right; line-height: 240%; opacity: 0; transform: translateX(3rem);}



.sec_comm.active .swiper_lo {transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec_comm.active .comm_tit_box h2 {transform: translateY(0px);opacity: 1; transition: 1s 0.3s;}
.sec_comm.active .comm_tit_box h1 {transform: translateY(0px);opacity: 1; transition: 1s .5s;}

.swiper_lo .swiper-slide-active .comm_tit_box h2 {transform: translateY(0px);opacity: 1; transition: 1s 0.3s;}
.swiper_lo .swiper-slide-active .comm_tit_box h1 {transform: translateY(0px);opacity: 1; transition: 1s .5s;}
.swiper_lo .swiper-slide-active .comm_txt_bottom h3 {transform: translateY(0px); opacity: 1; transition: 1s 0.7s;}

.swiper_lo .swiper-slide-active .comm_tit_box {transform: translate(0px); opacity: 1; transition: 1s 0.5s;}
.swiper_lo .swiper-slide-active .comm_txt_bottom {transform: translate(0px); opacity: 1; transition: 1s 0.7s;}

/*.swiper_lo .swiper-slide-active .sec02_img01 { animation: sec02_img 1.6s 0s both; }*/

@keyframes sec02_img {
	from { transform: scale(1.22); }
	to {  }
}



/**/

.unit_wrap { width: 100%; height: auto; position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: center; }

.unit_left { width: 100%; height: auto; padding: 5rem 0; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; }
.unit_left::after { content: ''; width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; background-color: #fff; z-index: 2; }
.unit_right { width: 100%; height: auto; padding: 4rem 0 5rem; display: flex; justify-content: center; align-items: center; position: relative; }
.unit_right>div { width: 90%; max-width: 1100px; transform: translateY(3rem); position: relative; opacity: 0; }

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

.unit_tit { position: relative; z-index: 9; color: #fff; transform: translateY(-3rem); opacity: 0; }
.unit_tit h3 { font-family: 'Noto Serif KR', serif; font-size: 1.125rem; line-height: 150%; }
.unit_tit p { font-size: 0.75rem; line-height: 178%; margin-top: 1.5rem; }
.unit_tit h2 { font-family: 'Carisma Gothic'; font-size: 4.5rem; font-weight: 700; line-height: 100%; -webkit-text-stroke: 0.6px #fff; color: transparent; margin-top: 2.5rem; }
.unit_bt { width: 80%; max-width: 260px; margin: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.625rem; margin-top: 3.25rem; }
.unit_bt a { font-size: 0.875rem; width: 100%; padding: 0.75rem 2.25rem; border-radius: 3.125rem; border: 1px solid #fff; box-sizing: border-box; background-color: #fff; color: #000; font-weight: 500; }
.unit_bt a:first-child { background-color: #fff; color: #000; font-weight: 500; }


.swiper_unit { width: 100%; }
.swiper_unit .swiper-slide { width: 100%; background-color: #fff; }
.swiper_unit-2 { width: 100%; position: absolute; left: 0; top: 5rem; z-index: 9; }
.swiper_unit-2 .swiper-wrapper { flex-wrap: wrap; }
.swiper_unit-2 .swiper-slide { width: 100%; cursor: pointer; font-size: 0.875rem; color: #000; line-height: 2.25rem; border-bottom: 5px solid #c0c0c0; }
.swiper_unit-2 .swiper-slide-thumb-active { color: #9e826f; border-bottom: 5px solid #9e826f; }

.unit_type { font-family: 'Carisma Gothic'; font-size: 4rem; line-height: 100%; font-weight: 700; background-color: #fff; }
.unit_txt_box { width: 100%; padding: 1rem 0; border-bottom: 1px solid #cecece; margin-top: 5.875rem; }
.unit_txt_box ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.unit_txt_box ul li { width: 50%; box-sizing: border-box; font-size: 12px; line-height: 178%; padding: 0 1.125rem; position: relative; }
.unit_txt_box ul li::after { content: ''; width: 1px; height: 0.75rem; position: absolute; right: 0; top: 1px; bottom: 0; margin: auto; background-color: #a8a8a8; }
.unit_txt_box ul li:nth-child(2)::after,.unit_txt_box ul li:last-child:after { display: none; } 

.unit_iso { width: 100%; height: 300px; margin: auto; margin-top: 1.5rem; display: flex; justify-content: center; align-items: center; background-color: #fff; }
.unit_iso img { transform: scale(0.6); }

.swiper-button-next3 { position: absolute; width: 75px; height: 47px; right: 7%; top: 14%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-prev3 { position: absolute; width: 75px; height: 47px; left: 7%; top: 14%; bottom: 0; margin: auto; padding: 0; outline: none; z-index: 99; cursor: pointer; }
.swiper-button-next3 img { width: 100%; }
.swiper-button-prev3 img { width: 100%; }

.swiper-pagination4 { display: flex; justify-content: center; align-items: center; gap: 0 6px; margin-top: 16px; }
.swiper-pagination4 .swiper-pagination-bullet { width: 14px; height: 14px; }
.swiper-pagination4 .swiper-pagination-bullet-active { background-color: #000e42; }



.unit_wrap.active .unit_bg { transform: scale(1); transition: 2.5s 0s; }
.unit_wrap.active .unit_left::after { width: 0; transition: 1.8s 0s; }
.unit_wrap.active .unit_tit { opacity: 1; transform: translateY(0rem); transition: 1.2s 0.6s; }
.unit_wrap.active .unit_right>div { opacity: 1; transform: translateY(0rem); transition: 1.2s 0.6s; }



/* .unit { width: 100%; height:100vh; position: relative; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin:0 auto;  max-width: 500px; top:0;  
background: url(../img/unit_bg.jpg) center no-repeat;  background-size: cover;  top:0; }
.unit_wrap {width:100%; height:100%; position: relative; left:0; right:0; margin:0 auto; top:0vw;}


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

.unit_line_box { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 3; }
.unit_line_box>div { position: absolute; background-color: #000; opacity: 0.3; }
.unit_line01 { width: 0%; height: 1px; left: 0; top: 0; }
.unit_line02 { width: 0%; height: 1px; right: 0; bottom: 3.75rem; display:none;}
.unit_line03 { width: 1px; height: 0%; left: 3.75rem; top: 0; }
.unit_line04 { width: 1px; height: 0%; left: 0; right: 0; bottom: 0; top:0; margin: auto; }
.unit_line05 { width: 1px; height: 0%; right: 3.75rem; top: 0; }

.unit_box { width: 100%; height: 100%; position: relative; z-index: 9; display: wrap; justify-content: space-between; align-items: center; }
.unit_box>div { width: 100%; height: 50%; display: flex; justify-content: center; align-items: center; position: relative;  transform: translateY(2rem);}
.unit_box>div::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.unit_box>div>div { width: 100%; transform: translateY(4rem); opacity: 0; position: relative; z-index: 9; }
.unit_logo { height: 3.9375rem; display: flex; justify-content: center; align-items: center; }
.unit_box p { font-size: 0.9375rem; line-height: 200%; color: #444; margin-top: 1rem; text-align:center;}

.unit_tit h3 {font-family: "Poppins", sans-serif; font-size: 8vw; font-weight:700;  display: flex; justify-content: center; align-items: center; }

    .unit_line03 { left: 7%; }
    .unit_line05 { right: 7%; }
    
    .unit_box { height:100%; bottom: 3.125rem; }
    .unit_logo { height: 3rem; }
    .unit_logo img { transform: scale(0.6); transform-origin: center; }


.mdh_cont p {font-family: "Poppins", sans-serif; font-size: 14px; color:#242a5c; font-weight:300; letter-spacing: 15px; text-transform:uppercase; margin-top:0; transform: translateY(50px); opacity:0;}

.mdh_btn {position: relative; left:0; right:0; margin:0 auto;  margin-top:45px; transform: translateY(50px); opacity:0;}
.mdh_btn01 {border-radius:100px; width:223px; height:50px; position: relative; left:0; right:0; margin:0 auto;   border:1px solid #222; overflow:hidden;}

.mdh_btn01:after { content:''; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #242a5c; opacity: 0; transition: 0.5s; } 

.mdh_btn a {display:block; color:#222;  line-height: 50px; font-weight:300; text-align:center;}
.mdh_btn a span {font-weight:bold; }

.mdh_btn01:hover::after { width: 100%;opacity: 1; }
.mdh_btn01:hover {border:1px solid #242a5c; }
.mdh_btn01:hover a { color:#fff; }

.unit.active .unit_img { opacity: 1; transition: 2.5s 0s; }
.unit.active .unit_bg { opacity: 1; transition: 2.5s 0s; }
.unit.active .unit_line02 { width: 100%; transition: 2.5s 0s; }
.unit.active .unit_line03 { height: calc(100% + 3.125rem); transition: 2.5s 0s; }
.unit.active .unit_line04 { width: 100%; height:1px; transition: 2.5s 0s; }
.unit.active .unit_line05 { height: calc(100% + 3.125rem);  transition: 2.5s 0s; }
.unit.active .unit_box>div>div { transform: translateY(1rem); opacity: 1; transition: 1.4s 1.0s; }
.unit.active .mdh_btn {opacity:1; transform: translate(0); transition: 1.0s 1.2s;} */


/*
.unit_box {}
.unit_tit { text-align: center; opacity: 0; transform: translateY(-50px); }
.unit_tit h5 { font-size: 4.2vw; line-height: 100%; font-weight: 200; letter-spacing: 0;}
.unit_tit h2 { font-size: 11vw; line-height: 100%; font-weight: 800; margin-top: 3vw; letter-spacing: 5px;  font-family: "Poppins", sans-serif; }

.unit-tit-box {position: relative; top: 20vw; left: 0; right: 0; text-align: center;}
.unit-tit-box h1 {font-size: 8vw; font-weight: 100; color: #240089; line-height: 120%;}
.unit-tit-box p {font-size: 3.4vw; font-weight: 100; color: #000; margin-top: 3vw; }
.unit_bg { width: 100%; height: 95vw; background-color: #fff; border-radius: 20px; position: relative; left: 0; right: 0; margin: 10vw auto; text-align: center;}
.unit_icon {padding-top:15vw;}


.unit_txt {position: absolute; padding: 15vw 0vw 0vw 7vw; top: 35vw; text-align: left;}
.unit_txt h1 {color:#886d4b; font-size: 4.5vw; font-weight: 500;}
.unit_txt h1 b {color: #240089; font-family: 'Futura Std Oblique'!important; font-weight: 900; font-style: italic; font-size: 10vw; position: relative;}

.unit_ch {position:absolute; margin-top: 1vw; left:7vw;} 
.unit_txt p { color:#3e3e3e; font-size: 3.2vw; font-weight: 300; line-height: 180%; margin-top: 3vw; padding-left: 7vw;}
.unit_txt p span {color:#240089; font-weight: 600; }
.unit_txt h1 b:after { content:''; width:0; height: 1px; position: absolute; bottom: 7px; background-color: #240089;  }
.unit_txt h1 b:after { left: 0px; }


.unit_content_box { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 2.8125rem; opacity: 0; transform: translateY(5rem); }
.unit_content { width: 14rem; height: 19.3125rem; display: flex; justify-content: center; align-items: center; border: 1px solid #000; color: #000; text-align:center; border-radius: 2.0625rem; transition: 0.3s; }
.unit_icon { width: 2.5rem; height: 1.975rem; display: flex; justify-content: center; align-items: center; margin: auto; position: relative; }
.unit_icon img { transition: 0.3s; width:100%;}
.unit_icon img:last-child { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; opacity: 0; }
.unit_content h3 { font-size: 5.3vw; line-height: 100%; font-weight: 800; margin-top: 12vw; }
.unit_content h6 { font-size:3vw; line-height: 100%; margin-top: 2vw;text-transform: uppercase; }




.slider { position: relative; margin: 10vw auto 0; opacity:0;  transform: translateY(50px);} 
.slider .inner { overflow: hidden; width: 100%; margin: 0 auto; } 

.slide_list > li { position: relative; width: 60%; transform: scale(0.9); transition: all 0.3s; opacity: 0.5; } 
.slide_list > li a { display: block; } 
.slide_list > li .img { overflow: hidden; display: block; position: relative; padding-bottom: 60%; border-radius: 20px; } 
.slide_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 

.slide_list > li.swiper-slide-active,
.slide_list > li.swiper-slide-duplicate-active { transform: scale(0.9); opacity: 1; } 



.slide_list > li.first { margin-right: -4%; margin-left: 4%; } 
.slide_list > li.last { margin-right: 4%; margin-left:-4%; } 


.slide_list .swiper-slide.swiper-slide-active .unit_content { background-color: #000; color: #fff; }
.slide_list .swiper-slide.swiper-slide-active .unit_content .unit_icon img:first-child { opacity: 0; }
.slide_list .swiper-slide.swiper-slide-active .unit_content .unit_icon img:last-child { opacity: 1; }

.slide_list .swiper-slide.swiper-slide-active .unit_content h3 { color: #fff; }
.slide_list .swiper-slide.swiper-slide-active .unit_content h6 { color: rgba(225,225,225,.7); }


.unit.active .unit_tit { transition: 1s 0.4s; opacity: 1; transform: translate(0); }
.unit.active .slider { transition: 1s 0.8s; opacity: 1; transform: translate(0); }
.unit.active .unit_ori { transition: 1s 0.8s; opacity: 1; transform: translate(0); }

*/

/**/

.sec03 { width: 100%; height:400vw; position: relative; background: #fff; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width: 100%; top:0; display: flex; justify-content: center; align-items: center; background: url("../img/lo_bg.jpg") center no-repeat; background-size: cover;  text-align: center;}

.location_wrap {width: 90%; height: 100%;  }

.lo_tit_box {margin-top: 20vw; transform: translateY(-50px); opacity: 0;}
.lo_tit_box h1 {margin-top: 5vw; font-size: 4.5vw; font-weight: 300;}
.lo_con_box {transform: translateY(50px); opacity: 0;}

.lo_icon {position: absolute;  width: 9rem; height:9rem; text-align: center;  display: flex; justify-content:center;  align-items: center;}
.lo_icon:before {position: absolute; right: 0; width: 100%; height:100%; content:''; background: url("../../img/location_icon_bg.png") center no-repeat; background-size: 100%; text-align: center;  animation: location_icon_bg 16s 0s linear infinite; transform-origin: center center; }
.lo_con { width: 100%; /*display: flex; justify-content:space-between; align-items: center;*/ text-align: left; position: absolute; top: 15vw;}
.lo_icon .lo_ic { /*width: 30%;*/ height: 45%;}
.lo_con h2 {}

.lo_txt {position: absolute;  }

.lo_txt h2 { font-size: 3.2vw; color: #19325f; font-weight: 500; opacity: 0.6;}
.lo_txt h3 {font-weight: 300; font-size: 5.2vw;}
.lo_txt h3 b {font-weight: 700;}
.lo_txt p {font-size: 3.2vw; margin-top: 5vw; line-height: 180%; opacity: 0.6;}

.locon01 {}
.locon01 .lo_icon { right: 0vw; }
.locon01 .lo_txt  { left: 0; top:20vw;}

.locon02 { margin-top: 70vw; }
.locon02 .lo_icon { left: 0vw; }
.locon02 .lo_txt  { right: 0; top:40vw;}

.locon03 {margin-top: 160vw; }
.locon03 .lo_icon { right: 0vw;  top:40vw;}
.locon03 .lo_txt  { left: 0;}

.locon04 { margin-top: 240vw; }
.locon04 .lo_icon { left: 0vw;  top:40vw;}
.locon04 .lo_txt  { right: 0;}


@keyframes location_icon_bg {
	from { transform: rotate(-360deg); }
	to {  }
}


.sec03.active .lo_tit_box {transform: translate(0px); opacity: 1; transition: 1s 0s;}
.sec03.active .lo_con_box {transform: translate(0px); opacity: 1; transition: 1s 0.7s;}

/*  */



.footer { width: 100%; left:0; right:0; margin:0 auto; max-width:500px; background-color: #181818; color: #fff; padding:10vw 6vw 20vw 6vw; position: relative; z-index: 999; text-align: left;}


.footer h3 { font-size: 3.1vw; margin-top:0vw; color: #fff; letter-spacing: -0.3vw; line-height: 200%; }
.footer h3 span { color: #fff;  }

.footer h1 { font-size: 2.8vw; line-height: 160%; margin-top:5vw; color: #6e6e6e; letter-spacing: -0.3vw; }
.footer h1 span { font-size: 2.8vw; line-height: 160%; margin-top:0vw; color: #b9b9b9; letter-spacing: -0.3vw; }
.footer p {color: #6e6e6e; font-size: 2.8vw; margin-top: 5vw; opacity: 1; line-height: 160%; }
.footer p span {color: #b9b9b9; }

.footer h6 { line-height: 100%; margin-top: 5vw; font-size: 2.8vw; color: #6e6e6e;}

.open_b {position:fixed; bottom: 0; width: 100%; left: 0; right: 0; margin: 0 auto; z-index:9999; max-width: 100%; }

.footer_bt { width: 35vw; height: 2.75rem; line-height: 2.625rem; font-weight: 500; color: #767676; border: 1px solid #767676; text-align: left; position: absolute; top:11vw; right:6vw;}
.footer_bt a { display: block; width: 100%; height: 100%; padding-left: 1rem; box-sizing: border-box; font-size:3.2vw; color:#777;}
.footer_bt a::after { content: ''; width: 7px; height: 7px; border-right: 1px solid #767676; border-bottom: 1px solid #767676; transform: rotate(-45deg); position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; }



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


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

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


}

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


	.btn_set {  }
	.swiper-pagination {}


}


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

	.int_box {top:200px;}
	.int_tt { width:50px;}
	.int_txt01 p { font-size: 18px; margin-bottom:100px; }
	.int_img {margin-top:270px;}

	.int_txt02 {top:150px;}
	.int_txt02 p { font-size: 18px; }

	.int_txt03 {top:150px;}


/**/
	.main_box {height:100vh;}
	.main_txt_box {top:100px;}

	.txt01 {/*letter-spacing: 1.0vw!important; */opacity: 0; font-size: 22px; margin-top: 0vw;}

	.main_txt_box h3 { font-size: 18px;}
	.main_txt01 {margin-top:20px;}
	.main_txt_box h2 {font-size: 22px; margin-top:30px;}

	.main_txt_box p {  font-size: 15px; line-height:24px!important; letter-spacing: -0.5px!important;  margin-top: 20px; letter-spacing: -1px; }

	.main_txt02 {margin-top:50px;}


	.main_bt_wrap {top:400px;}




/**/
	.main_sw {height:200px;}
	.swiper_msw {padding-top:50px;}
	.m_icon {margin-right:30px;}
	.swiper_msw h3 b {font-size: 24px;}
	.swiper_msw h3 {font-size: 18px;}
	.swiper_msw p {font-size: 15px; margin-top:20px;}



/**/


	.sec02 {height: 800px;}
	.sec02_txtbox {top:100px;}
	.sec02_txtbox h2 {font-size: 30px;}
	.sec02_txtbox h4 {font-size: 18px;}
	.sec02_txtbox p {font-size: 15px; margin-top:60px;}

	.sec02_img {height: 800px;}

	.mega_tit {left:-20px; bottom:-60px;}
	.mega_tit01 {font-size:200px;}
	.mega_tit02 {font-size:20px; margin-left:-10px; margin-top:130px;}


/* sec03 */


    .sec03 { height: 1750px;  padding-top: 0px; /*margin-top: 100vh; */}
	.lo_tit_box {margin-top:80px;}
	.lo_tit_box h1 {font-size:22px; margin-top:20px;}

	.lo_txt h2 {font-size:18px;}
	.lo_txt h3 {font-size:30px;}
	.lo_txt p {font-size:15px;margin-top:20px;}

	.lo_con {top:70px;}
	.locon01 .lo_txt {top:90px;}
	.locon02 {margin-top:320px;}
	.locon02 .lo_txt {top:90px;}
	.locon03 {margin-top:550px;}
	.locon03 .lo_txt {top:90px;}
	.locon04 {margin-top:1020px;}
	.locon04 .lo_icon {top:100px;}
	
	
/* sec05 */


	.sec05 {  height: 1155px; }

	.sec05_txtbox {position:absolute; z-index: 2; bottom: 90px;}
	.sec05_txt {  padding-left:0px;  }

	.sec05_tit_wrap {top:100px;}

	.sec05_tit_wrap h1 {font-size:30px;}
	.sec05_tit_wrap h3 {font-size:70px;}

	.sec05_txtbox h4{font-size:33px; line-height:40px; letter-spacing: -0.5px;  }
	.sec05_txtbox p{font-size: 15px; line-height:30px; margin-top:30px; letter-spacing: -0.5px;  }


	
	/*sec04*/
	
	.sec04 { height: 1450px;}

	.sec04_tit {left:30px; top: 70px;}
	.sec04_txt1 { top:111px; left:40px;}
	.sec04_txt1 h1 {font-size: 35px; line-height:45px; letter-spacing: -2px; }
	.sec04_txt1 p {margin-top:40px; font-size: 15px; line-height: 28px; letter-spacing: -0.1px; }

	.sec04_logo {top: 400px; }

	.sec04_tit2 {right:30px; top:460px;}
	.sec04_txt2 { top:140px; right:40px;}
	.sec04_txt2 h1 {font-size:35px; line-height: 45px; letter-spacing: -2px; }
	.sec04_txt2 p {margin-top:40px; font-size:15px; line-height: 28px; letter-spacing: -0.5px; }

	.sec04_pjn {top:640px; right: 60px; font-size:26px;}

	.sec04_btn {bottom: 160px; width: 240px; height: 68px; border: 1px solid #fff; }
	.sec04_btn a {font-size: 18px; line-height: 68px;  }

	
	
/*  unit	 */


	.sec_unit { height: 1040px; }
	.unit_titbox {padding-top:70px;}
	.unit_titbox h1{font-size: 22px; line-height: 160%; letter-spacing: -0.5px;  padding-left:40px;}

	.unit_titbox h2{ font-size: 70px; line-height: 110%;letter-spacing: -1px; padding-left:40px;}

	.unit_titbox p { font-size:15px; line-height: 220%; letter-spacing: -0.5px; margin-top: 30px;  padding-left:40px;}

	.swiper2{margin-left:40px; margin-top:80px; }

	.unit_img{height: 498px; }


.premium_content { width: 100%; height: 35.0rem; }
.premium_txt_box { padding-left: 2.0rem; }
.premium_content h5 { font-size: 0.75rem; margin-top: 2.25rem;  }
.premium_content h3 {  font-size: 1.25rem; }

.premium_content p { font-size: 0.875rem;  }


.sec_calendar {height:700px; display:none;}
.calendar_wrap {height:700px;}
	.calendar_con {  height: 110px; } 
	.calendar_tit h2 {  font-size: 70px;   }
	.calendar_tit p { font-size:15px;  }
	.calendar_con h4 { font-size: 25px;  }
	.calendar_con p { font-size: 15px;  }

.sec_pr {height:1000px; margin-top: 100vh;}

.pr_tit {top:80px; left:50px;}
.pr_tit h1 {font-size:33px;}
.pr_tit p {font-size:15px;}

.pr_vd_box {top:200px;}
.pr_thumb {top:500px; }
.pr_thumb h5 {font-size:18px;}

.pr_tabs {top:530px; }

.pr_thumb h5 {margin-top:0; line-height:45px;}
/*
.thumb01 { left:50px;  }
.thumb02 { left:187px;  }
.thumb03 { right:50px;  }

*/
/* footer */

.footer { padding:50px 40px 40px 40px; }


.footer h3 {font-size: 15px; letter-spacing:0;}
.footer h1 { font-size: 14px; line-height: 25px; letter-spacing: -0.5px; margin-top:40px; }
.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; line-height: 160%; padding-bottom:0px;}

.footer_family {top:40px;}

.footer h6 {font-size: 14px; margin-top:40px; }



}

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

.sec_pr {height:1300px; margin-top: 100vh;}
.pr_tabs {top:700px; }
.pr_tit {left:100px;}


.sec03 {height:1910px;}
.sec05 {height:1555px;}


.sec_unit  {height:1440px;}
.premium_content {height:47rem;}

.sec04 {height:1550px;}
.sec04_logo {top:230px;}
.sec04_tit2 {top:550px;}
.sec04_pjn {top:740px;}





}


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

/* sub */

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

#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; margin-top:20px; }
#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: 'NanumBarunGothic'; /*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-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: 60vw; max-width:500px;
/*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:60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg::after{content:''; background: url(../img/sub_top.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}

.sub_top_bg01{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg01::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg02{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg02::after{ content:''; background: url(../img/sub-top02.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg03::after{ content:''; background: url(../img/sub-top03.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg04::after{ content:''; background: url(../img/sub-top04.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg05::after{ content:''; background: url(../img/sub-top05.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg06::after{ content:''; background: url(../img/sub-top06.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg07::after{ content:''; background: url(../img/sub-top07.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg08::after{ content:''; background: url(../img/sub-top08.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 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: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg09::after{ content:''; background: url(../img/sub-top09.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}



.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 56%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #3e515e;}
.sub_top_txt h3 { font-family: 'copperplate', sans-serif; color: #fff; font-size: 5vw; line-height: 150%; font-weight: 400; animation: sub_top_txt 1.3s 1.2s both; letter-spacing: 0vw; transform: translateY(3vw); 
text-transform: uppercase; }



.st-line { z-index: -1; height: 1px; background-color: #fff; width: 100%; position: absolute; bottom: -3px;  animation: st 0.5s 0.2s both linear; }
.st {position: relative; width: 100%; z-index: 2;}
@keyframes st 
{ 
	from { width: 0%; } 
	50% {    } 
	to { } 

}

@keyframes sub_top_txt {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}
@keyframes sub_top_txt2 {
	from { letter-spacing: 5vw; transform: translateX(0rem); }
	to{ }
}


@keyframes sub-top {

    from {  transform:scale(1.2)}

    to { }
    
  }

@keyframes sub-top-bg {

    from {  opacity:0;}

    to { }
    
  }


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


@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;}
#sub-tit {}
#sub .sub-tit{font-size:28px; font-weight:400; padding-bottom:0px; line-height:90%; letter-spacing: -1.5px; margin-top: 20px; margin-left:4vw; text-align:left;  }
.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:50px; opacity: 1; overflow: hidden; padding-bottom: 40px; }
.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%; display: flex; justify-content: space-between; border-bottom: #e1e1e1 1px solid; }
.snb li { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #fff;border-left: #e1e1e1 1px solid; }
.snb li a { color: #000; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { background-color: #8b2332; }
.snb .selected a { color: #fff; }


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


.ready_p { width:80%; font-size: 1.4625rem; text-align: center; margin:3rem auto; background: #000e42; color:#fff; padding:1rem 1rem;}

.sub_over_txt_box { margin-top: 50px; /*display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; */ margin-bottom: 50px; text-align:left;}
.sub_over_txt_box>div { width: 100%; margin-bottom: 50px; }
.sub_over_txt_box>div h4 { font-size: 20px; line-height: 100%; font-weight: 600; border-bottom: 1px solid #383838; padding-bottom: 15px; }
.sub_over_txt_box>div p { font-size: 15px; line-height: 170%; margin-top: 15px; font-weight: 500; }

.sub_over_txt_box h1{font-size:18px; color:#111; font-weight:500; margin-top:-30px; padding-bottom:5px;}
.sub_over_txt_box table{border:1px solid #ddd; width:100%; font-size: 12.5px;font-weight:400; }
.sub_over_txt_box table th{background:#4f372b; color:#fff; height:23px; border-bottom:1px solid rgba(255,255,255,0.6); width: 73px;text-align: center; letter-spacing: 2px; padding-left: 2px; }
.sub_over_txt_box table th span { display: inline-block; margin: 0 3px; }
.sub_over_txt_box table td{background:#fff; color:#222; height:23px; border-bottom:1px solid #ddd; padding: 14px 0px 14px 3%; letter-spacing: -1px; }

.sub_over_top { width: 100%; height: auto; position: relative; padding: 0rem 0 25rem; }

.over_tit_box h2 { font-size: 1.625rem; line-height: 140%; color: #262626; font-weight: 200; text-align: left; }
.over_tit_box h2 b { font-weight: 700; }

.over_txt_box { position: absolute; left: 0; top: 0; text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center !important; 
z-index: 8; color: #000e42; transition: 0.8s; /*opacity: 0; transform: translate(31.25rem,-2.5rem); */}
.over_txt_box.white { color: #fff; z-index: 9; }
.over_txt_box h4 { font-size: 1.375rem; line-height: 100%; font-weight: 300; letter-spacing: 0.875rem; padding-left: 0.875rem; opacity: 0; transform: translateY(-1.875rem); }
.over_txt_box h2 { font-family: "Nanum Myeongjo", serif; font-size: 1.6875rem; line-height: 100%; font-weight: 600; margin-top: 2rem; letter-spacing: 1.0625rem; padding-left: 1.0625rem; opacity: 0; transform: translateY(-1.875rem); }
.over_txt_box h2 span { font-size: 2.8125rem; letter-spacing: 2rem; vertical-align: middle; display: inline-block; margin-left: 0.5rem; }


.over_img_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; clip-path: inset(20% 15% 0% 15% round 300px 300px 0 0); opacity: 1; }
.over_vd_box { position: relative; left: 0; top: 0; width: 250%; opacity: 1; z-index: 1; overflow: hidden; }
.over_vd { position: relative; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.over_vd iframe { position: absolute; top: 44%; transform: translate(-74%,-63%); left: 50%; width: 130%; height: 130%; z-index: 2; opacity: 1; }
.over_vd:before { content:''; width: 130%; height: 130%; position: absolute; top: 44%; transform: translate(-74%,-63%); left: 50%; background: url(../../sub/planning_bg.jpg) center no-repeat; background-size: cover; z-index: 1; }

.over_logo {margin-top:40px;}
.over_tit_box.box02 {margin-top:40px;}
.over_tit_box p { font-size: 1.025rem; line-height: 138%; font-weight: 500; text-align: right; }


.sub_over_top2 { width: 100%; height: auto; position: relative; padding: 0rem 0 0rem; }

.over_tit_box2 h2 { font-size: 1.625rem; line-height: 140%; color: #262626; font-weight: 200; text-align: left; }
.over_tit_box2 h2 b { font-weight: 700; }

.over_txt_box2 h4 { font-size: 1.375rem; line-height: 100%; font-weight: 300; letter-spacing: 0.875rem; padding-left: 0.875rem; opacity: 0; transform: translateY(-1.875rem); }
.over_txt_box2 h2 { font-family: "Nanum Myeongjo", serif; font-size: 1.6875rem; line-height: 100%; font-weight: 600; margin-top: 2rem; letter-spacing: 1.0625rem; padding-left: 1.0625rem; opacity: 0; transform: translateY(-1.875rem); }
.over_txt_box2 h2 span { font-size: 2.8125rem; letter-spacing: 2rem; vertical-align: middle; display: inline-block; margin-left: 0.5rem; }

.over_cg {margin-top:2rem;}



.swiper_planning { margin: 0; padding: 0; }
.swiper_planning .sub_planning_img { width: 100%; height: 80vw; max-height: 637px; }
.sub_planning_img.img01 { background: url(../../sub/planning.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img02 { background: url(../../sub/planning02.jpg) center no-repeat; background-size: cover; }
.sub_planning_img.img03 { background: url(../../sub/planning03.jpg) center no-repeat; background-size: cover; }

.swiper_planning_thumb { width: 100%; margin: 0; padding: 0; }

.swiper_planning_thumb .swiper-wrapper { display: flex; justify-content: flex-start; flex-direction: row; }
.swiper_planning_thumb .swiper-slide { height: 100%; height: 7.3125rem; height: 17vw; max-height: 157px; cursor: pointer; border: none; overflow: hidden; margin-top: 1rem; position: relative; }
.swiper_planning_thumb .sub_planning_img { width: 100%; height: 100%; filter: grayscale(1); }
.swiper_planning_thumb .swiper-slide-thumb-active .sub_planning_img { opacity: 1; filter: grayscale(0); }
.swiper_planning_thumb .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 3px solid #000; box-sizing: border-box; }


    .sub_over_top { flex-wrap: wrap; }
    .swiper_planning { width: 100%; }
    .swiper_planning .sub_planning_img { height: 53vw; }

    .swiper_planning_thumb { width: 100%; }
    .swiper_planning_thumb .swiper-wrapper { justify-content: flex-start; flex-direction: revert; }
    .swiper_planning_thumb .swiper-slide { max-width: 118px; height: 17vw; }
    
    .swiper-button-next-planning { display: none; }
    .swiper-button-prev-planning { display: none; }



/**/

.sub_location_wrap { width: 100%; /*max-width:500px; */margin: auto; height: auto; position: relative; text-align: left; padding-bottom: 1.5rem; }

.sub_location_map_box { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; position: relative; border: 1px solid #ccc; box-sizing: border-box; opacity: 0; }
.sub_location_map_wrap { width: 100%; position: relative; margin-left: 0%; }
.sub_location_map { width: 100%; height: 15.925rem; position: relative; overflow: hidden; background-color: #f1f4f6; }
.sub_location_map_m { display: none; }
.sub_location_move { width: 600%; height: 600%; margin-left: -250%; margin-top: -157%; cursor: move; display: flex; justify-content: center; align-items: center; }
.sub_location_map img { width: 17%; }
.sub_location_map.active img { transform: scale(1.3); }
.sub_location_map.active2 img { transform: scale(1.8); }

.sub_location_map_plus { /*width: 87px;*/ width: 40px; height: 40px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 10px; right: 10px; z-index: 9; }
.sub_location_map_plus>div { width: 40px; height: 40px; border-radius: 100%; position: relative; cursor: pointer; }
.sub_location_map_plus>div:before { content: ''; width: 30%; height: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; z-index: 9; }
.sub_location_map_plus>div:after { content: ''; width: 1px; height: 30%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }
.sub_location_map_plus>div:nth-child(1) { background-color: #000; }
.sub_location_map_plus>div:nth-child(2) { background-color: #fff; border:1px #3d3d3d solid; display:none; }
.sub_location_map_plus>div:nth-child(2):before { background-color: #000; }

.sub_location_map_pop { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 999999999999999; transition: 0.8s; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.sub_location_map_pop>div { width: 80%; position: relative; }
.sub_location_map_pop img { width: 100%; }
.sub_location_map_pop_close { width: 30px; height: 30px; border-radius: 100%; position: absolute; background-color: #000; z-index: 9; right: 20px; top: 20px; transform: rotate(-45deg); cursor: pointer; }
.sub_location_map_pop_close:before { content: ''; width: 40%; height: 1px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; z-index: 9; }
.sub_location_map_pop_close:after { content: ''; width: 1px; height: 40%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }
.sub_location_map_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9999998; background-color: #000; opacity: 0.7; transition: 0.6s 0.2s }

.sub_location_map_pop.active { top: 0; transition: 0.8s 0.2s; }
.sub_location_map_pop_bg.active { left: 0; transition: 0.6s 0s; }

.sub_location_bottom { width: 100%; position: relative; margin-top: 3rem; }

.sub_location_tit { text-align: center;}
.sub_location_tit { margin-top: 5.5rem; text-align: center; transform: translateY(3.5rem); opacity: 0; }
.sub_location_tit h4 { font-size: 1.125rem; line-height: 100%; font-weight: 300; margin-top: 0.875rem; }
.sub_location_tit h4 b { font-weight: 700; }

.sub_location_txt_box { text-align: left; color: #2c2928; transform: translateY(3.5rem); opacity: 0; /*display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 3.5rem;*/ margin-top: 3.25rem; }
.sub_location_txt_box>div { width: 100%; border: 1px solid #cdcdcd; box-sizing: border-box; padding: 3rem 2.125rem; position: relative; margin:3rem auto;}
.sub_location_txt_box>div span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }

.sub_location_txt_box h5 { font-size: 0.75rem; line-height: 100%; color: #b69481; font-weight: 500; letter-spacing: 0; }
.sub_location_txt_box h2 { font-size: 1.5rem; line-height: 100%; font-weight: 300; margin-top: 0.25rem; }
.sub_location_txt_box h2 b { font-weight: 700; }
.sub_location_txt_box p { font-size: 0.85rem; line-height: 178%; font-weight: 500; opacity: 0.7; margin-top: 1.5rem; }
.sub_location_img { width: 100%; margin-top: 2.125rem; }
.sub_location_img img { width: 100%; }

.sub_location_txt_box>div:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.5s; z-index: 9; }
.sub_location_txt_box>div:before { content:''; width: 1px; height: 0; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.5s; z-index: 9; }
.sub_location_txt_box>div span:after { content:''; width: 0; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.5s; z-index: 9; }
.sub_location_txt_box>div span:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.5s; z-index: 9; }

.sub_location_txt_box>div:hover:after,.sub_location_txt_box>div:hover:before { height: calc(100% + 2px); }
.sub_location_txt_box>div:hover span:after,.sub_location_txt_box>div:hover span:before { width: calc(100% + 2px); }


/*
.sub_location_img_box { width: 100%; height: 400px; transform: translateX(-5rem); opacity: 0; }
.sub_location_img {position: absolute;}
.sub_location_img.img01 { width:60%; top:0; left:0;}
.sub_location_img.img02 { width:35%; top:0; right:0;}
.sub_location_img.img03 { width:35%; top:8.8rem; left:0; }
.sub_location_img.img04 { width:60%; top:16.5rem; right:0; }


.sub_location_txt_box { text-align: left; color: #2c2928; transform: translateX(5rem); opacity: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 3.25rem 0; margin-top:3rem; }
.sub_location_txt_box h5 { font-size: 0.75rem; line-height: 100%; color: #b69481; font-weight: 500; letter-spacing: 0; }
.sub_location_txt_box h2 { font-size: 1.5rem; line-height: 100%; font-weight: 300; margin-top: 0.25rem; }
.sub_location_txt_box h2 b { font-weight: 700; }
.sub_location_txt_box p { font-size: 0.775rem; line-height: 178%; font-weight: 500; opacity: 0.7; margin-top: 1.5rem; }
*/
.location_logo { position: absolute; left: 0rem; right: 0; top: 0; bottom: 0; margin: auto; }


.sub_location_map_box.active { opacity: 1; transition: 1.0s 0s; }

.sub_location_bottom.active .sub_location_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.sub_location_bottom.active .sub_location_img_box { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }

.sub_location_bottom.active .sub_location_tit { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.sub_location_bottom.active .sub_location_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.sub_location_bottom.active .sub_location_img_box { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }


/*  */

.sub_premium_wrap { width: 100%; margin: auto; position: relative; text-align: left; margin-bottom: 5.25rem; }

.sub_premium_tit_box { font-family: 'copperplate'; position: absolute; z-index: -1; text-align: center; transform: translateY(4rem); color: #ebebeb; text-align: left; opacity: 0; }
.sub_premium_tit_box h1 { font-size: 6.25rem; line-height: 105%; font-weight: 400; text-transform: uppercase; transition: 0.8s; }
.sub_premium_tit_box h1>span { /*display: flex; justify-content: center; align-items: center; */overflow: hidden; }
.sub_premium_tit_box h1 b { display: inline-block; font-weight: 400; transform: translateY(0%); }
.sub_premium_tit_box h1 b.spacing { margin-right: 2.625rem; }
.sub_premium_tit_box h1>span:last-child b { font-weight: 400; }
.sub_premium_tit_box img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9; }

.sub_premium_tit_box.box01 { right: -22.5rem; top: 5.5rem; right: -52rem; }
.sub_premium_tit_box.box02 {right: 0rem; top: 50rem; transform: rotate(90deg); transform-origin: right top; }
.sub_premium_tit_box.box02 h1 { font-size: 5rem; }

.sub_premium_content { width: 100%; /*display: flex; align-items: flex-start; */}
.sub_premium_content.con01 { opacity: 0; transform: translateX(-6rem); }
.sub_premium_content.con02 { /*position: absolute; right: 0; top: 21.25rem; */opacity: 0; transform: translateY(-4rem); }
.sub_premium_content.con03 { opacity: 0; transform: translateX(6rem); text-align:right;}
.sub_premium_content.con04 { opacity: 0; transform: translateY(4rem); }
.sub_premium_content>div { /*display: flex; gap: 0 2.875rem; */}
.sub_premium_content.con01>div { }
.sub_premium_content.con02>div { display: block; }
.sub_premium_content.con03>div { }
.sub_premium_content.con04>div { text-align: right; }

.sub_premium_content.con02 .sub_premium_txt_box { margin-top: 3.5rem; }
.sub_premium_content.con03 .sub_premium_txt_box { text-align:left;}
.sub_premium_txt_box h5 { font-family: 'copperplate'; font-size: 0.65rem; line-height: 100%; margin-top:4rem;  }
.sub_premium_txt_box h2 { font-size: 1.4rem; line-height: 125%; font-weight: 300; margin-top: 1rem; }
.sub_premium_txt_box h2 b { font-weight: 700; }
.sub_premium_txt_box p { font-size: 0.775rem; line-height: 178%; margin-top: 3rem; font-weight: 500; opacity: 0.7; margin-bottom:5rem; }

.sub_premium_content.con01 .sub_premium_txt_box h5 { color: #b08d76; }
.sub_premium_content.con02 .sub_premium_txt_box h5 { color: #9a948d; }
.sub_premium_content.con03 .sub_premium_txt_box h5 { color: #4e7eb4; }
.sub_premium_content.con04 .sub_premium_txt_box h5 { color: #a9978f; }


.sub_premium_txt_box.box01 { margin-top: 3.25rem; margin-bottom: 7.5rem; margin-bottom: 5rem; }
.sub_premium_txt_box.box02 { margin-bottom: 2.625rem; }
.sub_premium_txt_box.box03 { width: auto; position: absolute; right: -2rem; top: 0; }
.sub_premium_txt_box.box04 { margin-top: 2.125rem; margin-left: -5rem; }

/**/


    .premium_tit2 { justify-content: center; transform: translateY(-3rem); }
    .premium_tit2 h5 { font-size: 1.6rem; margin-right: 1.25rem; margin-bottom: 0.125rem; }
    .premium_tit2 h2 { font-size: 1.6rem; letter-spacing: 0.325rem; }

    .premium_box { width: 100%; margin: auto; gap: 2.25rem; margin-top: 2.5rem; transform: translateY(3rem); }
    .premium_content2 { width: calc(100% - 0rem); max-width: 320px; margin: auto; border-radius: 0 !important; border: 1px solid #c2c2c2; box-sizing: border-box; text-align: left; transition: 0.3s; 
	overflow: hidden; background-color: #fff;  margin:2.25rem auto;}


    .premium_content2>div { width: 100%; height: 100%; padding: 3.375rem 0 3.375rem 2.375rem; color: #2c2928; transition: 0.3s; box-sizing: border-box; }
    .premium_content2 h2 {  font-size: 1.5rem; line-height: 130%; margin-top: 0.5rem; font-weight: 300; letter-spacing: -0.125rem; }
    .premium_content2 h2 b { font-weight: 900; }
    .premium_content2 p { font-size: 0.85rem; line-height: 178%; margin-top: 1.375rem; opacity: 0.7; font-weight: 500; }

    .premium_content2:hover>div { background-color: transparent; color: #2c2928; }



.sub_premium_wrap2 { width: 100%; max-width: 1314px; margin: auto; position: relative; text-align: left; margin-bottom: 3.5rem; }

.sub_premium_bg { position: absolute; left: -13%; bottom: -56%; z-index: -1; opacity: 0; }

.sub_premium_wrap2.active .sub_premium_bg { opacity: 1; transform: translate(0); transition: 1.0s 0s; }
.sub_premium_wrap2.active .premium_box2 { opacity: 1; transform: translate(0); transition: 1.0s 0s; }

.sub_premium_wrap2 .premium_content2 h2 {font-size: 1.1625rem;}
.sub_premium_wrap2 .premium_content2 p {font-size: 0.85rem;}

.sub_premium_tit_box.box01.active { opacity: 1; right: -22.5rem; transition: 1.2s 0.2s; }
.sub_premium_tit_box.box02.active { opacity: 1; top: 57rem;  transition: 1.2s 0.7s; }
.sub_premium_content.active { opacity: 1; transform: translate(0); transition: 1.0s 0.2s; }

    .sub_premium_wrap2 { max-width: 389px; margin: auto; margin-bottom: 4.75rem; }
    .premium_box2 { gap: 2.25rem 0; }


/**/

.sub_contact_wrap { width: 100%;  margin: auto; position: relative; text-align: left; color: #010101; }

.sub_contact_wrap h2 { font-size: 1.5rem; line-height: 100%; margin-bottom: 0.9375rem; font-weight: 500; }
.sub_contact_wrap h2 img { margin-right: 0.625rem; margin-top: 0px; }
.sub_contact_top { width: 100%; }
.sub_contact_top>div { width: 100%;  }

.sub_contact_bottom { width: 100%; margin-bottom: 4.375rem; opacity: 0; }
.sub_contact_bottom>div { width: 100%; }

.sub_contact_map_box { width: 100%; height: 301px; border: 1px solid #9e9e9e; }
.sub_contact_map_box img { width: 100%; }

.sub_contact_txt_box { width: 100%; margin: 1.5625rem 0; }
.sub_contact_txt_box h3 { display: inline-block; font-size: 2rem; line-height: 100%; font-weight: 700; position: relative; margin-bottom: 3.75rem; }
.sub_contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.sub_contact_box.box2 { margin-top:3rem;}

.sub_contact_add { display: flex; justify-content: space-between; align-items: center;  margin-top:2rem;}
.sub_contact_add h4 { font-size: 1.375rem; line-height: 100%; font-weight: 600; }
.sub_contact_add p { font-size: 0.9375rem; line-height: 150%; margin-top: 0.5rem; font-weight: 400;  }
.sub_contact_top .sub_contact_add { margin-top: 3.125rem; }

.sub_contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 0.625rem; }
.sub_contact_bt a { display: block; margin-left: 0.3125rem; }

#map { position: relative; width: 100%; height: 100%; }
#map2 { position: relative; width: 100%; height: 100%; }

.map_marker { font-family: 'Pretendard'; width: auto; height: 36px; border: 2px solid #000e42; background-color: #fff; border-radius: 25px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 15px; position: relative;
box-sizing: border-box; }
.map_marker p { font-size: 13px; line-height: 100%; color: #000; font-weight: 600; }
.map_marker:after { content:''; width: 0px; height: 0px; border-top: 8px solid #000e42; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto; }
/*.map_marker.mk01 { width: 82px; z-index: 9; }*/
/*  */
.sub_contact_bottom.active { opacity: 1; transition: 1.0s 0s; }



/**/

.sub_gongo_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; color: #000; }

.sub_gongo_top { width: 100%; height: auto; overflow: hidden; }

.sub_gongo_img_box {  width: 100%; height: 220px; background: url(../../sub/gongo.jpg) center no-repeat; background-size: cover; }

.sub_gongo_txt_box { width: 100%; height: 100%; margin-top: 5%;  text-align: left; }
.sub_gongo_txt_box>div { width: 100%; height: 50%; border: 1px solid #b2b2b2; box-sizing: border-box; margin-bottom: 5%; position: relative; }
.sub_gongo_txt_box>div>a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding: 30px 30px 40px; }
.sub_gongo_txt_box>div:nth-child(2) { margin-bottom: 0; }
.sub_gongo_logo {transform: scale(0.75); transform-origin: left center; margin-left: 2px;}
.sub_gongo_txt_box h2 { line-height: 100%; font-size: 20px; margin-top: 10px; margin-left: -2px; }
.sub_gongo_txt_box p {line-height: 167%; opacity: 0.7; font-size: 11px; margin-top: 20px;}
.sub_gongo_txt_box>div:nth-child(2) { margin-bottom: 10%; }

.sub_gongo_bt { width: 35px; height: 35px; background-color: #e3e3e3; position: absolute; right: 22px; bottom: 22px; border-radius: 100%; }
.sub_gongo_bt>div {width: 25px; height: 17px;  position: absolute; left: -6px; top: 0; bottom: 0; margin: auto; transition: 0.4s; }
.sub_gongo_bt>div:before { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.sub_gongo_bt>div:after { content:''; width: 6px; height: 6px;  border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); transform-origin: center; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.sub_gongo_notice { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.sub_gongo_notice a { width: 13%; display: block; }
.sub_gongo_notice img:nth-child(1) { width: 59%; }
.sub_gongo_notice a img:nth-child(1) { width: 100%; }
.sub_gongo_notice img:nth-child(3) { width: 28%; }

.sub_gongo_txt_box>div>a:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; left: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div>a:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; right: -1px; top: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:before { content:''; width: 0; height: 1px; background-color: #000; position: absolute; right: -1px; bottom: -1px; transition: 0.4s; }
.sub_gongo_txt_box>div:after { content:''; width: 1px; height: 0; background-color: #000; position: absolute; left: -1px; bottom: -1px; transition: 0.4s; }

.sub_gongo_txt_box>div:hover>a:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover>a:after { height: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:before { width: calc(100% + 2px); }
.sub_gongo_txt_box>div:hover:after { height: calc(100% + 2px); }

.sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -3px; }



	.sub_gongo_notice { display: none; }

	.sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -3px; }



.sub_ori { width: 100%; max-width: 1100px; margin: auto; background-color: #f3f3f3; text-align: left; padding: 1.25rem 1.417rem; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; margin-top:2rem; }
.sub_ori>div { width: 2.917rem; height: 2.917rem; min-width: 2.917rem; border-radius: 100%; background: #04122f url(../../sub/ori.png) center no-repeat; margin-right: 1.167rem; background-size: 0.3rem; }
.sub_ori ul {  }
.sub_ori ul li { font-size: 0.833rem; line-height: 155%; color: #383838; font-weight: 400; letter-spacing: -0.5px; position: relative; }
.sub_ori ul li:before { content:'·'; position: absolute; left: -0.5rem; margin-right: 0.167rem; }

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

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










#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:1%;
    float: left;
    text-align:center;
    cursor: pointer;
    width:18.4%;

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


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#707070; background: #000e42 ;   border: 1px solid #000e42; }
	
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;
}


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

	.sub_top_txt { top:175px;  }
	.sub_top_bg {height:400px;}
	#sub-top {height:400px;}
	.sub_top_txt h3 {font-size:30px;}



}




ul.tabs3 { 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.tabs3 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: #e9eaec;
    overflow: hidden;
    position: relative;
	
}


ul.tabs3 li.selected, ul.tabs3 li.selected:hover
{
    position: relative;
    top: 0px;
	color:#707070; background: #009cac ;   border: 1px solid #009cac; }
	
ul.tabs3 li.selected a, ul.tabs3 li.selected a:hover { color:#fff;}
        

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

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

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


/**/

.summary_img_box { width: 100%; /*height: 620px;*/ height: 350px; position: relative; overflow: hidden; }
.summary_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;/*top: 20%;*/ background: #555 url(../../sub/m/planning.jpg) center bottom no-repeat; background-size: cover; z-index: 2; animation: summary_img 1.2s 0.5s both;}
.summary_img_txt { position: absolute; left: 6%; top:4%; color: #383838; text-align: left; font-family: 'felixti'; z-index: 9; }
.summary_img_txt h4 { font-size: 4vw; line-height: 180%; letter-spacing: -2px; opacity:0.6; margin-left:8vw;  animation: summary_txt2 1.2s 1s both;}
.summary_img_txt h1 { font-family: 'Nanum Myeongjo', serif; font-size: 7vw; line-height: 130%; letter-spacing: -2px;  font-weight: 500; margin-top:20%; margin-left:8vw; animation: summary_txt2 1.2s 1s both;}
.summary_img_txt div { width: 1px; height:180px; background-color:#000; position:absolute; animation: summary_txt 1.2s 0.2s both;}

.summary_txt_box { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 3.125rem 5%; text-align: left; margin-top: 4.5rem;  animation: summary_img 1.2s 0.5s both;}
.summary_txt_box>div { width: 30%; }
.summary_txt_box h3 { font-size: 1.3rem; line-height: 100%; font-weight: 600; color: #383838; border-bottom: 1px solid #383838; padding-bottom: 1rem; }
.summary_txt_box p { font-size: 1rem; line-height: 180%; margin-top: 1.5rem; }


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

@keyframes summary_txt2 {
	from {  opacity: 0; transform: translateX(-30px); }
	to{ }
}

@keyframes summary_txt {
	from {  height:0px; }
	to{ }
}



/**/

.brand_pop_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 999999999999; display: flex; justify-content: center; align-items: center; color: #000; transition: 0.8s 0s; }
.brand_pop_wrap>div { width: 90%; max-height: 500px; overflow: scroll; max-width: 1100px; background-color: #fff; padding: 30px 20px; }
.brand_pop_wrap>div::-webkit-scrollbar { display: block; width: 7px; height: 100%; background-color: #f3f3f3; }
.brand_pop_wrap>div::-webkit-scrollbar-thumb { width: 100%; background-color: #cacaca; border-radius: 20px; }

.brand_pop.pop02 { display: none; }
.brand_pop.pop03 { display: none; }
.brand_pop_tit { font-size: 22px; line-height: 100%; font-weight: 500; text-align: center; position: relative; }
.brand_close { width: 35px; height: 35px; position: absolute; right: -10px; top: -15px; cursor: pointer; }
.brand_close:before { content: ''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(-45deg); }
.brand_close:after { content: ''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; transform: rotate(45deg); }

.brand_pop_wrap table { width: 100%; margin-top: 20px; border: 1px solid #555; text-align: center; }
.brand_pop_wrap table tr {  }
.brand_pop_wrap table tr:first-child td { padding: 6px 0 !important; text-align: center !important; color: #fff; background-color: #555; font-size: 11px; }
.brand_pop_wrap table tr td { padding: 9px 0; position: relative; font-size: 12px; line-height: 130%; }
.brand_pop_wrap table tr td:before { content:''; width: 100%; position: absolute; height: 1px; background-color: #ddd; left: 0; bottom: 0; }
.brand_pop_wrap table tr td:after { content:''; width: 1px; position: absolute; height: 100%; background-color: #ddd; right: 0; bottom: 0; }
.brand_pop_wrap table tr td:nth-child(1) { width: 67%; text-align: left; padding: 9px 10px; }
.brand_pop_wrap table tr td:nth-child(2) { width: 14%; }
.brand_pop_wrap table tr td:nth-child(3) { width: 19%; }
.brand_pop_wrap table tr td:last-child:after { display: none; }
.brand_pop_wrap table tr:last-child td:before { display: none; }

.brand_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 999999998; background-color: #000; opacity: 0.7; transition: 0.6s 0.2s; }



.brand_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }
.brand_pop_bg.active { left: 0; transition: 0.6s 0s; }