@charset "utf-8";

.l-footer a {
    text-decoration: none;
}

/* scroll-content */

.l-footer .scroll-content {
}

.l-footer .scroll-element {
    opacity: 0.5;
}

.l-footer .scroll-element:hover {
    opacity: 1;
}

/* l-banner-11001 */

.l-banner-11001:not(.active) {
    display: none;
}

.l-banner-11001 {
    border-top: 1px solid var(--t-color-11001);
    border-bottom: 1px solid var(--t-color-11001);
    background-color: var(--t-color-11002);
}

.l-banner-11001 .wrap {
    width: var(--main-width);
    margin: auto;
}

.l-banner-11001 .wrap > ul {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 5px;
}

.l-banner-11001 .wrap > ul > li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.l-banner-11001 .wrap > ul > li {
    position: relative;
    margin-right: 10px;
}

.l-banner-11001 .wrap > ul > li > img {
    max-width: 160px;
    max-height: 50px;
}

.l-banner-11001 .wrap > ul > li > a {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* footer-menu-a */

.l-footer .footer-menu-a {
    height: 43px;
    border-top: 1px solid var(--t-color-11007);
    border-bottom: 1px solid var(--t-color-11007);
    background-color: var(--t-color-11008);
}

.l-footer .footer-menu-a .wrap {
    width: var(--main-width);
    height: 43px;
    display: flex;
    align-items: center;
    margin-top: -1px;
    margin-left: auto ;
    margin-right: auto ;
    border-top: 1px solid var(--t-color-11005);
    border-bottom: 1px solid var(--t-color-11005);
    background-color: var(--t-color-11006);
}

.l-footer .footer-menu-a .wrap.right {
    justify-content: space-between;
}

.l-footer .footer-menu-a .wrap.center {
    justify-content: center;
    white-space: nowrap;
}

.l-footer .footer-menu-a .wrap.center .notice {
    display: none;
}

.l-footer .footer-menu-a .notice {
    width: 364px;
    height:32px;
    position:relative;
    cursor: pointer;
}

.l-footer .footer-menu-a .notice > a {
    display:block;
    position:absolute;
    left:0;
    top:calc(50% - 17px);
    width:34px;
    height:32px;
    /*background-position:-300px 0px;*/
}
.l-footer .footer-menu-a .notice .swiper-container {
    margin-left: 10px;
}
.l-footer .footer-menu-a .notice .swiper-wrapper {
    position:relative;
    height:32px;
}
.l-footer .footer-menu-a .notice li {
    display: flex;
    align-items: center;
}
.l-footer .footer-menu-a .notice li a {
    max-width: 299px;
    position:relative;
    display:inline-flex;
    align-items:center;
}
.l-footer .footer-menu-a .notice li p {
    max-width: 299px;
    position:relative;
    display:inline;
    vertical-align:middle;
    font-family: '굴림';
    line-height: 1;
    font-size: 12px;
    color: var(--t-color-11015);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.l-footer .footer-menu-a .notice:hover li p .ar-title{
    text-decoration: underline;
    text-underline-position: under;
}
.l-footer .footer-menu-a .notice li .ar-ct {
    color: var(--t-color-11014);
    margin-right: 4px;
}

.l-footer .footer-menu-a .wrap .notice {
    width: 364px;
    height: 32px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 10px;
}

.l-footer .footer-menu-a .wrap .notice .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 14px;
    font-weight: bold;
    font-family: '돋음';
    line-height: 14px;
    font-size: 11px;
    color: #FFFFFF;
    background-color: var(--t-color-11016);
    border-radius: 3px;
}

.l-footer .footer-menu-a .wrap .menu {
    position: relative; display: flex; align-items: center;
}

.l-footer .footer-menu-a .wrap .menu ul {
    position: relative;
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(1) .text {
    padding: 15px 20px;
    color: var(--t-color-11003);
}

.l-footer .footer-menu-a .wrap .menu .svg-arrow2 {
    width: 5px;
    height: 3px;
    margin-left: 5px;
    fill: var(--t-color-11003);
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(1) .text:hover {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    color: var(--t-color-11004);
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(1) .text:hover .svg-arrow2{
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    fill: var(--t-color-11004);
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(2) {
    display: none;
    z-index: 2;
    position: absolute;
    top: 35px;
    left: 7px;
    border: 1px solid var(--t-color-11013);
    background-color: var(--t-color-11011);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 25%);
}

.l-footer .footer-menu-a .wrap .menu ul:hover li:nth-child(2) {
    display: block;
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(2) > div {
    min-width: 74px;
    height: 11px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    white-space: nowrap;
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(2) > div:nth-child(n+2) {
    height: 10px;
    border-top: 1px solid var(--t-color-11012);
}

.l-footer .footer-menu-a .wrap .menu .text {
    display: flex;
    align-items: center;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 13px;
    font-size: 14px;
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(2) .text {
    width: 100%;
    line-height: 11px;
    font-size: 13px;
    color: var(--t-color-11009);
}

.l-footer .footer-menu-a .wrap .menu ul li:nth-child(2) .text:hover {
    color: var(--t-color-11010);
}

/* info */

.l-footer .info {
    background-color: var(--t-color-11026);
}

.l-footer .info .wrap {
    width: var(--main-width);
    height: 184px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 30px 0;
}

.l-footer .info.w1000 .wrap {
    width: 1350px;
}

.l-footer .info.w1100 .wrap {
    width: 1150px;
}

.l-footer .info .wrap > div {
    width: calc((100% - 150px) / 4);
    position: relative;
    display: flex;
    flex-direction: column;
}

.l-footer .info .wrap > div:nth-child(n+2):before {
    content: '';
    position: absolute;
    left: -25px;
    height: 100%;
    border-left: 1px solid var(--t-color-11025);
}

.l-footer .info .wrap .box {
    width: 60px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    color: var(--t-color-11021);
    background-color: var(--t-color-11022);
    border-radius: 10px;
    text-align: center;
    margin-right: 10px;
}

.l-footer .info .wrap .tel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* info tel */
.l-footer .info .wrap .tel .title {
    display: flex;
    height: 12px;
}

.l-footer .info .wrap .tel .title p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 16px;
    line-height: 1;
    margin-top: -2px;
    color: var(--t-color-11017);
}

.l-footer .info .wrap .tel .tel-num {
    margin-top: 11px;
}

.l-footer .info .wrap .tel .tel-num p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 36px;
    line-height: 1;
    color: var(--t-color-11018);
}

.l-footer .info .wrap .tel .tel-num.type-2 p {
    letter-spacing: -1px;
}

.l-footer .info .wrap .tel .work-time {
    margin-top: 6px;
}

.l-footer .info .wrap .tel .work-time p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 14px;
    line-height: 1.3;
    color: var(--t-color-11018);

    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;

}

.l-footer .info .wrap .tel .fax {
    display: flex;
    align-items: center;
}

.l-footer .info .wrap .tel .fax p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1;
    color: var(--t-color-11019);
}

.l-footer .info .wrap .tel .email {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.l-footer .info .wrap .tel .email p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1;
    color: var(--t-color-11019);
}

/* info bank */

.l-footer .info .wrap .bank {
    height: 100%;
}

.l-footer .info .wrap .bank .title {
    height: 12px;
    display: flex;
    justify-content: space-between;
}

.l-footer .info .wrap .bank .title p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 16px;
    line-height: 1;
    margin-top: -2px;
    color: var(--t-color-11017);
}

.l-footer .info .wrap .bank .swiper-container {
    height: 100%;
    margin: 13px 0 0 0;
}

.l-footer .info .wrap .bank .swiper-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.l-footer .info .wrap .bank .swiper-pagination {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.l-footer .info .wrap .bank .swiper-pagination span {
    width: 8px;
    height: 12px;
    position: relative;
}

.l-footer .info .wrap .bank .swiper-pagination span:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    top: 4px;
    left: 2px;
    background-color: var(--t-color-11024);
    border-radius: 3px;
}

.l-footer .info .wrap .bank .swiper-pagination span.active:before {
    background-color: var(--t-color-11023);
}

.l-footer .info .wrap .bank .bank-num {
    height: 40px;
    display: flex;
    align-items: center;
}

.l-footer .info .wrap .bank .bank-num p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 20px;
    line-height: 1;
    color: var(--t-color-11018);
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1px;
}

.l-footer .info .wrap .bank .description {
    background-color: var(--t-color-11028);
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 8px;
}

.l-footer .info .wrap .bank .description p {
    font-size: 11px;
    line-height: 1.4;
    color: var(--t-color-11027);
}

.l-footer .info .wrap .bank .code {
    display: flex;
    align-items: center;
}

.l-footer .info .wrap .bank .code p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1;
    color: var(--t-color-11019);
}

