/* BASIC css start */
footer { margin-top: 120px; border-top: 2px solid #1e1e1e;}
.site-footer-info {max-width:1260px;width:100%;margin:0 auto;}
.footer-nav {display: flex; align-items: center; gap: 32px;margin: 0 0 30px;padding: 10px 2%;border-bottom: 1px solid #e6e6e6; }
.footer-nav li:last-child a {font-weight:600;}
.footer-nav a { font-size: .875rem; color: #333; text-decoration: none; }
.footer-company { display: flex; gap: 5px; margin: 0 2% 15px 2%;font-size: .813rem; color: #353535; }
.footer-company .name { display: none; }
.footer-company a { color: var(--cw-color-80);}
.footer-company .biz-info {width:50%;background: url(/design/beseller/images/bar_b_10.png) repeat-y 100% 0;vertical-align: top;font-size: 0;}
.footer-company .biz-info h3 {height: 50px;line-height: 45px;margin: 0 0 18px;background: url(/design/beseller/images/bar_r_50.png) no-repeat 2px 100%;font-size: 20px;font-weight: 600;}
.footer-company .biz-info p {}
.footer-company .biz-info p { display: block; padding-right: 8px;line-height: 22px;font-size: 15px;letter-spacing: -0.02em;}
.footer-company .biz-info p strong {display:inline-block; width: 140px;font-weight: normal;color: #aaa;}
.footer-company .biz-info .copyright { padding-top: 4px; color: var(--cw-color-60); }
.footer-support {padding:0 25px;width:50%;}
.footer-support .cs-number { padding-bottom: 4px; }
.footer-support strong { display: block; padding-bottom: 10px; font-size: .813rem; font-weight: 600; }
.footer-support p {line-height: 22px;font-size: 15px;letter-spacing: -0.02em;margin-top: 10px;}
.footer-support .pay_info > strong {height: 50px;line-height: 45px;margin: 0 0 18px;background: url(/design/beseller/images/bar_r_50.png) no-repeat 2px 100%;font-size: 20px;}
.footer-support .pay_info .mColor {background: #1f5eff !important;color: #fff !important;display: inline-block;padding: 2px 8px;border-radius: 4px;line-height: 22px;font-size: 15px;letter-spacing: -0.02em;}
.footer-support .pay_check_btn {margin: 5px 0 30px;}
.footer-cs .cs-number { font-size: .875rem; color: var(--cw-heading-color); font-weight: 700;}
.footer_ico ul li {display: inline-block;width: 60px;margin: 0 5px 5px 0;}
.footer_ico ul li a img {width:100%;}
.-btn.-white, .-btn.-white:link, .-btn.-white:visited {
color: #555;
border: 1px solid #ebebeb;
border-bottom-color: #c6c6c6;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
text-shadow: 0 0 2px rgba(255, 255, 255, 1);
background: #fff;
background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0 );
}
footer .footer_end {display: block;position: relative;height: 45px;line-height: 45px;margin: 30px 0 0;background: #1e1e1e;font-family: 'Roboto';font-size: 11px;text-align: center;color: #fff;letter-spacing: 0.02em;}
footer .footer_end .copyright {float: left;padding: 0 0 0 10px;}
footer .footer_end .footer_end_inner {width: 100%;max-width: 1260px;margin: 0 auto;}
@media (max-width: 1200px) {
.footer-company .biz-info p:nth-child(3) span {width: calc(100% - 145px);display: inline-block;}
}
/* 태블릿 */
@media (min-width: 768px) and (max-width: 991.98px) {
footer {}
.footer-container { padding: 61px 16px; flex-direction: column; align-items: start; margin-bottom: 60px; }
.footer-nav { grid-column: 1; grid-row: 1; gap: 28px; }
.footer-company { grid-column: 1; grid-row: 3; padding-top: 24px; gap: 0; }
.footer-company .biz-info {transition: all 0.3s ease; font-size: .75rem; }
.footer-company.name.on+.biz-info { display: block; }
.footer-company .name { display: flex; width: auto; max-width:360px; padding: 0 20px 10px 0; color: var(--cw-heading-color); font-weight: 600; cursor: pointer; }
.footer-company .name .ico-arrow { width: 12px; height: 13px; padding-right: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M2.5 5.47559L6 8.97559L9.5 5.47559' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 3px; }
.footer-company .name.on .ico-arrow { background: url("data:image/svg+xml;utf8,") no-repeat right 3px; }
.footer-sns { margin-top: 20px; }
.footer-support { grid-column: 1; grid-row: 2; flex-direction: column; gap: 28px; padding-top: 28px; margin-left: 0; }
.footer-support .cs-number { display: block; font-weight: 600; }
.footer-support strong { padding-bottom: 6px; }
.footer-support p { display: inline-block; font-size: .75rem; }
.footer-support p:not(:first-child):not(:last-child)::after { content: '/'; margin: 0 4px 0 2px; }
}
/* 모바일 */
@media (max-width: 767.98px) {
footer {}
.footer-container { padding: 61px 16px; flex-direction: column; align-items: start; margin-bottom: 60px; }
.footer-nav { grid-column: 1; grid-row: 1; gap: 5px 20px; flex-wrap: wrap;justify-content: center;margin: 0; }
.footer-nav a {}
.footer-company {flex-direction: column; grid-column: 1; grid-row: 3; padding-top: 24px; gap: 0; }
.footer-company .biz-info {width: 100%;transition: all 0.3s ease; font-size: .75rem;background: none; }
.footer-company.name.on+.biz-info { display: block; }
.footer-company .name { display: flex; width: auto; max-width:360px; padding: 0 20px 10px 0; color: var(--cw-heading-color); font-weight: 600; cursor: pointer; }
.footer-company .name .ico-arrow { width: 12px; height: 13px; padding-right: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M2.5 5.47559L6 8.97559L9.5 5.47559' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 3px; }
.footer-company .name.on .ico-arrow { background: url("data:image/svg+xml;utf8,") no-repeat right 3px; }
.footer-sns { margin-top: 20px; }
.footer-support {width: 100%; grid-column: 1; grid-row: 2; flex-direction: column; gap: 28px; padding-top: 28px; margin-left: 0;padding-left: 0; }
.footer-support .cs-number { display: block; font-size: .813rem; }
.footer-support strong { padding-bottom: 6px; }
.footer-support p { display: inline-block;}
.footer-support p:not(:first-child):not(:last-child)::after { content: '/'; margin: 0 4px 0 2px; }
}
@media (max-width: 540px) {
.footer_ico ul li {width:20%;}
.footer-support .pay_check_btn a {font-size:11px;padding: 2px 14px;}
}
/* BASIC css end */