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


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

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

.mo { display: none !important; }
.pc { display: block; }

/*  */


/*html,a,.btn { cursor: none; }*/
.btn { cursor: pointer; }

#cursor {  position: fixed;  z-index: 999999999999999;  left: 0;  top: 0;  pointer-events: none;  will-change: transform;}

@media (hover: hover) and (pointer: fine) {
 
  .cursor__circle {  	display: none;    width: 25px;    height: 25px;    margin-top: -50%;    margin-left: -50%;    border-radius: 50%;    border: solid 1px #004e71;    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);      display: none;  }

  .cursor_drag { width: 25px; height: 25px; background-color: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
  .cursor_drag p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; }
  .cursor_drag p:before { content:''; width: 6px; height: 6px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); position: absolute; left: -42px; top: 0; bottom: 0; margin: auto; }
  .cursor_drag p:after { content:''; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: absolute; right: -42px; top: 0; bottom: 0; margin: auto; }
 
  .cursor_click { width: 25px; height: 25px; background-color: transparent; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transform: translate(-50%,-50%); transition: 0.3s; opacity: 0; position: absolute; }
  .cursor_click p { color: #fff; font-size: 10px; line-height: 100%; font-weight: 500; display: inline-block; position: relative; letter-spacing: 0; transform: translateY(-5px); }
  .cursor_click p:before { content:''; width: 5px; height: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 18px; bottom: 0; margin: auto; }
 
  #cursor{    width: 70px;    height: 70px;  }
  #cursor.arrow .cursor__circle{width: 80px;  height: 80px;    background-color: transparent;    border-color: #004e71;  }
  #cursor.click .cursor__circle{ width: 80px;  height: 80px;    background-color: transparent;    border-color: transparent;  }
  #cursor.click .cursor_click { width: 65px;   height: 65px;	opacity: 1;  }
  #cursor.drag .cursor__circle{  width: 80px;   height: 80px;    background-color: transparent;    border-color: transparent;  }
  #cursor.drag .cursor_drag {  width: 80px;   height: 80px;	opacity: 1;  }
  #cursor.drag2 .cursor__circle{ width: 80px;   height: 80px;    background-color: transparent;    border-color: transparent;  }
  #cursor.drag2 .cursor_drag {  width: 65px;   height: 65px;	opacity: 1;  }
  #cursor.drag2 .cursor_drag { background-color: transparent; border: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:before { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
  #cursor.drag2 .cursor_drag p:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

}


/**/

.all_wrap { width: 100%; height: auto; position: relative; left: 0; top: 0; }
body.main .all_wrap { height: 100vh; text-align: center; }
body.sub .all_wrap { overflow: hidden; }


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

/*  */

#section1 { width: 100%;  z-index: 1; }

.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #000; overflow: hidden; }
.main_wrap::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0; z-index: 11; transition: 1.2s; }

