@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean);
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;font-weight: normal;outline: none;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: 500;}
*{box-sizing: border-box;letter-spacing: -.045em;font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;}
i{font-style: normal;}

body,textarea{}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;}
body{font-size: 14px;color: #222; font-weight: normal;}

input[type="file"], input[type="text"], input[type="password"], select{color: #222;}
input,textarea,select,button {font-size: 14px;vertical-align: middle;font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;padding:2px 5px;}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;white-space: pre-wrap;word-wrap: break-word;}
textarea{height:initial;resize: none;}

img{border: 0 none;vertical-align: middle;}
ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
a{text-decoration: none;color: #222;font-family: Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif;display: inline-block;transition: all 0.3s ease;}
a:link {color:#222; text-decoration:none; font-size:14px;}

table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;}
table caption{width: 0;height: 0;font-size: 14px;overflow: hidden;text-indent: -999em;}

.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

#header{background: #222;display:flex;justify-content: space-between;align-items: center;height: 60px;padding: 0 10px;position: relative;}
.all-btn img{width: 30px;height: 30px;}
#logo{position: absolute;left: calc(50% - 70px);top: 0;}
#logo img{width: 140px;height: 60px;}
.header1-right{display:flex;justify-content: space-between;align-items: center;}
.header1-right img{width: 20px;height:20px;}
.header1-right a{margin-left: 10px;}
#header-menu{background: #222;display:flex;justify-content: space-around;align-items: center;height: 40px;border-top: 1px solid hsla(0,0%,100%,.05)}
#header-menu a{padding: 0 20px;height: 40px;color: #fff;display:flex;justify-content: center;align-items: center;}

.vedios{padding: 40px 0 20px;background: #000;}
.vedios .swiper {max-width: 1260px;overflow: visible;width: 100%;}
.vedios .swiper-slide{border-radius: 10px;overflow: hidden;}
.vedios .swiper-slide > a{display:block;position: relative;}
.vedios .swiper-slide > a > img{width: 100%;}
.vedios .swiper-slide-shadow-left {background: rgba(255, 255, 255, .5);}
.vedios .swiper-slide-shadow-right {background: rgba(255, 255, 255, .5);}
.vedios .about{background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);padding: .5rem;position: absolute;left: 0;bottom: 0;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.vedios .about .img img{width: 44px;height: 44px;border-radius: 50%;overflow: hidden;}
.vedios .about .con{color: #fff;padding-left: 10px;}
.vedios .about .con strong{font-size: 14px;}
.vedios .about .con p{font-size: 13px;}
.vedios .about .con i{display: block;}
#main-slide .swiper-pagination{position: static;display: flex;justify-content: space-around;align-items: center;}
#main-slide .swiper-pagination span{background: #ddd;text-indent: -999em;width: 100%;display:block;margin: 0;height: 9px;border-radius: 0;transition: all 0.3s ease;}
#main-slide .swiper-pagination span.swiper-pagination-bullet-active{background: #f2507e;}
.topbanner{margin-top: 10px;}
.topbanner .swiper-slide > a > img{max-width: 100%;}
.topbanner .swiper-pagination{background: rgba(0, 0, 0, 0.5);border-radius: 20px;color: #fff;width: 32px;left: calc(50% - 16px);bottom: 10px;font-size: 10px;}
.topbanner .swiper-pagination span{font-size: 10px;color: #fff;}
.main-h3{margin-top: 27px;font-size: 20px;color: #000;font-weight: 500;}
#container{padding: 0 10px 50px;}
.main-tab ul{float: right;}
.main-tab ul li{float: left;position: relative;}
.main-tab ul li::before{content: "";background: #999;width: 1px;height: 14px;position: absolute;left: 0;top: 4px;}
.main-tab ul li:first-child::before{display: none;}
.main-tab a{padding: 0 10px;font-size: 14px;color: #999;}
.main-tab a.on{color: #000;}
.tab-con{display: none;}
.tab-con > ul::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.tab-con > ul{margin-left: -10px;}
.tab-con > ul > li{width: calc(100% / 2 - 10px);margin-left: 10px;float: left;overflow: hidden;margin-top: 30px;}
.tab-con > ul > li:first-child,.tab-con > ul > li:nth-child(2){margin-top: 20px;}
.tab-con > ul > li > a{position: relative;overflow: hidden;border-radius: 5px;}
.tab-con > ul > li > a img{max-width: 100%;}
.tab-con > ul > li > a ul{position: absolute;left: 10px;top: 10px;border-radius: 3px;overflow: hidden;}
.tab-con > ul > li > a ul li{background: rgba(0, 0, 0, 0.5);color: #fff;float: left;padding: 2px 10px;font-size: 12px;}
.tab-con > ul > li > a ul li:first-child{background: rgba(255, 2, 74, 1);}
.tab-con .con{margin-top: 10px;display: flex;justify-content: flex-start;align-items: flex-start;}
.tab-con .con a img{width: 40px;height: 40px;border-radius: 50%;}
.tab-con .con > div strong{font-size: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tab-con .con > div span{font-size: 14px;display: block;color: #ff024a;}
.tab-con .con > div .flex{margin-top: 5px;}
.tab-con .con > div .flex span{margin-right: 1px;background: #eee;border-radius: 15px;display: inline-block;padding: 2px 10px;text-align: center;font-size: 12px;color: #666;}
.tab-con .con > a{display:none;}
.tab-con .con > div{width: 100%;}
#footer{border-top: 1px solid #e0e0e0;margin-top: 48px;padding: 20px 10px;overflow: hidden;}
.f-menu{text-align: center;}
.f-menu ul{display: flex;justify-content: center;align-items: center;}
.f-menu ul > li{position: relative;padding:  0 5px;}
.f-menu ul > li::before{content: "";width: 1px;height: 10px;background: #4c4c4c;position: absolute;left: 0;top: 5px;}
.f-menu ul > li:first-child::before{display: none;}
.f-menu ul > li a{font-size: 14px;color: #4c4c4c;line-height: 20px;}
#footer .footer-info {font-size:12px;color:#646464;word-wrap:break-word;-ms-word-wrap:break-word;word-break:keep-all;-ms-word-break:keep-all;margin-top: 16px;text-align: center;}
#footer .margin-divider {display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#4c4c4c;align-items:center;text-align: center;}
#footer .footer-copy {display:block;margin-top:8px;word-break:break-all;}
#footer .footer-marketWrap {display:flex;justify-content:center;align-items:center;}
#footer .footer-marketWrap a {display:block;width:100%;height:100%;}
#footer .insLink {width:36px;height:36px;background:url(/img/site-mobile/ico_ins_w.png) no-repeat;background-size:cover;margin:10px;}
#footer .blogLink {width:36px;height:36px;background:url(/img/site-mobile/ico_nb_w.png) no-repeat;background-size:cover;margin:10px;}
#footer .youtubeLink {width:36px;height:36px;background:url(/img/site-mobile/ico_yt_w.png) no-repeat;background-size:cover;margin:10px;}
#footer .insLink:hover {background:url(/img/site-mobile/ico_ins_c.png) no-repeat;background-size:cover;}
#footer .blogLink:hover {background:url(/img/site-mobile/ico_nb_c.png) no-repeat;background-size:cover;}
#footer .youtubeLink:hover {background:url(/img/site-mobile/ico_yt_c.png) no-repeat;background-size:cover;}
#gnb{position: fixed;left:-280px;top:0;height:100%;padding:0 16px;width: 280px;overflow-y:auto;background: #fff;z-index:999;}
#gnb::-webkit-scrollbar {width: 12px;}
#gnb::-webkit-scrollbar-track {background: #f1f1f1;}
#gnb::-webkit-scrollbar-thumb { background: #d0d0d0;border-radius: 20px;}
#gnb::-webkit-scrollbar-thumb:hover {background: #555;}
.gnb-top{padding: 32px 0 16px;border-bottom: 1px solid #eee;}
.btn-close{text-align:right;padding-top: 10px;}
.btn-close img{width: 24px;height: 24px;}
.user-info {display:flex;align-items:center;margin-bottom:8px;}
.user-info>.user-img {flex:0 0 56px;max-width:56px;height:56px;margin-right:16px;border-radius:50%;background:url(/data/member/ad/admin.gif) no-repeat 50%;background-size:cover;overflow:hidden;}
.user-info>.user-img>img {width:100%;height:100%;}
.user-info>.user-txt {flex:1;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#888;}
.user-info>.user-txt>* {display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.user-info>.user-txt .point {font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#222;}
.user-info>.user-txt a.point{color: #888;font-weight: 400;}
.user-info>.user-txt .user-nick-group {display:flex;align-items:center;}
.user-info>.user-txt .user-nick-group span {font-size:14px;color:#888;}
.user-info>.user-txt .user-nick-group a {display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;background:#323232;color:#fff !important;font-size:12px;border-radius:4px;margin-left:4px;}
#gnb .flex-wrap {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
#gnb .flex-wrap>* {font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.08;letter-spacing:normal;text-align:left;color:#222;}
#gnb .flex-wrap .point {font-weight:500;color:#f2507e;}
#gnb .flex-wrap>a {display:flex;justify-content:center;align-items:center;width:60px;height:30px;padding:0 16px;border-radius:100px;border:1px solid #ddd;background-color:#fff;letter-spacing:-1px;}
#gnb .link-wrap {display:flex;padding:15px 0;border-radius:4px;border-bottom: 1px solid #ddd;}
#gnb .link-wrap>a, #gnb .link-wrap>button {position:relative;flex:1;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.08;text-align:center;color:#222 !important;padding:0 8px;}
#gnb .link-wrap>a>img,#gnb .link-wrap>button>img.ui.image {display:block;margin:0 auto 5px;}
#gnb .link-wrap>a:after,#gnb .link-wrap>button:after {content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:26px;background-color:#ddd;z-index:1;}
#gnb .link-wrap>a:last-child:after{display:none;}
.gnb-menu{padding-top: 16px;}
.gnb-menu a {font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:left;color:#222 !important;margin-bottom:16px;display: flex;align-items: center;}
.gnb-menu a img{margin-right: 7px;}
.side-app-down{position:relative;}
.side-app-down:after,.side-app-down:before {display:block;width:2px;height:20px;background-color:#f2507e;position:absolute;top:10px;left:10px;content:"";}
.side-app-down a {display:flex;width:100%;flex-direction:row;}
.side-app-down a span {display:flex;height:40px;align-items:center;justify-content:center;}
.side-app-down a span.txt {flex:1;text-align:center;background-color:#f5f5f5;}
.side-app-down a span.ico {width:65px;background-color:#f2507e;}
.side-app-down .money-banner-warper {background-color:#3a3065;padding:12px;display:flex;margin-top:17px;}
.side-app-down .money-banner {-o-object-fit:contain;object-fit:contain;height:18.4px;margin-right:5px;}
.side-app-down .money-banner-warper button {background-color:#00fff6;font-weight:600;font-size:12px;border-radius:12px;width:60px;}
#gnb .other-link-wrap {padding:16px;background-color:#f7f7f7;margin-top: 10px;}
#gnb .other-link-wrap>a {display:block;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:2.46;letter-spacing:normal;text-align:left;color:#222 !important;}
#gnb .other-link-wrap {padding:16px;background-color:#f7f7f7;}
#gnb .other-link-wrap>a {display:block;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:2.46;letter-spacing:normal;text-align:left;color:#222 !important;}
#gnb .btn-login {font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;}
#gnb .btn-login>button {margin:0;padding:0;display:flex;width:100%;height:45px;align-items:center;justify-content:center;font-size:14px;font-weight:400;color:#888;cursor: pointer;background: #fff;border:0;}
.m-bg{position: fixed;left:0;top: 0;width:100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 990;display:none;}
#search-box{display: none;position: fixed;left:0;top:0;height:100%;width: 100%;overflow-y:auto;background: #fff;z-index:999;}
#search-box .search-header {display:flex;align-items:center;flex:0 0 40px;max-height:40px;padding:5px 15px;background-color:#000;}
#search-box .search-header .input-box {flex:1;position:relative;margin-left:15px;}
#search-box .search-header .input-box>input {width:100%;height:28px;background-color:#fff;border-radius:4px;font-size:14px;color:#222;border:0;padding:0 12px;}
#search-box .search-header .input-box>.btn-delete {position:absolute;width:16px;height:16px;top:50%;right:8px;transform:translateY(-50%);background:url(/img/site-mobile/btn_input_del.png) no-repeat;background-size:16px 16px;border: 0;}
#search-box .search-header .btn-close {display:inline-block;flex:0 0 20px;width:20px;height:20px;background:url(/img/site-mobile/btn-close-wh.png) no-repeat 50%;background-size:20px 20px;border: 0;}
#search-box li{display:flex;justify-content:space-between;font-size:14px;color:#666;border-bottom:1px solid #ededed;padding:10px 15px;}

#main-popup{background: rgba(0, 0, 0, 0.2);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;display: flex;justify-content:center;align-items:center;}
.main-popup-box{width: 98%;background: #fff;padding: 10px;border-radius: 10px;}
.mPop .swiper-slide a img{max-width: 100%;}
.mPop .swiper-button-next, .mPop .swiper-button-prev{color: #fff;}
.mPop .swiper-button-next::after, .mPop .swiper-button-prev::after{font-size:12px;}
#main-popup .swiper-pagination-fraction{display: inline-block;background: #555;color: #fff;left: calc(50% - 31px);width: auto;padding: 1px 10px;border-radius: 20px;font-size: 10px;}
#main-popup .swiper-pagination-fraction span{color: #fff;font-size: 10px;}
.main-popup-box .btn-group {display:flex;align-items:center;justify-content:center;margin-top:10px;}
.main-popup-box .btn-group button {flex:1;height:45px;font-size:14px;color:#000;border:1px solid #4b4b4b;border-radius:6px;background:#fff;cursor: pointer;}
.main-popup-box .btn-group button.btn-close {background-color:#333;border-color:#333;color:#fff;margin-left:10px;padding-top: 0;text-align:center;}

.my-tab-scroll{width: 100%;overflow-x: auto;}
.my-title{font-size: 24px;padding-top: 30px;position: relative;}
.my-title a{position: absolute;right: 0;bottom: 0;font-size: 16px;font-weight: 400;background: url(/img/site-mobile/btn_more_s.png) no-repeat right 4px;background-size: 20px;padding-right: 25px;}
.my-tab{margin-top: 40px;border-bottom: 1px solid #e0e0e0;display: flex;justify-content:flex-start;align-items:center;}
.my-tab li{padding-right: 20px;}
.my-tab a{font-size: 16px;padding-bottom: 15px;white-space: nowrap;}
.my-tab a.on{color: red;border-bottom: 2px solid red;}
.my-tab-con{margin-top: 30px;}
.my-tab-con colgroup{/*display:none;*/}
.my-tab-con th{/*display: block;*/font-size: 13px;text-align:left;padding-top: 20px;letter-spacing: -1px;}
.my-tab-con td{/*display: block;*/font-size: 13px;border-bottom: 1px solid #f0f0f0;padding: 1.5rem;padding-left: 0;padding-top: 1rem;letter-spacing: -1px;}
.my2-tab-con .table-style2 th{/*display: block;*/font-size: 13px;text-align:center;padding: 10px;border-bottom: 1px solid #f0f0f0;}
.my2-tab-con .table-style2 td{/*display: block;*/font-size: 13px;border-bottom: 1px solid #f0f0f0;padding: 10px;padding-left: 0;padding-top: 1rem;text-align:center;}
.my-tab-con td .file{cursor: pointer;position: relative;width:240px;height: 135px;overflow:hidden;display: flex;border:2px dashed #e0e0e0;border-radius: 10px;justify-content:center;align-items:center;}
/*.my-tab-con td .file input[type="file"]{position:absolute;left:0;top:0;width:240px;height: 135px;opacity: 0;z-index: 1;}*/
.my-tab-con td .file img{max-width: 100%;}
.my-tab-con td .file .img1{border-radius:50%;width:100px;height:100px;}
.my-tab-con td .file span{width:100px;height:100px;display:inline-block;position:relative;}
.my-tab-con td .file .img2{border-radius:50%;width:34px;height:34px;position:absolute;bottom: -4px;right: -4px;}
.file-popup{display: none;position:fixed;width:100%;height: 100%;left:0;top: 0;z-index:20;background:rgba(0, 0, 0, 0.3);justify-content:center;align-items:center;}
.file-popup-box{width: 310px;background:#fff;border-radius:10px;padding:16px;position:relative;}
.h-select2 button{margin-left:10px;background:#fff;border-radius: 3px;border:0;width:72px;height:30px;line-height:24px;text-align: center;cursor: pointer;}
.h-select2 button:last-child{background: #f2507e;color:#fff;}
.sns-btn{text-align:center;}
#login-box > form{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.file-title{padding:  0 15px;font-weight:bold;font-size: 16px;border-bottom: 1px solid #e0e0e0;padding-bottom: 5px;}
.file-con{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border:1px solid #333;margin-top:15px;text-align: center;height: 222px;flex-direction: column;}
.file-pop{position:relative;width: 100%;}
.file-popup .file-close{width: 15px;height:15px;position: absolute;right: 31px;top: 18px;}
.file-popup .file-close img{max-width:100%;}
.file-pop input{position:absolute;width: 100%;height: 100%;opacity: 0;}
.file-pop i{display:inline-block;width: 134px;height: 40px;background: #333;margin-top: 5px;color:#fff;line-height:40px;border-radius:5px;font-size: 12px;position:relative;}
.file-con p{text-align:left;margin-top: 15px;}
.file-popup-box div > a{width:135px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #333;border-radius: 5px;font-size:14px;margin-top:15px;}
.file-btn{flex-wrap: nowrap;display: flex;justify-content: space-between;}
.file-btn a{margin-left: 5px;}
.file-btn a:first-child{margin-left: 0;}
.file-btn a.btn-y{background: #333;color:#fff;}
.my-tab-con td .inputText:first-child{margin-top:0;}
.my-tab-con td::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.my-tab-con td a{font-size: 14px;}
.inputText{position:relative;margin-top: 10px;}
.inputText input[type="text"], .inputText input[type="password"]{width:100%;height: 45px;border: 1px solid #f0f0f0;padding: 0 15px;border-radius:5px;}
.inputText input[type="text"]::placeholder, .inputText input[type="password"]::placeholder{color:#333;font-size:14px;}
.my-tab-con td a.a-btn{float:right;margin-top: 20px;color:red;width:113px;height:45px;font-size: 15px;display: flex;align-items: center;justify-content: center;border-radius:5px;border: 1px solid red;}
.my-tab-con td p{margin-top: 5px;}
.color-red{color: red;}
.color-gray{color: #999;}
.my-tab-con td .td-ul li{position:relative;color: #969696;padding-left: 11px;font-size: 13px;padding-bottom: 6px}
.my-tab-con td .td-ul li::before{content:"";width: 3px;height: 3px;background: #969696;position: absolute;left: 0;top: 8px;}
.my-btn{text-align: right;margin-top: 15px;}
.my-btn a{height: 40px;color: #969696;padding: 0 16px;margin: 0 0 0 8px;display: inline-flex;align-items: center;justify-content: center;font-size: 15px;border: 1px solid #ebebeb;border-radius: 5px;}
.prot-del{text-align:right;margin-top: 10px;}
.prot-del a{border: 1px solid #0000001a;width: 100%;height: 42px;color:#ccc;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 15px;border-radius: 5px;}
#login-box{display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
.logo {text-align:center;margin-bottom:40px;width: 100%;}
.logo img {width:170px;}
.field {margin-bottom:16px;width:100%;}
.field {clear:both;margin:0 0 1em;}
.ui.input {position:relative;font-weight:400;font-style:normal;display:inline-flex;color:rgba(0,0,0,.87);}
.ui .field .ui.input input,.ui .fields .field .ui.input input,.ui input:not([type]),.ui input[type=date],.ui input[type=datetime-local],.ui input[type=email],.ui input[type=file],.ui input[type=number],.ui input[type=password],.ui input[type=search],.ui input[type=tel],.ui input[type=text],.ui input[type=time],.ui input[type=url] {width:100%;height:40px;border:1px solid #c4c4c4;border-radius:6px;background-color:#fff;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#000;}
.ui.input {font-size:1em;}
.ui.fluid.input {display:flex;}
.ui .field .ui.input,.ui .fields .field .ui.input,.ui .wide.field .ui.input {width:100%;}
.mt16 {margin-top:16px !important;}
.mb32 {margin-bottom:32px !important;}
.ui.checkbox {position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1rem;line-height:17px;min-width:17px;margin-right: 15px;}
.ui.checkbox {font-size:12px;}
.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio] {cursor:pointer;position:absolute;top:0;left:0;opacity:0 !important;outline:0;z-index:3;width:17px;height:17px;}
.ui.checkbox input.hidden {z-index:-1;}
.ui.checkbox input.hidden+label {cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.ui.checkbox.big input.hidden+label {line-height:20px;padding-left:25px;}
.ui.checkbox.big .box:before,.ui.checkbox.big input:checked:focus~.box:before,.ui.checkbox.big input:checked:focus~label:before,.ui.checkbox.big input:checked~.box:before,.ui.checkbox.big input:checked~label:before,.ui.checkbox.big input:not([type=radio]):indeterminate:focus~.box:before,.ui.checkbox.big input:not([type=radio]):indeterminate:focus~label:before,.ui.checkbox.big label:before {width:20px;height:20px;box-sizing: border-box;}
.ui.checkbox .box:before,.ui.checkbox label:after,.ui.checkbox label:before {border-radius:4px;width:16px;height:16px;}
.ui.button.dark {color:#fff;background-color:#333;border:none;}
.ui.checkbox label:before {border-color:#707070;}
.ui.button.primary {color:#fff;background-color:#f2507e;border:none;}
.text-right {text-align:right;width: 100%;font-size: 13px;}
.sns-title {padding:30px 0;display:flex;align-items:center;justify-content:center;color:#222;width:100%;}
.SignIn_divider-bar__5ykQQ {display:inline-block;width:64px;height:1px;background-color:#ddd;margin:0 10px;}
.SignIn_social-link__h8Bf9 {display:flex;align-items:center;justify-content:center;}
.ui input:not([type]),.ui input[type=date],.ui input[type=datetime-local],.ui input[type=email],.ui input[type=file],.ui input[type=number],.ui input[type=password],.ui input[type=search],.ui input[type=tel],.ui input[type=text],.ui input[type=time],.ui input[type=url] {font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:hsla(0,0%,100%,0);line-height:1.21428571em;padding:.67857143em 1em;font-size:14px;background:#fff;border:1px solid rgba(34,36,38,.15);color:#999;border-radius:.28571429rem;box-shadow:inset 0 0 0 0 transparent;transition:color .1s ease,border-color .1s ease;}
.ui.fluid.input input::placeholder{color: #999;}
#login-box section{width:100%;}
.ui.checkbox .box:after,.ui.checkbox .box:before,.ui.checkbox label:after,.ui.checkbox label:before {position:absolute;top:0;left:0;width:17px;height:17px;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;}
.ui.checkbox .box:before,.ui.checkbox label:before {content:"";background:#fff;border-radius:.21428571rem;border:1px solid #222;}
.ui.checkbox .box,.ui.checkbox label {cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:0;font-size:14px;}
.ui.checkbox input:checked:focus~.box:after,.ui.checkbox input:checked:focus~label:after,.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {color:#fff;font-size:12px;background-color:#ff024a !important;}
.ui.checkbox input:checked:focus~.box:before,.ui.checkbox input:checked:focus~label:before,.ui.checkbox input:checked~.box:before,.ui.checkbox input:checked~label:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {background-color:#ff024a;border:7px solid #ff024a;}
.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after {content:"\002713";text-align: center;}
button.login-btn {color:#fff;background-color:#333;border:none;border-radius:6px;font-size:14px;padding:12px 44px;height:auto;width:100%;}
button.join-btn {color:#fff;background-color:#f2507e;border:none;border-radius:6px;font-size:14px;padding:12px 44px;height:auto;width:100%;margin-bottom: 4px;}
.sns-btn button{border: 0;border-radius:50%;width:52px;height:52px;margin: 0 10px;padding: 0;}
@media screen and (max-height: 545px) {
	#login{padding: 32px 0;}
}
.join-tab{display:flex;width: 100%;justify-content: space-between;align-items: center;}
.join-tab li{margin: 0 4px;width:50%;}
.join-tab a{border: 1px solid rgb(138, 138, 138);color:rgb(138, 138, 138);flex: 1 1 0%;border-radius: 20px;font-size:14px;display:block;padding:.5rem;text-align:center;}
.join-input{width: 100%;}
.join-input li{margin-top: 1em;}
.join-input li strong{font-size: 14px;display: block;margin-bottom: 3px;font-weight: normal;text-align:left;}
.join-input li input{font-size: 14px;display: block;width: 100%;height: 40px;padding: .67857143em 1em;border: 1px solid #999;border-radius: 5px;}
.join-input li input::placeholder{color: #e0e0e0;}
.join-input li.submit{position: relative;padding-right: 60px;}
.recommend-check {cursor:pointer;display:flex;align-items:center;justify-content:center;width:50px;height:40px;margin-left:10px;border-radius:4px;color:#fff;background:#333;position: absolute;right: 0;bottom: 0;border: 0;font-size: 14px;}
.join-input-arge{margin-top: 30px;width: 100%;}
.join-input-arge h3{text-align: left;}
.join-input-arge > div{width: 100%;    border: 1px solid #ddd;margin-top: 20px;}
.join-input-arge > div .all{padding: 16px;border-bottom: 1px solid #ddd;text-align: left;}
.ui.checkbox input.hidden+label {cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {content: "\e800";}
.join-input-arge h3{font-size: 14px;}
.ui.button {font-size:12px;padding:7px 12px;height:30px;color:#333;background-color:#fff;border-radius:6px;border:1px solid #ddd;font-weight:400;}
.policy_content__ekTu4{padding: 16px;}
.policy_item__LQ0yZ {display:flex;justify-content:space-between;padding:4px 0;}
.ui.checkbox {position:relative;display:inline-block;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1rem;line-height:17px;min-width:17px;}
.policy_text__iIx_B{font-size: 14px;font-weight: 500;}
.join-input-arge .ui.checkbox{margin-right: 1px;}
.join-about{font-size: 14px; margin-top: 16px; padding: 8px 4px; background-color: rgb(248, 248, 248); border: 1px solid rgb(238, 238, 238); color: rgb(100, 100, 100); text-align: center;width: 100%;}
.join-button{font-size: 14px !important;margin-top: 1rem !important;height: 38px !important;}
#login-box.join{max-width: 350px;padding-top: 30px;}
.join-tab-con{width: 100%; display: none;text-align:center;}
.join-tab a.on{color: red;border: 1px solid red;}
.li-years > select{width: calc(100% / 3);border-color: rgb(112, 112, 112);border: 1px solid #999 !important;margin-right: 5px;height: 38px;color: #999;font-size: 14px;border-radius:5px;}
.li-years > select:last-child{margin-right: 0;}
.li-years > div *{color: #000 !important;font-size: 13px;}
.join-input li.sex{border:1px solid #999;}
.join-input li.sex span{display:block;float:left;width: 50%;position:relative;}
.join-input li.sex::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.join-input li.sex label{height: 40px;display:flex;text-align:center;font-size: 14px;align-items:center;justify-content:center;width:100%;}
.join-input li.sex label.on{background: #666;color: #fff;}
.join-input li.sex input{position:absolute;left:0;top:0;opacity: 0;}
.ui.button.dark {color: #fff;background-color: #333;border: none;width:100%;}
.flex.li-years{display: flex;justify-content: space-between;}
.Mobile-Phone select{width: 100%;height: 38px;font-size: 14px;color: #999;}
.Mobile-Phone p{position: relative;margin-top: 10px;padding-right: 105px;}
.Mobile-Phone p button{width: 100px;height: 38px;font-size: 14px;position: absolute;right: 0;top: 0;}
.join-tab-con .ui.button.w-full{font-size: 14px;margin-top: 40px;height: 38px;width:100%;}
.p-btn{background: #999;color: #fff;border: 1px solid #333;border: 0;border-radius: 5px;}
.p-btn-pink{background: rgb(255, 59, 110);}

.talk-about{padding: 0 .5rem;display: flex;justify-content:flex-start;align-items:center;height:41px;}
.talk-about img{width: 24px;height: 24px;}
.talk-about span{width: 24px;height: 24px;display: inline-block;margin-right: 5px;cursor: pointer;}
.talk-about span.bg2{background: url(/img/site-mobile/chat_board_off.svg) no-repeat center center;}
.talk-about span.bg3{background: url(/img/site-mobile/money_charger_off.svg) no-repeat center center;}
.talk-about span.bg4{background: url(/img/site-mobile/gift_shop_off.svg) no-repeat center center;}
.talk-about span.bg5{background: url(/img/site-mobile/star_ico_off.svg) no-repeat center center;}
.talk-about span.bg6{background: url(/img/site-mobile/vote_off.svg) no-repeat center center;}
.talk-about span.bg7{background: url(/img/site-mobile/danger_off.svg) no-repeat center center;}
.talk-about span.bg2:hover{background: url(/img/site-mobile/chat_board_on.svg) no-repeat center center;}
.talk-about span.bg3:hover{background: url(/img/site-mobile/charger_on.svg) no-repeat center center;}
.talk-about span.bg4:hover{background: url(/img/site-mobile/gift_shop_on.svg) no-repeat center center;}
.talk-about span.bg5:hover{background: url(/img/site-mobile/star_ico_on.svg) no-repeat center center;}
.talk-about span.bg6:hover{background: url(/img/site-mobile/vote_on.svg) no-repeat center center;}
.talk-about span.bg7:hover{background: url(/img/site-mobile/danger_on.svg) no-repeat center center;}
.talk-write{padding: 0 10px 1px;position: relative;padding-right: 61px;display: flex;justify-content: space-between;align-items: self-start;}
.talk-write textarea{width: 100%;height: 40px;padding: 10px;background: #f0f0f0;border: 0;border-radius: 5px;font-size: 14px;padding-right: 35px;}
.talk-write > button.submit{background: rgb(255, 64, 118);color: #fff;border-radius: 7px;display: flex;justify-content:center;align-items:center;border: 0;position: absolute;right: 10px;width:60px;height: 40px;top: 0;}
.talk-write > div{position: relative;flex: auto;}
.talk-write > div button{border: 0;width: 29px;height: 29px;cursor: pointer;font-size: 15px;position: absolute;right: 5px;top: 4px;}
.talk-about-all{background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;position: fixed;width: 100%;bottom: 30px;left: 0;}
.talk-about-all_chatroom{background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;position: fixed;width: 100%;bottom: 0px;left: 0;}
.talk-container{position: fixed;bottom:0;left:0;width:100%;}
.view-tab{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee;}
.view-tab li{width: 50%;}
.view-tab a{background: #f0f0f0;display: flex;justify-content: center;align-items: center;height: 30px;}
.view-tab a.on{background: #fff;color: #333;font-weight: 500;}
.videio-quick{width: 26px;position: fixed;right: 10px;bottom:90px;}
.videio-quick li{margin-top:5px;border-radius: 3px;overflow: hidden;}
.videio-quick a{background: rgba(0, 0, 0, 0.5);width:26px;height:26px;display: flex;justify-content: center;align-items: center;}
.talk-scroll{display: none;position:fixed;flex-direction:column;width:100%;height:calc(100% - (100vw * .5625));background-color:#fff;bottom:0;left:0;overflow-y: auto;}
.talk-scrollchatroom{display: none;position:fixed;flex-direction:column;width:100%;height:calc(100% - (103px));background-color:#fff;bottom:43px;left:0;overflow-y: auto;}
.talk-scroll-talk{display: flex;justify-content: flex-start;align-items: flex-start;padding: 5px;margin-top: 20px;}
.talk-scroll .talk-scroll-talk:first-child{margin-top: 0;}
.talk-scrollchatroom .talk-scroll-talk:first-child{margin-top: 0;}
.talk-scroll-talk > div{padding-left: 5px;}
.talk-scroll-talk .img img{width: 20px;height: 20px;}
.talk-scroll-talk .name{white-space: nowrap;}
.talk-scroll-talk .name img{width: 20px;height: 20px;}
.talk-scroll-talk .txt{padding-left: 20px;}
.v-tab1-con{padding-bottom: 77px;}
.v-tab2-con{padding: 0 5px 50px;}
.v-tab2-con li{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 20px;}
.v-tab2-con .v-play img{width: 110px;height: 62px;border-radius: 5px;overflow: hidden;}
.v-tab2-con .v-txt{padding-left: 5px;}
.v-tab2-con .v-txt > *{display: block;}
.v-tab2-con .v-txt > a, .v-tab2-con .v-txt > strong{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;font-size:13px;}
.v-tab2-con .v-txt > span{color: #999;margin-top: 3px;font-size: 12px;}
.v-tab2-con .v-txt > i{margin-top: 5px;font-size: 12px;color: #999;}
.v-tab2-con .v-txt > i img{width: 14px;height:14px;margin-right:2px;vertical-align: -3px;}

.board-title{margin-top: 30px;padding:  0 15px;font-weight:bold;font-size: 24px;padding-bottom: 5px;background: url(/img/site-mobile/ico_support.svg) no-repeat left center;padding-left: 25px;}
.board-tab{margin-top: 30px;display: flex;justify-content:flex-start;align-items:center;}
.board-tab li{float: left;padding-right: 20px;}
.board-tab a{font-size: 16px;padding-bottom: 15px;white-space: nowrap;}
.board-tab a.on{color: red;border-bottom: 2px solid red;}
.board-search{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;}
.board-search span{font-size: 14px;}
.board-search span strong{font-size: 14px;color:red;}
.board-search > div{border: 1px solid #f0f0f0;border-radius: 5px;padding: 10px;width:100%;padding-right: 30px;position: relative;}
.board-search > div input{width: 100%;border: 0;}
.board-search > div .b-search{position: absolute;right: 10px;top: 10px;}
.board-search > div input::placeholder{color:#333;font-size:14px;}
.board-search > div img{width: 20px;height: 20px;}
.ul-table{margin-top: 20px;border-top: 2px solid #333;}
.ul-table > ul > li{padding: 24px 0;border-bottom: 1px solid #f0f0f0;font-size: 13px;}
.ul-table > ul > li .title{display: flex;align-items: baseline;justify-content: flex-start;margin-bottom:16px;}
.ul-table > ul > li .title span{display: inline-block;width: 36px;height: 18px;line-height: 17px;font-size: 11px;color:#fff;border-radius: 18px;text-align:center;}
.ul-table > ul > li .title span.green{background:#03c75a;margin-right: 8px;}
.ul-table > ul > li .title a{font-size: 16px;}
.ul-table > ul > li .title i{display: inline-block;margin-left: 8px;}
.ul-table > ul > li .title i img{width: 18px;height: 18px;}
.ul-table > ul > li .con{padding-top:  16px;display: flex;align-items: center;justify-content: flex-start;}
.ul-table > ul > li .con .img{margin-right:10px;}
.ul-table > ul > li .con .img img{width: 36px;height: 36px;box-shadow: 0 0 5px #e0e0e0;border-radius: 50%;padding: 2px;}
.ul-table > ul > li .con div span{display: block;color: #999;}
.board-view{margin-top: 10px;border-top: 2px solid #333;border-bottom: 1px solid #f0f0f0;padding: 24px 0;}
.board-view .title{display: flex;align-items: center;justify-content: flex-start;margin-bottom:16px;}
.board-view .title span{display: inline-block;width: 36px;height: 18px;line-height: 17px;font-size: 11px;color:#fff;border-radius: 18px;text-align:center;}
.board-view .title span.green{background:#03c75a;margin-right: 8px;}
.board-view .title a{font-size: 16px;}
.board-view .title i{display: inline-block;margin-left: 8px;}
.board-view .title i img{width: 18px;height: 18px;}
.board-view .con{padding-top:  16px;display: flex;align-items: center;justify-content: flex-start;}
.board-view .con .img{margin-right:10px;}
.board-view .con .img img{width: 36px;height: 36px;box-shadow: 0 0 5px #e0e0e0;border-radius: 50%;padding: 2px;}
.board-view .con div span{display: block;color: #999;}
.board-view-con{padding:  24px 0;border-bottom: 1px solid #f0f0f0;}
.board-view-paging{margin-top: 40px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.board-view-paging i{background: #4c4c4c;width: 45px;line-height: 17px;height: 18px;border-radius: 18px;color: #fff;margin-right: 10px;padding: 0 11px;font-size: 12px;}
.board-view-paging span{display: block;padding-bottom: 30px;border-bottom: 1px solid #f0f0f0;}
.board-view-paging span a{color: #999;font-size: 14px;margin: 3px 0;position: relative;padding-left: 57px;}
.board-view-paging span a i{position: absolute;left: 0;top: 2px;}
.board-view-paging > a{margin: 3px 0;border: 1px solid #f0f0f0;background: #fff;padding:  0 24px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 15px;border-radius: 5px;white-space: nowrap;width: 100%;margin-top: 30px;}
.board-tab-con{display: none;padding-bottom: 30px;}
.bt-tab{margin-top: 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 8px;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;}
.bt-tab-all {margin-top: 20px;}
.bt-tab-all > a{background: #fff;font-size: 15px;font-weight: 300;display: flex;align-items: center;justify-content: space-between;height: 48px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 8px;padding: 0 16px 0 24px;}
.bt-tab-all > a i{transform: rotate(180deg);}
.bt-tab-all > a.on i{transform: rotate(0deg);}
.bt-tab-all .bt-tab{display: block;margin-top: 5px;display: none;}
.bt-tab li{width: 100%;}
.bt-tab a{display: flex;align-items: center;justify-content: center;height: 48px;background: #f9f9fc;border-left: 1px solid rgba(0, 0, 0, .1);font-size: 15px;font-weight: 300;color: #999;}
.bt-tab li:first-child a{border-left: 0;}
.bt-tab a.on{background: #fff;color: #333;}
.ul-slide{border-top: 2px solid #333;margin-top: 15px;}
.ul-slide > li{border-bottom: #f0f0f0 1px solid;}
.ul-slide > li > a{padding: 24px 0;font-size: 18px;display: block;border-bottom: #f0f0f0 1px solid;position: relative;padding-right: 30px;}
.ul-slide > li > a i{position: absolute;right: 0;top: 25px;transform: rotate(180deg);}
.ul-slide > li > a.on i{transform: rotate(0deg);}
.ul-slide > li > a span{display: inline-block;width: 36px;height: 18px;line-height: 17px;font-size: 11px;color:#fff;border-radius: 18px;text-align:center;}
.ul-slide > li > a span.green{background:#03c75a;margin-right: 8px;}
.ul-slide-con{display:none;padding: 24px 16px;position:relative;padding-left: 60px;font-size: 15px;background:#f9f9f9;}
.ul-slide-con span.q-a{display: inline-block;width: 36px;height: 18px;line-height: 17px;font-size: 11px;color:#03c75a;border-radius: 18px;text-align:center;border: 1px solid #03c75a;position:absolute;left: 16px;top:26px;}
.bt-con{display:none;}
.board-tab5-con .bt-con .b5-b-title{display: block;font-size: 14px;font-weight: 300;line-height: 22px;color: #000;margin: 32px 0 24px;}
.board-tab5-con .bt-con .img img{max-width:  100%;}
.board-tab5-con .bt1-con.bt-con .img{text-align: center;overflow: hidden;background: #333;}
.board-tab5-con .bt2-con.bt-con .img{text-align: center;overflow: hidden;background: #333;}
.board-tab5-con .bt-con .txt{display: table;width: 100%;border-top: 1px solid #e0e0e0;margin-top: 30px;padding-top: 30px;}
.board-tab5-con .bt-con .txt > div{display: table-cell;vertical-align: top;font-size: 14px;padding-left:  30px;color: #999;}
.board-tab5-con .bt-con .txt > div:first-child{padding-left: 0;color: #333;}
.board-tab5-con .bt-con .txt ol li{padding-bottom: 5px;}
.board-tab5-con .bt-con .txt ol,.board-tab5-con .bt-con .txt ol li{list-style: auto;}
.bt-con .swiper-pagination span{width: 12px;height: 12px;background: #fff;text-indent: -999em;background: #fff;}
.bt-con .swiper-pagination span.swiper-pagination-bullet-active{background: #ff024a;}
.bt-con .swiper-slide{text-align: center;background: #333;}
.bt2-con.bt-con .swiper-slide img{max-width: 320px;}

.flex-pay{background: rgb(245, 245, 245);padding: .75rem 1rem;margin-top:20px;border-radius:5px;}
.flex-pay p span{float: right;display: inline-block;width: calc(50% - 15px);font-size: 15px;height: 2.25rem;line-height: 36px;}
.flex-pay p span:first-child{float: left;}
.flex-pay p input[type="number"]{width: calc(100% - 20px);padding: 0 5px 0 10px;font-size: 15px;border: 1px solid rgb(221, 221, 221);height: 2.25rem;border-radius:5px;line-height: 2.25rem;}
.flex-pay p button{color: #fff;margin-top: .5rem;background: rgb(242, 80, 126);text-align: center;display:block;border-radius:5px;border: 0;padding: .5rem 2.75rem;font-size: 15px;width:100%;}
.flex-con{margin-top: 30px;}
.flex-con ul{margin-left: -5px;}
.flex-con li{float: left;display:flex;align-items: center;justify-content: center;padding: .5rem;height: 228px;width: calc(100% / 3 - 5px);margin-left:5px;margin-bottom: 5px;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 6px 2px;flex-direction: column;border-radius:5px;position: relative;}
.flex-con li img{width:56px;height:56px;border-radius: 50%;}
.flex-con li p{margin-bottom: 5px;font-size: 14px;text-align: center;margin-bottom: 13px;}
.flex-con li p span{color: red;}
.flex-con li p i{color: rgb(170, 170, 170);}
.flex-con li a{padding: .25rem;display:block;position: absolute;left:0;bottom: 0;height: 28px;line-height: 19px;color: #fff;text-align: center;width: calc(100% - 1rem);background: #222;font-size: 15px;margin: .5rem;border-radius:3px;}
.flex-con li a:hover{background: red;}
#tab-alls{max-width: 1080px;margin: 0 auto;padding-bottom: 60px;}
.gray-box{margin-top: 2rem;background:rgb(247, 247, 247);padding: 15px 10px;}
.gray-box .td-ul li{position:relative;color: #969696;padding-left: 15px;font-size: 13px;padding-bottom: 6px;}
.gray-box .td-ul li::before{content:"";width: 2px;height: 2px;background: #969696;position: absolute;left: 4px;top: 8px;}
.i-title{background: url(/img/site-mobile/ico_alert.png) no-repeat left center;padding-left: 24px;background-size: 16px;color: #969696;line-height: 17px;margin-bottom: 1rem;}
.flex-popup{display:none;z-index: 9990;position: fixed;width: 100%;height:100%;background: rgba(0, 0, 0, .7);align-items: flex-start;justify-content: center;top:0;left:0;}
.flex-popup-con{max-height: 100%;background: #fff;border-radius: 10px;padding: .75rem 24px;width: 100%;max-width: 500px;overflow-y: auto;}
.flex-popup-con::-webkit-scrollbar {width: 0px;}
.f-header{font-size:16px;font-weight:700;line-height:24px;color:#000;display:flex;padding:0;align-items:center;height:64px;justify-content:space-between;}
.bg-f8 {--tw-bg-opacity:1;background-color:rgb(248 248 248 / var(--tw-bg-opacity));}
.w-full {width:100%;}
.text-9e {--tw-text-opacity:1;color:rgb(158 158 158 / var(--tw-text-opacity));}
.pt-3 {padding-top:.75rem;}
.pb-6 {padding-bottom:1.5rem;}
.py-3-5 {padding-top:.875rem;padding-bottom:.875rem;}
.flex {display:flex;}
.cursor-pointer {cursor:pointer;}
.items-center {align-items:center;}
.mr-1 {margin-right:.25rem;}
.h-4 {height:1rem;}
.w-4 {width:1rem;}
.accent-red-600 {accent-color:#dc2626;}
.font-medium {font-weight:500;}
.text-17 {font-size:17px;}
.justify-center {justify-content:center;}
.rounded {border-radius:.25rem;}
.flex-col {flex-direction:column;}
.flex-auto {flex:1 1 auto;}
.gap-3 {gap:.75rem;}
.w-1\/4 {width:25%;}
.h-16 {height:4rem;}
.pt-3-5 {padding-top: .875rem;}
.flex-popup-con section button.flex{background: #fff;    cursor: pointer;}
.flex-popup-con section button.flex.on{border: 1px solid red !important;}
.flex-popup-con section {display:none;padding:.5rem;}
.bg-f78{--tw-bg-opacity: 1;background-color: rgb(247, 247, 248);}
.text-5b{color: rgb(91, 98, 107);}
.p-2{padding: .5rem;}
.py-4 {padding-top:1rem;padding-bottom:1rem;}
.justify-between {justify-content:space-between;}
.border-b2{border-bottom: 2px solid #000;}
.my-3 {margin-top:.75rem;margin-bottom:.75rem;}
.block {display:block;}
.text-15 {font-size:15px;}
.font-medium {font-weight:500;}
.text-ff {--tw-text-opacity:1;color:rgb(255, 2, 74);}
.text-lg {font-size: 1.125rem;line-height: 1.75rem;}
.my-5 {margin-top:1.25rem;margin-bottom:1.25rem;}
.modal-guide {padding:10px 20px;background-color:#f8f8f8;font-size:12px;color:#8d8d8d;}
.modal-guide ul>li {position:relative;padding-left:20px;line-height: 140%;margin: 5px 0;}
.modal-guide ul>li:before {content:"-";position:absolute;top:0;left:0;}
.bg-black-900-btn{background: #000;padding-top: .5rem;padding-bottom: .5rem;font-size: 1.125rem;line-height: 1.75rem;width: 100%;color: #fff;border: 0;font-weight: bold;}
.my2-tab{margin-top: 15px;padding-bottom: 50px;}
.my2-tab li{padding: 0 20px;float: left;position: relative;}
.my2-tab li::before{content:"";width: 1px;height: 10px;position: absolute;left: 0;top: 5px;background: #999;}
.my2-tab li:first-child::before{display:none;}
.my2-tab li a{font-size: .875rem;line-height: 1.25rem;color: #999;}
.my2-tab li a.on{color: red;}
.my2-title{text-align: center;font-size: 1.25rem;line-height: 1.75rem;margin-bottom: 1.75rem;}
.my2-title strong{color: red;}
.my2-con{display: flex;align-items:center;height:120px;justify-content:center;width: 100%;border-left: 1px solid rgb(221, 221, 221)}
.my2-con li{display: flex;align-items:center;height:120px;justify-content:center;width: calc(100% / 4);flex-direction: column;font-size: 16px;font-weight: bold;border-top: 1px solid rgb(221, 221, 221);border-bottom: 1px solid rgb(221, 221, 221);border-right: 1px solid rgb(221, 221, 221)}
.my2-con li p{font-size: 16px;font-weight: bold;margin-top: 15px;}
.my2-con li strong{position: relative;}
.my2-con li strong img{vertical-align: -1px;margin-left: 5px;}
.my2-con li strong span{display:none;position: absolute;left: 90%;bottom: 100%;border: 1px solid #f0f0f0;padding: 5px;border-radius: 5px;box-shadow: 0 0 5px #000;background: #fff;width: 484px;font-size: 13px;}
.my2-con li p i{color: rgb(242, 80, 126)}
.m2Button{margin-top: 20px;text-align: center;}
.m2Button button{font-size: 14px;padding: 12px 44px;height: auto;color: #333;background-color: #fff;border-radius: 6px;border: 1px solid #ddd;font-weight: 400;}
.m2Button button:disabled{cursor:default;opacity:.45 !important;background-image:none !important;box-shadow:none !important;pointer-events:none !important;}
.my2-title2{margin-top: 3.5rem;margin-bottom: .625rem;font-size: 1rem;line-height: 1.5rem;}
.my2-title2.gray-txt{color: #666;font-size: 14px;font-weight: 400;}
.my2-title2.mt0{margin-top:0;}
.no-txt{text-align: center;}
.table-style2{border-top: 1px solid #f0f0f0;}
.table-style2 th{padding-top: 18px;padding-bottom: 18px;font-size: 15px;background: rgb(249, 250, 251);border-bottom: 1px solid #c0c0c0;}
.table-style2 td{border-bottom: 1px solid #c0c0c0;font-size: 15px;}
.table-style2 td.no-txt{text-align: center;padding: 35px 0px;/*display: flex;*/justify-content: center;align-items: center;color: #999;}
.my2-tab-con{display: none;}
.table-style2.ts3{border-top: 1px solid #e0e0e0;}
.table-style2.ts3 th{padding-top: 18px;padding-bottom: 18px;font-size: 14px;border-bottom: 1px solid #e0e0e0;background: #fff;}
.table-style2.ts3 td{border-bottom: 1px solid #e0e0e0;font-size: 14px;}
.table-style2.ts3 td.no-txt{background: rgb(249, 250, 251);color: #999;}
.paging{display:flex;width:100%;min-height:unset;border:0;box-shadow:none;border-radius:unset;justify-content:center;margin-top: 20px;}
.paging a{display:inline-flex;flex:0 0 40px;max-width:40px;min-width:unset;width:40px;height:40px;padding:0;font-size:15px;color:#5b626b;text-align:center;align-items:center;justify-content:center;border-radius:8px;border:1px solid #acb2b9;margin-right:4px;font-weight:500;opacity: .5;cursor: pointer;background-color: #fafafa;}
.paging a.img.trsX img{transform: scaleX(-1);}
.paging a.active{color: #222}

@media screen and (max-width: 1024px) {
	.flex-con li{width: calc(100% / 2 - 5px);}
}
@media screen and (min-width: 1281px) {
	.flex-con li{width: calc(100% / 4 - 5px);}
}
.export-popup{display:none;z-index: 9990;position: fixed;width: 100%;height:100%;background: rgba(0, 0, 0, .7);align-items: center;justify-content: center;top:0;left:0;}
.export-popup-con{max-height: calc(100% - 46px);background: #fff;border-radius: 10px;padding: .75rem 24px;width: 100%;max-width: 500px;overflow-y: auto;margin-top: 46px;}
.export-popup-con::-webkit-scrollbar {width: 0px;}
.export-popup-con section button.flex{background: #fff;    cursor: pointer;}
.export-popup-con section button.flex.on{border: 1px solid red !important;}
.export-popup-con section {display:none;padding:.5rem;}

.export-sheet {
	max-width: 540px;
	max-height: calc(100vh - 32px);
	margin: 0 12px;
	padding: 18px;
	border-radius: 24px;
	background: radial-gradient(circle at top left, rgba(242, 80, 126, 0.18), transparent 34%), linear-gradient(180deg, #151922 0%, #0d1016 100%);
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.38);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.export-sheet-header {
	height: auto;
	padding: 0 0 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #fff;
}

.export-sheet-title strong {
	display: block;
	margin-top: 8px;
	font-size: 26px;
	line-height: 1.15;
	font-weight: 700;
	color: #fff;
}

.export-sheet-badge {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #ff7da3;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
}

.export-sheet-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
}

.export-sheet-close img {
	filter: brightness(0) invert(1);
	opacity: 0.88;
}

.export-sheet-body {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.export-sheet-summary,
.export-sheet-form,
.export-sheet-total,
.export-guide {
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(255, 255, 255, 0.04);
}

.export-sheet-summary {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px;
}

.export-sheet-summary-label,
.export-sheet-total-label {
	display: block;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.58);
}

.export-sheet-summary strong {
	display: block;
	margin-top: 4px;
	font-size: 28px;
	line-height: 1;
	color: #fff;
}

.export-sheet-summary p,
.export-sheet-total p {
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.62);
}

.export-sheet-form {
	padding: 8px 14px;
}

.export-form-row {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.export-form-row:last-child {
	border-bottom: 0;
}

.export-form-label {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
}

.export-form-control {
	width: 100%;
}

.export-input {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	font-size: 14px;
}

.export-input::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.export-input option {
	color: #111;
}

.export-static-pill {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: #ff7da3;
	font-size: 12px;
	font-weight: 700;
}

.export-sheet-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
}

.export-sheet-total strong {
	font-size: 24px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}

.export-guide {
	margin: 0;
	padding: 12px 14px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	background: #181b22;
}

.export-guide ul > li:before {
	color: #ff7da3;
}

.export-submit-btn {
	height: 52px;
	border-radius: 16px;
	background: linear-gradient(135deg, #ff4e84 0%, #f2507e 50%, #d93d73 100%);
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0 18px 32px rgba(242, 80, 126, 0.28);
}

.export-blocked-box {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px 16px;
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(24, 27, 34, 0.92) 100%);
}

.export-blocked-box strong {
	font-size: 20px;
	line-height: 1.35;
	color: #fff;
}

.export-blocked-message {
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.78);
}

.export-blocked-bank {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 14px;
	border-radius: 14px;
	background: #181b22;
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
}

.export-blocked-actions {
	display: flex;
	gap: 10px;
}

.export-blocked-actions > button {
	flex: 1;
}

.export-outline-btn {
	height: 52px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.export-bank-modal {
	position: fixed;
	inset: 0;
	z-index: 10001;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.72);
}

.export-bank-modal-dialog {
	width: 100%;
	max-width: 480px;
	padding: 18px 16px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, #1e222b 0%, #12161d 100%);
}

.export-bank-modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.export-bank-modal-head strong {
	font-size: 18px;
	color: #fff;
}

.export-bank-close {
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

#view-container-all{display:flex;flex-direction: column;}
.pay-con{position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    padding: 1.25rem 0.75rem;
    display: none;
    flex-direction: column;
    border: 1px solid #ebebeb;
}
.pay-con .pay-con-floor1 img{width: 18px;margin-right: 5px;vertical-align: -4px;}
.pay-con .pay-con-floor1 span{color: red;}
.pay-con .pay-con-floor2{display: flex;margin-top: .75rem;justify-content: space-between;border: 1px solid #aaa;border-radius: 5px;padding: 5px 10px;}
.pay-con .pay-con-floor2 span{white-space: nowrap;display: flex;align-items: center;}
.pay-con .pay-con-floor2 input{width: 100%;margin: 0 5px;text-align: right;color: #FF024A;height:40px;border: 0;}
.pay-con .pay-con-floor2 span:last-child{font-size: 1.125rem;font-weight: bold;}
.pay-con-floor3{display: flex;align-items: center;margin-top: 1rem;}
.pay-con-floor3 input{border: 1px solid #e0e0e0;background: #f0f0f0;height: 40px;border-radius: 40px;padding: 0 10px;margin-right:5px;font-size: .875rem;color: #999;}
.pay-con-floor3 input::placeholder{font-size: .875rem;}
.pay-con-floor3 span{display: flex;align-items: center;border-radius: 40px;border: 1px solid #FF024A;color: #FF024A;height: 40px;padding: 0 10px;white-space: nowrap;}
.pay-con-floor4{margin-top: 2px;color: #999;font-size: .75rem;}
.pay-con-floor4 img{vertical-align: -3px;}
.pay-con-floor5{margin-top: 13px;}
.pay-con-floor5 a{font-size: 13px;color: #fff;background: rgb(255, 64, 118);display:flex;height:40px;border-radius: 5px;justify-content: center;align-items: center;}
.pay-con-icons{margin-left: -10px;}
.pay-con-icons li{margin-top: 10px;margin-left: 10px;width: calc(100% / 4 - 10px);float: left;}
.pay-con-icons li img{max-width: 100%;}
.pay-con-icons li span{display: block;color: rgb(255, 2, 74);font-size:1rem;line-height: 1.5rem;text-align: center;}
.giftBar{position:fixed;width:300px;height:300px;top:calc(50% - 150px);left: calc(50% - 150px);display: flex;align-items: center;justify-content: center;display:none;}
.giftBar img{max-width: 100%:}

.home-mobile-page {
	padding: 14px 10px 72px;
	background: #f5f7fb;
}

.home-mobile-hero,
.home-mobile-live-section {
	border-radius: 24px;
	overflow: hidden;
}

.home-mobile-hero {
	padding: 22px 18px;
	background: radial-gradient(circle at top left, rgba(242, 80, 126, 0.24), transparent 44%), linear-gradient(180deg, #10131a 0%, #090b10 100%);
	color: #fff;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.home-mobile-badge,
.home-mobile-section-head span,
.home-mobile-section-head span {
	display: inline-flex;
	width: fit-content;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: #ff7da3;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.home-mobile-hero h2 {
	margin-top: 14px;
	font-size: 28px;
	line-height: 1.18;
	color: #fff;
}

.home-mobile-hero p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.75;
	color: rgba(255, 255, 255, 0.72);
}

.home-mobile-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 18px;
}

.home-mobile-stats > div {
	padding: 14px 10px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.home-mobile-stats strong {
	display: block;
	font-size: 20px;
	color: #fff;
}

.home-mobile-stats span {
	display: block;
	margin-top: 6px;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.58);
	letter-spacing: 0.1em;
}

.home-mobile-main-slide {
	margin-top: 16px;
}

.home-mobile-feature-card {
	display: block;
	position: relative;
	min-height: 360px;
	border-radius: 24px;
	overflow: hidden;
}

.home-mobile-feature-card > img {
	width: 100%;
	height: 360px;
	object-fit: cover;
}

.home-mobile-feature-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.72) 100%);
}

.home-mobile-feature-copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 18px;
	z-index: 2;
}

.home-mobile-pill-row {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 3;
}

.home-mobile-feature-host {
	display: flex;
	align-items: center;
	gap: 12px;
}

.home-mobile-feature-host img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, 0.36);
}

.home-mobile-feature-host strong {
	display: block;
	font-size: 18px;
	color: #fff;
}

.home-mobile-feature-host p {
	margin-top: 4px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.74);
}

.home-mobile-live-section {
	margin-top: 16px;
	background: linear-gradient(180deg, #131720 0%, #0c0f15 100%);
	padding: 18px 14px;
	box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.home-mobile-section-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 12px;
	margin-bottom: 14px;
}

.home-mobile-section-head.live {
	margin-bottom: 18px;
}

.home-mobile-section-head h3,
.home-mobile-section-head .main-h3 {
	margin-top: 8px;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
}

.home-mobile-section-head p {
	color: rgba(255, 255, 255, 0.62);
	font-size: 12px;
}

.home-mobile-live-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	margin-left: 0;
}

.home-mobile-live-grid .live-item,
.home-mobile-live-grid .home-empty-state {
	margin: 0;
	margin-left: 0;
	margin-top: 0;
	width: auto;
	display: flex;
	float: none;
}

.home-mobile-live-card {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
	border-radius: 18px;
	overflow: hidden;
	background: linear-gradient(180deg, #181c25 0%, #10141b 100%);
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.home-mobile-live-thumb {
	position: relative;
	flex: none;
}

.home-mobile-live-thumb img {
	width: 100%;
	height: 138px;
	object-fit: cover;
}

.home-mobile-live-copy {
	padding: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	flex: 1;
	height: 110px;
}

.home-mobile-live-host {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.home-mobile-live-host > div {
	min-width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.home-mobile-live-host img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.home-mobile-live-host strong {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	color: #fff;
	height: 2.7em;
	max-height: 2.7em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow-wrap: anywhere;
}

.home-mobile-live-host p {
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.2;
	height: 1.2em;
	color: #ff7da3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-mobile-tag-list {
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	min-height: 24px;
	height: 24px;
	overflow: hidden;
	align-items: center;
	margin-top: auto;
}

.home-mobile-tag-list span {
	min-height: 24px;
	padding: 0 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.72);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	flex: none;
	white-space: nowrap;
}

.load-more-wrap {
	text-align: center;
	margin: 22px 0 6px;
}

.load-more-btn {
	min-width: 132px;
	padding: 10px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.76);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
}

.load-more-btn span {
	display: inline-block;
	background: url(/img/site-mobile/btn_more_s.png) no-repeat right center;
	background-size: 16px !important;
	padding-right: 22px;
}

.load-more-loading {
	display: none;
	margin-top: 10px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.home-empty-card.compact {
	min-height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: linear-gradient(135deg, #161922 0%, #0f1118 100%);
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
}