/* 레이아웃 정리 */
*{margin: 0; padding: 0; box-sizing: border-box;}
html{	font-size:10px;	/*font-size:10px*/ background: #000;}
@media (max-width: 1280px) {
	html{	font-size:9.5px;}
}
@media (max-width: 1024px) {
	html{	font-size:9px;}
}
@media (max-width: 768px) {
	html{	font-size:8.5px;}
}
@media (max-width: 500px) {
	html{	font-size:8px;}
}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
/* 팝업 열렸을 때 배경 스크롤 잠금용 클래스 */




/* 커스텀 커서 기본 */
/* ✅ footer에서만 View 커서 보이게 */
.custom_cursor{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    pointer-events: none;
    transform: translate(-9999px, -9999px);
    will-change: transform;
    opacity: 0;
  }
  .custom_cursor.is-show{
    opacity: 1;
  }
  /* ✅ View 글씨 숨기기 */
.custom_cursor .custom_cursor_circle p{
    display: none;
  }
  
header,
footer,
.quick{
    display: none;
}
.landing{
    display: block !important;
}



body{
    background: #000;
    background-color: #000;
}
.t_wrap{
    position: relative;
    line-height: 1.2;
    display: block;
    width: 100%;
}
.t_wrap>span{
    display: block;
    position: relative;
}
@media screen and (max-width: 768px){
    .t_wrap{line-height: 1.4;}
}






#header{
    width: 1px;
    height: 1px;
    z-index: -9999;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.wrap_content{
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: hidden;
}





.wrap1500{
    position: relative;
    width: 1500px;
    margin: 0 auto;
}
@media screen and (max-width: 1530px){
    .wrap1500{width: 96%;}
}
@media screen and (max-width: 768px){
    .wrap1500{width: 90%;}
}







#l_visual{
    position: relative;
    width: 100%;
}
#l_visual .vis_wrap{
    position: relative;
    height: 100vh;
    width: 100%;
    background: url('/html/_img/landing/sec01_visual.jpg') no-repeat center center / cover;
    box-sizing: border-box;
}
#l_visual .logo_wrap{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    width: 200px;
}
#l_visual .logo_wrap img{
    width: 100%;
}
#l_visual .txt_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
  }
  #l_visual .txt_wrap h2{
    grid-area: 1 / 1;
    font-size: 8rem;
    font-weight: 800;
    line-height: 1.4;
    color: #FFF;
    width: 100%;
    text-align: center;
  }
  #l_visual .txt_wrap h2 .t_wrap{
    opacity: 0;
  }

#l_visual .scroll_txt{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 140px;

}
#l_visual .scroll_txt .scroll_inner{
  position: absolute;
  bottom: 70px;
  left: 0;
  transform-origin: center bottom;
  transform: rotate(90deg);
  display: inline-flex;
  align-items: center;
	justify-content: space-between;
	width: 100%;
}
#l_visual .scroll_txt .scroll_inner>span.txt{
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.75;
	font-family: "DM Sans", sans-serif;
	color: #FFF;
}
#l_visual .scroll_txt .scroll_inner>span.bar{
	width: 55px;
	height: 1px;
	background-color: #FFF;
	display: block;
}
@media screen and (max-width: 1920px){
    #l_visual .txt_wrap h2{font-size: 4.167vw;}
}
@media screen and (max-width: 768px){
    #l_visual .txt_wrap h2{font-size: 4rem;}
    #l_visual .txt_wrap h2 .t_wrap{line-height: 1.4;}
    #l_visual .logo_wrap{width: 150px; top: 30px;}
}
@media screen and (max-width: 500px){
    #l_visual .txt_wrap h2{font-size: 3rem; line-height: 1.4; padding: 0 10px;box-sizing: border-box;}
    #l_visual .txt_wrap h2 br{display: none;}
    #l_visual .logo_wrap{width: 120px; top: 20px;}
    #l_visual .scroll_txt{width: 105px;}
    #l_visual .scroll_txt .scroll_inner{bottom: 53px;}
    #l_visual .scroll_txt .scroll_inner>span.bar{width: 45px;}
}




















#l_professional{
    position: relative;
    margin-top: 150px;
}

/* PC(769px 이상): swiper차단*/
@media screen and (min-width: 769px){
    #l_professional .proffesional_wrap.swiper-container{overflow: visible;}
    #l_professional .proffesional_wrap > ul.swiper-wrapper{flex-wrap: wrap; width: auto !important; transform: none !important; transition: none !important;}
    #l_professional .proffesional_wrap > ul > li.swiper-slide{width: auto !important; margin-right: 0 !important;}
    #l_professional .prof_nav{display: none !important;}
}

#l_professional .tit_wrap h2.tit{
    font-size: 8rem;
    font-weight: 800;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
    display: block;
    overflow: hidden;
}

#l_professional .tit_wrap .info_txt_wrap{
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 150px;
}
#l_professional .tit_wrap .info_txt_wrap.mob{
    display: none;
}
#l_professional .tit_wrap .info_txt{
    text-align: center;
    color: #FFF;
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.6;
    display: inline-block;
}
#l_professional .info_txt .line{
    display: block; /* 줄 분리 */
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }


#l_professional .tit_wrap .info_txt2{
    text-align: center;
    color: #FFF;
    font-size: 2rem;
    line-height: 1.6;
}
#l_professional .tit_wrap .info_txt2 br.mob{display: none;}

