/* BASIC css start */ /*계좌정보 가리기*/ .f2-line , .bankBox {display:none !important;} #footer{background-color: #8E9DAA; width: 100%; } #footer .foot_inner { max-width: 1828px; margin: 0 auto; padding: 0 46px;} #footer .foot_inner> div{} #footer .foot_inner .foot_top{display: flex; justify-content: space-between; padding: 72px 0 9px; gap: 250px;} #footer .foot_inner .foot_top>div{} #footer .foot_inner .foot_top>div h4{color: #272727 !important; font-size: 0.9rem; font-weight: 700 ; margin-bottom: 20px;} #footer .foot_inner .foot_top>div h4 a {color: #272727 !important;} #footer .foot_inner .foot_top>div li{margin-bottom: 15px;} #footer .foot_inner .foot_top>div li a{color: #303030; font-size: 0.8rem; font-weight: 400;} #footer .foot_inner .foot_top .footer_left {width: 50%; display: flex; flex-direction: column;justify-content: space-between; padding-bottom: 50px; gap:60px;} #footer .foot_inner .foot_top ul li{font-size: 0.87rem;} #footer .foot_inner .foot_top .f1{display:flex;gap: 10px;align-items:end;} #footer .foot_inner .foot_top .f1 .gray-line {color:#707A83;} #footer .foot_inner .foot_top .f1 .f_logo{} #footer .foot_inner .foot_top .f1 .logo-text{font-weight: 600; color: #303030;} #footer .foot_inner .foot_top .f1 .f_logo a{} #footer .foot_inner .foot_top .f1 .f_logo a img{max-width:125px;} #footer .foot_inner .foot_top .f1 p{color: #000 ;font-size: 15px; font-weight: 500; line-height: 1.6; margin: 15px 0 30px;} #footer .foot_inner .foot_top .f1 a.join_now{ display: inline-block; background-color: #222; color: #fff; font-size: 14px; font-weight: 500; padding: 15px 25px;} #footer .foot_inner .foot_top .f2{display: flex;align-items:start;gap:clamp(20px, 2vw, 50px);} #footer .foot_inner .foot_top .f2 .f2-line {background-color:#707A83; height:90%; width: 1px;padding-top:3px;} #footer .foot_inner .foot_top .f2 .f2-title {color: #303030; font-size: clamp(16px, 1vw, 20px) !important; font-weight: 600; } #footer .foot_inner .foot_top .f2 h5{color: #303030; font-size: 24px; font-weight: 700; margin-bottom: 8px;} #footer .foot_inner .foot_top .f2 ul{display: flex; gap: 0 7px;} #footer .foot_inner .foot_top .f2 ul li{position: relative; padding-right: 8px; color: #303030; font-size: clamp(10px,1vw,12px);line-height: 20px; font-weight: 500;} #footer .foot_inner .foot_top .f2 h6{color: #222222; font-size: 22px; font-weight: 500; margin-bottom: 6px;} #footer .foot_inner .foot_top .f3, #footer .foot_inner .foot_top .f4, #footer .foot_inner .foot_top .f5{ max-width: 154px; width: 100%;} #footer .foot_inner .foot_top .f6{max-width: 60px; width: 100%;} #footer .foot_inner .foot_top .f3 ul{} #footer .foot_inner .foot_top .f3 ul li{} #footer .foot_inner .foot_top .f3 ul li a{} #footer .foot_inner .foot_top .f4{} #footer .foot_inner .foot_top .f4 h4{} #footer .foot_inner .foot_top .f4 ul{} #footer .foot_inner .foot_top .f4 ul li a{} #footer .foot_inner .foot_top .f5{} #footer .foot_inner .foot_top .f5 h4{} #footer .foot_inner .foot_top .f5 ul{} #footer .foot_inner .foot_top .f5 ul li{} #footer .foot_inner .foot_top .f5 ul li a{} #footer .foot_inner .foot_top .f6{} #footer .foot_inner .foot_top .f6 h4{} #footer .foot_inner .foot_top .f6 ul{} #footer .foot_inner .foot_top .f6 ul li{} #footer .foot_inner .foot_top .f6 ul li a{} #footer .foot_inner .foot_bottom{ border-top: 1px solid #707A83; padding: 16px 0 72px !important; } #footer .foot_inner .foot_bottom .sns-mob{display:none} #footer .foot_inner .foot_bottom .inner{ display:flex; justify-content: space-between;} #footer .foot_inner .foot_bottom .bottom-left {width: 60%;} #footer .foot_inner .foot_bottom .bottom-right {width: 40%; text-align:right;color: #303030;font-size: 0.8rem;font-weight: 500;} #footer .foot_inner .f_info li{position: relative; padding-right: 20px;} #footer .foot_inner .f_info li:last-child::after{display: none;} #footer .foot_inner .f_info li::after{content: ""; display: block; width: 1px; height: 10px; background-color: #707A83; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .foot_inner .f_menu{display: flex; gap: 20px; justify-content:center;} #footer .foot_inner .f_menu li{position: relative; padding-right: 20px;} #footer .foot_inner .f_menu li:last-child::after{display: none;} #footer .foot_inner .f_menu li:nth-child(4)::after {display: none;} #footer .foot_inner .f_menu li::after{content: ""; display: block; width: 1px; height: 10px; background-color: #707A83; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .foot_inner .f_menu li a{color: #303030; font-size: 0.8rem;display: block; font-weight: 700;} #footer .foot_inner .foot_bottom ul.f_info{display: flex; width: 70%; flex-wrap: wrap; gap: 5px 14px; margin-bottom: 25px;} #footer .foot_inner .foot_bottom ul.f_info :is(li,a){color: #303030; font-size: 0.8rem; font-weight: 500;} #footer .f-right { width: 50%;display: flex; flex-direction: column; justify-content: space-between;} #footer .f-right .right-top {display: flex; justify-content: end; gap: 40px; } #footer .f-right .right-bottom {align-self: flex-end; display:flex; gap:16px;} @media (max-width:1920px){ #footer .foot_inner .foot_top{gap: 30px;} } @media (max-width:1280px){ #footer .foot_inner .foot_top{padding: 48px 0 16px;} #footer .foot_inner .foot_top .f2 {flex-direction:column;} #footer .foot_inner .foot_top .f2 .f2-line {display:none;} #footer .foot_inner .foot_top .cs-box {display:flex;gap: clamp(30px, 3vw, 40px); width: 100%;} #footer .foot_inner .foot_top .cs-box h5 {margin-bottom:0px;} #footer .foot_inner .foot_top .cs-box span{display:flex; flex-direction:column; justify-content:space-between;} #footer .foot_inner .foot_top .footer_left {padding-bottom:0px; gap:40px;} #footer .foot_inner .foot_top .footer_left .bank{font-size:0.8rem;} #footer .foot_inner .foot_top>div li { margin-bottom: 0px; } #footer .foot_inner .foot_top .f2 h5{font-size: 1.5rem; } #footer .foot_inner .foot_bottom {padding: 16px 0 48px !important;} } @media (max-width:1024px){ #footer .f-right { width: 100%; display:none; } #footer .foot_inner .foot_bottom .inner { flex-direction: column;justify-content:start;} #footer .foot_inner .foot_bottom .bottom-right{ text-align: left; } #footer .foot_inner .foot_bottom .sns-mob{display:flex; gap:10px; justify-content:center;padding-top: 6px; } #footer .foot_inner .foot_top .footer_left {width: 100%; } #footer {padding:0px;} #footer .foot_inner .foot_bottom .bottom-left, #footer .foot_inner .foot_bottom .bottom-right { width: 100%; } #footer .foot_inner .f_menu {margin-top: 40px;} #footer .foot_inner .foot_bottom ul.f_info {margin-bottom: 0px;} #footer .foot_inner .foot_bottom ul.f_info {gap: 4px 14px;} #footer .m-pt-2 {padding-top: 0px;} #footer .m-none {display:none !important;} } @media (max-width:786px){ #footer .foot_inner .foot_bottom ul.f_info{width: 100%; gap: 0px 4px; } #footer .foot_inner { padding: 0 5%; } #footer .foot_inner .foot_top { flex-direction: column; gap: 50px; } #footer .foot_inner .foot_top .f1 { width: 100%; } #footer .foot_inner .foot_top .f2 { width: 100%; } #footer .foot_inner .f_info li { padding-right: 4px;} #footer .m-pt-2 { padding-top: 0px; } #footer .foot_inner .foot_bottom .sns-mob{padding-bottom: 20px;} } /* BASIC css end */