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

::-webkit-scrollbar {

display:none;

} 



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


/**/


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

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

 
.scroll_x{ position: fixed; width: 100%; height: 100vh;touch-action:none;z-index: 9999999999995;}

/*pr_pop*/
.section_pr{position: relative;  display: flex; width: 90vw; margin: 0 auto; padding: 8vw 0; gap:1vw;}
.main_pr_wrap { width: 100%; height: auto; z-index: 99; border-radius: 1rem; overflow: hidden; cursor: pointer; opacity: 0; transform: translateX(5rem); transition: 0.8s; }
.main_vd_box { width: 100%; height: 100%; position: absolute; background-color: #000; overflow: hidden; z-index: 1; }
.main_vd_box::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_bg.png) center bottom no-repeat; background-size: cover; z-index: 3; opacity: 0; transition: 1.2s; }
.main_vd { position: absolute;  width: 100%; padding-bottom: 100%; height: 0; z-index: 1; }
.main_vd::before { content:''; width: 100%; height: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; background: url(../img/main_vd.jpg) center no-repeat; background-size: cover; z-index: 1; }
/* .main_vd:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; } */
.main_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 110%; height: 110%; z-index: 3; opacity: 0.5; transition: 1.2s; }
/* .main_vd iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; z-index: 2; position: relative; } */
.main_vd img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .4;} 
.main_vd img::before { content:''; width: 100%; height: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; background: url(../img/main_vd.jpg) center no-repeat; background-size: cover; z-index: 1; }

.main_pr_txt_box { width: 100%; /*height: 100%; */ height: 7rem; position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; color: #fff; }
.main_pr_txt_box img { width: 5vw; }
.main_pr_txt_box h4 { font-size: 3vw; white-space: normall; word-break: keep-all; text-align: center; line-height: 100%; margin-top: 0.1rem; }
.main_pr_txt_box>div{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2vw;}

.pr_pop_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 99999999; display: flex; justify-content: center; align-items: center; transition: 0.8s 0s; }
.pr_pop_bg_bt { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; }

.pr_pop { width: 80%; max-width: 1100px; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(20px); z-index: 9; }
.pr_pop iframe { width: 100%; aspect-ratio: 16/9 !important; background-color: #000; }
.pr_pop_bg { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 99999998; background-color: #000; opacity: 0.8; transition: 0.6s 0.2s; }
.pr_pop_close { width: 55px; height: 55px; position: absolute; right: 0; top: -65px; cursor: pointer; }
.pr_pop_close:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(45deg); }
.pr_pop_close:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; transform: rotate(-45deg); }


.pr_pop_wrap.active { top: 0; transition: 0.8s 0.2s; }
.pr_pop_bg.active { left: 0; transition: 0.6s 0s; }

.section_pr.active .main_pr_wrap { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }


/*//pr_pop*/





.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_box>div { position: relative; width:100%; height:100%; } 

.int_txt { position: absolute;}


.int_txt01 { width: 100%; margin: 0 auto;  opacity: 0;  animation: int_txt01 1.7s 0.1s both; top:7rem; }
.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 { }


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

.int_txt03 { width: 100%; margin: 0 auto; opacity: 0; animation: int_txt03 2s 3.5s both; top:7rem;}

@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_img.jpg") center top no-repeat;  background-size: cover; }
	to {  background: url("../img/main_img.jpg") center bottom no-repeat;  background-size: cover; }
}
/**/

/* skip */
.main_skip_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999999980; display: none; }
.main_skip_bt { width: 70px; height: 70px; position: fixed; left: revert; top: revert; right: 7.5%;  bottom: 5%;cursor: pointer; animation: sub_top_txt111 1.0s 1.0s both;}
.main_skip_bt>div{width: 70px;
        height: 70px;
        background-color: #fff;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        left: 0;
        top: 0;
        transform: translate(0);
        transition: opacity 1.0s;
        opacity: 1;
        position: absolute;
        display: flex;}
.main_skip_bt>div p { font-family: 'lexend', sans-serif; color: #000; font-size: 14px; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; display: block; }
    .main_skip_bt>div:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #fff; opacity: 0.3; border-radius: 100%;  
    
        animation-name: cursor_skip, cursor_skip2;
        animation-duration: 2.1s, 2.1s;
        animation-delay: 0s, 0s;
        animation-timing-function: ease, ease;
        animation-fill-mode: both, both;
        animation-iteration-count: infinite, infinite;
  
    }
@keyframes cursor_skip {
0% { transform: scale(0.7); }
30% { transform: scale(0.7); }
80% { transform: scale(1); }
100% { transform: scale(1);  }
}
@keyframes cursor_skip2 {
0% { opacity: 0; }
20% { opacity: 0.3; }
70% { opacity: 0.3; }
100% { opacity: 0; }
}








/*  */
.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: relative; top: 0; left: 0;right: 0; margin: auto; width: 100%; height: 98dvh; max-width:500px;}

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