.l-footer .info .wrap .bank .holder {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.l-footer .info .wrap .bank .holder p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1;
    color: var(--t-color-11019);
}

/* info service */

.l-footer .info .wrap .service .title {
    height: 12px;
    margin-bottom: 22px;
}

.l-footer .info .wrap .service .title p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 16px;
    line-height: 1;
    margin-top: -2px;
    color: var(--t-color-11017);
}

.l-footer .info .wrap .service .type-2 {
    display: flex;
}

.l-footer .info .wrap .service .type-3 {
    display: flex;
}

.l-footer .info .wrap .service ul {
    width: 100%;
}

.l-footer .info .wrap .service .type-2 > div {
    width: 50%;
}

.l-footer .info .wrap .service .type-2 ul {
    position: relative;
}

.l-footer .info .wrap .service ul li.group {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: var(--t-color-11038);
    border: 1px solid var(--t-color-11040);
    box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 25%);
}

.l-footer .info .wrap .service ul:hover li.group {
    display: block;
}

.l-footer .info .wrap .service ul li.group > div {
    min-width: 74px;
    height: 11px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    white-space: nowrap;
}

.l-footer .info .wrap .service ul li.group > div:nth-child(n+2) {
    border-top: 1px solid var(--t-color-11039);
}

.l-footer .info .wrap .service ul li a {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
}

