/* Prevent font scaling in landscape */
html {
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    -o-text-size-adjust: none; /*old versions of Opera*/
}

#allWrap{position: relative; width: 100%; height: 100%; overflow: hidden;}


/* 공통 타이틀 */
#allWrap .txtbox{max-width: 1700px;	 width: 100%; margin: 0 auto;}
#allWrap .txtbox .titbox{}
#allWrap .txtbox .titbox h3.m_tit{font-size: 70px; font-weight: 700; color: #fff; letter-spacing: -0.5px;}
#allWrap .txtbox .titbox p.s_tit{font-size: 28px; font-weight: 400; color: #fff; letter-spacing: -0.5px; opacity: .6;}

#allWrap .txtbox .titbox h3.m_tit{opacity:0; transform:translateY(20px);}
#allWrap .txtbox .titbox.in-view h3.m_tit{opacity:1;transform:translateY(0px); transition:all 0.4s ease;}
#allWrap .txtbox .titbox p.s_tit{opacity:0; transform:translateY(40px);}
#allWrap .txtbox .titbox.in-view p.s_tit{opacity:1; transform:translateY(0px); transition:all 0.8s ease;}

/* 반응형 */
@media (max-width: 1800px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 62px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 26px;}
}

@media (max-width: 1500px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 50px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 24px;}
}

@media (max-width: 1200px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 42px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 20px;}
}

@media (max-width: 1000px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 34px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 18px;}
}

@media (max-width: 700px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 32px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 17px;}
}

@media (max-width: 450px){
	#allWrap .txtbox .titbox h3.m_tit{font-size: 24px;}
	#allWrap .txtbox .titbox p.s_tit{font-size: 16px;}
}

/* visual */
#visual{position: relative; display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden; transition:all 0.4s ease;}
#visual::before{content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 0;}
#visual .video_wr{width: 100%;}
#visual .video_wr video{width: 100%; height: auto;}
#visual .slog{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 6%; z-index: 1; pointer-events: none;}
#visual .slog h1{position: relative; display: inline-block; margin: 0; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 72px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; color: #eaf6ff; text-shadow: 0 0 6px rgba(0, 0, 0, .8);}
#visual .slog h1 i{font-weight: 400; color: #07e4ff;}
#visual .slog > p{display: block; margin-top: 20px; font-family: "Fira Sans", sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: .4px; font-style: italic; color: #fff; text-shadow: 0 0 6px rgba(0, 0, 0, .8);}
#visual .slog > p b{font-weight: 400;}
#visual .slog > p b.blue{ color: #07e4ff; }
#visual .slog > p b.green{ color: #06e1c1; }

@media (min-width: 1820px){
	#visual .slog{display: block; max-width: 1600px; margin: 0 auto;}
}

@media (max-width: 1820px){
	#visual .slog{max-width: none;}
}

@media (max-width: 1600px){
	#visual{height: auto;}
	#visual .slog h1{font-size: 60px;}
	#visual .slog > p{font-size: 22px;}
}

@media (max-width: 1170px){
	#visual .slog h1{font-size: 48px;}
}

@media (max-width: 767px){
	#visual .slog h1{font-size: 34px; letter-spacing: 0.5px;}
	#visual .slog > p{font-size: 20px;}
}

@media (max-width: 640px){
	#visual .slog h1{font-size: 28px;}
	#visual .slog > p{font-size: 18px;}
	#visual .video_wr{position: relative; height: 400px;}
	#visual .video_wr video{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: auto; height: 100%;}
}

@media (max-width: 400px){
	#visual .slog h1{font-size: 22px;}
	#visual .slog > p{font-size: 16px;}
	#visual .video_wr{height: 300px;}
}



