/* BASIC css start */ #footer{background-color: #f8f8f8; width: 100%; margin-top: 90px;} #footer .foot_inner{width: 1500px; margin: 0 auto;} #footer .foot_inner>div{} #footer .foot_inner .foot_top{display: flex; justify-content: space-between; padding: 70px 0 95px;} #footer .foot_inner .foot_top>div{} #footer .foot_inner .foot_top>div h4{color: #272727; font-size: 15px;font-family: 'Noto Sans KR', sans-serif; font-weight: 600 ; margin-bottom: 20px;} #footer .foot_inner .foot_top>div li{font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px;} #footer .foot_inner .foot_top>div li a{font-family: 'Noto Sans KR', sans-serif;color: #707070; font-size: 13px; font-weight: 400;} #footer .foot_inner .foot_top .f1{width: 25%;} #footer .foot_inner .foot_top .f1 .f_logo{} #footer .foot_inner .foot_top .f1 .f_logo a{} #footer .foot_inner .foot_top .f1 .f_logo a img{} #footer .foot_inner .foot_top .f1 p{font-family: 'Montserrat', sans-serif; color: #000 ;font-size: 14px; font-weight: 500; line-height: 1.6; margin: 15px 0 30px;} #footer .foot_inner .foot_top .f1 a.join_now{font-family: 'Montserrat', sans-serif; display: inline-block; background-color: #222; color: #fff; font-size: 14px; font-weight: 500; padding: 15px 25px;} #footer .foot_inner .foot_top .f1 a.join_now:hover { background-color:#192172; color:#fff; border:0px solid #fff;} #footer .foot_inner .foot_top .f2{width: 25%;} #footer .foot_inner .foot_top .f2 h5{font-family: 'Montserrat', sans-serif; color: #222222; font-size: 17px; font-weight: 600; margin-bottom: 0px;} /* color: #192172; */ #footer .foot_inner .foot_top .f2 ul{display: flex; gap: 0 7px;} #footer .foot_inner .foot_top .f2 ul li:first-child::after{ content: ""; display: block; width: 1px; height: 10px; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .foot_inner .foot_top .f2 ul li{font-family: 'Montserrat', sans-serif; position: relative; padding-right: 8px; color: #707070; font-size: 13px; font-weight: 500;} #footer .foot_inner .foot_top .f2 h6{font-family: 'Montserrat', sans-serif;color: #222222; font-size: 20px; font-weight: 500; margin-top: 20px; margin-bottom: 0px;} #footer .foot_inner .foot_top .f2 h7{font-family: 'Montserrat', sans-serif; color: #222222; font-size: 17px; font-weight: 600; margin-bottom: 0px;} /* color: #192172; */ #footer .foot_inner .foot_top .f3{} #footer .foot_inner .foot_top .f3 h4{} #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{} #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 #dcdcdc; padding: 40px 0 80px;} #footer .foot_inner .foot_bottom ul.f_menu{display: flex; margin-bottom: 15px; gap: 14px;} #footer .foot_inner .foot_bottom ul.f_menu li{position: relative; padding-right: 15px;} #footer .foot_inner .foot_bottom ul.f_menu li:last-child::after{display: none;} #footer .foot_inner .foot_bottom ul.f_menu li::after{content: ""; display: block; width: 1px; height: 10px; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} #footer .foot_inner .foot_bottom ul.f_menu li a{color: #8a8a8a; font-size: 13px;display: block; font-weight: 500;font-family: 'Noto Sans KR', sans-serif;} #footer .foot_inner .foot_bottom ul.f_info{display: flex; width: 60%; flex-wrap: wrap; gap: 5px 14px;} #footer .foot_inner .foot_bottom ul.f_info :is(li,a){color: #8a8a8a; font-size: 13px; font-weight: 500;font-family: 'Noto Sans KR', sans-serif;} /* 페이지up */ .btnTop {display:none;position:fixed;z-index: 99;right: 15px;bottom:20px;} .btnTop a {display:block;width: 45px;height: 45px;line-height: 45px;text-align:center;border-radius:50%;background: #2c2c2c;} .btnTop a:hover { opacity:0.8; } .btnTop a.pageTop { } /* 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 {position: relative;width: 17rem;padding: 0; margin-left:-542px; margin-top:140px;} .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 */