#l_professional .proffesional_wrap{
    margin-top: 150px;
}
#l_professional .proffesional_wrap>ul{
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
}
#l_professional .proffesional_wrap>ul>li .tit p.position{
    font-size: 1.8rem;
    font-weight: 400;
    color: #FFF;
    line-height: 1;
    margin-bottom: 10px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#l_professional .proffesional_wrap>ul>li .tit h3{
    font-size: 4rem;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
}
#l_professional .proffesional_wrap>ul>li .img_wrap{
    width: 100%;
    position: relative;
    margin: 30px 0;
}
#l_professional .proffesional_wrap>ul>li .img_wrap .bg{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: #2B2C3E;
    transition: background-color 0.3s ease;
}
#l_professional .proffesional_wrap>ul>li:hover .img_wrap .bg{
    background-color: #216BE4;
}
#l_professional .proffesional_wrap>ul>li .img_wrap>img{
    width: 100%;
    z-index: 2;
    position: relative;
    display: block;
}
#l_professional .proffesional_wrap>ul>li .txt_wrap{
    text-align: center;
}
#l_professional .proffesional_wrap>ul>li .txt_wrap>p{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    color: #CCC;
}
@media screen and (max-width: 1920px){
    #l_professional .tit_wrap h2.tit{font-size: 4.167vw;}
    #l_professional .tit_wrap .info_txt{font-size: 2.604vw;}
}
@media screen and (max-width: 1530px){
    #l_professional .proffesional_wrap>ul{justify-content: center;}
}
@media screen and (max-width: 1024px){
    #l_professional .proffesional_wrap>ul{row-gap: 60px; column-gap: 4%;}
    #l_professional .proffesional_wrap>ul>li{width: 48%;}
    #l_professional .tit_wrap .info_txt_wrap{margin-top: 80px; margin-bottom: 120px;}
}
@media screen and (max-width: 768px){
    #l_professional{margin-top: 100px;}
    #l_professional .tit_wrap h2.tit{font-size: 4rem;}
    #l_professional .tit_wrap .info_txt_wrap{margin-top: 50px; margin-bottom: 80px;}
    #l_professional .tit_wrap .info_txt{font-size: 2.5rem;}
    #l_professional .tit_wrap .info_txt2{font-size: 14px;}
    #l_professional .proffesional_wrap>ul>li .tit p.position{font-size: 16px;}
    #l_professional .proffesional_wrap>ul>li .tit h3{font-size: 3rem;}
    #l_professional .proffesional_wrap>ul>li .img_wrap{margin: 20px 0; margin-top: 0;}
    #l_professional .proffesional_wrap>ul>li .img_wrap .bg{height: 34.552vw;}
    #l_professional .proffesional_wrap>ul>li .txt_wrap>p{font-size: 14px;}

    /* Swiper */
    #l_professional .proffesional_wrap.swiper-container{margin-top: 80px; overflow: hidden;}
    #l_professional .proffesional_wrap > ul.swiper-wrapper{flex-wrap: nowrap !important; gap: 0 !important; justify-content: flex-start;}
    #l_professional .proffesional_wrap .swiper-slide{transform: scale(0.85); transition: transform 0.4s ease;}
    #l_professional .proffesional_wrap .swiper-slide-active{transform: scale(1);}
    #l_professional .prof_nav{width: 100%; display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 24px;}
    #l_professional .prof_prev.swiper-button-prev,
    #l_professional .prof_next.swiper-button-next{position: static; margin: 0; width: 44px; height: 44px; color: #fff; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; background: transparent; transition: all 0.2s; display: flex; align-items: center; justify-content: center;}
    #l_professional .prof_prev.swiper-button-prev i,
    #l_professional .prof_next.swiper-button-next i{font-size: 16px;}
}
@media screen and (max-width: 500px){
    #l_professional{margin-top: 80px;}
    #l_professional .tit_wrap h2.tit{font-size: 3rem;}
    #l_professional .tit_wrap .info_txt_wrap{margin-top: 20px; margin-bottom: 40px;}
    #l_professional .tit_wrap .info_txt_wrap.pc{display: none;}
    #l_professional .tit_wrap .info_txt_wrap.mob{display: block; text-align: center;}
    #l_professional .tit_wrap .info_txt{font-size: 2rem;}
    #l_professional .tit_wrap .info_txt2{font-size: 14px;}
    #l_professional .tit_wrap .info_txt2 br.mob{display: block;}
    #l_professional .proffesional_wrap.swiper-container{margin-top: 60px;}
    #l_professional .proffesional_wrap>ul>li .tit p.position{font-size: 14px;}
    #l_professional .proffesional_wrap>ul>li .tit h3{font-size: 2.4rem;}

    /* Swiper */
    #l_professional .prof_nav{gap: 15px;}
}













#l_mistake{
    position: relative;
    margin-top: 200px;
    width: 100%;
}
#l_mistake .bg{
    position: absolute;
    right: -300px;
    top: -600px;
    width: 1201px;
    height: 1201px;
    background: url('/html/_img/landing/sec03_bg.png') no-repeat center / cover;
    z-index: -1;
    transform: rotate(-35deg);
}
#l_mistake .rotate-bg{
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: 1100px;
    margin: 0 auto;
    aspect-ratio: 1;
    z-index: -1;
}
#l_mistake .rotate-bg svg {
    overflow: visible;
}
#l_mistake .rotate-bg svg rect{
    stroke:rgba(255,255,255,0.5);
}
#l_mistake .rotate-bg svg .rect[stroke] {
    animation-duration: 3.2s;
}
#l_mistake .rotate-bg svg .orb {
    transform-box: view-box;
    transform-origin: 544px 544px;
    animation: spin 18s linear infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
