@charset "utf-8";

/* 하단 */

.l-footer {padding-bottom:150px; background-color:var(--bgcolor);}
.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-notice */

.lf-notice {position:relative; padding:0 0 0 5px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.lf-notice .wrap {z-index:1; position:relative; padding:0 10px; height:57px; background-color:#fff;}
.lf-notice .swiper-container {height:57px;}
.lf-notice .title {line-height:49px; font-size:20px; color:var(--t-color-11021);}
.lf-notice li {position:relative;}
.lf-notice a {padding:10px 70px 10px 22px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.lf-notice a {line-height:37px; font-size:14px; color:#333;}
.lf-notice .icon {display:block; position:absolute; left:0; top:calc(50% - 7px); width:15px; height:15px;}
.lf-notice .icon g > g > path {fill:none;stroke:var(--color2);stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
.lf-notice .icon g > path {fill:var(--color2);}
.lf-notice .dt {display:block; position:absolute; right:10px; top:0;}
.lf-notice .dt {line-height:57px; font-size:10px; color:#999;}
.lf-notice .not {position:relative; height:57px;}

/* lf-menu */

.lf-menu {display:block; position:relative; height:41px; border:1px solid #eee; background-color:#fff;}
.lf-menu .fixed {z-index:1; display:block; position:relative; left:0; top:0px; right:0; height:41px; white-space:nowrap; overflow-x:auto;}
.lf-menu .wrap {display:block; position:relative; height:41px; white-space:nowrap; overflow-x:auto;}
.lf-menu .wrap::-webkit-scrollbar {display:none;}
.lf-menu .wrap li {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lf-menu .wrap li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:0; height:100%; border-left:1px solid #eee;}
.lf-menu .wrap p,
.lf-menu .wrap a {position:relative; display:block; padding:0 20px; word-break:break-all; cursor:pointer;}
.lf-menu .wrap a,
.lf-menu .wrap p {line-height:40px; font-size:14px; color:#333;}
.lf-menu .wrap svg {display:block; position:absolute; right:10px; top:calc(50% - 2px); width:6px; height:4px;}
.lf-menu .wrap svg polygon {fill:#221E1F;}
.lf-menu .wrap .group {padding-right:22px;}

/* lf-banner */

.lf-banner {z-index:1; position:relative; display:block; padding:25px 0 0 0; background-color:var(--bgcolor);}
.lf-banner:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0.1;}
.lf-banner .swiper-container {margin:0 30px; display:block; height:105px; text-align:center;}
.lf-banner .swiper-wrapper {white-space:nowrap;}
.lf-banner .swiper-slide {white-space:normal; display:inline-block; vertical-align:top;}
.lf-banner .inner {position:relative;}
.lf-banner .link {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; cursor:pointer;}
.lf-banner .icon {margin:0 auto; width:60px; height:60px; background:var(--t-btn) no-repeat; background-size:var(--t-size); background-position-x:-850px;}
.lf-banner .item {margin:0 auto; width:60px; height:60px;}
.lf-banner .item > div {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
    z-index:1;
    position:relative;
    text-align:center;
    height:100%;
}
.lf-banner .item img,
.lf-banner .item video,
.lf-banner .item iframe {max-width:100% !important; max-height:100% !important; border:0;}
.lf-banner .title {margin:7px 5px 0 5px; max-height:40px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; text-align:center;}
.lf-banner .title {line-height:20px; font-size:12px; color:#666;}
.lf-banner .ty-10 {background-position-y:0px;}
.lf-banner .ty-11 {background-position-y:-100px;}
.lf-banner .ty-12 {background-position-y:-200px;}
.lf-banner .ty-13 {background-position-y:-300px;}
.lf-banner .ty-20 {background-position-y:-400px;}
.lf-banner .ty-21 {background-position-y:-500px;}
.lf-banner .ty-22 {background-position-y:-600px;}
.lf-banner .ty-23 {background-position-y:-700px;}
.lf-banner .ty-24 {background-position-y:-800px;}
.lf-banner .swiper-button-prev {margin:0; padding:0; position:absolute; left:0px; right:auto; top:0; bottom:0; width:30px; height:100%; cursor:pointer;}
.lf-banner .swiper-button-next {margin:0; padding:0; position:absolute; left:auto; right:0px; top:0; bottom:0; width:30px; height:100%; cursor:pointer;}
.lf-banner .swiper-button-prev:after,
.lf-banner .swiper-button-next:after {display:none;}
.lf-banner .swiper-button-prev svg,
.lf-banner .swiper-button-next svg {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 5px); top:calc(50% - 12px); width:11px; height:25px; opacity:0.1;}
.lf-banner .swiper-button-prev svg line,
.lf-banner .swiper-button-next svg line {fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.lf-banner.ty-stop .swiper-wrapper {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.lf-banner.ty-stop .swiper-slide {width:33.333%;}

/* lf-logo */

.lf-logo {padding:30px 10px 15px 10px; text-align:center;}
.lf-logo .block {display:block; position:relative;}
.lf-logo .link {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.lf-logo .link img {
    border: 0;
    max-width: 100%;
    max-height: 200px;
    width: auto;
    height: auto;
}

.lf-logo .tx a {max-width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lf-logo .tx a {font-weight:bold; line-height:1.4; font-size:13px; color:#333;}

/* lf-languages */

.lf-languages {text-align:center;}
.lf-languages ul {padding:0 7px;}
.lf-languages li {padding:5px 5px 15px 5px; display:inline-block; vertical-align:top; cursor:pointer;}
.lf-languages li .icon {display:block; width:30px; height:30px; background:var(--t-btn) no-repeat; background-size:var(--t-size); background-position-x:-950px;}
.lf-languages li .icon.ty-0 {background-position-y:0px;}
.lf-languages li .icon.ty-1 {background-position-y:-50px;}
.lf-languages li .icon.ty-2 {background-position-y:-100px;}
.lf-languages li .icon.ty-3 {background-position-y:-150px;}
.lf-languages li .icon.ty-4 {background-position-y:-200px;}
.lf-languages li .icon.ty-5 {background-position-y:-250px;}
.lf-languages li .icon.ty-6 {background-position-y:-300px;}
.lf-languages li .icon.ty-7 {background-position-y:-350px;}
.lf-languages li .icon.ty-8 {background-position-y:-400px;}
.lf-languages li .icon.ty-9 {background-position-y:-450px;}
.lf-languages li .icon.ty-10 {background-position-y:-500px;}
.lf-languages li .icon.ty-11 {background-position-y:-550px;}

/* lf-info */

.lf-info {position:relative; padding:0 25px 30px 25px;}
.lf-info .wrap ul {display:block; text-align:center;}
.lf-info .wrap li {z-index:1; position:relative; display:inline; vertical-align:top; word-wrap:break-word; word-break:break-all;}
.lf-info .wrap li {line-height:1.8; font-size:10px; color:#666;}
.lf-info .wrap li:nth-child(n+2) {margin-left:20px;}
.lf-info .wrap li:after {z-index:-1; display:block; content:''; position:absolute; left:-11px; top:3px; height:9px; border-left:1px solid #e0e0e0;}
.lf-info .wrap li:first-child:after {display:none;}
.lf-info .global {text-align:center;}
.lf-info .global {line-height:1.4; font-size:12px; color:#666;}
.lf-info .btn {margin-top:15px; text-align:center;}
.lf-info .btn li {display:inline-block; vertical-align:top; background-color:#ddd; border-radius:3px;}
.lf-info .btn li:nth-child(n+2) {margin-left:5px;}
.lf-info .btn li a,
.lf-info .btn li span {padding:0 5px; height:21px; line-height:21px; font-size:10px; color:#444; cursor:pointer;}

/* lf-quick */

.lf-quick {display:block; position:relative; margin:0 20px; height:30px; border-top:1px solid #e0e0e0;}
.lf-quick .fixed {z-index:1; display:block; position:relative; left:0; top:0px; right:0; height:30px; white-space:nowrap; overflow-x:auto;}
.lf-quick .wrap {display:block; position:relative; height:30px; white-space:nowrap; overflow-x:auto;}
.lf-quick .wrap::-webkit-scrollbar {display:none;}
.lf-quick li {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lf-quick li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0; height:10px; border-left:1px solid #e0e0e0;}
.lf-quick p,
.lf-quick a {position:relative; display:block; padding:0 8px; word-break:break-all; cursor:pointer;}
.lf-quick a,
.lf-quick p {line-height:30px; font-size:11px; color:#666;}
.lf-quick svg {display:block; position:absolute; right:10px; top:calc(50% - 2px); width:6px; height:4px;}
.lf-quick svg polygon {fill:#221E1F;}
.lf-quick .group {padding-right:22px;}

/* lf-copyright */

.lf-copyright {padding:50px 10px 25px 10px; text-align:center;}
.lf-copyright {line-height:1.4; font-size:10px; color:#aaa;}

/* lf-device */

.lf-device {text-align:center;}
.lf-device span {padding:0 0 1px 0; display:inline-block; width:130px; height:30px; background-color:#000; border-radius:3px; cursor:pointer;}
.lf-device span {line-height:29px; font-size:14px; color:#fff;}

.l-footer-normal .copyright {padding:30px 0 30px 0; text-align:center;}
.l-footer-normal .copyright {line-height:15px; font-size:11px;}

/* l-menu */

.l-menu {display:block; z-index:999; position:fixed; left:0; right:0; bottom:0; width:100%; height:53px; background-color:#fff;}
.l-menu:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px solid #000; opacity:0.1;}
.l-menu .wrap ul {top:1px; position:relative; display:block; width:100%; height:52px;}
.l-menu .wrap li {position:relative; width:20%; height:52px; display:inline-block; vertical-align:middle; cursor:pointer;}
.l-menu .wrap a {z-index:3; position:relative; display:block; height:52px;}
.l-menu .wrap a img {display:block; position:absolute; left:calc(50% - 7px); top:13px; width:14px; height:14px; border:0;}
.l-menu .wrap div {display:block; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:40px;}
.l-menu .ty-main div {width:var(--t-icon-21001-w); height:var(--t-icon-21001-h); background:var(--t-icon-21001-u) no-repeat; background-size:var(--t-icon-21001-s);}
.l-menu .ty-side div {width:var(--t-icon-21002-w); height:var(--t-icon-21002-h); background:var(--t-icon-21002-u) no-repeat; background-size:var(--t-icon-21002-s);}
.l-menu .ty-search div {width:var(--t-icon-21003-w); height:var(--t-icon-21003-h); background:var(--t-icon-21003-u) no-repeat; background-size:var(--t-icon-21003-s);}
.l-menu .ty-member div {width:var(--t-icon-21004-w); height:var(--t-icon-21004-h); background:var(--t-icon-21004-u) no-repeat; background-size:var(--t-icon-21004-s);}
.l-menu .ty-history div {width:var(--t-icon-21005-w); height:var(--t-icon-21005-h); background:var(--t-icon-21005-u) no-repeat; background-size:var(--t-icon-21005-s);}
.l-menu .ty-history img {z-index:2; display:block; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px;}

.l-float {display:block; z-index:998; position:fixed; bottom:65px; width:44px;}

/* l-float-l */

.l-float-l {left:12px;}
.l-float-l li {display:block;}
.l-float-l li:nth-child(n+2) {padding-top:10px;}
.l-float-l .block {overflow:hidden; position:relative; width:42px; height:42px; border:1px solid #e0e0e0; background-color:#ffffff; cursor:pointer;}
.l-float-l svg {display:block; position:absolute; left:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px;}
.l-float-l .ty-back svg {opacity:0.8;}

.l-float-l .ty-talk .block {background-color:#27ca57;border-color:#27ca57;}
.l-float-l .ty-talk svg path {fill:#fff;}
.l-float-l .ty-talk .btn {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; opacity:0;}

.l-float-l .ty-kakao .block {background-color:#ffe31a;border-color:#ffe31a;}
.l-float-l .ty-kakao svg {
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    fill: #391b1b;
}

/* l-float-r */

.l-float-r {right:12px;}
.l-float-r li {display:block;}
.l-float-r li:nth-child(n+2) {padding-top:10px;}
.l-float-r .block {overflow:hidden; position:relative; width:42px; height:42px; border:1px solid #e0e0e0; background-color:#ffffff; cursor:pointer;}
.l-float-r svg {display:block; position:absolute; left:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px;}

.l-float-r .ty-filters .block {border:1px solid var(--color1); background-color:var(--color1);}
.l-float-r .ty-filters svg {fill:#fff;}

.l-float-r .ty-lang svg path:nth-child(1) {fill:#DDDDDD;}
.l-float-r .ty-lang svg path:nth-child(2) {fill:#4455B6;}
.l-float-r .ty-lang svg path:nth-child(3) {fill:#333333;}
.l-float-r .ty-lang svg path:nth-child(4) {fill:#4B8BF5;}
.l-float-r .ty-lang svg path:nth-child(5) {fill:#FFFFFF;}

.l-float-r .ty-scroll {transition:padding 0.1s, height 0.1s; transition-timing-function:ease; position:relative; padding-top:0px !important; width:44px; height:0; cursor:pointer;}
.l-float-r .ty-scroll .block {transition:opacity 0.5s; opacity:0;}
.l-float-r .ty-scroll svg {opacity:0.8;}
.l-float-r .ty-scroll.active {padding-top:10px !important; height:44px;}
.l-float-r .ty-scroll.active .block {opacity:1;}

@media screen and (max-height:200px) {
.l-float-r {display:none;}
}