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

::-webkit-scrollbar {

display:none;

} 


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


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

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

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

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

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

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

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

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

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


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

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


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

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




/* intro */
.intro_all_wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999999999999999; opacity: 1; display: none;}
.intro_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; display: flex; justify-content: center; align-items: center; }

.intro_bg { width: 300vw; height: 300vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; z-index: 6; }
.intro_bg>div { width: 100%; height: 10%; display: flex; justify-content: space-between; align-items: center; }
.intro_bg>div>div { width: 10%; height: 100%; background-color: #000; transform: scale(1.01); }
/* .intro_bg>div>div { width: 10%; height: 100%; background-color: #000; transform: rotate(0deg) scale(1.01); } */

.intro_tit { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 5; transform: translateY(0rem); }
/* .intro_tit>div { opacity: 0; transform: translateY(-1rem); } */
.intro_tit h2 { font-size: 1.25rem; line-height: 100%; font-weight: 500; color: #fff; text-align: center; }

.intro_tit.tit02{background: url("../img/intro_bg.jpg") no-repeat; background-size: 160%;  background-position: center;}
.intro_tit.tit02 h2{opacity: 0;}
.intro_tit.tit02 h2 span{
/*    opacity: 0;*/
    letter-spacing: -2px;}

.intro_tit.tit01{background: url("../img/intro_bg2.jpg") no-repeat; background-size: 160%;  background-position: center;}
.intro_tit.tit01 h2 span{opacity: 0;letter-spacing: -4px;}
.intro_tit.tit01 h2{font-size: .9rem;transform: translateY(2rem); opacity: 0; margin-top: 2rem; font-family: 'HanwhaGothic', sans-serif;}

.intro_logo_box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; display: flex; justify-content: center; align-items: center; }
.intro_logo_box h2 {  font-family: 'HanwhaGothic', sans-serif; color: #fff;letter-spacing: -2.4px;font-size: 1.25rem; opacity: 0;}
.intro_logo { position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; transform: translateY(-2rem); }

@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*

.intro_logo_box h2 span {
  opacity: 0; overflow: visible;
}
*/

.hw { font-family: 'Hanwha'!important; font-weight: 500;}
.forena { font-family: 'forena'!important; font-weight: 100 !important;}

.news_content a span.hw,.news_content a span.forena {font-family: 'HanwhaGothic'!important; position: static!important;}

.main_tit {
    font-family: "HanwhaGothic", sans-serif;
    font-weight: 600;
/*    font-family: 'copperplate'; */
    width: 100%; height: 100%; 
    position: relative; z-index: 1; z-index: 99; text-align: center; transform: translateY(-0rem); 
    color: #ebebeb; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; transition: 1.5s 0s; opacity: 0;  overflow: hidden;}
/* .main_tit::after { content: ''; width: 100%; height: 0%; background-color: #fff; position: absolute; left: 0; top: 0%; z-index: 1; } */
.main_tit h5 { width: 100%; margin-top: 4px; font-size: 7vw; line-height: 105%; font-weight: 100; text-transform: uppercase; transition: 0.8s; position: relative; z-index: 9;
    letter-spacing: -3px;
    overflow: hidden; }
.main_tit h5>span { display: flex; justify-content: center; align-items: center; overflow: hidden; }
.main_tit h5 b { display: inline-block; font-weight: 400; transform: translateY(85%); }
.main_tit h5 b.spacing { margin-right: .8rem; }
.main_tit h5>span:last-child b { font-weight: 400; }



.intro_wrap.intro4 .main_tit {opacity: 1; z-index: -1; transition: opacity 1.0s 0s, z-index 0s 1.0s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(1) { transform: translate(0); transition: 1.3s 0.6s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(2) { transform: translate(0); transition: 1.3s 0.64s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(3) { transform: translate(0); transition: 1.3s 0.68s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(4) { transform: translate(0); transition: 1.3s 0.72s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(5) { transform: translate(0); transition: 1.3s 0.76s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(6) { transform: translate(0); transition: 1.3s 0.8s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(7) { transform: translate(0); transition: 1.3s .84s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(8) { transform: translate(0); transition: 1.3s .88s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(9) { transform: translate(0); transition: 1.3s .92s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(10) { transform: translate(0); transition: 1.3s .98s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(11) { transform: translate(0); transition: 1.3s 1.02s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(12) { transform: translate(0); transition: 1.3s 1.06s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(13) { transform: translate(0); transition: 1.3s 1.1s; }
.intro_wrap.intro4 .main_tit .st b:nth-child(14) { transform: translate(0); transition: 1.3s 1.14s; }

.intro_wrap.intro4 .main_tit .nd b:nth-child(1) { transform: translate(0); transition: 1.3s 1.18s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(2) { transform: translate(0); transition: 1.3s 1.22s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(3) { transform: translate(0); transition: 1.3s 1.26s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(4) { transform: translate(0); transition: 1.3s 1.3s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(5) { transform: translate(0); transition: 1.3s 1.34s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(6) { transform: translate(0); transition: 1.3s 1.38s; }
.intro_wrap.intro4 .main_tit .nd b:nth-child(7) { transform: translate(0); transition: 1.3s 1.42s; }

.intro_wrap.intro .intro_logo_box h2{ opacity: 1; transition: 1.5s 0.2s; }

.intro_wrap.intro2 .intro_logo_box { opacity: 0; transition: 1.5s 0.2s; }
.intro_wrap.intro2 .intro_tit.tit02 h2{ opacity: 1; transition: 1.5s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n-1)>div:nth-child(2n-1) { transform: scale(0); transition: 2.0s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n-1)>div:nth-child(2n) { transform: scale(0); transition: 2.4s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n)>div:nth-child(2n) { transform: scale(0); transition: 2.0s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n)>div:nth-child(2n-1) { transform: scale(0); transition: 2.4s 0.2s; }

/* .intro_wrap.intro2 .intro_bg>div:nth-child(2n-1)>div:nth-child(2n-1) { transform: rotate(90deg) scale(0); transition: 2.0s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n-1)>div:nth-child(2n) { transform: rotate(-90deg) scale(0); transition: 2.4s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n)>div:nth-child(2n) { transform: rotate(90deg) scale(0); transition: 2.0s 0.2s; }
.intro_wrap.intro2 .intro_bg>div:nth-child(2n)>div:nth-child(2n-1) { transform: rotate(-90deg) scale(0); transition: 2.4s 0.2s; } */

.intro_wrap.intro3 .intro_tit.tit02 { opacity: 1; transition:4s .2s; background-size: 120%;}

.intro_wrap.intro4 .intro_tit.tit02 { opacity: 0; transition: 2.0s 1.0s; }
.intro_wrap.intro4 .intro_tit.tit01 { opacity: 1; transition:4s .2s; background-size: 120%;}
.intro_wrap.intro4 .intro_tit.tit01 h2 { opacity: 1; transform: translate(0); transition: 2.0s 2.0s;}

.intro_wrap.intro5 .intro_tit.tit01 { opacity: 0; transition: 2.0s 1.0s; }


/*skip*/
.scroll_x{ position: fixed; width: 100%; height: 100vh;touch-action:none;z-index: 9999999999995;}
.main_skip_wrap { position: fixed; width: 100%;  position: fixed; left: 0; top: 0; z-index: 9999999999998; display: none; }
.main_skip_bt { width: 64px; height: 64px; position: fixed; right: 1%; bottom: 1%; cursor: pointer;z-index: 9999999999999; left: revert; top: revert; animation: sub_top_txt111 1.0s 1.0s both; }

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





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

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


.main_slide_num { position: absolute; width: 190px; left: 9rem; /*  right: 6vw;*/ top: 0; bottom: 0; margin: auto; height: 13px; z-index: 100; line-height: 95%; font-size: 13px; color: #fff; 
text-align: center; letter-spacing: 0; display: flex; justify-content: space-between; align-items: center; z-index: 3;  opacity: 0; transform: translateY(2rem); }
.main_slide_num p:last-child { opacity: 1; }

.main_bt_bg { width: 100%; height: 12.8vw; /*background-color: rgba(0, 0, 0, 0.5);*/ position: absolute; top: 63%; z-index: 2;  opacity: 0; transform: translateY(2rem);  }
.main_bt_wrap { width: 100%; height: 32px; position: absolute;  margin: 0 auto; top:67%; z-index: 2; }
/* .swiper1 .main_bt_wrap { background-color: rgba(0,0,0,0.8); } */

.main_bt_wrap .swiper-pagination2 { width: 120px; height: 20px; position: absolute; left: 11rem; /* right: 13vw; */ bottom: 0; top: 0; margin: auto; z-index: 999; display: flex; justify-content: space-between; align-items: center; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet { width: 100%; height: 20px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; margin: 0; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet span { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 1;
animation: bullet 5s 0s both linear; display: none; }
/*.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet span.stop { animation-play-state: paused; }*/
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet:before { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 0.3; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet p { font-size: 11px; line-height: 100%; color: #fff; position: absolute; top: 0; left: 0; letter-spacing: 0.5px; z-index: -1; opacity: 0; transition: 0.5s; display: none; }

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


.bullet span.paused {
  animation-play-state: paused;
}



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



.main_play_bt { width: 20px; height: 30px; color: #fff; position: absolute; right:2rem; top: -0.2rem; 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; */width: 7rem; height: 25px; position: absolute; left: 8vw; top: 0; bottom: 0;  margin: auto; z-index: 99; }
.swiper1-2 .swiper-slide { width: 25px !important; height: 25px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; margin-right: 10px !important;}
.swiper1-2 .swiper-slide-thumb-active { opacity: 1; }
.swiper1-2 .swiper-slide:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; 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 #fff; z-index: 9; border-radius: 100%; box-sizing: border-box; }

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

.swiper1 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; color: #fff; }
.main_img_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; background: url(../img/main_img_bg.png) center no-repeat; background-size: cover; }
.main_img { width: 100%; height: 100%; position: relative; z-index: 2; opacity: 1 !important; }
.main_img.img01 { background: url(../img/main_img02.jpg) center no-repeat; background-size: cover; }
.main_img.img02 { background: url(../img/main_img03.jpg) center no-repeat; background-size: cover; }
.main_img.img03 { background: url(../img/main_img01.jpg) center no-repeat; background-size: cover; }
.main_img.img04 { background: url(../img/main_img04.jpg) center no-repeat; background-size: cover; }
.main_img.img05 { background: url(../img/main_img05.jpg) center no-repeat; background-size: cover; }

.main_txt_box { position: absolute; z-index: 9; text-align: center; left: 0; right: 0; margin: 0 auto; top: 18%;}


.main_txt_box { font-family: 'HanwhaGothic';  font-weight: 400; width:80%; margin:0 auto; }
.main_txt_box h2 {  font-size: 1.12rem; margin-top: 0; line-height: 120%; }
.main_txt_box h1 {  font-size: 1.6rem; margin-top: 0; line-height: 120%; }

.main_txt_box h2 span {  font-size: 1.65rem; }
.main_txt_box p { font-size: 0.975rem; margin-top:2rem; line-height: 180%;}

.main_txt01 { text-align: left; }
.main_txt02 { text-align: center; }
.main_txt03 { text-align: right; }

.main_logo { width:60%; margin-top: 3rem;  }


.main_txt { width:100%;  margin-top: 0.5rem;}

.swiper1 .swiper-slide-active .main_img { animation: main_img 4s 0s both !important; }
.swiper1 .swiper-slide-active .main_txt_box h2 { animation: main_txt 1.2s 0.2s both; }
.swiper1 .swiper-slide-active .main_txt_box h1 { animation: main_txt 1.2s 0.2s both; }
.swiper1 .swiper-slide-active .main_txt_box .main_txt { animation: main_txt 1.2s 0.2s both; }
.swiper1 .swiper-slide-active .main_txt_box .premium_dot { animation: main_txt 1.2s 0.2s both; }
.swiper1 .swiper-slide-active .main_txt_box h3 { animation: main_txt 1.2s 0.4s both; }
.swiper1 .swiper-slide-active .main_txt_box p { animation: main_txt 1.2s 0.4s both; }
.swiper1 .swiper-slide-active .main_txt { animation: main_txt3 1.4s 0.2s both; }
.swiper1 .swiper-slide-active .main_logo { animation: main_txt 1.4s 0.7s both; }


@keyframes main_bg {
	0% { transform: scale(1); }
	50% { transform: scale(1.15); }
	100% { transform: scale(1); }
}
@keyframes main_img {
	from { transform: scale(1.22); }
	to {  }
}
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-5rem); }
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; transform: translateX(7rem); }
	to {  }
}
@keyframes main_txt3 {
	from { opacity: 0; transform: translate(18rem,-1.5rem); }
	to {  }
}



.main_wrap.active2 { transform: translateX(-100vw); }
.main_wrap.active3 { transform: translateX(-200vw); }
.main_wrap.active4 { transform: translateX(-300vw); }




.main_box.active .main_over_txt { opacity: 1; transform:translateX(0); transition: 1.2s 0.8s;}
.main_box.active .main_guest_wrap { transform: translate(0); opacity: 1; transition: 1.2s 1.0s; }
.main_box.active .main_bt_bg { transform: translate(0); opacity: 1; transition: 1.2s 1.0s;  }
.main_box.active .main_slide_num { transform: translate(0); opacity: 1; transition: 1.2s 1.0s;  }

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

/**/

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


/* sec_calendar */
.sec_calendar { width: 100%; height: fit-content; position: relative; overflow: hidden; background-color: #fff; display: flex;  flex-direction: column;  justify-content: center;  margin-top: calc(90vh); background-image: url("../img/calendar_bg.jpg"); background-repeat: no-repeat; background-size: cover; color: #fff; }

.sec_calendar>div { }
.calendar_tit {font-family: 'Futura', sans-serif; text-align: center; margin-top: 4rem;  opacity: 0; transform: translateY(-2rem);  }
.calendar_tit h1 { font-size: 2.6rem; font-weight: 500;}


.cal_conts_box { position:relative; margin: 0 auto; width: 85%;  display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap:2rem; margin-top: 2rem;  opacity: 0; transform: translateY(2rem);  }
.cal_conts { flex: 0 0 calc(45% - 0px); box-sizing: border-box; margin-top: 0.7rem; }
.cal_conts100 { flex: 0 0 calc(100% - 0px);  }
.cal_conts>div { width:0%; height: 1px; background-color: #fff; opacity: 0.3; margin-top: 0.3rem; }
.cal_conts h1 { font-family: 'Futura', sans-serif; font-weight: 500; font-size: 1.325rem; }
.cal_conts p { font-weight: 400; font-size: 0.975rem; margin-top:1.5rem; opacity: 0.6;}

.cal_noti_box {  position:relative; margin: 5rem auto; width: 85%;  }
.cal_noti { width:100%; height: 6.5rem; border: 1px solid rgba(225,225,225,0.4);  display: flex; justify-content: center;  align-items: center; margin-top: 1rem; text-align: center; }
.cal_noti h1 { font-size: 1.22rem; line-height: 140%; font-weight: 400;}
.cal_noti p { font-size: 0.875rem; color: #8c7f76; font-weight: 400; }
.cal_noti_box>div {opacity: 0; transform: translateY(2rem);   }

.cy_home_btn { width:100%; height: 7rem; position: relative;  bottom:0; margin: 0 auto; display: flex; justify-content: flex-start; }
.cy_home_img { position: absolute; left:0; bottom: 0;}
.cy_home_btn h3 { font-size: 1.02rem; position: relative; text-align: left; color: #fff; left: 1.5rem; line-height: 120%; margin-top:3rem;  }

.cy_btn_wrap {  width:100%; position: relative; right:0;  display: flex; justify-content: flex-end; align-items: center; top:2rem; padding-bottom:5rem; }
.cy_btn { width:100%; height: 3rem; margin: 0 auto; background-color:#ddd; position:absolute; right:0;  transition: 0.2s;}
.cy_btn a { width:100%; height:100%; display:block;  display: flex; justify-content: center; align-items: center; }
.cy_btn a h3 { color:#000;  transition: 0.2s;}

.sec_calendar.active .calendar_tit {  opacity: 1; transform: translate(0); transition: 1.5s 0.2s; }
.cal_conts_box.active { opacity: 1; transform: translate(0); transition: 1.5s 0.4s; }
.cal_conts_box.active .cal_conts>div { width:100%;  transition: 1s 0.6s;  } 

.cal_noti_box.active div:nth-child(1) {  opacity: 1; transform: translate(0); transition: 1.2s 0.3s; }
.cal_noti_box.active div:nth-child(2) {  opacity: 1; transform: translate(0); transition: 1.2s 0.7s; }
.cal_noti_box.active div:nth-child(3) {  opacity: 1; transform: translate(0); transition: 1.2s 0.9s; }
.cal_noti_box.active div:nth-child(4) {  opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }


/**/

.sec_youtube {  width: 100%; height: fit-content; position: relative; overflow: hidden; display: flex;  flex-direction: column;  justify-content: center; background-image: url("../img/youtub_bg.jpg"); background-repeat: no-repeat; background-size: cover; color: #fff;}

.youtube_wrap { width:85%; position: relative; margin: 0 auto; }
.youtu_tit { margin-top:5rem; opacity: 0; transform: translateX(-2rem);}
.youtu_tit h1 { font-size: 1.12rem; font-weight: 400; line-height: 180%; margin-top:1.5rem;}
.youtu_tit h1 span { font-size: 1.82rem; }

.youtub_cont_box { margin:5rem auto; }
.youtub_cont a { display: flex; justify-content: center;  align-items: flex-start; gap:1rem; padding: 1.2rem 1rem; border-top: 1px solid rgba(225,225,225,0.3); }

.youtub_num { font-family: 'Futura', sans-serif;  font-size: 1.32rem; font-weight: 600; position: relative; width:30%; }
.youtub_txt  { position: relative; width: 100%;}
.youtub_txt::before {  content: ''; position: absolute; left:-1.5rem; width: 1px; height: 100%; background-color: rgba(225,225,225,0.3);}

.youtub_txt h2 { font-size:1rem; font-weight: 300; }
.youtub_txt p { font-size:0.795rem; opacity: 0.6; line-height: 160%; font-weight: 300; margin-top:0.5rem;}

.youtub_icon { width:40%; margin-top:0.3rem; }

.youtub_cont_box>div:last-child { border-bottom:1px solid rgba(225,225,225,0.3);}

.youtub_cont.youtub01 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub02 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub03 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub04 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub05 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub06 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub07 {  opacity: 0; transform: translateY(2rem); }
.youtub_cont.youtub08 {  opacity: 0; transform: translateY(2rem); }

.sec_youtube.active .youtu_tit { opacity: 1; transform: translate(0); transition: 1s 0.2s;  }
.youtub_cont.youtub01.active { opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.youtub_cont.youtub06.active { opacity: 1; transform: translate(0); transition: 1s 0.7s; }
.youtub_cont.youtub02.active { opacity: 1; transform: translate(0); transition: 1s 1s; }
.youtub_cont.youtub03.active { opacity: 1; transform: translate(0); transition: 1s 0.7s; }
.youtub_cont.youtub04.active { opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.youtub_cont.youtub05.active { opacity: 1; transform: translate(0); transition: 1s 0.7s; }
.youtub_cont.youtub07.active { opacity: 1; transform: translate(0); transition: 1s 1s; }
.youtub_cont.youtub08.active { opacity: 1; transform: translate(0); transition: 1s 0.5s; }



/* premium */
.sec_premium { width: 100%; height: fit-content; position: relative; overflow: hidden; background-color: #fff; display: flex; flex-direction: column; justify-content: center;  background: url("../img/premium_bg.jpg")left top no-repeat; background-size: cover; background-repeat: no-repeat; }
.premium_wrap { width: 85%; height: fit-content; position: relative; overflow: hidden; color: #000; margin: 0 auto; }
.premium_bg.bg01 { width: 100%; height: 100%; position: absolute; top: 0;}

.pre_box { width: 100%; position: relative; margin: 0 auto; margin-top:5rem; top:0; }
.pre_txt { margin-top:3rem; text-align: left; opacity: 0; transform: translateX(-2rem); }
.pre_txt h1 { font-size: 1.35rem; font-weight: 500; line-height: 140%; }
.pre_txt p { font-size: 0.875rem; font-weight: 400; line-height: 180%; opacity: 0.7; margin-top:1rem;}
.pre_img { opacity: 0; transform: translateX(2rem);  }

.pre_box.box02 .pre_img { position: absolute; right: 0; top:0; width:55%;}
.pre_box.box02 .pre_txt { padding-top:10rem; }

.pre_box.box03 { margin-bottom: 7rem; display: flex; justify-content: space-between;  align-items: center; gap:2rem; margin-top: 0; }
.pre_box.box03 .pre_img { width:55%;}
.pre_box.box03 .pre_txt { padding-top:8rem; }

.pre_box.box04 { display: flex; justify-content: space-between;  align-items: center; gap:2rem; }
.pre_box.box04 .pre_img { position: absolute; right: 0; top:0; width:40%;}
.pre_box.box04 .pre_txt {  margin-top:0; }


.pre_box.box05 { margin-bottom: 14rem; display: flex; justify-content: space-between;  align-items: center; gap:2rem; }
.pre_box.box05 .pre_img { width:45%;}
.pre_box.box05 .pre_txt { padding-top:9rem;  position: absolute; right: 0; top:0; }


.pre_box.box01.active .pre_img { opacity: 1; transform: translate(0); transition: 1s 0.2s;}
.pre_box.box01.active .pre_txt { opacity: 1; transform: translate(0); transition: 1s 0.5s;}
.pre_box.box02.active .pre_img { opacity: 1; transform: translate(0); transition: 1s 0.2s;}
.pre_box.box02.active .pre_txt { opacity: 1; transform: translate(0); transition: 1s 0.5s;}
.pre_box.box03.active .pre_img { opacity: 1; transform: translate(0); transition: 1s 0.2s;}
.pre_box.box03.active .pre_txt { opacity: 1; transform: translate(0); transition: 1s 0.5s;}

.pre_box.box04.active .pre_img { opacity: 1; transform: translate(0); transition: 1s 0.2s;}
.pre_box.box04.active .pre_txt { opacity: 1; transform: translate(0); transition: 1s 0.5s;}
.pre_box.box05.active .pre_img { opacity: 1; transform: translate(0); transition: 1s 0.2s;}
.pre_box.box05.active .pre_txt { opacity: 1; transform: translate(0); transition: 1s 0.5s;}


/* unit */

.sec_unit { width: 100%; height: 97rem; position: relative; overflow: hidden; color: #fff; display: flex; flex-direction: column; justify-content: center;  background: url("../img/unit_bg.jpg")left top no-repeat; background-size: cover; background-repeat: no-repeat; }

.unit_wrap { width:85%; position: relative; margin: 0 auto; margin-top:5rem; height: 100%; }
.unit_tit {  opacity: 0; transform: translateX(-2rem);  }
.unit_tit h2 { font-size: 1.12rem;  }
.unit_tit h1 { font-family: 'Futura', sans-serif;  font-size: 4.2rem; font-weight: 500;  line-height: 120%;}
.unit_tit p { font-size: 0.975rem; opacity: 0.7; line-height: 180%; font-weight: 300; margin-top:1.5rem; }

.unit_btn_box { width: 100%;  display: flex; justify-content: flex-end;  align-items: center; gap:0.5rem; margin-top:4rem; opacity: 0; transform: translateX(2rem); } 
.unit_btn { width:6.5rem; height: 6.5rem; border: 1px solid #fff; display: flex; justify-content: center;  align-items: center; }
.unit_btn a {font-size:0.975rem;}
.unit_btn.btn01 { background-color: #fff; }
.unit_btn.btn01 a { color:#000; }


.unit_box { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; opacity: 0; color: #fff; }
.unit_box>div { width: 100%; position: relative; }

.swiper_unit { width: 100%; position: relative; z-index: 9; outline: none; margin: 0; padding: 0; overflow: visible; margin-top: 4rem; }

.unit_content { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; 	}

.unit_box .swiper-button-prev2 { width: 6.3vw; height: 6.3vw; position: absolute; right: revert; left: 0; top: 0; bottom: -30rem; margin: auto; z-index: 9; padding: 0; outline: none; opacity: 0; border-radius: 100%; border: 1px solid #fff; }
.unit_box .swiper-button-next2 { width: 6.3vw; height: 6.3vw; position: absolute; left: revert; right: 0; top: 0; bottom: -30rem; margin: auto; z-index: 9; padding: 0; outline: none; opacity: 0; border-radius: 100%; border: 1px solid #fff; }
.unit_box .swiper-button-prev2 img,
.unit_box .swiper-button-next2 img { max-width: 3.3vw;	position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.unit_img { width: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; transform: translateY(2rem); text-align: left; position: relative; margin-top:4rem; }
.unit_img img { width: 100%;}

.unit_img.img02 { margin-top:1.5rem;}
.unit_img.img03 { width:70%; margin-top:0rem;}
.unit_img.img04 { width:70%; margin-top:1.5rem;}

.unit_content h6 { width: 50%; height: 3rem; position: relative; border: 1px solid #fff; border-radius: 50px; text-align: center; line-height: 3rem; margin-top: 2rem; 
font-family: 'Noto Sans KR', sans-serif; font-size: 0.875rem; opacity: 0; transform: translateY(2rem);}

.unit_txt_box { width: 100%; text-align: left;  opacity: 0; transform: translateX(-2rem);  }
.unit_txt_tit { width: 63%; position: relative; left: 0; }
.unit_txt_tit h2 { font-family: 'Futura', sans-serif;  font-size: 3rem; font-weight: 500; }
.unit_txt_tit h2 b {   font-size: 5.5rem;  font-weight: 500;}
.unit_line { position:absolute; width: 100%; height: 3px; background-color: #fff; margin-top: -2.2rem; }


.unit_txt { width: 63%; position: relative; left: 0;  top:-2rem;  font-family: 'Noto Sans KR', sans-serif; }
.unit_txt>div { display: flex; justify-content: space-between; align-items: center; font-size: 0.975rem; font-weight: 400; line-height: 3.5rem; }
.unit_txt h1 { width:100%; text-align: left; }
.unit_txt p { width:100%; text-align: right; }
.unit_txt h2 { width:100%; text-align: center; font-size: 1.15rem; margin-top: 0.5rem;}


.unit_txt_line_box {width:100%; position: absolute; top:0; display: block!important; }
.unit_txt_line {width:100%; height: 1px; background-color: #fff; opacity: 0.5; margin-top:3.4rem; position: relative; opacity: 0.3;}
.unit_txt_line_box>div:nth-child(1) {margin-top:0; opacity: 0;}

.swiper_unit .swiper-slide-active .unit_txt_box { transform: translate(0); opacity: 1; transition: 1s 0.2s; }
.swiper_unit .swiper-slide-active .unit_img { opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.swiper_unit .swiper-slide-active h6 { opacity: 1; transform: translate(0); transition: 1s 0.5s; }


.unit_bt_box { width: 100%; position: absolute; bottom: 0rem; z-index: 999; }
.unit_bt_box>div { text-align: center; margin-bottom: 4.75rem; display: flex; justify-content: space-between; align-items: center; }


.swiper_unit_2 { width: 100%; position: relative; margin: 0 auto; padding: 0; bottom: 0; z-index: 999; }
.swiper_unit_2 .swiper-wrapper { display: flex; justify-content: space-between; gap:2.5rem 0; flex-wrap: wrap;}
.swiper_unit_2 .swiper-slide { flex: 0 0 calc(33.3% - 0px); box-sizing: border-box; font-size: 3.2vw; line-height: 100%; padding-bottom: 0.75rem; font-weight: 300; border-bottom: 1px solid rgba(255,255,255,1); cursor: pointer; opacity: 0.4;}
.swiper_unit_2 .swiper-slide-thumb-active { opacity: 1; }

.swiper_unit_2 .swiper-slide-thumb-active { color: #fff; border-bottom: 2px solid #fff; font-weight: 700; }



.unit_wrap.active .unit_box { opacity: 1; transition: 1.2s 0.2s; }


.unit_wrap.active .unit_tit { opacity: 1; transform: translateY(0); transition: 1s 0.3s;  }
.unit_wrap.active .unit_btn_box { opacity: 1; transform: translateY(0); transition: 1s 0.6s;  }

/*news*/
.sec_news { width: 100%; height:fit-content; position: relative; background: #c6c6c6; color: #fff; box-sizing: border-box; padding-top: 0vw; padding-bottom: 1.4rem; overflow: hidden; margin: auto;  top:0;}
.news_wrap { width:85%; position: relative; margin: 0 auto; }

.news_tit { margin: auto; text-align: left; opacity: 0; transform: translateY(-3rem); margin-top: 4rem;}
.news_tit h2{ font-family: "HanwhaGothic", sans-serif; /* font-family: 'Futura', sans-serif; font-family: 'trajan'; */ text-transform: uppercase; font-size: 10vw;}
.news_vd { position: absolute; top: 0; left: 0; width: 100%;  height: 50%; z-index: 0; background: #000; overflow: hidden;background: url(../../img/news_bg.jpg) center no-repeat; background-size: cover;}
.news_vd:after {/* content:''; */width: 100%; height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.news_vd iframe { position: absolute; top: 50%; transform: translate(-56%,-50%); left: 50%; width: 100%; height: 56.25vw; z-index: 2; opacity: .25; min-height: 100vh; min-width: 142vh; } 

.sec_news .swiper-container{ position: relative; overflow: hidden; list-style: none; width: 100%; margin: 0 auto;}
.swiper_news{margin: 0; width: 100%; padding: 0; margin-top: 4rem; opacity: 0;}
 .swiper_news .swiper-slide { display: flex; justify-content: center; }
.news_content{background: #fff; display: block; position: relative; border: 1px solid #b3b3b3; text-align: left; box-sizing: border-box; margin-bottom: 4rem;}
.news_content a{ display: flex; box-sizing: border-box; padding: 3rem;color: #000; width: 100%; height: 100%; justify-content: flex-start; align-items: center;}
.news_content a span{ width: 100%; height: fit-content; position: absolute; left: 0; top: 0;}
.news_content h5{line-height: 100%; color: #614332;font-size: 0.875rem;}
.news_content h2{font-size: 4vw; line-height: 136%; margin-top: 1.375rem;}
.news_content p{font-size: 0.855rem;
    line-height: 178%;
    opacity: 0.7;
    font-weight: 500;
    margin-top: 1.25rem;
    height: 7.865rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;}
.news_content h6{ line-height: 100%;/*color: #614332;*/ font-size: 0.75rem; margin-top: 1.25rem;}
.news_go{ text-align: right; margin-top:4rem;  display: flex; justify-content: flex-end; align-items: center; gap: 0.75rem;}
.news_go h4 { font-size:0.795rem;}
.news_go>span{ width: 20px !important; background: #fff; margin-top: 13px; margin-left: 5px; display: inline-block; top: auto !important; left: auto !important; height: 1px !important;}
.news_go>div { display: inline-block; width: 2.25rem; height: 1px; background-color: #606060; position: relative; z-index: 9; }


.news_arrow { display: flex; justify-content: flex-start; align-items: center; z-index: 10; opacity: 0; margin-top: 4rem; margin-bottom: 1rem;}
.news_arrow>div { display: flex; justify-content: center; align-items: center; gap: 0px; }
.news_arrow .swiper-pagination { width: 42px; font-family: 'HanwhaGothic', sans-serif; display: flex; color: #fff; justify-content: center; align-items: center; gap: 8px; bottom: 0; position: relative; margin: 0; padding: 0; font-size: 12px; line-height: 100%; transform: translateY(-1px); }
.news_arrow .swiper-pagination span { width: 13px; }
.news_arrow .swiper-pagination .slash { width: 1px; height: 0.7rem; background-color: #fff; display: block; transform: translateY(-1px); }
/* .news_arrow .swiper-pagination4 .swiper-pagination-total { opacity: 0.5; } */
.news_arrow .swiper-button-prev,
.news_arrow .swiper-button-next { width: 25px; height: 25px; position: relative; bottom: 0; left: 0; outline: none; margin: 0; padding: 0; transform: translateY(-2px); }
.news_arrow .swiper-button-prev::after { content: ''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); }
.news_arrow .swiper-button-next::after { content: ''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); }



.sec_news.active .news_tit { opacity: 1; transform: translateY(0); transition: 1.2s 0.2s;}
.swiper_news.active {opacity: 1;transform: translate(0);transition: 1.2s 0.4s;}
.sec_news.active .premium_box { opacity: 1; transform: translateY(0); transition: 1.2s 0.2s;}
.sec_news.active .news_arrow  { opacity: 1; transform: translateY(0); transition: 1.2s 0.2s;}





 

/**/

.sec_contact{}
.contact_wrap{ width: 100%; height: 100%; padding: 4%; position: relative; transition: 0.8s; display: flex; justify-content: flex-start; align-items: center;}
.contact_wrap::before{ content: ''; width: 100%; height: 100%;
    position: absolute; left: 0; top: 0; z-index: 1; background: url(../img/contact_bg.jpg) center bottom no-repeat; background-size: cover;}
.contact_wrap>div{ text-align: left; position: relative; width: 90%; margin: auto; z-index: 9; transform: translateY(2rem);}
.contact_tit{text-align: center; opacity: 0; transform: translateY(-3rem); margin-top:2rem;}
.contact_tit h2{ 
    font-family: "HanwhaGothic", sans-serif;
/*    font-family: 'Trajan'; */
    font-size: 10vw; line-height: 100%; font-weight: 600; color: #052f57;}
.contact_txt_box{ text-align: center; margin-top: .8rem;}
.contact_txt_box p{ font-size: 4vw; line-height: 160%;}

.sub_contact_bottom{ width: 100%; margin-top: 2rem; margin-bottom: 4.375rem; opacity: 0; transform: translateY(3rem);}
.sub_contact_bottom>div{ flex-wrap: wrap; justify-content: center; align-items: center; gap: 2rem 2.75rem;}

.sub_contact_box{width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 2rem;}
.sub_contact_map_box{ width: 100%; max-width: 360px; height: auto; border: 1px solid #cecece;}
.sub_contact_map_box img{width: 100%;}
.sub_contact_txt_box{width: 100%; max-width: 360px; margin: 1.5625rem 0;}
.sub_contact_add{ display: flex; justify-content: space-between; align-items: center; font-family: 'HanwhaGothic';}
.sub_contact_add h4{font-size: 4vw; line-height: 100%; font-weight: 500;}
.sub_contact_add p{ font-size: 0.9375rem; line-height: 100%; margin-top: 0.5rem; color: #010101; opacity: 0.7;}
.sub_contact_bt{ display: flex; justify-content: flex-end; align-items: center; margin-right: 0;}
.sub_contact_bt a{display: block; margin-left: 0.3125rem;}

.contact_wrap.active .contact_tit{ opacity: 1; transform: translate(0); transition: 1.2s 0.2s;}
.contact_wrap.active .sub_contact_bottom{opacity: 1; transform: translate(0); transition: 1.2s 0.6s;}



/* community */


/* community */
.sec_commu { width: 100%; height:85rem; position: relative; /*display: flex; justify-content: center; align-items: center;*/ overflow: hidden;}

.commu_wrap { width: 85%; position: relative; color: #000; margin:0 auto; margin-top:5rem;}
.community_tit{  text-align: left; color: #000;transform: translateX(-3rem); opacity: 0;}
.community_tit h2{ font-size: 1.55rem; font-weight: 500; color:#00214f; font-family: 'Futura', sans-serif; }
.community_tit h5{ font-size: 2rem; line-height: 130%; margin-top: 1rem;  font-weight: 100;}
.community_tit h5 b{ font-weight: 800;}
.community_tit p{ font-size: 0.875rem; opacity: .7; margin-top: 2rem; line-height: 160%;}

.community_img {  transform: translateY(2rem); opacity: 0; width:100%; position:relative; margin:0 auto; margin-top:5rem; text-align: right; display: flex; justify-content: flex-end; }
.community_img img {   width:85%; position:relative; right:0; }

.swiper_community { transform: translateY(-20%); overflow: visible; }
.swiper_community .tit{ position: relative; z-index: 2; margin:0 auto;  width:100%; }
.swiper_community .tit p{ border-radius: 25px; height: 50px; line-height: 50px; font-size: 14px;  margin:0 auto; width:100%; }
.swiper_community .tit p:first-child{width: 154px; background: #00214f; color: #fff; position: relative; z-index: 1;}
.swiper_community .tit p:last-child{ width: 100%; background: #dbdbdb; color: #000; margin-top: -0.5rem;}

.community_box { position: relative; z-index: 9; opacity: 0; gap: 3rem; transform: translateX(3rem); margin-top:4rem;}
.community_content {display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; gap: 4rem; margin-top:4rem;}


.swiper_community { width: 100%; overflow: visible!important; }
.swiper_community .swiper-slide {opacity: 0 !important;  transition: opacity 1s ease;position: absolute; width: 100%; transform:translate(0)!important;}

.community_txt_box { position: relative; margin:0 auto; bottom:0; width: 100%;  opacity: 0; transform: translateY(2rem); text-align:center; }
.community_iso { margin: 0; opacity: 0; transform: translateX(3rem); }

.swiper_community .swiper-wrapper { width: 100%;}
.swiper_community-2{ width: 85px; overflow: visible;  position: relative; margin:0 auto; }
.swiper_community-2>div{display: flex; justify-content: center; gap: 0.5rem; justify-content: center;}
.swiper_community-2 .swiper-slide{ display: flex; align-items: center; justify-content: center; width: 4.5rem!important; height:4.5rem; background: #b3b3b3; border-radius: 100%; }
.swiper_community-2 p { font-size:0.875rem; line-height:110%; color:#fff; text-align: center; }

.community_roll{ position: absolute!important; left: 50rem; top: 80%; transform: translate(-50%,-50%) scale(1) rotate(0); animation: main_guest_bg 60s 0s linear infinite; z-index:-1!important; opacity:0.5;}

.swiper_community-2 .swiper-slide-thumb-active{  opacity: 1 !important;  z-index: 2;background: #00214f;}
.swiper_community .swiper-slide-active { opacity: 1 !important; z-index: 2;}
.swiper_community .swiper-slide-active .community_txt_box { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }
.swiper_community .swiper-slide-active .community_iso { transform: translate(0); opacity: 1; transition: 1.0s 0.2s; }

.commu_wrap.active .community_box {transform: translate(0); opacity: 1; transition: 1.0s 0.4s; }
.commu_wrap.active .community_tit {transform: translate(0); opacity: 1; transition: 1.0s 0.4s; }
.commu_wrap.active .community_img {transform: translate(0); opacity: 1; transition: 1.0s 0.7s; }


/**/

.footer { width: 100%; background: #052f57; padding: 15vw 5.5vw; position: relative; z-index: 999; text-align: left; max-width: 100%; }

.footer_logo { width: fit-content; max-width: 28vw; margin-bottom: 2rem; }

.footer_right { display: flex; justify-content: space-between; gap:6px; max-width: 53vw; margin-top: 7.5vw;}
.footer_right div { width: 100%; text-align: center; font-size: 2.6vw; padding: 0 5vw;  white-space: nowrap; line-height: 270%;}
.footer_right div:first-child { background-color: #fff; color: #2e1263;font-weight: 700;}
.footer_right div:last-child { border: 1px solid rgba(255,255,255,0.3); color: #fff; font-weight: 400;}

.footer_info { width: 100%;  display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; gap: 0.5vw; flex-direction: column; margin-top: 3vw; }
.footer_info ul { font-size: 2.6vw; letter-spacing: 0.3px; font-weight: 400; text-align: left; }
.footer_info ul li { color: #fff; position: relative; align-items: flex-end; display: flex; line-height: 160%; opacity:1;}

.footer_info ul li img { width: 110px;}
.footer_info ul li:first-child { margin-left: 0;}
/* .footer_info ul li:nth-child(3):before { content:''; width: 1px; height: 2.6vw; background-color: #777777; display: inline-block; position: relative; top: 0; left: -2.55vw;} */

.footer_info ul:last-child { margin-top: 2vw;}


.footer h1 { color: #fff; font-size: 2.6vw; margin-top: 5vw; line-height: 180%; opacity: 0.5;}
.footer h1 li::before{content: '※'; position: absolute; left: 0.5rem; margin-right: 0.167rem;}
.footer p { color: #fff; font-size: 2.4vw; margin-top: 7.5vw; letter-spacing: 0; }

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

.top_bt { width: 44px; height: 44px; right: 5%; top: -22px; position: absolute; z-index: 999999; cursor:pointer; background-color: #191919;}
.top_bt:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; bottom: 0; top: 3px; margin: auto; border-left: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); transform: rotate(45deg); z-index: 9; align-items: center; gap: 8px;}

.fix_bb{ position: fixed; bottom: 0; width: 100%; height: 3rem;
    left: 0; right: 0; margin: 0 auto;
    z-index: 999999; max-width: 100%; background-color: #8b634b; text-align: center; color: #fff;
    font-size: 0.875rem; display: flex; justify-content: center; align-items: center; font-weight: 200;
    box-shadow: 0px -2px 25px -8px rgba(0,0,0,0.75);
}
.fix_bb>div{ display: flex; justify-content: center; align-items: center;width: 100%; height: 100%; gap:0.2rem;}
.fix_bb span{font-size: 1.15rem; font-weight: 500;}


.shot_btn { background-color: #000; color: #fff; width: 168px; height: 77px; position: relative;  }
.shot_btn a { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; }
.shot_btn p { font-size: 0.9375rem; line-height: 100%; font-weight: 400;}
.shot_btn div { width: 13px; height: 13px; position: relative; transition: 0.3s; }
.shot_btn div:after { content:''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.shot_btn div::before { content:''; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.shot_btn:hover div { transform: rotate(90deg); }



/*footer2*/
#footer { overflow: visible; text-align: center; width: 100%;  }

#footer {position: relative; z-index: 100; clear:both; width: 100%; background: #052f57; padding: 0 2rem;}
#footer .footer_con {padding-top: 61px; padding-bottom: 74px; max-width: 500px; margin:0 auto; position: relative; text-align: center;}
#footer .footer_con .logo { width:30%; margin: 0 auto; }
#footer .footer_con .logo img{ width: 100%; margin-bottom: 49px;}
#footer .footer_con .footer_inner {}
#footer .footer_con .footer_phone {padding-bottom: 20px;}
#footer .footer_con .footer_phone dl {display: inline-block; font-size: 16px;}
#footer .footer_con .footer_phone dl:first-child {padding-left: 0}
#footer .footer_con .footer_phone dl dt {display: inline-block; font-family: 'HanwhaGothic'; color: #8b634b;}
.footer_phone dl dd {display: inline-block; padding-left: 10px; font-family:'HanwhaGothic',sans-serif; color: #999999;}
/* #footer .footer_con .footer_inner .address {} */
#footer .address p {font-size: 0.795rem; line-height: 150%; color: #fff; padding-bottom: 5px;}
#footer .address p:last-child{margin-top: 24px;opacity: .3;}
#footer .right_privacy {position: absolute; right:70px; top: 30px;}
#footer .right_privacy a {display: inline-block; color: #fff; padding: 5px 0; margin-right: 30px;}


#footer .copyright { margin: 3rem auto; font-size: 14px; color: #fff; }


.top_btn{position:fixed; 
     bottom: -200px;
    transition: bottom 1s ease, opacity 1s ease; right:10px; vertical-align: top; z-index: 89; opacity: 0;}
 .top_btn .btn_top{
  display:block; 
  width:40px; 
  height:40px;   
  background: #003057;
  font-size: 0;
  color: transparent;
  text-align: center;
  text-indent: -9999em;
}
.top_btn .btn_top::before{
    content: "\e877";
    font-family: Linearicons-Free;
    font-size: 1.3rem;
    display: inline-block;
    padding: 5px;
    color: #fff;  
}

/*footer2*/


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

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


}

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


	.btn_set {  }
	.swiper-pagination {}

	.footer { padding-bottom: 22vw;}


}


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

.fixWrap { height: 100vh;}

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

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

/*summary*/


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

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

/*calendar*/

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

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

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

	.location_content { margin-top: 15vw; }

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

	
/*complex*/

.complex { height: 350vw; }

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

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

/* footer */

	.footer {  }



	.footer h1 { font-size: 14px; line-height: 25px; padding-left: 49px;letter-spacing: -0.5px;  margin-top: 4vw;}
    .footer h1 li::before{content: '※'; position: absolute; left: -0.5rem; margin-right: 0.167rem;}
	.footer h1 span {  font-size: 14px; line-height: 25px; margin-top:0vw; color: #b9b9b9; letter-spacing: -0.5px; }

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

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







}




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

/* sub */

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

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


/* */


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

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

#sub-top{
width: 100%;
height: 50vw; /*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:50vw; overflow: hidden;position: relative; z-index: 9; background: #000;	}
#sub-top:after {opacity: .6; content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/sub_top_bg.png) center center no-repeat; background-size: cover; z-index: 12; }

.sub_top_bg{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 50vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg::after{opacity: .6; content:''; background: url(../img/sub_top.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9; background: #000;	}
.sub_top_bg01::after{opacity: .6; content:''; background: url(../img/sub_top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg02::after{ opacity: .6;content:''; background: url(../img/sub_top02.jpg) left center no-repeat; background-size: cover; width: 100%; height: 50vw; 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg03::after{opacity: .6; content:''; background: url(../img/sub_top03.jpg) left center no-repeat; background-size: cover; width: 100%; height: 50vw;  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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg04::after{opacity: .6; content:''; background: url(../img/sub_top04.jpg) right center no-repeat; background-size: cover; width: 100%; height: 50vw;   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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg05::after{opacity: .6; content:''; background: url(../img/sub_top05.jpg) right center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg06::after{opacity: .6; content:''; background: url(../../img/top_img_7.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg07::after{opacity: .6; content:''; background: url(../img/sub_top07.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg08::after{opacity: .6; content:''; background: url(../img/sub_top08.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 50vw; overflow: hidden;position: relative; z-index: 9;background: #000;	}
.sub_top_bg09::after{opacity: .6; content:''; background: url(../img/sub_top09.jpg) center center no-repeat; background-size: cover; width: 100%; height: 50vw;	 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: 48%; margin: auto; z-index: 19; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #3e515e;}
.sub_top_txt h3 { font-family:'HanwhaGothic'; color: #fff; font-size: 6vw; line-height: 150%; font-weight: 400; animation: sub_top_txt2 1.3s 1.2s both; letter-spacing: 0rem; transform: translateX(0vw); 
text-transform: uppercase; }

.sub-page .zoom{margin: 10px;}


.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 {  letter-spacing: 0rem; opacity:0; }
	to{ }
}
@keyframes sub_top_txt2 {
	from { letter-spacing: 5vw; transform: translateX(2.5vw); }
	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:'HanwhaGothic', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:700;}
#sub .sub-tit{font-size:28px; font-weight:500; padding-bottom:0px; line-height:90%; letter-spacing: -1.5px;    margin-top:40px;}
.sub_tit_txt{ font-family:'HanwhaGothic', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400; text-align: center; color: #888; font-size:2.5vw;margin: 2vw 0;}
.sub-page{ width: 90%; text-align:center; margin:0 auto; margin-top: 10px; opacity: 1; overflow: hidden; padding-bottom: 60px; padding-top: 15px; position:relative; }
.sub-page>h2{ font-size:20px; color:#111; padding-top:28px; text-align: left; margin-bottom: 10px;}
/*.sub-page img { width: 100%; }
#sub-tit-line {margin-top:30px;
	width: 90%;
	margin-left: 5%;

}
*/

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


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

.sub_img_wrap { padding-bottom: 4rem;}


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



.swiper_planning_thumb .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: revert;}
.swiper_planning_thumb .swiper-slide { max-width:21vw; height: 14vw; cursor: pointer; border: none; overflow: hidden; margin-top: 0.375rem; margin-right: 0 !important; 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; }


.swiper_planning { margin: 0; padding: 0; }
.sub_planning_img { width: 100%; height: 53vw;  }
.sub_planning_img.img01 { background: url(../../sub/planning01.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; }
.sub_planning_img.img04 { background: url(../../sub/planning04.jpg) center no-repeat; background-size: cover; }


.sub_over_txt_box { margin-top: 50px;  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_tit { text-align: center; position: relative; z-index: 9; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9; display: flex; justify-content: center; align-items: center; }
.sub_over_tit>div { transform: translateY(-1rem); }

.sub_over_tit h4 { font-size: 0.975rem; line-height: 100%; font-weight: 300;}
.sub_over_tit h2 { font-size: 1.65rem; line-height: 124%; margin-top: 1.25rem; font-weight: 200; margin-top: 0.3rem; }
.sub_over_tit h2 b { color: #202740; font-weight: 700; }


.sub_over_top { width: 100%; height: auto; position: relative; }
.sub_planning_logo { position: absolute; left: 7.86%; bottom: 8.74%; z-index: 9; width:20%; }


.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: "HanwhaGothic", 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_bottom { width: 100%; margin: auto; position: relative; margin-top: 4.5rem; opacity: 0; }
.sub_over_bottom>div:last-child { /*display: none;*/ }



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

.sub_over_top.active .over_tit b:nth-child(1) { transform: translate(0); transition: 1.3s 0.0s; }
.sub_over_top.active .over_tit b:nth-child(2) { transform: translate(0); transition: 1.3s 0.07s; }
.sub_over_top.active .over_tit b:nth-child(3) { transform: translate(0); transition: 1.3s 0.14s; }
.sub_over_top.active .over_tit b:nth-child(4) { transform: translate(0); transition: 1.3s 0.21s; }
.sub_over_top.active .over_tit b:nth-child(5) { transform: translate(0); transition: 1.3s 0.28s; }
.sub_over_top.active .over_tit b:nth-child(6) { transform: translate(0); transition: 1.3s 0.35s; }
.sub_over_top.active .over_tit b:nth-child(7) { transform: translate(0); transition: 1.3s 0.42s; }
.sub_over_top.active .over_tit b:nth-child(8) { transform: translate(0); transition: 1.3s 0.49s; }

.sub_over_top.active .over_img_box { opacity: 1; clip-path: inset(2% 37% 0% 37% round 300px); transform: rotate(30deg); transition: opacity 1.2s 1.0s, clip-path 1.5s 1.85s, transform 1.3s 3.8s; }
.sub_over_top.active .over_vd_box { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box.white { transform: rotate(-30deg); transition: 1.3s 3.8s; }
.sub_over_top.active .over_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }
.sub_over_top.active .over_txt_box h2 { opacity: 1; transform: translate(0); transition: 1.3s 2.8s; }

/**/


/**/

.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 {font-family: 'Noto Sans KR', sans-serif;  width: 100%; max-width: 1100px; margin-top: 10%; background-color: #f3f3f3; text-align: left; padding: 1.25rem 1.417rem; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; }
.sub_ori>div { width: 2.917rem; height: 2.917rem; min-width: 2.917rem; border-radius: 100%; background: #052f57 url(../img/ori.png) center no-repeat; margin-right: 1.167rem; background-size: 0.3rem; }
.sub_ori ul {  }
.sub_ori ul li { font-size: 2.6vw; 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; }






/**/

.guest_content { width: 100%; max-width: 1100px; }




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

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

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










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

ul.tabs2 { font-family:'HanwhaGothic', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
	display: flex;
	justify-content: space-between;
	gap: 1%;
	margin-bottom: 20px;
}



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

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


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

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

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

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




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



/*tabs3*/	

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


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


ul.tabs3 li.selected, ul.tabs3 li.selected:hover
{
    position: relative;
    top: 0px;
	color:#008c8d; background: none;
/*	border:none; */
	}
	
ul.tabs3 li.selected a, ul.tabs3 li.selected a:hover { 	color:#fff; background: #ccc; border:1px solid #ccc;}
        

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



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

	.sub_top_bg {height:300px;}

	#sub-top {height:300px;}

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



}


/**/



/**/

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

.sub_brand_top { width: 100%; height: 29.6875rem; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.sub_brand_top>div:last-child { width: 81%; position: relative; z-index: 9; display: flex; justify-content: space-between; align-items: flex-start; }


.brand_movie { width: 100%; margin: auto; text-align: left; }
.brand_movie h3 {font-size: 1.875rem; font-family: 'Noto Sans Medium'; color: #000; position: relative; letter-spacing: -1px; padding-bottom: 1.125rem;}
.brand_movie h3 span { position: absolute; right: 0; top: 0; width:45%;}
.brand_movie {padding-top: 3.75rem;}

/* .content_page .movie_con {position: relative; height: 675px;} */
.movie_con { position: relative; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.movie_con iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 1; }

.brand_img {padding-top: 3.75rem;}

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

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