#l_mistake .mistake_txt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#l_mistake .tit_wrap h2{
    font-size: 8rem;
    font-weight: 800;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
}
#l_mistake .tit_wrap p.info_txt{
    text-align: center;
    color: #FFF;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 50px;
}
#l_mistake ol{
    display: flex;
    justify-content: center;
    margin-top: 100px;
    padding: 0;
} 
#l_mistake ol>li.cir{
    width: 400px;
    height: 400px;
    border-radius: 400px;
    position:relative;
}
#l_mistake ol>li.cir svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}
#l_mistake ol>li.cir svg circle {
    fill: none;
    stroke: #fff;
    stroke-width: 1;
    transition: stroke .25s ease, stroke-width .25s ease, filter .35s ease, opacity .25s ease;
    stroke-linecap: round;
}
#l_mistake ol>li.cir.active svg circle{
    stroke:#216BE4;
    stroke-width:2.5;
    filter:
      drop-shadow(0 0 2px rgba(33,107,228,.95))
      drop-shadow(0 0 8px rgba(33,107,228,.65))
      drop-shadow(0 0 18px rgba(33,107,228,.45));
}
#l_mistake ol>li:nth-child(1){
    margin-right: -40px;
}
#l_mistake ol>li:nth-child(2){
    margin-right: -20px;
}
#l_mistake ol>li:nth-child(3){
    margin-left: -20px;
}
#l_mistake ol>li:nth-child(4){
    margin-left: -40px;
} 
#l_mistake ol>li .txt_wrap{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px;
    
}
#l_mistake ol>li .txt_wrap p.numbering{
    font-size: 2rem;
    color: #FFF;
    font-weight: 400;
    line-height: 1.6;
}
#l_mistake ol>li .txt_wrap h3{
    font-size: 4rem;
    color: #FFF;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0;
}
#l_mistake ol>li .txt_wrap p.info{
    font-size: 1.8rem;
    color: #FFF;
    font-weight: 400;
    line-height: 1.6;
}
@media screen and (max-width: 1920px){
    #l_mistake .tit_wrap h2{font-size: 4.167vw;}
}
@media screen and (max-width: 1530px){
    #l_mistake ol>li.cir{width: 26.144vw; height: 26.144vw;}
    #l_mistake ol>li .txt_wrap{padding: 0 4.575vw;}
    #l_mistake ol>li .txt_wrap p.numbering{font-size: 1.307vw;}
    #l_mistake ol>li .txt_wrap h3{font-size: 2.614vw;}
    #l_mistake ol>li .txt_wrap p.info{font-size: 1.176vw;}
}
@media screen and (max-width: 1024px){
    #l_mistake{margin-top: 200px; padding-top: 200px;}
    #l_mistake .rotate-bg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1100px; max-width: 1100px;}
    #l_mistake .mistake_txt{position: relative; top: 0; left: 0; transform: none;}
    #l_mistake ol{gap: 20px; flex-wrap: wrap; width: 768px;}
    #l_mistake ol>li.cir{width: 400px; height: 400px;}
    #l_mistake ol>li:nth-child(1){margin-right: -40px; margin-bottom: -40px;}
    #l_mistake ol>li:nth-child(2){margin-right: unset; margin-left: -40px; margin-bottom: -40px;}
    #l_mistake ol>li:nth-child(3){margin-left: unset; margin-right: -40px; margin-top: -40px;}
    #l_mistake ol>li:nth-child(4){margin-right: unset; margin-left: -40px; margin-top: -40px;}
    #l_mistake ol>li .txt_wrap{padding: 0 70px; text-align: center;}
    #l_mistake ol>li .txt_wrap p.numbering{font-size: 2rem;}
    #l_mistake ol>li .txt_wrap h3{font-size: 4rem; margin: 20px 0;}
    #l_mistake ol>li .txt_wrap p.info{font-size: 1.8rem;}

}
@media screen and (max-width: 768px){
    #l_mistake{margin-top: 150px; padding-top: 150px;}
    #l_mistake .tit_wrap h2{font-size: 4rem;}
    #l_mistake .tit_wrap p.info_txt{font-size: 14px; margin-top: 30px;}
    
    #l_mistake ol{margin-top: 50px; flex-wrap: wrap; gap: 0; justify-content: center;}
    #l_mistake ol>li.cir{width: 300px; height: 300px; border-radius: 300px;}
    #l_mistake ol>li .txt_wrap{padding: 0 50px;}
    #l_mistake ol>li .txt_wrap p.numbering{font-size: 14px;}
    #l_mistake ol>li .txt_wrap h3{font-size: 2.5rem; margin: 15px 0;}
    #l_mistake ol>li .txt_wrap p.info{font-size: 14px;}
    #l_mistake ol>li:nth-child(1){margin-right: -20px; margin-bottom: -20px;}
    #l_mistake ol>li:nth-child(2){margin-right: unset; margin-left: -20px; margin-bottom: -20px;}
    #l_mistake ol>li:nth-child(3){margin-left: unset; margin-right: -20px; margin-top: -20px;}
    #l_mistake ol>li:nth-child(4){margin-right: unset; margin-left: -20px; margin-top: -20px;}
}
@media screen and (max-width: 500px){
    #l_mistake{margin-top: 0; padding-top: 100px;}
    #l_mistake .tit_wrap h2{font-size: 3rem;}
    #l_mistake .tit_wrap p.info_txt{font-size: 14px; margin-top: 20px;}
    #l_mistake ol{margin-top: 40px; width: 250px;}
    #l_mistake ol>li.cir{width: 250px; height: 250px; border-radius: 250px;}
    #l_mistake ol>li .txt_wrap{padding: 0 30px;}
    #l_mistake ol>li .txt_wrap p.numbering{font-size: 14px;}
    #l_mistake ol>li .txt_wrap h3{font-size: 2rem; margin: 10px 0;}
    #l_mistake ol>li .txt_wrap p.info{font-size: 14px;}


    #l_mistake ol>li:nth-child(1){margin-right: unset; margin-bottom: 0;}
    #l_mistake ol>li:nth-child(2){margin-right: unset; margin-left: unset; margin-bottom: unset; margin-top: -20px;}
    #l_mistake ol>li:nth-child(3){margin-left: unset; margin-right: unset; margin-top: -20px;}
    #l_mistake ol>li:nth-child(4){margin-right: unset; margin-left: unset; margin-top: -20px;}
}















