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


body { width: 100%; margin: auto; font-family: 'Pretendard'; }

body.main { overflow-y: hidden; }


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

/**/

.all_wrap { width: calc(100% - 6.25rem); height: 100vh; overflow: hidden; position: relative; left: 0; top: 0; }

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

/**/

.intro_wrap { width: calc(100% - 6.25rem); height: 100vh; position: fixed; left: 0; top: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; z-index: 999999; background-color: #e2dcd3; }

.intro_txt_box { position: relative; z-index: 10; text-align: center; color: #272728; transform: translateY(-5.25rem); }
.intro_txt_box h3 { font-size: 1.25rem; line-height: 100%; font-weight: 400; animation: intro_txt 0.8s 0.2s both; }
.intro_txt_box h2 { font-size: 4.125rem; line-height: 100%; font-weight: 100; margin-top: 1rem; color: #240089; letter-spacing: -0.15rem; animation: intro_txt 0.8s 1.0s both; }
.intro_txt_box h2 b { font-weight: 700; }
.intro_line { width: 1px; height: 2.5rem; background-color: #240089; margin: auto; margin-top: 1.3rem; animation: intro_txt2 1.0s 1.4s both; }
.intro_logo { margin-top: 1.9rem; animation: intro_txt3 1.0s 2.2s both; }
.intro_bi { display: block; margin: auto; margin-top: 2.5rem; animation: intro_txt3 1.0s 2.2s both; }

.intro_train { position: absolute; left: 0; right: 0; bottom: -4.2rem; margin: auto; animation: intro_train 2.2s 1.0s both; }

@keyframes intro_txt {
	from { opacity: 0; transform: scale(7); }
	to {  }
}
@keyframes intro_txt2 {
	from { opacity: 0; }
	to {  }
}
@keyframes intro_txt3 {
	from { opacity: 0; transform: translateY(2rem); }
	to {  }
}
@keyframes intro_train {
	from { transform: translateY(100%); }
	to {  }
}
/*@keyframes intro {
	from { opacity: 1; }
	to {  }
}*/


/**/

.banner {position:absolute; width: 21rem; height: 9.5rem; background-color: #ffde00; z-index:10; left:7%; top:20rem; border-radius:100px; animation: banner 1.0s 0.7s both;}
.banner h1 {font-size: 1.825rem; line-height:120%; padding-top:1.5rem; color:#000;}
.banner h1 span {font-weight:800;}
.banner p {font-size: 1rem; padding-top:0.9rem;}

/*.banner2 {position:absolute; width: 11rem; height: 11rem; background-color: #ffde00; z-index:10; left:17%; top:21rem; border-radius:100px; animation: banner 1.0s 0.7s both;}
.banner2 h1 {font-size: 1.825rem; line-height:120%; padding-top:3.2rem; color:#000;}
.banner2 h1 span {font-weight:800;}*/

/*.banner2 {position: fixed; width: 18rem; height: 3.45rem; background-color: #ffde00; z-index:10; right: 7.65%; top: 5.5rem; border-radius:100px; text-align: center; z-index: 99999; }
.banner2 h1 {font-size: 1.425rem; line-height:100%; line-height: 3.45rem; color:#000;}
.banner2 h1 span {font-weight:800;}*/


.banner2 {position: relative; width: 18rem; height: 3.45rem; background-color: #ffde00; z-index:10; margin: auto; margin-top: 2.7rem; border-radius:100px; text-align: center; z-index: 99999; transform: scale(1.4); animation: banner11 1.0s 0.7s both; }
.banner2 h1 {font-size: 1.425rem; line-height:100%; line-height: 3.45rem; color:#000;}
.banner2 h1 span {font-weight:800;}

@keyframes banner11 {
	from { transform:scale(1.4) translateY(-2.5rem); opacity: 0; }
	to {  }
}

#section1 { width: 100%; background-color: #fff; }

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

.main_bg {  width: 100%; height: 100%; position: absolute; z-index: 9; background: url(../img/main_bg2.jpg) center no-repeat; background-size: cover; display: none; animation: main_bg 1.0s 0.5s both; }
/*.main_train { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/main_train.png) center no-repeat; background-size: cover; }
.main_star { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main_star.star01 { background: url(../img/main_star01.png) center no-repeat; background-size: cover; }
.main_star.star02 { background: url(../img/main_star02.png) center no-repeat; background-size: cover; }
.main_star.star03 { background: url(../img/main_star03.png) center no-repeat; background-size: cover; }
.main_star.star04 { background: url(../img/main_star04.png) center no-repeat; background-size: cover; }*/
.main_star { width: 100%; height: 100%; position: absolute; z-index: 9; background: url(../img/main_bg.jpg) center no-repeat; background-size: cover; display: none; }
.main_star img { width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; bottom: 0; object-fit: cover; mix-blend-mode: screen; }
.main_star01 { transform: translateX(-110%); animation: main_bg2 7.5s 0.7s infinite; } 
.main_star02 { margin-top: -1rem; transform: translateX(-110%); animation: main_bg2 7.5s 1.5s infinite; } 
.main_star03 { margin-top: -1.5rem; transform: translateX(-110%); animation: main_bg2 7.5s 0.2s infinite; } 
.main_star04 { margin-top: -4rem; transform: translateX(-110%); animation: main_bg2 7.5s 1.2s infinite; } 
.main_train { transform: translateX(-130%); animation: main_bg 7.5s 0s infinite; } 

.main_txt_box { position: relative; z-index: 10; text-align: center; color: #272728; transform: /*translateY(-5.25rem); */ /* translateY(-12.25rem); */ translateY(-16.25rem); }
.main_txt_box h3 { font-size: 1.25rem; line-height: 100%; font-weight: 400; animation: main_txt 1.0s 0.2s both; }
.main_txt_box h2 { font-size: 4.125rem; line-height: 100%; font-weight: 100; margin-top: 1rem; color: #240089; letter-spacing: -0.15rem; animation: main_txt 1.0s 0.2s both; }
.main_txt_box h2 b { font-weight: 700; }
.main_line { width: 1px; height: 2.5rem; background-color: #240089; margin: auto; margin-top: 1.3rem; animation: main_txt2 1.0s 0.5s both; }
.main_logo { margin-top: 1.9rem; animation: main_txt3 1.0s 1.0s both; }
.main_bi { display: block; margin: auto; margin-top: 2.5rem; animation: main_txt3 1.0s 1.0s both; }

.main_open { position: absolute; left: 6.25rem; bottom: 2.5rem; z-index: 10; display: flex; justify-content: center; align-items: center; animation: main_open 1.0s 1.6s both; }
.main_open>div { width: 9.2rem; height: 9.2rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 500; font-size: 1.375rem; line-height: 1.625rem; margin-right: 0.5rem; }
/*.main_open>div:nth-child(1) { background-color: #252525; font-size: 0.975rem; line-height: 1.225rem; }
.main_open>div:nth-child(1) b { margin: 0 0.1rem; }
.main_open>div:nth-child(1)>p { transform: translateY(1px); }*/
.main_open>div:nth-child(1) { font-size: 1.375rem; line-height: 1.625rem; background-color: #171c46; }
.main_open>div:nth-child(1) b { margin: 0 0.1rem; }
.main_open>div:nth-child(1)>p { transform: translateY(1px); }
.main_open>div:nth-child(2) { background-color: #faf7f2; color: #171c46; font-weight: 800; }
.main_open>div:nth-child(3) { background-color: #886d4b; }
.main_open>div span { font-size: 2.25rem; font-weight: 700; position: relative; top: 0.1rem; }



@keyframes main_bg {
	from { transform:scale(1.2);   }
	to {  }
}
@keyframes main_bg2 {
	from { transform: translateX(110%); }
	to {  }
}
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-2.5rem); }
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; }
	to {  }
}
@keyframes main_txt3 {
	from { opacity: 0; transform: translateY(2rem); }
	to {  }
}
@keyframes main_open {
	from { opacity: 0;  }
	to {  }
}

@keyframes banner {
	from { opacity: 0;   transform: translateX(-2rem); }
	to {  }
}

/**/

#section2 { width: 100%; background-color: #000; }

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

.location_vd { position: absolute !important; display: block !important; left: 0; top: 0; width: 100%; padding-bottom: 56.25%; height: 0 !important; z-index: 0; }
.location_vd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; aspect-ratio: 16/9 !important; opacity: 0.3; }

.location_box { width: 1404px; display: flex; justify-content: space-between; position: relative; transform: translateY(2.25rem); }
.location_line_box { width: 1404px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; }
.location_line_box span { position: absolute; width: 1px; height: 100%; background-color: #fff; opacity: 0.2; display: block; animation: location_line 2.2s 0s both; }
.location_line01 { left: 0; top: 0; }
.location_line02 { left: 25%; bottom: 0; }
.location_line03 { left: 0; right: 0; margin: auto; top: 0; }
.location_line04 { right: 25%; bottom: 0; }
.location_line05 { right: 0; top: 0; }
.location_box>div { width: 100%; text-align: left; }
.location_box>div:nth-child(2n) { padding-top: 1.25rem; }
.location_box>div:nth-child(2n) .location_img { margin-top: 4.75rem; animation: location_img2 1.0s 0.7s both; }
.location_box>div:nth-child(2n) .location_txt_box { margin-top: 6rem; }
.location_box>div:nth-child(2n-1) .location_img { animation: location_img 1.0s 0.7s both; }

.location_txt_box { padding-left: 2.675rem; }
.location_txt_box h3 { font-size: 1.25rem; line-height: 100%; color: #ccb484; margin-top: 4.25rem; }
.location_txt_box p { font-size: 0.875rem; line-height: 1.563rem; color: #878787; opacity: 0.7; margin-top: 1.375rem; }
.location_txt_box h5 { font-size: 0.938rem; line-height: 100%; color: #fff; font-weight: 700; margin-top: 1.875rem; }

.location_box>div:nth-child(1) .location_txt_box,.location_box>div:nth-child(2) .location_txt_box { animation: location_txt 1.0s 0.7s both; }
.location_box>div:nth-child(3) .location_txt_box,.location_box>div:nth-child(4) .location_txt_box { animation: location_txt2 1.0s 0.7s both; }

.location_img { position: relative; filter: grayscale(1); transition: 0.2s; }
.location_bg { position: absolute; }
.location_bg.bg01 { left: -2.7rem; bottom: 0; animation: location_bg 1.0s 0.7s both; }
.location_bg.bg02 { left: -5rem; top: -1.5rem; }
.location_bg.bg03 { right: -3rem; top: -18rem; }

.location_box>div:hover .location_img { filter: grayscale(0); }



@keyframes location_line {
	from { height: 0; }
	to {  }
}
@keyframes location_img {
	from { transform: translateY(6.125rem); opacity: 0 }
	to {  }
}
@keyframes location_img2 {
	from { transform: translateY(-6.125rem); opacity: 0 }
	to {  }
}
@keyframes location_txt {
	from { transform: translateX(-3.2rem); opacity: 0 }
	to {  }
}
@keyframes location_txt2 {
	from { transform: translateX(3.2rem); opacity: 0 }
	to {  }
}
@keyframes location_bg {
	from { opacity: 0 }
	to {  }
}

/**/

#section3 { width: 100%; background: url(../img/premium_bg.jpg) center no-repeat; background-size: cover; }

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

.premium_tit { color: #272728; animation: premium_tit 1.0s 0.2s both; }
.premium_tit h2 { font-size: 2.813rem; line-height: 100%; font-weight: 100; color: #240089; letter-spacing: -0.05rem; }
.premium_tit h2 b { font-weight: 700; }
.premium_tit p { font-size: 1rem; line-height: 100%; margin-top: 1rem; }

.premium_box { width: 62%; max-width: 1100px; margin: auto; display: flex; justify-content: space-between; align-items: center; margin-top: 5.5rem; animation: premium_content 1.0s 0.8s both; }
.premium_content { width: 21rem; height: 30rem; background-color: #fff; border-radius: 2rem; text-align: left; box-sizing: border-box; position: relative; transition: 0.5s; }
.premium_content:after { content:''; width: 5.5rem; height: 0.125rem; background-color: #886d4b; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; transition: 0.5s; opacity: 0; }
.premium_img { width: 9.375rem; height: 8rem; margin: auto; position: relative; margin-top: 4.5rem; }
.premium_img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.premium_content h2 { font-size: 1.438rem; line-height: 100%; color: #886d4b; margin-top: 4.2rem; padding-left: 2.5rem; }
.premium_content h2 span { font-family: 'Futura Std Oblique'; font-size: 3.313rem; color: #240089; font-weight: 600; padding-left: 1rem; position: relative; top: -0.3rem; margin-left: 0.35rem; }
.premium_content h2 span:before { content:''; width: 100%; height: 1px; background-color: #240089; position: absolute; left: 0; bottom: 0.575rem; }
.premium_content ul { margin-top: 1.375rem; padding-left: 2.5rem; }
.premium_content ul li { font-size: 0.938rem; line-height: 1.75rem; color: #3e3e3e; position: relative; padding-left: 1.875rem; }
.premium_content ul li:before { content:''; display: block; position: absolute; left: 0; top: 0.23rem; width: 1.313rem; height: 1.313rem; background: url(../img/check.png) left center no-repeat; }
.premium_content ul li span { color: #240089; font-weight: 700; }


.premium_content:hover { border: 1px solid #886d4b; box-shadow: 0 0 25px rgba(0,0,0,0.2); transform: translateY(-2rem); }
.premium_content:hover:after { transform: translateY(2rem); opacity: 1; }


@keyframes premium_tit {
	from { opacity: 0; transform: translateY(-2.5rem); }
	to {  }
}
@keyframes premium_content {
	from { opacity: 0; transform: translateY(3.5rem); }
	to {  }
}



#section4 { width: 100%;  background-size: cover; }
.unit_wrap  { width: 100%; height: 100vh; position: relative; overflow: hidden; }

.unit_left { width: 33%; height: 100%; float: left; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; }
.unit_left:after { content:''; width: 0%; height: 120%; background-color: #fff; position: absolute; left: -10%; top: -10%; z-index: 999;  animation: unit_bg 1.0s 0.2s both;}
.unit_right { width: 67%; height: 100%; float: left; position: relative; display: flex; justify-content: center; align-items: center; position: relative; }

.unit_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/unit_bg.jpg) center no-repeat; background-size: cover; z-index: 1; }
.unit_txt_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.unit_tit { position: relative; z-index: 9; color: #000; text-align: center; transform: translateY(-40px); animation: unit_tit 1.0s 0.55s both; }
.unit_tit h4 { font-family: 'Nanum Myeongjo', serif; font-size: 22px; line-height: 140%; font-weight:600; letter-spacing:-1.5px; }
.unit_tit p { font-size: 14px; line-height: 30px; margin-top: 32px; opacity:0.7;}
.unit_tit h2 { font-family: 'Futura', sans-serif; -webkit-text-stroke: 0.4px #000; color: transparent; font-size: 111px; line-height: 100%; margin-top: 65px; font-weight: 800; letter-spacing: 5px; }
.unit_tit_bt { font-family:'Futura';  width: 210px; height: 53px;  color: #000; text-align: center; line-height: 52px; font-size: 13px;  margin: auto; margin-top: 45px; overflow: hidden; }
.unit_tit_bt a { width: 100%; height: 100%; display: block; }
.unit_arr {padding-left:20px;}

.unit_right_box { width: 840px; position: relative; transform: translateY(20px); animation: unit_content 1.0s 0.55s both; }
.unit_con { text-align: center; }
.unit_con h2 { font-size: 110px; line-height: 100%; font-family: 'Futura', sans-serif; font-weight: 800; color: #222; letter-spacing: -2px; }
.unit_con h2 span { font-size: 70px; font-weight: 400; }
.unit_con ul { width: 100%; text-align: center; color: #202020; border-bottom: 1px solid #cecece; margin-top: 40px; }
.unit_con ul li { color: #202020; display: inline-block; font-size: 16px; line-height: 60px; vertical-align: middle; font-weight: 400; padding:7px 7px 0 7px; padding-left: 12px; position: relative; }
.unit_con ul li:after { content:''; position: absolute; width: 1px; height: 14px; background-color: #a8a8a8; right: 0; top: 0; bottom: 0; margin: auto; transform: translateY(2px); }
.unit_con ul li:last-child:after { display: none; }

.unit_right_box .tabs2 { position: absolute; top: 122px; left: 0px; display: flex; justify-content: space-between; float: none; }
.unit_right_box .tabs2>li { width: 100%; text-align: center; margin: 0; border: none; border-bottom: 5px solid #bbb; }
.unit_right_box .tabs2>li>a { padding: 0; line-height: 43px; letter-spacing: 0; display: block; color: #a5a5a5; }
.unit_right_box .tabs2 li.selected { background: none; border-bottom: 5px solid #9e826f; }
.unit_right_box .tabs2 li.selected a { color: #9e826f; }
.unit_right_box .tabs2 li:hover { background: none; border-bottom: 5px solid #9e826f; }
.unit_right_box .tabs2 li:hover a { color: #9e826f; }

.unit_img { margin-top: 10px; }
.twentytwenty-container { width: 70%; margin: auto; height: 500px; }
.twentytwenty-container img { position: relative; display: inline-block; }
.unit_img_box { position: absolute; left: 0; top: 0; width: 100%; text-align: center; }
.unit_img_bt { width: 160px; height: 45px; line-height: 43px; color: #fff; background-color: #aeaeae; border-radius: 30px; margin: auto; margin-top: 10px; font-size: 16px; }

.twentytwenty-horizontal .twentytwenty-handle:before { height: 300%; background: linear-gradient(transparent,#fff); } 
.twentytwenty-horizontal .twentytwenty-handle:after { height: 300%; background: linear-gradient(#fff,transparent); }
.twentytwenty-handle { top: 41%; box-shadow: inset 0px 0px 50px rgb(0 0 0 / 50%), 0px 0px 50px rgb(0 0 0 / 100%), 0px 0px 100px rgb(0 0 0 / 100%); }

.twentytwenty-left-arrow:after { content:'mouse'; font-size: 12px; font-weight: 700; color: #fff; line-height: 100%; text-shadow: 0 0 8px rgba(0,0,0,0.8); 
position: absolute; left: -96px; top: -6px; text-transform: uppercase; letter-spacing: -0px; width: 100px; }
.twentytwenty-right-arrow:after { content:'drag'; font-size: 12px; font-weight: 700; color: #fff; line-height: 100%; text-shadow: 0 0 8px rgba(0,0,0,0.8); 
position: absolute; right: -95px; top: -6px; text-transform: uppercase; letter-spacing: -0px; width: 110px; }

/*
.unit_left.active:after { width: 0; transition: 1.0s 0.2s; }
.unit_left.active .unit_tit { transform: translateY(-10px); opacity: 1; transition: 1.0s 0.55s; }
.unit_right.active .unit_right_box { transform: translateY(20px); opacity: 1; transition: 1.0s 0.55s; }*/

@keyframes unit_bg {
	from {  width: 120%;  }
	to {  }
}
@keyframes unit_tit {
	from { opacity: 0;  transform: translateY(-100px); }
	to {  }
}
@keyframes unit_content {
	from { opacity: 0; transform: translateY(80px); }
	to {  }
}




/**/
#section5 { width: 100%; }
.calendar_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; background: url(../img/calendar_bg.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; }

.calendar_box { width: 63%; }

.calendar_tit { text-align: center; color: #fff; transform: translateY(0px); animation: calendar_tit 1.0s 0.4s both; }
.calendar_tit h2 { font-family:'Futura', sans-serif; font-weight: 700; font-size: 90px; line-height: 100%; letter-spacing: 1px; -webkit-text-stroke: 1px #000; color: transparent; }
.calendar_tit p { font-size: 14px; line-height: 100%; margin-top: 24px; color: #505050; }

.calendar_bottom { margin-top: 60px; transform: translateY(0px);  animation: calendar_content 1.0s 0.6s both; }
.calendar_con_box { display: flex; justify-content: space-between; overflow: hidden; }
.calendar_con_box.box01 { width: 100%; }
.calendar_con_box.box02 { width: 100%; margin-top: 30px; margin-top: 2%; }
.calendar_con { width: 100%; height: 195px; position: relative; display: flex; justify-content: center; align-items: center; margin-right: 2%; color: #181818; background-color: rgba(255,255,255,0.7); border: 1px solid #b3b3b3; text-align: center; }
.calendar_con:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
.calendar_con:last-child{ margin-right: 0; }
.calendar_con h4 { font-family:'Futura', sans-serif; font-size: 38px; line-height: 100%; font-weight: 500; }
.calendar_con p { font-size: 20px; line-height: 100%; margin-top: 12px; }
.calendar_con:hover { background-color: #000; border: 1px solid #000; color: #fff; }

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

@keyframes calendar_tit {
	from { opacity: 0; transform: translateY(-80px);}
	to {  }
}
@keyframes calendar_content {
	from { opacity: 0;transform: translateY(100px); }
	to {  }
}


/**/

#section6 { overflow: visible; }

.footer { width: calc(100% - 6.25rem); padding: 2.75rem 6.25rem 5.5rem; box-sizing: border-box; z-index: 99; font-family: 'Pretendard'; background-color: #282828; color: #fff; position: relative; 
box-sizing: border-box; text-align: center; letter-spacing: -0.5px; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-end; }

.footer_left { height: 100%; color: #696969; font-weight: 500; text-align: left; }
.footer_logo {  }
.footer_left ul { font-family: 'Noto Sans KR', sans-serif; display: flex; justify-content: flex-start; align-items: flex-end; color: #fff; margin-top: 1.25rem; }
.footer_left ul li { padding: 0 1.375rem; position: relative; font-size: 1rem; line-height: 100%; font-weight: 400; }
.footer_left ul li:first-child { padding-left : 0; }
.footer_left ul li:after { position: absolute; content:''; width: 1px; height: 0.875rem; background-color: #fff; opacity: 0.8; right: 0; bottom: 0; top: -1px; margin: auto; }
.footer_left ul li span { font-size: 0.813rem; color: #cfab85; margin-right: 0.3rem; }
.footer_left ul li:last-child:after { display: none; }

.footer_left h5 { font-size: 0.813rem; line-height: 100%; margin-top: 1.375rem; letter-spacing: -0.3px; }
.footer_left h5 span { color: #cfab85; }
.footer_left h6 { font-size: 0.813rem; line-height: 100%; margin-top: 0.525rem; letter-spacing: -0.3px; }

.footer_right { text-align: right; color: #696969; }
.footer_right p { font-size: 0.813rem; line-height: 150%; margin-top: 0px; letter-spacing: -0.3px; margin-top: 1.25rem; }


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

/* sub */

#sub { width: calc(100% - 6.25rem); height: auto; overflow: hidden; position: relative; }

.sub_top { width: 100%; height: 600px; margin-top: 0px; position:relative;  z-index: 99; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.sub_top:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: #efefef url(../img/main_bg.jpg) center top -80px no-repeat; background-size: cover; animation: sub_top 2s 0s both; }
.sub_top:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: url(../img/sub_top_bg.png) center top no-repeat; background-size: cover; }

.sub_top_txt_box { position: relative; z-index: 10; text-align: center; color: #272728; transform: translateY(-4.25rem); }
.sub_top_txt_box h3 { font-size: 1.25rem; line-height: 100%; font-weight: 400; animation: main_txt 1.0s 0.2s both; }
.sub_top_txt_box h2 { font-size: 3.5rem; line-height: 100%; font-weight: 100; margin-top: 0.9rem; color: #240089; letter-spacing: -0.15rem; animation: main_txt 1.0s 0.2s both; }
.sub_top_txt_box h2 b { font-weight: 700; }
.sub_logo { margin-top: 1.52rem; animation: main_txt3 1.0s 0.8s both; }
.sub_bi { display: block; margin: auto; margin-top: 1.25rem; animation: main_txt3 1.0s 0.8s both; }


@keyframes sub_top {
/*	from { background: url(../img/main_bg.jpg) center top no-repeat; }*/
	to {  }
}
@keyframes sub_top_txt {
	from { transform: translate(-45px,-35px); opacity: 0; };
	to { };
}


.snb_wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; background-color: rgba(0,0,0,0.7); color: #fff; z-index: 9; }
.snb_wrap ul { width: 100%; max-width: 1100px; margin: auto; display: flex; justify-content: center; transform: translateX(0); }
.snb_wrap ul li { font-size: 15px; width: 100%; max-width: 200px; line-height: 65px; text-align: center; position: relative; font-weight: 500; box-sizing: border-box; margin: 0 -1px; }
.snb_wrap ul li:after { content:''; width: 1px; height: 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; background-color: rgba(255,255,255,0.4); }
.snb_wrap ul li:last-child:after { display: none; }
.snb_wrap ul li a { display: block; color: rgba(255,255,255,0.8); font-weight: 400; position: relative; top: 1px; }
.snb_wrap ul li.selected { background-color: rgba(255,255,255,1); border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
.snb_wrap ul li.selected a { color: #333; font-weight: 600; top: 0; }

.sub_content { font-family: 'Noto Sans KR', sans-serif; width: 100%; position: relative; transform: translateX(0); }

.sub_tit { width: 100%; max-width: 1100px; margin: 80px auto 40px; text-align: center; }
.sub_tit h2 { font-size: 38px; font-weight: 500; line-height: 100%; }
.sub_tit h5 { font-size: 14px; font-weight: 400; line-height: 100%; margin-top: 10px; opacity: 0.6; text-transform: uppercase; }
.sub_tit_line { width: 1px; height: 25px; margin: auto; margin-top: 25px; background-color: #bbb; }



.sub_page { width: 90%; max-width: 1100px; margin: auto; padding-bottom: 100px; text-align: center; }



.ori{ font-size:12px; color:#777; background:#f3f3f3; border:1px solid #ddd; padding:20px; letter-spacing:-0.8px; margin-top:50px; text-align:left; font-family: 'spoqahansans', sans-serif; }

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

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


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #886d4b;  }
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a { padding:10px 180px; color:#444;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #ba0061; border:1px solid #ba0061; }


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







@media all and (max-width: 1640px) { 
	
	html { font-size: 12px; }
	.footer_tel { width: 13rem; }
	.footer_logo { width: 16.2rem; }


}