/* BASIC css start */
#footer{background-color: #f6f6f6; padding: 60px 0 40px; margin: 50px auto 0; width: 100%; min-width: 320px; max-width: 850px;}
#footer :is(li,li a){}
#footer>div{}
#footer>div .foot_inner{padding: 0 5%;} 
#footer .foot_top{} 
#footer .foot_top .foot_inner{} 
#footer .foot_top .foot_inner .f_logo{} 
#footer .foot_top .foot_inner .f_logo a{display: block;} 
#footer .foot_top .foot_inner .f_logo a img{max-width: 170px;} 
#footer .foot_top .foot_inner p.f_cont{color: #272727; font-size: 14px; font-weight: 500;font-family: 'Montserrat', sans-serif; line-height: 1.5; margin: 13px 0;} 
#footer .foot_top .foot_inner a.joinnow{margin-bottom: 50px; font-family: 'Montserrat', sans-serif; font-size: 11px; color: #fff; display: inline-block; background-color: #192172; padding: 10px 20px; font-weight: 400;} 
#footer .foot_top .foot_inner h5{font-family: 'Montserrat', sans-serif;color: #192172; font-size: 20px; font-weight: 700; margin-bottom: 3px; line-height:25px;}
#footer .foot_top .foot_inner h7{font-family: 'Montserrat', sans-serif;color: #464545; font-size: 20px; font-weight: 700; margin-bottom: 3px; line-height:25px;} 
#footer .foot_top .foot_inner ul.cs{display: flex;}  
#footer .foot_top .foot_inner ul.cs li{ font-family: 'Montserrat', sans-serif;color: #707070; font-size: 12px; font-weight: 500;} 
#footer .foot_top .foot_inner :is(ul.cs, ul.bank) li:first-child{padding-right: 10px; margin-right: 10px; position: relative;}
#footer .foot_top .foot_inner :is(ul.cs, ul.bank) li:first-child::after{background-color: #d2d2d2; content: ""; display: block; width: 1px; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#footer .foot_top .foot_inner h6{ margin-bottom: 3px;margin-top: 20px; font-family: 'Montserrat', sans-serif; font-size: 17px;color: #222222; font-weight: 600;} 
#footer .foot_top .foot_inner ul.bank{display: flex;} 
#footer .foot_top .foot_inner ul.bank li{color: #707070; font-size: 12px;font-family: 'Noto Sans KR', sans-serif;} 
#footer .foot_bottom{border-top: 1px solid #dcdcdc; padding-top: 30px; margin-top: 55px;} 
#footer .foot_bottom .foot_inner{} 
#footer .foot_bottom .foot_inner ul :is(li,a){font-family: 'Malgun Gothic';color: #8a8a8a; font-weight: 500; font-size: 11px;} 
#footer .foot_bottom .foot_inner ul.f_menu{display: flex; align-items: center; gap: 20px; } 
#footer .foot_bottom .foot_inner ul.f_menu li{} 
#footer .foot_bottom .foot_inner ul.f_info{margin-top: 15px;display: flex; flex-wrap: wrap; gap: 4px 10px;} 
#footer .foot_bottom .foot_inner ul.f_info li{} 





/* HJ 리뉴얼 231106 */
.family_site select { display: block; border-radius: 1.5rem; border: solid 1px #1954db; width: 22rem; height: 5rem; padding: 0 3rem; color: #1954db; letter-spacing: normal; cursor: pointer; background: url(/design/asianbean/atype/MO_img/icon_down_arrow.png) no-repeat center; background-position-x: 86%; } 
.family_site {width: 22rem;position: relative;width: 17rem;padding: 0 5%;} 
.family_site p {display: flex;align-items: center;border-radius: 1.5rem;border: solid 1px #000;color: #000;letter-spacing: normal;cursor: pointer;position: relative;width: 170px;height: 40px;border-radius: 7.5px;font-size: 14px;margin-top: 2rem;padding: 0 2.35rem;box-sizing: border-box;} 
.family_site p::after { content: ""; background: url(/design/asianbean/atype/MO_img/icon_down_arrow.png) no-repeat center; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 8px; height: 7px; background-size: 0.5rem; } 
.family_site.on p::after { transform: translateY(-50%) rotate(180deg); } 
.family_site .select_box {display: none;padding-top: 9px;} 
.family_site .select_box ul {padding: 19px;background: #fff;border-radius: 1.5rem;box-shadow: 0px 2px 14.7px 0.3px rgba(0, 0, 0, 0.08);height: auto;overflow-y: scroll;} 
.family_site .select_box ul li { line-height: 1; } 
.family_site .select_box ul li + li {padding-top: 18px;} 
.family_site .select_box ul li a { line-height: 1; font-weight: normal; color: rgba(0, 0, 0, 0.7); } 
.family_site.on .select_box {display: block;width: 170px;position: absolute;z-index: 10;} 
/* BASIC css end */

