/* BASIC css start */ #footer{} #footer .footer-top-nav{border: 2px solid #423f40; border-left-width: 0; border-right-width: 0; padding: 0 1em; margin: 18px 0 0 0;} #footer .footer-top-nav ul:after{clear: both; display: block; content:"";} #footer .footer-top-nav ul li{float: left; width: 24.3333%;text-align: center; height: 12em; overflow: hidden; margin: 1em 0;} #footer .footer-top-nav ul li a span{display: block; text-align: center; padding-top: 6.5em; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em; color:#000;} #footer .footer-top-nav ul li a{display: block; position: relative; text-align: center; height: 100%; padding: 2em 0; box-sizing:border-box;} #footer .footer-top-nav ul li:nth-child(2), #footer .footer-top-nav ul li:nth-child(5){box-sizing:border-box;} #footer .footer-top-nav ul li a .img-thumb{position: relative; position: absolute; top:50%; transform:translateY(-50%); left: 0; width: 100%; text-align: center; margin-top: -2em;} #footer .footer-top-nav ul li a img{display: inline-block; vertical-align: top; box-sizing:border-box; width: 70%;} #footer .footer-store-box{position: relative; background-color: #f7f7f7; padding: 1.5em 1em;} #footer .footer-store-box .footer-store-nav{position: relative;} #footer .footer-store-box .footer-store-nav .section-name{display:block; font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em;} #footer .footer-store-box .footer-store-nav ul{display: inline-block; padding: 1em 0;} #footer .footer-store-box .footer-store-nav ul li{float: left; padding-left: 1.5em; position: relative;} #footer .footer-store-box .footer-store-nav ul li:first-child{padding-left: 0;} #footer .footer-store-box .footer-store-nav ul li:first-child:before{content:""; width: 0px; height: 0px;} #footer .footer-store-box .footer-store-nav ul li:before{content:""; display: block; width: 1px; height: 12px; background-color: #d7d7d7; position: absolute; top:4px; left: 0.75em;} #footer .footer-store-box .footer-store-nav ul li a{font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.25em; color:#000;} #footer .footer-store-box .footer-store-nav ul li a.active{color:#ff0000;} #footer .footer-store-box .more-btn{font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 15px; display: inline-block; border: 1px solid #413e3f; color:#413e3f; position: absolute; top:0; right: 0; padding: 0.35em 0.75em;} #footer .footer-store-box .footer-store-content-wrap{padding: 1em 0;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content:first-child{display: block; color:#000} #footer .footer-store-box .footer-store-content-wrap .footer-store-content{display: none;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content:after{clear: both; display: block; content:"";} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .thumb{width: 100%;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .thumb img{width: 100%;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info{padding: 1em 0;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .store-name{font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 1.5em; line-height: 2em; } #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .address{font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.25em; line-height: 1.5em;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info{} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info ul{padding: 0.75em 0 0;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info ul li{line-height: 1.5em;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info ul li .col-name{display: inline-block; vertical-align: top; font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 1em; font-weight: bold;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info ul li .col-content{display: inline-block; vertical-align: top; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em;} #footer .footer-store-box .footer-store-content-wrap .footer-store-content .store-info .open-close-info .custom-day{line-height: 1.5em; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em;} #footer .footer-center-nav{padding: 1em 15px;} #footer .footer-center-nav ul{text-align: left;} #footer .footer-center-nav ul li{display: inline-block;} #footer .footer-center-nav ul li a{display: block; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 10px; padding: 0.1em 1em; border: 1px solid #898989; color:#898989;} #footer .footer-information{padding: 0 1em;} #footer .footer-information #footer-logo{display: block; text-align: left; padding: 1em 0;font-family: 'notokr-medium', 'Noto Sans KR';font-size: 1.5em;color:#000} #footer .footer-information p{line-height: 2em; font-family: 'notokr-medium', 'Noto Sans KR'; text-align: left;} #footer .footer-information p span{font-family: 'notokr-medium', 'Noto Sans KR'; padding:0 2px; color:#272727 } #footer .footer-information .bank-info-view{margin: 2em 0} #footer .footer-information .bank-info-view .bank-view-btn{font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 13px; border: 1px solid #a1a1a1; padding: 0.75em 0; width: 80%; text-align: center; margin: 0 auto; display: block; color:#000;} #footer .footer-information .social-ico-box{padding: 1.0em 0; text-align: left;} #footer .footer-information .social-ico-box ul{display: inline-block;} #footer .footer-information .social-ico-box ul li:first-child{padding-left: 0;} #footer .footer-information .social-ico-box ul li{float: left; width: 30%;} #footer .footer-information .social-ico-box ul li a{display: block; margin: 0 0.40em;} #footer .footer-information .social-ico-box ul li a img{width: 100%;} /* //하단 고정 메뉴 */ @media screen and (min-width:420px) and (max-width:767px) { #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;} #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;} #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;} #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;} #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;} } @media screen and (min-width:768px) { #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;} #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;} #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;} #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;} #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;} } /* BASIC css end */