#l_design{
    position:relative;
    margin-top: 200px;
}
#l_design .design_pin{
    position: relative;
    height: 100vh;
  }
  #l_design .design_pin .wrap1500{
    height: 100%;
  }
#l_design  .tit_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}
#l_design .tit_wrap h2{
    font-size: 8rem;
    font-weight: 800;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
}
#l_design .design_list{
    position: relative;
    display: flex;
    flex-direction: column;
}
#l_design .design_list>.flex_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
#l_design .design_list>.flex_wrap.flex01{
    padding-right: 20px;
    padding-bottom: 87px;
}
#l_design .design_list>.flex_wrap.flex01 .box02{
    margin-top: 70px;
}
#l_design .design_list>.flex_wrap.flex02{
    padding-left: 90px;
    padding-right: 210px;
}
#l_design .design_list>.flex_wrap.flex02 .box03{
    margin-top: 60px;
}
#l_design .design_list>.flex_wrap.flex02 .box04{
    margin-top: 180px;
}

#l_design .design_list>.flex_wrap>.box{
    background-color: #121212;
    box-sizing: border-box;
    padding: 70px 50px;
    width: 450px;
    height: 550px;
    color: #FFF;
    position: relative;
}
#l_design .design_list>.flex_wrap>.box h3{
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
#l_design .design_list>.flex_wrap>.box h3 span.mini{
    font-size: 2rem;
    display: block;
    line-height: 1.4;
}
#l_design .design_list>.flex_wrap>.box p{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    color: #CCC;
    position: relative;
    z-index: 2;
}
#l_design .design_list>.flex_wrap>.box img{
    max-width: 100%;
    position: absolute;
    right: 50px;
    bottom: 70px;
    z-index: 1;
}
@media screen and (max-width: 1920px){
    #l_design .tit_wrap h2{font-size: 4.167vw;}
}
@media screen and (max-width: 1280px){
    #l_design .design_list>.flex_wrap.flex01{padding-right: 10px;}
    #l_design .design_list>.flex_wrap.flex02{padding-left: 50px; padding-right: 100px;}
}
@media screen and (max-width: 1024px){
    
    #l_design .design_list>.flex_wrap.flex01{padding-right: 0; padding-bottom: 20px;}
    #l_design .design_list>.flex_wrap.flex02{padding-left: 0; padding-right: 0;}
    #l_design .design_list>.flex_wrap>.box{width: 49%; max-width: 500px;}
}
@media screen and (max-width: 768px){
    #l_design{margin-top: 250px;}
    #l_design .design_pin{height: auto;}
    #l_design .tit_wrap h2{font-size: 4rem;}
    #l_design .design_list{margin-top: 40px;}
    #l_design .design_list>.flex_wrap{flex-direction: column; align-items: center;}
    #l_design .design_list>.flex_wrap.flex01{padding-right: 0; padding-bottom: 50px;}
    #l_design .design_list>.flex_wrap.flex01 .box02{margin-top: 40px;}
    #l_design .design_list>.flex_wrap.flex02{padding-left: 0; padding-right: 0;}
    #l_design .design_list>.flex_wrap.flex02 .box03{margin-top: 40px;}
    #l_design .design_list>.flex_wrap.flex02 .box04{margin-top: 100px;}
    #l_design .design_list>.flex_wrap>.box{padding: 40px; width: 100%; max-width: 100%; height: auto; min-height: 350px;}
    #l_design .design_list>.flex_wrap>.box h3{font-size: 2.5rem; margin-bottom: 15px;}
    #l_design .design_list>.flex_wrap>.box h3 span.mini{font-size: 14px; line-height: 1.6;}
    #l_design .design_list>.flex_wrap>.box p{font-size: 14px;}
    #l_design .design_list>.flex_wrap>.box img{right: 40px; bottom: 40px; max-width: 200px;}
}
@media screen and (max-width: 500px){
    #l_design{margin-top: 80px;}
    #l_design .tit_wrap h2{font-size: 3rem;}
    #l_design .design_list{margin-top: 20px;}
    #l_design .design_list>.flex_wrap.flex01{padding-bottom: 30px;}
    #l_design .design_list>.flex_wrap.flex01 .box02{margin-top: 30px;}
    #l_design .design_list>.flex_wrap.flex02 .box03{margin-top: 30px;}
    #l_design .design_list>.flex_wrap.flex02 .box04{margin-top: 60px;}
    #l_design .design_list>.flex_wrap>.box{padding: 20px; max-width: 100%; min-height: 320px;}
    #l_design .design_list>.flex_wrap>.box h3{font-size: 2rem; margin-bottom: 12px;}
    #l_design .design_list>.flex_wrap>.box p{font-size: 14px;}
    #l_design .design_list>.flex_wrap>.box img{right: 20px; bottom: 20px; max-width: 160px;}
}










