@charset "utf-8";

/* 하단 */

.l-footer {padding-bottom:15px;}
.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;}

/* index */

.lf-menu {z-index:912;}
.lf-logo {z-index:911;}
.lf-btn {z-index:910;}

/* .lf-menu */

.lf-menu {position:relative; height:41px; border-top:1px solid #666666; border-bottom:1px solid #e0e0e0; background-color:#fff;}
.lf-menu .wrap {position:relative; margin:0 auto; width:var(--main-width);}

.lf-menu .menu {z-index:1; position:relative; display:inline-block;}
.lf-menu .menu > ul {padding:0 10px; position:relative; height:42px; display:inline-block; vertical-align:top;}
.lf-menu .menu > ul:nth-child(n+2) {margin-left:11px;}
.lf-menu .menu > ul:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:-6px; top:calc(50% - 6px); width:0; height:11px; border-left:1px solid #e0e0e0;}
.lf-menu .menu > ul > li:nth-child(1) {position:relative; left:0; top:0; display:block;}
.lf-menu .menu > ul > li:nth-child(1) p,
.lf-menu .menu > ul > li:nth-child(1) a {position:relative; display:block; cursor:pointer;}
.lf-menu .menu .title {transition:all .3s ease; z-index:1; position:relative; display:block; max-width:100%; height:42px; white-space:nowrap; overflow:hidden; word-wrap:break-word; word-break:break-all;}
.lf-menu .menu .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:41px; font-size:12px; color:#555;}

.lf-menu .menu .group .title {padding-right:10px;}
.lf-menu .menu .group .title:after {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 1px); width:5px; height:3px; background:var(--t-btn) no-repeat; background-position:0px -100px; opacity:0.3;}

.lf-menu .menu > ul > li:nth-child(2) {display:none; left:-3px; top:41px; position:absolute; background-color:#fafafa; border:1px solid #e0e0e0; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.lf-menu .menu > ul > li:nth-child(2) a {transition:all .3s ease; z-index:1; padding:0 12px; min-width:78px; height:29px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lf-menu .menu > ul > li:nth-child(2) a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:28px; font-size:12px; color:#777;}
.lf-menu .menu > ul > li:nth-child(2) a:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fafafa; opacity:1;}
.lf-menu .menu > ul > li:nth-child(2) a:nth-child(n+2) {border-top:1px solid #e0e0e0;}
.lf-menu .menu > ul > li:nth-child(2) a:hover {color:var(--color2);}
.lf-menu .menu > ul > li:nth-child(2) a:hover:before {background-color:var(--color2); opacity:0.05;}

.lf-menu .menu > ul:hover .title {color:var(--color2);}
.lf-menu .menu > ul:hover .title:after {background-position-x:-100px; opacity:1;}
.lf-menu .menu > ul:hover > li:nth-child(1) {z-index:11;}
.lf-menu .menu > ul:hover > li:nth-child(2) {z-index:10; display:block;}

.lf-menu .menu:first-child .title {color:#000;}
.lf-menu .menu:first-child > ul:first-child {padding-left:0px;}

.lf-menu .side {display:block; position:absolute; right:0; top:8px; height:25px;}

.lf-menu .links,
.lf-menu .language {position:relative; display:inline-block; vertical-align:middle;}

.lf-menu .links li {display:inline-block; vertical-align:middle;}
.lf-menu .links li:nth-child(n+2) {margin-left:5px;}
.lf-menu .links a {transition:opacity 0.2s; top:0; position:relative; display:block; width:25px; height:25px; background:var(--t-btn) no-repeat; background-position-x:-1100px; opacity:0.18;}
.lf-menu .links a:hover {opacity:1; background-position-x:-1250px;}
.lf-menu .links .icon-10 {background-position-y:0px;}
.lf-menu .links .icon-11 {background-position-y:-50px;}
.lf-menu .links .icon-12 {background-position-y:-100px;}
.lf-menu .links .icon-13 {background-position-y:-150px;}
.lf-menu .links .icon-20 {background-position-y:-200px;}
.lf-menu .links .icon-21 {background-position-y:-250px;}
.lf-menu .links .icon-22 {background-position-y:-300px;}
.lf-menu .links .icon-23 {background-position-y:-350px;}
.lf-menu .links .icon-24 {background-position-y:-400px;}
.lf-menu .links p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 50px); top:-29px; width:100px; text-align:center; opacity:0;}
.lf-menu .links span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lf-menu .links span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lf-menu .links span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lf-menu .links span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--t-btn) no-repeat; background-position:-50px -200px;}
.lf-menu .links li:hover {z-index:1000;}
.lf-menu .links li:hover p {opacity:1; visibility:visible; animation:lf-menu-links-ani .2s linear;}