.swiper_main { width: 100%; height: 100%; margin: 0; padding: 0; }
.swiper_main .swiper-slide { width: 100%; height: 100%; background-color: #000; }

.main_content { width: 100%; height: 100%; position: relative; }

.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; transform: scale(1.25); }
.main_img.img01 { background: url(/images/main/main_img.jpg) center no-repeat; background-size: cover; }
.main_img.img02 { background: url(http://www.gd-hausd.com/img/main02.jpg) center bottom no-repeat; background-size: cover; }
.main_bg { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/images/main/main_bg.png) center no-repeat; background-size: cover; z-index: 2; }

.main_txt_box { width: 55%; height: 100%; position: absolute; z-index: 10; right:0; top:20%;  }
.main_txt_box div	{ position:relative; width:100%; overflow: hidden; height:50%}
.main_txt_box .text01 { transform: translateY(-10px); opacity: 0;  font-family: 'Nanum Myeongjo';position:absolute; top:0; left:0; font-size:36px; color:#000;  font-weight:400px; line-height:1.5; letter-spacing:-1px;}
.main_txt_box .text01 strong {font-weight:600}
.main_txt_box .line { transform: translateY(-5px); opacity: 0; position:absolute; top:75px; left:240px; width:80px; height:1px; background-color:#e62a3c}
.main_txt_box .text02 { transform: translateY(-10px); opacity: 0; position:absolute; top:0; left:340px; font-family: 'Nanum Myeongjo'; color:#e62a3c; font-size:60px; font-weight:600; text-align:left; line-height:1.1; letter-spacing:-1px;}
.main_txt_box .text02 b	{display:block}
.main_txt_box .text03 { transform: translateY(-10px); opacity: 0;  position:absolute; top:210px; left:342px}
.main_txt_box .text04 { transform: translateY(-10px); opacity: 0; position:absolute; top:270px; left:342px; background-color:#6a7076; color:#fff; width:280px; text-align:center; border-radius:10px 0 10px 0; padding:4px 0 8px 0; line-height:1.2; font-size:34px; font-weight:500; font-family: 'Noto Sans KR';}

.main_wrap.on .swiper_main .swiper-slide-active .main_img { transform: scale(1); transition: opacity 2.0s 0s, transform 4.0s 0s; }
.main_wrap.on .swiper_main .swiper-slide-active .main_txt_box .text01 { transform: translate(0); opacity: 1; transition: 2.5s 0.8s; }
.main_wrap.on .swiper_main .swiper-slide-active .main_txt_box .line { transform: translate(0); opacity: 1; transition: 2.5s 1s; }
.main_wrap.on .swiper_main .swiper-slide-active .main_txt_box .text02 { transform: translate(0); opacity: 1; transition: 2.5s 1.2s; }
.main_wrap.on .swiper_main .swiper-slide-active .main_txt_box .text03 { transform: translate(0); opacity: 1; transition: 2.5s 1.8s; }
.main_wrap.on .swiper_main .swiper-slide-active .main_txt_box .text04 { transform: translate(0); opacity: 1; transition: 2.5s 2.5s; }



.main_bt_wrap { width: 426px; height: 77px; position: absolute; left: 0; bottom: 0; z-index: 11; display:none}
.swiper_main .main_bt_wrap { background-color: rgba(0,0,0,0.5); }

.main_slide_num { position: absolute; width: 174px; left: 155px; 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; }
.main_slide_num p:last-child { opacity: 1; }

.main_bt_wrap .swiper-pagination2 { width: 101px; height: 20px; position: absolute; left: 191px; 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; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet span { content:''; width: 100%; height: 3px; 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: 1px; 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: -8px; 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; }


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


.main_play_bt { width: 20px; height: 30px; color: #fff; position: absolute; right: 35px; top: 0; margin: auto; bottom: 0; }
.main_play_bt>div { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; cursor: pointer; border-radius: 100%; }
.main_play_bt>div>img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.swiper-button-play { display: none; }

.swiper_main_2 { width: 200px; height: 32px; position: absolute; left: 35px; top: 0; bottom: 0;  margin: auto; z-index: 99; }
.swiper_main_2 .swiper-slide { width: 32px !important; height: 32px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; margin-right: 17px !important;}
.swiper_main_2 .swiper-slide-thumb-active { opacity: 1; }
.swiper_main_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; }
.swiper_main_2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #fff; box-sizing: border-box; z-index: 9; border-radius: 100%; box-sizing: border-box; }

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



.quick{position:absolute;right:2vw;bottom: 4dvh;z-index:50;transition:0.4s;}
.quick ul li{opacity:0;transform:translate(-20%,0);transition:0.6s;}
.quick ul li ~ li{margin-top:0.2604vw;}
.quick ul li a{display:block;border-radius:5vw;width:10vw;transition:0.6s;}
.quick ul .q1{display:none;transition-delay:2s;}
.quick ul .q2{transition-delay:2.1s;}
.quick ul .q3{transition-delay:2.2s;}
.quick ul .q1 a{background-color:#fff;border:1px solid #363e41;color:#363e41;}
.quick ul .q2 a{background-color:#000017;color:#fff;}
.quick ul .q3 a{background-color:#c30028;color:#fff;}
.quick ul li a p{display:flex;align-items:center;justify-content:center;gap: 0 0.6vw;height:2.6vw;}
.quick ul .q3 a p{height: 2.8vw;}
.quick ul li a p em{width:1vw;animation: quick_icon 1s infinite;}
.quick ul li a p span{position:relative;font-size:0.9vw;font-family: 'RixHeadM';font-weight: 500;letter-spacing:-0.04em;text-align:center;line-height:1.1em;padding-right: 0.2vw;perspective: 20vw;}
.quick ul li a p span b{font-weight:400;display:block;transition:0.6s;}
.quick ul li a p span .b{position:absolute;left:0;top:0;transform: translate(0, 100%) rotateX(-90deg);opacity: 0;}
.quick ul .q3 a p span{font-family: 'RixHeadM';font-weight:400;}
.quick ul li a p span .line{position:absolute;left:0;bottom:0;width:100%;height:1px;overflow:hidden;}
.quick ul li a p span .line::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;transform:translate(-100%,0);transform-origin: 0 0;animation:quick_line 2s infinite;}
.quick ul .q1 a p span .line::before{background-color:#363e41;}
.quick ul .q2 a p span .line::before,
.quick ul .q3 a p span .line::before{background-color:#fff;}
.wrap.open .quick ul li{opacity:1;transform:none;}
.fp-viewing-6 .quick{opacity:0;pointer-events:none;}
@keyframes quick_icon {
	0%{transform:translate(-20%,10%);}
	50%{transform:translate(0%,-10%);}
	100%{transform:translate(-20%,10%);}
}
@keyframes quick_line {
	0%{transform: translate(-100%,0);}
	35%{transform: translate(0,0);}
	65%{transform: translate(0,0);}
	100%{transform: translate(100%,0);}
}
@media all and (min-aspect-ratio: 1/1){
	.quick ul .q2 a:hover{background-color: #c30028;}
	.quick ul .q2 a:hover p span .t{transform: translate(0, -100%) rotateX(90deg);opacity: 0;}
	.quick ul .q2 a:hover p span .b{transform: none;opacity: 1;}
}
@media all and (max-aspect-ratio: 17/10){
	.quick ul li ~ li{margin-top: 0.5vw;}
	.quick ul li a{width: 10vw;}
	.quick ul li a p{height: 3vw;gap: 0 0.8vw;}
	.quick ul .q3 a p{height: 3.4vw;}
	.quick ul li a p em{width: 1.2vw;}
	.quick ul li a p span{font-size:1vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.quick ul li a{width: 22vw;}
	.quick ul li a p{height:5vw;gap: 0 1vw;}
	.quick ul .q3 a p{height: 5.8vw;}
	.quick ul li a p em{width: 2vw;}
	.quick ul li a p span{font-size: 1.6vw;}
	.quick ul .q1{display:block;}
	.fp-viewing-5 .quick{opacity:0;pointer-events:none;}
}
@media all and (max-aspect-ratio: 7/10){
	.quick{right:2vw;bottom: 2dvh;}
	.quick ul li ~ li{margin-top: 1vw;}
	.quick ul li a{width: 38vw;}
	.quick ul li a p{height: 8vw;gap: 0 1.5vw;}
	.quick ul .q3 a p{height:10vw;}
	.quick ul li a p em{width: 3.4vw;}
	.quick ul li a p span{font-size: 2.9vw;}
}

.fix_tag{margin: 0 auto;opacity:1;transform:translate(-20%,0);transition:0.6s;}
.fix_tag.tag1{width:160px;height:160px;margin-bottom:2vw;transition-delay:1.6s;}
.fix_tag.tag2{width:114px;height:114px;transition-delay:1.8s;}
.fix_tag a{display:block;position:relative;width:100%;height:100%;}
.fix_tag a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:scale(0.67);transition:0.6s;}
.fix_tag.tag1 a::before{background-color:#f02538;}
.fix_tag.tag2 a::before{background-color:#363e41;}
.fix_tag a span{position:absolute;left:0;top:0;width:100%;height:100%;animation:rotate 6s linear infinite;}
.fix_tag a span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:0.6s;}
.fix_tag.tag1 a span::before{background:url(/images/main/fix-tag-txt-bl.png) no-repeat center / contain;}
.fix_tag.tag2 a span::before{background:url(/images/main/fix-tag2-txt-bl.png?ver=1) no-repeat center / contain;}
.fix_tag a em{position:absolute;left:0;top:0;width:100%;height:100%;}
.fix_tag.tag1 a em{background:url(/images/main/fix-tag-icon.png) no-repeat center / contain;}
.fix_tag.tag2 a em{background:url(/images/main/fix-tag2-icon.png) no-repeat center / contain;}
.fix_tag.tag1 a:hover::before{transform:scale(1.1);}
.fix_tag.tag2 a:hover::before{background-color:#000;}
.fix_tag.tag1 a:hover span::before{background-image:url(/images/main/fix-tag-txt-bl.png);}
.wrap.open .fix_tag{opacity:1;transform:none;}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@media all and (max-aspect-ratio: 17/10){
	.fix_tag.tag1{width:10vw;height:10vw;}
	.fix_tag.tag2{width:7.5vw;height:7.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.fix_tag.tag1{width:13vw;height:13vw;}
	.fix_tag.tag2{width:10vw;height:10vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.fix_tag.tag2{margin-bottom:3vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.fix_tag.tag1{margin-bottom:1dvh;width: 20vw;height: 20vw;}
	.fix_tag.tag2{margin-bottom:1dvh;width: 16vw;height: 16vw;}
}




.right_scroll_wrap { width: 12px; height: 230px; margin: auto; overflow: hidden; position: absolute; z-index: 99; left: 1.75rem; top: 0; bottom: 0; transform: translateY(0rem); opacity: 1; display: none; }
.right_scroll_img { width: 100%; height: 97px; background: url(/images/main/scroll.png) center no-repeat; transition: 0.3s; }
.right_scroll { width: 1px; height: 130px; background-color: rgba(0,0,0,0.3); margin: auto; margin-top: 16px; position: relative; transition: 0.3s; }
.right_scroll span { position: absolute; content:''; width: 10px; height: 10px; background-color: #e84256; left: -4px; top: 0; border-radius: 100%; transition: background 0.3s; }

.right_scroll_wrap.white .right_scroll_img { background: url(/images/main/scroll.png) center no-repeat; }
.right_scroll_wrap.white .right_scroll { background-color: rgba(255,255,255,0.3); }
.right_scroll_wrap.white .right_scroll span { background-color: #00b5c3; }



/**/

#section2 { width: 100%; z-index: 1; }
#section3 { width: 100%; z-index: 1; }
#section4 { width: 100%; z-index: 1; }
#section5 { width: 100%; z-index: 1; }


#footer { overflow: visible; }

.footer { width: 100%; padding: 2.6875rem 2.5rem; box-sizing: border-box; z-index: 999; font-family: 'Pretendard'; background-color: #333; color: #fff; position: relative; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-start; letter-spacing: 0;}
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

.footer-wrap { font-size: 13px; width: 100%; /*height: 100%;*/ font-weight: 300; text-align: left; color: #fff; display: flex; justify-content: flex-start; align-items: flex-start; }
.footer_logo { margin-right: 2.5rem; }
.footer>div>div { width: 100%; }
.footer>div>div>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start;  }
.footer .footer_left_wrap { display: block; }
.footer_left ul { display: flex; justify-content: flex-start; align-items: center;  }
.footer_left ul li { display: flex; justify-content: flex-start; align-items: center; padding: 0 1.375rem; position: relative; line-height: 100%; font-weight: 400; }
.footer_left ul li:first-child { padding-left : 0; }
.footer_left ul li:first-child b { font-weight: 300;}
.footer_left ul li:after { position: absolute; content:''; width: 1px; height: 0.875rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; }
.footer_left ul li span { color: #fff; margin-right: 0.3rem; }
.footer_left ul li:last-child:after { display: none; }
.footer_left ul li h4 { margin-right: 0.5rem; opacity: 0.4; font-weight: 300;  }

.footer_left p { line-height: 150%; color: #fff; }
.footer_left p b { font-size: 16px; color: #fff; font-weight: 300; }
.footer_left p b span { color: #fff; font-weight: 500; }
.footer_left p span {	 color: #8c8c8c; }
.footer>div h6 { font-size: 13px; font-weight: 300; opacity: 0.4; line-height: 140%; padding-top:20px; }


.footer_right {position:absolute; top:2.5rem; right:2.5rem;  font-size: 0.875rem; text-align: right; color: #fff;  width:400px !important; overflow:hidden; }
.footer_right  h4	{display:inline-block; margin-right:10px}



.sub_top { position: relative; left: 0; top: 0; width:100%; height: 26rem; z-index: 1; margin-top: 0px; overflow: hidden; background-color: #000; }
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; animation: sub_top_img 3s 0s both; }
.sub_top_img.img01 { background: url(/images/common/sub_top01.jpg) center no-repeat; background-size: cover; } 
.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 48%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #3e515e; }
.sub_top_txt h3 { font-size: 2.65rem; line-height: 150%; font-weight: 700; letter-spacing: 0.5rem; font-family: 'trajan'; color: #000; animation: sub_top_txt2 1.2s 1s both; text-transform: uppercase; }
.sub_top_txt h3 b { font-weight: 600; }



@keyframes sub_img {
	from { background: url(/images/common/sub_top01.jpg) center bottom no-repeat; background-size: cover; }
	to{ }
}
@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from {opacity: 0; transform: translateY(30px);  }
	to{ }
}
@keyframes sub_top_txt2 {
	from {  letter-spacing: 3rem;}
	to{ }
}

@keyframes sub_top_txt3 {
	from { opacity: 0; transform: translateY(2rem); }
	to{ }
}


.sub_mu{position:relative; bottom:0; z-index:9;  margin-top:-55px}
.sub_mu ul{display:flex;  height:55px; width:1240px; margin:0 auto}
.sub_mu ul li{background:rgba(65,65,65,0.7); line-height:55px; flex:1 1 0; margin:0 0.5px; text-align:center;}
.sub_mu ul li a{display:block; background:rgba(0,0,0,0.5); color:#fff; line-height:55px; font-weight:400; font-size:17px;  transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);opacity: 0.8; }
.sub_mu ul li a:hover{background:#e62a3c; color:#fff; transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 0.9;}
.sub_mu ul li a.active{background:#e62a3c; color:#fff; opacity: 0.9;}


body.full #sub_container { width: 100%; }
#sub_container { width: 90%; position: relative; left: 50%; transform: translateX(-50%); background-color: #fff; text-align: center; }
#sub_box { position: relative; width: 100%; max-width: 1200px; margin: auto; text-align: center; padding-bottom: 10rem; padding-top: 0px; box-sizing: border-box; margin-top: 4.375rem; }
#sub_tit { width: 100%; max-width: 1200px; margin: auto; margin-top: 0; }
#sub_tit h2 { font-size: 2.75rem; color: #000; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }
.sub_line { width: 1px; height: 2.25rem; background-color: #484848; margin: auto; margin-top: 1.875rem; }

.sub_page { margin-top: 2.5rem; position: relative; }

.sub_page.img { width: 100%; max-width: 1200px; margin: auto; margin-top: 3.125rem; height: auto; position: relative; }
.sub_page.img img { width: 100%; max-width: 1200px; }
.sub_img { margin-bottom: 100px; }
.sub_page.img img.half { width: 50%; float: left; }


.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed; }
.bo_tbl table .col1{width:250px;}
.bo_tbl table tr th{padding: 25px 15px  25px 80px;border-bottom: 1px solid #e5e5e5;font-size: 17px; ont-weight: 600;color: #333;text-align: left; border-right:1px solid #ddd}
.bo_tbl table tr td{padding: 15px;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 30px 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:15px;}
.bo_tbl table tr td input[type="text"]{padding: 0 1.0417vw;border: none;outline: none;width:100%;max-width: 33%;height: 50px;background-color: #f0f0f0;font-size: 16px;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 10vw;}
.bo_tbl table tr td select{padding: 0 1.0417vw;border: none;outline: none;width: 100%;max-width: 10vw;height: 2.6042vw;background: #f0f0f0 no-repeat 90% 52%;font-size: 16px;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 0.9vw;color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td span > select {max-width:150%!important; margin-left: 5px;} 
.bo_tbl table tr td label{margin-right:1.2vw;margin-left:0.3vw;font-size:16px;color:#222;}

.terms{margin-top: 3.125vw; }
.terms dl{margin-bottom: 1.3021vw;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 22px;font-weight: 600;color: #333;text-align:left}
.terms dl dd{font-size: 14px;line-height: 1.3em;color: #666;text-align:left}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 0.7813vw 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 14px;font-weight: 600;color: #666;}
.terms table td{padding: 0.7813vw 0 0.7813vw 1.5625vw;border-bottom: 1px solid #d5d5d5;font-size: 14px;line-height: 1.4em;color: #666; text-align:left}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center; vertical-align:middle}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7813vw;padding: 1.5625vw 2.0833vw;background-color: #f5f5f5;}
.agree p{font-size: 16px;line-height: 1.2em;color: #333;}
.agree p span{font-size:14px;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.7292vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.0417vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.2604vw;font-size:0.8333vw;}
.btn_area{margin-top: 2.6042vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 150px;height:50px;font-size: 16px;font-weight: 600;transition: 0.3s;}



.planning_table		{margin-top:50px;}
.planning_table		table	{width:100%; border-top:2px solid #f32735}
.planning_table		table th	{text-align:center; background-color:#efefef; padding:10px 0;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold; width:150px; vertical-align:middle}
.planning_table		table td		{text-align:center; border-bottom:1px solid #ddd; padding:10px 0; vertical-align:middle}
.planning_table		table td	 strong	{display:block; color:#f32735}



.map_wrap   {max-width:665px; margin:0 auto}
.map_wrap .map_img	{border:3px solid #f32735; margin-bottom:30px }
.map_wrap .map_text	{margin-bottom:15px; overflow:hidden; padding:0 15px;}
.map_wrap .map_text p:nth-child(1)	{float:left}
.map_wrap .map_text p:nth-child(2)	{float:right; text-align:right}


.ex		{background-color:#f5f5f5; text-align:left; font-size:12px; padding:15px 25px; color:#777; margin-top:15px;}




.summary_wrap	{ width: 100%; height: 100vh; position: relative; overflow: hidden;   }
.summary_wrap  .summary_bg_box			{position:absolute; top:0; right:0; width:40%; max-width:825px; height:100%; background: url(/images/main/main_summary_img.jpg) center bottom no-repeat; background-size:cover; opacity: 0; transform: translateX(3rem); }

.summary_left		{position:absolute; top:35%; left:8%; text-align:left; width:80%; opacity: 0; transform: translateX(-3rem); }
.summary_left	.summary_tlt01		{font-size:14px; color:#666; margin-top:10px;}
.summary_left	.summary_tlt01		span	{  font-family: 'trajan'; color: #000; font-size: 76px; line-height: 100%; position: relative; font-weight: 700; display:block}
.summary_left	.summary_tlt02	{margin-top:25px; font-family: 'GmarketSans'; font-size:18px; font-weight:600; color:#000}
.summary_left	.summary_tlt02  span{color:#e62a3c}


.summary_left	ul		{width:100%; max-width:800px; margin-top:100px;}
.summary_left	ul		li	{width:28%; float:left; margin-right:5%; font-size:14px; color:#777;   margin-bottom:20px }
.summary_left	ul		li span	{display:block; border-bottom:1px solid #ddd; line-height:50px; font-size:18px; color:#000; margin-bottom:10px;}



.summary_wrap.on .summary_left { opacity: 1; transform: translateX(0); transition: 1.2s 0.6s; }
.summary_wrap.on .summary_bg_box { opacity: 1; transform: translateX(0); transition: 1.2s 0.2s; }


.contact_wrap { width: 100%; height: 100%; position: relative; transition: 1.6s; 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(/images/main/main_contact_bg.jpg) center bottom no-repeat; background-size: cover; }

.contact_wrap>div { text-align: left; position: relative; width: 90%; max-width: 660px; margin: auto; z-index: 9; transform: translateY(3rem); }

.contact_wrap .sub_contact_bottom { opacity: 0; transform: translateY(3rem);}
.contact_wrap .sub_contact_bottom>div { justify-content: center; gap: 1.5rem;}
.contact_wrap .sub_contact_map_box { width: 660px; height: 400px; border:3px solid #e62a3c }
.contact_wrap .sub_contact_txt_box { max-width: 660px; }

.contact_tit { text-align: center; opacity: 0; transform: translateY(-3rem); }
.contact_tit h2 {  font-family: 'trajan'; color: #000; font-size: 58px; line-height: 100%; position: relative; font-weight: 700; white-space: nowrap; opacity: 1; transition: 0.8s; }
.contact_tit h5 { font-size: 14px; margin-top: 10px; line-height: 100%; opacity: 1; transition: 0.8s; white-space: nowrap;  color:#666}



.sub_contact_map_box img { width: 100%; }
.sub_contact_txt_box		{margin-top:20px}

.sub_contact_add { display: flex; justify-content: space-between; align-items: center; font-family: 'Pretendard';  padding:5px 30px}
.sub_contact_add p { font-size: 0.9375rem; line-height: 100%; margin-top: 5px; color: #010101; opacity: 0.7;}
.sub_contact_add span	{font-weight:500; font-size:1.2rem}
.sub_contact_add a	{display:inline-block; margin:0 5px}

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

.contact_wrap.on .contact_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.contact_wrap.on .sub_contact_bottom { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; margin-top:40px}




/*  */

.premium_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden;  background: url(/images/main/main_premium_bg.png) left bottom no-repeat; }
/*.premium_wrap>div:last-child { width: 84%; height: 100%; display: flex; justify-content: center; align-items: center;  border:1px solid red}*/

.premium_bg_box { position: absolute; left: 5%; top: 50%; height:36rem;  margin-top:-14rem; }

.premium_tit { z-index: 9; color: #666; text-align: left; opacity: 0; transform: translateY(4rem); }
.premium_tit h5 { font-size: 14px; line-height: 100%; margin-left: 5px; margin-top:15px; }




.premium_box {width:60%;  max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transform: translateY(4rem);  position:absolute; top:50%;  margin-top:-18rem; right:5%; }
.premium_content { width: 33.33%; height:18rem; display: flex; justify-content: start; align-items: start; position: relative; text-align:left ; padding-left:8%; padding-top:5%; box-sizing: border-box; }
.premium_content>div { position: relative; opacity: 0; }
.premium_content h6 {  font-family: 'trajan'; font-size: 12px; color: #e94256; font-weight: 700; letter-spacing: 0; }
.premium_icon { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin-top: 5px; }
.premium_content p { font-size: 18px; line-height: 1.5; margin-top: 1rem; opacity: 0.7; font-weight: 500; }

.premium_content span { width: 100%; height: 100%; display: block; position: absolute; z-index: -1; left: 0; top: 0; }
.premium_content span::before { content: ''; width: 0; height: 1px; position: absolute; background-color: #ddd; left: 0; right: 0; bottom: 0; margin: auto; }
.premium_content span::after { content: ''; width: 1px; height: 0; position: absolute; background-color: #ddd; right: 0; top: 0; bottom: 0; margin: auto; }
.premium_content:nth-child(n+4) span::before{ width: 0; }
.premium_content:nth-child(3n) span::after{ height: 0; }

.premium_wrap.on .premium_bg::after { transform: scale(1); transition: 2.5s 0s; }
.premium_wrap.on .premium_tit { opacity: 1; transform: translateY(0); transition: 1.2s 0.8s; }
.premium_wrap.on .premium_content>div { opacity: 1; transition: 1.5s 0.8s; }
.premium_wrap.on .premium_content span::before { width: 90%; transition: 2.5s 0.2s; }
.premium_wrap.on .premium_content span::after { height: 90%; transition: 2.5s 0.2s; }
.premium_wrap.on .premium_content:nth-child(n+4) span::before{ width: 0; }
.premium_wrap.on .premium_content:nth-child(3n) span::after{ height: 0; }








.location_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #f5f5f0; flex-direction: row-reverse; }


.location_map_box { width: 60%; height: calc(100% - 7.1875rem); position: absolute; bottom:0; right:0; z-index:999999}
.location_map { width: 100%; height: 100%; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.location_map::after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: url(https://uw.skview.co.kr/img/location_map.jpg) left bottom no-repeat; background-size: cover; z-index: 1; transform: scale(1.2); }
.location_map img { display: none; }



.location_box_wrap		 { width: 40%;  position: absolute; top:25%; left:0; z-index:888}

.location_bg_tit { text-align: center; transform: translateY(-2rem); position: relative; z-index: 9; }
.location_bg_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 3rem; line-height: 120%; opacity: 0; transform: translateY(-3rem); }
.location_bg_tit p { font-size: 0.9375rem; line-height: 200%; color: #fff; margin-top: 19rem; opacity: 0; transform: translateY(3rem); }

.location_bt { position: absolute; right: -1.125rem; bottom: 2.5rem; z-index: 9; width: 11.375rem; height: 4rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; background-color: #222a65; cursor: pointer; opacity: 0; transform: translateX(-3rem); }
.location_bt p { font-size: 0.9375rem; line-height: 100%; color: #fff; }
.location_bt span { width: 11px; height: 11px; position: relative; }
.location_bt span::before { content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.location_bt span::after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.location_box { width: 100%; position: relative; opacity: 0; transform: translateY(3rem); }

.location_tit { opacity: 0; transform: translateY(-3rem); }
.location_tit h2 {  font-family: 'trajan';  font-size: 48px; line-height: 100%; position: relative; font-weight: 700; white-space: nowrap; opacity: 1; transition: 0.8s; }
.location_tit h5 { font-size: 0.9375rem; margin-top: 0.75rem; margin-left: 0.25rem; line-height: 100%; opacity: 1; transition: 0.8s; white-space: nowrap; }

.swiper_location { width: 100%; height: 100%; margin: 0; padding: 0; margin-top: 5rem; }

.location_content { background-color: #f5f5f0; }

.location_img_box { width: 100%; max-width: 379px; position: relative; display: inline-block; }
.location_img_box img { width: 100%; }
.location_img_box>div { position: relative; overflow: hidden; }

.location_txt_box { margin-top: 2.25rem; }
.location_txt_box h3 { font-size: 1.375rem; line-height: 100%; font-weight: 700; }
.location_txt_box h3 span { font-size: 0.875rem; }
.location_txt_box p { font-size: 0.875rem; line-height: 178%; opacity: 0.7; font-weight: 500; margin-top: 1rem; }
.location_img_box h6.imgc		{position:absolute; bottom:5px; right:5px; font-size:11px; color:#fff; font-weight:600; text-shadow: -2px 3px 3px rgba(0,0,0,0.5)}

.swiper-pagination-location { position: static; display: flex; justify-content: center; align-items: center; gap: 1.125rem; margin-top: 2.25rem; }
.swiper-pagination-bullet { background: none; position: relative; width: 30px; height: 30px; opacity: 0.5; }
.swiper-pagination-bullet::before { content: ''; width: 5px; height: 5px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 100%; background-color: #000; }
.swiper-pagination-bullet::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 100%; border: 1px solid #000; box-sizing: border-box; opacity: 0; }
.swiper-pagination-bullet-active { opacity: 1; }
.swiper-pagination-bullet-active::after { opacity: 1; }

.swiper-button-prev-location { width: 33px; height: 33px; left: 82px; top: 86px; margin: auto; background-color: #c8c8c8; outline: none; display: none; }
.swiper-button-prev-location::after { content: ''; width: 6px; height: 6px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; position: absolute; left: 2px; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); }
.swiper-button-next-location { width: 33px; height: 33px; right: 82px; top: 86px; margin: auto; background-color: #373737; outline: none; display: none; }
.swiper-button-next-location::after { content: ''; width: 6px; height: 6px; border-right: 1px solid #fff;  border-bottom: 1px solid #fff; position: absolute; left: 0; right: 2px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }




.location_wrap.on .location_map::after { transform: scale(1); transition: 2.5s 0s; }
.location_wrap.on .location_bt { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on .location_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on .location_box { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on .location_ori { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on .location_bg_tit h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on .location_bg_tit p { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }


.cards{width:100%; max-width:1680px; margin:0 auto; padding: 0; margin-top:-10px; text-align:left; overflow: hidden}
.cards li{width:27.1%;float:left; border:1px solid #ddd; padding:2%;cursor: pointer; height:220px; margin:1%; padding-top:20px;}
.news_list:hover{background:#f4f4f4;}
.news_list h1{font-size:12px; color:#97714b; padding-bottom:5px;}
.news_list h2{font-size:15px; color:#111;}
.news_list h3{font-size:11px; color:#ff7e00;}
.news_list p{font-size:12px; color:#999; line-height:160%;}




.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }


.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {line}
.pg a {vertical-align:middle}
.pg a img{vertical-align:middle}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:25px ;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}



.pagination {text-align:center; margin-top:50px;}
.pagination a {color:#111;display: inline-block;padding: 8px 14px;text-decoration: none; background-color: #eee; font-size:14px; margin:0 2px}
.pagination a.active {background-color: #1a2c51;color: white;}
.pagination a:hover:not(.active) {background-color: #eee;}


ul.tabs{overflow: hidden; width:100%; display: flex;     justify-content: center; border-top: #ddd 1px solid;    border-bottom: #ddd 1px solid;}
ul.tabs li{ text-align:center;  padding:0 30px; text-align:center; color:#666;  font-weight: 500; background-color:#fff; line-height:55px; font-size:18px;   cursor:pointer}
ul.tabs li.current{ color: #e62a3c; border-bottom:2px solid #e62a3c; cursor:pointer}

.tab-content {  display: none;  padding-top:50px}
.tab-content.current{  display: inherit;}

.offerguide_box		img	{width:100%}

/*.tabs_col2	li	{width:49%; margin-right:0.5%; }
.tabs_col6	li	{width:16%; margin-right:0.7%; }
.tabs_col3	li	{width:32%; margin-right:2%; }
.offerguide_col6	li	{width:16%; margin-right:0.7%; }*/