#l_growth{
    position: relative;
    margin-top: 200px;
    padding-top: 100px
}
#l_growth .tit_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
#l_growth .tit_wrap h2{
    font-size: 8rem;
    line-height: 1.4;
    color: #FFF;
    font-weight: 800;
}
#l_growth .tit_wrap ul{
    width: 650px;
}
#l_growth .tit_wrap ul>li{
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6;
    color: #FFF;
    position: relative;
}
#l_growth .tit_wrap ul>li::before{
    content: '';
    display: block;
    position: absolute;
    left: -16px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    background-color: #FFF;
}
#l_growth .tit_wrap ul>li:nth-child(2){
    margin-top: 30px;
}
#l_growth .tit_wrap ul>li:nth-child(2)::before{
    width: 6px;
    height: 6px;
}
#l_growth .comparison_table{
    width: 100%;
}
#l_growth .comparison_table table{
    width: 100%;
    text-align: center;
}
#l_growth .comparison_table table caption{
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    top: 0;
    left: 0;
}
#l_growth .comparison_table table thead th{
    font-size: 2rem;
    font-weight: 700;
    color: #FFF;
    line-height: 1.6;
    background-color: #2B2C3E;
    padding: 20px 0
}
#l_growth .comparison_table table thead th:nth-child(1){
    border-radius: 10px 0 0 10px;
    width: 260px;
    border-right: 1px solid #363636;
}
#l_growth .comparison_table table thead th:nth-child(2){
    width: 620px;
    border-right: 1px solid #363636;
}
#l_growth .comparison_table table thead th:nth-child(3){
    border-radius: 0 10px 10px 0;
    width: 620px;
}
#l_growth .comparison_table table tbody th,
#l_growth .comparison_table table tbody td{
    font-size: 2rem;
    color: #FFF;
    line-height: 1.6;
    padding: 20px 0;
    border-right: 1px solid #363636;
    border-bottom: 1px solid #363636;
}
#l_growth .comparison_table table tbody td:last-child{
    border-right: none;
}


#l_growth .b2{
    padding-top: 200px;
}

#l_growth .b2 .growth_list>li{
    display: flex;
}
#l_growth .b2 .growth_list>li>div{
    width: calc(50% - 5px);
    box-sizing: border-box;
    padding: 50px 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#l_growth .b2 .growth_list>li>div:last-child{
    display: flex;
    align-items: flex-end;
}
#l_growth .b2 .growth_list>li>div h3.tit{
    font-size: 4rem;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
    margin-bottom: 20px;
}
#l_growth .b2 .growth_list > li > div.txt,
#l_growth .b2 .growth_list > li > div.geometry{
  will-change: transform, opacity;
}
#l_growth .b2 .growth_list>li>div p.info_txt{
    font-size: 1.8rem;
    font-weight: 400;
    color: #CCC;
    line-height: 1.6;
}
#l_growth .b2 .growth_list>li>div p.info_txt br.mob{display: none;}
#l_growth .b2 .growth_list>li>div.line_wrap{
    width: 10px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
#l_growth .b2 .growth_list>li>div.line_wrap .circle_wrap{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFF;
}
#l_growth .b2 .growth_list>li>div.line_wrap .line{
    width: 4px;
    height: 350px;
    background-color: rgba(255, 255, 255, 0.3);
}
#l_growth .b2 .growth_list>li>div.line_wrap .line .progress{
    width: 100%;
    height: 80%;
    background-color: #216BE4;
}
@media screen and (max-width: 1920px){
    #l_growth .tit_wrap h2{font-size: 4.167vw;}
}
@media screen and (max-width: 1280px){
    #l_growth .tit_wrap ul{width: 500px;}
}
@media screen and (max-width: 1024px){
    #l_growth .tit_wrap{flex-direction: column; align-items: flex-start; gap: 40px;}
    #l_growth .tit_wrap ul{width: 100%; padding-left: 20px;box-sizing: border-box;}

    #l_growth .b2 .growth_list>li>div{padding: 50px 0}
    
}
@media screen and (max-width: 768px){
    #l_growth{margin-top: 150px; padding-top: 0;}
    #l_growth .tit_wrap{margin-bottom: 50px; flex-direction: column; align-items: flex-start; gap: 30px;}
    #l_growth .tit_wrap h2{font-size: 4rem;}
    #l_growth .tit_wrap ul{width: 100%;}
    #l_growth .tit_wrap ul>li{font-size: 14px;}
    #l_growth .tit_wrap ul>li:nth-child(2){margin-top: 20px;}
    #l_growth .comparison_table table thead th{font-size: 14px; padding: 15px 0;}
    #l_growth .comparison_table table tbody th, #l_growth .comparison_table table tbody td{font-size: 14px; padding: 15px 0;}
    #l_growth .b2{padding-top: 100px;}
    #l_growth .b2 .growth_list{row-gap: 20px;}
    #l_growth .b2 .growth_list>li{position: relative; margin-bottom: 20px;}
    #l_growth .b2 .growth_list>li>div{ padding: 40px 0; display: block;}

    #l_growth .b2 .growth_list>li>div.line_wrap{order: 1;}
    #l_growth .b2 .growth_list>li>div.txt{order: 2; box-sizing: border-box; padding-left: 20px; width: calc(100% - 4px);}
    #l_growth .b2 .growth_list>li>div.geometry {position:absolute; right: 0; bottom: 0; padding: 0; width: 300px; height: 300px; z-index: -1; transform: scale(0.7); right: -20px; bottom: -20px;}
    #l_growth .b2 .growth_list>li>div.geometry svg{width: 100% !important; height: 100% !important;}
    #l_growth .b2 .growth_list>li>div:last-child{display: block;}

}
@media screen and (max-width: 500px){
    #l_growth{margin-top: 100px;}
    #l_growth .tit_wrap{margin-bottom: 40px; gap: 20px;}
    #l_growth .tit_wrap h2{font-size: 3rem;}
    #l_growth .tit_wrap ul>li{font-size: 14px;}
    #l_growth .tit_wrap ul>li::before{top: 8px;}
    #l_growth .tit_wrap ul>li:nth-child(2){margin-top: 10px;}
    #l_growth .comparison_table table thead th{font-size: 14px; padding: 12px 0;}
    #l_growth .comparison_table table tbody th, #l_growth .comparison_table table tbody td{font-size: 14px; padding: 12px 0;}
    #l_growth .b2{padding-top: 80px;}
    #l_growth .b2 .growth_list>li{margin-bottom: 10px;}
    #l_growth .b2 .growth_list>li>div{padding: 30px 0;}
    #l_growth .b2 .growth_list>li>div.txt{padding: 0 10px; padding-right: 0px;}
    #l_growth .b2 .growth_list>li>div.geometry{transform: scale(0.7); right: -40px; bottom: 0;}

    #l_growth .b2 .growth_list>li>div.line_wrap{gap: 10px;}
    #l_growth .b2 .growth_list>li>div.line_wrap .line{width: 2px; height: 300px;}
    #l_growth .b2 .growth_list>li>div.line_wrap .circle_wrap{width: 8px; height: 8px;}
    



    #l_growth .b2 .growth_list>li>div h3.tit{font-size: 2.4rem; margin-bottom: 12px;}
    #l_growth .b2 .growth_list>li>div p.info_txt{font-size: 14px;}
    #l_growth .b2 .growth_list>li>div p.info_txt br.mob{display: block;}
    
}
/* deepdive01 애니메이션 */
.deepdive01 {
	transform-box: fill-box;
	transform-origin: center;
}
.deepdive01 .deepdive01-orbs {
	transform-box: fill-box;
	transform-origin: 115px 115px;
	animation: deepdive01-orbit 20s linear infinite;
}
.deepdive01 .deepdive01-rays {
	transform-box: fill-box;
	transform-origin: 148px 148px;
	animation: deepdive01-rotate 20s linear infinite;
}
@keyframes deepdive01-orbit {
    from{transform: translate(0,0) scale(0.97) rotate(0deg);}
	to {transform: translate(0,0) scale(0.97) rotate(360deg);}
}
@keyframes deepdive01-rotate {
	to {transform: rotate(360deg);}
}