.l-footer .info .wrap .service ul li p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1.2;
    color: var(--t-color-11029);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l-footer .info .wrap .service .type-3 p {
    color: var(--t-color-11029);
}

.l-footer .info .wrap .service .type-3 p:nth-child(1) {
    width: calc(100% - 41px);
}

.l-footer .info .wrap .service .type-3 p:nth-child(2) {
    width: 41px;
    text-align: end;
}

.l-footer .info .wrap .service ul li svg {
    width: 5px;
    height: 3px;
    margin-bottom: 4px;
    margin-left: 5px;
    fill: var(--t-color-11029);
}

.l-footer .info .wrap .service ul li:not(.group):hover p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    color: var(--t-color-11030);
}

.l-footer .info .wrap .service .type-3 ul li:not(.group):hover p {
    color: var(--t-color-11030);
}

.l-footer .info .wrap .service ul li:not(.group):hover svg {
    fill: var(--t-color-11030);
}

.l-footer .info .wrap .service ul .group > div p {
    color: var(--t-color-11036);
}

.l-footer .info .wrap .service ul .group > div:hover p {
    color: var(--t-color-11037);
}

/* info support */

.l-footer .info .wrap .support .title {
    height: 12px;
    margin-bottom: 9px;
}

.l-footer .info .wrap .support .title p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 16px;
    line-height: 1;
    margin-top: -2px;
    color: var(--t-color-11017);
}

.l-footer .info .wrap .support .list-wrap {
    display: flex;
}

.l-footer .info .wrap .support .list-wrap > div {
    width: calc((100% - 4px) / 3);
    height: 80px;
    border: 1px solid var(--t-color-11033);
    background-color: var(--t-color-11034);
    cursor: pointer;
}

.l-footer .info .wrap .support .list-wrap > div:nth-child(n+2) {
    border-left: 0;
}

.l-footer .info .wrap .support .list-wrap.depth-2 > div {
    border-top: 0;
}

.l-footer .info .wrap .support .list-wrap > div a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.l-footer .info .wrap .support .list-wrap > div p {
    margin-bottom: 15px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 1;
    color: var(--t-color-11019);
}

.l-footer .info .wrap .support .list-wrap > div:hover {
    background-color: var(--t-color-11035);
}

.l-footer .info .wrap .support .list-wrap > div:hover p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    color: var(--t-color-11020);
}

.l-footer .info .wrap .support .support-order {width: 24px; height: 24px; margin-top: 19px;}
.l-footer .info .wrap .support .support-qna {width: 24px; height: 21px; margin-top: 21px;}
.l-footer .info .wrap .support .support-join {width: 22px; height: 22px; margin-top: 21px;}
.l-footer .info .wrap .support .support-notice {width: 24px; height: 22px; margin-top: 20px;}
.l-footer .info .wrap .support .support-faq {width: 24px; height: 24px; margin-top: 19px;}
.l-footer .info .wrap .support .support-find {width: 22px; height: 21px; margin-top: 21px;}
.l-footer .info .wrap .support .support-member {width: 24px; height: 24px; margin-top: 19px;}
.l-footer .info .wrap .support .support-logout {width: 22px; height: 24px;margin-top: 19px;}
.l-footer .info .wrap .support .st0 {fill: var(--t-color-11031);}
.l-footer .info .wrap .support .list-wrap > div:hover .st0 {fill: var(--t-color-11032);}

/* company */

.l-footer .company {
    background-color: var(--t-color-11048);
    border-top: 1px solid var(--t-color-11046);
}

.l-footer .company .wrap {
    width: var(--main-width);
    margin: auto;
    padding-top: 24px;
}

.l-footer .company .wrap .info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 21px;
    background-color: transparent;
}

.l-footer .company .wrap .info > div:nth-child(1) {
    position: relative;
    width: calc(100% - 330px);
}

.l-footer .company .wrap .info p {
    position: relative;
    font-family: var(--family-light);font-weight: var(--weight-light);
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: var(--t-color-11042);
}