@keyframes lf-menu-links-ani {
0% {top:-29px;}
25% {top:-39px;}
50% {top:-49px;}
75% {top:-39px;}
100% {top:-29px;}
}

.lf-menu .language {z-index:1; position:relative; margin-left:7px; padding:0 10px 0 27px; height:25px; background-color:#d0d0d0; border-radius:25px; cursor:pointer;}
.lf-menu .language {font-family: var(--family-light);font-weight: var(--weight-light); line-height:24px; font-size:13px; color:#ffffff;}
.lf-menu .language:before {z-index:-1; display:block; content:''; position:absolute; left:4px; top:calc(50% - 9px); width:17px; height:17px; background:var(--t-btn) no-repeat; background-position:-1350px 0px;}
/*.lf-menu .language:after {z-index:-1; display:block; content:''; position:absolute; right:10px; top:calc(50% - 2px); width:5px; height:3px; background:var(--t-btn) no-repeat; background-position:-50px -100px;}*/
.lf-menu .language:hover {background-color:var(--color2);}

/* .lf-tel */

.lf-tel {position:relative; padding:50px 0; border-bottom:1px solid #e0e0e0; background-color:#fff;}
.lf-tel .wrap {position:relative; margin:0 auto; width:var(--main-width);}

.lf-tel .items {
    width: 100%;
}

.lf-tel .items > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: stretch;
    flex-wrap: wrap;
    align-items: stretch;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.lf-tel .items > div > div {
    flex: 1;
}

.lf-tel .items > div > div:nth-child(n+2) {border-left:1px solid #e0e0e0;}

.lf-tel .info,
.lf-tel .support,
.lf-tel .quick {position:relative;}

/* item default 2 */

.lf-tel .items.ty-2 .info,
.lf-tel .items.ty-2 .support,
.lf-tel .items.ty-2 .quick {width:calc((100% - 1px) / 2);}

.lf-tel .items.ty-3 .info,
.lf-tel .items.ty-3 .support,
.lf-tel .items.ty-3 .quick {width:calc((100% - 2px) / 3);}

.lf-tel .items.ty-4 .info,
.lf-tel .items.ty-4 .support,
.lf-tel .items.ty-4 .quick {width:calc((100% - 3px) / 3);}

/* ty-bank */

.lf-tel .items.ty-2.ty-bank .info,
.lf-tel .items.ty-2.ty-bank .support,
.lf-tel .items.ty-2.ty-bank .quick {width:calc((100% - 251px) / 2);}

.lf-tel .items.ty-3.ty-bank .info,
.lf-tel .items.ty-3.ty-bank .support,
.lf-tel .items.ty-3v .quick {width:calc((100% - 252px) / 3);}

.lf-tel .items.ty-4.ty-bank .info,
.lf-tel .items.ty-4.ty-bank .support,
.lf-tel .items.ty-4.ty-bank .quick {width:calc((100% - 253px) / 3);}

.lf-tel .title {margin:-5px 0 -5px 0; min-height:19px; padding-bottom:20px; display:block;}
.lf-tel .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}

.lf-tel .info .inner {padding-right:40px;}
.lf-tel .info .tel {margin:-16px 0 0 0; padding:0 0 16px 32px; min-height:42px; z-index:1; position:relative; display:block; white-space:nowrap;}
.lf-tel .info .tel {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:30px; color:#333;}
.lf-tel .info .tel:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:11px; width:22px; height:22px; background:var(--t-btn) no-repeat; background-position:-150px -300px; opacity:0.8;}

.lf-tel .info .list {display:table; table-layout:fixed;}
.lf-tel .info .list ul {display:table-row}
.lf-tel .info .list ul:nth-child(n+2) li {padding-top:5px;}
.lf-tel .info .list li {display:table-cell;}
.lf-tel .info .list li p {word-wrap:break-word; word-break:break-all;}
.lf-tel .info .list li:nth-child(1) p {padding:0 10px; height:20px; background-color:#d0d0d0; border-radius:20px; white-space:nowrap;}
.lf-tel .info .list li:nth-child(1) p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:20px; font-size:11px; color:#fff;}
.lf-tel .info .list li:nth-child(2) p {margin-left:10px;}
.lf-tel .info .list li:nth-child(2) p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:20px; font-size:12px; color:#999;}

.lf-tel .bank {position:relative; width:250px;}
.lf-tel .bank .inner {padding:0 40px;}
.lf-tel .bank .swiper-container {position:relative;}
.lf-tel .bank .swiper-wrapper {height:71px; white-space:nowrap;}
.lf-tel .bank .swiper-slide {background-color:#fff; height:71px; display:inline-block; vertical-align:top;}
.lf-tel .bank .swiper-slide p {display:block; white-space:nowrap;}
.lf-tel .bank .swiper-slide p:nth-child(1) {margin:-3px 0 -2px 0;}
.lf-tel .bank .swiper-slide p:nth-child(1) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#333;}
.lf-tel .bank .swiper-slide p:nth-child(2) {margin-top:4px;}
.lf-tel .bank .swiper-slide p:nth-child(2) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:1.4; font-size:18px; color:#333;}
.lf-tel .bank .swiper-slide p:nth-child(3) {margin-top:2px;}
.lf-tel .bank .swiper-slide p:nth-child(3) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#333;}
.lf-tel .bank .swiper-pagination {display:block; position:relative; left:0; right:auto; top:0; bottom:0; width:100%; height:20px; text-align:left;}
.lf-tel .bank .swiper-pagination span {transition:all .3s ease; margin:0; z-index:1; position:relative; display:inline-block; width:20px; height:20px; cursor:pointer;}
.lf-tel .bank .swiper-pagination span:before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 2px); width:100%; height:4px; background-color:#d0d0d0;}
.lf-tel .bank .swiper-pagination span:nth-child(n+2) {margin-left:4px;}
.lf-tel .bank .swiper-pagination span:hover:before {opacity:1;}
.lf-tel .bank .swiper-pagination span.active {background-color:transparent;}
.lf-tel .bank .swiper-pagination span.active:before {background-color:#000;}
.lf-tel .bank .selectbox {margin-top:15px; transition:border 0.2s, background 0.2s; text-align:left; display:block; vertical-align:middle; position:relative; background-color:#999; border:1px solid #999; width:calc(100% - 2px); border-radius:3px; cursor:pointer;}
.lf-tel .bank .selectbox .select {position:relative; display:block; height:25px; padding:0 7px 0 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lf-tel .bank .selectbox .select {font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; font-size:12px; color:#fff;}
.lf-tel .bank .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:10px; top:calc(50% - 2px); width:7px; height:3px; background:var(--t-btn) no-repeat; background-position:-50px -100px; opacity:1;}
.lf-tel .bank .selectbox .option {display:none; position:absolute; left:-1px; top:25px; width:calc(100% + 2px);}
.lf-tel .bank .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #e1e1e1;}
.lf-tel .bank .selectbox .option ul li {transition:border 0.2s, background 0.2s, color 0.2s; padding:0 10px; display:block; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lf-tel .bank .selectbox .option ul li {font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; font-size:12px; color:#666666;}
.lf-tel .bank .selectbox .option ul li.focus {background-color:#f5f5f5; color:var(--color2);}
.lf-tel .bank .selectbox .option ul li:hover {background-color:var(--color2); color:#fff;}
.lf-tel .bank .selectbox:hover,
.lf-tel .bank .selectbox.focus {background-color:#666; border-color:#666;}
.lf-tel .bank .selectbox.focus .select:after {background-position:-50px -150px; opacity:1;}
.lf-tel .bank .selectbox.focus .option {display:block;}

.lf-tel .support .inner {padding:0 40px;}
.lf-tel .support .list li {width:25%; display:inline-block; vertical-align:top;}
.lf-tel .support .list .icon {z-index:1; position:relative; display:block; width:50px; height:50px;}
.lf-tel .support .list .icon:before {transition:all .3s ease; z-index:-2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333; opacity:0.8; border-radius:100%;}
.lf-tel .support .list .icon:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 11px); top:calc(50% - 11px); width:22px; height:22px; background:var(--t-btn) no-repeat; background-position-x:-200px;}
.lf-tel .support .list .icon:hover:before {background-color:var(--color2); opacity:1;}
.lf-tel .support .list .icon.ty-talk:hover:before {background-color:#00c83c;}
.lf-tel .support .list .icon.ty-talk:after {background-position-y:-350px;}
.lf-tel .support .list .icon.ty-notice:after {background-position-y:-400px;}
.lf-tel .support .list .icon.ty-qna:after {background-position-y:-450px;}
.lf-tel .support .list .icon.ty-faq:after {background-position-y:-500px;}
.lf-tel .support .list .icon.ty-review:after {background-position-y:-550px;}
.lf-tel .support .list p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 75px); top:-29px; width:150px; text-align:center; opacity:0;}
.lf-tel .support .list span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lf-tel .support .list span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lf-tel .support .list span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lf-tel .support .list span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--t-btn) no-repeat; background-position:-50px -200px;}
.lf-tel .support .list .icon:hover {z-index:1000;}
.lf-tel .support .list .icon:hover p {opacity:1; visibility:visible; animation:lf-tel-support-ani .2s linear;}
.lf-tel .support .list .icon.ty-talk > div * {width:50px !important; height:50px !important; padding:0 !important; margin:0 !important; opacity:0 !important;}

@keyframes lf-tel-support-ani {
0% {top:-29px;}
25% {top:-39px;}
50% {top:-49px;}
75% {top:-39px;}
100% {top:-29px;}
}

.lf-tel .support .msg {margin-top:17px;}
.lf-tel .support .msg {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#999;}

.lf-tel .quick .inner {padding-left:40px;}
.lf-tel .quick .list {display:block; position:relative; top:-4px;}
.lf-tel .quick .scroll {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lf-tel .quick .scroll ul {margin-left:-20px;}
.lf-tel .quick .scroll li {margin-left:20px; width:calc(50% - 20px); display:inline-block; vertical-align:top;}
.lf-tel .quick .scroll li a {display:block;}
.lf-tel .quick .scroll li a span {z-index:1; max-width:100%; height:28px; position:relative; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lf-tel .quick .scroll li a span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.6; font-size:12px; color:#333;}
.lf-tel .quick .scroll li a span:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:7px; width:0; height:1px; background-color:var(--color2); opacity:0;}
.lf-tel .quick .scroll li a:hover span {color:var(--color2);}
.lf-tel .quick .scroll li a:hover span:after {width:100%; opacity:1;}
.lf-tel .quick .scroll-wrapper {width:100%; height:100%;}
.lf-tel .quick .scroll-wrapper ul {margin-right:10px;}

/* .lf-logo */

.lf-logo {position:relative; padding-top:50px;}
.lf-logo .wrap {display:table; table-layout:fixed; position:relative; margin:0 auto; width:var(--main-width);}
.lf-logo .wrap > div {position:relative; display:table-cell; vertical-align:top;}

.lf-logo .logo {position:relative; width:var(--logo-11001-width); max-height:120px;}
.lf-logo .logo .link {position:relative; display:inline-block; max-width:100%; max-height:100%; text-align:center;}
.lf-logo .logo .link img {width:auto; height:auto; max-width:var(--logo-11001-width); max-height:120px; border:0;}
.lf-logo .logo .sst-item {max-width:calc(var(--main-width) - 640px); max-height:120px;}

.lf-logo .addr {width:60%;}
.lf-logo .addr .inner {position: relative;}

.lf-logo .service .block {position:relative; display:inline-block;}
.lf-logo .service .tx {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lf-logo .service .sst-item > div {right:-22px; bottom:calc(50% - 10px);}

.lf-logo .info ul {display:block;}
.lf-logo .info ul:nth-child(n+2) {}
.lf-logo .info li {z-index:1; position:relative; display:inline; vertical-align:top; word-wrap:break-word; word-break:break-all;}
.lf-logo .info li,
.lf-logo .info li a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.8; font-size:12px; color:#666;}
.lf-logo .info li a:hover {color:var(--color2);}
.lf-logo .info li:nth-child(n+2) {margin-left:20px;}
.lf-logo .info li:after {z-index:-1; display:block; content:''; position:absolute; left:-11px; top:4px; height:12px; border-left:1px solid #e0e0e0;}
.lf-logo .info li:first-child:after,
.lf-logo .info li.ty-no:after {display:none;}
.lf-logo .info .btn {position:relative; margin:0 0 0 -5px; display:inline-block; vertical-align:top; padding:0 10px 0 10px; background-color:#aaa; border-radius:20px;}
.lf-logo .info .btn {font-family: var(--family-light);font-weight: var(--weight-light); line-height:20px; font-size:11px; color:#fff;}
.lf-logo .info .btn:hover {background-color:var(--color2); color:#fff;}
.lf-logo .info .global {margin:-7px 0 0 -4px; text-align:center;}
.lf-logo .info .global {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666;}

.lf-logo .copy {margin-top:7px;}
.lf-logo .copy {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#999;}

.lf-logo .escrow {position:relative; width:40%; text-align:right;}
.lf-logo .escrow .icon {display:inline-block; width:320px; height:80px; background:var(--t-icon-11001-u) no-repeat; cursor:pointer;}
.lf-logo .escrow .sst-item {left:auto; right:0; max-width:320px; max-height:80px;}

.lf-logo.ty-logo .addr {width:calc((var(--main-width) - var(--logo-11001-width)) * 0.6);}
.lf-logo.ty-logo .addr .inner {margin:0 40px;}
.lf-logo.ty-logo .escrow {width:calc((var(--main-width) - var(--logo-11001-width)) * 0.4);}

/* lf-lang */

.lf-logo .language {z-index:1; position:relative; margin-top:30px; text-align:center;}
.lf-logo .language li {display:inline-block; vertical-align:middle; border:2px solid #dcdcdc; border-radius:100%;}
.lf-logo .language li:nth-child(n+2) {margin-left:6px;}
.lf-logo .language div {top:0; position:relative; display:block; width:17px; height:17px; background:var(--t-btn) no-repeat; background-position-x:-1400px; cursor:pointer;}
.lf-logo .language .icon.ty-0 {background-position-y:0px;}
.lf-logo .language .icon.ty-1 {background-position-y:-50px;}
.lf-logo .language .icon.ty-2 {background-position-y:-100px;}
.lf-logo .language .icon.ty-3 {background-position-y:-150px;}
.lf-logo .language .icon.ty-4 {background-position-y:-200px;}
.lf-logo .language .icon.ty-5 {background-position-y:-250px;}
.lf-logo .language .icon.ty-6 {background-position-y:-300px;}
.lf-logo .language .icon.ty-7 {background-position-y:-350px;}
.lf-logo .language .icon.ty-8 {background-position-y:-400px;}
.lf-logo .language .icon.ty-9 {background-position-y:-450px;}
.lf-logo .language .icon.ty-10 {background-position-y:-500px;}
.lf-logo .language .icon.ty-11 {background-position-y:-550px;}
.lf-logo .language p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 50px); top:-30px; width:100px; text-align:center; opacity:0;}
.lf-logo .language span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lf-logo .language span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lf-logo .language span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lf-logo .language span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--t-btn) no-repeat; background-position:-50px -200px;}
.lf-logo .language li.active {border-color:#666;}
.lf-logo .language li:hover {z-index:1000; border-color:var(--color2);}
.lf-logo .language li:hover p {opacity:1; visibility:visible; animation:lf-logo-language-ani .2s linear;}

@keyframes lf-logo-language-ani {
0% {top:-30px;}
25% {top:-40px;}
50% {top:-50px;}
75% {top:-40px;}
100% {top:-30px;}
}

/* lf-banner */

.lf-banner {
    margin: 20px auto 0 auto;
    width: 100%;
    max-width: var(--main-width);
}

.l-banner-11001 {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #f5f5f5;
}

.l-banner-11001 .swiper-wrapper {height:35px; white-space:nowrap;}
.l-banner-11001 .swiper-slide {background-color:#f5f5f5; display:inline-block; vertical-align:top; text-align:right; height:35px;}
.l-banner-11001 .swiper-slide > div {position:relative; display:inline-block; vertical-align:top;}
.l-banner-11001 .swiper-slide > div:nth-child(n+2) {margin-left:30px;}
.l-banner-11001 .swiper-slide .link {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:transparent;}
.l-banner-11001 .swiper-slide img {width:auto !important; height:35px !important; max-width:200px !important; max-height:35px !important;}

/* .lf-btn */

.lf-btn {margin-top: 30px; text-align:center;}
.lf-btn a {z-index:1; position:relative; display:inline-block; padding:0 30px; height:26px;}
.lf-btn a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:26px; font-size:13px; color:#fff;}
.lf-btn a:before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:1;}
.lf-btn a:hover:before {background-color:var(--color2); opacity:1;}

/* .ty-lang */

.l-footer.ty-lang .lf-logo .wrap {display:block;}
.l-footer.ty-lang .lf-logo .wrap > div {display:block;}
.l-footer.ty-lang .lf-logo .logo {display:block; padding-bottom:30px; margin:0 auto; text-align:center;}
.l-footer.ty-lang .lf-logo .service {display:block; margin:-4px 0 -2px 0; padding-bottom:10px;}
.l-footer.ty-lang .lf-logo .addr {display:block; margin:0 auto; text-align:center; width:100%;}
.l-footer.ty-lang .lf-logo .copy {margin-top:30px; text-align:center;}
.l-footer.ty-lang .lf-logo .banner {width:100%; height:auto; text-align:center;}
.l-footer.ty-lang .l-banner-11001 {margin-top:30px; position:static; left:0; right:0; bottom:0;}
.l-footer.ty-lang .l-banner-11001 .swiper-slide {text-align:center;}
.l-footer.ty-lang .l-banner-11001 .swiper-slide > div:nth-child(n+2) {margin-left:5px;}

/* l-chat */

.l-chat {
    z-index: 1000;
    position:fixed;
    left: 30px;
    bottom: 30px;
}

.l-chat li {
    opacity: .9;
}

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

.l-chat li:hover {
    opacity: 1;
}

.l-chat .block {
    cursor: pointer;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}

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

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

.l-chat svg {
    position: absolute;
    width: 38px;
    height: 38px;
    left: calc(50% - 19px);
    top: calc(50% - 19px);
}

.l-chat .ty-naver {
    background-color: #0fc444;
}

.l-chat .ty-kakao {
    background-color: #ffe000;
}

.l-chat .ty-naver svg {
    fill: #fff;
}

.l-chat .ty-kakao svg {
    fill: #391b1b;
}