/* deepdive02 애니메이션 */
/* deepdive02 애니메이션 */
.deepdive02 {
    overflow: visible; /* 혹시 상위에서 hidden 걸려있을 때 대비 (필수는 아님) */
  }
  
  .deepdive02 .deepdive02-arrows{
    transform-box: fill-box;
    transform-origin: 149px 149px;
    animation: deepdive02-rotate 15s linear infinite;
}
.deepdive02 .deepdive02-paths{
    transform: scale(0.96);
    transform-origin: 149px 149px;
}

@keyframes deepdive02-rotate {
    from { transform: translate(0,0) scale(0.97) rotate(0deg); }
    to   { transform: translate(0,0) scale(0.97) rotate(-360deg); }
}

/* deepdive03 애니메이션 */
.deepdive03 {
    position: relative;
	transform-box: fill-box;
	transform-origin: 50% 50%;
}
.deepdive03 .deepdive03-orb1 {
	transform-box: fill-box;
	transform-origin: 85px -40px;
	animation: deepdive03-orbit1 10s linear infinite;
}
.deepdive03 .deepdive03-orb2 {
	transform-box: fill-box;
	transform-origin: 20px 100px;
	animation: deepdive03-orbit2 10s linear infinite;
}
.deepdive03 .deepdive03-orb3 {
	transform-box: fill-box;
	transform-origin: -25px 5px;
	animation: deepdive03-orbit3 10s linear infinite;
}

@keyframes deepdive03-orbit1 {
	to {
		transform: rotate(360deg);
	}
}
@keyframes deepdive03-orbit2 {
	to {
		transform: rotate(360deg);
	}
}
@keyframes deepdive03-orbit3 {
	to {
		transform: rotate(360deg);
	}
}
/* deepdive04 애니메이션 */
.deepdive04 {
	transform-box: fill-box;
	transform-origin: center;
}
.deepdive04 .deepdive04-rays {
	transform-box: fill-box;
	transform-origin: center;
	animation: deepdive04-rotate 18s linear infinite;
}
@keyframes deepdive04-rotate {
	to {
		transform: rotate(360deg);
	}
}
































#landingSec05{
    position: relative;
    margin-top: 200px;
    overflow-x: clip !important;
    padding-bottom: 100px;
}

#landingSec05 .wrap1500{
    padding-top: 100px;
    display: flex;
    justify-content: space-between;
}
#landingSec05 .tit_wrap h2{
    font-size: 8rem;
    line-height: 1.4;
    color: #FFF;
    font-weight: 800;
}
#landingSec05 .tit_wrap h2 span.blue{
    color: #216BE4;
}
#landingSec05 .right_wrap{
    width: 550px;
}
#landingSec05 .right_wrap .input_wrap{
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
#landingSec05 .right_wrap .input_wrap label{
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
}
#landingSec05 .right_wrap .input_wrap label span{
    position:relative;
    display:inline-block;
}
#landingSec05 .right_wrap .input_wrap label span::after{
    content:'';
    display: block;
    position: absolute;
    right: -12px;
    top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #216BE4;
}
#landingSec05 .right_wrap .input_wrap input[type="text"],
#landingSec05 .right_wrap .input_wrap textarea{
    appearance: none;
    background: none;
    border: none;
    border-bottom: 1px solid #666;
    height: 53px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #FFF;
    transition: all 0.3s ease;
    font-family: 'Pretendard', sans-serif;
}
#landingSec05 .right_wrap .input_wrap input[type="text"]:focus,
#landingSec05 .right_wrap .input_wrap textarea:focus{
    outline: none;
    border-bottom: 1px solid #FFF;
}
#landingSec05 .right_wrap .input_wrap textarea{
    height: 85px;
    padding: 15px 0;
    resize: none;
}
#landingSec05 .right_wrap .check_wrap{
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}
#landingSec05 .right_wrap .check_wrap .check_item{
    display: flex;
    gap: 10px;
}
#landingSec05 .right_wrap .check_wrap .check_item input[type="checkbox"]{
    appearance: none;
    background: none;
    border: none;
    border: 1px solid #FFF;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    position: relative;
    top: 2px;
}
#landingSec05 .right_wrap .check_wrap .check_item input[type="checkbox"]::after{
    content:'';
    width: 70%;
    height: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    background-color: #FFF;
    border-radius: 2px;
    opacity: 0;
    transition: all 0.3s ease;
}
#landingSec05 .right_wrap .check_wrap .check_item input[type="checkbox"]:checked::after{
    opacity: 1;
}
#landingSec05 .right_wrap .check_wrap .check_item label{
    color: #FFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
}
#landingSec05 .right_wrap .check_wrap .check_item label span{
    position: relative;
    display: inline-block;
}
#landingSec05 .right_wrap .check_wrap .check_item label span::after{
    content: '';
    display: block;
    position: absolute;
    right: -12px;
    top: -3px;
    width: 6px;
    height: 6px;
    background-color: #216BE4;
    border-radius: 4px;
}
#landingSec05 .right_wrap .check_wrap .privacy_btn{
    font-size: 1.8rem;
    font-weight: 400;
    color: #FFF;
    line-height: 1.3;
}
#landingSec05 .right_wrap .btn_wrap{
    display: flex;
    gap: 30px;
}
/* magnetic 래퍼 */
#landingSec05 .right_wrap .magnetic-wrap{
    display: inline-block;
    position: relative;
    overflow: visible;
    will-change: transform;
  }