.l-footer .company .wrap .info p:nth-child(n+2) {
    margin-left: 21px;
}

.l-footer .company .wrap .info p:nth-child(n+2):before {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    top: 1px;
    left: -10px;
    background-color: var(--t-color-11043);
}

.l-footer .company .wrap .info .logo {
    margin-bottom: 10px;
}

.l-footer .company .wrap .info .logo img {
    max-width: 260px;
    max-height: 50px;
}

.l-footer .company .wrap .info .service-name {
    margin-bottom: 9px;
}

.l-footer .company .wrap .info .service-name p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    font-size: 14px;
    line-height: 1;
    color: var(--t-color-11041);
}

.l-footer .company .wrap .info .company-name,
.l-footer .company .wrap .info .addr,
.l-footer .company .wrap .info .tel,
.l-footer .company .wrap .info .fax,
.l-footer .company .wrap .info .hosting {
    height: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.l-footer .company .wrap .info .biznum {
    width: 84px;
    height: 18px;
    background-color: var(--t-color-11045);
    text-align: center;
    border-radius: 4px;
    margin-left: 7px;
}

.l-footer .company .wrap .info .biznum a {
    font-family: var(--family-light);font-weight: var(--weight-light);
    font-size: 11px;
    line-height: 18px;
    color: var(--t-color-11044);
}

.l-footer .company .wrap .info .hosting {
    margin-bottom: 0;
}

.l-footer .company .wrap .info .escrow {
    width: 320px;
    height: 80px;
}

.l-footer .company .wrap .menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 18px;
}

.l-footer .company .wrap .menu ul {
    position: relative;
}


.l-footer .company .wrap .menu ul li.group {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: var(--t-color-11038);
    border: 1px solid var(--t-color-11040);
    left: -13px;
    bottom: 24px;
}

.l-footer .company .wrap .menu ul:hover li.group {
    display: block;
}

.l-footer .company .wrap .menu ul li.group > div {
    min-width: 74px;
    height: 11px;
    display: flex;
    align-items: center;
    padding: 10px 12px;
    white-space: nowrap;
}

.l-footer .company .wrap .menu ul li.group > div:nth-child(n+2) {
    border-top: 1px solid var(--t-color-11039);
}

.l-footer .company .wrap .menu ul li:not(.group) {
    height: 22px;
    margin-bottom: 2px;
    margin-right: 15px;
}

.l-footer .company .wrap .menu ul li p {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -1px;
    color: var(--t-color-11029);
}

.l-footer .company .wrap .menu li:not(.group) .svg-arrow2 {
    width: 5px;
    height: 3px;
    margin-bottom: 4px;
    margin-left: 5px;
    fill: var(--t-color-11029);
}

.l-footer .company .wrap .menu ul li:not(.group):hover p {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    color: var(--t-color-11030);
}

.l-footer .company .wrap .menu ul li:not(.group):hover .svg-arrow2 {
    fill: var(--t-color-11030);
}

.l-footer .company .wrap .menu ul .group > div p {

    color: var(--t-color-11036);
}

.l-footer .company .wrap .menu ul .group > div:hover p {
    color: var(--t-color-11037);
}

.l-footer .company .wrap .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 70px;
    border-top: 1px solid var(--t-color-11047);
}

.l-footer .company .wrap .copyright.center {
    justify-content: center;
    padding-top: 20px;
}

.l-footer .company .wrap .copyright p {
    font-family: var(--family-light);font-weight: var(--weight-light);
    font-size: 12px;
    line-height: 1;
    color: var(--t-color-11049);
}

.l-footer .company .wrap .marketing {
    display: flex;
}

.l-footer .company .wrap .marketing .st0 {
    fill: var(--t-color-11050);
}

.l-footer .company .wrap .marketing > div svg:nth-child(1){
    display: block;
}

.l-footer .company .wrap .marketing > div svg:nth-child(2){
    display: none;
}

.l-footer .company .wrap .marketing > div:hover svg:nth-child(1){
    display: none;
}

.l-footer .company .wrap .marketing > div:hover svg:nth-child(2){
    display: block;
}

.l-footer .company .wrap .marketing .sns-10 {
    width: 19px;
    height: 16px;
    padding: 8px 6px 6px 6px;
}

.l-footer .company .wrap .marketing .sns-10.active .st0 {
    fill: #319BD0;
}

.l-footer .company .wrap .marketing .sns-11 {
    width: 9px;
    height: 16px;
    padding: 8px 6px 6px 6px;
}

.l-footer .company .wrap .marketing .sns-11.active .st0 {
    fill: #2E4E8D;
}

.l-footer .company .wrap .marketing .sns-12 {
    width: 16px;
    height: 16px;
    padding: 8px 6px 6px 6px;
    fill: var(--t-color-11050);
}