.main_box { width: 100%; height: 100%; 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_box .main_img { width: 100%; height: 100%; position: absolute; left: 0; }
.main_box .main_img.img01 { background: url("../img/main_img.jpg") center top no-repeat; background-size: cover; position: absolute; top: 0; transition: ease-in-out 6s .2s, opacity 2.5s 0s; }
.main_img.img02 { background: url("../img/main_img2.jpg") center bottom no-repeat; background-size: cover; position: absolute; top: 0; /*transform: scale(1); */  }
.main_img.img03 { background: url("../img/main_img3.jpg") center no-repeat; background-size: cover; }

.main_txt_box { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; top:20%; left: 0; right: 0; margin: 0 auto; z-index: 99; text-align:center; }
.main_txt_box.box02 {color: #fff; display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center;}
.main_txt_box.box03 {color: #001f44; display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center;}
.main_txt_box.box03 p {color: #5d5d5d; }
.main_txt_box h1{ font-size: 6vw; font-weight: 600;}
.main_txt_box p{ font-size: 3vw; }
.main_txt_box .line{ width: 8vw; height: 1px; background: #fff;}
.main_txt_box.box03 .line{ background: #5d5d5d;}
.main_txt_box.box01 img{position: absolute;}
.main_txt_box .m_logo{width:40vw; }

.main_txt01 { position: absolute; transform: translateY(3rem); opacity: 0;}
.main_txt02 { position: absolute; transform: translateY(3rem); opacity: 0;}
.main_txt03 { position: absolute; transform: translateY(3rem); opacity: 0;}
.main_txt04 {margin-top:1rem; transform: translateY(3rem); opacity: 0;}
.main_bottom {position: absolute; left:0; right:0; margin:0 auto; bottom:0; z-index:2; opacity: 0;}




.main_box.intro .main_txt_box { top: 50%;}
.main_box.intro .main_txt01{ opacity: 1; transform: translate(0); transition: 1.2s .2s;}
.main_box.intro .main_img.img01 { background: url("../img/main_img.jpg") center bottom no-repeat; transition: ease-in-out 6s .2s, opacity 2.5s 0s;}
/* .main_box.skip .main_img.img01 {background: url("../img/main_img.jpg") center no-repeat; background-position: bottom; transition: all 2.3s .2s!important;
} */


.main_box.intro2 .main_txt01{ opacity: 0; transform: translate(0); transition: 1.2s .2s;}
.main_box.intro2 .main_txt02{ opacity: 1; transform: translate(0); transition: 1.2s .6s;}

.main_box.intro3 .main_txt02{ opacity: 0; transform: translate(0); }
.main_box.intro3 .main_txt03{ opacity: 1; transform: translate(0); transition: 1.2s .6s;}

.main_box.intro4 .main_txt03{ opacity: 0; transform: translate(0); transition: 1.2s;}
.main_box.intro5 .main_txt_box{top: 10%; opacity: 0;}
.main_box.intro5 .main_txt_box.box01 img{position: relative;}
.main_box.intro6 .main_txt_box{top: 20%; transition: 1.2s .4s; opacity: 1;}
.main_box.intro6 .main_txt01{opacity: 1;transition: 1.2s .6s;}
.main_box.intro6 .main_txt02{opacity: 1;transition: 1.2s .6s;}
.main_box.intro6 .main_txt03{opacity: 1;transition: 1.2s .6s;}
.main_box.intro6 .main_txt04{opacity: 1; transform: translate(0); transition: 1.2s .8s;}
.main_box.intro6 .main_bottom{opacity: 1; bottom: 4rem; transition: 1.2s 1.6s;}

/* .main_box.skip .main_txt01 {margin-top:0; width:100%;  transform: translateY(0px);}
.main_box.skip .main_txt02 {margin-top:2rem;  transform: translateY(0px);}
.main_box.skip .main_bottom {position: absolute; left:0; right:0; margin:0 auto; bottom:4rem; z-index:2;} */



.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 .main_txt01 { animation: main_txt 1s 7.7s both; }
.main_box.active .main_txt_box .main_txt02 { animation: main_txt2 1s 8.5s both; }
.main_box.active .main_txt_box .main_bottom {animation: main_txt2 1s 9s both; }*/





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



/**/

.antro {font-family: 'antro';  letter-spacing:0px; font-size: 3.2rem;}
.ym_font {font-family: 'times-new-roman', sans-serif;  font-weight:600; font-size: 3.2rem; font-weight: 600;letter-spacing: -1px; color: #ed7765;}
.futura { font-family: 'Futura PT', sans-serif; }


/**/
.sec.balcony{display: none;}

/* calendar */
.calendar_wrap { width: 100vw; height: auto; padding: 20vw; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: 1.6s; }
.calendar_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/calendar_bg.jpg)no-repeat center / cover; transform: scale(1.2);}
.calendar_wrap .calendar_con { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap:10vw; color: #fff; }
.calendar_wrap .calendar_content { position: relative; width: 90vw; opacity: 0; transform: translateX(5rem); }
 .calendar_content h1{ font-size: 5vw; margin-bottom: 1.25rem; text-align: center; }
 .calendar_content h1 span{color: #ed7765;}
 .calendar_content .calendar_box_all{ display: flex; gap: 1vw; }
  .calendar_box_all>div{ position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: start; gap: 1.25rem; /*background: #ed7765;*/ border:1px solid #fff; 
  border-radius: 10px; transition: 0.4s;}
  .calendar_box_all>div .text{ text-align: left; font-size: 4vw; margin: 3vw; padding-bottom: 1.8rem; }
  .calendar_box_all>div .text p{ font-weight: 100; }
  .calendar_box_all>div img{ position: absolute; right: 2vw; bottom: 2vw; width: 4vw; }
 .calendar_btn{ display: flex; width: 90vw; gap: 2vw; opacity: 0; transform: translateY(5rem);}
 .calendar_btn>div{ width: 100%; height: fit-content; border: 1px solid #d5d5d5; background: #001f44; border-radius: 100px; transition: 0.4s;}
 .calendar_btn .btn a{ display: flex; justify-content: space-between; align-items: baseline; padding: 3vw;}
 .calendar_btn .btn a p{ font-size: 2.8vw; line-height: 100%; color: #fff;}
.calendar_btn .btn a img{width: 3vw;}
.calendar_tit { position: relative; text-align: center; line-height: 150%;opacity: 0; transform: translateY(-5rem);}
.calendar_tit h2{ text-transform: uppercase;}

.calendar_content .calendar_box_all.cal_box02 { margin-top:0.5rem; }


.calendar_wrap.active .calendar_tit{ transform: translateY(0); opacity: 1; transition: 1.2s 0.6s;}
.calendar_wrap.active .calendar_content{ transform: translateY(0); opacity: 1; transition: 1.2s 0.6s;}
.calendar_wrap.active .calendar_btn{ transform: translateY(0); opacity: 1; transition: 1.2s 0.8s;}
.calendar_wrap.active .calendar_bg{ transform: scale(1); transition: 1.6s 0.4s;}
/* //calendar */




/* copy */
.copy_wrap { width: 100vw; height: auto; position: relative; overflow: hidden; transition: 1.6s; }
.copy_bottom{ position: relative; z-index: 1; width: 100%; height: auto; background: #fff; color: #001f44; border-radius: 2rem 0 0 0;
display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateY(-2rem);}
.copy_bottom>div{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6vw;text-align: center; padding: 14vw 0;;}
  .copy_bottom .tit{ font-size: 6vw; font-family: "Nanum Myeongjo", serif; font-weight: 800; line-height: 160%; opacity: 0;}
  .copy_bottom h2{ font-size: 3.4vw; line-height: 120%; opacity: 0; }
  .copy_bottom .line{ width: 1px; height: 0; background: #001f44;}
  .copy_bottom img{ transform: translateY(-3rem); opacity: 0;}
.copy_top{ position: relative; width: 100vw; height: 110vw;}
.copy_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/copy_bg.jpg)no-repeat center / cover; transform: scale(1.2); }

.copy_wrap.active .copy_bottom .tit{ opacity: 1; transition: 1.2s 0.4s;}
.copy_wrap.active .copy_bottom h2{ opacity: 1; transition: 1.2s 0.4s;}
.copy_wrap.active .copy_bottom img{ transform: translate(0); opacity: 1; transition: 1.2s 0.4s;}
.copy_wrap.active .copy_bottom .line{ height: 26vw; transition: 1.2s 0.4s;}
.copy_wrap.active .copy_bg{ transform: scale(1); transition: 1.6s 0.4s;}
/* //copy */



/* title */
.title_wrap { width: 100vw; height: auto; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:20vw; transition: 1.6s; }
.title_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/title_bg.jpg)no-repeat center / cover; transform: scale(1.2);}
.title_wrap .title{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; opacity: 0;}
 .title .t_main{ width: 40vw;}
 .title .t_logo{ width: 26vw; margin-top: 50vw;}
 .title .t_logo:nth-child(1){ transform: translateX(-3rem);}
 .title .t_logo:nth-child(3){ transform: translateX(3rem);}
.title_wrap .sub_img{ position: relative; bottom: 0; display: flex; justify-content: center; align-items: end; gap: 2rem;}
 .sub_img .img_all{ position: relative; display: flex; width: 30vw; }
 .sub_img .img_all .title_train{ position: absolute; width: 20vw; z-index: 1; left: -20%; bottom: 0; opacity: 0; }
 .sub_img .img_all .title_shop{ position: absolute; width: 20vw; z-index: 1; right: 20%; bottom: 2vw; opacity: 0; }
 .sub_img .img_all ul{ display: flex; gap: 2vw; margin-bottom: 2vw;}
 .sub_img .img_all ul li{ opacity: 0; transform: translateY(3rem); width: 100%;}
 .sub_img .img_all ul li img{width: 100%;}

.title_wrap.active .title_bg{ transform: scale(1); transition: 1.6s 0.4s;}
.title_wrap.active .title{ transform: translateY(0); opacity: 1; transition: 1.6s 0.4s;}
.title_wrap.active .title .t_logo{ transform: translate(0);  transition: 1.6s 0.6s;}
.title_wrap.active .sub_img .img_all .title_train{ left:-40%; opacity: 1; transition: 1.2s 1.5s;}
.title_wrap.active .sub_img .img_all .title_shop{ right: -10%; opacity: 1; transition: 1.2s 1.5s;}
.title_wrap.active .sub_img .img_all:nth-child(1) ul li:nth-child(1){ transform: translate(0); opacity: 1; transition: 1.6s 1.2s;}
.title_wrap.active .sub_img .img_all:nth-child(1) ul li:nth-child(2){ transform: translate(0); opacity: 1; transition: 1.6s 1s;}
.title_wrap.active .sub_img .img_all:nth-child(1) ul li:nth-child(3){ transform: translate(0); opacity: 1; transition: 1.6s 0.8s;}
.title_wrap.active .sub_img .img_all:nth-child(2) ul li:nth-child(1){ transform: translate(0); opacity: 1; transition: 1.6s 0.8s;}
.title_wrap.active .sub_img .img_all:nth-child(2) ul li:nth-child(2){ transform: translate(0); opacity: 1; transition: 1.6s 1s;}
.title_wrap.active .sub_img .img_all:nth-child(2) ul li:nth-child(3){ transform: translate(0); opacity: 1; transition: 1.6s 1.2s;}
/* //title */



/* location */
.sec_location { width: 100%;  position: relative;  height:auto; background:#f7f7f7; max-width: 500px; top:0; margin:0 auto; display: flex; justify-content: center; align-items: center; padding:5rem 0 0;}
.location_wrap {}
.lo_tit { text-align:center; position: relative; line-height:150%; transform: translateY(3rem); opacity: 0;}
.lo_tit h1 { font-size:3.2rem; position: relative; z-index:2;  font-weight:600;}
.lo_tit h2 { font-size:3.2rem; color:#009a8a; text-transform:uppercase; font-weight:600; letter-spacing:-1px; }
.lo_tit h3 { font-size:1.4rem; color:#0c2242;  line-height:120%; margin-top:2.5rem; font-weight:600; }
.lo_tit h3 span { color:#009a8a;}

.location_img {margin-top:1.5rem; transform: translateY(3rem); opacity: 0;}
.location_img2 { /*margin-top:2rem;*/ position:absolute; right:2rem; bottom:0; transform: translateY(3rem); opacity: 0;}
.location_map { transform: translateY(3rem); opacity: 0;  position: relative; margin:0 auto; margin-top:3rem;  background:#fff; }

.location_part {position:absolute; right:0; bottom:0; }

.sec_location.active .lo_tit {transform: translate(0px); opacity: 1; transition: 1s 0.5s;}
.sec_location.active .location_img {transform: translate(0px); opacity: 1; transition: 1s 0.7s;}
.sec_location.active .location_img2 {transform: translate(0px); opacity: 1; transition: 1s 1s;}

.location_map.active {transform: translate(0px); opacity: 1; transition: 1s 0.4s;}


/**/

.sec_traffic { width: 100%;  position: relative;  height:auto; max-width: 500px; top:0; margin:0 auto; display: flex; justify-content: center; align-items: center;  background:#e4e4e4;}
.traffic_wrap { width:100%; position: relative; margin:0 auto;  padding:6rem 0 13rem; text-align:center;}

.traffic_tit { text-align:center; position: relative; line-height:180%; transform: translateY(3rem); opacity: 0;   letter-spacing:-1px; }
.traffic_tit h1 { font-size:3.2rem; position: relative; z-index:2;  font-weight:600; }
.traffic_tit h2 { font-size:3.2rem; color:#e84f40; text-transform:uppercase; font-weight:600; }
.traffic_tit p { font-size:1.32rem; color:#0c2242;  line-height:130%; margin-top:0.5rem;  font-weight:400; letter-spacing:-1.5px;}
.traffic_tit p span.green { color:#1f715b; font-weight:600;}
.traffic_tit p span.blue { color:#053691; font-weight:600;}

.traffic_txt { display: flex; justify-content: center; align-items: flex-start; gap:0.5rem;}
.traffic_txt h4 { font-size: 1.32rem; color: #0c2242; line-height: 80%; margin-top: 1.5rem;}
.traffic_txt h4 span { font-size: 0.875rem;  color: #0c2242; }
.traffic_txt h4 b.green { color: #ed7765; }
.traffic_txt h4 b.blue { color: #00aa9a; }


.traffic_img { margin-top:1.5rem;  transform: translateY(3rem); opacity: 0;  }

.traffic_box_wrap {  width:90%; position: relative; margin:0 auto;  transform: translateY(3rem); opacity: 0; }
.traffic_box { width:100%; position: relative;  display: flex; justify-content: space-between; align-items: center; gap:4%; z-index:2; padding-left:7rem; margin-top:2rem; }
.traffic_cc { text-align:center;  }

.traffic_box.box01 { margin-top:2rem;}

.traffic_line { position:absolute; width:calc(100% - 5px); height:5px; background:#00aa9a; z-index:-1; transform: translateY(-1rem); left:5px; }
.traffic_line_wrap {
  position:relative;
}

.train {
  position:absolute;
  left:0;
  top:-10px;
  width:100px;
  height:22px;
  background:url(../../img/traffic_ktx01.png) no-repeat center/contain;
}

.traffic_cc h1 { border:5px solid #00aa9a; background:#fff; border-radius:100%; font-size:0.975rem; width:4rem; height:4rem; display: flex; justify-content: center; align-items: center; flex-direction: column; font-weight:700; line-height:100%; 
margin: auto; color: #00ab9a;  }
.traffic_cc h1 b { font-size:1rem; }
.traffic_cc h1 span { font-size: 0.6625rem; font-weight: 400; letter-spacing: -2px;}
.traffic_box.box02 .traffic_cc h1 { color: #ed7765;}
.traffic_box.box03 .traffic_cc h1 { letter-spacing: -3px; }
/* .traffic_box.box03 .traffic_cc h1 b { font-size:0.9rem; } */

.traffic_cc p { font-size:0.795rem; font-weight:500; margin-top:0.5rem; letter-spacing:-2px; text-align:center;  white-space: nowrap;}
.traffic_cc p b { font-size: 0.975rem; font-weight: 700;}
/*.traffic_box.box01 .traffic_cc.cc00::after { content:''; background:url(../../img/train_ktx.png)no-repeat center / cover; position:absolute; width:80px; height:22px; z-index:-1; top:0.5rem;  left:20px; }
.traffic_box.box02 .traffic_cc.cc00::after { content:''; background:url(../../img/train_gtxc.png)no-repeat center / cover; position:absolute; width:80px; height:22px; z-index:-1; top:0.5rem;  left:20px; }
.traffic_box.box03 .traffic_cc.cc00::after { content:''; background:url(../../img/train_ktx.png)no-repeat center / cover; position:absolute; width:80px; height:22px; z-index:-1; top:0.5rem;  left:20px; }
*/
.traffic_cc.cc { color:#fff; }
.traffic_box.box02 .traffic_cc.cc { color:#fff; }
.traffic_box.box02 .traffic_line { background:#ed7765; }
.traffic_box.box02 .traffic_cc h1 { border:5px solid #ed7765;  }

.traffic_cc.cc00 { text-align:left; border:none; position: absolute; left:0; top:50%; width:80px; transform: translateY(-65%);}
.traffic_cc.cc00 p { margin-top:0.2rem; }

.traffic_box p { color:#00aa9a; }
.traffic_box.box02 p { color:#ed7765; }

.sec_traffic.active .traffic_tit {transform: translate(0px); opacity: 1; transition: 1s 0.4s; }
.sec_traffic.active .traffic_img {transform: translate(0px); opacity: 1; transition: 1s 0.7s; }
.sec_traffic.active .traffic_box_wrap {transform: translate(0px); opacity: 1; transition: 1s 1.2s; }

.traffic_wrap .ori { font-size: 0.625rem; line-height: 180%; color: #444; position: absolute; left: 0; right: 0; margin:0 auto; bottom: 2rem; width:90%; text-align:left;}

/**/

.sec_pre { width: 100%;  position: relative;  height:auto; max-width: 500px; top:0; margin:0 auto; display: flex; justify-content: center; align-items: center;}
.sec_pre::before { content:''; width: 100%; height:100%; background: url(../img/pre_bg.jpg) right no-repeat; background-size: cover; position:absolute; }
.pre_bg {}

.pre_wrap { width:100%; position: relative; margin:0 auto;  padding:6rem 0; text-align:center;}

.pre_tit { text-align:center; position: relative; line-height:180%; transform: translateY(3rem); opacity: 0;   letter-spacing:-1px; }
.pre_tit h1 { font-size:3.2rem; position: relative; z-index:2;  font-weight:600; }
.pre_tit h2 { font-size:3.2rem; color:#e84f40; text-transform:uppercase; font-weight:600; }
.pre_tit p { font-size:1.12rem; color:#000;  line-height:120%; margin-top:1.5rem;  font-weight:400; letter-spacing:-1.5px;}
.pre_tit p span { color:#009a8a; font-weight:600;}

.pre_img_box { position: relative; width:100%; margin:0 auto; left:0; right:0;  }
.pre_img { position: relative; width:70%; height:20rem; border-radius:20px; overflow:hidden; left:0; right:0; margin:0 auto; }
.pre_ob { position:absolute; z-index:2; width:70%; margin:0 auto; left:0; right:0; opacity:0; transform: translateX(-3rem);  }

.pre_ob.obj01 {  top:8.5rem; }
.pre_ob.obj02 { bottom:-3rem; left:-8rem; }
.pre_ob.obj03 { bottom:-3rem; right:-8rem; }
.pre_ob.obj04 { bottom:-1rem; right:-8rem;  }
.pre_ob.obj05 { bottom:-3rem; }
.pre_ob.obj06 { bottom:-1rem; right:-8rem;}

.pre_ob img { width:120%; }
.pre_ob.obj03 img { width:50%; }
.pre_ob.obj04 img { width:60%; }
.pre_ob.obj06 img { width:60%; }

.pre_img.img01::before { content:''; width: 100%; height:100%; background: url(../img/pre_img01.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }
.pre_img.img02::before { content:''; width: 100%; height:100%; background: url(../img/pre_img02.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }
.pre_img.img03::before { content:''; width: 100%; height:100%; background: url(../img/pre_img03.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }
.pre_img.img04::before { content:''; width: 100%; height:100%; background: url(../img/pre_img04.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }
.pre_img.img05::before { content:''; width: 100%; height:100%; background: url(../img/pre_img05.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }
.pre_img.img06::before { content:''; width: 100%; height:100%; background: url(../img/pre_img06.jpg) right no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto;  }

.pre_txt_box {  position: relative;  text-align:center; letter-spacing:-1px; margin-top:3rem;  line-height:140%;  opacity:0; transform: translateY(3rem);  }
.pre_txt_box h3 { font-size:1rem; }
.pre_txt_box h2 { font-size:1.4rem; font-weight:600; }
.pre_txt_box p { font-size:0.875rem; margin-top:0.7rem;  line-height:160%;  color:#343434;}

.pre_txt_box.green h2,
.pre_txt_box.green h3 { color:#009b8b; }
.pre_txt_box.red h2,
.pre_txt_box.red h3 { color:#d83121; }

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

.pre_arrow{display: flex; gap: 2rem; position:absolute;  width:95%; transform: translateY(-60px); left: 0; right: 0; margin: 0 auto; z-index: 15;}
/*.pre_arrow .swiper-button-prev::before,
.pre_arrow .swiper-button-next::before
{content: ''; position: absolute; width: 60px; height: 60px; border: 1px solid #fff; border-radius: 100px; pointer-events: none;}*/
.pre_arrow .swiper-button-prev img,
.pre_arrow .swiper-button-next img{ width: 40px; height: 40px; outline: none;}
.swiper-button-next { position:absolute; right:0;  }
.swiper-button-prev {  position:absolute; left:0; }
/*
.swiper-button-next {display: flex; justify-content: center; align-items: center; position: relative; margin: auto; width: 24px; height: 24px; right: 4%; left: revert; top: 1%; bottom: 0; padding: 0; outline: none; z-index: 99; }
.swiper-button-prev {display: flex; justify-content: center; align-items: center; position: relative; margin: auto; width: 24px; height: 24px; left: 4%; right: revert; top: 1%; bottom: 0; padding: 0; outline: none; z-index: 99; }
*/



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

.sec_pre.active .swiper_lo .swiper-slide.swiper-slide-active .pre_txt_box {transform: translateY(0px);opacity: 1; transition: 1s 0.2s;}
.sec_pre.active .swiper_lo .swiper-slide.swiper-slide-active .pre_ob {transform: translateY(0px);opacity: 1; transition: 1s .3s;}



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



/**/

.balcony { width: 100%;  position: relative;  height:30rem; max-width: 500px; top:0; margin:0 auto; display: flex; justify-content: center; align-items: center; }

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

.swiper_balco { width: 100%; height: 100%; margin: auto; top: 0px; position: relative; transform: translateY(3rem); opacity: 0;  overflow: hidden; }
.swiper_balco .swiper-slide { width: 95%; height: 100%;  background:#00b3a0; }
.balcony_box_bg {  width: 100%; height:100%; background:#fff; }

.swiper_balco .swiper-wrapper {   /*transition-timing-function: linear !important;*/ }

.balco01 { width: 100%; height:100%; background:#fff; }
.balcony_tit { text-align: center; padding-top:5rem;   transform: translateY(-3rem); opacity:0; }
.balcony_tit h1 { font-size:2rem; color:#00b3a0;  margin-top:0.5rem; font-weight:600;}
.balco_img.img01 { position:absolute; bottom:0rem; left:0; right:0;  transform: translateY(3rem); opacity: 0;} 

#openBtn { padding:0.2rem 1rem; border:1px solid #00b29f; color:#00b29f;  border-radius: 10px; background:#fff; margin-top:1rem; font-size:0.975rem; font-weight:600; transform: translateY(3rem); opacity: 0;}

/* 배경 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999999999;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* 활성화 */
.modal.active {
  opacity: 1;
  pointer-events: auto;
}

/* 모달 박스 */
.modal-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #00b3a0;
  border-radius: 50px 0 50px 0;

  overflow: hidden;

  transform: translateY(100%);
  transition: transform 0.3s ease;
}

/* 올라오는 애니메이션 */
.modal.active .modal-content {
  transform: translateY(0);
}

/* 내용 스크롤 */
.modal-body {
  height: 100%;
  padding: 20px;
  overflow-y: auto;
}

/* 닫기 버튼 */
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;

  font-size: 1.5rem;
  padding: 0 0.5rem;

  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  cursor: pointer;
}

/* 배경 스크롤 방지 */
body.modal-open {
  overflow: hidden;
}


.balcony.active .balcony_tit { transform: translateY(0px); opacity: 1; transition: 1s .3s;}
.balcony.active .balco_img { transform: translateY(0px); opacity: 1; transition: 1s 1.2s; } 
.balcony.active #openBtn { transform: translateY(0px); opacity: 1; transition: 1s .6s; } 

/* */
.balcony_box {  position: relative; display: flex; justify-content: center; align-items: center; width:100%; background:#00b3a0; margin-top:5rem; }
.balcony_box_wrap { width:100%; position: relative; margin:0 auto; left:0; right:0; }

.balcony_txt { letter-spacing:-1px;}

.balcony_box.box01 { height:15rem; margin-top:0; }
.balcony_box.box01>div { width:100%; height:100%; position: relative; margin:0 auto; left:0; right:0; }
.balcony_txt.txt01 {  text-align: left; line-height:100%;  position:absolute; top:3rem; width:100%;}

.balcony_txt.txt01 h2 { color:#fff; font-size:2.3rem;  position:absolute;  letter-spacing:-3px;}
.balcony_txt.txt01 h2 span { color:#000; }

.balcony_txt.txt01 h2:nth-child(1) { top:0; }
.balcony_txt.txt01 h2:nth-child(2) { margin-top:2.5rem; }
.balcony_txt.txt01 h2:nth-child(3) { margin-top:5rem; }
.balcony_box.box01 p { top:11rem; text-align: left;  position:absolute;  width:100%; font-size:0.875rem; color:#000;}

.balcony_txt.txt02 { text-align: center; color:#fff; line-height:200%; }
.balcony_txt.txt02 h3 { color:#000; font-size:1.12rem; }
.balcony_txt.txt02 h1 { font-size:1.8rem; font-weight:600;  }
.balcony_txt.txt02>p { font-size:0.875rem; color:#00b3a0; width:100%; height:2.5rem; background:#fff; border-radius:10px; display: flex; justify-content: center; align-items: center; font-weight:600; margin-top:1.5rem; }
h6.balcony_ori { text-align: center; line-height: 120%; color: #fff; font-size: 0.6875rem; font-weight: 400; margin-top: 1.5rem; }

.balco_img.img02 { position: relative; width:80%; margin:0 auto;  margin-top:1.5rem; }
.balco_img p { color:#000;  font-size:0.875rem;  position:absolute; left:0; bottom:0; }


.balcony_box_wrap.wrap03 { width:100%; transform: translateY(1rem); }

.balcony_txt.txt03 { text-align: left; color:#fff; line-height:160%; position:absolute; left:0; right:0; margin:0 auto; z-index:2;  width:100%; top:-1rem;}
.balcony_txt.txt03 h2 {  font-size:1.9rem;  }
.balcony_txt.txt03 h3 { font-size:1.8rem; margin-left:1rem; }

.balco_img_box { position: relative; width:100%; margin:0 auto;  left:0; right:0; }
.balco_img.img03 { position: relative; width:100%; margin:0 auto;  border-radius: 0px 30px 0 0px; overflow:hidden; height:17rem; }
.balco_img.img03::before { content:''; width: 100%; height:100%; background: url(../img/balcony02_img02.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }

.balcony_txt2 { text-align: center; color:#fff; position: relative; width:100%; left:0; right:0; margin:0 auto; margin-top:3rem;}
.balcony_txt2 h1 { font-size:1.6rem; font-weight:600; }
.balcony_txt2 p { font-size:0.975rem; color:#000; }
.balco_obj { position:absolute; bottom:-3rem; left:-1rem; text-align: left; margin-top:1rem; }


.balcony_box.box04 .balco_lay { display: flex; justify-content: center; align-items: center; gap:0.5rem; }
.balco_lay01 { position: relative; width:100%; }
.balco_lay02 { position: relative; width:100%;  }

.balcony_txt.txt04 { text-align: left; color:#fff; line-height:120%; position:absolute; left:0; right:0; margin:0 auto; z-index:2;  width:100%; top:-1rem;}
.balcony_txt.txt04 h2 {  font-size:1.5rem;  }
.balcony_txt.txt04 h3 { font-size:1.3rem; margin-left:1rem; }
.balco_img.img04 { position: relative; width:100%; margin:0 auto;  border-radius: 30px 0px 0px 30px; overflow:hidden;  height:21rem; }
.balco_img.img05 { position: relative; width:100%; margin:0 auto;  border-radius: 0px 30px 0px 0px; overflow:hidden;  height:12rem; }
.balco_img.img06 { position: relative; width:100%; margin:0 auto;  border-radius: 0px 0px 30px 0px; overflow:hidden;  height:8.5rem;}


.balco_img.img04::before { content:''; width: 100%; height:100%; background: url(../../img/balcony03_01.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }
.balco_img.img05::before { content:''; width: 100%; height:100%; background: url(../../img/balcony03_02.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }
.balco_img.img06::before { content:''; width: 100%; height:100%; background: url(../../img/balcony03_03.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }

.balco_lay02_2 { margin-top:0.5rem;  }
.balcony_txt.txt05 { text-align: left; color:#fff; line-height:120%; position:absolute; left:0;  z-index:2;  bottom:0.3rem;}
.balcony_txt.txt05 h2 {  font-size:1.5rem;  }
.balcony_txt.txt05 h3 { font-size:1.3rem; margin-left:1rem; }

.balcony_box.box05 .balco_lay { display: flex; justify-content: center; align-items: flex-start; gap:0.5rem; }

.balco_img.img07 { position: relative; width:100%; margin:0 auto;  border-radius: 30px 0px 0px 0px; overflow:hidden;  height:12rem; }
.balco_img.img08 { position: relative; width:100%; margin:0 auto;  border-radius: 0px 30px 30px 0px; overflow:hidden;  height:21rem; }

.balco_img.img07::before { content:''; width: 100%; height:100%; background: url(../../img/balcony03_04.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }
.balco_img.img08::before { content:''; width: 100%; height:100%; background: url(../../img/balcony03_05.jpg) left center no-repeat; background-size: cover; position:absolute; left:0; right:0; margin:0 auto; }

.balco_obj.obj02 {  bottom:0rem; left:-2rem; text-align: center; }
/* */


.balcony.active .swiper_balco {transform: translateY(0px); opacity: 1; transition: 1s .6s;}
/*.balcony.active .swiper_balco .swiper-slide.swiper-slide-active .balcony_box { transform: translateY(0px); opacity: 1; transition: 1s 0.2s;}*/


/**/

.life { width: 100%;  position: relative;  height:auto; max-width: 500px; top:0; margin:0 auto; display: flex; justify-content: center; align-items: center; background:#f5f3ed; overflow:hidden;}
.life_wrap { width: 100%; height:100%; position: relative;  text-align: center; }

#openBtn2 { padding:0.2rem 1rem; border:1px solid #fff; color:#fff;  border-radius: 10px; background:none; margin-top:1rem; font-size:0.975rem; font-weight:600;}
#modal2 .modal-content {

  background: #f5f3ed;
  border-radius: 0;

}

#modal2 .close-btn { color: #f3796d; border: 1px solid #f3796d;}
#modal2 .modal-body { padding:0; }

.life_tit_box01 { position: relative; text-align:center; color:#fff; letter-spacing:-2px; border-radius: 100% 100% 0px 0px; background:#f3796d; padding:6rem 0 0;  /*transform: translateY(-3rem); opacity: 0; */ }
.life_tit_box01 h1 {  font-size:2.3rem; font-weight:600; }
.life_tit_img { margin-top:3rem; transform: translateY(3rem); opacity: 0;}

.life_line { position:relative;  left:0; right:0; margin:0; top:0;}

.life02 { position: relative; text-align:left; padding:3rem 0 0; left:0; right:0; margin:0 auto; width:90%; }
.life_tit_box02 { width:100%; position: relative; left:0; right:0; margin:0 auto; text-align:left; letter-spacing:-1px; z-index:2; height:9.5rem; /*transform: translateX(-3rem); opacity: 0; */}
.life_tit01 {  position: relative; }
.life_tit01 h2 { color:#f3796d; font-size:3.3rem;  position:absolute;  letter-spacing:-4px; }
.life_tit01 h2 span { color:#000; top:-0.5rem; position: relative; }
.life_ttt { color:#f3796d!important;; left:-1rem; z-index:-1;}

.life_tit02 {  position:absolute; left:8.5rem; bottom:-0.1rem; color:#0c2144; line-height:130%;}
.life_tit02 p { font-size:0.875rem; }
.life_tit02 h3 { font-size:1.2rem; font-weight:500; }

.life_tit01 h2:nth-child(1) { top:0; }
.life_tit01 h2:nth-child(2) { margin-top:3rem; }
.life_tit01 h2:nth-child(3) { margin-top:6rem; }

.life_time_wrap {  position: relative;  left:0; right:0; margin:0 auto; width:100%; top:0; /*transform: translateY(3rem); opacity: 0;*/ }

/*.life_time {  position:absolute; z-index:3;   }*/
.life_time {  position:relative; z-index:3;  margin:0 auto; width:100%; }
/*.life_time.time01 {top:6rem; left:0rem;  }
.life_time.time02 {top:22rem; right:5rem;  }
.life_time.time03 {top:6rem; left:0rem;  }
.life_time.time04 {top:6rem; left:0rem;  }
.life_time.time05 {top:6rem; left:0rem;  }
.life_time.time06 {top:6rem; left:0rem;  }
.life_time.time07 {top:6rem; left:0rem;  }*/



.time_img.img01 {  }
.time_txt { position:absolute;  color:#0c2144; text-align:left; }
.time_txt.txt01 {  text-align:right; top:6rem; left:0; /*transform: translateX(-3rem); opacity: 0; */ }
.time_txt.txt02 {  top:8rem; right:3rem; transform:  /*transform: translateX(-3rem); opacity: 0; */}
.time_txt.txt03 {  text-align:right; top:6rem; left:3rem;  /*transform: translateX(-3rem); opacity: 0; */ }
.time_txt.txt04 {  top:9.5rem; right:0rem;  /*transform: translateX(-3rem); opacity: 0; */ }
.time_txt.txt05 {  text-align:right; top:3rem; left:3rem;  /*transform: translateX(-3rem); opacity: 0; */ }
.time_txt.txt06 {  top:5rem; right:2rem;  /*transform: translateX(-3rem); opacity: 0; */ }
.time_txt.txt07 {  text-align:right; top:4rem; left:3rem;  /*transform: translateX(-3rem); opacity: 0; */ }

.time_txt h1 { font-family: 'Futura PT', sans-serif; font-size:0.975rem; line-height:100%; }
.time_txt p { font-size:0.795rem;  line-height:140%; margin-top:0.5rem;  font-weight:600;}

.life_bo_txt { position:relative; z-index:3; text-align:center; margin:0 auto; bottom:13rem; left:0; right:0;}
.life_bo_txt h2 { font-size:1.7rem; color:#000;}
.life_bo_txt h2 span { color:#f3796d;}

.life_bottom { position:relative; bottom:0; right:0; margin:0 auto;  z-index:2; overflow:hidden; height:10rem; z-index:3; margin-top:-10rem; }
.life_bottom_bg { width:80%; height:18rem; position:absolute; bottom:-10rem;  right:0; z-index:-1; background:#f3796d;  border-radius: 100% 100% 0px 0px; }
.life_bottom img {  position:absolute; right:0; bottom:0;}

.life01.active .life_tit_box01 {transform: translate(0); opacity: 1; transition: 1s .3s;}
.life01.active .life_tit_img {transform: translate(0); opacity: 1; transition: 1s .5s;}

.life_tit_box02.active {transform: translate(0); opacity: 1; transition: 1s .3s;}
.life_time_wrap.active {transform: translate(0); opacity: 1; transition: 1s .3s;}

.life_time.time01.active .time_txt.txt01 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time02.active .time_txt.txt02 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time03.active .time_txt.txt03 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time04.active .time_txt.txt04 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time05.active .time_txt.txt05 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time06.active .time_txt.txt06 {transform: translate(0); opacity: 1; transition: 1s .5s;}
.life_time.time07.active .time_txt.txt07 {transform: translate(0); opacity: 1; transition: 1s .5s;}


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

	/*.life_time.time02 {top:18rem; right:4rem;  }*/
}
/*  */



/**/

.sec_contact {width: 100%; height: auto; position: relative; color: #000; padding: 15% 0; box-sizing: border-box; overflow: hidden; margin: auto; max-width: 100%; top:0; 
display: flex; justify-content: center; align-items: center; }
.contact_bg {width:100% ; height: 100%; margin: auto; opacity: 1; position: absolute; top: 0; margin: 0 auto; background: url("../img/contact_bg.jpg") center no-repeat; background-size: cover;}

.main_contat_wrap {  position: relative; width:90%; z-index:1; margin:0 auto; left:0; right:0; color:#000; line-height:180%; letter-spacing:-2px; text-align:center;}
.main_contact_tit h1 { font-size:2.5rem; position: relative; z-index:2;  font-weight:600; }
.main_contact_tit h2 { font-size:3rem; text-transform:uppercase; font-weight:600; }

.main_contact_txt { margin-top:1rem;}
.main_contact_txt_box { display: flex; justify-content: flex-start; align-items: center; gap:0.5rem;  margin-top:1.5rem;}
.contact_box_tit { width:6.5rem; height:4.5rem; background-color:#00b3a0; display: flex; justify-content:center; align-items: center; line-height:110%; letter-spacing:-1px;}
.contact_box_tit h3 { font-size:0.875rem; color:#fff; font-weight:500;}

.contact_box_tit.box02 { background-color:#f3796d;  }
.contact_box_tit.box03 { background-color:#002044;  }

.contact_box_txt {text-align:left; color:#002044; width:70%;}
.contact_box_txt h2 { font-size:1rem; margin-bottom:0.2rem; font-weight:600; }
.contact_btns {display: flex; justify-content: flex-start; align-items: center; gap:0.5rem;}
.contact_btn {border:1px solid #002044; width:8rem; height:2.5rem; display: flex; justify-content: center; align-items: center;}
.contact_btn a { width:100%; height:100%; font-size:0.795rem; display: flex; justify-content: center; align-items: center; gap:0.5rem; color:#002044;  font-weight:500;}

.contact_ori {  font-size:0.725rem; margin-top:1rem; height:140%;}

.main_contact_txt_wrap { opacity: 0; transform: translateY(3rem); }
.main_contact_map { opacity: 0; transform: translateY(3rem); margin-top:3rem;}

.sec_contact.active .main_contact_tit {  opacity: 1; transform: translate(0); transition: 1s .2s; }
.sec_contact.active .main_contact_map {  opacity: 1; transform: translate(0); transition: 1s .5s; }
.sec_contact.active .main_contact_txt_wrap {  opacity: 1; transform: translate(0); transition: 1s .9s; }


/**/

.bottom_fixed {  width: 100%;  bottom:0; left:0; right:0; margin:0 auto; max-width:500px; position: fixed; height:3rem; z-index:9999;   border-radius: 20px 20px 0px 0px; overflow:hidden;
display: flex; justify-content: center; align-items: center;}
.bo_fix {  display: flex; justify-content: center; align-items: center; width:100%; height:100%;}
.bo_fix01 {  background-color: #00142b; }
.bo_fix02 {  background-color: #ae9b7b; }
.bo_fix02 a {display: flex; justify-content: center; align-items: center; width: 100%; height:100%; }
.bo_fix p { font-size:1rem; color:#fff;}
.bo_fix img { margin-right:0.5rem;}

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

.footer_tel_wrap {width: 100%; margin-top:1rem; }
.footer_tel_box {  display: flex; justify-content: center; align-items: center; gap:1rem; margin-top:1rem;  }
.footer_tel p {font-size:1.5rem!important; margin-top:0!important; text-align:left; line-height:120%!important; }
.footer_tel p span {font-size:1rem!important; }

.footer_open { padding:0.2rem 0.5rem; border:1px solid #fff; font-size:0.875rem; margin:0 auto; width:60%; }
.footer_open b { font-size:1.22rem; }
.footer_tel { font-size:1.62rem; /*display: flex; justify-content: center; align-items: center; gap:0.5rem; */ font-weight:500; font-family: 'Futura PT', sans-serif;}
.footer_tel img { margin-top:1px;}

.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: 0.795rem; line-height: 160%; margin-top:1.5rem; color: rgba(255,255,255,0.6); letter-spacing: -1px; }
.footer h1 span {  letter-spacing: -1px; line-height:120%; }
.footer p {  font-size: 0.795rem; margin-top: 2rem; opacity: 1; line-height: 180%; color:#fff; font-weight:400; }
.footer p span {  letter-spacing: -1px; }

.footer h2 { font-size: 0.795rem; line-height: 160%; margin-top:2rem; padding-top:2rem; color: #fff; letter-spacing: -0.3vw; width:100%; border-top:1px solid rgba(255,255,255,0.3);  font-weight:400; }


.fco01 { color: #00b3a0;}
.fco02 { color: #f3796d;}

.footer h6 { line-height: 100%; margin-top: 5vw; font-size: 2.8vw; color: rgba(255,255,255,0.6); }

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


.top_bt { width: 2.75rem; height: 2.75rem; background-color: #a48b78; z-index: 99999; opacity: 1; cursor: pointer; transition: 0.3s; right:2rem; top:-1rem;
display: flex; justify-content: center; align-items: center; box-sizing: border-box;  position: absolute; color:#fff; font-weight:600; font-size:0.975rem; }



.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: 38%; }
#snb>li:nth-child(3) { width: 44%; }
#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;}

 .plazt{color: #009a8a!important;}
 .time{color: #ed7765!important; }

#snb .ov .plazt { padding:11px 15px;}
#snb .ov .time { padding:11px 15px;}

.gnb_wrap .gnb_list .gnb_dep2 li.plazt { padding:13px 13px 13px 23px ; background-color:#f7f7f7;}
.gnb_wrap .gnb_list .gnb_dep2 li.time { padding:13px 13px 13px 23px ; background-color:#f7f7f7;}

#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: 47%; 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: 2rem; line-height: 0%; animation: sub_top_txt 1.3s 1.2s both; letter-spacing: 0vw; transform: translateY(3vw); 
text-transform: uppercase; font-weight: 500; }

.sub_top_txt h1 {  color:rgba(255,255,255,0.5); font-size: 2.2rem; line-height: 100%; font-weight: 400; animation: sub_top_txt 1.3s 1.2s both; letter-spacing: 0vw; transform: translateY(3vw); }


.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_img_wrap { width: 100%; margin:0 auto; padding-bottom: 1.5rem; }

/**/

.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 .main_contat_wrap {  padding:3rem 0 5rem;}

.sub_contact_wrap .main_contact_tit h1 { font-size:1.12rem;   font-weight:400; color:#0b233f;}

.sub_contact_wrap .main_contact_tit h2 { font-size: 3rem;  }

.sub_contact_wrap .main_contact_tit { margin-top:3rem; }

.sub_contact_wrap h2 { font-size: 1rem; line-height: 100%; margin-bottom: 0.9375rem; font-weight: 600; }
.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 { opacity: 1; transition: 1.0s 0s; }


.sub_contact_wrap .main_contact_tit {  opacity: 1; transform: translate(0); transition: 1s .2s; }
.sub_contact_wrap .main_contact_map {  opacity: 1; transform: translate(0); transition: 1s .5s; }
.sub_contact_wrap .main_contact_txt_wrap {  opacity: 1; transform: translate(0); transition: 1s .9s; }


/**/


.gongo_pop { position:relative; width:100%; height:2.8rem; background:#011f44; margin-top:1rem; border-radius:10px;}
.gongo_pop a { width:100%; height:100%; display: flex; justify-content: center; align-items: center; color:#fff; font-size:1.1rem; }

.sub_popup_wrap{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:9999;

  display:none;
}

.sub_popup_wrap.balcony { top: -100%; display: block; }
.sub_popup_wrap.balcony.show { top: 0; transition: 1.2s 0.6s; }


.sub_popup_wrap.on{
  display:block;
}

.sub_popup_bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;

  background:rgba(0,0,0,0.7);
}

.sub_popup_inner{
  position:absolute;
  left:50%;
  top:50%;

  transform:translate(-50%, -50%); text-align:center;

  width:90%;
  /*max-width:700px;

  padding:3rem;
  background:#fff;
  border-radius:1rem;*/

  z-index:2;
}

.sub_popup_close{
  position:absolute;
  right:0; color:#fff;
  left:0;
  top:-2rem;

  border:none;
  background:none;
  cursor:pointer;
}



.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 { width: 100%; display: flex; justify-content: space-between; }
ul.tabs2.two { flex-wrap: wrap; }
ul.tabs2 li { margin-bottom: -1px; color: #222; margin-left: 2%; text-align: center; cursor: pointer; height: 45px; line-height: 45px; border: 1px solid #e9eaec; font-weight: 400; background: #e9eaec; }
ul.tabs2 li:nth-child(1) { margin-left: 0; }
ul.tabs2 li a { font-size:0.975rem;}

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

					ul.tabs2 { display: flex; justify-content: space-between; float: none; margin-bottom: 28px; }
					ul.tabs2>li { width: 100%; text-align: center; }
					ul.tabs2>li>a { padding: 0; display: flex; align-items: center;  letter-spacing: 0; display: block; font-size: 12px;}
					ul.tabs2>li:first-child {margin-left:0;}

					.unit-line { width: 100%; height: 1px; background-color: rgba(0,0,0,0.3); margin-top: 10px; }

					.unit-bt { width: 100%; height: 50px; margin-bottom: 40px; margin-top: 30px; display: flex; justify-content: space-between; }
					.unit-bt>li { position: relative; width: 100%; height: 50px; line-height: 50px; text-align: center; float: left; margin-left: 1%; background-color: #eaeaea; border: 1px solid #eaeaea; box-sizing:border-box; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #161616; }
					.unit-bt>li a { display: block; color: #161616; }
					.unit-bt>li:hover { background-color: #011f44; color: #fff!important; border: 1px solid #131e32; }
					.unit-bt>li:hover a { color: #fff!important; }
					.unit-bt>li:nth-child(1) { margin-left: 0;}



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

ul.tabs3 li.selected, ul.tabs li.selected:hover { color: #c36c5e; background: #fff; border: 1px solid #c36c5e; border-bottom:none;}	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color: #c36c5e; }
ul.tabs3 li.active { color:#c36c5e; background: #fff; border: 1px solid #c36c5e; border-bottom:none;}

ul.tabs3 { display: flex; justify-content: space-between; float: none; margin-bottom: 4rem; }
ul.tabs3>li { width: 100%; text-align: center; }
ul.tabs3>li>a { padding: 0; display: flex; align-items: center;  letter-spacing: 0; display: block; }
ul.tabs3>li:first-child {margin-left:0;}


.tabcontents > div { display: none; }
.tabcontents > div.active { display: block; }


@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{ }
}




/**/
.t_papper_btn{margin-bottom: 2rem;}

/**/

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