#landingSec05 .right_wrap .btn_wrap a,
#landingSec05 .right_wrap .btn_wrap button{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.4;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    border: 1px solid #FFF;
    background: none;
    position: relative;
    will-change: transform;
}
#landingSec05 .right_wrap .btn_wrap a:focus,
#landingSec05 .right_wrap .btn_wrap button:focus{
    outline: none;
}
#landingSec05 .right_wrap .btn_wrap button{
    background-color: #216BE4;
    border: 1px solid #216BE4;
    cursor: pointer;
}
#landingSec05 .right_wrap .btn_wrap a>div,
#landingSec05 .right_wrap .btn_wrap button>div{
    display: inline-flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    will-change: transform;
}
/* 개인정보처리방침 팝업 */
#landingSec05 .privacy_pop{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}
#landingSec05 .privacy_pop_wrap{
    width: 100%;
    max-width: 1000px;
    background-color: #FFF;
    height: 80vh;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 0 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #000;
}
#landingSec05 .privacy_pop_tit{
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}
#landingSec05 .privacy_pop_tit h2{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
}
#landingSec05 .privacy_pop_tit .close_btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #000;
    font-size: 2.4rem;
    display: block;
}
#landingSec05 .privacy_pop_tit .close_btn>i{
    display: block;
}
#landingSec05 .privacy_pop_tit h2{
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
}
#landingSec05 .privacy_pop_content{
    padding: 20px;
    overflow-y: auto;
    height: calc(100% - 120px);
    overscroll-behavior: contain;            /* 최신 브라우저 */
    -webkit-overflow-scrolling: touch;       /* iOS 부드러운 스크롤 */
}
#landingSec05 .privacy_pop_content .block_area,
#landingSec05 .privacy_pop_content p,
#landingSec05 .privacy_pop_content li{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}





@media screen and (max-width: 1920px){
    #landingSec05 .tit_wrap h2{font-size: 4.167vw;}
}

@media screen and (max-width: 1024px){
    #landingSec05{padding-bottom: 0;}
    #landingSec05 .wrap1500{flex-direction: column; gap: 50px;}
    #landingSec05 .tit_wrap{width: 100%;}
    #landingSec05 .right_wrap{width: 100%; max-width: 100%;}
    #landingSec05 .right_wrap .btn_wrap{justify-content: center;}

    #landingSec05 .privacy_pop_wrap{max-width: 96%;}


}
@media screen and (max-width: 768px){
    #landingSec05{margin-top: 150px;}
    #landingSec05 .wrap1500{padding-top: 0; flex-direction: column; gap: 50px;}
    #landingSec05 .tit_wrap h2{font-size: 4rem;}
    #landingSec05 .right_wrap{width: 100%;}
    #landingSec05 .right_wrap .input_wrap{margin-bottom: 30px;}
    #landingSec05 .right_wrap .input_wrap label{font-size: 18px;}
    #landingSec05 .right_wrap .input_wrap input[type="text"],
    #landingSec05 .right_wrap .input_wrap textarea{font-size: 18px;}
    #landingSec05 .right_wrap .input_wrap textarea{height: 85px;}
    #landingSec05 .right_wrap .check_wrap{margin-bottom: 40px;}
    #landingSec05 .right_wrap .check_wrap .check_item input[type="checkbox"]{top: 0; width: 18px; height: 18px;}
    #landingSec05 .right_wrap .check_wrap .check_item label{font-size: 16px;}
    #landingSec05 .right_wrap .check_wrap .privacy_btn{font-size: 14px;}
    #landingSec05 .right_wrap .btn_wrap{gap: 10px; flex-wrap: wrap;flex-direction: column;}
    #landingSec05 .right_wrap .btn_wrap a,
    #landingSec05 .right_wrap .btn_wrap button{font-size: 18px; width: 100%; max-width: 100%; height: 55px;}
    #landingSec05 .right_wrap .btn_wrap a>div,
    #landingSec05 .right_wrap .btn_wrap button>div{flex-direction: row;}

    #landingSec05 .privacy_pop_wrap{max-width: 90%;}
    #landingSec05 .privacy_pop_tit h2{font-size: 2rem;}
    #landingSec05 .privacy_pop_content{padding: 0;}
    #landingSec05 .privacy_pop_content .block_area,
    #landingSec05 .privacy_pop_content p,
    #landingSec05 .privacy_pop_content li{font-size: 14px; word-break: break-all;}
}
@media screen and (max-width: 500px){
    #landingSec05{margin-top: 100px;}
    #landingSec05 .wrap1500{gap: 40px;}
    #landingSec05 .tit_wrap h2{font-size: 3rem;}
    #landingSec05 .right_wrap .input_wrap{margin-bottom: 20px;}
    #landingSec05 .right_wrap .input_wrap label{font-size: 16px;}
    #landingSec05 .right_wrap .input_wrap input[type="text"],
    #landingSec05 .right_wrap .input_wrap textarea{font-size: 16px; height: 40px;}
    #landingSec05 .right_wrap .input_wrap textarea{height: 85px;}
    #landingSec05 .right_wrap .check_wrap{margin-bottom: 30px; flex-direction: column; gap: 10px;}
    #landingSec05 .right_wrap .check_wrap .check_item label{font-size: 14px;}
    #landingSec05 .right_wrap .btn_wrap{gap: 6px;}
    #landingSec05 .right_wrap .btn_wrap a,
    #landingSec05 .right_wrap .btn_wrap button{font-size: 16px;height: 45px;}
}