.l-footer .company .wrap .marketing .sns-12.active .st0 {
    fill: #FF3180;
}

.l-footer .company .wrap .marketing .sns-13 {
    width: 9px;
    height: 16px;
    padding: 8px 6px 6px 6px;
}

.l-footer .company .wrap .marketing .sns-13.active .st0 {
    fill: #F3D22B;
}

.l-footer .company .wrap .marketing .sns-20 {
    width: 26px;
    height: 12px;
    padding: 11px 6px 7px 8px;
}

.l-footer .company .wrap .marketing .sns-20.active .st0 {
    fill: #27A13B;
}

.l-footer .company .wrap .marketing .sns-21 {
    width: 36px;
    height: 10px;
    padding: 11px 6px 9px 6px;
}

.l-footer .company .wrap .marketing .sns-21.active .st0 {
    fill: #41A744;
}

.l-footer .company .wrap .marketing .sns-22 {
    width: 26px;
    height: 12px;
    padding: 10px 6px 8px 6px;
}

.l-footer .company .wrap .marketing .sns-22.active .st0 {
    fill: #E27345;
}

.l-footer .company .wrap .marketing .sns-23 {
    width: 36px;
    height: 10px;
    padding: 10px 6px 10px 6px;
    fill: var(--t-color-11050);
}

.l-footer .company .wrap .marketing .sns-23.active .st0 {
    fill: #D94150;
}

.l-footer .company .wrap .marketing .sns-24 {
    width: 14px;
    height: 10px;
    padding: 11px 6px 9px 6px;
}

.l-footer .company .wrap .marketing .sns-24.active .st0 {
    fill: #C51D21;
}

/* logo */

.l-footer .logo {
    position: relative;
}

.l-footer .logo .text {
    margin: -7px 0 -8px 0;
    display: block;
    text-decoration: none;
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 1.4;
    font-size: 20px;
    color: var(--t-color-11007);
}

.l-footer .logo .image {
    display: block;
    text-decoration: none;
}

.l-footer .logo .image img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 40px;
    border: 0;
}

.l-footer .shop {
    margin-top: 15px;
    position: relative;
}

/* link */

.l-footer .link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.l-footer .link ul:nth-child(n+2) {
    margin-top: 10px;
}

.l-footer .link li:nth-child(n+2) {
    margin-left: 10px;
}

.l-footer .link a {
    border-radius: 4px;
    display: block;
    background-color: var(--t-color-11022);
}

.l-footer .link svg {
    width: 30px;
    height: 30px;
    fill: var(--t-color-11020);
}

.l-footer .link a:hover {
    background-color: var(--t-color-11023);
}

.l-footer .link a:hover svg {
    width: 30px;
    height: 30px;
    fill: var(--t-color-11021);
}

/* escrow */

.l-footer .escrow {
    position: relative;
    text-align: right;
}

.l-footer .escrow img {
    border: 0;
    cursor: pointer;
}

/* menu */

