@charset "UTF-8";
@import url(https://fonts.bunny.net/css?family=noto-sans:400,700|noto-sans-jp:400,700|noto-sans-kr:400,700|noto-sans-sc:400,700|noto-sans-tc:400,700);


/* reset */
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
p {display: inline-block;}
ol, ul {margin: 0; padding: 0; list-style: none;}
a {text-decoration: none;}
button {padding: 0; cursor: pointer; line-height: 1.5; text-indent: -9999px;}
button, select {-webkit-appearance: none; background: none; border: none; outline: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
address {font-style: normal;}


html {color: #fff; background: #000; font-size: 18px; line-height: 1.67; letter-spacing: -0.18px; scroll-behavior: smooth;}
body {scrollbar-width: thin; cursor: url('../img/cursor.svg'), auto;}

body::-webkit-scrollbar {width: 8px; height: 8px;}
body::-webkit-scrollbar-track {background: rgb(33, 33, 33);}
body::-webkit-scrollbar-thumb {background: #bbff00; border-radius: 10px;}
body::-webkit-scrollbar-corner {background: rgb(95 95 95);}

body.en {font-family: 'Noto Sans', sans-serif;}
body.kr {font-family: 'Noto Sans KR', sans-serif;}
body.jp {font-family: 'Noto Sans JP', sans-serif;}
body.cn {font-family: 'Noto Sans SC', sans-serif;} /* 간체 */
body.tw {font-family: 'Noto Sans TC', sans-serif;} /* 번체 */



/* header */
header {
  position: fixed;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  /* max-width: 500px; */
  width: 100%;
  transition: all 0.2s;
  z-index: 9997;
}
/* header.pc.scroll {top: -40px;} */

header.scroll .mb {background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
header .mb .top {padding: 0 15px; background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
header .mb .top-inner {display: flex; align-items: center; justify-content: space-between;}
header .mb .top a {display: flex; padding: 12.5px 0;}
header .mb .top img {height: 15px;}

header .mb .m-header-inner {padding: 5px 15px; display: flex; align-items: center; justify-content: flex-end;}
header .mb .m-gnb-down {opacity: 0; visibility: hidden; margin-right: 25px; padding: 1px 5px; border: 1px solid #fff; border-radius: 3px; font-size: 13px; color: #fff; background: rgba(255, 255, 255, 0.16); transition: all 0.15s;}
header .mb .m-gnb-open {width: 40px; height: 40px; background: url(../img/mb/m-gnb-btn-menu.png) no-repeat 50% 50%; background-size: 32px;}
header.scroll .mb .m-gnb-down {opacity: 1; visibility: visible;}


.m-gnb-wrap {position: absolute; right: 0; top: 0; width: 100%; height: 100vh; transform: translateX(100%); opacity: 0; transition: all 0.2s; padding: 25px 15px 25px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.m-gnb-wrap.active {right: 0; transform: translateX(0%); opacity: 1; z-index: 9999;}

.m-gnb-wrap .m-gnb-close {width: 24px; height: 24px; background: url(../img/mb/m-gnb-popup-close.png) no-repeat 50% 50%; background-size: 24px;}
.m-gnb-wrap .m-gnb {display: flex; flex-direction: column; align-items: flex-start; max-width: 340px; width: 80%; margin: 0 auto;}
.m-gnb-wrap .m-gnb li {width: 100%; margin-bottom: 28px;}
.m-gnb-wrap .m-gnb li:last-child {margin-bottom: 0;}
.m-gnb-wrap .m-gnb li a {display: block; color: #fff; font-weight: 700; transition: all 0.3s;}

.m-gnb-wrap .util {width: 100%;}
.m-gnb-wrap .util .line {width: 100%; height: 1px; background: #fff;}
.m-gnb-wrap .lang-wrap {max-width: 340px; width: 80%; margin: 0 auto; padding: 10px 10px 10px 0; background: none; border-radius: 0; border: none;}
.m-gnb-wrap .lang-wrap .layer-style {position: relative; width: 30%;}
.m-gnb-wrap .lang-wrap .select_lng_txt {display: flex; align-items: center; padding: 10px 0px; color: #fff; font-size: 15px; cursor: pointer;}
.m-gnb-wrap .lang-wrap .select_lng_txt:before {width: 12px; height: 8px; background-image: url(../img/mb/m-gnb-ico-language-arrow.png); background-size: cover;}
.m-gnb-wrap .lang-wrap .select_lng_img {width: 16px; margin: 1px 8px 0 0;}
.m-gnb-wrap .lang-wrap .lang-list {top: unset; bottom: 40px; left: 0; right: 0;}
.m-gnb-wrap .lang-wrap .lang-list.active {display: block; color: #fff;}

.m-gnb-wrap .util .sns-list {display: flex; align-items: center; max-width: 340px; width: 80%; margin: 20px auto 0;}
.m-gnb-wrap .util .sns-list li {margin-right: 30px;}
.m-gnb-wrap .util .sns-list li:last-child {margin-right: 0;}
.m-gnb-wrap .util .sns-list li a {display: flex;}
.m-gnb-wrap .util .sns-list li img {width: 30px;}

/* 새 창 아이콘 */
.m-gnb li a img {margin-left: 8px; vertical-align: -2px;}

/* language */
.lang-wrap {position: relative; border: 1px solid #fff; border-radius: 23px; background: rgba(255, 255, 255, 0.2);}

.lang-wrap .select_lng_txt {position: relative; width: 140px; height: 40px; font-size: 15px; font-weight: bold; line-height: 38px; cursor: pointer; color: #fff;}
.lang-wrap .select_lng_txt:before {position: absolute; content: ''; width: 14px; height: 8px; right: 10px; top: 50%; transform: translateY(-50%); transition: all 0.3s; background: url(../img/gnb-ico-language-arrow.png) no-repeat 50% 50%;}
.lang-wrap .select_lng_txt.active:before {transform: translateY(-50%) rotateZ(180deg);}
.lang-wrap .select_lng_img {vertical-align: -2px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.lang-wrap .select_lng_txt p {position: relative; left: 50%; transform: translateX(-50%); text-transform: uppercase;}

.lang-wrap .lang-list {display: none; position: absolute; left: 17px; right: 17px; top: 41px; text-align: center; background-color: #202020;}
.lang-wrap .lang-list li {cursor: pointer; font-size: 14px; padding: 10px; transition: all 0.2s; color: #cbcbcb;;}
.lang-wrap .lang-list.active {display: block;}


.sc-tit {font-family: "sandoll-press-original", sans-serif; font-size: 24px; letter-spacing: 0; font-weight: 400; font-style: normal;}



/* features */
#fts.detail {max-width: 500px; margin: 0 auto; position: relative; box-shadow: 0px 0px 25px #bbff0070; overflow: hidden;}
#fts.detail {display: block; background: url(../img/mb/m-fts-sub-bg.png) no-repeat 50% 50%; background-size: cover;}
#fts.detail header {max-width: 500px;}
#fts.detail .contents {width: 100%; padding: 50px 20px 0; text-align: center;}

#fts.detail .go-back {display: flex; flex-direction: column; width: fit-content; padding: 2px;}
#fts.detail .go-back img {width: 34px; height: 34px;}
#fts.detail .go-back p {font-size: 15px; color: #999;}

#fts.detail .slider-outer {margin-top: 20px;}

#fts.detail .ftsMbRt {position: relative;}
#fts.detail .ftsMbRt .fts-vd {position: relative; margin: 25px auto; padding-top: 8px; width: 212px; height: 361px; border-radius: 7px; box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.5); overflow: hidden;}
#fts.detail .ftsMbRt .fts-vd:before {position: absolute; content: ''; left: 0; top: 0; width: 212px; height: 361px; background: url(../img/mb/m-fts-sub-videobox.png) no-repeat 50% 50%; background-size: cover;}
#fts.detail .fts-vd video {width: 92%; border: 1px solid #fff;}

#fts.detail .fts-play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: url(../img/features-btn-play.png) no-repeat 50% 50%; transition: all 0.3s; background-size: 60px;}
#fts.detail .fts-play.on {background-image: url(../img/features-btn-play-stop.png); opacity: 0; cursor: default;}
#fts.detail .fts-play.over {opacity: 1;}
#fts.detail .fts-play.on.over {cursor: pointer;}

#fts.detail .swiper-button-prev {left: 0; width: 34px; height: 34px; background: url(../img/features-btn-hover-left.png) no-repeat 50% 50%; background-size: 34px;}
#fts.detail .swiper-button-next {right: 0; width: 34px; height: 34px; background: url(../img/features-btn-hover-right.png) no-repeat 50% 50%; background-size: 34px;}
#fts.detail .swiper-button-prev:after {content: '';}
#fts.detail .swiper-button-next:after {content: '';}

#fts.detail .pag-wrap {position: relative;}
#fts.detail .swiper-pagination-bullet {width: 20px;}
#fts.detail .swiper-pagination {bottom: -5px;}
#fts.detail .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
#fts.detail .swiper-pagination-bullet {width: 20px; height: 4px; background: #fff; border-radius: 0; opacity: 0.4;}
#fts.detail .swiper-button-prev {left: 0; width: 34px; height: 34px; background: url(../img/features-btn-hover-left.png) no-repeat 50% 50%; background-size: 34px;}
#fts.detail .swiper-button-next {right: 0; width: 34px; height: 34px; background: url(../img/features-btn-hover-right.png) no-repeat 50% 50%; background-size: 34px;}
#fts.detail .swiper-button-prev:after {content: '';}
#fts.detail .swiper-button-next:after {content: '';}

#fts.detail .ftsPcLt {margin: 30px 0 70px;}
#fts.detail .txt {text-align: left;}
#fts.detail .txt img {width: 65px;}
#fts.detail .txt h2 {font-size: 20px; margin: 20px 0; line-height: 1.5;}
#fts.detail .txt p {font-size: 15px; line-height: 1.6;}

#fts.detail .swiper-slide .txt img {opacity: 0; transform: translateY(30px); transition: all 1s; transition-delay: 0.1s;}
#fts.detail .swiper-slide .txt h2 {opacity: 0; transform: translateY(30px); transition: all 1s; transition-delay: 0.3s;}
#fts.detail .swiper-slide .txt p {opacity: 0; transform: translateY(30px); transition: all 1s; transition-delay: 0.5s;}
#fts.detail .swiper-slide-active .txt img {opacity: 1; transform: translateY(0px);}
#fts.detail .swiper-slide-active .txt h2 {opacity: 1; transform: translateY(0px);}
#fts.detail .swiper-slide-active .txt p {opacity: 1; transform: translateY(0px);}

/* .box {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1300px; height: 200px; background: rgba(255, 0, 0, 0.605); z-index: 1000;} */

#agent {height: 100vh; background: url(../img/agent/sub/ag-bg.png) no-repeat 50% 50%; background-size: cover;}

#agent.detail header, #agent.detail .m-gnb-wrap {display: none;}

#agent .m-go-back {display: none;}

#agent .contents {height: 100%; min-width: 1300px; overflow: hidden;}
#agent .slider-wrap {position: relative; height: 100%; display: flex; align-items: center;}

#agent .swiper-button-prev {width: 66px; height: 67px; background: url(../img/features-btn-hover-left.png) no-repeat 50% 50%; background-size: 66px;}
#agent .swiper-button-next {width: 66px; height: 67px; background: url(../img/features-btn-hover-right.png) no-repeat 50% 50%; background-size: 66px;}
#agent .swiper-button-prev:after {content: '';}
#agent .swiper-button-next:after {content: '';}

#agent .back-wrap {position: absolute; width: 1300px; left: 50%; top: 150px; transform: translateX(-50%); z-index: 10;}
#agent .go-back {display: flex; flex-direction: column; align-items: flex-end; padding: 2px;}
#agent .go-back img {width: 60px; height: 60px;}
#agent .go-back p {font-size: 15px; color: #999;}

/* 요원 슬라이더 */
#agent .s-agt-slider {width: 100%; height: 100%;}
#agent .s-agt-slider .swiper-slide {-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);}
#agent .s-agt-slider .info-inner {width: 100%; height: 100%; display: flex; align-items: center;}
#agent .s-agt-slider .info-inner .bg {width: 48%; height: 100%; padding-left: 120px; display: flex; align-items: flex-end; justify-content: space-around;}
/* #agent .s-agt-slider .info-inner .bg img {height: 85%;} */
#agent .s-agt-slider .txt {position: relative; padding: 0 80px; height: 550px;}
#agent .s-agt-slider .txt:before {position: absolute; content: ''; left: 38px; top: -32px; width: 70px; height: 70px; background: url(../img/agent/sub/ag-img-01.png) no-repeat 50% 50%;}
#agent .s-agt-slider .txt img {position: relative; margin-bottom: 20px; z-index: 1;}
#agent .s-agt-slider .txt h4 {display: flex; align-items: center; font-size: 18px; color: #bbff00;}
#agent .s-agt-slider .txt h4 span {display: inline-block; margin-left: 10px; font-size: 40px; color: #fff;}
#agent .s-agt-slider .txt h4:nth-child(3) {margin-top: 10px;}
#agent .s-agt-slider .txt h4:nth-child(3) span {font-size: 25px;}
#agent .s-agt-slider .txt p {margin-top: 25px;}

/* .kr #agent .s-agt-slider .txt p {padding-right: 0;} */

/* 썸네일 슬라이더 */
#agent .th-agt-slider {width: 610px;}
#agent .th-agt-slider .swiper-slide {width: 25%; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; cursor: pointer;}
#agent .th-agt-slider .swiper-slide img.hover {position: absolute; opacity: 0; transition: all 0.3s;}
#agent .th-agt-slider .swiper-slide-thumb-active img.hover {opacity: 1;}
#agent .th-agt-slider .swiper-slide-thumb-active p {color: #bbff00;}
#agent .th-agt-slider .swiper-slide p {margin-top: 13px; font-weight: 700; transition: all 0.5s;}
#agent .th-wrap {position: absolute; left: 47%; bottom: 10%;}
#agent .th-wrap .btn-all {display: none;}
#agent .th-prev {left: -82px; margin-top: 0; top: 57px;}
#agent .th-next {right: -82px; margin-top: 0; top: 57px;}

#agent .m-go-back {display: none; flex-direction: column; width: fit-content; padding: 2px;}
#agent .m-go-back img {width: 34px; height: 34px;}
#agent .m-go-back p {font-size: 15px; color: #999;}

#agent.all {max-width: 500px; height: auto; margin: 0 auto; position: relative; box-shadow: 0px 0px 25px #bbff0070; background: #000; overflow: hidden;}
#agent.all header {max-width: 500px;}
#agent.all .m-go-back {display: flex;}

#agent .all {width: 100%; height: 100%; background-color: #000;}
/* #agent .all {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 9996; transition: all 0.3s; display: flex; opacity: 0; visibility: hidden;} */
/* #agent .all.active {opacity: 1; visibility: visible;} */

#agent .m-inner {max-width: 500px; width: 100%; margin: 0 auto; padding: 70px 25px 40px; text-align: center; overflow: auto;}

#agent .all .sc-tit {margin-bottom: 42px;}
#agent .all .agt-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#agent .all .agt-list li {display: flex; width: 22%; margin-bottom: 4%; cursor: pointer;}
#agent .all .agt-list li:last-child {cursor: auto; opacity: 0;}
#agent .all .agt-list li a {display: block;}
#agent .all .agt-list li img {width: 100%;}

#agent .footer {display: none;}



/**** board page head common****/
.board-container{color:#000000;}
.notice .top {background: url(../img/new-banner-bg.png) no-repeat 50% 50%; background-size: cover;}
.notice.guide .top {background: url(../img/guide-banner-bg.png) no-repeat 50% 50%; background-size: cover;}
.coupon .top {background: url(../img/coupon-banner-bg.png) no-repeat 50% 50%; background-size: cover;}

.sub .top {position: relative; height: 266px; display: flex; align-items: center; font-family: "sandoll-press-original", sans-serif;}
.top .top-inner {position: relative; max-width: 1200px; width: 100%; margin: 0 auto; text-align: center;}
.top .branding-site {position: absolute; left: 0; bottom: -50%; transform: translate(50%);}
.top .branding-site img {width: 174px;}
.top .page-title {display: block; color: #bbff00; font-size: 60px;}


/***** notice *****/

.sub-tab {border-bottom: 2px solid rgba(112, 112, 112, 0.2);}
.sub-tab ul {display: flex; align-items: center; justify-content: center; }
.sub-tab ul li {font-size: 18px; padding: 16px 5px; position: relative; cursor: pointer; margin:0 65px 0 65px; color:#000000;}
.sub-tab ul li:before {opacity: 0; position: absolute; content: ''; right: -1px; left: -1px; bottom: -3px; height: 4px; border-radius: 5px; background: #bbff00; transition: all 0.3s;}
.sub-tab ul li.active {font-weight: bold;}
.sub-tab ul li.active:before {opacity: 1;}

.sub-tab ul li:hover:before {opacity: 1;}
.guide .sub-tab ul li {margin: 0;min-width: 100px;}

.notice .inner {width: 100%;max-width: 1200px;margin: 0 auto;padding: 40px 0 60px;}
.notice .inner .inner-tit {display: flex; align-items: center; justify-content: space-between;}
.notice .inner .inner-tit h4 {font-size: 30px; font-weight: bold;}

.notice .inner .inner-tit .search-wrap {position: relative; overflow:hidden;}
.notice .inner .inner-tit .serach-area,
.notice .inner .inner-tit .set-search{position:relative;float:left;width: 297px;height:40px;padding:8px 10px;border:1px solid #000000;border-radius: 8px;background: #ffffff;font-size:16px;/* display: flex; *//* align-items: center; *//* justify-content: center; */}
/* .notice .inner .inner-tit .serach-area{width:320px;} */
.notice .inner .inner-tit .set-search{width:135px;margin-right:20px; background:url('../img/new-ico-arrow.png') 90% center no-repeat; color:#000000;}
.notice .inner .inner-tit .noti-search {width: 235px; float: left; height: 100%; line-height:1.5; border: none;}
.notice .inner .inner-tit input::placeholder {color: #aeaeb3;}
.notice .inner .inner-tit .btn-search {position: absolute;right: 2px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;background:url('../img/new-ico-search.png')center no-repeat;}
.notice .inner .inner-tit .search_del {display:none;position: absolute;top: 9px;right: 35px;width: 18px;height:18px;text-align:center;line-height:18px;border-radius:50%;transform:rotate(45deg);font-size: 13px;font-weight:bold;color:#ffffff;background:#adadad;cursor: pointer;z-index: 99;}
.notice .inner .inner-tit .search-danger{display:none; font-size:14px; color:#c50b0b; font-weight:600;}
.notice .inner .inner-tit .search-danger.show{display:block;}

.notice .inner .board {margin-top: 35px; border-top: 2px solid #707070;}
.notice .inner .board .row {width:100%; border-bottom: 2px solid rgba(112, 112, 112, 0.2);}
.notice .inner .board .row .left {display: flex; width: 100%; align-items: center; position: relative;}
.notice .inner .board .row .left .cate {width: 10%; text-align: center; font-size: 15px; color: #aeaeb3; font-weight: 400; cursor: default;}
.notice.guide .inner .board .row .left .cate{width:15%;}
.notice .inner .board .row .left .title {display: block; min-height:54px;padding: 15px 5px;font-size: 16px;font-weight: 400;color: #000;overflow: hidden;width: 75%;text-overflow: ellipsis;white-space: nowrap; margin-right:5%;}
.notice .inner .board .row .date {position: absolute; right: 50px; font-size: 16px; color: #aeaeb3; cursor: default;}
.notice .inner .board .row .left .title:not(.no-list):hover {text-decoration: underline;}
.notice .inner .board .row .left .title.no-list{width: 100%; max-width: 100%; padding: 230px 0; text-align: center;}

.notice .inner .page {display: flex; align-items: center; justify-content: center;  margin-top: 52px;}/*gap: 25px;*/
.notice .inner .page button {width: 12px; height: 18px;}
.notice .inner .page .prev {background: url(../img/new-btn-left-active.png); margin-right:25px;}
.notice .inner .page .next {background: url(../img/new-btn-right-active.png); margin-left:25px;}

.notice .inner .page .number a {display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle; color: #aeaeb3; font-size: 16px;}
.notice .inner .page .number a.active {color: #000; background: #bbff00; border-radius: 100px;}

.noti-view {display:none;}
.noti-view .inner .board {border-top: none;}
.noti-view .inner .board .row {padding-bottom: 35px; border-bottom: 2px solid #000;}
.noti-view .inner .board .row .left .title {max-width:800px;font-size: 22px;font-weight: 500;text-overflow: clip;white-space: break-spaces;}

.noti-view .inner .board .row .left .title:hover {text-decoration: none;}

.noti-view .inner .board .contents {padding: 40px 115px; line-height: 1.81; border-bottom: 2px solid rgba(112, 112, 112, 0.2);}
.noti-view .inner .board .contents p{word-break: keep-all;}
.jp .noti-view .inner .board .contents p {word-break: break-word;}
.noti-view .inner .board .contents img{width:100%;}
.noti-view .inner .board .contents p{display:block;}

.noti-view .btn-list {display: block; margin: 25px auto 0; width: 180px; height: 50px; line-height: 50px; color: #fff; text-align: center; border-radius: 25px; background: #000; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.27);}

/***** coupon *****/
.coupon .inner {max-width: 1010px; width: 100%; margin: 80px auto 100px; text-align: center;}

.coupon h4 {display: block; margin-bottom: 20px; font-size: 22px; color:#000000;}

.coupon .input-wrap {display: inline-block; text-align: left; margin-bottom: 50px;}
.coupon .input-wrap input {width: 560px; height: 60px; padding: 0 30px; color: #aeaeb3; line-height: 60px; text-align: center; border-radius: 6px; border: 1px solid #cbcbcb;}
.coupon .input-wrap input::placeholder {color: #aeaeb3;}
.coupon .input-wrap input:focus {border: 3px solid #bbff00;}
.coupon .input-wrap input:focus-visible {outline: none;}

.coupon .noti {margin: 45px 0 90px; line-height: 1.6; color:#000000;}

.coupon .btn-reg {display: block; width:195px; height:62px; background:#000000; border-radius: 100px; margin: 0 auto; color:#ffffff; line-height:62px;font-size:19px;    text-indent: 0;}
.coupon .btn-reg img {height: 70px;}

.coupon .pid-check {width: 585px; margin: 0 auto 20px; text-align: left;}
.coupon .pid-check img {width: 100%;}


.alert {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.alert.on {display: block;}
.alert .alert-box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 585px; width: 100%; padding: 70px 35px 40px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: #fff; border-radius: 20px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.35);}
.alert .alert-box h4 {display: none; font-size: 22px;}
.alert .alert-box button {display: block; width:195px; height:62px; background:#000000; border-radius:8px; margin:35px auto 0; color:#ffffff; line-height:62px;font-size:19px;  text-indent: 0;}
.alert .alert-box button img {max-width: 178px; width: 100%;}



/***** guide *****/
.guide .top { background: url(../img/guide-banner.png) no-repeat 50% 50%; background-size: cover;}
.guide .board_title_img{display:block; width:150px; height:30px; margin-top:15px; background: url(../img/guide-text.png) no-repeat center #000000;}
.guide .sub-tab ul {width: 100%;margin: 0 auto;gap: 0;max-width: 1120px;}
.guide .sub-tab li {padding: 16px; text-align: center;}
.guide .sub-tab li:after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #e2e2e2;}
/* .guide .sub-tab li:last-child {padding: 0;} */
.guide .sub-tab li:last-child:after {display: none;}
.guide .sub-tab li:last-child a {display: block; /* padding: 16px 30px; */}




/* footer */
.footer {background: #0e1013;}

.footer .ft-top {padding: 0 15px; background: #292929;}
.footer .ft-top-inner {max-width: 1300px; width: 100%; height: 40px; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
.footer .ft-top .logo {display: flex; align-items: center;}
.footer .ft-top .logo a {display: flex;}
.footer .ft-top .logo a img {height: 20px;}
.footer .ft-top .logo .take {margin-right: 40px; vertical-align: -2px;}

.footer .ft-top .lang-wrap {background: none; border: none;}
.footer .lang-wrap.mb {display: none;}
.footer .lang-wrap .lang-list {top: 40px;}

.footer .ft-inner {max-width: 1300px; width: 100%; margin: 0 auto; padding: 40px 0 60px 15px; color: #aeaeb3;}
.footer .ft-inner {display: flex; justify-content: space-between;}

.footer .ft-inner .ft-menu li {margin-right: 40px; display: inline-block;}
.footer .ft-inner .ft-menu li a {font-size: 18px; color: #fff; transition: all 0.3s;}
.footer .ft-inner .ft-txt {margin-top: 45px; font-size: 16px; color: #aeaeb3; line-height: 1.7;}
.footer .ft-inner .ft-txt span {padding: 0 10px;}
.footer .ft-inner .store-wrap {display: flex;}
.footer .ft-inner .store-wrap img {height: 52px;}
.footer .ft-inner .store-wrap .store {margin: 0 10px;}




@media screen and (min-width: 1024px) {
  .lang-wrap .lang-list li:hover {background: #bbff00; color: #000;}

  #fts.detail {height: 100vh;}

  #agent .th-agt-slider .swiper-slide:hover .hover {opacity: 1;}
  #agent .th-agt-slider .swiper-slide:hover p {color: #bbff00;}
  #agent .th-wrap .next-button:hover {background-image: url(../img/features-btn-hover-right-on.png);}
  #agent .th-wrap .prev-button:hover {background-image: url(../img/features-btn-hover-left-on.png);}

  .footer .ft-inner .ft-menu li:hover a {color: #bbff00;}
}


/* mobile */
@media screen and (max-width: 767px) {
  html {font-size: 15px;}

  #fts.detail {width: 100%;}

  .m-gnb-wrap {position: fixed; height: 100%;}


  #fts.detail .swiper-slide .txt p br {display: none;}

  .en #fts.detail .txt h2 {font-size: 21px;}

  
  #agent {height: auto; background: #000;}
  #agent .m-gnb-wrap {display: flex;}

  #agent.detail header {display: block;}
  #agent.detail .m-gnb-wrap {display: flex;}

  #agent .contents {min-width: auto;}
  #agent .back-wrap {width: auto; left: 30px; top: 70px; transform: translate(0);}
  #agent .m-go-back {display: flex; flex-direction: column; width: fit-content; padding: 2px;}
  #agent .m-go-back img {width: 34px; height: 34px;}
  #agent .m-go-back p {font-size: 15px; color: #999;}
  #agent .go-back {display: none;}
  
  #agent .slider-wrap {flex-direction: column;}

  #agent .s-agt-slider .txt:before {display: none;}
  #agent .s-agt-slider .info-inner {flex-direction: column;}
  #agent .s-agt-slider .info-inner .bg {width: 100%; padding: 0; background: none !important;}
  #agent .s-agt-slider .agt_change_img {width: 100%;}
  #agent .s-agt-slider .agt_change_code {width: 70%; margin-right: 25px;}
  #agent .s-agt-slider .txt {width: 100%; height: 330px; top: -65px; padding: 0; text-align: right;}
  #agent .s-agt-slider .txt h4 {padding: 0 25px; margin-bottom: 20px; font-size: 15px;}
  #agent .s-agt-slider .txt h4 span {font-size: 20px;}
  #agent .s-agt-slider .txt h4:nth-child(3) span {font-size: 20px;}
  #agent .s-agt-slider .txt p {width: 100%; padding: 0 25px; margin-top: 5px; text-align: left;}
  #agent .s-agt-slider .txt p br {display: none;}
  #agent .s-agt-slider .txt img {margin-bottom: 50px;}
  
  #agent .th-wrap {position: relative; left: 0; bottom: 0; width: 100%; margin-bottom: 50px; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
  #agent .th-wrap .outer {width: 80%; display: flex; justify-content: center;}
  #agent .th-wrap .btn-all {display: flex; margin-left: 8px; width: 80px;}
  #agent .th-wrap .btn-all img {width: 100%;}
  #agent .th-agt-slider {width: 71%; margin: 0;}
  #agent .th-agt-slider .swiper-slide img {width: 100%; max-width: 80px;}
  #agent .th-agt-slider .swiper-slide p {display: none;}
  #agent .th-prev, #agent .th-next {position: relative; width: 34px; height: 34px; top: 0;}
  #agent .th-prev {left: 0; background-size: 32px;}
  #agent .th-next {right: 0; background-size: 32px;}

  #agent .footer {display: block;}

  

  .sub .top {height: 120px;}
  .notice .top {background: url('../img/mb/m-new-banner-bg.png') no-repeat center #000000; background-size:cover;}
  .notice.guide .top {background: url('../img/mb/m-guide-banner-bg.png') no-repeat center #000000;  background-size:cover;}
  .coupon .top {background: url('../img/mb/m-coupon-banner-bg.png') no-repeat center #000000;  background-size:cover;}

  .top .branding-site img {width: 70px;}
  .top .page-title {font-size: 24px;}

  .sub-tab ul li {font-size: 15px; margin:0 14.5px 0 14.5px}
  .sub-tab ul li:before {right: -10px; left: -10px;}
  
  .notice .inner {width: 100%; padding: 35px 0;}
  .notice .inner .inner-tit {flex-direction: column;}
  .notice .inner .inner-tit h4 {font-size: 18px;}
  .notice .bi-img{width:142px;}
  .notice .board_title_img {width:80px;height:23px; margin-top:15px; background: url(../images/sub/m-new-text.png) no-repeat center #000000; background-size: contain;}
  .notice.guide .board_title_img { background: url(../images/sub/m-guide-text.png) no-repeat center #000000; background-size: contain;}
  
  .notice .inner .inner-tit .search-wrap {margin-top: 25px;}
  .notice .inner .inner-tit .set-search{display:none;}
  .notice .inner .inner-tit .noti-search{font-size:13px;}
  
  .notice .inner .board .row {padding: 15px 25px; align-items: flex-start;}
  .notice .inner .board .row .left {flex-direction: column; align-items: flex-start; width:100%}
  .notice.guide .inner .board .row .left .cate,
  .notice .inner .board .row .left .cate {width: auto;}  
  .notice .inner .board .row .left .title {display: block; width: auto; max-width:90%; min-height:auto; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .notice .inner .board .row .date {right: 0px; margin-right: 0; font-size: 15px;}
  
  .noti-view .inner .board {margin-top: 0;}
  .noti-view .inner .board .row .left .title {margin: 0; max-width: none; font-size: 16px; white-space: break-spaces;}
  .noti-view .inner .board .contents {padding: 22px 25px; font-size:14px;}
  .noti-view .btn-list {width: 138px; height: 40px; line-height: 40px; font-size: 16px;}
  
  /* .coupon .top {padding: 60px 0;} */
  .coupon .inner {margin: 30px auto;}
  .coupon h4 {font-size: 16px;}
  .coupon .input-wrap {margin-bottom: 25px;}
  .coupon .input-wrap input {min-width: 340px; width: 100%; height: 46px; padding: 0 12px; font-size: 15px; line-height: 46px; border: 1px solid #707070;}

  .coupon .btn-reg {width: 140px; height: 40px; font-size: 16px; line-height: 40px;}
  .coupon .btn-reg img {height: 40px;}

  .coupon .noti {margin: 15px 0 40px; font-size: 12px;}

  .coupon .pid-check {width: 100%; padding: 0 15px;}
  .coupon .pid-check h4 {width: 296px;}
  .coupon .lang-wrap.mobile {display: block; margin-top: 20px;}

  .coupon .footer .lang-wrap {display: none;}

  .alert .alert-box {width: 85%; padding: 35px;}
  .alert .alert-box h4 {font-size: 17px;}
  .alert .alert-box button {margin-top: 15px; width: 160px; height: 50px; line-height: 50px; font-size: 16px;}
  .alert .alert-box button img {max-width: 130px;}

  .guide .sub-tab {overflow-x: auto; border-bottom: 0;}
  .guide .sub-tab .scroll {margin-bottom: 4px;}
  .guide .sub-tab ul {width: 100%; border-bottom: 2px solid rgba(112, 112, 112, 0.2); display:table;}
  .guide .sub-tab ul li {min-width: 110px; padding: 16px 10px;display:table-cell;vertical-align: middle;}
  .guide .sub-tab ul li:before {right: 0; left: 0;}


  .footer .ft-top-inner {max-width: none; height: 30px;}
  .footer .ft-top .logo {width: 100%; justify-content: space-between;}
  .footer .ft-top .logo a img {height: 10px;}
  .footer .ft-top .lang-wrap {display: none;}
  
  .footer .ft-inner {padding: 30px 35px 40px; flex-direction: column-reverse; align-items: center;}
  .footer .ft-inner .ft-menu {margin: 22px 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around;}
  .footer .ft-inner .ft-menu li {margin: 0;}
  .footer .ft-inner .ft-menu li a {font-size: 13px; font-weight: 700;}
  .footer .ft-inner .ft-txt {margin: 0; font-size: 12px;}
  .footer .ft-inner .store-wrap img {height: 41px;}


  .footer .lang-wrap.mb {display: block; margin-bottom: 28px; border: none; border-radius: 0; background: #000;}
  .lang-wrap .lang-list {left: 0; right: 0;}
}



@media screen and (max-height: 670px) {
  #fts.detail .slider-outer {margin-top: 10px;}
}

@media screen and (max-width: 450px) {
  #agent .th-wrap .btn-all {width: 70px;}
}

@media screen and (max-width: 400px) {
  #agent .th-wrap .btn-all {width: 60px;}
}