/* quick_menu */
.quick.landing{
	position: fixed;
	right: 30px;
	bottom: 50px;
	width: 80px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	z-index: 9991;
	transition-duration: 0.3s;
}
.quick.landing>a{
	width: 100%;
	height: 80px;
	border-radius: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.quick.landing>a:not(:last-of-type){
    margin-bottom: 10px;
}
.quick.landing>a.home_btn{
    background-color: #fff;
    font-weight: 500;
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
}
.quick.landing>a.scroll_top_btn{
	background-color: transparent;
    border: 1px solid #FFF;
    background-color: transparent;
    color: #FFF;
}
@media screen and (max-width: 768px){
    .quick.landing{bottom: 20px; right: 20px; width: 60px;}
    .quick.landing>a{height: 60px;}
    .quick.landing>a.home_btn{font-size: 1.3rem;}
}
@media screen and (max-width: 500px){
    .quick.landing{width: 50px;}
	.quick.landing>a{height: 50px;}
	.quick.landing>a.scroll_top_btn img{width: 14px;}
    .quick.landing>a.home_btn{font-size: 1.2rem;}
}












#footer{
    padding-top: 200px;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #000;
    isolation: isolate;          /* ✅ 합성 분리 */
    padding-bottom: 50px;
    z-index: 0;
    transform: translateZ(0);
    will-change: transform;
    overflow: hidden;
}
#footer::before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 15%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 3;
}
#footer::after{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 2;
}


#footer .blob{
    background: linear-gradient(180deg, #216BE4 0%, #000 100%);
    width: 800px;
    height: 800px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
#footer .blur{
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: rgba(0,0,0,0);        /* ✅ 이게 핵심(0.4~0.8 사이로 조절) */
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    transform: translateZ(0);            /* ✅ 합성 안정화 */
  }
#footer .f_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}
#footer .f_top .address{
    display: flex;
    gap: 220px;
}
#footer .f_top .address>div dl{
    display: flex;
    gap: 20px;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;

}
#footer .f_top .address>div dl:first-child{
    margin-bottom: 15px;
}
#footer .f_top .address>div dl>dt{
    font-weight: 600;
}

#footer .f_top .homepage_btn{
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 56px;
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    transition-duration:0.3s;
}
#footer .f_top .homepage_btn>i{
    font-size: 22px;
}
#footer .f_top .homepage_btn:hover{
    background-color: #FFF;
    color: #051C2C;
}

#footer .f_bottom{
    position: relative;
    z-index: 3;
}
#footer .f_bottom h1{
    font-size: 30rem;
    font-weight: 700;
    color: #FFF;
    line-height: 1;
    cursor: default
}
#footer .f_bottom p.copyright{
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    color: #B3B3B3;
    margin-top: 10px;
    cursor: default;
}
@media screen and (max-width: 1530px){
    #footer .f_bottom h1{font-size: 19.607vw;}
    #footer .f_top .address{gap: 100px;}
}
@media screen and (max-width: 1280px){
    #footer{padding-top: 150px;}
    #footer .f_top .address{gap: 40px;}
}
@media screen and (max-width: 1110px){
    #footer .f_top{flex-direction: column; gap: 40px; align-items: flex-start;}
}
@media screen and (max-width: 1024px){
    #footer::after{display: none;}
    #footer .blob{filter: blur(100px); opacity: 0.35;}
    #footer .blur{display: none;}


    #footer .f_top .address{flex-direction: column; gap: 15px; align-items: flex-start;}
    #footer .f_top .address>div dl>dt{width: 78px;}
    #footer .f_top .address>div dl>dd{width: calc(100% - 98px);}
}
@media screen and (max-width: 768px){
    #footer{padding-top: 150px;}
    #footer .f_bottom h1{font-size: 18.229vw;}
    #footer .f_top{gap: 20px; margin-bottom: 20px;}
    #footer .f_top .address{gap: 10px;}
    #footer .f_top .address>div dl{font-size: 16px; column-gap: 10px;}
    #footer .f_top .address>div dl:first-child{margin-bottom: 10px;}
    #footer .f_top .address>div dl>dt{width: 76px;}
    #footer .f_top .address>div dl>dd{width: calc(100% - 86px);}
    #footer .f_bottom p.copyright{font-size: 16px;}
    
}
@media screen and (max-width: 500px){
    #footer{padding-top: 100px;}
    #footer .f_top .address>div dl{font-size: 14px;}
    #footer .f_top .address>div dl>dt{width: 65px;}
    #footer .f_top .address>div dl>dd{width: calc(100% - 75px);}
    #footer .f_top .homepage_btn{font-size: 14px; padding: 10px;}
    #footer .f_top .homepage_btn>i{font-size: 16px;}
    #footer .f_bottom p.copyright{font-size: 14px;}
}