@charset "UTF-8";

.footer-wrap{position: fixed;left: 0;bottom: 0;width: 100%;/*padding:245px 0 10px;*/text-align: center;background: #f3f3f3;z-index: 5;}
.footer-wrap.point{z-index: 9;}
.footer{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);margin:0 auto;}
.footer h5{font-size: 24px;color: #282828;letter-spacing: 10px;font-weight: 800;}
.footer .quick-link{margin-top: 35px;display: flex;justify-content: space-evenly;}
.footer .quick-link li{display: inline-block;width:120px;}
.footer .quick-link li a{position: relative;z-index: 1;display: block;padding-top: 130px;font-size: 14px;color: #303030;font-family: 'Pretendard';font-weight: 600;letter-spacing: -2px;}
.footer .quick-link li a:before{position: absolute;top: 0;left: 0;z-index: 10;display: block;content: "";width: 120px;height: 120px;border-radius: 120px;background-color: #fff;}
.footer .quick-link li a span{position: absolute;top: calc(50% - 14px);left: 50%;z-index: 10;transform: translate(-50%, -50%);text-indent: -999999px;background: #000;}
.footer .quick-link .benefit{width: 55px;height: 37px;background: url("/images/ico/icon-f-quik1.png")no-repeat center;}
.footer .quick-link .picked{width: 58px;height: 37px;background: url("/images/ico/icon-f-quik2.png")no-repeat center;}
.footer .quick-link .store{width: 55px;height: 42px;background: url("/images/ico/icon-f-quik3.png")no-repeat center;}
.footer .quick-link .inform{width: 55px;height: 53px;background: url("/images/ico/icon-f-quik4.png")no-repeat center;}
.footer .quick-link .app{width: 59px;height: 60px;background: url("/images/ico/icon-f-quik5.png")no-repeat center;}
.footer .quick-link .pay{width: 48px;height: 56px;background: url("/images/ico/icon-f-quik6.png")no-repeat center;}
.footer .quick-link .attend{width: 44px;height: 52px;background: url("/images/ico/icon-f-quik7.png")no-repeat center;}

.footer .footer-con{position: relative;z-index: 1;padding: 45px 130px 45px 160px;text-align: left;}
.footer .footer-con .footer-logo{position: absolute; top: 60px;left: 5px;width: 107px;height: 68px;text-indent: -999999px;background: url("/images/img/logo-f-shoeMarker.png")no-repeat;}
.footer .footer-con .footer-btn a{margin-left: 10px;font-size: 13px;color: #909090;font-family: 'Pretendard';font-weight: 600;letter-spacing: -.5px;}
.footer .footer-con .footer-btn a:first-child{margin:0;}
.footer .footer-con .footer-btn .privacy{position:relative; z-index:1; color: #282828;}
.footer .footer-con .footer-btn .privacy:after{content:'';display:block;position:absolute;top:0;right:-7px;width:4px;height:4px;border-radius:4px;background-color:#ff201b;}
.footer .footer-con .footer-info{margin-top: 15px;}
.footer .footer-con .footer-info li{position: relative;z-index: 1;display: inline;margin-left: 8px;padding-left: 12px;font-size: 12px; color: #909090;line-height:18px;font-family: 'Pretendard';font-weight: 500;}
.footer .footer-con .footer-info li:before{position: absolute;top: 0;left: 0;z-index: 10;display: block;content: "|";font-size: 14px; color: #909090;font-family: 'Pretendard';font-weight: 500;}
.footer .footer-con .footer-info li:first-child{margin: 0;padding: 0;}
.footer .footer-con .footer-info li:first-child:before{display: none;}
.footer .footer-etc{display:block; position:absolute; top:58px; right:0;text-align: right;}
.footer .footer-etc a{display: inline-block;width: 35px;background: #000;}
.footer .footer-etc a:first-child{height: 35px; width:140px; background: url("/images/ico/icon-cz.png")no-repeat center center;}
.footer .footer-etc a:nth-child(2){height: 36px;margin-left: 12px;background: url("/images/ico/sns_icon_ins.png")no-repeat center center;}
.footer .footer-etc a:nth-child(3){height: 36px;margin-left: 12px;background: url("/images/ico/sns_icon_blog.png")no-repeat center center;}

/* 10/02 추가 */
.footer-cscenter{margin-top:60px; padding:32px 0 35px; background-color:#ececec;}
.footer-cscenter .inner{overflow:hidden; text-align:left;}
.footer-cscenter .inner .cscenter-info{display:inline-block; text-align:left;}
.footer-cscenter .inner .cscenter-info p{font-size:24px; color:#282828; line-height:36px;  font-weight: 400; letter-spacing:5px;}
.footer-cscenter .inner .cscenter-info p strong{ font-weight: 800;}
.footer-cscenter .inner .cscenter-info p span{font-size:18px; line-height:36px;  font-weight: 800; vertical-align:middle; letter-spacing:2px;color: #d4221e;}
.footer-cscenter .inner .cscenter-info ul{margin-top:15px;}
.footer-cscenter .inner .cscenter-info ul li{font-size:14px; color:#767676; line-height:22px; font-family: 'Pretendard';font-weight: 500;letter-spacing: -.5px;}
.footer-cscenter .inner .service-join-confirm{float:right; padding-top:6px;text-align:right;}
.footer-cscenter .inner .service-join-confirm p{padding: 6px 0 0 115px; background:url('/images/ico/ic-footer-logo-toss.png') left top 5px no-repeat; font-size:14px; color:#767676; line-height:22px; font-family: 'Pretendard';font-weight: 500;text-align: left;letter-spacing: -.5px; text-align: right;}
.footer-cscenter .inner .service-join-confirm a{font-size:14px; color:#000; line-height:22px; font-family: 'Pretendard';font-weight: 500;text-decoration:underline;letter-spacing: -.5px;}

/*250808*/
.footer-cscenter .inner .cscenter-info p button {vertical-align: middle;color: #282828; line-height: 28px; border: 1px solid; padding: 0 8px; font-size:13px; background-color: #ffffff; margin-left: 16px;}