.l-footer .menu2 .sst-item {
    max-width: var(--main-width);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.l-footer .menu2 {
    position: relative;
    border-top: 1px solid var(--t-color-11015);
    background-color: var(--t-color-11014);
}

.l-footer .menu2 .wrap:not(.ty-column) {
    width: 100%;
    max-width: var(--main-width);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    flex-wrap: wrap;
    align-items: stretch;

}

/* wrap-menu */

.l-footer .menu2 .wrap-menu {
    position: relative;
    width: 100%;
    max-width: var(--main-width);
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 12px;
}

.l-footer .menu2 .items {
    display: -webkit-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.l-footer .menu2 .item {
    position: relative;
}

.l-footer .menu2 .item:nth-child(n+2):not(.ty-group) {
    margin-left: 30px;
}

.l-footer .menu2 .item:nth-child(n+2).ty-group {
    margin-left: 15px;
}

.l-footer .menu2 .item:nth-child(n+2):not(.ty-group):before {
    display: block;
    content: '';
    position: absolute;
    left: -15px;
    top: calc(50% - 5px);
    width: 0;
    height: 11px;
    border-left: 1px solid var(--t-color-11015);
}

.l-footer .menu2 .title {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 14px;
}

.l-footer .menu2 a.title {
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 1.4;
    color: var(--t-color-11012);
}

.l-footer .menu2 a.title:hover {
    color: var(--t-color-11013);
}

.l-footer .menu2 p.title {
    width: 140px;
    height: 32px;
    line-height: 31px;
    color: var(--t-color-11016);
}

.l-footer .menu2 .button {
    position: relative;
    border-radius: 10px;
    border: 1px solid var(--t-color-11019);
    background-color: var(--t-color-11018);
    padding: 0 24px 0 14px;
    height: 34px;
    cursor: pointer;
}

.l-footer .menu2 .button svg {
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
    width: 10px;
    height: 7px;
}

.l-footer .menu2 .button svg line {
    stroke: var(--t-color-11016);
}

.l-footer .menu2 .item.active svg {
    transform: rotate(180deg);
}

.l-footer .menu2 .item:not(.active) .list {
    display: none;
}

.l-footer .menu2 .list {
    z-index: 5000;
    border-radius: 10px;
    border: 1px solid var(--t-color-11019);
    background-color: var(--t-color-11018);
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    bottom: 40px;
    min-width: 178px;
    max-width: 300px;
}

.l-footer .menu2 .overlay {
    z-index: 1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.l-footer .menu2 .list ul {
    z-index: 2;
    position: relative;
}

.l-footer .menu2 .list a {
    z-index: 1;
    position: relative;
    display: block;
    padding: 0 15px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 14px;
    color: var(--t-color-11016);
}

.l-footer .menu2 .list a:hover {
    color: var(--t-color-11017);
}

.l-footer .menu2 .list a:hover:before {
    z-index: -1;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--t-color-11019);
    opacity: .5;
}

/* wrap-icon */

.l-footer .wrap-icon {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
}

.l-footer .wrap-icon a {
    display: inline-block;
}

.l-footer .wrap-icon a:nth-child(n+2) {
    margin-left: 20px;
}

.l-footer .wrap-icon img {
    border: 0;
    width: auto;
    height: auto;
    max-width: 300px;
    max-height: 50px;
}

/* ty-column */

.l-footer .menu2 .wrap:not(.ty-column) .wrap-menu,
.l-footer .menu2 .wrap:not(.ty-column) .wrap-icon {
    flex: 1;
}

.l-footer .menu2 .wrap:not(.ty-column) .wrap-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.l-footer .menu2 .wrap:not(.ty-column) .wrap-icon .swiper-container {
    margin: 0 !important;
}

.l-footer .menu2 .wrap:not(.ty-column) .wrap-icon .swiper-slide {
    text-align: right;
}

.l-footer .menu2 .wrap.ty-column .wrap-icon .swiper-slide {
    text-align: center;
}

.l-footer .menu2 .wrap.ty-menu.ty-column .wrap-icon {
    border-top: 1px solid var(--t-color-11015);
    background-color: var(--t-color-11014);
}

/* mobile */

.l-footer .mobile {
    padding-top:25px;
    padding-bottom:10px;
    background-color: var(--t-color-11014);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.l-footer .mobile.ty-line {
    border-top: 1px solid var(--t-color-11015);
}

.l-footer .mobile a {
    z-index: 1;
    position: relative;
    padding:0 30px;
    height:25px;
    line-height: 25px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
    color: #fff;
}

.l-footer .mobile a:before {
    z-index: -1;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
}

.l-footer .mobile a:hover:before {
    background-color: var(--color1);
    opacity: 1;
}

/* l-side-chat */

.l-side-chat {
    z-index: 1000;
    position: fixed;
    right: 20px;
    bottom: 20px;
}

.l-side-chat > ul > li:nth-child(n+2) {
    margin-top: 10px;
}

.l-side-chat > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.l-side-chat .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;

    box-sizing: border-box;
    transition:width 0.2s;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
}

.l-side-chat .button {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.l-side-chat .button * {
    width: 100% !important;;
    height: 100% !important;;
    margin: 0 !important;;
    padding: 0 !important;
}

.l-side-chat svg {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 24px;
    height: 24px;
}

.l-side-chat .title {
    display: block;
    white-space: nowrap;
    position: absolute;
    left: 48px;
    top: 16px;
    line-height: 1.4;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
}

.l-side-chat .ty-naver {
    background-color: var(--t-color-11052);
}

.l-side-chat .ty-naver path {
    fill: var(--t-color-11051);
}

.l-side-chat .ty-naver .title {
    color: var(--t-color-11051);
}

.l-side-chat .ty-kakao {
    background-color: var(--t-color-11054);
}

.l-side-chat .ty-kakao path {
    fill: var(--t-color-11053);
}

.l-side-chat .ty-kakao .title {
    color: var(--t-color-11053);
}

.l-side-chat .ty-scrolltop {
    background-color: var(--t-color-11056);
    border: 1px solid var(--t-color-11057);
}

.l-side-chat .ty-scrolltop line {
    stroke: var(--t-color-11055);
}

.l-side-chat .ty-resize:hover {
    width: 160px;
}

.l-side-chat .ty-resize:not(:hover) .title {
    opacity: 0;
}

#l-side-scrolltop:not(.active) {
    display: none;
}


/* 산업은행 */
.bank .bank-2 {width: 38px; height: 34px;}
.bank .bank-2 .st1 {fill:url(#SVGID_00000100363485653030007180000003778680616457856651_);}
.bank .bank-2 .st2 {fill:url(#SVGID_00000181083519238368998140000010312398872647012514_);}
.bank .bank-2 .st3 {fill:url(#SVGID_00000038385403880418497200000001093113595783309202_);}

/* 기업은행 */
.bank .bank-3 {width: 39px; height: 38px;}

/* 국민은행 */
.bank .bank-4 {width: 44px; height: 32px;}

/* 농협은행 */
.bank .bank-11 {width: 28px; height: 33px;}
.bank .bank-11 .st0 {fill:#f9c009;}

/* 우리은행 */
.bank .bank-20 {width: 36px; height: 36px;}
.bank .bank-20 .st0{fill:#FFFFFF;}
.bank .bank-20 .st1{clip-path:url(#SVGID_00000177466661202001031780000005476524749656996540_);}
.bank .bank-20 .st2{fill:#007BC7;}
.bank .bank-20 .st3{fill:#027DC8;}
.bank .bank-20 .st4{fill:#037FC9;}
.bank .bank-20 .st5{fill:#0581CA;}
.bank .bank-20 .st6{fill:#0683CB;}
.bank .bank-20 .st7{fill:#0885CC;}
.bank .bank-20 .st8{fill:#0987CD;}
.bank .bank-20 .st9{fill:#0B88CE;}
.bank .bank-20 .st10{fill:#0C8ACF;}
.bank .bank-20 .st11{fill:#0E8CD0;}
.bank .bank-20 .st12{fill:#0F8ED1;}
.bank .bank-20 .st13{fill:#1190D2;}
.bank .bank-20 .st14{fill:#1392D3;}
.bank .bank-20 .st15{fill:#1494D4;}
.bank .bank-20 .st16{fill:#1696D5;}
.bank .bank-20 .st17{fill:#1798D6;}
.bank .bank-20 .st18{fill:#199AD7;}
.bank .bank-20 .st19{fill:#1A9CD8;}
.bank .bank-20 .st20{fill:#1C9ED9;}
.bank .bank-20 .st21{fill:#1DA0DA;}
.bank .bank-20 .st22{fill:#1FA2DB;}
.bank .bank-20 .st23{fill:#21A4DC;}
.bank .bank-20 .st24{fill:#22A6DD;}
.bank .bank-20 .st25{fill:#24A7DE;}
.bank .bank-20 .st26{fill:#25A9DF;}
.bank .bank-20 .st27{fill:#27ABE0;}
.bank .bank-20 .st28{fill:#28ADE1;}
.bank .bank-20 .st29{fill:#2AAFE2;}
.bank .bank-20 .st30{fill:#2BB1E3;}
.bank .bank-20 .st31{fill:#2DB3E4;}
.bank .bank-20 .st32{fill:#2EB5E5;}
.bank .bank-20 .st33{fill:#30B7E6;}
.bank .bank-20 .st34{fill:#37B9E7;}
.bank .bank-20 .st35{fill:#3DBCE8;}
.bank .bank-20 .st36{fill:#44BEE8;}
.bank .bank-20 .st37{fill:#4BC0E9;}
.bank .bank-20 .st38{fill:#51C3EA;}
.bank .bank-20 .st39{fill:#58C5EB;}
.bank .bank-20 .st40{fill:#5FC7EC;}
.bank .bank-20 .st41{fill:#65CAEC;}
.bank .bank-20 .st42{fill:#6CCCED;}
.bank .bank-20 .st43{fill:#73CEEE;}
.bank .bank-20 .st44{fill:#79D1EF;}
.bank .bank-20 .st45{fill:#80D3F0;}
.bank .bank-20 .st46{fill:#87D5F0;}
.bank .bank-20 .st47{fill:#8DD8F1;}
.bank .bank-20 .st48{fill:#94DAF2;}
.bank .bank-20 .st49{fill:#9BDCF3;}
.bank .bank-20 .st50{fill:#A2DEF4;}
.bank .bank-20 .st51{fill:#A8E1F5;}
.bank .bank-20 .st52{fill:#AFE3F5;}
.bank .bank-20 .st53{fill:#B6E5F6;}
.bank .bank-20 .st54{fill:#BCE8F7;}
.bank .bank-20 .st55{fill:#C3EAF8;}
.bank .bank-20 .st56{fill:#CAECF9;}
.bank .bank-20 .st57{fill:#D0EFF9;}
.bank .bank-20 .st58{fill:#D7F1FA;}
.bank .bank-20 .st59{fill:#DEF3FB;}
.bank .bank-20 .st60{fill:#E4F6FC;}
.bank .bank-20 .st61{fill:#EBF8FD;}
.bank .bank-20 .st62{fill:#F2FAFD;}
.bank .bank-20 .st63{fill:#F8FDFE;}

/* SC 은행 */
.bank .bank-23 {width: 23px; height: 36px;}
.bank .bank-23 .st0 {fill-rule:evenodd; clip-rule:evenodd; fill:#0473ea;}
.bank .bank-23 .st1 {fill-rule:evenodd; clip-rule:evenodd; fill:#0473ea; fill:#38d200;}

/* 한국씨티은행 */
.bank .bank-27 {width: 47px; height: 30px;}
.bank .bank-27 .st0 {fill:#004186;}

/* 대구은행 */
.bank .bank-31 {width: 48px; height: 34px;}
.bank .bank-31 .st0 {fill:#fff;}
.bank .bank-31 .st1 {fill:#0075C1;}
.bank .bank-31 .st2 {clip-path:url(#SVGID_00000137835094682252477400000000148744918447102619_);fill:url(#SVGID_00000047747042169448057130000017133123842444396706_);}

/* 부산은행 */
.bank .bank-32 {width: 60px; height: 18px;}
.bank .bank-32 .st0 {fill:#d71921;}

/* 광주은행 */
.bank .bank-34 {width: 36px; height: 36px;}
.bank .bank-34 .st0{fill:#008cce;}
.bank .bank-34 .st2{fill:#007ac5;}
.bank .bank-34 .st3{fill:#0067b5;}
.bank .bank-34 .st4{fill:#004193;}
.bank .bank-34 .st5{fill:#005bab;}
.bank .bank-34 .st6{fill:#004898;}
.bank .bank-34 .st7{fill:#08287e;}

/* 제주은행 */
.bank .bank-35 {width: 36px; height: 36px;}
.bank .bank-35 .st0 {clip-path:url(#XMLID_00000157305412131820298390000015862839507741432220_);fill:url(#XMLID_00000107567453435400388260000005874985614599307960_);}
.bank .bank-35 .st1 {clip-path:url(#XMLID_00000150790977842340633240000006363068614795835836_);fill:url(#XMLID_00000130627755652041253750000017136807452298540454_);}

/* 전북은행 */
.bank .bank-37 {width: 36px; height: 36px;}
.bank .bank-37 .st0{fill:#008cce;}
.bank .bank-37 .st2{fill:#007ac5;}
.bank .bank-37 .st3{fill:#0067b5;}
.bank .bank-37 .st4{fill:#004193;}
.bank .bank-37 .st5{fill:#005bab;}
.bank .bank-37 .st6{fill:#004898;}
.bank .bank-37 .st7{fill:#08287e;}

/* 경남은행 */
.bank .bank-39 {width: 60px; height: 18px;}
.bank .bank-39 .st0 {fill:#d71921;}

/* 새마을금고 */
.bank .bank-45 {width: 42px; height: 36px;}
.bank .bank-45 .st0 {clip-path:url(#SVGID_00000101072933455789389160000002649480237466196653_);}
.bank .bank-45 .st1 {clip-path:url(#SVGID_00000030456331795108168000000008816614048867033737_);}
.bank .bank-45 .st2 {clip-path:url(#SVGID_00000043448005905681143310000013492445471445522867_);}

/* 신협 */
.bank .bank-48 {width: 41px; height: 35px;}

/* 산림조합 */
.bank .bank-64 {width: 28px; height: 40px;}
.bank .bank-64 .st0 {fill:#002063;}
.bank .bank-64 .st1 {fill:#2fa138;}

/* 우체국 */
.bank .bank-71 {width: 56px; height: 28px;}
.bank .bank-71 .st0 {fill:#e62310;}

/* KEB하나은행 */
.bank .bank-81 {width: 39px; height: 36px;}
.bank .bank-81 .st0 {fill:#008375;}

/* 신한은행 */
.bank .bank-88 {width: 36px; height: 36px;}
.bank .bank-88 .st0 {clip-path:url(#XMLID_00000157305412131820298390000015862839507741432220_);fill:url(#XMLID_00000107567453435400388260000005874985614599307960_);}
.bank .bank-88 .st1 {clip-path:url(#XMLID_00000150790977842340633240000006363068614795835836_);fill:url(#XMLID_00000130627755652041253750000017136807452298540454_);}

/* 케이뱅크 */
.bank .bank-89 {width: 56px; height: 14px;}
.bank .bank-89 .st0 {fill:#140064;}

/* 카카오뱅크 */
.bank .bank-90 {width: 36px; height: 36px;}

/* 수협은행 */
.bank .bank-7 {width: 38px; height: 27px;}

/* 토스뱅크 */
.bank .bank-92 {width: 38px; height: 35px;}