/* BASIC css start */ /* ÇÏ´Ü */ #footer { margin-top: 70px; position:relative; width:100%; border-top: 1px solid #ddd; } #footer .footerTop {margin:0 auto;padding: 30px 0 70px 0;position:relative;max-width: 1260px; *zoom:1;width: 100%;display: flex;justify-content: space-between;align-items: flex-start; border-top: 1px solid #e9e9e9;} #footer .footerTop .infoBx { } #footer .footerTop .infoBx h3 { font-size: 14px; font-weight: 400; margin-bottom: 13px;color: #222; } #footer .footerTop .infoBx .tx { line-height:26px;color: #9E9E9E; font-weight: 400;} #footer .footerTop .infoBx .tx span { position: relative; margin-right: 26px; } #footer .footerTop .infoBx .tx span a {padding: 4px 10px; background: #656862;color: #fff;font-weight: 200; margin: 0 0 0 8px;border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;} #footer .footerTop .infoBx .tx span b {color: #1e1f0a;font-weight: 400} #footer .footerTop .infoBx .tx span:after { content:''; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); width: 1px; height: 8px; background: #ddd; } #footer .footerTop .infoBx .tx span:last-child:after { content:unset; } #footer .footerTop .infoBx .copy { margin-top: 25px; font-size: 12px; font-weight:400; color: rgba(158, 158, 158, 0.5);} #footer .linkInfo_top { } /*#footer .footerTop .linkInfo ul { display:flex; gap: 20px; margin-bottom: 25px; } */ #footer .footerTop .footer_left_menu {position: absolute;width: 100%;display: flex; gap: 20px; margin-bottom: 25px;} #footer .footerTop .linkInfo li { position: relative; } #footer .footerTop .linkInfo li:after { content:''; position: absolute; top: 50%; right: -11px; transform: translateY(-50%); width: 1px; height: 8px; background: #ddd; } #footer .footerTop .linkInfo li:last-child:after { content:unset; } #footer .footerTop .linkInfo li a { font-size: 14px; font-weight: 600; color: #222; } #footer .footerTop .linkInfo li a:hover {color: #63a431;} #footer .footerTop .escro {margin-top: 55px; loat: left; } #footer .footerTop .escro {loat: left; display: inline-flex} #footer .footerTop .csInfo {display: inline-block; margin-right: 50px; } #footer .footerTop .csInfo .tel, #footer .footerTop .csInfo .tel a { font-size: 16px; font-weight: 700; margin-bottom: 16px;color: var(--point-color1); } #footer .footerTop .csInfo span {color:#9E9E9E; line-height: 19px;} #footer .footerTop .csInfo .tx { line-height:20px; font-size: 12px; font-weight: 400; } #footer .footerTop .csInfo .bank { font-size: 16px; font-weight: 500; margin-bottom: 7px; } #footer .footerTop .csInfo .bank span { font-size: 16px; font-weight: 500; margin-right: 10px; color: #636363; } #footer .footerTop .escro img {} #footer .linkInfo_top { max-width: 1260px;width: 100%; margin: 20px auto; display: flex; justify-content: space-between; align-items: center; gap: 20px;} #footer .linkInfo_top ul {display: flex; align-items: center; gap: 10px;} #footer .linkInfo_top ul hr {background-color: #c7c6c6; border: none; display: inline-block; height: 9px; margin: 0 8px; width: 1px;} #footer .linkInfo_top li{ display: flex;align-items: center; gap: 20px;float: left;margin-right: 20px; } #footer .linkInfo_top .customer_title {padding: 10px 15px; background: #656862;font-size: 16px; color: #fff;font-weight: 400; margin: 0 0 0 5px; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;letter-spacing:1px; } /*#footer .linkInfo_top .customer_title:hover {background: #63a431;}*/ #footer .linkInfo_top .customer_text {font-size: 14px;} #footer .linkInfo_top .customer_text strong {margin-right: 10px;} #footer .linkInfo_top a { position: relative;} #footer .linkInfo_top a .icon_top_sns_insta::after, #footer .linkInfo_top a .icon_top_sns_cafe::after, #footer .linkInfo_top a .icon_top_sns_pf_kakao::after, #footer .linkInfo_top a .icon_top_sns_youtube::after, #footer .linkInfo_top a .icon_top_sns_tiktok::after { content: ""; display: block;width: 45px; height: 45px;} #footer .linkInfo_top a .icon_top_sns_insta::after {background: url(/design/bccorp2022/images/sns/sns_insta.svg) no-repeat center;} #footer .linkInfo_top a .icon_top_sns_cafe::after {background: url(/design/bccorp2022/images/sns/sns_cafe.svg) no-repeat center;} #footer .linkInfo_top a .icon_top_sns_pf_kakao::after {background: url(/design/bccorp2022/images/sns/sns_pf_kakao.svg) no-repeat center;} #footer .linkInfo_top a .icon_top_sns_youtube::after {background: url(/design/bccorp2022/images/sns/sns_youtube.svg) no-repeat center;} #footer .linkInfo_top a .icon_top_sns_tiktok::after {background: url(/design/bccorp2022/images/sns/sns_tiktok.svg) no-repeat center;} /* Family Site */ .family {position: absolute; right: 0;} .family .dropdown { width: 200px;cursor: pointer; position: relative;} .family .dropdown .title { color: #fff;padding: 10px 20px;text-transform: uppercase; position: relative;background: #1E1F0A;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; transition: all 0.9s !important; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);z-index: 1;} .family .dropdown .title:after {content: '¦¬'; font-family: fontawesome;position: absolute; right: 18px; opacity: 0.5; transition: all 0.5s;} .family .dropdown .title.active:after { transform: rotate(180deg); content: '¦¶'; opacity: 0.5; transition: all 0.5s;} .family .dropdown .sub-navi { position: absolute; list-style: none; padding: 0; margin: 0 0 -20px 0; left: 0; bottom: 100%; width: 100%; display: none; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5); border-radius:20px 20px 0 0 ; -webkit-border-radius:20px 20px 0 0 ; -moz-border-radius: 20px 20px 0 0 ;} .family .dropdown .sub-navi ul{} .family .dropdown .sub-navi li:first-child a{border-radius:20px 20px 0 0 ; -webkit-border-radius:20px 20px 0 0 ; -moz-border-radius: 20px 20px 0 0 ;} .family .dropdown .sub-navi li a {color: #cdcdcd !important; display: block; padding: 10px 12px; background-color: #353535; border-bottom: 1px dashed #525252;} .family .dropdown .sub-navi li:last-child a { border-bottom: 1px solid #393939; padding-bottom: 30px;} .family .dropdown .sub-navi li a:hover { background-color: #2a2a24; color: #63A431 !important;} /* BASIC css end */