/* Footer */
footer{position: relative; margin-top: -5px; padding: 50px 100px; background: #101010; z-index: 0;}
footer .top_wr{display: flex; justify-content: space-between; margin-bottom: 30px;}
footer .left{}
footer .left .f_logo{margin-bottom: 50px;}
footer .left .f_logo img{width: 278px; height: 71px;}
footer .left .info_box{}
footer .left .info_box dl{display: flex; align-items: center;}
footer .left .info_box dl + dl{margin-top: 10px;}
footer .left .info_box dl dt{width: 110px; font-weight: 600; font-size: 18px; line-height: 1.4; color: #b2b2b2;}
footer .left .info_box dl dd{font-weight: 400; font-size: 18px; line-height: 1.4; color: #b2b2b2; }

footer .right .select_footer{position: relative; width: 270px; height: 52px; z-index: 10; text-align: left;}
footer .right .select_footer ul{position: absolute; top: 62px; display: none; width: 270px; border-radius: 10px; border : 0; background: #fff; transition: .3s; backdrop-filter : blur(3px); z-index: 999; }
footer .right .select_footer ul.open{display:block; padding: 14px 0; background: #282828;}
footer .right .select_footer ul li{padding: 0 20px; color: #bebebe;}
footer .right .select_footer ul li a{display:block; font-weight: 400; font-size: 16px; color: #fff; padding: 7px 0; opacity: .7; word-break: keep-all; transition:all 0.4s ease;}
footer .right .select_footer ul li a:hover{color: #34A7E2; opacity: 1;}
footer .right .select_footer button.select_f_btn{border: 0; display: block; width: 270px; height: 52px; text-align: left; padding: 0 20px; font-size: 16px; background: #282828; color: #888; border-radius: 4px; letter-spacing: -.5px; font-weight: 600;}
footer .right .select_footer button.select_f_btn span.ir{width: 100%; display: flex; height: 100%; align-items: center; justify-content: space-between; font-weight: 500; transition:all 0.4s ease;}
footer .right .select_footer button.select_f_btn span.ir img{filter: invert(69%) sepia(29%) saturate(4189%) hue-rotate(170deg) brightness(90%) contrast(97%); transition:all 0.4s ease;}
footer .right .select_footer button.select_f_btn.on span.ir img{transform: scaleY(-1);}

footer .bott_wr{display: flex; align-items: center; justify-content: space-between; padding-top: 30px; border-top: 1px solid #1c1c1c;}
footer .bott_wr p.copy{font-weight: 400; font-size: 15px; color: #888;}
footer .bott_wr p.copy a{font-weight: 300; color: #888;}
footer .bott_wr ul.priv_wr{display: flex; align-items: center;}
footer .bott_wr ul.priv_wr li{position: relative; padding: 0 15px;}
footer .bott_wr ul.priv_wr li::before{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 4px; height: 4px; border-radius: 50%; background: #888; opacity: .6;}
footer .bott_wr ul.priv_wr li:last-child::before{display: none;}
footer .bott_wr ul.priv_wr li a{font-weight: 300; font-size: 16px; color: #888; transition:all 0.4s ease;}
footer .bott_wr ul.priv_wr li a:hover{color: #bbb;}

@media (min-width: 1820px){
	footer .footer_wr{width: 100%; max-width: 1600px; margin: 0 auto;}
}

@media (max-width: 1400px){
	footer{padding: 25px 40px;}
	footer .left .f_logo img{width: 220px; height: 54px;}
	footer .left .info_box dl dt{width: 90px; font-size: 14px;}
	footer .left .info_box dl dd{font-size: 14px;}
	footer .right .select_footer{width: 220px;}
	footer .right .select_footer button.select_f_btn{width: 220px; height: 42px; font-size: 14px;}
	footer .right .select_footer button.select_f_btn span.ir img{width: 12px;}
	footer .right .select_footer ul{top: auto; bottom: 60px; width: 220px;}
	footer .right .select_footer ul.open{padding: 10px 0;}
	footer .right .select_footer ul li{padding: 0 15px;}
	footer .bott_wr p.copy{font-size: 12px;}
	footer .bott_wr ul.priv_wr li a{font-size: 14px;}
}

@media (max-width: 1000px){
	footer .top_wr{display: block; margin-bottom: 10px;}
	footer .left .f_logo{margin-bottom: 25px;}
	footer .left .f_logo img{width: 190px; height: 48px;}
	footer .right .select_footer{margin-top: 40px;}
	footer .bott_wr{gap: 20px; align-items: flex-start; flex-direction: column-reverse;}
	footer .bott_wr ul.priv_wr li{padding: 0 10px;}
	footer .bott_wr ul.priv_wr li:nth-child(1){padding-left: 0;}
	footer .bott_wr ul.priv_wr li::before{width: 2px; height: 2px;}
}

@media (max-width:540px){
	footer{padding: 20px;}
	footer .left .info_box dl{flex-wrap: wrap; gap: 10px;}
	footer .left .info_box dl dt{width: 100%; font-size: 12px;}
	footer .left .info_box dl dd{width: 100%;}

	footer .right .select_footer{width: 100%;}
	footer .right .select_footer button.select_f_btn{width: 100%;}
	footer .right .select_footer ul{width: 100%;}
}


#top_btn{font-size: 19px!important; border-radius: 50%; border: 1px solid rgba(255,255,255,.2) !important; background: #101010 !important; color: #f1f3fa!important; width:55px!important; height:55px!important;
-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
#top_btn img{position: relative; transform: scaleY(-1); top: -2px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
@keyframes upup {0%{top: 1px;opacity: 1;}33%{top: -10%;opacity: 0;}66%{top: 10%;opacity: 0;}100%{opacity: 1;}}
#top_btn:hover i{animation: upup 0.7s linear forwards }


@media (max-width:450px){
	#top_btn{width: 45px!important; height: 45px!important;}
	#top_btn i{top: -4px;}
}