/* BASIC css start */
#ftWrap{margin:100px 0 0;}
#ftWrap .footer{border-top:1px solid #eaeaea;}

#ftWrap .footerInfoWrap .copy {padding-top: 10px; color:#999; }
#ftWrap .footerInfoWrap {width:1380px; margin:0 auto;}
#ftWrap .footerInfoWrap .title{line-height:1;display:block;padding: 40px 0 7px;font-size: 13px;color: #292929;}
#ftWrap .footerInfoWrap p {line-height:20px; color:#555}
#ftWrap .footerInfoWrap ul:after{content:"";display:block;clear:both;}
#ftWrap .footerInfoWrap .list{float:left; }
#ftWrap .footerInfoWrap .list.info{width: 500px;}
#ftWrap .footerInfoWrap .list.csCenter{padding-right: 120px;}
#ftWrap .footerInfoWrap .list > ul > li { float: left; margin: 20px 5px 0 0;  text-align: center;  }
#ftWrap .footerInfoWrap .list > ul > li span { display:block; width: 48px; height: 48px; background-color: #fff; border: 1px solid #ddd; border-radius:100%; margin-bottom: 3px; }
#ftWrap .footerInfoWrap .list > ul > li span i {line-height: 48px; vertical-align: middle; font-size: 24px; color:#777;  }
#ftWrap .footerInfoWrap .list > ul > li a:hover span { background-color:#bbb; border-color:#bbb; }
#ftWrap .footerInfoWrap .list > ul > li a:hover span i { color:#fff }
#ftWrap .footerInfoWrap .csNumber{font-size: 24px;padding-bottom: 5px;line-height:1;display:block;color: #292929;font-weight: bold;}


#ftWrap .footerNavArea {height:50px;line-height:50px;  width:1200px; margin:0 auto; }
#ftWrap .footerNavArea .footerNav li {float:left;}
#ftWrap .footerNavArea .footerNav li i { font-size: 20px; vertical-align: middle; }
#ftWrap .footerNavArea .footerNav a {/* display:block; */padding: 0 40px 0 0;}

#ftWrap .snsArea { position: relative; right: 0; top: 10px;     float: right; }
#ftWrap .snsArea li {float:left;}
#ftWrap .snsArea .snslink {display:block;padding: 0 0 0 8px;}
#ftWrap .snsArea .snslink span {display:block;background-color: #eaeaea;border-radius: 30px;width: 30px;height: 30px;text-align: center;}
#ftWrap .snsArea .snslink span i {font-size: 16px;line-height: 28px;}
#ftWrap .snsArea .snslink span:hover { background-color: #ddd; }


#ftWrap .footer-top{padding:50px 0 55px;}
#ftWrap .footer-top .inner{display: flex; justify-content: space-between}
#ftWrap .footer-top .inner > li{flex-basis:50%;}
#ftWrap .footer-top .inner-l .list__wrap{padding:30px 0 0;}
#ftWrap .footer-top .inner-l .list__wrap > li{color:#8c8c8c; font-size:13.5px; font-weight: 500; letter-spacing: -0.2px; padding:14px 0 0;}
#ftWrap .footer-top .inner-l .list__wrap > li:first-of-type{padding:0;}
#ftWrap .footer-top .inner-l .list__wrap .footer-line{display: inline-block; width:1px; height:12px; background:#dedeed; margin:0 11px;}
#ftWrap .footer-top .inner-r{padding:0 70px 0 0;}
#ftWrap .footer-top .inner-r .list__wrap{display: flex; justify-content: flex-end; gap:122px;}
#ftWrap .footer-top .inner-r .list__wrap::after{display: none;}
#ftWrap .footer-top .inner-r .title__wrap h4{color:#222; font-size:14px; font-weight: 700;}
#ftWrap .footer-top .inner-r .txt__wrap h5{color:#222; font-size: 21px; font-weight: 700; letter-spacing: -0.32px; padding:14px 0 0;}
#ftWrap .footer-top .inner-r .txt__wrap > p{color:#8c8c8c; font-size: 13.5px; font-weight: 500; line-height: 1.48; letter-spacing: -0.2px; padding:2px 0 0;}
#ftWrap .footer-top .inner-r .txt__wrap > p:first-of-type{padding: 14px 0 0;}
#ftWrap .footer-top .inner-r .txt__wrap > span{display: inline-block; min-width: 157px; background:#f4f4f4; color:#222; font-size: 13.5px; font-weight: 500; letter-spacing: -0.2px; text-align: center; border-radius: 3px; margin:14px 0 0; padding:7px 0 8px;}


#ftWrap .footer-bot{border-top:1px solid #eaeaea;}
#ftWrap .footer-bot .inner{width: 1380px; margin:0 auto;}
#ftWrap .footer-bot .list__wrap{display: flex; gap:49px;}
#ftWrap .footer-bot .list__wrap a{display:inline-block; color:#222; font-size:13px; font-weight: 700; padding:31px 0;}


.quick__menu{position: fixed; bottom:104px; right:49px; z-index: 10;}
.quick__menu a{display: inline-block; width:56px; height: 56px; border:1px solid #ddd; border-radius: 50%;}
/* BASIC css end */

